KidPad 1.0 Felhasználói kézikönyv
Tartalomjegyzék 1. 2. 3.
Bevezetés ...........................................................................................................2 Installálás ...........................................................................................................2 Felhasználói felület.............................................................................................3 Kilépés a programból..........................................................................................4 3.1. Egyéb eszköztár..........................................................................................5 3.2. Rajz eszköztár.............................................................................................6 3.3. Módosító eszköztár.....................................................................................8 4. Navigálás .........................................................................................................10 5. Egy példa a link készítésre................................................................................11 6. Összetett példa .................................................................................................14
1. Bevezetés A programot a University of Maryland, Human-Computer Interaction Laboratóriuma (www.cs.umd.edu/hcil) fejlesztette ki. A program gyerekek számára készült, interaktív mese vagy történet elmesélésre. A programban implementálva van a “végtelen” nagyítási (Zoom) képesség (lásd Pad++ az előadás anyagában). Ráadásul az elkészített elemek között kapcsolat teremthető, melynek segítségével egy történet elmesélhető.
2. Installálás Az installáláshoz indítsuk el a KidPad-1.0-setup.exe programot. A setup program installálja a KidPad programot illetve lehetőség van a szükséges Java környezet installálására is. A KidPad program Java 1.3-as verziót igényel. Elvileg fut újabb változattal is, de amikor kipróbáltam Java 1.4.2-es verzióval volt néhány probléma. Így ajánlom hogy rakjuk fel a Java 1.3-as környezetet akkor is ha már van Java telepítve a gépünkön. Próbáljuk meg elindítani a KidPad programot. · Start menü -> Programok -> KidPad 1.0 -> KidPad 1.0 Sikeres indulás esetén az egész képernyőt kitöltő ablak fog megjelenni. A használható terület a fehér rész. Ha nagyobb felbontásban akarjuk használni a programot, akkor indítsuk a „KidPad 1.0 1024x768” –as bejegyzéssel a Start menüből. Ha nem sikerül elindítani: · Az egyik probléma a Java környezettel lehet. Feltételezve, hogy a “c:\Program Files\KidPad1.0” könyvtárba raktuk a programot, ebben a könyvtárban találunk két BATCH file-t. A BATCH file-ok ASCII, szöveges file-ok, Jegyzettömb programmal (Notepad-el) szerkeszthetők. Ezek a BATCH file-ok indítják a KidPad rendszert. Nyissuk meg a BATCH file-t a Jegyzettömb programmal (Notepad) és szerkesszük át az első részt. Eredeti változat: java -jar "KidPad 1.0.jar" ... Javított változat: "c:\Program Files\JavaSoft\Jre\1.3.1\bin\java" -jar "KidPad 1.0.jar" ... Lényegében pontosan (útvonallal) megadjuk, hogy melyik java környezet indítsa el a KidPad programot.
3. Felhasználói felület A program felhasználói felülete az 1. ábrán látható. A teljes fehér felületre szabadon rajzolhatunk és írhatunk.
1. ábra Többféle eszköztár áll rendelkezésre:
·
: Rajzolási funkciókat tartalmazó eszköztár (Rajz eszköztár)
·
: Módosítási funkciókat tartalmazó eszköztár (Módosító eszköztár)
·
: Egyéb műveletek eszköztára (Egyéb eszköztár)
Az eszköztár vagy egy eszköz aktiválásához vigyük az egér kurzort az eszköz vagy eszköztár fölé, majd a bal egér gomb lenyomásával válasszuk ki. Amikor a kurzor egy eszköz fölött van, akkor az eszköz hátterében egy sárgával kitöltött kör jelenik meg, ahogy ez a 2. ábrán látható. Az eszköztárak a CTRL+1 vagy 2 vagy 3-as gomb lenyomásával is aktiválhatók.
2. ábra Kilépés a programból · Az egyik eszköztár használatával (lásd később) · Ctrl+Q billentyűk lenyomásával · Alt+F4 billentyűk lenyomásával A rendszer mindig elmenti az aktuális történetet a backup-files könyvtárba! Fontos, hogy a programban nincs UNDO funkcionalitás.
3.1. Egyéb eszköztár Az Egyéb eszköztár a következő műveleteket teszi lehetővé:
·
: Az aktuális történet mentődik a backup-files könyvtárba és új történetet lehet kezdeni. A backup-files könyvtár a KidPad installálása útvonalán található, például: C:\Program Files\KidPad 1.0\backup-files.
·
: Az ikon kiválasztásával egy korábbi történet tölthető be. Fontos, a program alapvetően mindig a backup-files könyvtárba menti a történetet és innen lehet átmásolni a saved-files könyvtárba. Egy korábbi történethez kétféle képpen lehet hozzáférni: o A történetet a backup-files könyvtárból tölthetjük be, ha a Start menőből a „KidPad 1.0 backup-files” bejegyzést indítjuk o A történetet átmásoljuk a saved-files könyvtárba és egyszerűen elindítjuk a KidPad programot.
·
: Az ikon kiválasztásával a történet elmenthető. File nevet nem tudunk megadni, a program automatikusan ment.
·
: Az ikon segítségével a történetet el lehet menteni HTML oldalak formájában. Ráadásul a program nem csak egy oldalt generált, hanem a történetnek megfelelő nézeteket. Így a történet az Internetre is felrakható és mások számára elmesélhető.
·
·
: Kinyomtatja az azktuális történetet.
: Kilépés a programból
3.2. Rajz eszköztár Az Rajz eszköztár a következő műveleteket teszi lehetővé:
·
: Az ikon kiválasztása után rajzolni lehet a képernyőre. A különböző színű ceruzákkal különböző színnel lehet rajzolni
·
: Törlés funkció. A vonalakat pixel alapon törli, de például a szöveget egész letörli.
·
: A kép mozgatása (nem az objektumoké). Megfelel a Panning funkciónak más programokban. Az eszköznek van egy másik funkciója is, mely a hyper-linkekhez kapcsolódik. Ha történetben vannak linkek (elemek közötti kapcsolat), akkor ez az eszköz használható hogy az egyik elemről a másikra ugorjunk. Az “ugrás” során a zoomolás (nagyítás) is megváltozik. Mintapélda a link-re az 5. Fejezetben található.
·
: Nagyítás funkció. Vigyük a kurzort a nagyítandó részre majd nyomjuk meg valamelyik egér gombot. A program addig fog nagyítani, amíg az egér gombot nyomjuk.
·
: Kicsinyítés funkció. A nagyításhoz hasonlóan működik.
·
: Ezzel a “varázspálca” eszközzel lehet elemek közötti linket, kapcsolatot létrehozni. Válasszuk ki az eszközt, vigyük a kurzort az első elem fölé. Az elemnek érzékelnie kell hogy a kurzor felette van és egy lila téglalapot rajzol ki. Az első elem a kezdő elem, vagyis hogy honnan akarunk “ugrani”. Miután kiválasztottuk az első elemet kattintással a program egy zöld nyilat fog rajzolni az első elemtől a kurzor aktuális pozíciójáig. Ezután válasszuk ki a második elemet. A program a zöld nyilat a két elem közé rajzolja meg, kezdő elemtől vég elemig. Az link (kapcsolat) létrehozása után a program egy lánc darabot ( ) rajzol azokhoz az elemekhez melyekhez link van rendelve. Ezeknek nem feltétlenül kell láthatónak lenniük. Nyomjuk meg a CTRL+H billentyűket, majd a következő alkalommal, amikor a kéz eszközt használjuk a lánc darab nem fog megjelenni. Miután létrehoztunk egy linket a kéz eszköz (lásd fentebb)
használható arra, hogy az egyik elemről a másikra ugorjunk. Amikor a kéz eszközt egy olyan elem fölé visszük amelyikhez link van rendelve a kurzor
alakja megváltozik ilyenről ilyenre . Mintapélda az 5. Fejezetben található, mely bemutatja röviden a linkek használatát és hogy segítségükkel hogyan lehet egy történetet elmesélni.
3.3. Módosító eszköztár A Módosító eszköztár valójában tartalmaz rajzoló funkciókat. Az eszköztár a következő műveleteket teszi lehetővé:
·
: Az eszköz segítségével szöveget lehet felírni a képernyőre. FIGYELEM: a szöveg mérete nem változtatható meg, mindig ugyanolyan méretben ír.
·
: Az eszköz segítségével egy területet ki lehet tölteni. Ha a terület már ki van töltve akkor megszűnik a kitöltés és a vonalas ábrát kapjuk vissza.
·
: Az eszköz segítségével a különböző alakzatok nyújthatók, szerkeszthetők.
·
: Kiválasztó, mozgató eszköz.Kiválasztható egy vagy több elem. Egy elem kiválasztása esetén, vigyük a kurzort az elem fölé és egy lila téglalapnak kell megjelennie. Több elem kiválasztása esetén az egérrel kattintsunk a képernyőre majd húzzunk egy téglalapot. A kiválasztott elemek körül meg jelenik a lila téglalap. A kiválasztás után az eszközzel mozgathatók az elemek.
·
: Az eszköz segítségével több elemet egy közös csoportba lehet összevonni.
·
: Az eszköz segítségével egy elem másolata hozható létre. Vigyük az egeret az elem fölé majd nyomjuk le az egér gombot és az elemhez képest jobbra lent megjelenik az elem másolata.
·
: Az eszköz az elemet “életre kelti”. (Az elem vonala elkezd hullámozni.) Ha még egyszer használjuk az eszközt akkor megszünik a “hullámzás”.
·
·
: Röntgen ablak (X-ray). Nem foglalkozunk vele
: Segítség eszköz. Ha kiválasztjuk, majd utána az egyik eszközre kattintunk, akkor a program röviden bemutatja hogy mire képes az eszköz. A pici demo után visszatér az eredeti rajzhoz!
4. Navigálás Nem csak az eszközök használhatók a rajzoló felületen való mozgásra, hanem a billentyűzet is. · PgUp : Nagyítás a kurzor aktuális pozíciója felé · PgDown : Kicsinyítés a kurzor aktuális pozíciója felé · Nyíl billentyűk: mozgás a képernyőn (Panning) A “Home” billentyű megnyomásával egy olyan képet kapunk, amelyen minden elem látható lesz. Ha szükséges, egy-egy nézethez vissza lehet térni. Először állítsuk be a nézetet, majd a SHIFT+F1 gomb megnyomásával a nézet rögzül. Nem csak az F1 gomb, hanem az összes funkció gomb F1 … F12 használható ilyen nézet tárolásra. Ezután ha egy másik nézetben dolgozunk, majd szeretnénk visszatérni, egyszerűen nyomjuk meg a megfelelő funkció gombot (például: F1). Ha a tárol nézet beállítást törölni szeretnénk, akkor a CTRL + funkció billentyű kombinációt kell használni.
5. Egy példa a link készítésre Az alábbi ábra sorozat mutatja be a link készítés és használat lépéseit:
A “varázspálcával” kiválasztjuk a kezdő elemet.
A kezdő elemre kattintva a program megrajzolja a zöld nyilat. A végső elemhez visszük a kurzort, majd az egérrel ismét kattintunk.
Létrejött a link, kapcsolat.
Másik eszköz választása után a nyíl eltünik és a kezdő elemnél egy lánc darab jelenik meg.
Ha a kéz eszközt a kezdő elem közelébe visszük, akkor a kéz eszköz kurzor ikonja megváltozik. Ha most kattintunk, akkor a program egy olyan nézetet állít be, amelyiken a kapcsolt elem képe lesz látható.
A kapcsolt elem képe. Több ilyen összekapcsolás is létrehozható és egy egész türténet elmesélhető szöveggel vagy képekkel.
6. Összetett példa Az alábbi ábra sorozat egy képzeletbeli életutat mutat be. A “Megszülettem” szövegre, majd mindig a képen látható szövegre kattintva egy történet sor alakulhat ki. Ha egy nézetben több szöveg is van, akkor alternatív történet, vagy másik oldalról megközelített történetet is létre lehet hozni. Az alábbi ábra a kiindulási állapotot mutatja. Elsőnek a “Születés” szövegre kattintva eljutunk a következő információhoz.
