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

1. 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ű

2. MI A QR KÓD?
"Amikor a mákot kiszórod a terítőre és nem
kimosod, hanem belevasalod"
(ismeretlen internetező)

3. VONALKÓD TÖRTÉNELEM –
1D-S VONALKÓDOK

4. 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

5. HOGYAN KÓDOL AZ 1D-S VONALKÓD? (PÉLDA)
Képernyőkép forrása: https://www.youtube.com/watch?v=e6aR1k-ympo

6. 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á

7. (1D-S) VONALKÓD GENERÁLÁS
www.barcode-generator.org

8. 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.

9. 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

10. 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
 …

11. 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

12. 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

13. 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.

14. NEM IDEÁLIS QR KÓD ELHELYEZÉS
http://wtfqrcodes.com/

15. QR KÓD VERZIÓK
http://www.qrcode.com/en/about/version.html

16. QR KÓD FELÉPÍTÉSE
http://www.onbarcode.com/qr_code/
http://www.qrcode.com/

17. 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

18. 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

19. 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

20. LOGOQ KÓD
Jobban kombinálható betűkkel, logókkal.
http://www.qrcode.com/en/codes/logoq.html

21. 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

22. 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)

23. 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)

24. QR KÓD GENERÁLÁSA

25. 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.

26. QR KÓD GENERÁLÁS
http://qr-kod.hu/

27. QR KÓD GENERÁLÁS
http://goqr.me/

28. 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/

29. QART CODER (KÉP ELHELYEZÉSE)
http://research.swtch.com/qr/draw
http://bit.ly/1dVuMnD

30. QRHACKER
http://www.qrhacker.com/

31. TIPPEK, TRÜKKÖK

32. 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

33. 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.

34. 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)

35. 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)

36. 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)

37. 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!

38. 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.

39. 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.

40. 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)

41. 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

42. QR KÓDOK AZ FELSŐOKTATÁSBAN
A hagyományos szemléltető
eszközök (pl. statikus modellek
(molekulák, csontvázak, prototípu
sok) kiegészíthetők olyan QR
kódokkal, amelyek kapcsolódó
oldalakra, médiaelemekre
mutatnak.
http://bit.ly/1gt11W6

43. 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)

44. 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.

45. 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)

46. 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)

47. 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)

48. 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)

49. AZ AR KÓDOK HASZNÁLATA

50. 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)

51. 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

52. PÉLDA (ELTE IK ÉPÜLET MODELLJE)
 http://arportal.elte.hu/elteflar/elte.php
 http://bit.ly/1k6Sb8E
Marker
A 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.

53. PÉLDA (OKTATÁSI ALKALMAZÁS)
http://www.learnar.org/
Részlet a képernyőképből

54. 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)

55. AZ ARSIGHT ALKALMAZÁS

56. FELADATOK A QR
TÉMAKÖRHÖZ

57. 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

58. OLVASSUK LE A KÖVETKEZŐ QR KÓDOKAT!
MELYIK MIT TARTALMAZ?
1 2 3
65
4
7

59. HIBATŰRÉS TESZTELÉSE
Próbáljuk ki, hogy a második és harmadik QR kódot
tudjuk-e dekódolni!

60. 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/

61. 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.

62. 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!

63. 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!

64. 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)

65. FELADATOK AZ AR KÓDHOZ

66. 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/

67. 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

68. 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