QuickMockup: Tervezzünk webes űrlapot egyszerűen

Aktuális Napi Trükkünkben arra a problémára keressük a választ, hogy hogyan tudunk egyszerűen és gyorsan megtervezni egy webes űrlapot egy online programmal. Nem mindannyian vagyunk képesek programozni egy online form-ot, amit a felhasználók kitölthetnek, ezért néha rendkívül nehéz elmagyaráznunk az informatikus kollégának, hogy valójában mire is gondoltunk. Ha nem szeretnénk a kezünkből kiadni az irányítást, mindenképpen kell valamilyen vizuális támpontot adnunk az elképzelésünkről.

Ehhez nyújt nagyszerű lehetőséget a quickMockup weboldala (https://jdittrich.github.io/quickMockup/). Ezen az oldalon mindenféle regisztráció, vagy belépés nélkül tudjuk használni a virtuális tervezőasztalunkat. A weboldal bal oldali függőleges sávjában találjuk meg azt a 23 különböző elemet, amiből gazdálkodhatunk az űrlapunk megtervezésekor. Az elemeket korlátlan mennyiségben tudjuk felhasználni. Annyi csak a dolgunk, hogy a függőleges sávból az egerünkkel átvonszoljuk a szerkesztő felületbe a kívánt elemeket. Ott azokat könnyedén átméretezhetjük, kicserélhetjük a feliratokat, sőt még magyarázó stickeket is „odaragaszthatunk” segítve az informatikus kolléga dolgát tervünk megértésében.


https://goo.gl/2VeV1z

A szerkesztőasztal jobb felső, vízszintes sávjában találjuk a megnyitás, a mentés, a törlés, a kijelölt elem másolásának és méretezésének lehetőségét. Egy bonyolultabb tervezetet nem biztos, hogy egyvégtében meg tudunk csinálni, ezért hasznos dolog, hogy html formátumban el tudjuk menteni a munkánkat, amit később tovább szerkeszthetünk, vagy meg is oszthatjuk mással. Azt azonban tudnunk kell, hogy ha a kész anyagot elmentjük és munkatársunk egy másik gépen megnyitja az általunk megosztott, vagy csatolmányként küldött html állományt, akkor előfordulhat, hogy bizonyos szűkre szabott elemek kicsit elmozdulnak. Ezért a munkánk befejezése előtt érdemes egy képernyőképet menteni a Printscreen nyomógombunkkal, és ezt a lementett képernyőképet is csatolni a levelünkhöz.

A videónkban bemutatott első példánkban egy repozitóriumba való feltöltéshez terveztünk meg egy szakdolgozati feltöltési űrlapot egyetemi hallgatók számára. Egy ehhez hasonló űrlapot a felhasználók könnyedén ki tudnak tölteni a szükséges metaadatokkal, és a dolgozatot PDF fájlként tudják csatolni.

Egy szakdolgozati feltöltési űrlap terve

Egy szakdolgozati feltöltési űrlap terve

A megfelelő adatok kitöltése után a „Beküldés” nevű nyomógomb megnyomása után a szakdolgozat a hozzá tartozó metaadatokkal együtt bekerül egy moderálási listába, ahol a repozitórium adminisztrátora a szükséges ellenőrzési protokoll után véglegesítheti azt és beküldheti az adatbázisba.

Az űrlapot a felhasználók könnyedén ki tudják tölteni online

Az űrlapot a felhasználók könnyedén ki tudják tölteni online

Második példánkban egy elképzelt elektronikus könyvtárba való dokumentum-feltöltéshez készítettünk el egy bonyolultabb, öt lépcsős feltöltési űrlapot. Az első űrlapfülön egy digitalizált könyv alapadatait, valamint a könyvkatalógusban (OPAC) lévő rekordot tudjuk importálni a saját felületünkbe.

Az első űrlapfülön egy digitalizált könyv alapadatait lehet megadni

Az első űrlapfülön egy digitalizált könyv alapadatait lehet megadni

A második űrlapfülön a könyv címlapját tudjuk betallózni.

A második űrlapfülön a könyv címlapját tudjuk betallózni

A második űrlapfülön a könyv címlapját tudjuk betallózni

A harmadik űrlapfülön a könyv tartalomjegyzékét készíthetjük el, amelyhez az adott képoldalakat hozzá is rendelhetjük.

A harmadik űrlapfülön a könyv tartalomjegyzékét készíthetjük el

A harmadik űrlapfülön a könyv tartalomjegyzékét készíthetjük el

A negyedik űrlapfülön az eddig bevitt adatokat ellenőrizhetjük, vagy szükség esetén javíthatjuk.

A negyedik űrlapfülön az eddig bevitt adatokat ellenőrizhetjük

A negyedik űrlapfülön az eddig bevitt adatokat ellenőrizhetjük

Végül az utolsó űrlapfülön választhatjuk ki a dokumentum jogállását. Szerzői jogilag védett dokumentum esetén itt állíthatjuk be a törvény által szabályozott megtekinthetőség korlátozásának feloldási dátumát. A „Beküldés” nevű nyomógomb megnyomása után a digitalizált könyv máris bekerülhet a rendszerbe.

Az utolsó űrlapfülön a beküldés előtt kiválaszthatjuk a dokumentum jogállását

Az utolsó űrlapfülön a beküldés előtt kiválaszthatjuk a dokumentum jogállását

Reméljük, hogy a videónkban bemutatott űrlapminták kedvet hoznak nézőinknek ahhoz, hogy munkájuk során bátran felkeressék a quickMockup weboldalát, aminek nyomán sok-sok hasznos űrlap tervezete készülhet el!

 

(Összes megtekintés: 37, mai nézettség: 1)
Kiemelt szavak: , , , , , , .
Közvetlen link.

Vélemény, hozzászólás?

Az email címet nem tesszük közzé. A kötelező mezőket * karakterrel jelöljük.