Form Oluşturucu Nasıl Yapılır

Bir form oluşturucu, insanların kendi formlarını tasarlamasını — alan seçmelerini, kurallar koymalarını, bir bağlantı yayınlamalarını — ve ardından gönderimleri toplamasını sağlar. Arka planda üç parçası vardır: veri olarak saklanan bir form tanımı, tanımı çalışan bir forma çeviren bir görüntüleyici ve bildirimler ve dışa aktarma özelliği olan bir gönderim deposu. Bir tane yapmadan önce gerçekten ihtiyacınız olup olmadığını kontrol edin: yalnızca bir iletişim formu ya da başvuru formu gerekiyorsa, o formu doğrudan kurun ve oluşturucuyu tamamen atlayın.

Gerçekten bir oluşturucuya ihtiyacınız var mı?

Bir oluşturucu bir formdan daha büyük bir projedir, çünkü her alan türünün düzenleyicide, herkese açık formda, doğrulamada, depolamada, bildirimlerde ve dışa aktarmada çalışması gerekir.

Bir form oluşturucunun ihtiyaç duyduğu şeyler

Form tanımları

Her formu bir alan listesi olarak, yapılandırılmış veri (bir Postgres sütununda JSON) biçiminde saklayın. Bir alan şöyle görünebilir:

• id — etiket değişse bile hiç değişmeyen sabit bir kimlik
• tür — metin, e-posta, sayı, uzun metin, seçim, onay kutusu, tarih, dosya
• etiket ve yardım metni
• zorunlu, en az / en çok, izin verilen dosya türleri
• Seçim alanları için seçenekler
• sıra ve isteğe bağlı bir koşul ("yalnızca X alanı Y ise göster")

Düzenleyici bu listeyi düzenler; herkese açık form onu okur. Tüm numara bu: form başına yeni kod yok.

Gönderimler

• Gönderimler — form, form sürümü, gönderilme zamanı, alan kimliğine göre anahtarlanmış cevaplar, durum (yeni, okundu, arşivlendi).
• Dosyalar — yüklenen dosyalar dosya depolamasına aittir; gönderim bir referans tutar, asla veritabanı satırının içinde durmaz.

Sayfalar

• Gönderim sayıları ile form listesi.
• Düzenleyici — alan ekleyin, sıralayın ve yapılandırın; yanında canlı bir önizleme olsun.
• Ayarlar — onay mesajı ya da yönlendirme, bildirim e-postaları, açılış/kapanış tarihleri, gönderim limiti.
• Kendi bağlantısında herkese açık form ve diğer web siteleri için gömülebilir bir sürüm.
• Arama, durum, ayrıntı görünümü ve CSV dışa aktarma özellikli gönderim tablosu.

Kararlar ve ödünler

Sürümleme. Biri 200 gönderimden sonra "Telefon" alanını "Cep numarası" olarak yeniden adlandıracaktır. Cevaplar alan kimliğine göre saklanır ve her gönderim form sürümünü kaydederse, eski gönderimler hâlâ doğru görüntülenir. Bu olmadan verileriniz sessizce karışır.

Doğrulama iki kez çalışır. Hızlı geri bildirim için alanları tarayıcıda kontrol edin ve sunucuda bir kez daha, çünkü herkes verileri doğrudan uç noktanıza gönderebilir. Sayan kontrol sunucu tarafındaki kontroldür.

