Form Builder Nedir?
Flowvio Form Builder, teknik bilgiye gerek duymadan karmaşık kurumsal veri yönetim ekranları oluşturmanıza olanak tanıyan görsel tasarım ortamıdır. Bir form yayınlandığında sistem otomatik olarak veritabanı tablosu oluşturur, REST API endpoint'lerini hazırlar ve mobil dahil tüm platformlarda anlık erişime açar.
Geleneksel yazılım süreçlerinde haftalar alabilecek bir ekran, Flowvio Form Builder ile dakikalar içinde tasarlanır ve canlıya alınır.
Form Builder'ı Açmak
Form Builder doğrudan bir URL üzerinden değil, menüye bağlı olarak açılır. Şu adımları izleyin:
- Sol menüden Menüler bölümüne gidin
- Yeni bir menü oluşturun veya mevcut bir menü satırı seçin
- Satırın sağındaki Ekran Tasarla butonuna tıklayın
- Form Builder canvas'ı açılır
Canvas Yapısı
Canvas üç bölümden oluşur:
- Sol Panel: Layout seçenekleri ve element kütüphanesi; buradan sürükle-bırak ile ekleme yapılır
- Merkez Canvas: Formunuzu inşa ettiğiniz çalışma alanı; elementler burada konumlanır
- Sağ Panel: Seçili elementin tüm özellikleri; etiket, zorunluluk, doğrulama, stil ve davranış ayarları
Üst araç çubuğunda ek sekmeler bulunur: Kurallar (koşul-eylem motoru), İş Akışı (onay aşamaları) ve Ayarlar (form geneli yapılandırma).
Layout Sistemi
Her form bir veya daha fazla layout'tan oluşur. Layout, form elementlerinin sütunlara düzenlendiği yatay bir satırdır. Canvas boşken önce bir layout eklemeniz gerekir:
- Sol panelden istediğiniz sütun sayısını seçin: 1, 2, 3 veya özel oranlı
- Canvas'a sürükleyin — layout yerleşir ve içine element bekler
- Birden fazla layout ekleyerek formunuzu dikey olarak genişletebilirsiniz
- Layoutlar arası sırala da sürükle-bırak ile değiştirilebilir
Element Tipleri
| Kategori | Element Tipleri | Kullanım |
|---|---|---|
| Temel Girişler | Metin, Sayı, E-posta, Telefon, URL | Standart veri girişi |
| Tarih ve Zaman | Tarih, Saat, Tarih-Saat, Tarih Aralığı | Zaman odaklı veriler |
| Seçim | Açılır Liste, Çoklu Seçim, Radyo, Onay Kutusu | Sabit seçenekler |
| Zengin İçerik | Zengin Metin, İmza, Harita | Detaylı not, konum, onay |
| Dosya | Dosya Yükleme | Makbuz, resim, döküman |
| Veri Bağlama | Arama Alanı, Formül Alanı | Başka formdan veri, hesaplama |
| Kompleks Görünümler | Tablo, Kanban, Takvim | Alt kayıt listesi, board, ajanda |
| Kapsayıcılar | Sekme Görünümü, Akordeon | Uzun formları bölümlere ayırma |
Element Yapılandırması
Bir elementi canvas'a ekledikten sonra üzerine tıklayın. Sağ panel açılır ve şu özellikleri düzenleyebilirsiniz:
- Etiket: Alanın kullanıcıya görünen adı
- Yer Tutucu: Boş alanda görünen ipucu metni
- Zorunlu: Kayıt kaydedilmeden bu alan doldurulmalı mı?
- Varsayılan Değer: Alan ilk açıldığında hangi değeri taşısın?
- Doğrulama Kuralları: Min/max değer, karakter limiti, regex deseni
- Görünürlük: Bu alan hangi koşulda görünsün veya gizlensin?
- Salt Okunur: Görüntülenebilir ama değiştirilemez
Kural Motoru
Form Builder'ın Kurallar sekmesinde koşul-eylem blokları oluşturabilirsiniz. Bu bloklar sayesinde form, belirli durumlarda otomatik davranır:
- Kategori "Diğer" seçilirse Açıklama alanını zorunlu yap
- Tutar 10.000'i geçerse Finans Direktörü bildirimini tetikle
- Departman "Satış" ise bölgeyi Avrupa ile sınırla
- Form gönderilince webhook URL'sine veri ilet
Çapraz Form Bağlantısı
Bir formun bir alanı değiştiğinde başka bir formdaki kayıtları otomatik güncelleyebilirsiniz. Buna Form Link denir. Tipik kullanım: Satış siparişi oluşturulunca Stok formundaki miktarı otomatik düşür. Kayıt silinirse işlem tersine çevrilir.
Yayınlama ve Sonrası
Tasarım tamamlandığında Yayınla butonuna basın. Sistem arka planda şu işlemleri yapar:
- Veritabanında
forms_<menü_kodu>tablosu oluşturulur - Her form elementi bir kolon olarak tabloya eklenir
- CRUD endpoint'leri açılır: liste, detay, oluştur, güncelle, sil
- Onay akışı endpoint'leri etkinleşir
- Mobil ve web istemciler formu anında kullanabilir hale gelir
Yayınlanan bir formu sonradan düzenleyebilirsiniz. Yeni alan eklediğinizde sistem veritabanı şemasını otomatik günceller; mevcut kayıtlar korunur, yeni alanlar boş kalır.