Kaip sukurti formų kūrimo įrankį

Formų kūrimo įrankis leidžia žmonėms kurti savo formas – pasirinkti laukus, nustatyti taisykles, paskelbti nuorodą – ir tada renka atsakymus. Iš esmės jį sudaro trys dalys: formos aprašas, saugomas kaip duomenys, atvaizdavimo modulis, kuris paverčia aprašą veikiančia forma, ir atsakymų saugykla su pranešimais ir eksportu. Prieš kurdami pasitikrinkite, ar tikrai to reikia: jei jums tereikia kontaktų ar paraiškos formos, sukurkite tą formą tiesiogiai ir visiškai praleiskite įrankį.

Ar iš viso reikia įrankio?

Įrankis yra didesnis projektas nei forma, nes kiekvienas lauko tipas turi veikti redaktoriuje, viešoje formoje, tikrinime, saugyklose, pranešimuose ir eksporte.

Ko reikia formų kūrimo įrankiui

Formų aprašai

Kiekvieną formą saugokite kaip laukų sąrašą, išsaugotą struktūruotais duomenimis (JSON Postgres stulpelyje veikia gerai). Laukas galėtų atrodyti taip:

• id – pastovus ID, kuris niekada nesikeičia, net jei keičiasi etiketė
• tipas – tekstas, el. paštas, skaičius, ilgas tekstas, pasirinkimas, žymimasis langelis, data, failas
• etiketė ir pagalbos tekstas
• privalomas, min / max, leidžiami failų tipai
• pasirinkimai pasirinkimo laukams
• eilės tvarka ir, neprivaloma, sąlyga („rodyti tik tada, kai laukas X yra Y“)

Redaktorius redaguoja šį sąrašą; viešoji forma jį skaito. Tai visas triukas: jokio naujo kodo kiekvienai formai.

Atsakymai

• Atsakymas – forma, formos versija, pateikimo laikas, atsakymai pagal lauko ID, statusas (naujas, perskaitytas, archyvuotas).
• Failai – įkelti failai priklauso failų saugyklai, o atsakymas saugo tik nuorodą į juos, o ne duomenų bazės įraše.

Puslapiai

• Formų sąrašas su atsakymų skaičiais.
• Redaktorius – laukų pridėjimas, perrikiavimas ir konfigūravimas, šalia gyva peržiūra.
• Nustatymai – patvirtinimo žinutė ar nukreipimas, pranešimų el. laiškai, atidarymo ir uždarymo datos, atsakymų limitas.
• Viešoji forma savo nuoroda ir įterpiama versija kitoms svetainėms.
• Atsakymų lentelė su paieška, statusu, detalių peržiūra ir CSV eksportu.

Sprendimai ir kompromisai

Versijavimas. Kažkas po 200 atsakymų pervadins „Telefonas“ į „Mobilusis numeris“. Jei atsakymai saugomi pagal lauko ID, o kiekvienas atsakymas įrašo formos versiją, seni atsakymai ir toliau rodomi teisingai. Be to, jūsų duomenys tyliai susimaišys.

Tikrinimas vyksta du kartus. Laukus tikrinkite naršyklėje greitam grįžtamajam ryšiui, o paskui dar kartą serveryje, nes bet kas gali siųsti duomenis tiesiai į jūsų galinį tašką. Svarbus yra serverio tikrinimas.

Failų įkėlimai. Jie atneša saugyklos kaštus, dydžio ribas, failų tipo tikrinimus ir privatumo klausimus (CV, asmens dokumentai, medicininės formos). Ribokite tipus ir dydžius, o įkeltus failus pagal numatytuosius nustatymus laikykite privačiais, skaitomais tik formos savininkams. Žr. kaip pridėti failų įkėlimą į programėlę.

Pranešimai. „Atsiųsk man el. laišką, kai kas nors pateiks formą“ yra tikėtina funkcija. Jai reikia el. pašto tiekėjo ir API rakto; žr. kaip siųsti el. laiškus iš programėlės.

Šlamštas. Viešą formą greitai surras botai. Naudokite „medaus puodelio“ lauką (paslėptą nuo žmonių, bet botų užpildomą), užklausų ribas pagal IP, tikrinimą serveryje ir, jei reikia, CAPTCHA paslaugą.

Įterpimas. iframe įterpimas yra paprasčiausias ir saugiausias būdas formą įdėti į kitą svetainę. Scenarijaus įterpimas atrodo labiau natūraliai, bet jį sunkiau sukurti ir apsaugoti.

Sąlyginė logika. „Rodyti šį lauką tik tada, jei…“ yra populiari ir padaugina testavimo darbą. Pridėkite ją, kai pagrindai jau tvirti.

