Kako izraditi graditelj obrazaca

Graditelj obrazaca omogućuje ljudima da sami osmisle svoje obrasce: odaberu polja, postave pravila i objave poveznicu, a zatim se prikupljaju odgovori. U osnovi su to tri dijela: definicija obrasca spremljena kao podatak, prikazivač koji definiciju pretvara u radni obrazac i spremište odgovora s obavijestima i izvozom. Prije izrade provjerite treba li vam uopće: ako trebate samo obrazac za kontakt ili za prijavu, izradite taj obrazac izravno i preskočite graditelja.

Treba li vam uopće graditelj?

Graditelj je veći posao od obrasca, jer svaka vrsta polja mora raditi u uređivaču, javnom obrascu, provjeri, pohrani, obavijestima i izvozu.

Što graditelj obrazaca treba

Definicije obrazaca

Spremite svaki obrazac kao popis polja, strukturirani podatak (JSON u stupcu Postgresa dobro funkcionira). Jedno polje može izgledati ovako:

• id: stabilan ID koji se nikad ne mijenja, čak i kad se oznaka promijeni
• vrsta: tekst, e-pošta, broj, duži tekst, odabir, potvrdni okvir, datum, datoteka
• oznaka i tekst pomoći
• obavezno, najmanje / najviše, dopuštene vrste datoteka
• opcije za polja odabira
• redoslijed i, po potrebi, uvjet („prikaži samo ako je polje X jednako Y“)

Urednik mijenja taj popis, a javni obrazac ga čita. U tome je cijela ideja: nema novog koda za svaki obrazac.

Odgovori

• Odgovori: obrazac, verzija obrasca, vrijeme slanja, odgovori vezani uz ID polja, status (novo, pročitano, arhivirano).
• Datoteke: učitane datoteke pripadaju pohrani datoteka, a odgovor sadrži samo referencu na njih, nikad unutar retka baze.

Stranice

• Popis obrazaca s brojem odgovora.
• Uređivač: dodavanje, promjena redoslijeda i podešavanje polja, uz pregled uživo sa strane.
• Postavke: poruka potvrde ili preusmjeravanje, obavijesti e-poštom, datumi otvaranja i zatvaranja, ograničenje broja odgovora.
• Javni obrazac na vlastitoj poveznici i verzija za ugradnju na druge web stranice.
• Tablica odgovora s pretraživanjem, statusom, pregledom pojedinog odgovora i izvozom u CSV.

Odluke i kompromisi

Verzioniranje. Netko će nakon 200 odgovora preimenovati „Telefon“ u „Broj mobitela“. Ako se odgovori spremaju prema ID-u polja i svaki odgovor bilježi verziju obrasca, stari odgovori se i dalje ispravno prikazuju. Bez toga se vaši podaci neprimjetno pokvare.

Provjera se izvodi dvaput. Polja provjeravajte u pregledniku radi brze povratne informacije, a zatim ponovno na poslužitelju, jer svatko može poslati podatke izravno na vašu adresu. Mjerodavna je provjera na poslužitelju.

Slanje datoteka. Donosi troškove pohrane, ograničenja veličine, provjeru vrste datoteke i pitanja privatnosti (životopisi, osobne iskaznice, medicinski obrasci). Ograničite vrste i veličine te datoteke učinite privatnima prema zadanim postavkama, čitljivima samo vlasnicima obrasca. Vidi kako dodati slanje datoteka u aplikaciju.

Obavijesti. „Pošalji mi e-poštu kad netko pošalje obrazac“ očekuje se. Treba davatelj e-pošte i API ključ; vidi kako slati e-poštu iz aplikacije.

Neželjena pošta. Javni obrazac će bot brzo pronaći. Koristite honeypot polje (skriveno ljudima, a bot ga ispunjava), ograničenja po IP adresi, provjeru na poslužitelju i, ako treba, uslugu CAPTCHA.

Ugradnja. Ugradnja preko iframea najjednostavniji je i najsigurniji način da se obrazac stavi na tuđu web stranicu. Ugradnja preko skripte izgleda izvornije, ali ju je teže izraditi i osigurati.

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

Prvi upit koji funkcionira

