Algoritmus terv
1. Algoritmus áttekintése
általános
2. Inputok és definiálása
outputok
3. Folyamatok meghatározása
4. Programozási utasítások
Ez a k ép most nem jeleníthető meg.
Készült az Agora Alapítvány és az IT Carei Egyesület részére TeTT Consult www.tettconsult.eu
Az algoritmus terv az The Creation of the Elastic Survey Editor c. projekt keretében készült. Az algoritmus terv első három fejezet a Vezető Patner, az utolsó fejezet a Projekt Partner megbízásából készült. Az Elastic Survey projekt a Magyarország-Románia Határon Átnyúló Együttműködési Program 20072013 keretében valósul meg (www.huro-cbc.eu), az Európai Unió támogatásával, az Európai Regionális Fejlesztési Alap valamint a Magyar Köztársaság és Románia társfinanszírozásával. A program célja közelebb hozni egymáshoz a határmenti térségben élő embereket, közösségeket és gazdasági szereplőket az együttműködésbe bevont térség közös fejlesztésének elősegítése érdekében, a határmenti térség alapvető erősségeire építve. Vezető Partner: Agora Alapítvány a Társadalomkutatásért Projekt Partner: Asociația IT Carei (Asociația Infotour Carei) Projekt teljes költségvetése: 49.400 Euro ERFA támogatás: 41.595,60 Euro A jelen tanulmány nem feltétlenül tükrözi az Európai Unió hivatalos álláspontját.
2
Tartalomjegyzék II. Inputok és outputok definiálása .......................................................................................................... 6 1. A honlap felépítése.......................................................................................................................... 6 2. A honlap szerkezete ........................................................................................................................ 7 3. Inputok és outputok a honlapon ..................................................................................................... 8 1. Regisztráció.................................................................................................................................. 9 2-4. Új kérdőív létrehozása:............................................................................................................. 9 5. Kérdőív szerkesztése ................................................................................................................... 9 6. Kérdőív beágyazása ................................................................................................................... 10 7. Kérdőív táblájának exportálása ................................................................................................. 10 4. A nap kérdése elem ....................................................................................................................... 11 1. Válasz kiválasztása ..................................................................................................................... 12 2. Kérdőjelre kattintás ................................................................................................................... 13 3. Új válasz megadása.................................................................................................................... 13 4. Beküldés .................................................................................................................................... 13
3
II. Inputok és outputok definiálása 1. A honlap felépítése A jól megtervezett honlap az alapja a rendszer jó működésének. Ezen a felületen lehet ugyanis bevinni az adatot (input) és kinyerni is (output). A jól megtervezett felület vezet az eredményes munkafolyamathoz, az pedig az elégedett felhasználóhoz. Célunk,hogy a rugalmas kérdőívezés elsőre bonyolultnak tűnő struktúráját olyan egyszerű és logikus lépésekre bontsuk, hogy azt minden kutató megértse, és könnyen használni tudja. A honlappal kapcsolatos elvárások, követelmények: •
•
•
•
•
•
•
•
Átlátható, szellős elrendezés. Egyértelműen meg kell jelennie a választási lehetőségeknek és az információknak rögtön a főoldalon. A szövegeknek jól olvashatónak kell lennie mind betűméretet, betűtípust, sorhosszt, mind pedig a hátteret illetően. A stílust következetesen minden oldalon alkalmazni kell. Világos szerkezetű felosztás. A menüpontok egyértelműen meghatározottak, nincs keresztbe hivatkozás. Az egyes menüpontoknál egyértelmű, hogy arra kattintva hova fog jutni a látogató. A menüpontok a felső menüsorból minden oldalról elérhetők, ám a főoldalon röviden kifejtésre is kerülnek ezek a funkciók. Informatív. Egy honlapnál nagyon fontos, hogy rögtön a főoldalon kiderüljön, hogy miről szól a lap, milyen belső tartalmakkal fog találkozni rajta a látogató. Ezt esetünkben a „Mi a rugalmas kérdőívezés” és a „Take a tour” menüpontok jelentik. Kontakt információk. Nem szabad lefelejteni egy honlapról az elérhetőségeket, email címet, telefonszámot ahol a készítőkkel fel lehet venni a kapcsolatot, illetve segítséget lehet kérni a kérdőívszerkesztéshez. Mindent el lehet érni a főoldalról. A könnyű navigáció nagyon fontos egy honlapnál, a látogatónak mindig tudnia kell, hogy éppen hol tartózkodik a struktúrában és mik a választási lehetőségei. A böngészés során minden menüpont elérhető kell legyen minden oldalról, ezzel egyszerűvé téve a menüpontok közötti váltást. Illeszkedik a szakma standardjához. Egy felhasználó számára az is fontos szempont, hogy a megszokott formulákkal, más hasonló oldalakról megismert megoldásokkal találkozzon, ezzel egyszerűsítve a felület használatát. Bemutatja a mintákkal a végterméket. Így a kutató tudja, hogy mire számítson, hogy milyen kérdőívet tud létrehozni, mik a lehetőségei a kérdőívkészítésnél. Ez amellett, hogy megkönnyíti a használatot, szintén a bizalmat növeli a honlappal szemben, a felhasználó azonnal tudja, hogy nem zsákbamacskát kap. Illeszkedjen minden böngészőhöz. Egyértelműnek tűnik, de nagyon fontos szempont amire oda kell figyelni egy honlap készítésénél, hogy minden böngészővel kompatibilis legyen. A programozáskor kell arra is figyelni, hogy kicsinyítésnél/nagyításánál megmaradjon az eredeti honlapszerkezet, ne essen szét a lap.
6
2. A honlap szerkezete
2. ábra: A honlap képe
A menügombok a következő funkciókkal bírnak: Főoldal – bármelyik alpontból visszairányít a főoldalra. Ez egyszerűvé teszi a navigációt, mert van egy fix pont, ahova minden menüpontból vissza lehet jutni. A főoldalról újra lehet kezdeni a keresést, mert onnan minden menü elérhető. Rugalmas kérdőívezés – a módszer részletes ismertetése. Ebben a menüpontban lehet megismerni a rugalmas kérdőívkészítés és feldolgozás módszertanát, annak előnyeit és felhasználási módjait. Bemutató (take a tour) – ismerteti a rugalmas kérdőívszerkesztés menetét, részletesen kifejtve az egyes lépéseket. Ennek megtekintése minden új felhasználó számára ajánlott, ami külön ki is lesz emelve a főoldal felületén. Új kérdőív – csak bejelentkezett felhasználók látják. Itt lehet elkezdeni az új kérdőív szerkesztését, a kérdőív generálásától az elmentéséig. Kérdőíveim – csak bejelentkezett felhasználók láthatják. Itt lehet megtekinteni és szerkeszteni a korábban elkészített, lementett, de még nem publikált kérdőíveket. Ebben a menüben van lehetőség a publikálásra (weboldalra történő kihelyezésre) is 7
Bejelentkezés, regisztráció – új felhasználók itt tudnak regisztrálni, regisztrált felhasználók bejelentkezni. Fenti menüsorban levő gombok a főoldalon is megjelennek rövid magyarázattal. Az Új kérdőív és a Kérdőíveim gombok itt a bejelentkezés/regisztráció felületre vezetnek. Minta nap kérdése– a programmal készített mintákat lehet megtekinteni.
3. Inputok és outputok a honlapon
Kutató
1. Regisztráció, belépési adatok 2. Új kérdőív kérés 3. Új kérdőív kérdésének és válaszlehetőségeinek meghatározása 4. Kérdőív mentése 5. Kérdőív szerkesztési kérés 6. Kérdőív beágyazási kérés, paraméterekkel 7. Kérdőív táblájának exportálási kérése
Kutatói felhasználói felület
Kérések továbbítása
Kutatói felhasználói felület
0. Hibaüzenet 1. Belépéssel járó felhasználói felület 2. Új kérdőív forma megjelenítése 3. Új kérdőív megjelenítése hozzáadott válaszlehetőségekkel, kérdéssel 4. Kérdőív mentésének megerősítése 5. Lementett kérdőív megjelenítése 6. Beágyazott kérdőív kód formában való megjelenítése 7. Exportált kérdőív tábla elérhetősége
Backend
3. ábra: Inputok és outputok a honlapon
Egy kutató az információ bevitelét a rendszerbe a kutatói felhasználói felület segítségével érheti el, ez tulajdonképpen egy honlap, ahol a kutató a kéréseit gombok megnyomásával, mezők kitöltésével továbbíthatja a programhoz. A program kimenete ugyancsak a honlap keretén belül tekinthető meg.
8
1. Regisztráció A regisztrálási gombra való kattintással a felhasználó a regisztráció oldalra navigál. Bemenet: A következő adatokat szolgáltatnia kell a felhasználónak a regisztrációhoz: kívánt felhasználónév, kívánt jelszó, név, elérhetőség (e-mail).
Kimenet: Amennyiben a megadott információk helytelenek (bármelyikük hiányzik, nem elég hosszú a jelszó, nem létező e-mail cím vagy már használatban lévő e-mail cím), akkor a rendszer hibaüzenetet jelez, és megkéri a felhasználót a helyesbítésre. Amennyiben minden információ helyes, a rendszer visszajelzi, hogy sikeresen létre lett hozva a felhasználói fiók. Amikor ez megtörténik, akkor a honlap menüben megjelenik két új gomb: Új kérdőív, Kérdőíveim.
2-4. Új kérdőív létrehozása: Az Új kérdőív gombra vagy menüpontra kattintva, a felhasználó az új kérdőív oldalra navigál. Bemenet: A nap kérdéséhez a következő mezőket kell kitölteni: kérdés mező, választható válaszok mező (legalább két választ kell meghatározni)
Kimenet: Ha bármelyik kötelező mező hiányosan van kitöltve, a rendszer visszajelez, nem lehet hiányosan publikálni nap kérdését. Ha minden mező helyesen van kitöltve, akkor a rendszer megjeleníti a végleges változatát a kérdőívnek, és megnyomhatóvá válik a mentés gomb.
5. Kérdőív szerkesztése Publikálás előtt a felhasználóknak esélyük van változtatni a nap kérdésén. Ez a lehetőség megszűnik, amint egy nap kérdésének a publikálási folyamatát befejezi a felhasználó. Ez annak érdekében fontos, hogy következetes és helyes eredményhez vezessen a kérdőív. Bemenet: A kérdőíveim gombra vagy menüpontra kattintva a felhasználó egy listából kiválaszthatja, hogy melyik nap kérdését szeretné módosítani. Ebben a listában megjelennek a publikált kérdőívek is, de ezeket módosítani nem lehet. Amint a felhasználó kiválasztott egy kérdőívet, megjelenik a kérdőív kezelő oldal, ahol különböző műveleteket hajthat végre a kérdőívén, egyik lehetőség a módosítás, ha erre kattint, akkor módosíthatja a kérdőívet.
Kimenet: A rendszer megjeleníti a kérdőívet, és ezt módosítani lehet, akárcsak egy új kérdőívet, a vele járó folyamatok azonosak.
9
6. Kérdőív beágyazása Egy sikeresen lementett kérdőív az megosztásra készen áll, közzétevés végeredménye az a Html nap kérdését tartalmazó elem, melyet be lehet ágyazni egy honlapba. Bemenet: A kérdőíveim menüponton keresztül a felhasználó eljut a kérdőíveit tartalmazó listához, itt kiválasztja a közzétételre szánt kérdőívet, rá kattintva megjelenik az közzététel opciója. Ez egy olyan oldalt nyit meg, ahol a felhasználó testreszabhatja a nap kérdésének grafikai megjelenítését. Alkalma lesz kiválasztani a színeket, betűtípust illetve a Html elem méretét.
Kimenet: A megadott információk alapján a program legenerálja a nap kérdése elem beágyazható kódját, és ezt megjeleníti a felhasználó számára. Ha a felhasználó ezentúl megnyitja a jelenlegi kérdőíve oldalát, akkor ez a kód folyamatosan elérhető lesz mostantól fogva. Ezt a kódot bármilyen honlapba könnyen be lehet illeszteni egy másolás és beillesztéssel.
7. Kérdőív táblájának exportálása Egy már lezárt vagy még futó kérdőív táblázatát is le lehet tölteni a felhasználói felületről. Bemenet: A kérdőívek listájáról rá lehet kattintani egy kérdőívre, ami előhozza a kérdőív oldalát. Itt az egyik elérhető művelet a kérdőív táblájának exportálása.
Kimenet: Ha a felhasználó kérvényezi a tábla letöltését, akkor a program exportálja az adatbázisból az adott kérdőív tábláját, és a letöltési linket megjeleníti a felhasználó számára. Az export terméke egy Excel táblázat, melyet excelben vagy spss-ben meg lehet nyitni, és ott tovább lehet értelmezni. A letöltött tábla tartalmazza az összes eddig gyűjtött választ.
A kérdőívszerkesztés folyamatának eredménye egy felhasználói felület, ezt a felületet, lehet beágyazni más honlapokba, ez tartalmazza a nap kérdését. A beágyazás folyamata a felhasználó számára igen egyszerű egy html kód segítségével. Ezt a módszert ismerhetjük a youtube videó beágyazásából, ahhoz hasonlóan történik (embedded). Ily módon ugyanazt a nap kérdését több honlapba is be lehet ágyazni.
10
4. A nap kérdése elem
4. ábra: A nap kérdése elem megjelenítése
Alapállásban az első illusztráció jelenik meg, a kérdés alatt megjelennek a válaszlehetőségek, és az új válasz lehetőség. Ez nagyon fontos, hogy már rögtön megjelenésében különbözzön a korábban megszokott Egyéb, éspedig… válaszlehetőségtől. A kérdőjelre mutatva itt meg is jelenik a kérdőív működésének részletes leírása. Az egér kurzora mellett egy kis ablakocskában látja a felhasználó, hogy mi is az a rugalmas kérdőív: az új választ csatolásával új válasz opció keletkezik, azaz a későbbiekben választ adó emberek számára is megjelenik az ő válasza a listában. Ezek a válasz opciók minden beágyazott nap kérdésében meg fognak jelenni, amivel minden egyes válaszadó egyben a kérdőív szerkesztésében is részt vehet. Az új válasz opció kiválasztása után megjelenik a felület, ahol a válaszadó beírhatja a saját válaszát. Ez a válasz opció fog megjelenni a későbbiekben a további válaszadók előtt, mint válasz opció. Miután a válaszadó válaszolt a kérdésre, azonnal megjelenik a kutatás eddigi eredménye, azaz az eddig adott válaszok százalékos eloszlása. Ez a kérdőív outputja, ami minden válaszadó előtt látható. A kérdés és a válasz opciók felületének megjelenésébe a kutatónak is van beleszólása. Ő választja ki a betűtípust, betűméretet és háttérszínt, de a struktúra előre meghatározott lesz. ez azért fontos, mert ennek a felületnek is teljesítenie kell a honlappal szemben is támasztott követelményeket, vagyis hogy átlátható, világos szerkezetűnek kell lennie, jól olvasható formában megjelennie.
11
Felhasználó
1. Válasz kiválasztása 2. Kérdőjelre kattintás 3. Új válasz meghatározása 4. Beküldés
Html elem
Kérések továbbítása
Html elem
0. Potenciális hibaüzenet 2. Visszaküldi a leírását a rugalmas kérdőívezésnek 3. Új válasz hozzá lett adva a meghatározott válaszok listájához, frissítés küldése a Html elemhez 4. Válasz le lett mentve az adatbázisban, statisztika továbbítása a felhasználói felületre
Backend
5. ábra: A nap kérdése elem felépítése
Egy válaszadó az információ bevitelt a rendszerbe (válaszadás a nap kérdésére) egy honlapra beágyazott Html nap kérdése elem segítségével teheti meg. Ez a felület több honlapon is azonos formában jelenik meg, ezt a felületet bárhány honlapra is fel lehet tölteni. A válaszadó, azon kívül, hogy a már betáplált válaszlehetőségek közül választ, létrehozhat saját opciót is, és ezt betáplálhatja a rendszerbe, mely folyamatnak köszönhetően válik a rendszer rugalmassá. Válasz kiválasztása Bemenet: A felhasználó számára megjelenik egy lista a megadható válaszokkal, amennyiben talál olyan választ, mely szerinte megfelelő a kérdésre, akkor bejelöli a válasz mellett található gombot, majd a beküldés gombra kattintva elküldi a választ.
Kimenet: Amennyiben a válasz technikai szempontból helytelen volt (nem volt kiválasztva egy válasz sem), a rendszer hibaüzenetet küld vissza, és helyesbítést kér. Ha ki volt választva egy válaszlehetőség, akkor a rendszer visszajelez, hogy a felhasználó megadta a válaszát és frissíti a Html nap kérdése elemet, hogy arról a gépről ne lehessen még egyszer választ adni.
12
Kérdőjelre kattintás A Új válasz gomb mellett látható kérdőjelre kattintva egy kitöltő azt tudhatja meg, hogy miért is rugalmas ez a rendszer, és hogy milyen hatása van annak, ha ő egy új választ határoz meg. Kimenet: Miután a kérdőjel gombot megnyomja a felhasználó, a rendszer egy kis ablakocskát jelenít meg az egér kurzora mellett, mely leírja tömören azt, hogy az általa meghatározott új válasz lehetősége ezen túl minden felületen a választható válaszok listájába bekerül (bővül a meghatározott válaszok listája). Új válasz megadása Bemenet: A kitöltő az új válasz gombra kattint
Kimenet: A rendszer az új válasz gombot kicseréli egy válasz mezőre, majd miután a felhasználó elküldte új válaszát, a program frissíti a Html nap kérdése elemet, és a meghatározott válaszok listájába beilleszti az új választ.
Beküldés Kimenet: Válaszadás után a program megváltoztatja a Html elem tartalmát, választ már nem lehet adni arról a számítógépről, ahol már beküldtek egy választ, és megjelenít egy grafikont, mely az eddig adott válaszokat összesíti.
13