Dosya yüklemeleri. Depolama maliyetleri, boyut sınırları, dosya türü kontrolleri ve gizlilik soruları (CV'ler, kimlikler, sağlık formları) getirirler. Türleri ve boyutları sınırlayın ve yüklenen dosyaları varsayılan olarak özel yapın, yalnızca form sahipleri okuyabilsin. Bkz. uygulamanıza dosya yüklemesi nasıl eklenir.

Bildirimler. "Biri gönderdiğinde bana e-posta at" beklenen bir özelliktir. Bir e-posta sağlayıcısı ve API anahtarı gerektirir; bkz. uygulamanızdan e-posta nasıl gönderilir.

Spam. Herkese açık bir form botlar tarafından bulunacaktır. Bir tuzak alanı (insanlardan gizli, botlar tarafından doldurulan), IP başına hız sınırları, sunucu tarafı doğrulama ve gerekirse bir CAPTCHA servisi kullanın.

Gömme. Bir iframe gömme, bir formu başkasının web sitesine koymanın en basit ve en güvenli yoludur. Bir betik gömme daha yerel görünür ama kurulumu ve güvenliği daha zordur.

Koşullu mantık. "Bu alanı yalnızca … ise göster" popülerdir ve test sayısını çarpar. Temeller sağlam olduktan sonra ekleyin.

İşe yarayan bir ilk istem

Ekibim için bir form oluşturucu web uygulaması yap. Giriş yapmış kullanıcılar, canlı önizlemesi olan bir düzenleyicide form oluşturur. Alan türleri: kısa metin, uzun metin, e-posta, sayı, tarih, tekli seçim, onay kutuları ve dosya yükleme. Her alanın sabit bir kimliği, etiketi, yardım metni, zorunlu işareti ve türüne özgü kuralları var (en az/en çok, seçenekler, izin verilen dosya türleri ve 10 MB boyut sınırı). Form tanımını, her yayında artan bir sürüm numarasıyla JSON olarak sakla. Her form için herkese açık bir bağlantı ve bir iframe gömme kodu olsun. Gönderimleri yayınlanmış sürüme göre sunucuda doğrula, cevapları form sürümüyle birlikte alan kimliğine göre anahtarlayarak sakla ve yüklenen dosyaları özel dosya depolamasına koy. Gizli bir tuzak alanı ve IP başına hız sınırı ekle. Form sahipleri durum (yeni, okundu, arşivlendi), bir ayrıntı görünümü ve CSV dışa aktarma içeren bir gönderim tablosu görsün. Her şeyi bir veritabanında sakla. Koşullu mantığı ve e-posta bildirimlerini daha sonraya bırak.

Yapım adımları

1. Düzenleyici ve tanım. Her alan türünü içeren bir form kurun ve kaydedilen JSON'a yapay zeka ile birlikte bakın. Temiz ve kararlı mı?
2. Herkese açık form. Bir telefonda doldurun. Doğrulama mesajlarını ve onay ekranını kontrol edin.
3. Sunucu doğrulaması. Yapay zekadan, sayfayı atlayıp kurallara aykırı bir gönderimi doğrudan sunucuya göndermesini isteyin. Reddedilmelidir.
4. Sürümleme. Birkaç gönderimden sonra alanları yeniden adlandırın ve sıralayın. Eski gönderimler hâlâ doğru cevapları göstermelidir.
5. Yüklemeler. Çok büyük bir dosya ve yanlış türde bir dosya deneyin. Yabancı birinin yüklenen bir dosyayı bağlantısını tahmin ederek açamadığını doğrulayın.
6. Gönderim tablosu ve dışa aktarma. Cevaplarda virgül, satır sonu ve aksanlı karakter içeren CSV dışa aktarımını kontrol edin.
7. Bildirimler, gömmeler, mantık. Bunları birer birer ekleyin.

Sık yapılan hatalar

• Cevapları etikete göre saklamak. Etiketler değişir. Sabit alan kimliklerini kullanın.
• Yalnızca tarayıcıda doğrulama. Bu bir kolaylıktır, koruma değildir.
• Herkese açık yüklenen dosyalar. Formlar çoğu zaman insanların açığa çıkmasını istemeyeceği belgeleri toplar.
• Spam koruması olmaması. Herkese açık bir form birkaç gün içinde çöple dolabilir.
• Tek bir form için bir oluşturucu kurmak. Formu kurun.
• Herkese açık bir üründe sınırsız gönderim. Müşteriler form oluşturuyorsa, plan başına limit koyun; yoksa tek bir popüler form barındırma faturanızı şişirebilir.

Hazır bir ürün ne zaman daha iyi bir seçim

Barındırılan form araçları çoğu ihtiyaç için mükemmel ve ucuzdur. Gömme, spam, ödemeler, entegrasyonlar ve düzinelerce alan türünde erişilebilirlik gibi konuları zaten çözmüşlerdir. Ekibinizin sadece formlara ihtiyacı varsa birini kullanın — bkz. Typeform alternatifleri ve Google Forms alternatifleri.

Gönderimlerin kendi verilerinizin yanında yaşaması gerektiğinde (işlettiğiniz bir CRM ya da müşteri portalını beslemek), araçların yapamadığı gönderim sonrası iş akışlarına ihtiyaç duyduğunuzda, veri konumu ya da sahipliği bir gereksinim olduğunda veya sattığınız bir ürünün özelliği olarak formlar olduğunda kendi sisteminizi kurun.

Mythex ile yapmak

Mythex'te oluşturucuyu sohbette anlatır, düzenleyiciyi ve herkese açık formu canlı önizlemede yan yana test edersiniz. Mythex, form tanımları ve gönderimleri için özel bir veritabanı ekler; uygulamanız yükleme gerektirdiğinde dosya depolamasını otomatik etkinleştirir (Ücretsiz planda 1 GB ile sınırlıdır). Bildirim e-postaları kendi anahtarınızla bağladığınız bir sağlayıcı üzerinden gider. Uygulamayı bir mythex.ai bağlantısına yayınlayın; Pro'da kendi alan adınızı kullanabilirsiniz ve herkese açık form bağlantıları oradan çalışır.

Sorular