Kako napraviti graditelj obrazaca

Graditelj obrazaca omogućava ljudima da sami osmisle svoje obrasce — biraju polja, postavljaju pravila, objavljuju link — a zatim prikuplja odgovore. Iza toga stoje tri stvari: definicija obrasca sačuvana kao podaci, prikazivač koji definiciju pretvara u radni obrazac, i skladište odgovora sa obavještenjima i izvozom. Prije nego što ga napravite, provjerite da li vam zaista treba: ako vam treba samo kontakt obrazac ili obrazac za prijavu, napravite taj obrazac direktno i preskočite graditelja.

Da li vam uopšte treba graditelj?

Graditelj je veći projekat od obrasca, jer svaki tip polja mora da radi u uređivaču, javnom obrascu, provjeri, skladištenju, obavještenjima i izvozu.

Šta graditelj obrazaca treba da ima

Definicije obrazaca

Sačuvajte svaki obrazac kao spisak polja, u obliku strukturisanih podataka (JSON u Postgres koloni dobro funkcioniše). Jedno polje može izgledati ovako:

• id — stabilan ID koji se nikada ne mijenja, čak i ako se naziv promijeni
• type — tekst, e-mail, broj, dugi tekst, izbor, potvrdni okvir, datum, fajl
• label i tekst pomoći
• obavezno, min / max, dozvoljeni tipovi fajlova
• opcije za polja izbora
• redoslijed i, po želji, uslov („prikaži samo ako je polje X jednako Y“)

Uređivač mijenja ovaj spisak; javni obrazac ga čita. U tome je sav trik: nema novog koda za svaki obrazac.

Odgovori

• Odgovori — obrazac, verzija obrasca, vrijeme slanja, odgovori vezani za ID polja, status (novo, pročitano, arhivirano).
• Fajlovi — otpremljeni fajlovi pripadaju skladištu fajlova, a odgovor u bazi čuva samo referencu, nikada sam fajl u redu baze.

Stranice

• Spisak obrazaca sa brojem odgovora.
• Uređivač — dodavanje, promjena redoslijeda i podešavanje polja, uz pregled uživo pored.
• Podešavanja — poruka potvrde ili preusmjeravanje, e-mail obavještenja, datumi otvaranja i zatvaranja, ograničenje broja odgovora.
• Javni obrazac na svom linku i verzija za ugradnju na druge web stranice.
• Tabela odgovora sa pretragom, statusom, prikazom detalja i CSV izvozom.

Odluke i kompromisi

Verzionisanje. Neko će nakon 200 odgovora preimenovati „Telefon“ u „Broj mobilnog“. Ako se odgovori čuvaju prema ID-u polja i svaki odgovor bilježi verziju obrasca, stari odgovori se i dalje ispravno prikazuju. Bez toga, vaši podaci tiho postanu neuredni.

Provjera se radi dvaput. Polja provjerite u pregledaču radi brze povratne informacije, a zatim ponovo na serveru, jer neko može poslati podatke direktno na vaš endpoint. Važi samo provjera na serveru.

Otpremanje fajlova. Donose troškove skladištenja, ograničenja veličine, provjeru tipa fajla i pitanja privatnosti (CV-ji, lične karte, medicinski obrasci). Ograničite tipove i veličine i učinite otpremljene fajlove privatnim po defaultu, vidljivim samo vlasnicima obrasca. Pogledajte kako dodati otpremanje fajlova u aplikaciju.

Obavještenja. „Pošalji mi e-mail kada neko pošalje obrazac“ je očekivano. Potreban je davalac usluga za e-mail i API ključ; pogledajte kako slati e-mailove iz aplikacije.

Spam. Javni obrazac će botovi pronaći. Koristite honeypot polje (skriveno od ljudi, a botovi ga popunjavaju), ograničenja po IP adresi, provjeru na serveru i, ako treba, servis CAPTCHA.

Ugradnja. Ugradnja preko iframe-a je najjednostavniji i najsigurniji način da se obrazac stavi na tuđu web stranicu. Ugradnja preko skripte izgleda više kao dio sajta, ali ju je teže napraviti i obezbijediti.

Uslovna logika. „Prikaži ovo polje samo ako…“ je popularno, ali višestruko povećava testiranje. Dodajte je kada osnove budu čvrste.

Prvi upit koji radi

