2014.04.14.
1
QR/AR KÓDOK ALKALMAZÁSA
A FELSŐOKTATÁSI
GYAKORLATBAN
Abonyi-Tóth AndorELTE 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, TEMPUS KÖZALAPÍTVÁNY: Nemzetközileg versenyképes tanulásszervezés a felsőoktatásban” c. sorozat, 2014. április 82014. április 8--i „IKT eszközök innovatív alkalmazása a felsőoktatásbani „IKT eszközök innovatív alkalmazása a felsőoktatásban”” című műhelyfoglalkozáscímű műhelyfoglalkozás
MI A QR KÓD?
"Amikor a mákot kiszórod a terítőre és nem kimosod, hanem belevasalod"
(ismeretlen internetező)
2014.04.14.
2
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, Code 39, UPC-A stb.)
http://hu.wikipedia.org/wiki/Vonalk%C3%B3d
2014.04.14.
3
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á
2014.04.14.
4
(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.
2014.04.14.
5
QR KÓD
�QR=Quick Response (gyors válasz)
�A japán Denso-Wave cég fejlesztetteki (1994)
�Dekódolás: Webkamera, okostelefonkamera + 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
� …
2014.04.14.
6
QR KÓD ELŐNYÖK
�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.
Kép forrása:http://bit.ly/Qls7cb
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. Level L = 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
2014.04.14.
7
HIBAJAVÍTÁSI KÉPESSÉGEK
A hiba okai:
� A leolvasó eszköz képfelbontás korlátai
� Rossz megvilágítás
� Szennyeződés
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.
NEM IDEÁLIS QR KÓD ELHELYEZÉS
http://wtfqrcodes.com/
2014.04.14.
8
QR KÓD VERZIÓK
http://www.qrcode.com/en/about/version.html
QR KÓD FELÉPÍTÉSE
http://www.onbarcode.com/qr_code/
http://www.qrcode.com/
2014.04.14.
9
MICRO QR 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
2014.04.14.
10
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
2014.04.14.
11
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)
2014.04.14.
12
TOVÁBBI QR KÓD OLVASÓK
�NeoReader (http://www.neoreader.com/)
�KAYWA (http://reader.kaywa.com)
� i-nigma (http://www.i-nigma.com)
�ScanLife (http://www.scanlife.com)
�UpCode (http://www.upcode.com)
QR KÓD GENERÁLÁSA
2014.04.14.
13
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/
2014.04.14.
14
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/
2014.04.14.
15
QART CODER (KÉP ELHELYEZÉSE)
�http://research.swtch.com/qr/draw
�http://bit.ly/1dVuMnD
QRHACKER
�http://www.qrhacker.com/
2014.04.14.
16
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/karunkrol/rendezvenyek/Lapok/Kooperativ_nap-2014februar19.aspx
http://bit.ly/1hFh9IN
2014.04.14.
17
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)
2014.04.14.
18
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-code-resources-for-the-classroom/16093(http://zd.net/1sfZxYs)
2014.04.14.
19
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.
2014.04.14.
20
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ó info-kommuniká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@T labor – Turcsányi-Szabó Márta, Pluhár Zsuzsa)
2014.04.14.
21
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-to-teaching.blogspot.hu/p/math-qr-codes.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
2014.04.14.
22
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@T labor – Turcsányi-Szabó Márta, Pluhár Zsuzsa)
QR KÓDOK AZ ELTE 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.
2014.04.14.
23
QR ELIGAZÍTÓ
(ITT VAGY FELIRAT TALÁLHATÓ RAJTA)
� Egy olyan információs rendszer, mely egy-egy é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@T labor – Turcsányi-Szabó Márta,
Pluhár Zsuzsa)
2014.04.14.
24
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, IK-val, oktatókkal, tanulmányi ügyekkel, bulikkal kapcsolatos linket, szöveget helyeztünk el.
QR Fal az Informatikai Karának folyosóján(ELTE T@T labor – Turcsányi-Szabó Márta, Pluhár Zsuzsa)
2014.04.14.
25
AZ AR KÓDOK HASZNÁLATA
A KITERJESZTETT VALÓSÁGRÓL
� A Kiterjesztett Valóság (AR, Augmented Reality) 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)
2014.04.14.
26
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)
Marker
Mobil AR Education
PÉLDA (ELTE IK ÉPÜLET MODELLJE)
� http://arportal.elte.hu/elteflar/elte.php
� http://bit.ly/1k6Sb8E
MarkerA megjelenő modell
Forrás, további információ: http://matchsz.inf.elte.hu/VVprojekt/
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.
2014.04.14.
27
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 Downloads szakaszban lehet kiválasztani a megfelelő operációs rendszert/eszközt)
2014.04.14.
28
AZ ARSIGHT ALKALMAZÁS
FELADATOK A QR TÉMAKÖRHÖZ
2014.04.14.
29
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
65
4
7
2014.04.14.
30
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/
2014.04.14.
31
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!
2014.04.14.
32
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@T labor – Turcsányi-Szabó Márta, Pluhár Zsuzsa)
2014.04.14.
33
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/
2014.04.14.
34
KÖSZÖNÖM A
FIGYELMET!Abonyi-Tóth AndorELTE Informatikai Kar, http://abonyita.inf.elte.hu
Emlékeztető letöltése: http://snipurl.com/28s7j1t
FORRÁSOK, AJÁNLOTT LINKEK A QR/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-the-classroom/16093
� http://arportal.elte.hu