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.


Iratkozz fel a youtube csatornára: 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!

 

Reklámok

ambrusa névjegye

Karakterszerzetes vagyok!
Kategória: Napi trükk, VideoVlog, weboktatás
Címke: , , ,
Közvetlen link a könyvjelzőhöz.

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

Adatok megadása vagy bejelentkezés valamelyik ikonnal:

WordPress.com Logo

Hozzászólhat a WordPress.com felhasználói fiók használatával. Kilépés /  Módosítás )

Google+ kép

Hozzászólhat a Google+ felhasználói fiók használatával. Kilépés /  Módosítás )

Twitter kép

Hozzászólhat a Twitter felhasználói fiók használatával. Kilépés /  Módosítás )

Facebook kép

Hozzászólhat a Facebook felhasználói fiók használatával. Kilépés /  Módosítás )

w

Kapcsolódás: %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.