Napravi web aplikaciju za graditelj obrazaca za moj tim. Prijavljeni korisnici prave obrasce u uređivaču sa pregledom uživo. Tipovi polja: kratak tekst, dugi tekst, e-mail, broj, datum, izbor jedne opcije, potvrdni okviri i otpremanje fajla. Svako polje ima stabilan ID, naziv, tekst pomoći, oznaku obaveznosti i pravila specifična za tip (min/max, opcije, dozvoljeni tipovi fajlova i ograničenje veličine od 10 MB). Definiciju obrasca čuvaj kao JSON sa brojem verzije koji se povećava pri svakom objavljivanju. Svaki obrazac dobija javni link i kod za ugradnju preko iframe-a. Provjeri odgovore na serveru u odnosu na objavljenu verziju, čuvaj odgovore prema ID-u polja sa verzijom obrasca i stavi otpremljene fajlove u privatno skladište fajlova. Dodaj skriveno honeypot polje i ograničenje broja zahtjeva po IP adresi. Vlasnici obrazaca vide tabelu odgovora sa statusom (novo, pročitano, arhivirano), prikaz detalja i CSV izvoz. Sve čuvaj u bazi podataka. Uslovnu logiku i e-mail obavještenja ostavi za kasnije.

Koraci izrade

1. Uređivač i definicija. Napravite obrazac sa svim tipovima polja i pogledajte sačuvani JSON zajedno sa agentom. Da li je čist i stabilan?
2. Javni obrazac. Popunite ga na telefonu. Provjerite poruke o greškama i ekran potvrde.
3. Provjera na serveru. Zamolite agenta da pošalje odgovor koji krši pravila direktno na server, preskačući stranicu. Trebalo bi da bude odbijen.
4. Verzionisanje. Preimenujte i promijenite redoslijed polja nakon nekoliko odgovora. Stari odgovori bi dalje trebalo da prikazuju ispravne podatke.
5. Otpremanje. Probajte fajl koji je prevelik i jedan pogrešnog tipa. Potvrdite da stranac ne može otvoriti otpremljeni fajl pogađanjem linka.
6. Tabela odgovora i izvoz. Provjerite CSV izvoz sa zarezima, prelomima reda i slovima sa dijakriticima u odgovorima.
7. Obavještenja, ugradnja, logika. Dodajte ih jedno po jedno.

Česte greške

• Čuvanje odgovora prema nazivu. Nazivi se mijenjaju. Koristite stabilne ID-ove polja.
• Provjera samo u pregledaču. To je pogodnost, a ne zaštita.
• Javni otpremljeni fajlovi. Obrasci često prikupljaju dokumente koje ljudi ne bi htjeli da budu izloženi.
• Nema zaštite od spama. Javni obrazac može se napuniti smećem za nekoliko dana.
• Pravljenje graditelja za jedan obrazac. Napravite obrazac.
• Neograničen broj odgovora na javnom proizvodu. Ako kupci prave obrasce, postavite ograničenja po planu, jer jedan popularan obrazac može podići račun za hosting.

Kada je gotov proizvod bolji izbor

Hostovani alati za obrasce su odlični i jeftini za većinu potreba. Već su riješili ugradnju, spam, plaćanja, integracije i pristupačnost za desetine tipova polja. Ako vašem timu trebaju samo obrasci, koristite jedan — pogledajte alternative za Typeform i alternative za Google Forms.

Izradite vlastiti kada odgovori moraju da žive uz vaše podatke (hranite CRM ili klijentski portal koji vodite), kada su vam potrebni tokovi rada nakon slanja koje alati ne mogu da urade, kada su lokacija ili vlasništvo podataka zahtjev, ili kada su obrasci dio proizvoda koji prodajete.

Izrada sa Mythexom

Na Mythexu opišete graditelj u chatu i testirate uređivač i javni obrazac jedan pored drugog u pregledu uživo. Mythex dodaje namjensku bazu podataka za definicije obrazaca i odgovore, i automatski uključuje skladištenje fajlova kada aplikacija treba otpremanje (ograničeno na 1 GB na Free planu). Obavještenja e-mailom idu preko davaoca usluga koga povežete sopstvenim ključem. Objavite aplikaciju na mythex.ai link, ili na vlastitom domenu na Pro planu, i javni linkovi obrazaca rade sa tog mjesta.

Pitanja