Genel Akış
Flowvio'da bir veri ekranı oluşturmak için şu sırayı izliyorsunuz:
- Menü Oluştur — Formunuzun sol menüde görüneceği yeri belirleyin
- Ekran Tasarla — Menüye bağlı canvas'ı açın
- Layout Ekle — Sol panelden bir düzen şablonu seçip canvas'a sürükleyin
- Elementleri Ekle — Layout içine form alanlarını ekleyin ve yapılandırın
- Yayınla — Form canlıya alınır, veritabanı tablosu otomatik oluşur
- Erişim Ver — Rollere veya kullanıcılara atayın
Adım 1 — Menü Oluşturun
Sol menüden Menüler bölümüne gidin ve Yeni Menü butonuna tıklayın. Açılan formda şu bilgileri girin:
- Ad: Menüde görünecek tam isim — örneğin "Masraf Talebi"
- Kısa Ad: Kompakt görünüm için kısaltma — örneğin "Masraf"
- İkon: Menü öğesinin yanında görünecek ikon seçin
- Üst Menü: Varsa bu öğeyi bir üst menünün altına yerleştirin
Kaydet butonuna bastığınızda menü, menü listesinde görünür hale gelir. Henüz hiçbir ekran bağlı değildir.
Adım 2 — Ekran Tasarla
Menü listesinde oluşturduğunuz satırın sağında Ekran Tasarla butonuna tıklayın. Form Builder canvas'ı açılır. Bu canvas üç alandan oluşur:
- Sol Panel: Layout seçenekleri ve form elementleri
- Merkez Canvas: Formunuzu oluşturduğunuz alan
- Sağ Panel: Seçili elementin özellikleri
Adım 3 — Layout Ekleyin
Canvas'a herhangi bir element eklemeden önce mutlaka bir Layout eklemeniz gerekir. Layout, elementlerin oturacağı sütun yapısını belirler. Sol panelden mevcut layout seçeneklerine bakın:
- Tek Sütun: Tüm genişliği kaplayan basit düzen
- İki Sütun: Yan yana iki alan için
- Üç Sütun: Daha yoğun veri girişi için
- Özel Oranlar: Örneğin 1/3 + 2/3 asimetrik düzen
Seçtiğiniz layout'u canvas alanına sürükleyin. Layout canvas'ta görünür ve içine element beklemeye başlar. Birden fazla layout üst üste ekleyerek uzun formlar oluşturabilirsiniz.
Adım 4 — Form Elementleri Ekleyin
Sol panelden form elementlerini layout'un sütunlarına sürükleyin. Her sütuna bir veya birden fazla element ekleyebilirsiniz. Desteklenen element tipleri:
| Kategori | Element Tipleri |
|---|---|
| Temel Girişler | Metin, Sayı, E-posta, Telefon, URL |
| Tarih & Zaman | Tarih, Saat, Tarih-Saat, Tarih Aralığı |
| Seçim | Açılır Liste, Çoklu Seçim, Radyo, Onay Kutusu |
| Zengin İçerik | Zengin Metin, İmza, Harita |
| Dosya | Dosya Yükleme |
| Veri Bağlama | Arama Alanı (Lookup), Formül Alanı |
| Kompleks | Tablo (satır içi CRUD), Kanban, Takvim |
| Kapsayıcılar | Sekme Görünümü, Akordeon |
Bir element ekledikten sonra üzerine tıklayın. Sağ panel aktif hale gelir ve o elementin tüm özelliklerini düzenleyebilirsiniz: etiket, yer tutucu metin, zorunluluk, varsayılan değer, doğrulama kuralları, görünürlük koşulları.
Adım 5 — Yapılandırın ve Kural Ekleyin
Form alanlarını yapılandırdıktan sonra iş mantığı ekleyebilirsiniz. Üst araç çubuğundan sekmeler arasında geçiş yapın:
- Kurallar: "Kategori 'Diğer' ise Açıklama alanı zorunlu olsun" gibi koşul-eylem blokları tanımlayın
- İş Akışı: Kaydın onay sürecini ve onaylayıcıları tanımlayın
- Ayarlar: Form başlığı, kayıt listesi görünümü, erişim kapsamı
Adım 6 — Önizleyin ve Yayınlayın
Sağ üstten Önizle butonuna tıklayarak formu gerçek görünümüyle test edin. Her şey yolundaysa Yayınla butonuna basın. Sistem:
- Veritabanında
forms_<menü_kodu>adlı tabloyu oluşturur - REST API endpoint'lerini açar
- Mobil istemciler dahil tüm platformlarda form kullanıma girer
Adım 7 — Erişim Verin
Yayınlanan form, menüye bağlı olduğu için menü erişim yönetiminden kontrol edilir. Ayarlar → Rol Yönetimi'nden ilgili rolü seçip bu menüyü role ekleyin. Rolü olan kullanıcılar bir sonraki oturumda formu sol menüde görür.
Örnek: Masraf Talebi Formu
Yukarıdaki adımları izleyerek aşağıdaki yapıyı oluşturabilirsiniz:
- Menü adı: Masraf Talebi
- Layout: İki sütunlu
- Sol sütun: Masraf Tarihi (tarih), Tutar (sayı, min 0), Kategori (açılır liste)
- Sağ sütun: Açıklama (metin, zorunlu), Makbuz (dosya yükleme)
- İş Akışı: Birim yöneticisi onayı
- Kural: Tutar 5000 TL üzerindeyse Finans Müdürü aşaması da eklensin
Bu yapı yaklaşık 20 dakikada kurulur; sonraki gün tüm çalışanlar mobil veya web'den masraf talebi oluşturabilir ve yöneticiler push bildirim alır.
İpuçları
- Layoutları üst üste ekleyerek uzun formlar oluşturabilirsiniz — her layout ayrı bir satır gibi davranır
- Sekme kapsayıcısı ekleyerek formu mantıksal bölümlere ayırın; kullanıcı deneyimi iyileşir
- Zorunlu alanları kırmızı yıldız ile işaretleyin — sağ panelden "Zorunlu" kutusunu işaretlemeniz yeterli
- Yayınladıktan sonra da düzenleme yapabilirsiniz; sistem şemayı otomatik günceller