QR/AR KÓDOK ALKALMAZÁSA A FELSŐOKTATÁSI GYAKORLATBAN Abonyi-Tóth Andor ELTE Informatikai Kar, http://abonyita.inf.elte.hu TEMPUS KÖZALAPÍTVÁNY: Nemzetközileg versenyképes tanulásszervezés a felsőoktatásban c. sorozat, 2014. április 8-i IKT eszközök innovatív alkalmazása a felsőoktatásban című műhelyfoglalkozás MI AQR KÓD? "Amikor a mákot kiszórod a terítőre és nem kimosod, hanem belevasalod" (ismeretlen internetező) 1
VONALKÓD TÖRTÉNELEM 1D-S VONALKÓDOK 1D VONALKÓDOK Kód: transzformáció, ami információk bizonyos egységét (például egy betű, szó, vagy kifejezés) átalakít más formába vagy megjelenésbe, nem szükségszerűen azonos típusúba. Technikai fejlődés + igény => 1D-s vonalkód megjelenése (vasút/posta, kereskedelem) 1974: alkalmazás szupermarketben (USA) 1984: Skála áruház (Magyarország) Számos szabvány létezik (EAN, Code39, UPC-A stb.) http://hu.wikipedia.org/wiki/vonalk%c3%b3d 2
HOGYAN KÓDOL AZ 1D-S VONALKÓD? (PÉLDA) Képernyőkép forrása: https://www.youtube.com/watch?v=e6ar1k-ympo EGYDIMENZIÓS VONALKÓDOK JELLEMZŐI 1 irányból olvasható Kis hibatűréssel rendelkezik Nem alkalmas nagyobb adatmennyiségek tárolására, pedig igény lenne rá 3
(1D-S) VONALKÓD GENERÁLÁS www.barcode-generator.org 2D-S VONALKÓDOK Két legelterjedtebb fajtája a Data Mátrix kód és a QR kód. A következőkben utóbbival foglalkozunk. 4
QR KÓD QR=Quick Response(gyors válasz) A japán Denso-Wave cég fejlesztette ki(1994) Dekódolás: Webkamera, okostelefon kamera + QR kód olvasó szoftver MIRE JÓ? Átirányítás egy weboldalra, közösségi oldalon lévő profilra Telefonszám gyors bevitele, tárcsázása SMS/MMS küldése egy számra Névjegy információk telefonba való felvitelére GPS koordináta gyors bevitele E-mai küldése egy megadott e-mail címre Alkalmazás letöltése a mobil eszközre WIFI elérési adatok gyors bevitele 5
QR KÓD ELŐNYÖK Kép forrása: http://bit.ly/qls7cb Kb. 1/10 helyet foglal az 1D-s vonalkódhoz képest, ugyanolyan adatmennyiséget tekintve. A három, sarokban elhelyezett minta segít abban, hogy akkor is értelmezhető legyen a kód, ha ferdén olvassuk le. QR KÓD ELŐNYÖK Skálázhatóság: különböző adattárolási és hibatűrési tulajdonságokkal rendelkeznek az egyes szintek (pl. LevelL = 7% veszteség visszaállítására alkalmas) Adattárolási képesség (maximum értékek) 7089 karakter számokból 4296 alfanumerikus karakterből 2953 bájt bináris adatokból 6
HIBAJAVÍTÁSI KÉPESSÉGEK Hibajavítási képességek Level L 7% veszteség visszaállítására képes. Level M 15% veszteség visszaállítására képes. Level Q 25% veszteség visszaállítására képes. Level H 30% veszteség visszaállítására képes. A hiba okai: A leolvasó eszköz képfelbontás korlátai Rossz megvilágítás Szennyeződés NEM IDEÁLIS QR KÓD ELHELYEZÉS http://wtfqrcodes.com/ 7
QR KÓD VERZIÓK http://www.qrcode.com/en/about/version.html QR KÓD FELÉPÍTÉSE http://www.qrcode.com/ http://www.onbarcode.com/qr_code/ 8
MICROQR KÓD A mikro QR kód csak egy pozícionálási mintát tartalmaz, és keskenyebb margót igényel (2 modul méretnyi) http://www.qrcode.com/en/codes/microqr.html IQR KÓD Több információt hordozhat ugyanazon méretben, mint a QR kód. Akár téglalap alakú is lehet. http://www.qrcode.com/en/codes/iqr.html 9
SQRC KÓD Több funkció: Privát információk tárolására, speciális szkenner kell a leolvasáshoz. Publikus és privát adatok együttes kódolására alkalmas. http://www.qrcode.com/en/codes/sqrc.html LOGOQ KÓD Jobban kombinálható betűkkel, logókkal. http://www.qrcode.com/en/codes/logoq.html 10
MOTION QR CODE Magyar fejlesztés (Cellum cégcsoport) Mozgó QR kód Többféle adat olvasztható össze Lemásolhatatlanná és hamisíthatatlanná válnak az elektronikus jegyek és igazolványok Videó megtekintése: http://bit.ly/1ijlika QR OLVASÓ ALKALMAZÁS(PÉLDA) QuickMark (http://www.quickmark.com.tw) Többféle operációs rendszerre telepíthető Asztali számítógépen is használható, ha tesztelni szeretnénk (a képernyőn megjelenő QR kódot felismertethetjük) 11
TOVÁBBI QR KÓD OLVASÓK NeoReader KAYWA i-nigma ScanLife UpCode (http://www.neoreader.com/) (http://reader.kaywa.com) (http://www.i-nigma.com) (http://www.scanlife.com) (http://www.upcode.com) QR KÓD GENERÁLÁSA 12
FONTOS ELVEK A GENERÁLÁSHOZ A modul (fekete egység négyzet) méretét úgy állítsuk be (ha erre van lehetőség), hogy megfelelő legyen a nyomtatáshoz, illetve a beolvasáshoz! Szükség van a QR kód körüli üres sávra a biztonságos leolvasáshoz. Az üres sáv legalább 4 modul szélességű legyen! Ne méretezzük át a QR kódot, mert torzulhatnak/elhomályosodhatnak a részletei. QR KÓD GENERÁLÁS http://qr-kod.hu/ 13
QR KÓD GENERÁLÁS http://goqr.me/ MŰVÉSZI KIFEJEZÉS A hibatűrés megengedheti, hogy esztétikailag módosítsuk a QR kódot, de a leolvasás sikeressége nem garantált. http://www.qrhacker.com/ 14
QART CODER(KÉP ELHELYEZÉSE) http://research.swtch.com/qr/draw http://bit.ly/1dvumnd QRHACKER http://www.qrhacker.com/ 15
TIPPEK, TRÜKKÖK LINKRÖVIDÍTÉS Nagyobb biztonsággal dekódolható, egyszerűbb kódot kapunk ha nem hosszú webcímre készítjük el a QR kódot, hanem annak rövidített változatára. Népszerű linkrövidítők: bit.ly, goo.gl, snipurl.com http://www.inf.elte.hu/k arunkrol/rendezvenyek/ Lapok/Kooperativ_nap- 2014februar19.aspx http://bit.ly/1hfh9in 16
LINKRÖVIDÍTÉS ELŐNYE Bizonyos linkrövidítők statisztikát is készítenek a meglátogatott linkekről. (pl. bit.ly) Így nyomon követhetjük, hogy hányan olvasták le a QR kódot. LINKRÖVIDÍTÉS ELŐNYE Van olyan linkrövidítő szolgáltatás (pl. http://snipurl.com), ami a rövidített link módosítását utólagosan is lehetővé teszi. Így a rövidített linkre készített QR kód mindig arra az oldalra vezet, amit szeretnénk. Pl. A nap videója, A nap idézete, heti menü (menzán) 17
QR KÓDOK ELŐÁLLÍTÁSA TÁBLÁZATBAN LÉVŐ ADATOK FELHASZNÁLÁSÁVAL Google Táblázat segítségével Sablon (http://bit.ly/1k6wkel) Képlet: =image("https://chart.googleapis.com/chart?chs =150x150&cht=qr&chl="&cellaneve) QR KÓD ALKALMAZÁSA AZ OKTATÁS TERÜLETÉN Ajánlott oldal: http://www.zdnet.com/blog/igeneration/50-qr-coderesources-for-the-classroom/16093 (http://zd.net/1sfzxys) 18
ESÉLYEGYENLŐSÉG BIZTOSÍTÁSA Ügyeljünk arra, hogy a QR kódok használatával ne rekesszük ki azon hallgatókat, akik nem rendelkeznek olyan eszközzel (okostelefon, ipad), amellyel könnyen dekódolhatják a kódokat! Csoportmunka szervezésénél figyeljünk arra, hogy minden csoportban legyen QR kód olvasásra képes eszköz! QR KÓDOK AZ FELSŐOKTATÁSBAN A frissen felvett hallgatók számára QR kódokkal segíthetjük az épületen belüli tájékozódást. Kincskereső játékot szervezhetünk annak érdekében, hogy a gólyák minél előbb felfedezzék, hogy mi hol található az intézményhez tartozó épületekben. 19
QR KÓDOK AZ FELSŐOKTATÁSBAN Nyomtatott jegyzetben, az intézményről szóló prospektusban, szórólapon stb. elhelyezett hivatkozás a témával kapcsolatos videóra, animációra, egyéb médiaelemre, kapcsolódó web-es forrásra, közösségi média profilra. A képernyőkép az alábbi jegyzetből származik: ABONYI-TÓTH Andor (2011): Bevezetés az esélyegyenlőséget szolgáló infokommunikációs technológiákba -Multimédiás tananyagkészítés hátrányos helyzetű felhasználók számára. Fogyatékos Személyek Esélyegyenlőségéért Közalapítvány, Budapest, 2011. QR KÓDOK AZ FELSŐOKTATÁSBAN Konferenciára készített poszter előadást kiegészíthetjük QR kóddal, a kapcsolódó médiaelemek bemutatására. A poszterek később az intézmény folyosóin elhelyezhetők, a diákok figyelmét fel lehet hívni az egyes kutatási területekre. Plakát az ELTE Informatikai Karának folyosóján (ELTE T@Tlabor Turcsányi-Szabó Márta, Pluhár Zsuzsa) 20
QR KÓDOK AZ FELSŐOKTATÁSBAN Az órán kiosztandó önellenőrző tesztkérdéseket QR kóddal kiegészítve a diák a kitöltés után ellenőrizheti, hogy helyes válaszokat adott-e meg. Azon diákok, akik végeztek egy feladat megoldásával, QR kód formájában kaphatnak újabb feladatot. http://new-toteaching.blogspot.hu/p/math-qrcodes.html QR KÓDOK AZ FELSŐOKTATÁSBAN A hagyományos szemléltető eszközök (pl. statikus modellek (molekulák, csontvázak, prototípusok) kiegészíthetők olyan QR kódokkal, amelyek kapcsolódó oldalakra, médiaelemekre mutatnak. http://bit.ly/1gt11w6 21
QR KÓDOK AZ FELSŐOKTATÁSBAN A hallgatók számára a WIFI elérhetőség adatai kiadható QR kód formájában. A QR kódok segítségével akár tantermi szavazórendszert is szimulálhatunk. Plakát az ELTE Informatikai Karának folyosóján (ELTE T@Tlabor Turcsányi-Szabó Márta, Pluhár Zsuzsa) QR KÓDOK AZELTE INFORMATIKAI KARÁN A fejlesztések az ELTE TET Labor berkein belül történtek, Pluhár Zsuzsa és Turcsányiné Szabó Márta fejlesztéseivel és vezetésével. 22
QR ELIGAZÍTÓ (ITT VAGY FELIRAT TALÁLHATÓ RAJTA) Egy olyan információs rendszer, mely egyegy épületen belüli tájékozódást segíti. A jelenlegi információs táblákhoz hasonló térképek (egyenlőre csak a második emeleten) érhetőek el QR kódok segítségével. A kihelyezett QR kód alapján beazonosítható a használó helye, és a belső adatbázis alapján kereshető egy terem, oktató szoba vagy akár egy tanszék. A megjelenő térképeken ki/be kapcsolhatóak a megnevezések és a QR kódok helyei. QR helyjelző az Informatikai Karának folyosóján(elte T@T labor Turcsányi-Szabó Márta, Pluhár Zsuzsa) QR ISMERTETŐ (NÉV TALÁLHATÓ RAJTA) Minden oktató ajtajára kitettük elérhetőségének (weblap) kódját, valamint a PC termek mellett azok beosztását (mikor milyen óra van). A QR eligazítón feltüntetésre kerülnek (ki-illetve bekapcsolható módon) a QR ismertetők helyei is. QR kód az oktatói ajtókon az ELTE Informatikai Karán (ELTE T@Tlabor Turcsányi-Szabó Márta, Pluhár Zsuzsa) 23
QR JÁTÉK(KIHÍVÁS FELIRAT TALÁLHATÓ RAJTA) A hallgatók részt vehetnek egy ismeretfelmérő játékban, ahol egy meghatározott időn belől összegyűjtött pontok fejében akár ajándékot is kaphatnak. Ez a játék folyamatosan változik és csak meghatározott eseményeknél indítjuk el (pl. Neumann Nap). QR játék az Informatikai Karon (ELTE T@T labor Turcsányi-Szabó Márta, Pluhár Zsuzsa) QR FAL Több QR kód által kiadott kompozíciója az IK logónak. Ezeken a kódokon rengeteg az ELTE-vel, IKval, oktatókkal, tanulmányi ügyekkel, bulikkal kapcsolatos linket, szöveget helyeztünk el. QR Fal az Informatikai Karának folyosóján(elte T@Tlabor Turcsányi-Szabó Márta, Pluhár Zsuzsa) 24
AZ AR KÓDOK HASZNÁLATA A KITERJESZTETT VALÓSÁGRÓL A Kiterjesztett Valóság (AR, AugmentedReality) segítségével a valódi fizikai környezet kibővíthető számítógép által generált virtuális elemekkel. Megoldható, hogy egy AR kódhoz 3D modellt rendeljünk, vagy egy arc/alakfelismerő szoftveren keresztül 3D modellt társítsunk a kamera előtt lévő arcra, alakra. Alkalmazása határtalan, lehet 3D-s könyvként, múzeumokban, iskolákban, otthonokban, újságokon szinte akárhol, akármilyen módon használni... Forrás: http://arportal.elte.hu/ (Matuszka Tamás) 25
A KITERJESZTETT VALÓSÁGRÓL Gyakorlati megvalósítás különböző módjai: Hely alapú szolgáltatás a mobil eszközünk kamerájával körbenézve AR kódok (markerek használatával) Forrás: http://arportal.elte.hu/ (Matuszka Tamás) Mobil AR Education Marker PÉLDA(ELTE IK ÉPÜLET MODELLJE) http://arportal.elte.hu/elteflar/elte.php http://bit.ly/1k6sb8e Fejlesztők: Tamás Matuszka(AR technology), András Jámbori(building 3D model), Márta Turcsányi-Szabó (AR/QR marker) ELTE IK T@T lab 2011. Marker A megjelenő modell Forrás, további információ: http://matchsz.inf.elte.hu/vvprojekt/ 26
PÉLDA(OKTATÁSI ALKALMAZÁS) http://www.learnar.org/ Részlet a képernyőképből AZ ARSIGHT ALKALMAZÁS http://www.arsights.com/ Épület modelleket lehet feltölteni a térképre, illetve azokat megtekinteni. Szükséges hozzá: Google Earth plugin: http://bit.ly/ohatel Arsight alkalmazás: http://bit.ly/1ikrycm AR-media player alkalmazás: http://bit.ly/1hbdlbt (A Downloadsszakaszban lehet kiválasztani a megfelelő operációs rendszert/eszközt) 27
AZ ARSIGHT ALKALMAZÁS FELADATOK AQR TÉMAKÖRHÖZ 28
QR OLVASÓ ALKALMAZÁSOK TELEPÍTÉSE QuickMark(asztali alkalmazás (is)): http://www.quickmark.com.tw NeoReader Android: http://bit.ly/ibkrfe ios: http://bit.ly/1dibavx Windows Phone: http://bit.ly/1bs15sx OLVASSUK LE A KÖVETKEZŐQR KÓDOKAT! MELYIK MIT TARTALMAZ? 1 2 3 4 5 6 7 29
HIBATŰRÉS TESZTELÉSE Próbáljuk ki, hogy a második és harmadik QR kódot tudjuk-e dekódolni! EGYSZERŰBB QR KÓDOK GENERÁLÁSA Készítsen olyan QR kódot a névjegykártyájához, amely az intézményi telefonszámát tartalmazza. Készítsen olyan QR kódot, amely arra a GPS koordinátára mutat, ahol az intézménye található. Egy viccet szöveges QR kódként kódoljon le, és mutassa meg az Ön mellett ülőknek! http://goqr.me/ 30
QART CODER http://bit.ly/1dvumnd Egy híres ember fotójának felhasználásával készítsen olyan kódot, ami egy vele kapcsolatos weboldalra mutat. QRHACKER(1. FELADAT) http://www.qrhacker.com/ Készítsen olyan QR kódot, ami az intézményének weboldalára mutat. A QR kód színvilága igazodjon az intézményére jellemző arculati színekhez! 31
QRHACKER(2. FELADAT) http://www.qrhacker.com/ Készítsen olyan QR kódot, ami az intézményének weboldalára mutat. Tegye rá az intézmény logóját, és győződjön meg arról több alkalmazással, hogy olvasható maradt-e a kód! QR FAL Készítse el intézményének/ az intézmény egy szervezeti egységének QR falát (vagy annak részletét) QR Fal az Informatikai Karának folyosóján(elte T@Tlabor Turcsányi-Szabó Márta, Pluhár Zsuzsa) 32
FELADATOK AZ AR KÓDHOZ AR FELADATOK Próbáljuk ki a kinyomtatott markerek segítségével a következő alkalmazásokat ELTE modell: http://bit.ly/1k6sb8e learnar: http://www.learnar.org/ Arsights: http://www.arsights.com/ 33
KÖSZÖNÖM A FIGYELMET! Abonyi-Tóth Andor ELTE Informatikai Kar, http://abonyita.inf.elte.hu Emlékeztető letöltése: http://snipurl.com/28s7j1t FORRÁSOK, AJÁNLOTT LINKEK AQR/AR TÉMAKÖRHÖZ http://hu.wikipedia.org/wiki/vonalk%c3%b3d http://thebuildnetwork.com/innovation/innovation-standardization/ https://www.youtube.com/watch?v=e6ar1k-ympo&noredirect=1 http://matchsz.inf.elte.hu/vvprojekt/qroktatas.pdf http://www.zdnet.com/blog/igeneration/50-qr-code-resources-for-theclassroom/16093 http://arportal.elte.hu 34