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