8. Kart Tasarımı — Dynamic Text
Bu adımda Dynamic Text widget'ın dış kart görünümü yapılandırılır. Dynamic Text canlı veri gösterdiği için Refresh Interval kritiktir.
Sihirbaz rotası: /cartography/add/carddesign
Ön Koşul
Dynamic Text akışının 1, 2, 3, 4, 7. adımları tamamlanmış olmalıdır.
→ 07 — Genel Tasarım
1. General Settings
| Alan |
Açıklama |
Birim |
| Chart Name |
Kartın üst kısmındaki başlık (örn. "Bugünkü Üretim") |
metin |
| Chart Refresh Interval |
Veri yeniden çekme periyodu |
saniye |
Dynamic Text için Refresh Interval Önerisi
| Senaryo |
Önerilen Refresh |
| MQTT (canlı OEE/sıcaklık) |
0 (anlık akış) |
| Anlık sensör değeri (SQL) |
5 - 15 sn |
| Günlük üretim adedi |
60 - 300 sn |
| Aylık ciro |
3600 sn |
| Vardiya hedef ilerleme |
120 - 300 sn |
2. Card Display
| Alan |
Açıklama |
Tip |
| Card Background Color |
Arka plan rengi |
renk |
| Card Title Position |
Sol / Orta / Sağ |
enum |
| Card Title Color |
Başlık metin rengi |
renk |
| Card Title Font Size |
Başlık font boyutu |
px |
KPI Kartı için Vurgulu Arka Plan
Önemli KPI'larda kart arka planını vurgulu seçin (örn. koyu mavi). Operatör dashboard'da Dynamic Text kartlarını ilk olarak fark eder.
3. Info Card
## Günlük Üretim
- Hedef: 1.500 adet
- Bugünkü hedef tamamlama yüzdesi otomatik hesaplanır
> Veri kaynağı: ERP üretim modülü
| Alan |
Açıklama |
| Show Info Card |
Info card görünür mü |
| Info Card Content |
Markdown editör |
| Expand Editor |
Tam ekran editör |
4. Spacing
| Alan |
Açıklama |
Birim |
| Padding |
Kart iç boşluğu |
px |
5. Border
| Alan |
Açıklama |
Birim |
| Border Color |
Kart kenarlık rengi |
renk |
| Border Radius |
Köşe yuvarlama yarıçapı |
px |
| Border Width |
Kenarlık kalınlığı |
px |
6. Shadow (varsa)
| Alan |
Açıklama |
| Shadow Blur |
Gölge yumuşaklığı |
| Shadow Offset X / Y |
Gölge yön kayması |
| Shadow Opacity |
Gölge şeffaflığı |
7. Onaylama
Sağ üstteki Next butonuna tıkladığınızda flow.hasCardDesign = true işaretlenir.
8. Sonraki Adım
→ 09 — Görüntüleme Bilgileri