Pirmas veikiantis raginimas

Sukurk formų kūrimo internetinę programėlę mano komandai. Prisijungę naudotojai kuria formas redaktoriuje su gyva peržiūra. Laukų tipai: trumpas tekstas, ilgas tekstas, el. paštas, skaičius, data, vienas pasirinkimas, žymimieji langeliai ir failo įkėlimas. Kiekvienas laukas turi pastovų ID, etiketę, pagalbos tekstą, privalomumo žymę ir tipui būdingas taisykles (min/max, pasirinkimai, leidžiami failų tipai ir 10 MB dydžio riba). Formos aprašą saugok kaip JSON su versijos numeriu, kuris didėja kiekvieno paskelbimo metu. Kiekviena forma gauna viešą nuorodą ir iframe įterpimo kodą. Tikrink pateikimus serveryje pagal paskelbtą versiją, atsakymus saugok pagal lauko ID su formos versija, o įkeltus failus – privačioje failų saugykloje. Pridėk paslėptą „medaus puodelio“ lauką ir užklausų ribą pagal IP. Formos savininkai mato atsakymų lentelę su statusu (naujas, perskaitytas, archyvuotas), detalių peržiūrą ir CSV eksportą. Viską saugok duomenų bazėje. Sąlyginę logiką ir el. pašto pranešimus palik vėlesniam etapui.

Kūrimo žingsniai

1. Redaktorius ir aprašas. Sukurkite formą su visais lauko tipais ir pažiūrėkite išsaugotą JSON su agentu. Ar jis švarus ir stabilus?
2. Viešoji forma. Užpildykite ją telefone. Patikrinkite tikrinimo pranešimus ir patvirtinimo ekraną.
3. Tikrinimas serveryje. Paprašykite agento išsiųsti pateikimą, kuris pažeidžia taisykles, tiesiai į serverį, apeinant puslapį. Jis turi būti atmestas.
4. Versijavimas. Po kelių atsakymų pervadinkite ir perrikiuokite laukus. Seni atsakymai turi ir toliau rodyti teisingus atsakymus.
5. Įkėlimai. Išbandykite per didelį failą ir netinkamo tipo failą. Įsitikinkite, kad atsitiktinis žmogus neatidaro įkelto failo spėdamas nuorodą.
6. Atsakymų lentelė ir eksportas. Patikrinkite CSV eksportą su kableliais, eilučių lūžiais ir atsakymuose esančiais lietuviškais rašmenimis.
7. Pranešimai, įterpimai, logika. Pridėkite juos po vieną.

Dažnos klaidos

• Atsakymų saugojimas pagal etiketę. Etiketės keičiasi. Naudokite pastovius lauko ID.
• Tik naršyklės tikrinimas. Tai patogumas, o ne apsauga.
• Viešai prieinami įkelti failai. Formos dažnai renka dokumentus, kurių žmonės nenorėtų viešinti.
• Nėra apsaugos nuo šlamšto. Viešą formą per kelias dienas gali užpildyti šiukšlės.
• Įrankio kūrimas vienai formai. Sukurkite pačią formą.
• Neribotas atsakymų skaičius viešame produkte. Jei klientai kuria formas, nustatykite limitus pagal planą, kitaip viena populiari forma gali padidinti jūsų serverio sąskaitą.

Kada geresnis paruoštas produktas

Hostinamos formų priemonės yra puikios ir pigios daugumai poreikių. Jos jau išsprendė įterpimą, šlamštą, mokėjimus, integracijas ir pritaikomumą dešimtims lauko tipų. Jei jūsų komandai tiesiog reikia formų, naudokite vieną iš jų – žr. Typeform alternatyvas ir Google Forms alternatyvas.

Kurkite savo, kai atsakymai turi gyventi šalia jūsų pačių duomenų (maitinate CRM ar klientų portalą, kurį valdote), kai po pateikimo reikia darbo eigų, kurių įrankiai negali atlikti, kai duomenų vieta ar nuosavybė yra reikalavimas arba kai formos yra produkto, kurį parduodate, dalis.

Kuriame su Mythex

Mythex platformoje formų kūrimo įrankį aprašote pokalbyje ir išbandote redaktorių bei viešą formą vieną šalia kitos gyvoje peržiūroje. Mythex prideda specialią duomenų bazę formų aprašams ir atsakymams, o kai programėlei reikia failų, automatiškai įjungia failų saugyklą (Free plane ribojama iki 1 GB). Pranešimų el. laiškai eina per tiekėją, prie kurio jungiatės su savo raktu. Paskelbkite programėlę mythex.ai nuoroda arba, Pro plane, savo domenu – viešos formos nuorodos veiks iš ten.

Klausimai