Napravi web aplikaciju za graditelja obrazaca za moj tim. Prijavljeni korisnici stvaraju obrasce u uređivaču s pregledom uživo. Vrste polja: kratki tekst, duži tekst, e-pošta, broj, datum, odabir jedne opcije, potvrdni okviri i učitavanje datoteke. Svako polje ima stabilan ID, oznaku, tekst pomoći, oznaku obaveznog polja i pravila specifična za vrstu (najmanje/najviše, opcije, dopuštene vrste datoteka i ograničenje od 10 MB). Definiciju obrasca spremite kao JSON s brojem verzije koji se povećava pri svakoj objavi. Svaki obrazac dobiva javnu poveznicu i kod za ugradnju preko iframea. Provjerite odgovore na poslužitelju prema objavljenoj verziji, spremite odgovore prema ID-u polja uz verziju obrasca, a učitane datoteke stavite u privatnu pohranu. Dodajte skriveno honeypot polje i ograničenje po IP adresi. Vlasnici obrazaca vide tablicu odgovora sa statusom (novo, pročitano, arhivirano), pregled pojedinog odgovora i izvoz u CSV. Sve spremite u bazu podataka. Uvjetnu logiku i obavijesti e-poštom ostavite za kasnije.

Koraci izrade

1. Uređivač i definicija. Izradite obrazac sa svim vrstama polja i s agentom pogledajte spremljeni JSON. Je li čist i stabilan?
2. Javni obrazac. Ispunite ga na mobitelu. Provjerite poruke o greškama i ekran potvrde.
3. Provjera na poslužitelju. Zatražite od agenta da pošalje odgovor koji krši pravila izravno na poslužitelj, zaobilazeći stranicu. Trebao bi biti odbijen.
4. Verzioniranje. Preimenujte i premjestite polja nakon nekoliko odgovora. Stari odgovori i dalje moraju prikazivati ispravne vrijednosti.
5. Učitavanje. Pokušajte datoteku prevelike veličine i datoteku pogrešne vrste. Potvrdite da nepoznata osoba ne može otvoriti učitanu datoteku pogađanjem poveznice.
6. Tablica odgovora i izvoz. Provjerite izvoz u CSV s odgovorima koji sadrže zareze, prijelome redaka i znakove s dijakriticima.
7. Obavijesti, ugradnja, logika. Dodajte ih jedno po jedno.

Česte pogreške

• Spremanje odgovora prema oznaci. Oznake se mijenjaju. Koristite stabilne ID-ove polja.
• Provjera samo u pregledniku. To je pogodnost, a ne zaštita.
• Javno dostupne učitane datoteke. Obrasci često prikupljaju dokumente koje ljudi ne bi htjeli objaviti.
• Nema zaštite od neželjene pošte. Javni obrazac može se u nekoliko dana napuniti smećem.
• Izrada graditelja za jedan obrazac. Izradite obrazac.
• Neograničen broj odgovora u javnom proizvodu. Ako kupci sami stvaraju obrasce, postavite ograničenja po planu, inače jedan popularan obrazac može podići račun za hosting.

Kada je gotov alat bolji izbor

Hostirani alati za obrasce odlični su i jeftini za većinu potreba. Već su riješili ugradnju, neželjenu poštu, plaćanja, integracije i pristupačnost za desetke vrsta polja. Ako vašem timu trebaju samo obrasci, koristite jedan od njih; pogledajte alternative za Typeform i alternative za Google Forms.

Izradite vlastiti kada odgovori moraju živjeti uz vaše podatke (hrane CRM ili portal za klijente koji vodite), kada su vam potrebni tijekovi rada nakon slanja koje alati ne mogu odraditi, kada su mjesto i vlasništvo podataka zahtjev ili kada su obrasci dio proizvoda koji prodajete.

Izrada s Mythexom

Na Mythexu opišete graditelja u chatu i testirate uređivač i javni obrazac jedno uz drugo u živom pregledu. Mythex dodaje zasebnu bazu podataka za definicije obrazaca i odgovore, a pohranu datoteka automatski uključuje kada vaša aplikacija treba učitavanje (na besplatnom planu ograničeno na 1 GB). Obavijesti e-poštom idu preko davatelja kojeg povežete vlastitim ključem. Objavite aplikaciju na mythex.ai poveznicu ili, na planu Pro, na vlastitu domenu, a javne poveznice obrazaca rade s te adrese.

Pitanja