Distribuční kanál multimediálního obsahu formou hry. Jana Kozlerová

ˇ e vysoké uˇcen´ı technické v Praze Cesk´ Fakulta elektrotechnická Katedra poˇc´ıtaˇcové grafiky a interakce

Bakaláˇrská práce

Distribuˇ cn´ı kan´ al multimedi´ aln´ıho obsahu formou hry Jana Kozlerová

Vedouc´ı práce: Ing. Adam Sporka, Ph.D.

Studijn´ı program: Softwarové technologie a management, Bakaláˇrsk´ y Obor: Web a multimedia 28. kvˇetna 2012

iv

v

Podˇ ekov´ an´ı Na tomto m´ıstˇe bych chtˇela podˇekovat mému vedouc´ımu práce Ing. Adamu Sporkovi, Ph.D. za velice cenné rady, odborné pˇripom´ınky, trpˇelivost, ochotu a za podporu, kterou mi dod´ aval po celou dobu mého studia. Dále bych chtˇela podˇekovat sv´ ym rodiˇc˚ um, kteˇr´ı mi umoˇznili studium na této ˇskole a za jejich podporu ve chv´ıl´ıch, kdy byla nejv´ıce potˇreba. V neposledn´ı ˇradˇe chci podˇekovat sv´ ym pˇrátel˚ um, kteˇr´ı mi d˚ uvˇeˇrovali a podporovali mne po celou dobu studia.

vi

vii

Prohl´ aˇ sen´ı Prohlaˇsuji, ˇze jsem pr´ aci vypracovala samostatnˇe a pouˇzil jsem pouze podklady uvedené v pˇriloˇzeném seznamu. Nemám z´ avaˇzn´ y d˚ uvod proti uˇzit´ı tohoto ˇskoln´ıho d´ıla ve smyslu §60 Zákona ˇc. 121/2000 Sb., o pr´ avu autorském, o pr´ avech souvisej´ıc´ıch s právem autorsk´ ym a o zmˇenˇe nˇekter´ ych zákon˚ u (autorsk´ y z´ akon).

V Praze dne 25. 5. 2012

.............................................................

viii

Abstract The aim of this bachelor thesis is the creation of games using which it is possible to distribute multimedia contents. Its distribution is based on Quick Response (QR) codes technology. Their placement follows the rules of a well-known game Geocaching, where based on the principle of seeking geographically localized objects in the real world. One of the target groups is the people who want to distribute some multimedia materials, whether their own or made by others. The distributors encode the pieces of content into one or more QR codes and distribute them to the selected area (street, city, etc.). The second target group is the people who are interested in receiving the contents in a fun way. The result of this thesis is a web application designed mainly for creating games and applications for the Android platform, which is used to scan QR codes and thus to obtain the distributed material. The main contribution of this thesis is a novel method of distribution of the multimedia contents.

Abstrakt C´ılem této bakal´ aˇrské pr´ ace je tvorba her, pomoc´ı kter´ ych je moˇzné distribuovat multimediáln´ı obsah. Jeho distribuce je zaloˇzena na technologii QR kód˚ u. D˚ uleˇzit´ ym faktorem pro jejich um´ıstˇen´ı slouˇz´ı pravidla celosvˇetovˇe známé hry geocaching, kter´ y vycház´ı z principu vyhledáv´ an´ı geograficky lokalizovan´ ych objekt˚ u v reálném svˇetˇe. Jednou z c´ılov´ ych skupin jsou lidé, kteˇr´ı chtˇej´ı distribuovat nˇejak´ y multimediáln´ı materiál, at’ uˇz vlastn´ı ˇci jinou tvorbu. Distributoˇri vloˇz´ı materi´ al do jednoho ˇci v´ıce QR kód˚ u a rozm´ıst´ı je na vybraném u ´zem´ı (ulice, mˇesto, apod.). Druhou c´ılovou skupinou jsou lidé, kteˇr´ı maj´ı o takov´ y materiál z´ ajem a chtˇej´ı ho z´ıskat z´ abavnou formou, kde naˇcten´ım kód˚ u z´ıskaj´ı poˇzadovan´ y obsah. V´ ysledkem

ix

x

práce je webov´ a aplikace urˇcen´ a hlavnˇe pro tvorbu her a dále aplikace pro platformu Android, která slouˇz´ı ke sn´ım´ an´ı QR k´ od˚ u a t´ım p´ adem k z´ıskán´ı distribuovaného materiálu. Hlavn´ım pˇr´ınosem práce je tedy moˇznost distribuovat multimediáln´ı obsah, zaloˇzen´ y na myˇslence ˇs´ıˇrit jej formou hry.

Obsah ´ 1 Uvod

1

2 Relevantn´ı technologie a pˇ r´ıbuzn´ e aplikace 2.1 Technologie QR k´ odu . . . . . . . . . . . . . 2.1.1 V´ yznam, vznik, v´ yvoj . . . . . . . . . 2.1.2 Technické specifikace . . . . . . . . . . 2.1.3 Distribuce QR k´ odu . . . . . . . . . . 2.1.3.1 Gener´ atory . . . . . . . . . . 2.1.3.2 Aplikace podporuj´ıc´ı sn´ımán´ı 2.1.4 Podporované formáty . . . . . . . . . 2.1.5 Dalˇs´ı moˇznosti vyuˇzit´ı QR kód˚ u . . . 2.2 Geocaching . . . . . . . . . . . . . . . . . . . 2.2.1 V´ yznam . . . . . . . . . . . . . . . . . 2.2.2 Vznik . . . . . . . . . . . . . . . . . . 2.2.3 Keˇs . . . . . . . . . . . . . . . . . . . 2.2.3.1 Obsah keˇse . . . . . . . . . . 2.2.4 Typy keˇs´ı . . . . . . . . . . . . . . . . 2.2.4.1 Podle velikosti . . . . . . . . 2.2.4.2 Podle charakteru . . . . . . . 2.3 Android . . . . . . . . . . . . . . . . . . . . . 2.3.1 Vznik a v´ yznam . . . . . . . . . . . . 2.3.2 Hlavn´ı vlastnosti . . . . . . . . . . . . 2.3.3 Z´ akladn´ı stavebn´ı prvky aplikace . . . 2.4 Pˇrehled obdobn´ ych projekt˚ u. . . . . . . . . . ˇ 2.4.1 Reˇsen´ı v ˇceském jazyce . . . . . . . . 2.4.1.1 #QRgame . . . . . . . . . . 2.4.1.2 District 9 QR Code Game . 2.4.1.3 QR Code game . . . . . . . . ˇ sen´ı v anglickém jazyce . . . . . . . 2.4.2 Reˇ 2.4.2.1 Google’s QR Code Game . . 2.4.2.2 QR Wild Game . . . . . . . 2.4.2.3 QR Kill Game . . . . . . . . 2.4.2.4 Riddle Game with QR Codes

xi

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

3 3 3 5 5 5 5 6 9 10 10 11 11 11 12 12 12 14 14 14 15 16 16 16 17 17 17 17 17 18 18

xii

3 N´ avrh funkˇ cnosti 3.1 Webov´ y port´ al . . . . . . . . . . . . . . . . 3.1.1 Popis systému . . . . . . . . . . . . 3.1.2 C´ılov´ a skupina . . . . . . . . . . . . 3.1.3 Uˇzivatelské role . . . . . . . . . . . . 3.1.3.1 Role Nepˇrihl´ aˇsen´ y uˇzivatel 3.1.3.2 Role Pˇrihl´ aˇsen´ y uˇzivatel . . 3.1.3.3 Role Administrátor . . . . 3.1.4 Poˇzadavky na systém . . . . . . . . 3.1.4.1 Funkˇcn´ı poˇzadavky . . . . 3.1.4.2 Nefunkˇcn´ı poˇzadavky . . . 3.2 Aplikace . . . . . . . . . . . . . . . . . . . . 3.2.1 Popis aplikace . . . . . . . . . . . . . 3.2.2 C´ılov´ a skupina . . . . . . . . . . . . 3.2.3 Poˇzadavky na aplikaci . . . . . . . . 3.2.3.1 Funkˇcn´ı poˇzadavky . . . . 3.2.3.2 Nefunkˇcn´ı poˇzadavky . . .

OBSAH

. . . . . . . . . . . . . . . .

. . . . . . . . . . . . . . . .

. . . . . . . . . . . . . . . .

. . . . . . . . . . . . . . . .

. . . . . . . . . . . . . . . .

. . . . . . . . . . . . . . . .

. . . . . . . . . . . . . . . .

4 Implementace 4.1 Pouˇzité technologie . . . . . . . . . . . . . . . . . . . . . 4.1.1 Programovac´ı jazyk PHP [20] . . . . . . . . . . . 4.1.2 NetBeans IDE . . . . . . . . . . . . . . . . . . . 4.1.3 MySQL datab´ aze . . . . . . . . . . . . . . . . . . 4.1.4 Model - View - Controller . . . . . . . . . . . . . 4.1.5 JavaScript . . . . . . . . . . . . . . . . . . . . . . 4.2 Implementace webové aplikace . . . . . . . . . . . . . . 4.2.1 Doménov´ y model . . . . . . . . . . . . . . . . . . 4.2.1.1 Tabulky datab´ aze . . . . . . . . . . . . 4.2.2 Implementace aplikace [22] . . . . . . . . . . . . 4.2.2.1 Seznam sloˇzek . . . . . . . . . . . . . . 4.2.2.2 D˚ uleˇzité soubory . . . . . . . . . . . . . 4.2.3 Tˇr´ıdy modelu . . . . . . . . . . . . . . . . . . . . 4.2.3.1 Dalˇs´ı tˇr´ıdy . . . . . . . . . . . . . . . . 4.3 Implementace aplikace [23] . . . . . . . . . . . . . . . . . 4.3.1 Datov´ a vrstva aplikace . . . . . . . . . . . . . . . 4.3.1.1 Form´ at dat v datovém souboru . . . . . 4.3.2 Implementace business logiky . . . . . . . . . . . 4.3.2.1 Sn´ım´ an´ı QR k´ odu . . . . . . . . . . . . 4.3.2.2 Zobrazen´ı detailu QR kódu . . . . . . . 4.3.2.3 Zobrazen´ı detailu hry z rozehran´ ych her 5 Testov´ an´ı pouˇ zitelnosti 5.1 Testov´ an´ı webového port´ alu . . . . . . . . . . . . . . ´ castn´ıc´ı testu . . . . . . . . . . . . . . . . . 5.1.1 Uˇ 5.1.1.1 Data z´ıskan´ a ze screener dotazn´ıku . 5.1.2 Dotazn´ık pˇred testov´ an´ım . . . . . . . . . . .

. . . .

. . . .

. . . . . . . . . . . . . . . .

. . . . . . . . . . . . . . . . . . . . .

. . . .

. . . . . . . . . . . . . . . .

. . . . . . . . . . . . . . . . . . . . .

. . . .

. . . . . . . . . . . . . . . .

. . . . . . . . . . . . . . . . . . . . .

. . . .

. . . . . . . . . . . . . . . .

. . . . . . . . . . . . . . . . . . . . .

. . . .

. . . . . . . . . . . . . . . .

. . . . . . . . . . . . . . . . . . . . .

. . . .

. . . . . . . . . . . . . . . .

. . . . . . . . . . . . . . . . . . . . .

. . . .

. . . . . . . . . . . . . . . .

. . . . . . . . . . . . . . . . . . . . .

. . . .

. . . . . . . . . . . . . . . .

. . . . . . . . . . . . . . . . . . . . .

. . . .

. . . . . . . . . . . . . . . .

. . . . . . . . . . . . . . . . . . . . .

. . . .

. . . . . . . . . . . . . . . .

. . . . . . . . . . . . . . . . . . . . .

. . . .

. . . . . . . . . . . . . . . .

. . . . . . . . . . . . . . . . . . . . .

. . . .

. . . . . . . . . . . . . . . .

19 19 19 19 20 20 20 20 20 20 21 21 21 22 22 22 22

. . . . . . . . . . . . . . . . . . . . .

23 23 23 24 24 24 25 25 25 25 26 26 27 27 32 35 35 35 36 36 37 38

. . . .

41 41 41 42 42

OBSAH

xiii

5.1.2.1 Data z´ıskaná z dotazn´ıku pˇred testován´ım . . . . . . . . Pr˚ ubˇeh testov´ an´ı . . . . . . . . . . . . . . . . . . . . . . . . . . . 5.1.3.1 Soupis u ´kol˚ u pro participanty . . . . . . . . . . . . . . . 5.1.4 Souhrn poznatk˚ u z testován´ı s jednotliv´ ymi u ´ˇcastn´ıky testován´ı . 5.1.5 Nalezen´ y problém a návrhy jeho ˇreˇsen´ı . . . . . . . . . . . . . . . 5.1.6 Dotazn´ık po testován´ı . . . . . . . . . . . . . . . . . . . . . . . . Testov´ an´ı aplikace Android . . . . . . . . . . . . . . . . . . . . . . . . . ´ castn´ıc´ı testu . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5.2.1 Uˇ 5.2.1.1 Data z´ıskaná ze screener dotazn´ıku . . . . . . . . . . . . 5.2.2 Dotazn´ık pˇred testován´ım . . . . . . . . . . . . . . . . . . . . . . 5.2.2.1 Data z´ıskaná z dotazn´ıku pˇred testován´ım . . . . . . . . 5.2.3 Pr˚ ubˇeh testov´ an´ı . . . . . . . . . . . . . . . . . . . . . . . . . . . 5.2.4 Souhrn poznatk˚ u z testován´ı s jednotliv´ ymi u ´ˇcastn´ıky testován´ı . 5.2.5 Dotazn´ık po testován´ı . . . . . . . . . . . . . . . . . . . . . . . . 5.2.6 Z´ avˇery z testov´ an´ı . . . . . . . . . . . . . . . . . . . . . . . . . . 5.1.3

5.2

. . . . . . . . . . . . . . .

. . . . . . . . . . . . . . .

. . . . . . . . . . . . . . .

43 44 44 45 46 46 47 47 48 48 49 50 50 50 51

6 Z´ avˇ er

53

A Seznam zkratek

57

B UML diagramy

59

C Instalaˇ cn´ı a uˇ zivatelsk´ a pˇ r´ıruˇ cka C.1 Instalaˇcn´ı pˇr´ıruˇcka . . . . . . . . . . . . . . . . . . . . . . . . . . . . C.1.1 Instalaˇcn´ı pˇr´ıruˇcka pro webov´ y portál . . . . . . . . . . . . . C.1.1.1 Vlastnosti serveru . . . . . . . . . . . . . . . . . . . ´ C.1.1.2 Uprava databáze . . . . . . . . . . . . . . . . . . . . C.1.1.3 Instalace bal´ıku aplikace . . . . . . . . . . . . . . . C.1.1.4 Spuˇstˇen´ı webu . . . . . . . . . . . . . . . . . . . . . C.1.2 Instalaˇcn´ı pˇr´ıruˇcka pro aplikaci operaˇcn´ıho systému Android C.1.2.1 Staˇzen´ı aplikace . . . . . . . . . . . . . . . . . . . . C.1.2.2 Instalace aplikace . . . . . . . . . . . . . . . . . . . C.1.2.3 Instalace podp˚ urné aplikace . . . . . . . . . . . . . . C.1.2.4 Spuˇstˇen´ı aplikace . . . . . . . . . . . . . . . . . . . . C.2 Uˇzivatelsk´ a pˇr´ıruˇcka . . . . . . . . . . . . . . . . . . . . . . . . . . . C.2.1 Webov´ y port´ al . . . . . . . . . . . . . . . . . . . . . . . . . . C.2.2 Aplikace pro operaˇcn´ı systém Android . . . . . . . . . . . . . D Obsah pˇ riloˇ zen´ eho CD

. . . . . . . . . . . . . .

. . . . . . . . . . . . . .

. . . . . . . . . . . . . .

. . . . . . . . . . . . . .

. . . . . . . . . . . . . .

61 61 61 61 61 62 62 63 63 63 63 63 63 63 65 67

xiv

OBSAH

Seznam obr´ azk˚ u 2.1 2.2 2.3 2.4 2.5 2.6 2.7 2.8

Schéma rozloˇzen´ı QR k´ odu, pˇrevzato z [1] . . . . . . . . . . . . . . . . . . . . Sloˇzen´ı QR k´ odu, pˇrevzato z [2] . . . . . . . . . . . . . . . . . . . . . . . . . . Verze QR k´ od˚ u, pˇrevzato z [2] . . . . . . . . . . . . . . . . . . . . . . . . . . . Hustota tiskové hlavy a velikost modulu, pˇrevzato z [2] . . . . . . . . . . . . . Firemn´ı vizitka, pˇrevzato z [3] . . . . . . . . . . . . . . . . . . . . . . . . . . . Let´ ak pro sb´ırkov´ y projekt Pomozte dˇetem, pˇrevzato z [3] . . . . . . . . . . . Plak´ at k filmu Vratné lahve, pˇrevzato z [3] . . . . . . . . . . . . . . . . . . . . Jihokorejci nakupuj´ıc´ı potraviny na stˇenách metra pomoc´ı QR kód˚ u, pˇrevzato z [9] . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2.9 Potisk pro pˇrid´ an´ı sebe sama do skupiny pˇrátel na sociáln´ı s´ıti Facebook, pˇrevzato z [10] . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2.10 Dekoraˇcn´ı QR k´ od um´ıstˇen´ y v bytˇe, pˇrevzato z [10] . . . . . . . . . . . . . . . 2.11 Jeden z QR k´ odu um´ıstˇen´ ych na poloostrovˇe Long Beach Peninsula, kter´ y vede na odkazy na doplˇ nkové informace na WWW stránkách. Kódy jsou um´ıstˇeny kolem v´ yletn´ı cesty podél pláˇze a na pˇrilehl´ ych dunách, jakoˇz i v okol´ı historick´ ych objekt˚ u, pˇrevzato z [11] . . . . . . . . . . . . . . . . . . . . . . . . . . 4.1

3 4 4 4 6 7 8 9 9 10

10

Struktura architektury MVC, pˇrevzato z [21] . . . . . . . . . . . . . . . . . .

25

B.1 Class diagram webové aplikace . . . . . . . . . . . . . . . . . . . . . . . . . . B.2 Class diagram aplikace Android . . . . . . . . . . . . . . . . . . . . . . . . . .

59 60

xv

xvi

´ U ˚ SEZNAM OBRAZK

Seznam tabulek 2.1

Technické specifikace QR kódu, pˇrevzato z [3] . . . . . . . . . . . . . . . . . .

5

5.1 5.2 5.3 5.4 5.5 5.6 5.7

V´ ysledky screener dotazn´ıku - participanti, kteˇr´ı byli vybráni pro testován´ı . V´ ysledky screener dotazn´ıku - participanti, kteˇr´ı nebyli vybráni pro testován´ı Data z´ıskan´ a z pre-testu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Data z dotazn´ıku po testován´ı . . . . . . . . . . . . . . . . . . . . . . . . . . . V´ ysledky screener dotazn´ıku - participanti, kteˇr´ı byli vybráni pro testován´ı . Data z´ıskan´ a z pre-testu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Data z dotazn´ıku po testován´ı . . . . . . . . . . . . . . . . . . . . . . . . . . .

42 42 43 47 48 49 51

xvii

xviii

SEZNAM TABULEK

Kapitola 1

´ Uvod V souˇcasné dobˇe ˇzijeme ve svˇetˇe plném rozv´ıjej´ıc´ıch se technologi´ı, bez kter´ ych si ho uˇz ˇ asi nedok´ aˇzeme pˇredstavit. Nemalé procento zastávaj´ı i informaˇcn´ı technologie. Casto si ani neuvˇedomujeme, ˇze jsme obklopováni velk´ ym mnoˇzstv´ım dat. Dennˇe se s nimi setkáváme v bˇeˇzném ˇzivotˇe v r˚ uzn´ ych form´ ach, at’ uˇz v práci, ve ˇskole ˇci v domácnosti, kde nám mohou usnadnit pr´ aci. Pr´ avˇe d´ıky informaˇcn´ım technologi´ım se za posledn´ıch 10 let v´ yraznˇe zmˇenila mentalita lid´ı, nejv´ıce vˇsak mladˇs´ı generace. V´ıce se uzav´ıraj´ı doma u televize, u sv´ ych poˇc´ıtaˇc˚ u, notebook˚ u, iPad˚ u, MP3 pˇrehr´ avaˇc˚ u, mobiln´ıch telefon˚ u a dalˇs´ıch elektronick´ ych mazl´ıˇck˚ u. Spousta z´ abavy a her, pˇri kter´ ych jsme se jako mal´ı vydrˇzeli po cel´ y den, jsou jim ve vˇetˇsinˇe pˇr´ıpad˚ u uˇz velice ciz´ı. Lidé se proto ménˇe zapojuj´ı do spoleˇcn´ ych venkovn´ıch aktivit. Tato bakal´ aˇrsk´ a pr´ ace m´ a za u ´kol vytvoˇrit hru, která by lidem ukázala, jak se dá tr´ avit voln´ y ˇcas i jinak, neˇz tomu bylo doposud, ˇze i venku mohou nalézt zábavu. Protoˇze poslech hudby, ˇcetba knih, prohl´ıˇzen´ı obrázk˚ u a dalˇs´ıch médi´ı je na denn´ım poˇrádku, distribuovat se budou pr´ avˇe tato média, a to pomoc´ı technologie Quick Response (QR) kód˚ u, kde zvolené médium bude rozdˇeleno do nˇekolika kód˚ u, tzv. segment˚ u. Za pomoci celosvˇetovˇe známé hry geocaching bude moˇzné nalézt segmenty za pomoci GPS1 lokace uloˇzené v QR kódu. M´ ym c´ılem je vytvoˇrit webov´ y portál, na kterém bude moˇzné hry vytváˇret a zároveˇ n poskytovat seznam tˇechto vytvoˇren´ ych her. Dalˇs´ım d˚ uleˇzit´ ym bodem bude vytvoˇrit aplikaci pro platformu Android, kter´ a bude m´ıt za u ´kol sn´ımat QR kódy. V kódech bude uloˇzen URL odkaz na segment uloˇzen´ y na serveru a GPS lokaci pro nalezen´ı následuj´ıc´ıho segmentu. Dále bude obsahovat seznam zapoˇcat´ ych her a bliˇzˇs´ı informace ke kaˇzdé z nich. Aplikace bude vybavena kompasem pro práci s GPS souˇradnicemi. Dle zad´ an´ı lze c´ıle mé bakal´ aˇrské práce shrnout do tˇechto bod˚ u: 1. Sezn´ amit se s technologi´ı a vybran´ ymi zp˚ usoby pouˇzit´ı 2D ˇcárov´ ych kódu standardu QR. 2. Sezn´ amit se s hrou geocaching a vybran´ ymi aplikacemi, které podporuj´ı uˇzivatele v u ´ˇcasti na této hˇre. 1 GPS - jedn´ a se o vojensk´ y glob´ aln´ı druˇzicov´ y polohov´ y systém provozovan´ y Ministerstvem obrany Spojen´ ych st´ at˚ u americk´ ych, s jehoˇz pomoc´ı je moˇzno urˇcit polohu a pˇresn´ y ˇcas kdekoliv na Zemi nebo nad Zem´ı s pˇresnost´ı do deseti metr˚ u. Pˇresnost GPS lze s pouˇzit´ım dalˇs´ıch metod jeˇstˇe zv´ yˇsit aˇz na jednotky centimetr˚ u.

1

´ KAPITOLA 1. UVOD

2

3. Realizovat variantu hry typu geocaching s vyuˇzit´ım QR kód˚ u, která bude pracovat jako distribuˇcn´ı kan´ al multimedi´ aln´ıho obsahu, kde hráˇci budou m´ıt za u ´kol nacházet v reálném svˇetˇe samolepky s QR kódy, které budou reprezentovat fragmenty multimediáln´ıho obsahu. 4. Tuto hru realizovat jako kombinaci aplikace na mobiln´ım telefonu a webového portálu. 5. Navrhnout a realizovat test pouˇzitelnosti v´ ysledné aplikace. Celá práce obsahuje 6 kapitol. V kapitole Relevantn´ı technologie a pˇr´ıbuzné aplikace (2) jsou vysvˇetleny pojmy jako geocaching a QR kód, které je nezbytné znát k pochopen´ı celé myˇslenky projektu. V posledn´ı ˇc´ asti kapitoly pak pˇrehled obdobn´ ych projekt˚ u. V kapitole Návrh funkˇcnosti (3) je jiˇz v´ıce pops´ ana struktura navrhovaného projektu, pˇredevˇs´ım c´ılové skupiny, role a funkˇcn´ı a nefunkˇcn´ı poˇzadavky. Kapitola Implementace (4) pak konkrétnˇe uvád´ı pouˇzité technologie a popis implementace s nˇekolika pˇr´ıklady kód˚ u. Testován´ı aplikace i webu je pak zdokumentov´ ano v kapitole Testován´ı pouˇzitelnosti (5). Zhodnocen´ı práce spolu s moˇznostmi dalˇs´ıho rozˇs´ıˇren´ı systému je moˇzno nalézt v posledn´ı kapitole Závˇer (6).

Kapitola 2

Relevantn´ı technologie a pˇ r´ıbuzn´ e aplikace V této kapitole jsou vysvˇetleny pojmy jako geocaching a QR kód, které je nezbytné zn´ at k pochopen´ı celé myˇslenky projektu. V posledn´ı ˇcásti kapitoly pak pˇrehled obdobn´ ych projekt˚ u.

2.1

Technologie QR k´ odu

Pro jednoduˇsˇs´ı pochopen´ı QR k´ odu se zde v u ´vodn´ı kapitole zab´ yvám v´ yznamem kódu, jak a kde vznikl, jak se vyv´ıjel. D´ ale pak jak a z ˇceho se kód skládá, verze kód˚ u a technickou specifikaci. V dalˇs´ı ˇc´ asti pak moˇznosti distribuce, kde jmenuji nˇekolik v´ yznamn´ ych generátor˚ u a scanner˚ u. D´ ale pak podporované formáty a pˇr´ıklady moˇznosti vyuˇzit´ı QR kód˚ u.

2.1.1

V´ yznam, vznik, v´ yvoj

QR kód patˇr´ı do kategorie dvourozmˇern´ ych kód˚ u. Tento kód se zapisuje do ˇctverce, kter´ y m´ a ve sv´ ych tˇrech vrcholech poziˇcn´ı znaˇcky ve formˇe soustˇredˇen´ ych troj´ uheln´ık˚ u. Ve ˇctvrtém vrcholu m´ a znaˇcku ve tvaru menˇs´ıho ˇctyˇru ´heln´ıku a ve spojnic´ıch mezi tˇemito hraniˇcn´ımi ˇctyˇru ´heln´ıky m´ au ´seˇcky tvoˇrené stˇr´ıdavˇe bodem a mezerou (Obr. 2.1).

Obr´ azek 2.1: Schéma rozloˇzen´ı QR kódu, pˇrevzato z [1]

3

4

ˇ ÍBUZNE ´ APLIKACE KAPITOLA 2. RELEVANTNÍ TECHNOLOGIE A PR

Ve verzi micro QR nˇekteré prvky klasického QR kódu chyb´ı a zároveˇ n je i schopna zaznamenat menˇs´ı objem dat. QR k´ od má mimo jiné vyspˇel´ y mechanizmus kontroly chyb, kter´ y dokáˇze obnovit 7 aˇz 30 % dat (Obr. 2.2).

Obr´ azek 2.2: Sloˇzen´ı QR kódu, pˇrevzato z [2] Patent na technologii QR k´ od˚ u patˇr´ı spoleˇcnosti Denso Ware Inc., ale patentová práva nejsou vykonáv´ ana. Spoleˇcnost v mnoha zem´ıch vlastn´ı obchodn´ı známku QR Code“. Jeho ” specifikace je od ˇcervna roku 2000 standardem ISO 18004. Tento standard byl upraven v roce 2006. QR kód m´ a 40 tzv. verz´ı, které jsou urˇceny velikost´ı samotného kódu v bodech. Kód nejmenˇs´ı verze 1 m´ a velikost 21x21 bod˚ u. Kaˇzdá následuj´ıc´ı verze je o 4 body ˇsirˇs´ı a vyˇsˇs´ı. Posledn´ı verze, tedy verze 40, m´ a velikost 177x177 bod˚ u. QR kód verze v, o délce strany 2 n = 17 + 4 × v m˚ uˇze data zaznamenat do n –193–2 × (n–16) (Obr. 2.3).

Obr´ azek 2.3: Verze QR kód˚ u, pˇrevzato z [2]

Obr´ azek 2.4: Hustota tiskové hlavy a velikost modulu, pˇrevzato z [2]

´ 2.1. TECHNOLOGIE QR KODU

2.1.2

5

Technick´ e specifikace

Tato podkapitola bl´ıˇze specifikuje QR kód, jeho velikost, typ a moˇzn´ y obsah kódu, korekci chyb. Velikost symbolu Typ a mnoˇzstv´ı dat (moˇznost sm´ıˇseného uˇzit´ı)

Opravy chyb (obnova dat)

Strukturované pˇripojen´ı

21 × 21 − 177 × 177 modul˚ u (velikost roste po 4 modulech) Numeric Max. 7,089 znak˚ u Alphanumeric Max. 4,296 znak˚ u 8-bit bytes Max. 2,953 znak˚ u Kanji Max. 1,817 znak˚ u Level L Cca. 7% kódov´ ych slov m˚ uˇze b´ yt obnoveno Level M Cca. 15% kódov´ ych slov m˚ uˇze b´ yt obnoveno Level Q Cca. 25% kódov´ ych slov m˚ uˇze b´ yt obnoveno Level H Cca. 30% kódov´ ych slov m˚ uˇze b´ yt obnoveno Max. 16 znak˚ u (vytisknut´ ych vedle sebe, atd.)

Tabulka 2.1: Technické specifikace QR kódu, pˇrevzato z [3]

2.1.3

Distribuce QR k´ odu

Tato ˇc´ ast se zab´ yv´ a moˇznost´ı, jak distribuovat QR kódy. Obsahuje seznam nejznámˇejˇs´ıch a nejpouˇz´ıvanˇejˇs´ıch gener´ ator˚ u kódu a aplikace, které podporuj´ı jejich sn´ımán´ı. Seznamy nejsou kompletn´ı, protoˇze aplikac´ı pro generován´ı a sn´ımán´ı kód˚ u je mnoho a nen´ı snadné vˇsechny tyto aplikace dohledat. 2.1.3.1

Gener´ atory

• Kaywa [4] • QR gener´ ator od firmy ZXing [5] • GOQR.ME [6] • QR Code Generator [7] 2.1.3.2

Aplikace podporuj´ıc´ı sn´ım´ an´ı

• Barcode Scanner [7] • QR-Droid (nebo verze QR Droid Private) [7] • QuickMark Lite QR Code Reader [7] • AT&T Code Scanner [7] • CarLocate QR Scanner [7] • QR Code Reader/ Scanner [7]


6

• i-nigma Barcode Scanner [7] • Fun2D QR Code Reader [7] • Biz Barcode [7] • Arion QR Scan [7] • QR Contact 1.6 [7] • QR Code Scanner Pro [7] • QuickMark Barcode Scanner [7] • Kaywa Reader [8]

2.1.4

Podporovan´ e form´ aty

QR kódy maj´ı pˇredem deklarované funkce. V této podkapitole je v´ yˇcet podporovan´ ych formát˚ u, které je moˇzné tˇemito funkcemi distribuovat. Kaˇzd´ y formát je dále bl´ıˇze specifikován. 1. Odkaz na URL adresu (Link to the URL address) • QR k´ od, ve kterém je uloˇzena URL adresa, slouˇz´ı uˇzivateli jako pˇresné a rychlé nasmˇerov´ an´ı k poˇzadovanému c´ıli. Poté, co uˇzivatel sejme tento kód, zobraz´ı se internetov´ y prohl´ıˇzeˇc a naˇcte pˇreddefinovanou webovou stránku. Tato webová stránka m˚ uˇze automaticky pˇrehrát zvuk nebo video pˇr´ımo v mobiln´ım telefonu. Prostˇred´ı webu m˚ uˇze pˇrinést uˇzitek i svému zprostˇredkovateli, m˚ uˇze tak vidˇet návˇstˇevnost sv´ ych QR k´ od˚ u a sledovat popularitu sv´ ych ˇclánk˚ u. Formát URL se pouˇz´ıv´ a pˇrev´ aˇznˇe v novin´ ach, ˇcasopisech, ale i na firemn´ıch vizitkách.

Obr´ azek 2.5: Firemn´ı vizitka, pˇrevzato z [3]


7

2. Odesl´ an´ı pˇ reddefinovan´ e SMS nebo e-mailu (Send a predefined SMS or email) • Telefonn´ı ˇc´ıslo ˇci adresu pˇr´ıjemce a text zprávy lze zakomponovat do QR k´ odu. Pokud uˇzivatel mobiln´ıho telefonu udˇelá sn´ımek takto vytvoˇreného QR kódu, telefon mu umoˇzn´ı odeslat pˇredpˇripravenou zprávu. Funkci SMS zprávy ale nelze uˇz´ıt ve vˇsech pˇr´ıpadech. Napˇr´ıklad dárcovské DMS zprávy nebo hlasovac´ı SMS jsou pro vyuˇzit´ı tohoto formátu nejideálnˇejˇs´ı. Proto QR kódy ve formátu SMS nebo e-mail se m˚ uˇzou vyskytovat na televizn´ıch obrazovkách pˇri diváckém hlasován´ı, ˇci div´ ack´ ych soutˇeˇz´ıch, na letác´ıch podporuj´ıc´ıch dobroˇcinné u ´ˇcely, na parkovac´ıch automatech atp.

Obr´ azek 2.6: Let´ ak pro sb´ırkov´ y projekt Pomozte dˇetem, pˇrevzato z [3] 3. Zah´ ajen´ı hovoru s definovan´ ym telefonn´ım ˇ c´ıslem (Start a call with a defined phone number) • Protoˇze lze QR k´ od˚ um nadefinovat telefonn´ı ˇc´ıslo, po jeho sejmut´ı m˚ uˇze uˇzivatel potvrzen´ım vol´ an´ı zah´ ajit vytáˇcen´ı ˇc´ısla uloˇzeného v kódu. Tato varianta je vhodn´ a pro podobné pˇr´ıpady, jako je uvedeno u pˇredchoz´ı varianty s SMS zprávami. Tyto QR k´ ody mohou nav´ıc figurovat na vizitkách ˇci jin´ ych tiskovinách, obsahuj´ıc´ıch kontaktn´ı u ´daje. 4. Uloˇ zen´ı pozn´ amky do mobiln´ıho kalend´ aˇ re (Save notes in your mobile calendar) • Tuto variantu uˇzivatel vyuˇzije nejˇcastˇeji pro uloˇzen´ı nˇejaké kulturn´ı události do svého mobiln´ıho telefonu. Po sejmut´ı QR kódu s informac´ı ˇr´ıkaj´ıc´ı, ˇze urˇcitého data v urˇcitou hodinu zaˇc´ıná urˇcitá akce na urˇcitém m´ıstˇe atp., se mu toto uloˇz´ı do svého mobiln´ıho kalendáˇre a uˇzivateli to tak uˇsetˇr´ı ˇcas vypisovat informace ruˇcnˇe.

8


Obr´ azek 2.7: Plak´ at k filmu Vratné lahve, pˇrevzato z [3] 5. Uloˇ zen´ı kontaktn´ıch u ´ daj˚ u do telefonn´ıho seznamu (Save contact in to the contact list) • Ukl´ ad´ an´ı kontaktn´ıch u ´daj˚ u do telefonn´ıho seznamu m˚ uˇze b´ yt zdlouhavé a vést k chyb´ am, zp˚ usoben´ ym pˇreklepy. Proto zejména na potisk firemn´ıch vizitek je vhodn´ a varianta QR k´ odu, která shromaˇzd’uje kontaktn´ı informace, jeˇz následnˇe uloˇz´ı do telefonn´ıho seznamu. Do takto definovaného QR kódu lze uloˇzit jméno, název firmy, telefonn´ı ˇc´ıslo, e-mail, adresu, webovou adresu ˇci poznámku. 6. Naˇ cten´ı GPS souˇ radnic do mobiln´ı GPS navigace (Retrieve GPS coordinates into mobile GPS navigation) • GPS navigace v mobiln´ıch telefonech je ˇc´ım dál rozˇs´ıˇrenˇejˇs´ı funkc´ı modern´ıch telefon˚ u. Zad´ av´ an´ı adresy do navigace m˚ uˇze nˇekdy zp˚ usobit problémy (adresy se mˇen´ı, mapy v navigac´ıch stárnou). Ruˇcn´ı zadáván´ı GPS souˇradnic do naviˇ sen´ım je QR kód, kam lze zakódovat gace je velmi nepohodlné a nepraktické. Reˇ GPS souˇradnice v jejich numerické podobˇe. Tedy, i kdyˇz se v budoucnu zmˇen´ı napˇr´ıklad n´ azev ulice poˇzadované firmy, QR kód bude zákazn´ıky vˇzdy navádˇet na správné m´ısto. Staˇc´ı sejmout QR ˇcárov´ y kód, mobiln´ı GPS navigace se spust´ı a je pˇripraven´ a navigovat na m´ısto, které je v QR kódu pˇredurˇceno.


9

7. Zobrazen´ı libovoln´ eho zak´ odovan´ eho textu (Display any encoded text)

• Nˇekdy je zapotˇreb´ı pouze zobrazit zakódovan´ y text. I pro tento pˇr´ıpad m˚ uˇze b´ yt QR k´ od ˇreˇsen´ım. Do kódu lze uloˇzit aˇz 7000 numerick´ ych znak˚ u nebo 4200 nenumerick´ ych znak˚ u.

2.1.5

Dalˇ s´ı moˇ znosti vyuˇ zit´ı QR k´ od˚ u

Tato podkapitola uv´ ad´ı dalˇs´ı pˇr´ıklady, kde a jak lze tuto technologii vyuˇz´ıt i jin´ ym zp˚ usobem, neˇz v pˇr´ıpadech uveden´ ych v kapitole 2.1.4.

Obrázek 2.8: Jihokorejci nakupuj´ıc´ı potraviny na stˇenách metra pomoc´ı QR kód˚ u, pˇrevzato z [9]

Obrázek 2.9: Potisk pro pˇrid´ an´ı sebe sama do skupiny pˇrátel na sociáln´ı s´ıti Facebook, pˇrevzato z [10]

10


Obr´ azek 2.10: Dekoraˇcn´ı QR kód um´ıstˇen´ y v bytˇe, pˇrevzato z [10]

Obrázek 2.11: Jeden z QR k´ odu um´ıstˇen´ ych na poloostrovˇe Long Beach Peninsula, kter´ y vede na odkazy na doplˇ nkové informace na WWW stránkách. Kódy jsou um´ıstˇeny kolem v´ yletn´ı cesty podél pláˇze a na pˇrilehl´ ych dun´ ach, jakoˇz i v okol´ı historick´ ych objekt˚ u, pˇrevzato z [11]

2.2

Geocaching

Geocaching je druhou hlavn´ı souˇc´ ast´ı celého projektu. D´ıky sv´ ym pravidl˚ um se bude multimediáln´ı obsah distribuovat ve formˇe hry, coˇz je jednou z myˇslenek projektu. Tato tˇret´ı kapitola vysvˇetl´ı v´ yznam slova geocaching, jak a kde vznik, jaká jsou pravidla a jak´ ym zp˚ usobem se d´ a vyuˇz´ıt.

2.2.1

V´ yznam

Geocaching je hra na pomez´ı sportu a turistiky, která spoˇc´ıvá v pouˇzit´ı navigaˇcn´ıho systému GPS pˇri hledán´ı skryté schr´ anky naz´ yvané cache (v ˇceˇstinˇe psáno i keˇs), o n´ıˇz jsou známy jen

2.2. GEOCACHING

11

jej´ı zemˇepisné souˇradnice (v systému WGS 84). Pˇri hledán´ı se pouˇz´ıvaj´ı turistické pˇrij´ımaˇce ˇ ek, zab´ GPS. Clovˇ yvaj´ıc´ı se geocachingem, b´ yvá oznaˇcován slovem geocacher téˇz geokaˇcer nebo prostˇe kaˇcer. Po objeven´ı keˇse, zapsán´ı se do logbooku a pˇr´ıpadné v´ ymˇenˇe obsahu ji nálezce opˇet uschov´ a a zamaskuje. Jednou ze z´ akladn´ıch myˇslenek geocaching je umist’ován´ı keˇs´ı na m´ıstech, která jsou nˇeˇc´ım zaj´ımav´ a a pˇresto nejsou turisticky navˇstˇevovaná. V popisu keˇse (listing) jsou pak uvedeny informace o m´ıstˇe s jeho zvláˇstnostmi a zaj´ımavostmi. Keˇs se ale umist’uj´ı i do zaj´ımav´ ych m´ıst velmi frekventovan´ ych. V nˇekter´ ych pˇr´ıpadech je zaj´ımav´ ym právˇe u ´kol, kter´ y je s nalezen´ım keˇse spojen.

2.2.2

Vznik

Geocaching vznikl v USA bezprostˇrednˇe poté, co 1. kvˇetna 2000 rozhodnut´ı tehdejˇs´ıho amerického prezidenta Clintona odstranilo umˇelou odchylku, pˇridávanou do signálu GPS, a zlepˇsilo tak pˇresnost tohoto navigaˇcn´ıho systému pro bˇeˇzné civiln´ı uˇzivatele z des´ıtek aˇz stovek na nˇekolik metr˚ u. K ˇcervnu 2005 bylo ve 215 zem´ıch na celém svˇetˇe pˇres 171 000 skr´ yˇs´ı pro geocaching, ˇ ˇ z toho zhruba 700 v Cesku. V z´ aˇr´ı roku 2006 vzrostl poˇcet skr´ yˇs´ı v Cesku na celkem 2570 a ˇcesk´ y geocaching d´ ale proˇz´ıval sv˚ uj boom, nebot’ v listopadu 2007 bylo na ˇceském u ´zem´ı zaregistrov´ ano jiˇz pˇres 5600 skr´ yˇs´ı. Na zaˇcátku bˇrezna 2008 bylo na svˇetˇe registrováno pˇres ˇ p˚ ul milionu m´ıst, z toho 6600 v Cesku. Podle statistik serveru geocaching.com najde alespoˇ n ˇ bylo zaloˇzeno do 30. Listopadu 2008 jednu keˇs za t´ yden v pr˚ umˇeru kolem 50 tis´ıc lid´ı. V CR 11496 keˇs´ı, a do 31. srpna 2009 15707 keˇs´ı. Komunita geokaˇcer˚ u organizuje rozmanité kolektivn´ı akce ( setkávac´ı“ keˇs) s programem ” jako jsou napˇr. u ´klidy v pˇr´ırodˇe, geosetkán´ı, geohry (CITO cache, Event cache).

2.2.3

Keˇ s

Keˇs b´ yv´ a vodovzdorn´ a, vˇetˇsinou plastová schránka, kanystr, apod. Zakladatel keˇse (tzv. owner, z angl. owner = majitel) po jej´ım um´ıstˇen´ı zveˇrejn´ı jej´ı souˇradnice na nˇekter´ y internetov´ y server zab´ yvaj´ıc´ı se geocachingem. Schránka by mˇela b´ yt dostateˇcnˇe veliká, aby se do n´ı veˇsel den´ık (tzv. logbook), do nˇehoˇz se zapisuj´ı jej´ı nálezci. B´ yvá zvykem um´ıst’ovat do keˇse také nˇejaké d´ arky pro objevitele“. Nálezce keˇse si sm´ı dárek ponechat (a napˇr´ıklad pˇrenést do ” dalˇs´ı keˇse), ale mˇel by m´ısto nˇej vloˇzit nˇeco vlastn´ıho (jin´ y dárek) pro dalˇs´ı u ´ˇcastn´ıky hry. 2.2.3.1

Obsah keˇ se

Schránka by mˇela vˇzdy obsahovat alespoˇ n logbook a informaci pro náhodné nálezce. Schr´ anka (nebo alespoˇ n logbook) by mˇela b´ yt jednoznaˇcnˇe oznaˇcena názvem cache. Vhodn´ ym doplˇ nkem z´ akladn´ıho obsahu keˇse je pak jeˇstˇe tuˇzka, uzav´ırateln´ y plastov´ y sáˇcek pro vodotˇesné uloˇzen´ı logbooku a tuˇzky a náhradn´ı plastov´ y sáˇcek pro zabalen´ı schr´ anky (pokud je schr´ anka od zakladatele takov´ ym sáˇckem opatˇrena). Pokud to rozmˇery schr´ anky keˇse dovol´ı, m˚ uˇze zakladatel keˇse pˇriloˇzit drobné pˇredmˇety na v´ ymˇenu, nebo trackovatelné pˇredmˇety (TB nebo GC).


12

Pokud nálezce v keˇsi neobjev´ı ˇz´ adn´ y pˇredmˇet na v´ ymˇenu, nebo se mu ˇzádn´ y nel´ıb´ı, nemus´ı si jej vz´ıt. M˚ uˇze v keˇsi ale zanechat jin´ y takov´ y drobn´ y pˇredmˇet. Rozhodnˇe by si ale nemˇel vz´ıt ˇz´ adn´ y pˇredmˇet z keˇse, aniˇz by do keˇse jin´ y pˇredmˇet v´ ymˇenou vloˇzil. Vhodnost konkrétn´ıch pˇredmˇet˚ u pro vloˇzen´ı do keˇse je dána jednak velikost´ı schránky, ale také pˇredstavou, ˇze nejˇcastˇejˇs´ımi geocachery, kteˇr´ı se na v´ ymˇenu tˇeˇs´ı, jsou malé dˇeti. Naprosto nevhodné jsou tedy pˇredmˇety jako pen´ıze (s v´ yjimkou symbolick´ ych platn´ ych minc´ı jako napˇr. jednotlivé mince ciz´ıch mˇen), cigarety, pˇredmˇety s nemravn´ ym vyobrazen´ım apod. Nepˇr´ıpustné je vkl´ ad´ an´ı jak´ ychkoliv potravin (ˇzv´ ykaˇcky, suˇsenky atd.).

2.2.4

Typy keˇ s´ı

Typy keˇs´ı se dˇel´ı do dvou hlavn´ıch kategori´ı, podle velikosti a podle charakteru. 2.2.4.1

Podle velikosti

• Micro – velmi mal´ a schr´ anka, typicky lehce upravená a pˇrizp˚ usobená krabiˇcka od filmu, od bonbon˚ u tic-tac, od lék˚ u apod. Pro jej´ı moˇznost um´ıstit ji nenápadnˇe i do frekventovan´ ych prostor se pouˇz´ıv´ a nejˇcastˇeji pro keˇse v centrech mˇest apod. Micro-cache b´ yv´ a doplnˇena magnetem pro snadnˇejˇs´ı uchycen´ı na kovov´ ych konstrukc´ıch a b´ yvá i velmi umnˇe maskov´ ana tak, aby co nejlépe splynula s okol´ım. Pro svoji miniaturn´ı velikost se do micro-cache nevkládaj´ı ˇzádné pˇredmˇety na v´ ymˇenu, ale témˇeˇr v´ yhradnˇe pouze logbook. • Small – mal´ a schr´ anka, pˇribliˇznˇe o objemu malé krabice na ohˇr´ıván´ı potravin v mikrovlnné troubˇe, kter´ a se také jako schránka ˇcasto pouˇz´ıvá. Small-cache obsahuje logbook a menˇs´ı pˇredmˇety na v´ ymˇenu. • Regular – schr´ anka ide´ aln´ı velikosti, vejdou se do n´ı kromˇe logbooku i vˇetˇs´ı pˇredmˇety na ˇ v´ ymˇenu, malé plyˇsové hraˇcky apod. Casto se pro ni pouˇz´ıvaj´ı bˇeˇzné krabice na ohˇr´ıv´ an´ı potravin v mikrovlnné troubˇe. • Large – specializované v´ yjimeˇcné schr´ anky, jejichˇz nadmˇerná velikost b´ yvá zamˇeˇrena speciálnˇe pro ukl´ ad´ an´ı vˇetˇs´ıch pˇredmˇet˚ u na v´ ymˇenu (napˇr. knih a CD). 2.2.4.2

Podle charakteru

• Traditional cache (ˇcesk´ y v´ yraz tradicion´ alka, tradka) – schr´ anka je um´ıstˇena pˇr´ımo na m´ıstˇe definovaném zveˇrejnˇen´ ymi souˇradnicemi.

2.2. GEOCACHING

13

• Multi cache (ˇcesk´ y v´ yraz multina) – k nalezen´ı c´ılové (tzv. fináln´ı) skr´ yˇse je potˇreba nalézt nejprve skr´ yˇs prvn´ı danou zveˇrejnˇen´ ymi souˇradnicemi a z informac´ı z´ıskan´ ych v prvn´ı skr´ yˇsi nalézt skr´ yˇs fin´ aln´ı, pˇr´ıpadnˇe druhou, tˇret´ı a dalˇs´ı, postupnˇe je nutné se propracovat aˇz na tzv. fin´ aln´ı skr´ yˇs. Multi - cache mohou m´ıt mnoho podob, spojuje je ale shodná filosofie postupného hled´ an´ı ˇretˇezce pomocn´ ych skr´ yˇs´ı nebo plnˇen´ı u ´kol˚ u smˇeˇruj´ıc´ıch k nalezen´ı skr´ yˇse hlavn´ı. Jednotlivé pomocné skr´ yˇse se naz´ yvaj´ı stage (z angl. stage = stupeˇ n). • Mystery cache (ˇcesk´ y v´ yraz mysterka) – zveˇrejnˇené souˇradnice ukazuj´ı zpravidla do bl´ızkého okol´ı keˇse, ale skuteˇcné souˇradnice mus´ı kaˇcer dopˇredu z´ıskat napˇr´ıklad prostudován´ım nˇejak´ ych informac´ı, vyluˇstˇen´ım h´ adanky, ˇsifry apod. Nˇekdy se téˇz tato keˇs naz´ yvá unknown“. ” • Webcam cache – speci´ aln´ı keˇs, kter´ a neobsahuje ukrytou schránku, ale pˇrivede geokaˇcera pˇred objektiv konkrétn´ı popsané webkamery. K virtuáln´ımu odloven´ı keˇse pak staˇc´ı, aby jin´ a osoba sn´ımek z webkamery dostupn´ y na internetu uloˇzila. Geokaˇcer pak uloˇzen´ y sn´ımek pˇriloˇz´ı jako d˚ ukaz k elektronickému logu keˇse. Nové webcam cache jiˇz nelze od konce roku 2005 na serveru geocaching.com zakládat. • Letterbox – kombinace geocachingu a starˇs´ı hry letterboxing. Oproti tradiˇcn´ı keˇsi obsahuje nav´ıc raz´ıtko, které si nálezce otiskne do svého den´ıˇcku. • Virtual cache (ˇcesk´ y v´ yraz virtu´ alka) – na zadan´ ych souˇradnic´ıch nen´ı ukryta ˇzádná skuteˇcná schovaná schránka. Geokaˇcer mus´ı na hledaném m´ıstˇe nˇeco zjistit (napˇr. jména na pomn´ıku apod.) a odeslat tyto informace vlastn´ıkovi keˇse pro uznán´ı logu. Tyto keˇse jiˇz nen´ı moˇzné na geocaching.com zakl´ adat, ale je moˇzné je stále hledat. • Earthcache – obdoba virtu´ aln´ıch keˇs´ı. Earthcache se zakládá v m´ıstech s geologickou ˇci jinou zaj´ımavost´ı t´ ykaj´ıc´ı se planety Zemˇe. Podobnˇe jako u virtuáln´ıch keˇs´ı nen´ı u ´kolem naj´ıt keˇs, ale doj´ıt na dané m´ısto, zjistit nˇejaké informace, udˇelat fotografie atd. Vˇzdy z´ aleˇz´ı na zakladateli, jaké podm´ınky pro uznán´ı logu stanov´ı.


14

• Event cache – jedn´ a se o setk´ an´ı geokaˇcer˚ u. Spoleˇcenská událost spojená napˇr. s urˇcit´ ym programem (napˇr. CITO). Na setkán´ı m˚ uˇze doj´ıt k hromadné v´ ymˇenˇe travelbug˚ u1 2 nebo geocoin˚ u . • Cache in trash out event (CITO) – setk´ an´ı (event), na kterém se geokaˇceˇri snaˇz´ı vyˇcistit vybrané u ´zem´ı od nepoˇrádku a odpadk˚ u, které v pˇr´ırodˇe ponechali lhostejn´ı lidé. Je to spoleˇcenské setkán´ı spojené s ekologick´ ym chov´ an´ım geokaˇcer˚ u k pˇr´ırodˇe.

2.3 2.3.1

Android Vznik a v´ yznam

Android je rozs´ ahl´ a open source platforma, která vznikla zejména pro mobiln´ı zaˇr´ızen´ı (v posledn´ı dobˇe vˇsak nejv´ıce pouˇz´ıvan´ a ve Smartphonech a tabletech). Tato platforma zahrnuje zejména operaˇcn´ı systém zaloˇzen´ y na jádru Linux v2.6, uˇzivatelské rozhran´ı a aplikace. Souˇcást´ı je téˇz middleware a v´ yvojov´ y kit SDK pro snadn´ y v´ yvoj aplikac´ı. Za v´ yvojem Androidu ofici´ alnˇe stoj´ı Open Handset Alliance (OHA) skládaj´ıc´ı se z 84 spoleˇcnost´ı, mezi nˇeˇz patˇr´ı i spoleˇcnost Google. Dle ofici´ aln´ıch informac´ı na stránkách OHA vyvinuli Android ˇclenové této aliance spoleˇcn´ ymi silami. Zdroje uvád´ı, ˇze spoleˇcnost Android byla zaloˇzena jiˇz v roce 2003, v roce 2005 pak firmu koupil Google a pˇrevedl práva pod kˇr´ıdla OHA v rámci open source licence Apache V2.

2.3.2

Hlavn´ı vlastnosti

Vzhledem k velkému mnoˇzstv´ı zaˇr´ızen´ı, pro které je platforma urˇcena, muselo b´ yt jádro navrˇzeno bez ohledu na pouˇzit´ y hardware. Následuj´ıc´ı seznam uvád´ı vlastnosti Androidu (pˇrevzato z [12]). • Application framework - umoˇzn ˇuje pouˇz´ıván´ı a správu aplikac´ı. • Dalvik virtual machine - virtu´ aln´ı stroj optimalizovan´ y pro mobiln´ı zaˇr´ızen´ı. • Integrovan´ y inet prohl´ıˇzeˇc - zaloˇzen´ y na open source WebKit enginu. • Optimalizovan´ a grafika - pouˇz´ıv´ a vlastn´ı knihovny pro 2D grafiku a 3D grafiku zaloˇzenou na OpenGL ES 1.0 specifikaci (nevyˇzaduje hardwarovou akceleraci). • SQLite - slouˇz´ı pro ukl´ ad´ an´ı strukturovan´ ych dat (SQL). 1

travelbug - libovoln´ a vˇec doplnˇen´ a o kovov´ y identifikaˇcn´ı ˇst´ıtek, zvan´ y ps´ı zn´ amka (z angl. dog tag). Travelbug nen´ı pˇredmˇetem bˇeˇzné v´ ymˇeny, jako jiné vˇeci um´ıstˇené za t´ımto u ´ˇcelem v keˇsi, ale jeho c´ılem je putovat z keˇse do keˇse. 2 geocoin - trackovateln´ a mince opatˇren´ a unik´ atn´ım k´ odem, podobnˇe jako travelbug. Putuje po svˇetˇe a loguje se stejn´ ym zp˚ usobem jako on

2.3. ANDROID

15

• Medi´ aln´ı podpora - podpora pro bˇeˇzné audio, video a dalˇs´ı obrazové formáty (MPEG4, H.264, MP3, AAC, AMR, JPG, PNG, GIF), Bluetooth, EDGE, 3G a WiFi,fotoapar´ at, GPS, kompas a akcelerometr. Android obsahuje sadu C/C++ knihoven pouˇz´ıvan´ ych r˚ uzn´ ymi komponentami Android systému. Zde je v´ ypis nˇekter´ ych z nich: • System C library - od BSD odvozené standardn´ı C systémové C knihovny (libc) uzp˚ usobené pro kapesn´ı linuxová ˇreˇsen´ı. • Media Libraries - knihovny jsou zaloˇzeny na technologii PacketVideo OpenCORE zajiˇst’uj´ıc´ı podporu pro pˇrehráván´ı a nahráván´ı mnoha populárn´ıch audio a video form´ at˚ u. Obsahuje podporu pro MPEG4, H.264, MP3, AAC, AMR, JPG a PNG. • LibWebCore - modern´ı web browser engine. • SGL - 2D grafick´ y engine. • 3D Libraries - pouˇz´ıv´ a se k implementac´ım 3D grafiky zaloˇzené na OpenGL ES 1.0 APIs. Knihovny pouˇz´ıvaj´ı hardwarovou akceleraci, pokud je hardware dostupn´ y. • FreeType - bitmapové a vektorové vykreslován´ı p´ısma. • SQLite - siln´ y a u ´sporn´ y relaˇcn´ı databázov´ y stroj, kter´ y je k dispozici pro vˇsechny aplikace.

2.3.3

Z´ akladn´ı stavebn´ı prvky aplikace

1. Activity • urˇcit´ a obdoba AWT Frame3 z Javy • obsahuje uˇzivatelské rozhran´ı • XML Layout urˇcuje rozloˇzen´ı prvk˚ u 2. Service • sluˇzba bˇeˇz´ıc´ı na pozad´ı • je ovl´ ad´ ana povely pocházej´ıc´ımi vˇetˇsinou z Activity • pouˇzit´ı napˇr. pro pˇrehráván´ı hudby, odes´ılán´ı email˚ u, stahován´ı soubor˚ u 3. Content Provider • rozhran´ı pro pˇr´ıstup ke strukturovan´ ym dat˚ um jiné aplikace • napˇr. kontakty, kalendáˇr, zmeˇskané hovory apod.

3

AWT Frame - AWT je p˚ uvodn´ı n´ astroj pro tvorbu grafického rozhran´ı, kter´ y mimo jiné obsahuje i komponentu Frame pouˇz´ıvanou pro tvorbu oken.


16

4. Broadcast Receiver • zachyt´ av´ an´ı zpr´ av“ (Intents), které se ˇs´ıˇr´ı systémem ” • napˇr. pˇr´ıchoz´ı hovor, pˇrijat´ a SMS nebo uˇzivatelsky definovaná zpráva 5. Intent • Zpr´ ava“ o nˇejaké ud´ alosti, která kromˇe druhu Intentu m˚ uˇze obsahovat dalˇs´ı data ”

2.4

Pˇ rehled obdobn´ ych projekt˚ u

Poté, co vznikla myˇslenka vytvoˇrit hru takového typu, bylo nutné zjistit, zda jiˇz nˇeco podobného neexistuje a pokud ano, tak v jaké m´ıˇre je funkˇcn´ı a vyhovuj´ıc´ı. Informace jsem tedy vyhledávala na internetu, nalezla jsem mnoho her zaloˇzen´ ych na technologii QR kód˚ u, ˇzádná se vˇsak net´ ykala distribuce nˇejakého multimédia.

2.4.1 2.4.1.1

ˇ sen´ı v ˇ Reˇ cesk´ em jazyce #QRgame

Na stránce QRgame [13] informuje o prvn´ı outdoorové hˇre vyuˇz´ıvaj´ıc´ı QR kódy, která se konala dne 21. 4. 2012 v Karlov´ ych Varech. Hra se uskuteˇcnila v rámci srazu #KVpijatika pro zpestˇren´ı prvn´ıho Karlovarského #4sqDay. Sponzorem se stal operátor O2, kter´ y do soutˇeˇze vˇenoval hlavn´ı cenu v podobˇe mobiln´ıho telefonu Nokia N9. Dalˇs´ımi cenami pak byly badges, neboli placky do sb´ırky. Bylo vytvoˇreno nˇekolik t´ ym˚ u, kde kaˇzd´ y t´ ym dostal mapu. Ta obsahovala deset stanoviˇst’, na nichˇz poˇradatelé pˇripevnili cedulky se dvˇema QR kódy. Jeden mal´ y, kter´ y vysvˇetloval co je na velkém QR k´ odu a instrukce co s n´ım dˇelat. Dalˇs´ı pak velk´ y QR kód, kter´ y obsahoval samotná data v podobˇe nul a jedniˇcek. Kaˇzd´ y t´ ym obdrˇzel tabulku s ˇc´ıslem svého t´ ymu, do kterého mˇeli vyplˇ novat v´ ysledky z naˇcten´ ych velk´ ych QR kód˚ u. Tabulka byla vytvoˇrena tak, ˇze soutˇeˇz´ıc´ı ji podle instrukc´ı vybarvovali a t´ım jim vznikl nov´ y QR kód, kter´ y opˇet nasn´ımali ˇcteˇckou QR k´ od˚ u. Pokud tento nakreslen´ y kód vytvoˇril t´ ym správnˇe a ˇcteˇcka rozpoznala obsah, byli pˇresmˇerov´ ani na webovou stránku, která obsahovala koneˇcné instrukce. V takovém pˇr´ıpadˇe bylo nutné tweetnout ˇc´ıslo. Aby vˇsak ˇc´ısla nebyla stejná (pro pˇr´ıpad, ˇze by t´ ymy bˇehem hry sledovaly Twitter) vymyslela poˇradatelka fintu – na Twitter se odes´ılal souˇcet vˇeku soutˇeˇz´ıc´ıch v daném t´ ymu. Toto ˇc´ıslo spoleˇcnˇe s hashtagem4 #qrgame bylo nutné co nejrychleji odeslat. Pr´ avˇe podle poˇrad´ı tˇechto v´ ysledn´ ych zpráv na Twitteru se urˇcilo i poˇrad´ı jednotliv´ ych t´ ym˚ u. Pokud tuto jednodenn´ı akci srovn´ am s t´ımto projektem, jako spojitost v nˇem vid´ım hlavnˇe pouˇzit´ı technologie QR k´ od˚ u a trasy, kter´ ymi t´ ym musel proj´ıt. Trasy se vˇsak ˇr´ıdili dle mapy, nikoliv podle GPS lokac´ı. Jako dalˇs´ı odliˇsn´ y bod vid´ım v obsahu kód˚ u. V posledn´ı ˇradˇe pak fakt, ˇze tato akce byla pouze jednorázová a urˇcená pro uzavˇrenou spoleˇcnost. 4

hashtag - je mimo jiné n´ astroj pro uˇzivatele Twitteru, kter´ ym oznaˇcuj´ı d˚ uleˇzit´ a slova ve sv´ ych pˇr´ıspˇevc´ıch symbolem #“ ”

ˇ ´ ˚ 2.4. PREHLED OBDOBNYCH PROJEKTU

2.4.1.2

17

District 9 QR Code Game

Na str´ ance QR-k´ ody [14] jsem nalezla hru t´ ykaj´ıc´ı se QR kód˚ u motivovanou filmem District 9. Tv˚ urci tohoto filmu vyuˇzili technologii QR kódu k propagaci filmu District 9 v ulic´ıch t´ yden pˇred premiérou filmu a vytvoˇrili tzv. stopovanou v ulic´ıch. QR kódy rozm´ıstili na nápadit´ ych v´ ystraˇzn´ ych n´ alepk´ ach a kaˇzdá z nich smˇeˇrovala na jiné video na YouTube. Tato hra dle tv˚ urc˚ u se ve v´ ysledku jako hra v˚ ubec netváˇr´ı. Kódy jsou rozm´ıstˇené náhodnˇe, ˇzádná spojitost s dalˇs´ımi k´ ody zde nen´ı, pouze v obsahu. Spojitost s t´ımto projektem vid´ım opˇet v pouˇzit´ı technologii QR k´ od˚ u, v pˇr´ıpadˇe obsahu uˇz se v´ıce bl´ıˇz´ı k naˇs´ı myˇslence to distribuce vide´ı za u ´ˇcelem propagace filmu. Tato akce byla opˇet krátkodobá. 2.4.1.3

QR Code game

Velk´ ym pˇrekvapen´ım pˇri hled´ an´ı obdobn´ ych projekt˚ u ˇci her t´ ykaj´ıc´ıch se technologie QR kód˚ u pro mne byl tento projekt vytvoˇren´ y v rámci semestráln´ı práce na naˇs´ı ˇskole. Tento projekt je k nalezen´ı na str´ ank´ ach Institutu intermédi´ı [15]. C´ılem této semestráln´ı pr´ ace bylo vytvoˇrit mobiln´ı aplikaci, která by dokázala rozkódovat QR kód a pˇrehrát melodii v nˇem uloˇzenou. Proˇc tento projekt autoˇri v n´ azvu oznaˇcili jako hru mi stejnˇe jako v pˇredchoz´ım pˇr´ıpadu 2.4.1.2 z poskytnut´ ych informac´ı nebylo jasné. Jako spojitost tu zase vid´ım pouˇzit´ı technologie QR k´ od˚ u, d´ ale pak obsah k´ odu, tedy skladby, bohuˇzel se jednalo o formát monofonn´ıch melodi´ı. Tato semestr´ aln´ı pr´ ace zároveˇ n nebyla urˇcena pro veˇrejnost ale pouze jako ˇskoln´ı projekt.

2.4.2 2.4.2.1

ˇ sen´ı v anglick´ Reˇ em jazyce Google’s QR Code Game

Na str´ ance BeQRious [16] se m˚ uˇzeme doˇc´ıst, ˇze v rámci jednorázové akce Google Developer Day 2009 v Praze Google vytvoˇril tuto hru. Tato hra j´ım byla stvoˇrena jako akce na rozˇs´ıˇren´ı jeho QR k´ od˚ u. C´ılem hry bylo skenovat libovolné kódy, kde za kaˇzd´ y naskenovan´ y kód z´ıskal hráˇc bod. Nˇekteré k´ ody mohly obsahovat informace nebo nápovˇedu k dalˇs´ımu QR kódu. V tomto pˇr´ıpadˇe je spojitost s projektem v´ıce v nasmˇerován´ı hráˇce k dalˇs´ımu kódu a samozˇrejmˇe pouˇzit´ı QR k´ od˚ u. Obsah byl r˚ uzného typu, neˇslo vˇsak o distribuci jako sp´ıˇse reklamy. Opˇet ˇslo ale o jednor´ azovou akci. 2.4.2.2

QR Wild Game

Na webu QR Wild [17] nalezneme velice vydaˇrenou hru. Autor se pˇri této hˇre inspiroval geocachingem. Hr´ aˇc m´ a moˇznost vytvoˇrit sérii QR kód˚ u a jednotlivé kódy vylep´ı po mˇestˇe. Za kaˇzd´ y nalezen´ y k´ od uˇzivatel z´ıská tzv. odznaky, coˇz by se dalo trochu pˇrirovnat jako podpis k nalezené keˇsi. Tento projekt je zrealizovan´ y do posledn´ıch detail˚ u a uveden do provozu od roku 2011. Tento projekt pr´ avem nos´ı jako oznaˇcen´ı, ˇze je to hra. Zde se oproti ostatn´ım projekt˚ um a hrám spojilo v´ıce podobn´ ych prvk˚ u, a to pˇredevˇs´ım v podobˇe geocachingu. Autorova myˇslenka a celkov´ a realizace mne velice nadchla.

18

2.4.2.3


QR Kill Game

Principem této hry je nalézt a sejmout QR kód, kter´ y autor vytvoˇril a um´ıstil na nˇejakém m´ıstˇe, a t´ım ho zab´ıt“. Pokud hr´ aˇc k´ od nalezne a naskenuje, kód mu vytvoˇr´ı SMS s uve” den´ ym ˇc´ıslem, kde jako text se vloˇz´ı jméno autora. Odeslán´ım SMS hráˇc autora zabije ⇒ KILLne. Informace o hˇre jsou k nalezen´ı na webu ALL ABOUT MOBILE LIFE [18]. 2.4.2.4

Riddle Game with QR Codes

Jak se na webu SpottyBanana [19] m˚ uˇzeme doˇc´ıst, hra je urˇcena pˇreváˇznˇe dˇetem, protoˇze hlavn´ım bodem jsou dˇetské h´ adanky. Autor spoléhá na to, ˇze podle pr˚ uzkum˚ u maj´ı nˇekdy i pˇetileté dˇeti mobiln´ı telefon, kter´ y je nav´ıc natolik vyspˇel´ y, ˇze um´ı ˇc´ıst QR kódy. Na r˚ uzn´ ych m´ıstech autor um´ıstil dˇetské h´ adanky a k nim QR kódy, které obsahovaly správné ˇreˇsen´ı.

Kapitola 3

N´ avrh funkˇ cnosti V této kapitole je jiˇz v´ıce pops´ ana struktura navrhovaného projektu, pˇredevˇs´ım c´ılové skupiny, role a funkˇcn´ı a nefunkˇcn´ı poˇzadavky.

3.1

Webov´ y port´ al

Tato kapitola popisuje pˇredstavu o tom, jak by mˇel vypadat cel´ y systém, jaká je hlavn´ı c´ılov´ a skupina, pro kterou byl tento web vyv´ıjen, druhy uˇzivatelsk´ ych rol´ı a jejich moˇznosti a pr´ ava v˚ uˇci systému. D´ ale pak poˇzadavky na systém, a to jak funkˇcn´ı, tak nefunkˇcn´ı.

3.1.1

Popis syst´ emu

Systém by mˇel splˇ novat nˇekolik funkc´ı. Jako hlavn´ı funkce bude nab´ıdnout uˇzivateli vytvoˇrit hru s vlastn´ım v´ ybˇerem obsahu. Postup pˇri tvorbˇe hry by mˇel b´ yt jasn´ y a srozumiteln´ y tak, aby ji byl schopen vytvoˇrit i ménˇe zkuˇsen´ y uˇzivatel. K této ˇcásti se vˇsak uˇzivatel bude moci dostat pouze po pˇrihl´ aˇsen´ı do systému, do kterého se bude muset nejprve zaregistrovat. Dalˇs´ı moˇznost´ı systému bude seznam vytvoˇren´ ych her a dalˇs´ıch ˇcást´ı potˇrebn´ ych k hran´ı, jeˇz budou veˇrejné i pro nepˇrihl´ aˇseného uˇzivatele. Posledn´ı ˇcást´ı pak bude prostor pro vyjádˇren´ı názor˚ u a pˇripom´ınek v sekci n´ avˇstˇevn´ı knihy. Druhou funkc´ı bude správa uˇzivatelsk´ ych u ´ˇct˚ u, vytvoˇreného obsahu her a pˇr´ıspˇevk˚ u.

3.1.2

C´ılov´ a skupina

C´ılová skupina nen´ı nijak omezená vˇekem. Tuto hru m˚ uˇze hrát kdokoliv, kdo bude splˇ novat uvedené poˇzadavky a bude m´ıt chut’ se hlavnˇe pobavit. Pˇredpokládá se vˇsak, ˇze nejv´ıce zamˇeˇren´ a skupina bude ve vˇeku od 15 do 30 let. Uˇzivatelem (distributorem) se m˚ uˇze stát kter´ ykoliv ˇclovˇek, kter´ y má pˇr´ıstup k internetu a um´ı s n´ım pracovat, aby mohl vytvoˇrit QR kódy s obsahem, kter´ y si sám zvol´ı. Bude tedy záleˇzet na nˇem, zda se rozhodne distribuovat svoji vlastn´ı tvorbu ˇci jin´ y obsah. Dále by mˇel m´ıt pˇr´ıstup k tisk´ arnˇe, kde vytvoˇrené kódy vytiskne. To vˇsak uˇz ale v dneˇsn´ı dobˇe veˇrejn´ ych tiskáren nen´ı nutn´ ym hlediskem.

19

´ ˇ KAPITOLA 3. NAVRH FUNKCNOSTI

20

3.1.3

Uˇ zivatelsk´ e role

K dosáhnut´ı c´ıl˚ u uveden´ ych v sekci 3.1.1 je potˇreba vytvoˇrit nˇekolik skupin uˇzivatel˚ u s rozd´ıln´ ymi právy pˇri pouˇz´ıv´ an´ı funkc´ı systému. 3.1.3.1

Role Nepˇ rihl´ aˇ sen´ y uˇ zivatel

Nepˇrihláˇsen´ y uˇzivatel je jednou z nejz´ akladnˇejˇs´ıch rol´ı. Uˇzivatel s touto rol´ı bude m´ıt v systému omezené moˇznosti. Ten mu nab´ıdne u ´vodn´ı stránku s krátk´ ymi informacemi o tom, kde se nacház´ı, d´ ale pak z´ aloˇzku o hˇre, t´ ykaj´ıc´ı se myˇslenky projektu. Nepˇrihláˇsen´ y uˇzivatel sice nebude m´ıt moˇznost hry vytv´ aˇret, ale jiˇz vytvoˇren´ ych her se bude moci z´ uˇcastnit, protoˇze mu bude umoˇznˇen pˇr´ıstup k záloˇzce s vytvoˇren´ ymi hrami a dalˇs´ımi souˇcástmi potˇrebn´ ymi ke hˇre. Omezené moˇznosti bude m´ıt v návˇstˇevn´ı knize, kde mu bude umoˇznˇeno vloˇzené pˇr´ıspˇevky pouze ˇc´ıst, nikoliv vˇsak vytváˇret. Pokud by mˇel uˇzivatel zájem rozˇs´ıˇrit své moˇznosti, pomoc´ı registrace svoji roli zmˇen´ı na roli pˇrihláˇseného uˇzivatele. 3.1.3.2

Role Pˇ rihl´ aˇ sen´ y uˇ zivatel

Pˇrihláˇsen´ ym uˇzivatelem se stane kaˇzd´ y, kdo se po zaregistrován´ı pˇrihlás´ı do systému. Takov´ y uˇzivatel bude m´ıt stejn´ a pr´ ava, jako uˇzivatel nepˇrihláˇsen´ y jen jsou rozˇs´ıˇrená napˇr´ıklad o moˇznost vytváˇret hry. D´ ale bude m´ıt moˇznost pˇrisp´ıvat do návˇstˇevn´ı knihy a své pˇr´ıspˇevky mazat. 3.1.3.3

Role Administr´ ator

Administrátor bude m´ıt nejrozˇs´ıˇrenˇejˇs´ı moˇznosti v systému. Nejen ˇze má pˇr´ıstup na veˇskeré záloˇzky webového port´ alu, ale m´ a moˇznost mazat veˇskeré pˇr´ıspˇevky v návˇstˇevn´ı knize.

3.1.4 3.1.4.1

Poˇ zadavky na syst´ em Funkˇ cn´ı poˇ zadavky

• Systém umoˇzn´ı jednoduchou registraci nového uˇzivatele do systému bez nutnosti zásahu administr´ atora. • Systém umoˇzn´ı pˇrihl´ aˇsen´ı a odhl´ aˇsen´ı uˇzivatel˚ u pomoc´ı formuláˇre tomu urˇceného. • Systém umoˇzn´ı pˇrizp˚ usoben´ı pracovn´ıho prostˇred´ı uˇzivatele na základˇe jeho oprávnˇen´ı. • Systém umoˇzn´ı vytv´ aˇren´ı jednotliv´ ych her. • Systém umoˇzn´ı v´ ypis seznamu jiˇz vytvoˇren´ ych her. • Systém umoˇzn´ı poskytnout uˇzivateli prostˇredky potˇrebné ke hˇre. • Systém umoˇzn´ı psan´ı pˇr´ıspˇevk˚ u do návˇstˇevn´ı knihy. • Systém umoˇzn´ı zobrazit zpˇetnou vazbu akc´ı uˇzivatele.

3.2. APLIKACE

3.1.4.2

21

Nefunkˇ cn´ı poˇ zadavky

• Systém bude dostupn´ y pˇres standardn´ı webové rozhran´ı formou webového portálu. • Systém bude m´ıt pˇrehlednou veˇrejnou ˇcást se srozumitelnou navigac´ı. • Systémové funkce (t´ım se rozum´ı napˇr. registrace, tvorba nové hry apod.) budou snadné a intuitivn´ı i pro uˇzivatele se základn´ımi znalostmi dané tématiky. • Systém by mˇel dosahovat co nejmenˇs´ıho stupnˇe zanoˇren´ı v závislosti na okolnostech. • Systém by mˇel b´ yt v´ ykonn´ y, jeho doba odezvy by mˇela záviset hlavnˇe na vstupn´ıch hodnot´ ach, vnitˇrn´ı v´ ypoˇcty by nemˇely b´ yt pˇr´ıliˇs nároˇcné pro cel´ y systém. • Uˇzivatelsk´ a hesla budou v databázi zabezpeˇcena pouˇzit´ım funkce vyuˇz´ıvaj´ıc´ı sklád´ an´ı slov (tzv. solen´ı1 ) a hashován´ı 2 pomoc´ı funkce SHA a nebudou tedy uloˇzeny jako prost´ y text. • Webov´ y port´ al by se mˇel zobrazovat korektnˇe ve vˇetˇsinˇe dnes pouˇz´ıvan´ ych prohl´ıˇzeˇc˚ u a ve vˇetˇsinˇe typ˚ u i rozmˇer˚ u obrazovek. • Systém by mˇel b´ yt navrˇzen dle stylu Model - View - Controller (v´ıce o MVC v kapitole 4.1.4) , tyto ˇc´ asti by od sebe mˇely b´ yt alespoˇ n schematicky rozdˇelené. • Systém by mˇel b´ yt ˇciteln´ y i lidem s lehˇc´ı formou vady (napˇr. porucha zraku).

3.2

Aplikace

V této ˇc´ asti je pops´ an obecn´ y popis aplikace, co by mˇela splˇ novat, jaké jsou pˇredstavy, d´ ale pak hlavn´ı c´ılov´ a skupina, pro kterou by tato aplikace mˇela b´ yt vhodná. V posledn´ı ˇc´ asti pak poˇzadavky na aplikaci, a to jak funkˇcn´ı, tak nefunkˇcn´ı.

3.2.1

Popis aplikace

Aplikace by mˇela splˇ novat nˇekolik funkc´ı. Prvn´ı funkc´ı je schopnost sn´ımat QR kódy. Dalˇs´ı funkce se pak t´ ykaj´ı konkrétn´ıch her, kde tou hlavn´ı bude seznam vˇsech her, které uˇzivatel rozehr´ al. Aplikace pak umoˇzn´ı uˇzivateli ke kaˇzdé z rozehran´ ych her seznam jednotliv´ ych, jiˇz naskenovan´ ych, ˇc´ ast´ı spolu s informacemi o um´ıstˇen´ı daného segmentu na serveru a s GPS lokac´ı n´ asleduj´ıc´ıho segmentu. Aplikace by mˇela b´ yt schopna tyto GPS lokace zpracovat a odeslat do aplikace, kterou mobiln´ı telefon podporuje a která s tˇemito daty um´ı pracovat a uˇzivatele navede na dané m´ısto. Vˇetˇsina mobiln´ıch telefon˚ u jiˇz tuto aplikaci obsahuje. 1

solen´ı - Hesla uˇzivatel˚ u jsou do datab´ aze ukl´ ad´ ana v zahashovaném tvaru pomoc´ı nˇejaké funkce. Solen´ı hesel je metoda, pˇri které se jeˇstˇe pˇred v´ ypoˇctem funkce k p˚ uvodn´ımu heslu pˇrid´ a n´ ahodn´ y ˇretˇezec, tzv. s˚ ul“. ” 2 hashov´ an´ı - neboli ˇcesky rozptylov´ an´ı, je transformace vstupn´ıch dat pomoc´ı hashovac´ı funkce na adresu v tabulce, kde by mˇel b´ yt uloˇzen poˇzadovan´ y z´ aznam.

´ ˇ KAPITOLA 3. NAVRH FUNKCNOSTI

22

3.2.2

C´ılov´ a skupina

Pro pozici uˇzivatele (hr´ aˇce) jsou poˇzadavky o trochu nároˇcnˇejˇs´ı. Uˇzivatel by mˇel vlastnit mobiln´ı telefon podporuj´ıc´ı uˇz´ıv´ an´ı aplikace pro sn´ımán´ı QR kód˚ u. Pokud by si chtˇel ihned po sejmut´ı kódu st´ ahnout uloˇzen´ y obsah, mus´ı jeho mobiln´ı telefon podporovat internet. Jinak staˇc´ı jiné zaˇr´ızen´ı s pˇr´ıstupem na internet a schopnost umˇet s n´ım pracovat. Co se t´ yˇce GPS lokace, opˇet je pro uˇzivatele jednoduˇsˇs´ı m´ıt ve svém mobiln´ım telefonu moˇznost pouˇz´ıvat aplikaci GPS navigace, pomoc´ı které se dostane k dalˇs´ım QR kód˚ um. Jinou moˇznost´ı je vlastnit GPS navigaci, kam by musel lokaci ruˇcnˇe pˇrepsat. Pokud by QR kód obsahoval stránku ˇci kapitolu z e-book a hr´ aˇc by chtˇel jeho obsah uˇz´ıvat pˇr´ımo v telefonu, mˇel by m´ıt nˇejakou vhodnou aplikaci v mobilu.

3.2.3 3.2.3.1

Poˇ zadavky na aplikaci Funkˇ cn´ı poˇ zadavky

• Aplikace umoˇzn´ı uˇzivateli sn´ımat kódy pro tuto hru urˇcené. • Aplikace umoˇzn´ı uˇzivateli zobrazit seznam rozehran´ ych her. • Aplikace umoˇzn´ı uˇzivateli pˇrehled nasn´ıman´ ych jednotliv´ ych ˇcást´ı konkrétn´ı rozehrané hry. • Aplikace umoˇzn´ı uˇzivateli otevˇr´ıt a uloˇzit nalezen´ y obsah kódu. • Aplikace umoˇzn´ı uˇzivateli otevˇr´ıt GPS souˇradnice nalezené pod kódem v aplikaci tomu urˇcené. 3.2.3.2

Nefunkˇ cn´ı poˇ zadavky

• Aplikace by mˇela b´ yt ˇciteln´ a i v horˇs´ıch svˇeteln´ ych podm´ınkách, to je ovˇsem velmi závislé na okolnostech (napˇr. odlesk slunce), které mohou ovlivˇ novat vlastnosti displeje. • Aplikace bude m´ıt pˇrehlednou veˇrejnou ˇcást se srozumitelnou navigac´ı. • Funkce aplikace budou snadné a intuitivn´ı i pro uˇzivatele se základn´ımi znalostmi dané tématiky. • Aplikace by mˇela dosahovat co nejmenˇs´ıho stupnˇe zanoˇren´ı v závislosti na okolnostech. • Aplikace by mˇela b´ yt v´ ykonn´ a, jej´ı doba odezvy by mˇela záviset hlavnˇe na vstupn´ıch hodnotách, vnitˇrn´ı v´ ypoˇcty by nemˇely b´ yt pˇr´ıliˇs nároˇcné pro celou aplikaci. • Aplikace by mˇela b´ yt navrˇzena dle stylu Model - View - Controller, tyto ˇcásti by od sebe mˇeli b´ yt alespoˇ n schematicky rozdˇelené.

Kapitola 4

Implementace V této kapitole o implementaci jsou uvedeny konkrétn´ı pouˇzité technologie a popis implementace jak webového port´ alu, tak aplikace spolu s nˇekolika pˇr´ıklady kód˚ u.

4.1

Pouˇ zit´ e technologie

Kaˇzd´ ym dnem roste potˇreba vyuˇz´ıván´ı internetu ke sbˇeru vˇsech r˚ uzn´ ych informac´ı. Tyto informace jsou prezentov´ any pomoc´ı webov´ ych stránek, které jsou dostupné ve velmi krátkém ˇcase a s minim´ aln´ımi n´ aroky na stroj, ze kterého se k internetu pˇripojujeme. Webové aplikace jsou v´ yhodné zejména d´ıky jejich pˇrenositelnosti a jiˇz zm´ınˇené dostupnosti, kdokoliv si m˚ uˇze danou stránku zobrazit jak z domova, tak z práce ˇci ˇskoly. Pomoc´ı chytr´ ych telefon˚ u, tablet˚ u a notebook˚ u m˚ uˇzeme surfovat na internetu takˇrka neustále. Tyto skuteˇcnosti z webov´ ych aplikac´ı vytváˇrej´ı velmi mocn´ y, stále aktualizovan´ y nástroj pro ˇs´ıˇren´ı ˇci shromaˇzd’ov´ an´ı informac´ı. Jednou z nev´ yhod webové aplikace je nutnost internetového pˇripojen´ı, coˇz v posledn´ı dobˇe jiˇz pˇrest´ av´ a b´ yt problémem, d´ıky otevˇren´ ym Wi-Fi s´ıt´ım, které se nalézaj´ı témˇeˇr na kaˇzdém rohu. I pˇres tuto nev´ yhodu jsou webové stránky jednou z nejrozˇs´ıˇrenˇejˇs´ıch podob aplikac´ı na svˇetovém trhu.

4.1.1

Programovac´ı jazyk PHP [20]

PHP je open source skriptovac´ı jazyk bˇeˇz´ıc´ı na stranˇe serveru speciálnˇe navrˇzen´ y pro potˇreby webov´ ych str´ anek. Je vˇsestrann´ y programovac´ı jazyk pouˇz´ıvan´ y nejˇcastˇeji ve spojen´ı s jazykem HTML ˇci XHTML. Jedna z nejpouˇz´ıvanˇejˇs´ıch funkc´ı PHP je moˇznost propojen´ı s databáz´ı. PHP podporuje práci s velikou ˇsk´ alou datab´ az´ı od r˚ uzn´ ych SQL databáz´ı po databáze Empress. Jazyk PHP je syntakticky nˇeco mezi jazyky C a Perl a patˇr´ı do rodiny interpretovan´ ych jazyk˚ u, coˇz ho ˇcin´ı v´ yraznˇe pomalejˇs´ım, neˇz napˇr´ıklad ˇcist´ y jazyk C. P˚ uvodnˇe bylo PHP navrhov´ ano jako procedur´ aln´ı jazyk, ale postupem ˇcasu se i u webov´ ych aplikac´ı vytvoˇrila potˇreba objektového programov´ an´ı a od novˇejˇs´ıch verz´ı, poˇc´ınaje ˇctvrtou a hlavnˇe pátou, se oˇcekáv´ a st´ ale vˇetˇs´ı podpora této potˇreby.

23

24

KAPITOLA 4. IMPLEMENTACE

PHP je velmi popul´ arn´ı jak pro jeho platformn´ı nezávislost, tak i pro jeho snadné pochopen´ı. Pro jeho masové rozˇs´ıˇren´ı mezi programátory samouky tento jazyk prováz´ı ne pˇr´ıliˇs dobrá povˇest, co se ˇcistoty k´ odu t´ yˇce. Pro usnadnˇen´ı práce v jazyce PHP, HTML ˇci JavaScriptu, jsou vyv´ıjeny frameworky, mezi nejznámˇejˇs´ı z nich patˇr´ı Zend, Symphony ˇci Nette.

4.1.2

NetBeans IDE

Jedná se o v´ yvojové prostˇred´ı urˇcené zejména pro v´ yvoj v jazyce Java. B´ yvá také ˇcasto vyuˇz´ıván program´ atory pro v´ yvoj aplikac´ı v jazyce PHP, pro jeho velkou podporu a slovn´ıky funkc´ı. NetBeans je velmi pˇr´ınosn´ y hlavnˇe pro jeho práci v rámci projektu, kdy automaticky naˇseptává spr´ avné funkce ˇci promˇenné napˇr´ıklad pˇri práci s objekty a d´ıky automatickému zv´ yrazˇ nován´ı chyb k´ odu. Umoˇzn ˇuje téˇz automatické nahrán´ı celého projektu na server d´ıky zabudované sluˇzbˇe FTP.

4.1.3

MySQL datab´ aze

MySQL je multiplatformn´ı datab´ azov´ y systém, u kterého je zaj´ımavé, ˇze je distribuován pod dvoj´ı licenc´ı. Zdarma, pro nekomerˇcn´ı u ´ˇcely (GPL), a zároveˇ n i pod komerˇcn´ı placenou licenc´ı. Databázov´ y systém MySQL je pouˇz´ıván pro svou snadnou implementaci a obsluhu. Nejˇcastˇeji nasazen v kombinaci operaˇcn´ım systémem Linux, serverem Apache a programovac´ım jazykem PHP jako z´ akladn´ı aplikace webového serveru. MySQL m˚ uˇze vyuˇz´ıvat nˇekolik typ˚ u engin˚ u. Mezi nˇeˇz patˇr´ı hlavnˇe InnoDB1 a MyISAM2 . K hlavn´ım rozd´ıl˚ um mezi tˇemito dvˇema enginy patˇr´ı, ˇze engine MyISAM uzamyká pˇri zápisu celé tabulky, kdeˇzto InnoDB pouze ˇrádky. U enginu MyISAM je ale povolen zápis nov´ ych ˇrádk˚ u i do zamˇcené tabulky.

4.1.4

Model - View - Controller

Architektura MVC (Obr. 4.1)je sloˇzena ze tˇr´ı ˇcást´ı, z nichˇz kaˇzdá má jin´ y u ´kol. View je stvoˇren pro pˇr´ımou komunikaci s uˇzivatelem, k zobrazován´ı dat z modelu jemu srozumitelnou formou a umoˇznˇen´ı uˇzivateli komunikovat pˇres rozhran´ı vrstvy View s cel´ ym systémem. Za vrstvou View stoj´ı Controller, kter´ y m´ a na starosti hlavnˇe kontrolu a zpracován´ı vstupn´ıch dat, které uˇzivatel vloˇzil do View. Posledn´ı ˇcást´ı architektury je Model, tato vrstva obsahuje zejména rozhran´ı pro komunikaci s datovou vrstvou (ve vˇetˇsinˇe pˇr´ıpad˚ u se jedná o relaˇcn´ı databázi). Cel´ y systém funguje tedy tak, ˇze pokud se chce uˇzivatel napˇr´ıklad registrovat, vloˇz´ı do formul´ aˇre k tomu urˇcenému hodnoty pro registraci, po odeslán´ı hodnoty zpracuje Controller a pˇred´ a je Modelu, kter´ y je poté uloˇz´ı do datové vrstvy.

1

InnoDB - je jeden z nˇekolika form´ at˚ u u ´loˇziˇstˇe dat (storage engine) v datab´ azovém systému MySQL. InnoDB byl navrˇzen pro zpracov´ an´ı transakc´ı - konkrétnˇe pro zpracov´ an´ı mnoha kr´ atkodob´ ych transakc´ı, které se m´ alokdy anuluj´ı. 2 MyISAM - jedn´ a se o typ tabulky u datab´ aze MySQL.

´ APLIKACE 4.2. IMPLEMENTACE WEBOVE

25

Obr´ azek 4.1: Struktura architektury MVC, pˇrevzato z [21]

4.1.5

JavaScript

JavaScript je multiplatformn´ı objektov´ y skriptovac´ı jazyk pouˇz´ıvan´ y nejˇcastˇeji jako interpretovan´ y programovac´ı jazyk pro webové aplikace. Bˇeˇz´ı na stranˇe klienta a v posledn´ı dobˇe ho podporuje vˇetˇsina pouˇz´ıvan´ ych prohl´ıˇzeˇc˚ u. Pouˇz´ıván je zejména pro kontrolu formul´ aˇr˚ u jeˇstˇe pˇred odesl´ an´ım jejich obsahu na server ˇci k r˚ uzn´ ym grafick´ ym u ´pravám.

4.2 4.2.1 4.2.1.1

Implementace webov´ e aplikace Dom´ enov´ y model Tabulky datab´ aze

• book - tabulka koment´ aˇr˚ u knihy návˇstˇev • game - tabulka obecn´ ych dat u her • item - tabulka konkrétn´ıch dat segment˚ u her • user - tabulka uˇzivatel˚ u 1. Book • id - identifikaˇcn´ı kl´ıˇc komentáˇre • user id - ciz´ı kl´ıˇc autora komentáˇre • datetime - ˇcas vloˇzen´ı komentáˇre • text - text koment´ aˇre 2. Game • id - identifikaˇcn´ı kl´ıˇc hry

26


• user id - ciz´ı kl´ıˇc autora hry • title - n´ azev hry • autor - autor média/médi´ı • name - n´ azev média ˇci souhrnn´ y název médi´ı • type - typ médi´ı (enum) • description - popis hry • time - ˇcas vytvoˇren´ı hry 3. Item • id - identifikaˇcn´ı kl´ıˇc segmentu • game id - ciz´ı kl´ıˇc hry obsahuj´ıc´ı tento segment • url - n´ azev média segmentu i s koncovkou • lat - zemˇepisn´ a ˇs´ıˇrka navazuj´ıc´ıho segmentu • ton - zemˇepisn´ a délka navazuj´ıc´ıho segmentu 4. User • id - identifikaˇcn´ı kl´ıˇc uˇzivatele • name - kˇrestn´ı jméno uˇzivatele • surname - pˇr´ıjmen´ı uˇzivatele • username - uˇzivatelské jméno • password - uˇzivatelské heslo • type - typ uˇzivatele (enum), defaultnˇe MEMBER • mail - emailov´ a adresa uˇzivatele

4.2.2

Implementace aplikace [22]

Aplikace je postavena podle architektury Model-View-Controller. Cel´ y systém funguje tedy tak, ˇze pokud se chce uˇzivatel napˇr´ıklad registrovat, vloˇz´ı do formuláˇre k tomu urˇcenému hodnoty pro registraci, po odesl´ an´ı hodnoty zpracuje Controller a pˇredá je Modelu, kter´ y je poté uloˇz´ı do datové vrstvy. 4.2.2.1

Seznam sloˇ zek

• classes - veˇskeré tˇr´ıdy pouˇzité ve webové aplikaci • controllers - ˇradiˇce aplikace • files - sloˇzka urˇcen´ a k uchov´ an´ı doˇcasn´ ych soubor˚ u (sloˇzka /tmp/ ) ˇci k uloˇzen´ı soubor˚ u jednotliv´ ych segment˚ u • nbproject - sloˇzka IDE Netbeans • views - sloˇzka kde jsou uloˇzeny ˇc´ asti pouˇzit´ ych pohled˚ u


4.2.2.2

27

D˚ uleˇ zit´ e soubory

• dbconfig.php - tento soubor obsahuje jednorozmˇerné pole hodnot, které jsou pouˇzity pro vytvoˇren´ı pˇripojen´ı do databáze.

1

if (! isset ( $c o n tr o l _ va l i d_u s ed ) ) die ( ’ YOU NOT TO BE ALLOWED USING THIS SCRIPT ! ’) ;

Zdrojov´ y k´ od 4.1: Kontrola korektn´ıho zobrazen´ı souboru

1 2 3 4 5 6 7

$ dbconfig = array ( " user " = > " root " , " password " = > " " , " host " = > " localhost " , " database " = > " qgame " , " coding " = > " utf8 " );

Zdrojov´ y k´ od 4.2: Vlastn´ı nastaven´ı pole znak˚ u v dbconfig.php

4.2.3

Tˇ r´ıdy modelu

1. Game - Tˇr´ıda slouˇz´ıc´ı k ukládán´ı nov´ ych her. • Metody //konstruktor tˇ r´ ıdy __construct() //metoda umoˇ zˇ nuj´ ıc´ ı uloˇ zen´ ı dat do datab´ aze save() 2. Gamebook - Tˇr´ıda slouˇz´ıc´ı k naˇcten´ı vytvoˇren´ ych her. • Promˇenné //pole vˇ sech her private $games • Metody //konstruktor tˇ r´ ıdy //zajiˇ st’uje naˇ cten´ ı her z datab´ aze do promˇ enn´ e $games __construct() //vrac´ ı hodnotu promˇ enn´ e $games getArray()

28


3. GameHelper - Univerz´ aln´ı tˇr´ıda slouˇz´ıc´ı pro pomoc bˇehem celého procesu tvorby hry. • Promˇenné //dvourozmˇ ern´ e pole nahr´ avan´ ych soubor˚ u private $FILE //pole jmen nahr´ avan´ ych souboru po zkop´ ırov´ an´ ı do sloˇ zky na serveru private $partArray //promˇ enn´ a pouˇ zit´ a pˇ ri rozdˇ elov´ an´ ı textov´ eho souboru pro zapamatov´ an´ ı // jeho jm´ ena private $name //promˇ enn´ a urˇ cuj´ ıc´ ı poˇ cet segment˚ u, na kter´ y m´ a b´ yt textov´ y soubor // rozdˇ elen private $parts • Metody //pouze pro textov´ e soubory //nahr´ an´ ı doˇ casn´ eho souboru do sloˇ zky /files/tmp/ //rozdˇ elen´ ı souboru na segmenty a jejich um´ ıstˇ en´ ı do sloˇ zky /files/ //smaz´ an´ ı doˇ casn´ eho souboru ze sloˇ zky /files/tmp/ gameDiv($FILE,$parts) //kontrola spr´ avn´ ych typ˚ u obrazov´ ych soubor˚ u //nahr´ an´ ı obr´ azk˚ u vˇ sech segment˚ u najednou uploadImages($FILES) //obdobn´ e jako uploadImages, jen pouˇ zito pro soubory .mp3 uploadMP3Files($FILES) //uloˇ zen´ ı doˇ casn´ eho souboru na server preUpload() //vrac´ ı poˇ cet hodnotu promˇ enn´ e $partArray getParts() //naˇ cte nahran´ y textov´ y soubor a vr´ at´ ı jeho obsah jako ˇ retˇ ezec txtToText() //kontrola spr´ avn´ eho souboru //vrac´ ı n´ avratovou hodnotu funkce divideTXT() divide() //rozdˇ elen´ ı souboru na segmenty a jejich um´ ıstˇ en´ ı do sloˇ zky /files/ //vrac´ ı pole jmen tˇ echto soubor˚ u


29

divideTXT() //smaˇ ze doˇ casn´ y soubor delTMPFile() //pamatuje si hodnoty formul´ aˇ r˚ u pˇ ri tvorbˇ e hry remember() 4. Guestbook - Tˇr´ıda slouˇz´ıc´ı k naˇcten´ı komentáˇr˚ u pˇridan´ ych uˇzivateli do knihy návˇstˇev. • Promˇenné //dvourozmˇ ern´ e pole obsahuj´ ıc´ ı vˇ sechny zpr´ avy v knize n´ avˇ stˇ ev private $messages • Metody //konstruktor tˇ r´ ıdy __construct() //vrac´ ı hodnotu promˇ enn´ e $messages getArray() 5. Item - Tˇr´ıda slouˇz´ıc´ı k uloˇzen´ı vˇsech segment˚ u nové hry. • Metody //konstruktor tˇ r´ ıdy __construct() //uloˇ z´ ı vˇ sechny ˇ c´ asti hry //parametr urls(adresa m´ edia) je uloˇ zen´ a v $_SESSION //$game_id je id hry, ke kter´ e m´ a b´ yt segment pˇ riˇ razen save($game_id) //uloˇ z´ ı vˇ sechny ˇ c´ asti hry //parametr urls (adresa m´ edia) je vstupn´ ı argument //$game_id je id hry, ke kter´ e m´ a b´ yt segment pˇ riˇ razen savePart($game_id, $urls) 6. Message - Tˇr´ıda slouˇz´ıc´ı k manipulaci s komentáˇri. • Promˇenné //id koment´ aˇ re private $id //id autora koment´ aˇ re private $user_id //ˇ cas vytvoˇ ren´ ı koment´ aˇ re

30


private $datetime //text koment´ aˇ re private $text //instance tˇ r´ ıdy User private $u • Metody //konstruktor tˇ r´ ıdy __construct() //metoda umoˇ zˇ nuj´ ıc´ ı uloˇ zen´ ı dat do datab´ aze save() //naˇ cte veˇ sker´ y obsah koment´ aˇ re dle id load($m_id) //rozdˇ el´ ı datum koment´ aˇ re divDatetime($datetime) //vymaˇ ze koment´ aˇ r s id == $m_id pokud na to m´ a uˇ zivatel pr´ ava //$u_id je id pˇ rihl´ aˇ sen´ eho uˇ zivatele del($u_id, $m_id) //vykresluje tlaˇ c´ ıtko pro smaz´ an´ ı koment´ aˇ re delButton($u_id, $mu_id, $m_id) 7. User - Tˇr´ıda slouˇz´ıc´ı k manipulaci s uˇzivateli. • Promˇenné //identifikaˇ cn´ ı kl´ ıˇ c uˇ zivatele private $id; //kˇ restn´ ı jm´ eno uˇ zivatele private $name; //pˇ r´ ıjmen´ ı uˇ zivatele private $surname; //uˇ zivatelsk´ e jm´ eno uˇ zivatele private $username; //uˇ zivatelsk´ e heslo private $password;


31

//typ uˇ zivatele (ADMIN nebo MEMBER) private $type; //emailov´ a adresa uˇ zivatele private $mail; • Metody //konstruktor tˇ r´ ıdy __construct() //metoda pro zahashov´ an´ ı hesla gen_pass($string) //metoda pro zjiˇ stˇ en´ ı, zda existuje uˇ zivatel se zadan´ ym identifi// kaˇ cn´ ım kl´ ıˇ cem ($id) //n´ avratov´ a hodnota je typ uˇ zivatele pokud existuje, false pokud // neexistuje isUser($id) //vyuˇ z´ ıv´ a n´ avratov´ e hodnoty metody isUser //vrac´ ı v´ ysledek porovn´ an´ ı t´ eto n´ avratov´ e hodnoty proti slovu ADMIN isAdmin($id) //kontrola zda je uˇ zivatel povolen´ eho typu validate_input_user_type($string) //metoda pro uloˇ zen´ ı uˇ zivatele do datab´ aze save($name, $surname, $username, $password, $type, $mail) //aktualizov´ an´ ı uˇ zivatele se shodn´ ym identifikaˇ cn´ ım kl´ ıˇ cem jako // je hodnota $id //moˇ znost ´ upravy ´ udaj˚ u nen´ ı ve view ani v controller implementov´ ano // a existuje pouze jako moˇ zn´ e rozˇ s´ ıˇ ren´ ı update($id, $name, $surname, $password, $type, $mail) //pracuje s metodami update a save //zkontroluje duplicitu registrovan´ eho uˇ zivatele (dle username), // pˇ ri duplicitˇ e a defaultn´ ım nastaven´ ım atributu $updatable metoda // flush pouˇ zije metodu update //pokud je hodnota promˇ enn´ e $updatable rovna hodnotˇ e false, // metoda zabezpeˇ c´ ı chybov´ y v´ ystup o duplicitˇ e $username //pokud nen´ ı zjiˇ stˇ ena duplicita, v obou pˇ r´ ıpadech nastaven´ ı // $updatable se zavol´ a metoda save pro vytvoˇ ren´ ı nov´ eho z´ aznamu flush($name, $surname, $username, $password, $type, $mail, $updatable=false)

32


//metoda kontroluj´ ıc´ ı shodnost hesel a korektn´ ı form´ at emailu //vol´ a metodu flush registration($name, $surname, $username, $password, $passwordCheck, $type, $mail) //metoda pouˇ zit´ a pro pˇ rihlaˇ sov´ an´ ı uˇ zivatele login($username,$password) //metoda pouˇ zit´ a pro odhlaˇ sov´ an´ ı uˇ zivatele logout() //naˇ cten´ ı uˇ zivatele dle id loadID($id) 4.2.3.1

Dalˇ s´ı tˇ r´ıdy

1. QGameDatabase - Zabezpeˇcuje pˇripojen´ı k databázi. • Metody //obsahuje pˇ ripojen´ ı k datab´ azi, vykon´ an´ ı dotazu, uzavˇ ren´ ı spojen´ ı query($query) 1 2

3 4 5

public function query ( $query ) { // zabezpeceni spravneho include konfiguracniho souboru databaze $ co n t ro l _ va l i d_ u s e d = 1; require dirname ( __FILE__ ) . " /../ dbconfig . php " ; unset ( $ c on t r ol _ v al i d _ us e d ) ;

6

// nastaveni dat k pripojeni if (! $conn = mysql_connect ( $dbconfig [ ’ host ’] , $dbconfig [ ’ user ’] , $dbconfig [ ’ password ’ ]) ) exit ( " Pripojeni se nezdarilo ! " ) ; mysql_select_db ( $dbconfig [ ’ database ’ ]) ; mysql_query ( " set names ’" . $dbconfig [ ’ coding ’ ]. " ’" ) ;

7 8

9 10 11

// vykonani dotazu a uzavreni spojeni $result = mysql_query ( $query ) ; mysql_close () ;

12 13 14 15

// navraceni vysledku if (! $result ) $_SESSION [ ’ db_error ’] = " < strong > ERROR : " . strtolower ( $query ) . "
" ; return $result ;

16 17

18 19

}

Zdrojov´ y k´ od 4.3: Metoda QGameDatabase::query


33

2. ViewHelper - Obsahuje metody pro nastaven´ı poloˇzek menu a pˇr´ıstupn´ ych str´ anek pro uˇzivatele s opr´ avnˇen´ım k jejich zobrazen´ı. Také má na starosti rozhodnout, zda dan´ a str´ anka m˚ uˇze b´ yt zobrazena, ˇci nikoliv. Pokud ne pˇresmˇeruj uˇzivatele na u ´vodn´ı str´ anku. Totéˇz se stane, i pokud uˇzivatel vloˇz´ı nekorektn´ı id stránky. 3. PrintPage - Na z´ akladˇe v´ ystupu z metod z tˇr´ıdy ViewHelper zobrazuje dané str´ anky uˇzivateli. Star´ a se téˇz o vypsán´ı komentáˇr˚ u ˇci her. Obsahuje i metodu pro v´ ypis chybové hl´ aˇsky. 4. Control - Pomocn´ a tˇr´ıda pro kontrolu vstup˚ u z formuláˇr˚ u. • Metody //obsahuje pˇ ripojen´ ı k datab´ azi, vykon´ an´ ı dotazu, uzavˇ ren´ ı spojen´ ı query($query) 1 2 3

public function validate_input ( $input ) { return addslashes ( trim ( nl2br ( strip_tags ( $input ) ) ) ) ; }

4 5 6

7

public function is_same ( $first , $second ) { return $this - > validate_input ( $first ) == $this - > validate_input ( $second ) ; }

Zdrojov´ y kód 4.4: Obsah tˇr´ıdy Control

5. Init - Obsahuje metodu Init(), která vytváˇr´ı tabulky, potˇrebné pro chod aplikace, v datab´ azi. 6. Soubory kontroleru - Vˇsechny soubory patˇr´ıc´ı do kontroleru (s vyj´ımkou tˇr´ıd), jsou um´ıstˇeny ve sloˇzce /controllers/. Vˇ sechny soubory patˇ r´ ıc´ ı do kontroleru (s vyj´ ımkou tˇ r´ ıd), jsou um´ ıstˇ eny ve sloˇ zce /controllers/. generate/step1.php -kontroler zajiˇ st’uj´ ıc´ ı zpracov´ an´ ı dat z prvn´ ıho formul´ aˇ re wizardu pro vytv´ aˇ ren´ ı her generate/step2.php -kontroler zajiˇ st’uj´ ıc´ ı zpracov´ an´ ı dat z druh´ eho formul´ aˇ re wizardu pro vytv´ aˇ ren´ ı her generate/step3.php -kontroler zajiˇ st’uj´ ıc´ ı zpracov´ an´ ı dat z tˇ ret´ ıho formul´ aˇ re wizardu pro vytv´ aˇ ren´ ı her -uloˇ zen´ ı ˇ c´ ast´ ı her do datab´ aze

34


-nahr´ an´ ı obr´ azk˚ u a hudebn´ ıch soubor˚ u na server generate/step4.php -kontroler zajiˇ st’uj´ ıc´ ı vymaz´ an´ ı dat ze $_SESSION a otevˇ ren´ ı moˇ znosti vytvoˇ rit dalˇ s´ ı hru loging.php -skript zajiˇ st’uj´ ıc´ ı pˇ rihlaˇ sov´ an´ ı uˇ zivatele logout.php -skript zajiˇ st’uj´ ıc´ ı odhlaˇ sov´ an´ ı uˇ zivatele message.php -zpracov´ an´ ı dat z formul´ aˇ re pro pˇ rid´ an´ ı nov´ eho pˇ r´ ıspˇ evku do knihy n´ avˇ stˇ ev messageDel.php -vymaz´ an´ ı pˇ r´ ıspˇ evk˚ u z knihy n´ avˇ stˇ ev registration.php -zpracov´ an´ ı v´ ysledk˚ u z registrace nov´ eho uˇ zivatele 7. Soubory View index.php -z´ akladn´ ı stavebn´ ı k´ amen cel´ e aplikace, do tohoto souboru se vkl´ adaj´ ı veˇ sker´ e v´ ystupy z modelu pomoc´ ı tˇ r´ ıdy PrintPage init.php -soubor urˇ cen´ y pro jedno pouˇ zit´ ı, z´ akladn´ ı inicializace tabulek v datab´ azi 8. Obsah sloˇzky views Obsah sloˇ zky /views/resources/ -tato sloˇ zka obsahuje soubory CSS, soubory JavaScriptu a obr´ azky pouˇ zit´ e v kask´ adov´ ych stylech Obsah sloˇ zky /views/generate/ -tato sloˇ zka obsahuje jednotliv´ e kroky wizardu pro tvorbu nov´ ych her about.php -soubor obsahuj´ ıc´ ı informace o hˇ re QGame, statick´ a str´ anka download.php -soubor obsahuj´ ıc´ ı informace o aplikaci QGame pro android a odkaz na jej´ ı staˇ zen´ ı -statick´ a str´ anka

4.3. IMPLEMENTACE APLIKACE [23]

35

games.php -soubor zobrazuje seznam vˇ sech vytvoˇ ren´ ych her s moˇ znost´ ı naˇ cten´ ı prvn´ ıho QR k´ odu a t´ ım umoˇ zn´ ı snadn´ e zapoˇ cet´ ı hry generate.php -soubor, kter´ y zobrazuje jednotliv´ e kroky wizardu pro tvorbu hry guestbook.php -soubor zobrazuje vˇ sechny koment´ aˇ re pˇ ridan´ e registrovan´ ymi uˇ zivateli home.php -´ uvodn´ ı str´ anka aplikace -statick´ a str´ anka registration.php -soubor obsahuje formul´ aˇ r, kter´ y dovoluje registrace uˇ zivatele do webov´ e aplikace QGame login.php -ˇ c´ ast str´ anky zobrazuj´ ıc´ ı bud’ formul´ aˇ r k pˇ rihl´ aˇ sen´ ı, c ˇi pokud je uˇ zivatel pˇ rihl´ aˇ sen, informace o tom, kdo je pˇ rihl´ aˇ sen a moˇ znost odhl´ aˇ sen´ ı menu.php -vykreslen´ ı poloˇ zek menu

4.3 4.3.1

Implementace aplikace [23] Datov´ a vrstva aplikace

Jedná se o vrstvu, kde si aplikace QGame ukládá pouˇzitá data. Zde toto pˇredstavuje jedin´ y soubor qgameSaves.txt, kter´ y se nalézá ve sloˇzce /sdcard. Tento soubor slouˇz´ı k uklád´ an´ı dat z´ıskan´ ych z nasn´ıman´ ych QR kód˚ u z aplikace, Textov´ y soubor byl p˚ uvodnˇe vybr´ an proto, aby mohl uˇzivatel velmi snadno smazat veˇskerou historii her bez nutnosti spuˇstˇen´ı aplikace. Elegantnˇejˇs´ım ˇreˇsen´ım by vˇsak nejsp´ıˇse bylo pˇresunut´ı datové vrstvy do SQLite, kterou obsahuje kaˇzd´ y Android. Toto ˇreˇsen´ı by ovˇsem omezilo pˇr´ıstup uˇzivatele k dat˚ um bez nutnosti spuˇstˇen´ı aplikace QGame.

4.3.1.1

Form´ at dat v datov´ em souboru

1. Cel´ y soubor se skl´ ad´ a z jednoho ˇretˇezce, kter´ y je oddˇelen ˇretˇezci <:QGAME:> a <:!:>. ˇ ezec <:QGAME:> pˇredstavuje oddˇelovaˇc jednotliv´ 2. Retˇ ych her a lze ho pouˇz´ıt pouze v aplikaci QGame.

36


ˇ ezec <:!:> pˇredstavuje oddˇelovaˇc atribut˚ 3. Retˇ u v rámci jedné ˇcásti (segmentu) hry. Tento ˇretˇezec je pˇrid´ an pˇri tvorbˇe QR k´ odu ve webovém portálu.

4. Atributy pˇred´ avané ˇretˇezcem hry jsou celkem ˇctyˇri: [url] - URL adresa uloˇzeného média [ˇs´ıˇrka] - zemˇepisn´ a ˇs´ıˇrka n´ asleduj´ıc´ıho segmentu [délka] - zemˇepisn´ a délka n´ asleduj´ıc´ıho segmentu [název] - n´ azev hry

1

[ url ] <: ! : >[ sirka ] <: ! : >[ delka ] <: ! : >[ nazev ]

ˇ ezec obsaˇzen´ Zdrojov´ y k´ od 4.5: Retˇ y v QR kódech Pˇri ukládán´ı hry do souboru je na konec kaˇzdého ˇretˇezce pˇridán jeˇstˇe oddˇeluj´ıc´ı ˇretˇezec <:QGAME:>, za tento oddˇelovaˇc mohou b´ yt uloˇzena dalˇs´ı data o hrách. 1

[ url ] <: ! : >[ sirka ] <: ! : >[ delka ] <: ! : >[ nazev ] < :QGAME: >[ url ] <: ! : >[ sirkaka ] <: ! : >[ delka ] <: ! : >[ nazev ] < :QGAME: >

Zdrojov´ y k´ od 4.6: Uk´ azka ˇretˇezc˚ u ukládan´ ych do datového souboru

4.3.2 4.3.2.1

Implementace business logiky Sn´ım´ an´ı QR k´ odu

Pro samotné sn´ım´ an´ı QR k´ odu aplikace QGame vyuˇz´ıvá extern´ı aplikaci Barcode Scanner. Pro práci s t´ımto programem aplikace QGame obsahuje tˇr´ıdy IntentIntegrator a IntentResult. Spuˇstˇen´ı Barcode Scanner je provedeno ve tˇr´ıdˇe Scanner. 1 2

IntentIntegrator integrator = new IntentIntegrator ( Scanner . this ) ; integrator . initiateScan ( IntentIntegrator . QR_CODE_TYPES ) ;

Zdrojov´ y k´ od 4.7: Spuˇstˇen´ı extern´ı aplikace Barcode Scanner Zachycen´ı a manipulace s v´ ysledkem skenován´ı se provád´ı v metodˇe Scanner.onActivityResult. Zde je také provedeno automatické uloˇzen´ı naˇcteného ˇretˇezce z QR kódu do datového souboru aplikace ⇒ /sdcard/qgameSaves.txt. D´ ale se v této metodˇe provede zaslán´ı naskenovan´ ych dat do tˇr´ıdy .class. Data jsou typu String.


1 2 3

37

Intent intent = new Intent ( GameParts . this , Game . class ) ; intent . putExtra ( " game " , game ) ; startActivity ( intent ) ;

Zdrojov´ y k´ od 4.8: Pˇredán´ı dat tˇr´ıdˇe Game a jej´ı spuˇstˇen´ı

4.3.2.2

Zobrazen´ı detailu QR k´ odu

Tento u ´kol zpracov´ av´ a tˇr´ıda Game. Tato tˇr´ıda má za u ´kol zobrazit obsah naˇcteného QR k´ odu, at’ uˇz se jedn´ a o naˇcten´ı obsahu z datového souboru, ˇci zobrazen´ı v´ ysledku akce Sejmout ” kód“. Zobrazen´ı obsahu se provede v metodˇe Game.onCreate. 1 2

Bundle extras = getIntent () . getExtras () ; this . game = extras . getStringArray ( " game " ) ;

Zdrojov´ y k´ od 4.9: Z´ıskán´ı datového ˇretˇezce pro zobrazen´ı

1 2 3

this . cURL = this . game [0]; this . cGPS = this . game [1]+ " ," + this . game [2]; this . name = this . game [3];

Zdrojov´ y kód 4.10: Parsován´ı z´ıskan´ ych dat Tato tˇr´ıda m´ a také za u ´kol zobrazen´ı média dle URL z QR kódu, coˇz je provedeno spuˇstˇen´ım webového prohl´ıˇzeˇce zaˇr´ızen´ı s parametrem URL (viz n´ıˇze) a spuˇstˇen´ı navigace s parametrem GPS (viz n´ıˇze) pro snadnˇejˇs´ı lokalizaci dalˇs´ı ˇcásti. Tyto ˇcásti kódu jsou uvedeny i s kontextem, coˇz je pˇripojen´ı OnClickListeneru na pˇr´ısluˇsn´ y button a nastaven´ı akce, kter´ a se provede po kliknut´ı na tento button (akce spuˇstˇen´ı navigace ˇci prohl´ıˇzeˇce). 1 2 3 4 5 6 7 8 9

this . image = ( Button ) findViewById ( R . id . image ) ; this . image . set On Cl ic kL is te ne r ( new View . OnClickListener () { public void onClick ( View v ) { Intent i = new Intent ( Intent . ACTION_VIEW ) ; i . setData ( Uri . parse ( cURL ) ) ; startActivity ( i ) ; } }) ;

Zdrojov´ y k´ od 4.11: Spuˇstˇen´ı webové prohl´ıˇzeˇce s parametrem URL

1 2 3

this . gps = ( Button ) findViewById ( R . id . gps ) ; this . gps . set On Cl ic kL is te ne r ( new View . OnClickListener () {

38


public void onClick ( View v ) { Intent i = new Intent ( Intent . ACTION_VIEW , Uri . parse ( " google . navigation : q = " + cGPS ) ) ; startActivity ( i ) ; }

4 5

6 7 8

}) ;

Zdrojov´ y k´ od 4.12: Spuˇstˇen´ı defaultn´ı navigace pro Android s parametrem GPS

4.3.2.3

Zobrazen´ı detailu hry z rozehran´ ych her

Pˇri této akci je nejd˚ uleˇzitˇejˇs´ım krokem naˇcten´ı vˇsech rozehran´ ych her z datového souboru. Naˇc´ıtán´ı dat ze souboru m´ a na starosti tˇr´ıda Games.class, konkrétnˇe jej´ı metoda Games.readTextFile. Tato metoda naˇcte znak po znaku cel´ y soubor a v´ ysledn´ y String uloˇz´ı jako promˇennou instance tˇr´ıdy Games.class metodˇe Games.textToGames, která String rozparsuje. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

private void textToGames () { this . readTextFile () ; if ( this . fileEx ) { this . parts = this . text . split ( " <: QGAME : > " ) ; this . games = new String [ this . parts . length ][4]; ArrayList < String > al = new ArrayList < String >() ; for ( int i =0; i < this . parts . length ; i ++) { this . games [ i ]= this . parts [ i ]. split ( " <:!: > " ) ; if (! al . contains ( this . games [ i ][3]) ) { al . add ( this . games [ i ][3]) ; } } this . titles = al . toArray ( new String [ al . size () ]) ; } }

Zdrojov´ y kód 4.13: Metoda Games.textToGames pouˇzitá pro parsován´ı v´ ysledku po ˇcten´ı ze souboru Jak je vidˇet z uk´ azky k´ odu, v promˇenné Games.titles je uloˇzeno pole String˚ u (konkrétn´ıch názv˚ u her), které jsou pouˇzity pro vygenerován´ı dynamického seznamu - pˇrehledu rozehran´ ych her. 1

2 3

setListAdapter ( new ArrayAdapter < String >( this , R . layout . games , this . titles ) ) ; ListView lv = getListView () ; lv . s e t T e x t F i l t e r E n a b l e d ( true ) ;

Zdrojov´ y k´ od 4.14: Generován´ı seznamu rozehran´ ych her


39

Pˇri aktivov´ an´ı poloˇzky seznamu, jeˇz pˇredstavuje hru, bude spuˇstˇena tˇr´ıda GamesParts.class, do n´ıˇz bude pomoc´ı metody Intent.putExtra(key,value) pˇridáno pole pˇr´ısluˇsn´ ych ˇc´ ast´ı zvolené hry. 1 2

3 4 5 6

7 8 9 10

11 12 13

lv . s e t O n I t e m C l i c k L i s t e n e r ( new O nI t e mC l i ck L i st e n er () { public void onItemClick ( AdapterView parent , View view , int position , long id ) { String identifikator = ( String ) (( TextView ) view ) . getText () ; String [] parts = findParts ( identifikator ) ; if ( parts != null ) { Intent intent = new Intent ( Games . this , GameParts . class ) ; intent . putExtra ( " parts " , parts ) ; startActivity ( intent ) ; } else { Toast . makeText ( g e t A p p l i c a t i o n C o n t e x t () , " Vyskytla se chyba ! " , Toast . LENGTH_SHORT ) . show () ; } } }) ;

Zdrojov´ y k´ od 4.15: Ukázka nasazen´ı listeneru na poloˇzku seznamu her

1 2 3 4 5 6 7 8 9 10

public String [] findParts ( String iden ) { ArrayList < String > array = new ArrayList < String >() ; for ( int i =0; i < this . parts . length ; i ++) { if ( this . games [ i ][3]. equals ( iden ) ) { if (! array . contains ( this . parts [ i ]) ) array . add ( this . parts [ i ]) ; } } return array . toArray ( new String [ array . size () ]) ; }

Zdrojov´ y k´ od 4.16: Obsah metody Games.findParts

Tˇr´ıda GameParts.class funguje velmi obdobnˇe jako tˇr´ıda Games.class s t´ım rozd´ılem, ˇze vstupn´ı data nez´ısk´ av´ a naˇc´ıt´ an´ım souboru, ale z Intent od tˇr´ıdy Games.class. 1 2

Bundle extras = getIntent () . getExtras () ; this . parts = extras . getStringArray ( " parts " ) ;

Zdrojov´ y kód 4.17: Z´ıskán´ı dat ke zpracován´ı

Z pole String˚ u GameParts.parts je zjiˇstˇen název kaˇzdé ˇcásti hry, pˇridáno ˇc´ıslo segmentu a vytvoˇren´ı seznamu z takto vzniklého pole. Parsován´ı má na starosti metoda GameParts.splitArray.

40

1


nazevhry_0

Zdrojov´ y k´ od 4.18: Ukázka v´ ysledného názvu ˇcásti hry Po aktivov´ an´ı poloˇzky seznamu pˇredstavuj´ıc´ı segment hry je dalˇs´ı postup totoˇzn´ y s v´ yˇse uveden´ ym postupem pˇri sejmut´ı nové hry z QR kódu (rozum´ı se odeslán´ı ˇretˇezce s u ´daji o konkrétn´ım segmentu tˇr´ıdˇe Game.class).

Kapitola 5

Testov´ an´ı pouˇ zitelnosti V této ˇc´ asti se zab´ yv´ am testov´ an´ım v´ ysledk˚ u mé práce, tedy webového portálu a aplikace pro Android. Protoˇze c´ılové skupiny pro obˇe ˇcásti nemus´ı nutnˇe splˇ novat stejné podm´ınky, rozdˇelila jsem tuto kapitolu na dvˇe podkapitoly. V prvn´ı se zamˇeˇr´ım na testován´ı webového portálu, ve druhé na testov´ an´ı aplikace.

5.1

Testov´ an´ı webov´ eho port´ alu

Tato ˇc´ ast kapitoly o testov´ an´ı se zab´ yvá testován´ım uˇzivatelského rozhran´ı webového port´ alu http://qgame.wz.cz. M´ ym c´ılem bylo zjistit, v jaké m´ıˇre se mi podaˇrilo vytvoˇrit uˇzivatel˚ um jasn´ y a srozumiteln´ y pr˚ uchod t´ımto portálem a jeho pˇr´ıpadné chyby a nedostatky. Pro testov´ an´ı jsem vyuˇzila m´ıstnost k tomu urˇcenou, laboratoˇr Usability Lab, um´ıstˇenou ˇ eho vysokého uˇcen´ı v Praze na Karlovˇe n´ amˇest´ı v budovˇe E Fakulty elektrotechnické Cesk´ technického.

5.1.1

´ castn´ıc´ı testu Uˇ

K samotnému testov´ an´ı jsem potˇrebovala 5 u ´ˇcastn´ık˚ u testu - participant˚ u. M´ ym poˇzadavkem bylo, aby tito participanti byli jak muˇzi, tak ˇzeny, r˚ uzn´ ych vˇekov´ ych kategori´ı. Dalˇs´ımi poˇzadavky bylo uˇz´ıv´ an´ı internetu a znalost pojmu geocaching. Pˇredbˇeˇzné z´ ajemce jsem sh´ anˇela pomoc´ı sociáln´ı s´ıtˇe Facebook a mezi pˇráteli a znám´ ymi. T´ımto zp˚ usobem se mi podaˇrilo sehnat skupinu dev´ıti osob. K v´ ybˇeru participant˚ u slouˇzil screener dotazn´ık (pˇr´ıloha screener je um´ıstˇena na CD) vytvoˇren´ y pomoc´ı sluˇzby Google Docs. Z´ ajemc˚ um jsem na tento dotazn´ık zaslala odkaz, pod kter´ ym mˇeli moˇznost jej vyplnit online. Po vyplnˇen´ı dotazn´ıku vˇsemi zájemci jsem z´ıskala skupinu pˇeti osob, které splˇ novali mé ˇ poˇzadavky, a to znalost pojmu geocaching a pouˇz´ıván´ı internetu. Zeny a muˇzi byli v pomˇeru 2 : 3, ve vˇekov´ ych kategori´ıch 10 - 20, 20 - 30 a v´ıce jak 30 v pomˇeru 2 : 2 : 1, pouˇz´ıv´ an´ı internetu dennˇe a 2 - 3x t´ ydnˇe v pomˇeru 4 : 1. Jednou z hlavn´ıch podm´ınek pro splnˇen´ı m´ ych poˇzadavk˚ u pro testov´ an´ı byla i otázka t´ ykaj´ıc´ı se znalosti pojmu geocaching, kterou

41

´ Í POUZITELNOSTI ˇ KAPITOLA 5. TESTOVAN

42

splˇ nuj´ı vˇsichni vybran´ı participanti. Vyplnˇené odpovˇedi vˇsech zájemc˚ u o testován´ı jsou zaznamenány do tabulky (tabulka 5.1). V dalˇs´ı tabulce (tabulka 5.2) pak odpovˇedi tˇech, kteˇr´ı nebyli vybráni. 5.1.1.1

Data z´ıskan´ a ze screener dotazn´ıku

Poˇ rad´ı 1 2 3 4 5

Pohlav´ı Muˇz ˇ Zena Muˇz Muˇz ˇ Zena

Vˇ ek 20 - 30 10 - 20 V´ıce jak 30 10 - 20 20 - 30

Internet uˇ z´ıv´ am: Dennˇe 2 - 3x t´ ydnˇe Dennˇe Dennˇe Dennˇe

Znalost pojmu geocaching Ano, setkal/a jsem se. Ano, setkal/a jsem se. Ano, setkal/a jsem se. Ano, setkal/a jsem se. Ano, setkal/a jsem se.

Tabulka 5.1: V´ ysledky screener dotazn´ıku - participanti, kteˇr´ı byli vybráni pro testován´ı Poˇ rad´ı 6 7 8 9

Pohlav´ı Muˇz Muˇz Muˇz ˇ Zena

Vˇ ek 20 - 30 20 - 30 10 - 20 20 - 30

Internet uˇ z´ıv´ am: Dennˇe Dennˇe Dennˇe 2 - 3x t´ ydnˇe

Znalost pojmu geocaching Ne, neslyˇsel/a. Ano, setkal/a jsem se. Ne, neslyˇsel/a. Ne, neslyˇsel/a.

Tabulka 5.2: V´ ysledky screener dotazn´ıku - participanti, kteˇr´ı nebyli vybráni pro testován´ı

5.1.2

Dotazn´ık pˇ red testov´ an´ım

Pˇred t´ım, neˇz kaˇzd´ y participant mohl pˇrej´ıt k testován´ı konkrétn´ıch u ´kol˚ u, musel vyplnit dotazn´ık urˇcen´ y pˇred testem, tzv. pre-test (pˇr´ıloha pre-test je um´ıstˇena na CD). Tento dotazn´ık byl opˇet vytvoˇren pomoc´ı sluˇzby Google Docs. Z´ıskané informace jsem opˇet zanesla do tabulky (tabulka 5.3). V tomto dotazn´ıku jsem zjiˇst’ovala hlavnˇe jaké má participant znalosti ohlednˇe hry geocaching, zda ho provozuje aktivnˇe ˇci pasivnˇe a jestli vlastn´ı nˇejaké GPS zaˇr´ızen´ı.

Vesele. Fajnˇe. Napnutˇe. Tˇeˇs´ım se. Pˇr´ıjemnˇe.

Aktivnˇe Aktivnˇe Pasivnˇe Pasivnˇe Aktivnˇe

Vlastn´ıte nˇ ejak´ e zaˇ r´ızen´ı GPS? Jak´ e?

Geocaching provozujete:

Jak se nyn´ı c´ıt´ıte?

Participant 1 2 3 4 5

Data z´ıskan´ a z dotazn´ıku pˇ red testov´ an´ım

Ano, (mobil) Ano, (mobil, Garmin) Ano, (mobil) Ano, (mobil, v autˇe) Ano, (mobil)

Vlastn´ıte nebo m´ ate pˇ r´ıstup k: Tiskárna Pamˇet’. zaˇr´ızen´ı √ √ √ √ √ √ √ √ √ √

Tabulka 5.3: Data z´ıskaná z pre-testu

Cache √ √ √ √ √

Jak´ e zn´ ate pojmy: QR k´ od Médium Segment √ √ × √ √ √ √ √ × √ × × √ √ √

´ Í WEBOVEHO ´ ´ 5.1. TESTOVAN PORTALU

5.1.2.1

43


44

5.1.3

Pr˚ ubˇ eh testov´ an´ı

V m´ıstnosti pro participanta byl poˇc´ıtaˇc s touto konfigurac´ı: • Intel Core 2 Duo 4300 (1,8 GHz) • 2 GB RAM • Windows 7 Enterprise SP1 (32bitová verze) • Monitor Dell (rozliˇsen´ı 1280x960 px) Jediné co bylo potˇreba participantovi dopˇredu zaˇr´ıdit, bylo vytvoˇrit sloˇzku se soubory rozd´ıln´ ych typ˚ u, které byly potˇreba pˇri testován´ı. Kv˚ uli záznamu testován´ı byl na poˇc´ıtaˇci pro participanty zprovoznˇen program Morae Observer a k poˇc´ıtaˇci pˇripojen mikrofon. Pro záznam videa byly k dispozici 2 kamery pro sn´ımán´ı participanta. Kaˇzd´ y participant dostal pˇred samotn´ ym testován´ım k vyplnˇen´ı pre-test dotazn´ık. Poté co dotazn´ık vyplnil, byl usazen k poˇc´ıtaˇci urˇcen´ y pro participanta. Vedle nˇej sedˇel v m´ıstnosti vˇzdy jeden moder´ ator, kter´ y mˇel za u ´kol participantovi vysvˇetlit postup pˇri testován´ı, jak se má chovat, ˇze m´ a vˇsechny své kroky i myˇslenky nahlas komentovat. Jakmile byl participant pˇripraven, moder´ ator spustil nahr´ av´ an´ı v programu Morae Observer. Moderátor pˇredal participantovi scén´ aˇr s u ´koly, kter´ y byl vytvoˇren pomoc´ı sluˇzby Google Docs, pˇri testov´ an´ı byl ale poskytnut v pap´ırové formˇe (pˇr´ıloha scénáˇr je um´ıstˇena na CD), a dal mu prostor, aby si u ´koly nejprve v klidu pˇreˇcetl. Poté mu vysvˇetlil pˇr´ıpadné nejasnosti. 5.1.3.1

Soupis u ´ kol˚ u pro participanty

1. Registrace • Otevˇrete si v prohl´ıˇzeˇci adresu qgame.wz.cz. • Zaregistrujte se, pros´ım. 2. Tvorba hry ˇ • Nejprve si pˇreˇctˇete z´ aloˇzku O HRE. • Vytvoˇrte hru s n´ azvem “Moje prvn´ı hra x”, kde x bude ˇc´ıslo poˇrad´ı, které Vám ozn´ am´ı moder´ ator. • Otevˇrete sloˇzku QRGAME um´ıstˇenou na ploˇse. Zde si zjistˇete podle Vaˇseho ˇc´ısla poˇrad´ı jaké médium (média) budete uploadovat. • Jako typ média vyberte to, které Vám bylo v pˇredchoz´ım bodˇe pˇridˇeleno. Informace k médi´ım: Název: Pes baskervillsky Autor: Arthur Conan Doyle Název: Plakos Autor: Jiˇr´ı Franta

´ Í WEBOVEHO ´ ´ 5.1. TESTOVAN PORTALU

45

N´ azev: Valerie Autor: Amy Winehouse N´ azev: Winter Warriors Autor: David Gemmell N´ azev: Doc. Ing. D. Zlo, CSc. vzpom´ıná Autor: Jojin & HedgeHog N´ azev: Monkey Man Autor: Amy Winehouse • Pro GPS lokace pouˇzijte “Mapy.cz”. • Zkontrolujte, zda Vaˇse hra byla u ´spˇeˇsnˇe vytvoˇrena. 3. Pˇr´ıspˇevek • Do n´ avˇstˇevn´ı knihy vloˇzte nˇejak´ y sv˚ uj pˇr´ıspˇevek (napˇr. jak se Vám l´ıb´ı myˇslenka, hra, web atd.). Jednotlivé u ´koly byly vyb´ır´ any tak, aby participant dˇelal souvislou práci a otestoval tak i cel´ y webov´ y port´ al. Nejv´ıce d˚ uleˇzit´ y byl vˇsak bod t´ ykaj´ıc´ı se tvorby hry.

5.1.4

Souhrn poznatk˚ u z testov´ an´ı s jednotliv´ ymi u ´ˇ castn´ıky testov´ an´ı

Testu se z´ uˇcastnilo celkem 5 uˇzivatel˚ u, kteˇr´ı byli vybráni na základˇe screener dotazn´ıku. V´ ysledky test˚ u jednotliv´ ych participant˚ u se ve vˇsech bodech shoduj´ı, kromˇe u ´kolu druhého. Uvedu zde proto pr˚ ubˇeh dvou test˚ u nejv´ıce vystihuj´ıc´ıch komplikace s uˇzivatelsk´ ym rozhran´ım. 1. Participant ˇc. 1 ´ • Ukol 1 (registrace): S t´ımto krokem nemˇel uˇzivatel jedin´ y problém. Registraci shrnul jako jasnou a struˇcnou. Registrace tedy probˇehla u ´spˇeˇsnˇe. ´ • Ukol 2 (tvorba hry): Pˇri tomto u ´kolu nastal problém aˇz ve druhé ˇcásti formul´ aˇre. Participant si totiˇz nepamatoval typ média, které zvolil v prvn´ı ˇcásti formul´ aˇre. Po snaze nahr´ at soubor jiného byl vˇsak správnˇe systémem upozornˇen, ˇze vkl´ ad´ a jin´ y typ souboru, neˇz uvedl v pˇredchoz´ım kroku. Protoˇze formuláˇre neobsahovaly ´ tlaˇc´ıtko zpˇet, moder´ ator mu musel napovˇedˇet. Ukol uˇz pak dokonˇcil bez vˇetˇs´ıch komplikac´ı. ´ • Ukol 3 (pˇr´ıspˇevek): Tento u ´kol pro participanta opˇet nebyl problém. Vloˇzen´ı pˇr´ıspˇevku probˇehlo v poˇrádku a bez jedin´ ych komplikac´ı.


46

2. Participant ˇc. 4 ´ • Ukol 1 (registrace): Jako u vˇsech ostatn´ıch u ´ˇcastn´ık˚ u testu i tento u ´kol participant provedl bez jediné komplikace ˇci zaváhán´ı. ´ • Ukol 2 (tvorba hry): Pˇri tomto u ´kolu problém nastal hned u prvn´ıho bodu. Uˇzivatel oznaˇcil poloˇzku v menu, ale ˇrekl, ˇze si nen´ı jist´ y, kde se nacház´ı, protoˇze poloˇzky nebyly nijak zv´ yraznˇeny a záloˇzka neobsahovala nadpis, dle kterého by mu bylo naprosto jasné, kde se nacház´ı. S tvorbou hry nemˇel aˇz takov´ y problém, jen v posledn´ım kroku podotkl, ˇze by moˇzná uv´ıtal vkládán´ı GPS souˇradnic do jednoho pole. Po vygenerov´ an´ı kód˚ u jeˇstˇe pˇripomnˇel, ˇze by mˇely b´ yt dané kroky v´ıce okomentované pro volnˇejˇs´ı pr˚ ubˇeh vytváˇren´ı her. ´ • Ukol 3 (pˇr´ıspˇevek): Tento u ´kol opˇet nebyl ˇzádn´ y problém. Participant vloˇzil pˇr´ıspˇevek bez jediného zav´ ah´ an´ı.

5.1.5

Nalezen´ y probl´ em a n´ avrhy jeho ˇ reˇ sen´ı

• Tvorba hry Problematick´ yu ´kon se stal pouze pˇri vytváˇren´ı hry. Prvn´ı prob´ıhal u vˇsech participant˚ u v poˇr´ adku. Ve druhém kroku vˇsak v jednom pˇr´ıpadˇe nastala chyba v podobˇe vkl´ adaného souboru. Participant si nezapamatoval typ média, jaké má vkládat a snaˇzil se nahr´ at médium jiného typu, neˇz jaké zvolil v prvn´ım kroku. Tˇret´ı ˇc´ ast formul´ aˇre prob´ıhal bez vˇetˇs´ıch problém˚ u. V posledn´ım kroku byl pak problém se vkl´ ad´ an´ım GPS souˇradnic. Nˇekteˇr´ı participanti byli trochu zmateni pˇri vkl´ ad´ an´ı souˇradnic, a to hlavnˇe kv˚ uli pˇrep´ınán´ı mezi obrazovkami. V pˇr´ıpadˇe zapomenut´ı vybraného média v prvn´ım kroku by bylo ˇreˇsen´ım uvádˇet tento typ v dalˇs´ıch ˇc´ ast´ı formuláˇre. Dalˇs´ım vylepˇsen´ım by bylo rozhodnˇe tlaˇc´ıtko Zpˇet. V posledn´ım kroku pak vloˇzen´ı mapy, ze které by se po oznaˇcen´ı konkrétn´ıho m´ısta vloˇzily GPS souˇradnice do formuláˇre k jednotliv´ ym segment˚ um.

5.1.6

Dotazn´ık po testov´ an´ı

Dotazn´ık po testov´ an´ı, tzv. post-test participanti vyplˇ novali po skonˇcen´ı testován´ı, a to v pap´ırové formˇe. K vytvoˇren´ı tohoto formuláˇre byla vˇsak rovnˇeˇz pouˇzita sluˇzba Google Docs (post-test je k dispozici na CD), odkud byly následnˇe vytiˇstˇeny. V tabulce 5.4 jsou pak uvedeny odpovˇedi jednotliv´ ych u ´ˇcastn´ık˚ u

Participant

´ Í APLIKACE ANDROID 5.2. TESTOVAN

Jak jste se c´ıtil/a bˇehem testov´ an´ı?

1

Zmatenˇe.

2

Pˇr´ıjemnˇe.

3

V´ıceménˇe pˇr´ıjemnˇe.

4

Komfortnˇe.

5

Trochu ve stresu.

Jak byste zhodnotil/a strukturu webu? Pˇrehledná. Generován´ı x Vytvoˇren´ı. Pˇrehledné, trochu zmatené u vytváˇren´ı hry.

Velmi pˇrehledné.

Pˇrehledn´ y, ale málo obr´ azk˚ u. Srozumitelné, lehk´ y zmatek pˇri tvorbˇe hry.

47

Co Vám na webu chybˇelo?

Jak byste zhodnotil/a celkovou myˇslenku projektu?

Pˇrehled, kolik lid´ı kterou hru hraje.

L´ıb´ı, jin´ y geocaching.

Pravidla o vytvoˇren´ı hry. Mapa pˇr´ımo na stránce se vkládán´ım GPS souˇradnic. Uˇzivatelsky pˇr´ıvˇetivˇejˇs´ı (moje hry, personáln´ı sekce).

Zaj´ımavé, má smysl. Jako dalˇs´ı moˇzná keˇs na geocaching.com.

Popisky pˇri tvorbˇe hry.

Urˇcitˇe zaj´ımavé.

Zaj´ımavé, origináln´ı. Zábavné, zaj´ımav´ y nápad, snad se uchyt´ı.

Tabulka 5.4: Data z dotazn´ıku po testován´ı

5.2

Testov´ an´ı aplikace Android

Tato ˇc´ ast kapitoly o testov´ an´ı se zab´ yvá testován´ım uˇzivatelského rozhran´ı aplikace Android. M´ ym c´ılem bylo zjistit, v jaké m´ıˇre se mi podaˇrilo vytvoˇrit uˇzivatel˚ um jasn´ y a srozumiteln´ y pr˚ uchod touto aplikac´ı a jej´ı pˇr´ıpadné chyby a nedostatky. Protoˇze se jedn´ a o outdoorovou hru, testován´ı prob´ıhalo v terénu, konkrétnˇe v parku a okol´ı Vyˇsehradu v Praze.

5.2.1

´ castn´ıc´ı testu Uˇ

K samotnému testov´ an´ı jsem potˇrebovala 5 osob - participant˚ u. M´ ym poˇzadavkem bylo, aby tito participanti byli jak muˇzi, tak ˇzeny, r˚ uzn´ ych vˇekov´ ych kategori´ı. Dalˇs´ımi poˇzadavky byla znalost pojmu geocaching a aby participanti umˇeli pracovat s mobiln´ım telefonem s Androidem. Pˇredbˇeˇzné z´ ajemce jsem sh´ anˇela pomoc´ı sociáln´ı s´ıtˇe Facebook a mezi pˇráteli a znám´ ymi. T´ımto zp˚ usobem se mi podaˇrilo sehnat skupinu ˇsesti osob. K v´ ybˇeru participant˚ u slouˇzil screener dotazn´ık (pˇr´ıloha screener je um´ıstˇena na CD) vytvoˇren´ y pomoc´ı sluˇzby Google Docs. Z´ ajemc˚ um jsem na tento dotazn´ık zaslala odkaz, pod kter´ ym mˇeli moˇznost jej vyplnit online.


48

Po vyplnˇen´ı dotazn´ıku vˇsemi z´ ajemci jsem z´ıskala skupinu pˇeti osob, které splˇ novali mé ˇ poˇzadavky, a to znalost pojmu geocaching a vlastnˇen´ı mobiln´ıho telefonu s Androidem. Zeny a muˇzi byli v pomˇeru 2 : 3, ve vˇekov´ ych kategori´ıch 10 - 20 a 20 - 30 v pomˇeru 1 : 4. Jednou z hlavn´ıch podm´ınek pro splnˇen´ı m´ ych poˇzadavk˚ u pro testován´ı byla i otázka t´ ykaj´ıc´ı se znalosti pojmu geocaching, kterou splˇ nuj´ı vˇsichni vybran´ı participanti. Vyplnˇené odpovˇedi vˇsech zájemc˚ u o testov´ an´ı jsou zaznamenány do tabulky (tabulka 5.5). 5.2.1.1

Data z´ıskan´ a ze screener dotazn´ıku

Poˇ rad´ı 1 2 3 4 5

Pohlav´ı ˇ Zena Muˇz Muˇz ˇ Zena Muˇz

Vˇ ek 20 20 20 10 20

-

Pr´ ace s Androidem?

30 30 30 20 30

Ano Ano Ano Ano Ano

M´ ate GPS zaˇ r´ızen´ı? Jak´ e? Ano Ano Ano Ano Ano

(v (v (v (v (v

mobilu) mobilu) mobilu, Garmin) mobilu) mobilu, v autˇe)

Tabulka 5.5: V´ ysledky screener dotazn´ıku - participanti, kteˇr´ı byli vybráni pro testován´ı

5.2.2

Dotazn´ık pˇ red testov´ an´ım

Pˇred t´ım, neˇz kaˇzd´ y participant mohl pˇrej´ıt k testován´ı aplikace, musel vyplnit dotazn´ık urˇcen´ y pˇred testem, tzv. pre-test (pˇr´ıloha pre-test je um´ıstˇena na CD). Tento dotazn´ık byl opˇet vytvoˇren pomoc´ı sluˇzby Google Docs. Z´ıskané informace jsem zanesla do tabulky (tabulka 5.6). V tomto dotazn´ıku jsem zjiˇst’ovala hlavnˇe to, zda má participant zkuˇsenosti s Androidem a zda vlastn´ı nˇejaké GPS zaˇr´ızen´ı. V posledn´ım bodˇe mne pak zaj´ımalo, zda pouˇz´ıvaj´ı nˇejak´ y scanner QR k´ od˚ u a pˇr´ıpadnˇe jak´ y.

1 2 3 4 5

Tˇeˇs´ım se. Ted’ uˇz dobˇre. Je mi skvˇele. Velmi dobˇre. Jsem napnut´ y.

M´ ate ˇ cteˇ cku QR k´ od˚ u? Jakou?

Geocaching provozujete:

Jak se nyn´ı c´ıt´ıte?

Participant

Data z´ıskan´ a z dotazn´ıku pˇ red testov´ an´ım

Aktivnˇe Pasivnˇe Aktivnˇe Aktivnˇe Aktivnˇe

QR Droid Barcode Scanner Barcode Scanner Seznam.cz QR ˇcteˇcka Barcode Scanner

Cache √ √ √ √ √

Jak´ e zn´ ate pojmy: QR k´ od Médium Segment √ √ √ √ √ √ √ √ √ √ √ × √ √ √


5.2.2.1

Tabulka 5.6: Data z´ıskaná z pre-testu

49


50

5.2.3

Pr˚ ubˇ eh testov´ an´ı

K testován´ı aplikace byl pouˇzit mobiln´ı telefon HTC Desire S s verz´ı systému Android 2.3.5 a s nainstalovanou aplikac´ı QGame. Jediné co bylo potˇreba participantovi dopˇredu zaˇr´ıdit, bylo vytvoˇrit hru pomoc´ı webového portálu qgame.wz.cz a vytvoˇrené k´ ody um´ıstit na vybraná m´ısta. Prvn´ı segment pak jeˇstˇe vytisknout, aby mohl uˇzivatel nalézt zbylé dalˇs´ı. Kaˇzd´ y participant dostal pˇred samotn´ ym testován´ım k vyplnˇen´ı pre-test dotazn´ık. Poté co dotazn´ık vyplnil, dostal k dispozici v´ yˇse zm´ınˇen´ y mobiln´ı telefon HTC Desire S. Poté co moderátor participanta informoval o pr˚ ubˇehu testu a poprosil kaˇzdého o ˇrádné komentován´ı veˇsker´ ych sv´ ych krok˚ u a myˇslenek, mohli pˇrej´ıt k samotnému testován´ı. Scénáˇr zde byl naprosto jasn´ y a jednoduch´ y. Zahrát si hru, která byla k tomuto u ´ˇcelu vytvoˇrena, a z´ıskat tak tajemstv´ı“ uloˇzené v kódu. ”

5.2.4

Souhrn poznatk˚ u z testov´ an´ı s jednotliv´ ymi u ´ˇ castn´ıky testov´ an´ı

Testu se z´ uˇcastnilo celkem 5 uˇzivatel˚ u, kteˇr´ı byli vybráni na základˇe screener dotazn´ıku. V´ ysledky test˚ u jednotliv´ ych participant˚ u se ve vˇsech bodech shoduj´ı. Jediné v ˇcem se uˇzivatelé liˇsili, bylo zobrazov´ an´ı obsahu. Nˇekteˇr´ı se chtˇeli nechat pˇrekvapit aˇz na konci, jin´ı hned po nasn´ımán´ı kódu. Uvedu zde proto pouze pr˚ ubˇeh jednoho testu. • Participant ˇc. 3 Participant mˇel za u ´kol zahr´ at si hru vytvoˇrenou pro toto testován´ı. Dostal tedy k dispozici prvn´ı segment QR k´ odu. Otevˇrel si tedy aplikaci QGame a kód bez jediného problému nasn´ımal. GPS souˇradnice vloˇzil do GPS pomoc´ı tlaˇc´ıtka a nechal se navigovat k dalˇs´ımu segmentu. Takto pokraˇcoval aˇz k posledn´ımu segmentu. Nyn´ı si nechal zobrazit obsah QR kód˚ u. V pr˚ ubˇehu testu nenastal ˇzádn´ y problém.

5.2.5

Dotazn´ık po testov´ an´ı

Dotazn´ık po testov´ an´ı, tzv. post-test participanti vyplˇ novali po skonˇcen´ı testován´ı, a to v pap´ırové formˇe. K vytvoˇren´ı tohoto formuláˇre byla vˇsak rovnˇeˇz pouˇzita sluˇzba Google Docs (post-test je k dispozici na CD), odkud byly následnˇe vytiˇstˇeny. V tabulce 5.7 jsou pak uvedeny odpovˇedi jednotliv´ ych u ´ˇcastn´ık˚ u testu.

Participant


Jak jste se c´ıtil/a bˇehem testov´ an´ı?

1

Kr´ asn´ a proch´ azka.

2

4

Dobˇre. Je mi skvˇele. ˇ ’astn´ St a, ˇze jsem to zvl´ adla.

5

Pˇr´ıjemnˇe.

3

51

Jak byste zhodnotil/a strukturu aplikace?

Co Vám na aplikaci chybˇelo?

Jednoduchá. Pˇrehledná. Jasn´ a, jednoduchá, pˇrehledná. Jednoduchá a srozumitelná.

Dˇelit i obrázky a hudbu. Vlastn´ı kompas nebo GPS. Celkov´ y poˇcet segment˚ u.

Jasn´ a, pˇrehledná.

Nev´ım.

ˇ adn´ Z´ y problém.

Ted’ mˇe nic nenapadá.

Jak byste zhodnotil/a celkovou myˇslenku projektu? Jsem mile pˇrekvapena. Super nápad. Je to urˇcitˇe zaj´ımav´ y nápad. Je to cool. Myˇslenka se mi moc l´ıb´ı. Rád si znovu zahraji, pokud to bude nˇekdy moˇzné.

Tabulka 5.7: Data z dotazn´ıku po testován´ı

5.2.6

Z´ avˇ ery z testov´ an´ı

C´ılem testov´ an´ı bylo zjistit, zda má webov´ y portál i aplikace uˇzivatelské rozhran´ı srozumitelné budouc´ım hr´ aˇc˚ um. Testovali se jak muˇzi tak ˇzeny v r˚ uzn´ ych vˇekov´ ych kategori´ıch. Testov´ an´ı webové aplikace uk´ azalo, ˇze je jeˇstˇe potˇreba nˇekteré ˇcásti vylepˇsit. Aplikace je uˇz nyn´ı plnˇe funkˇcn´ı a drobné u ´pravy aplikaci razantnˇe nezmˇen´ı. Mysl´ım, ˇze dle v´ ysledk˚ u ’ testován´ı jsou obˇe ˇc´ asti jiˇz ted plnˇe pouˇzitelné.

52


Kapitola 6

Z´ avˇ er C´ılem mé bakal´ aˇrské pr´ ace bylo navrhnout a zrealizovat variantu hry typu geocaching s vyuˇzit´ım QR k´ od˚ u, kter´ a by mˇela pracovat jako distribuˇcn´ı kanál multimediáln´ıho obsahu, kde hr´ aˇci maj´ı za u ´kol nach´ azet v reálném svˇetˇe samolepky s QR kódy, které reprezentuj´ı fragmenty multimedi´ aln´ıho obsahu. Tuto hru pak zrealizovat jako kombinaci aplikace na mobiln´ım telefonu a webového portálu. Na konci se pak v´ ysledná aplikace spolu s webov´ ym portálem otestovala. Pˇri testov´ an´ı bylo pouˇzito celkem 10 osob, z toho 5 na webov´ y port´ al a 5 na aplikaci Android. Testov´ an´ı prokázalo nˇekolik chyb ˇci nedostatk˚ u, které jsem se snaˇzila maxim´ alnˇe odstranit. Vˇsechny hlavn´ı c´ıle se podaˇrilo splnit a aplikace byla podle zad´ an´ı otestov´ ana. Mezi nejvˇetˇs´ı problémy bych zaˇradila systém generován´ı QR kód˚ u obsahuj´ıc´ıch GPS souˇradnice a URL, jak tyto informace v kódu pˇrenést. K tomu poslouˇzily ˇretˇezce speciáln´ıch znak˚ u pro oddˇelen´ı jednotliv´ ych ˇcást´ı. Jedn´ım z poˇzadavk˚ u bylo rozdˇelen´ı formuláˇr˚ u pˇri tvorbˇe hry vzhledem k typu média. Pro MP3 a obrázky je to shodné, médium se uploaduje aˇz v posledn´ım kroku spolu s GPS souˇradnicemi, protoˇze co QR kód, to jedna MP3 nebo obrázek. Pro text je to vˇsak rozd´ılné, zdroj se uploaduje jiˇz ve druhém kroku, textov´ y soubor je pak rozdˇelen do nˇekolika ˇc´ ast´ı. Posledn´ı starost´ı bylo zvládnout Android bez pˇredchoz´ıch znalost´ı, pouze se znalostmi Javy. Ve v´ ysledku to ale nebylo aˇz tak zlé, jak se na prvn´ı pohled zdálo. Zaˇc´ atky byly tˇeˇzké, ale vynikaj´ıc´ıch materiál˚ u plno. S webov´ ym portálem lze volnˇe pracovat i v budoucnu. Jako rozˇs´ıˇren´ım webového portálu mohou b´ yt moˇzná vylepˇsen´ı, a to napˇr´ıklad vyhled´ av´ an´ı pˇr´ıspˇevk˚ u v knize n´ avˇstˇev dle filtr˚ u, vyhledáván´ı her dle filtr˚ u, pˇri ztrátˇe hesla generov´ an´ı nového hesla a zasl´ an´ı na emailov´ yu ´ˇcet uˇzivatele. Dále pak zmˇena u ´daj˚ u o uˇzivateli, které uvedl pˇri registraci a pr´ ace s formátem pdf. Pro uˇzivatele by také bylo velice zaj´ımavé vidˇet pr˚ ubˇeh her, které sami vytvoˇrili. Jako pˇr´ıklad moˇzn´ ych rozˇs´ıˇren´ı aplikace lze zaˇradit pouˇzit´ı map pˇri práci s GPS, stahov´ an´ı médi´ı na pozad´ı. D´ ale pak vlastn´ı navigace GPS ve formˇe kompasu. A v neposledn´ı ˇradˇe vlastn´ı ˇcteˇcka QR k´ od˚ u. S aplikac´ı jde volnˇe pracovat i v budoucnu.

53

54

´ ER ˇ KAPITOLA 6. ZAV

Literatura ˇ A ´ R, ˇ Petr. QR k´ [1]KRCM ody: kilobajty v malém obrázku. Root.cz [online]. 2010, 1. bˇrezen [cit. 2012-05-24]. Dostupné z: http://www.root.cz/clanky/qr-kody-kilobajty-v-malemobrazku/ [2]CHEN, Brandon. QR Code : . : learn - innovate - share [online]. 2008, 12. 5. [cit. 201205-24]. Dostupné z: http://blog.brandonc.me/search?q=qr+code [3]KOLAJA, Jiˇr´ı. UIS : drˇz´ıme krok s dobou...drˇzte krok s n´ ami [online]. 2011 [cit. 2012-0525]. Dostupné z: ://www.uis.cz/ (Tabulka byla poˇr´ızena 1. 3. 2011 pˇred reviz´ı stránek) [4]QR-Code Generator. KAYWA: QR-CODE [online]. 2010 [cit. 2012-05-25]. Dostupné z: http://qrcode.kaywa.com/ [5]QR Code Generator: from the ZXing Project. Zxing: Multi-format 1D/2D barcode image processing library with clients for Android, Java [online]. 2010 [cit. 2012-05-25]. Dostupné z: http://zxing.appspot.com/generator/ [6]GOQR.ME. GOQR.ME [online]. 2010 [cit. 2012-05-25]. Dostupné z: http://goqr.me/ [7]AppBrain: Najdˇete ty nejlepˇs´ı Android aplikace [online]. 2010 [cit. 2012-05-25]. Dostupné z: http://cs.appbrain.com/ [8]The KAYWA READER. KAYWA: READER [online]. 2010 [cit. 2012-05-25]. Dostupné z: http://reader.kaywa.com/ [9]LEIMER, Ladislav. Kuriozita: Jihokorejci nakupuj´ı na stˇenách pomoc´ı QR kódu. Blesk.cz [online]. 2011 [cit. 2012-05-25]. ISSN 1213-8991. Dostupné z: http://www.blesk.cz/ clanek/digital-mobily/157578/kuriozita-jihokorejci-nakupuji-na-stenach-pomoci-qrkodu.html [10]BURZA, Marek. Video: QR kód si m˚ uˇzete sami vyrobit, tipy na domác´ı vyuˇzit´ı tu jsou. Hobby.cz [online]. 2010, 22. ˇr´ıjen [cit. 2012-05-25]. Dostupné z: http://hobby.idnes. cz/video-qr-kod-si-muzete-sami-vyrobit-tipy-na-domaci-vyuziti-tu-jsou-10z-/hobbydomov.aspx?c=A1010201 80711h obby − domovb ma [11]Qr-codes.cz: Vˇse o QR k´ odech. Qr-codes.cz [online]. 2007, 17. bˇrezen [cit. 2012-05-25]. Dostupné z: http://www.qr-codes.cz/?cat=4

55

56

´ ER ˇ KAPITOLA 6. ZAV

[12]Co je Android. AndroidForum.cz : Otevˇren´ a komunita pro otevˇrenou platformu [online]. 2008, 23. z´ aˇr´ı [cit. 2012-05-25]. Dostupné z: http://androidforum.cz/co-je-androidt6.html [13]#QRGAME : Outdoorov´ a hra vyuˇz´ıvaj´ıc´ı QR k´ ody [online]. 2012, 21. duben [cit. 201205-25]. Dostupné z: http://qrgame.cz/ ´ [14]TREJBAL, Tom´ aˇs. District 9 qr code game: QR-KODY.cz — qr kód (qr code) — mo´ biln´ı internet. QR - kody: QR-KODY.cz — qr k´ od (qr code) — mobiln´ı internet [online]. 2009, 29. listopad [cit. 2012-05-24]. Dostupné z: http://www.qr-kody.cz/qr/district-9qr-code-game-video-hra-s-filmem-district-9.html ´ [15]QR Code game. VONASEK, Luboˇs a Viktor SCHUMANN. Institut intermédi´ı [online]. 2011, 18. kvˇeten [cit. 2012-05-25]. Dostupné z: http://www2.iim.cz/wiki/index.php/ QRC odeg ame [16]Google’s QR Code Game. BeQRious: We follow the trends [online]. 2009 [cit. 2012-0525]. Dostupné z: http://beqrious.com/google-s-qr-code-game/ [17]QR Code Scavenger Hunt Games. QR Wild [online]. 2012 [cit. 2012-05-25]. Dostupné z: http://qrwild.com/ [18]QR Code Game. All about Mobile Life: and more... (the Notebook) [online]. 2008, 23. leden [cit. 2012-05-25]. Dostupné z: http://mobile.kaywa.com/p890.html [19]Riddle Game with QR Codes. SpottyBanana [online]. 2011, 11. bˇrezen [cit. 2012-05-25]. Dostupné z: http://spottybanana.net/2011/03/11/riddle-game-with-qr-codes/ [20]GUTMANS, Andi, Stig Sæther BAKKEN a Derick RETHANS. Mistrovstv´ı v PHP 5. Vyd. 1. Pˇreklad Bogdan Kiszka. Brno: CP Books, 2005, 655 s. ISBN 80-251-0799-X. [21]Easy Intro to ASP.NET. Bean software [online]. 2002 [cit. 2012-05-25]. Dostupné z: http://www.beansoftware.com/ASP.NET-Tutorials/Intro-ASP.NET-MVC.aspx [22]PHP : Hypertext Preprocessor [online]. 2001 [cit. 2012-05-25]. Dostupné z: http://php.net/ ˇ e Budˇejovice: Kopp, 2007, [23]HEROUT, Pavel. Uˇcebnice jazyka Java. 3., rozˇs. vyd. Cesk´ 381 s. ISBN 978-80-7232-323-4.

Pˇ r´ıloha A

Seznam zkratek 2D Two-Dimensional 3D Three-Dimensional AAC Advanced Audio Coding AMR Anisotropic MagnetoResistive API Application Programming Interface APP Application AWT Abstract Windows Toolkit BMP BitMaP BSD Berkeley Software Distribution CITO Cache in trash out event CSS Cascading Style Sheets EDGE Enhanced Data Rates for GSM Evolution GIF Graphic Interchange Format GPS Global Positioning System HTML HyperText Markup Language HTTP Hypertext Transfer JPEG/JPG Joint Photographic Experts Group JS JavaScript MP3 Motion Picture experts group - layer 3 (MPeg layer 3) MPEG-4 Moving Picture Experts Group 4 MVC Model-View-Controller MySQL My Structured Query Language PDF Package Definition File PHP p˚ uvodnˇe Personal Home Page, nyn´ı Hypertext Preprocessor PNG Portable Network Graphic OHA Open Handset Alliance QR Quick Response

57

58

SGL Scalable Graphics Library SHA Secure Hashing Algorithm SDK Software Development Kit SMS Short Message Service SQL Structured Query Language TXT Plain Text UCS Universal Component System UML Unified Modeling Language URL Uniform Resource Locator UTF UCS Transformation Format W3C World Wide Web Consortium WGS84 World Geodetic System 1984 WiFi Wireless Fidelity XHTML eXtensible HyperText Markup Language XML Extensible Markup Language

ˇ ÍLOHA A. SEZNAM ZKRATEK PR

Pˇ r´ıloha B

UML diagramy

Obr´ azek B.1: Class diagram webové aplikace

59

60

ˇ ÍLOHA B. UML DIAGRAMY PR

Obr´ azek B.2: Class diagram aplikace Android

Pˇ r´ıloha C

Instalaˇ cn´ı a uˇ zivatelsk´ a pˇ r´ıruˇ cka C.1 C.1.1 C.1.1.1

Instalaˇ cn´ı pˇ r´ıruˇ cka Instalaˇ cn´ı pˇ r´ıruˇ cka pro webov´ y port´ al Vlastnosti serveru

• Server pouˇ zit´ y pˇ ri v´ yvoji Aplikace byla vyv´ıjena na serveru um´ıstˇeném na localhostu, ke správˇe serveru byl pouˇzit program WampServer verze 2.2. Jako server byl pouˇzit Apache ve verzi 2.2.21, na PHP ve verzi 5.3.10 a MySQL ve verzi 5.5.20. • Server pouˇ ziteln´ y pro distribuci K prezentov´ an´ı webové aplikace by mˇelo bez problém˚ u postaˇcit PHP od verze 4.3.4 a MySQL od verze 3.23.52. Tyto verze mám otestované d´ıky free hostingu webzdarma.cz, pro funkˇcnost ale pˇredpokl´ adám, ˇze by mˇely postaˇcit i verze niˇzˇs´ı.

C.1.1.2

´ Uprava datab´ aze

Webov´ a aplikace vyuˇz´ıv´ a k´ odov´ an´ı Unicode, konkrétnˇe UTF-8. Je tedy vhodné pouˇz´ıt toto kódován´ı i v datab´ azi. • Nov´ a datab´ aze Ide´ aln´ım stavem je vytvoˇrit pro webov´ y portál novou databázi ˇci jiˇz pouˇz´ıvanou datab´ azi vyˇcistit od vˇsech tabulek. Tuto databázi m˚ uˇzeme libovolnˇe pojmenovat. • Pouˇ z´ıvan´ a datab´ aze Pokud je k dispozici pouze jedna databáze, a to jeˇstˇe taková, kterou nem˚ uˇzeme promazat, je potˇreba se ujistit, ˇze neobsahuje tabulky nazvané: ’user’,’item’,’game’,’book’. Tyto tabulky vyuˇz´ıv´ a tento webov´ y portál a tak by v takovém pˇr´ıpadˇe doˇslo ke kolizi.

61

ˇ ÍLOHA C. INSTALACN ˇ Í A UZIVATELSK ˇ ´ PR ˇ ÍRUCKA ˇ PR A

62

C.1.1.3

Instalace bal´ıku aplikace

• Kop´ırov´ an´ı soubor˚ u Zdrojové k´ ody jsou k nalezen´ı v souboru.zip, jehoˇz obsah pˇrekop´ırujeme do zvolené lokace (nejˇcastˇeji do www sloˇzky na naˇsem serveru). • Nastaven´ı datab´ aze V root sloˇzce webového port´ alu otevˇreme soubor dbconfig.php, kter´ y obsahuje informace k databázi. Tento soubor je nutné upravit dle této struktury: " user " = > " username do ´ a databze "

1 2

" password " = > " heslo do databaze "

3 4

" host " = > " adresa mysql "

5 6

" database " = >

7

" nazev databaze "

8

" coding " = > " kodovani databaze "

9

Zdrojov´ y k´ od C.1: Struktura souboru dbconfig.php

Hodnotou u coding bude nejˇcastˇeji UTF-8. • Vytvoˇ ren´ı tabulek v datab´ azi Tabulky v datab´ azi vytvoˇr´ıme spuˇstˇen´ım skriptu init.php v rootové sloˇzce webového portálu. Pokud jsme datab´ azi nastavili správnˇe, mˇel by se na obrazovce objevit v´ ypis proveden´ ych dotaz˚ u. Ideálnˇe jeˇstˇe pˇres rozhran´ı phpMyAdmin ˇci pˇres SQL konzoli pˇr´ıkazem show tables; zkontrolujeme, zda se tabulky vytvoˇrily. Pokud vˇse probˇehlo správnˇe, mˇely by v databázi b´ yt tabulky: ’user’,’game’,’item’ a ’book’. V pˇr´ıpadˇe, ˇze se tabulky nevytvoˇrily, zkontrolujeme obsah souboru dbconfig.php, zda jsou vˇsechny u ´daje vyplnˇeny korektnˇe. • Smaz´ an´ı init.php Pokud se v datab´ azi vˇsechny tabulky správnˇe vytvoˇrily, m˚ uˇzeme v zájmu bezpeˇcnosti smazat soubor init.php z root sloˇzky. • Zdrojov´ y k´ od dotaz˚ u Zdrojové k´ ody k vytvoˇren´ı tabulek obsahuje tˇr´ıda Init. Tato tˇr´ıda je definována v souboru init.php ve sloˇzce classes.

C.1.1.4

Spuˇ stˇ en´ı webu

V prohl´ıˇzeˇci zad´ ame URL smˇeˇruj´ıc´ı do root sloˇzky webového portálu, poté by se mˇela zobrazit u ´vodn´ı obrazovka. Systém je nyn´ı pˇripraven k pouˇz´ıván´ı.

ˇ ´ PR ˇ ÍRUCKA ˇ C.2. UZIVATELSK A

C.1.2 C.1.2.1

63

Instalaˇ cn´ı pˇ r´ıruˇ cka pro aplikaci operaˇ cn´ıho syst´ emu Android Staˇ zen´ı aplikace

ˇ ´ Na str´ ank´ ach webového port´ alu pod záloˇzkou KE STAZEN I je um´ıstˇen odkaz, kter´ y umoˇzn´ı st´ ahnout instalaˇcn´ı soubor qgame.apk, do mobiln´ıho pˇr´ıstroje. Dalˇs´ım moˇzn´ ym krokem ke staˇzen´ı této aplikace by mˇel v bl´ızké dobˇe slouˇzit i Android Market. C.1.2.2

Instalace aplikace

• Povolen´ı instalace z nezn´ am´ ych zdroj˚ u K instalaci aplikace je tˇreba m´ıt povolenou instalaci aplikac´ı z jin´ ych zdroj˚ u na telefonu s Androidem (Nastaven´ı → Aplikace → Nezn´ amé zdroje). • Samotn´ a instalace Instalace zaˇcne otevˇren´ım souboru qgame.apk ve Vaˇsem pˇr´ıstroji. • Probl´ emy Bˇehem instalace m˚ uˇze doj´ıt k problému s jiˇz nainstalovanou duplicitn´ı aplikac´ı, v takovém pˇr´ıpadˇe je vhodné starˇs´ı aplikaci nejprve odinstalovat a poté se vrátit k instalaci aplikace nové. C.1.2.3

Instalace podp˚ urn´ e aplikace

• Barcode Scanner Aplikace QGame vyuˇz´ıv´ a pro ˇcten´ı QR kód˚ u extern´ı aplikaci Barcode Scanner, kterou je nutno také nainstalovat na pˇr´ıstroj, kter´ y má s aplikac´ı QGame pracovat. Pokud tak neuˇcin´ıte pˇred prvn´ım spuˇstˇen´ım a pokus´ıte se spustit scanner, aplikace Vás sama vyzve ke staˇzen´ı a nainstalován´ı Barcode Scanneru. Tuto aplikaci lze stáhnout zdarma na Android Marketu v mobiln´ım pˇr´ıstroji ˇci z nˇekteré webové stránky. C.1.2.4

Spuˇ stˇ en´ı aplikace

Po u ´spˇeˇsné instalaci je jiˇz moˇzné spustit aplikaci QGame ze seznamu aplikac´ı.

C.2 C.2.1

Uˇ zivatelsk´ a pˇ r´ıruˇ cka Webov´ y port´ al

Webov´ y port´ al slouˇz´ı k vytv´ aˇren´ı a sd´ılen´ı her, k ˇcásteˇcné komunikaci mezi hráˇci a k distribuci aplikace urˇcené pro operaˇcn´ı systém Android. Tento manuál by mˇel slouˇzit jako n´ avod pro zaˇc´ atek i uˇzivatel˚ um, kteˇr´ı nemaj´ı pˇr´ıliˇsn´ y pˇrehled v oboru práce s QR kódy ˇci s jejich vytv´ aˇren´ım. Stejnˇe tak pokud nemaj´ı ˇzádné znalosti hry geocaching , kterou je hra inspirov´ ana, Kaˇzd´ y z n´ asleduj´ıc´ıch krok˚ u, pokud nen´ı uvedeno jinak, vycház´ı ze stavu, kdy je návˇstˇevn´ık stránek na u ´vodn´ı str´ ance webového portálu hry QGame (http://qgame.wz.cz).


64

1. Zobrazen´ı informac´ı o hˇre QGame ˇ • Informace o této hˇre mohou b´ yt zobrazeny otevˇren´ım odkazu O HRE, kter´ y je um´ıstˇen mezi poloˇzkami menu. 2. Zobrazen´ı seznamu vytvoˇren´ ych her ˇ ´ • Seznam vˇsech vytvoˇren´ ych her m˚ uˇze b´ yt nalezen pod poloˇzkou menu VYTVOREN E HRY. • Právˇe d´ıky této str´ ance m˚ uˇze i neregistrovan´ y hráˇc zaˇc´ıt s hran´ım QGame. Zde se totiˇz nach´ azej´ı prvn´ı segmenty z kaˇzdé hry, které obsahuj´ı GPS souˇradnice na následuj´ıc´ı ˇc´ ast QR k´ odu obsahuj´ıc´ı URL adresu média uloˇzeného na serveru. 3. Zobrazen´ı knihy n´ avˇstˇev • Nepˇrihl´ aˇsen´ y uˇzivatel m´ a pr´ avo pouze ˇc´ıst veˇskeré pˇr´ıspˇevky vloˇzené do knihy návˇstˇev od registrovan´ ych uˇzivatel˚ u. Kniha návˇstˇev je k nalezen´ı pod poloˇzkou v ´ ˇ ˇ menu s n´ azvem KNIHA NAVSTEV. 4. Staˇzen´ı aplikace pro android ˇ ´ • Aplikace, kter´ a umoˇzn´ı hr´ at hru QGame, se ukr´ yvá pod poloˇzkou KE STAZEN I. 5. Registrace • Neregistrovan´ y uˇzivatel nem˚ uˇze pˇrisp´ıvat do knihy návˇstˇev ani vytváˇret nové hry, coˇz ˇcasem m˚ uˇze b´ yt ponˇekud omezuj´ıc´ı. Proto je moˇznost vyuˇz´ıt registrace, po které bude moci pˇrihláˇsen´ y uˇzivatel vytváˇret nové hry ˇci komunikovat s ostatn´ımi hr´ aˇci pomoc´ı knihy návˇstˇev. Registrace je pˇr´ıstupná pod poloˇzkou REGISTRACE v menu ˇci odkazem um´ıstˇen´ ym pod pˇrihlaˇsovac´ım formuláˇrem. • V registraˇcn´ım formul´ aˇri je nutné vyplnit vˇsechna povinná pole, pˇreˇc´ıst a potvrdit souhlas se smluvn´ımi podm´ınkami a potvrdit registraci odeslán´ım formuláˇre. Pokud je vˇse vyplnˇeno spr´ avnˇe, registrace probˇehne a bude zobrazena u ´vodn´ı stránka se zpr´ avou o u ´spˇeˇsné registraci a v´ yzvˇe k pˇrihláˇsen´ı. Pokud registrace neprobˇehne, uˇzivatel bude informov´ an o d˚ uvodu a bude zobrazena stránka s pˇrihlaˇsovac´ım formul´ aˇrem. 6. Pˇrihláˇsen´ı • K pˇrihl´ aˇsen´ı m˚ uˇze b´ yt pouˇzit pˇrihlaˇsovac´ı formuláˇr v pravém horn´ım rohu. Pokud se uˇzivatel pˇrihl´ as´ı, m´ısto formuláˇre se zobraz´ı informace o uˇzivateli, kter´ y je právˇe pˇrihl´ aˇsen a tlaˇc´ıtko, které uˇzivateli umoˇzn´ı se opˇet odhlásit. 7. Pˇridán´ı pˇr´ıspˇevku do knihy n´ avˇstˇev • Pro pˇrihl´ aˇseného uˇzivatele se po zobrazen´ı knihy návˇstˇev zobraz´ı jeˇstˇe moˇznost pˇrid´ avat pˇr´ıspˇevky. K tomu slouˇz´ı jednoduch´ y formuláˇr, do jehoˇz jediného pole se m˚ uˇze vloˇzit text, kter´ y m´ a b´ yt vloˇzen jako dalˇs´ı záznam v knize návˇstˇev.

ˇ ´ PR ˇ ÍRUCKA ˇ C.2. UZIVATELSK A

65

8. Smaz´ an´ı vlastn´ıho pˇr´ıspˇevk˚ u z knihy návˇstˇev • Kaˇzd´ y uˇzivatel m˚ uˇze mazat vlastn´ı pˇr´ıspˇevky v knize návˇstˇev. To je mu umoˇznˇeno tlaˇc´ıtkem v pravé ˇc´ asti kaˇzdého jeho pˇr´ıspˇevku. (Moderátor m˚ uˇze mazat pˇr´ıspˇevky vˇsech uˇzivatel˚ u nez´ avisle na hodnosti, tzn. i dalˇs´ım moderátor˚ um) 9. Vytvoˇren´ı hry • Pˇrihl´ aˇsenému uˇzivateli se v menu zobraz´ı moˇznost TVORBA HRY. Tuto str´ anku je vhodné pouˇz´ıt aˇz jako zkuˇsenˇejˇs´ı uˇzivatel, nebot’ vyˇzaduje trochu vˇetˇs´ı znalosti principu hry. Znamen´ a to tedy, ˇze by si mˇel hráˇc pˇred tvorbou prvn´ı hry proˇc´ıst ˇ z´ aloˇzku O HRE. • Tvorba hry se skl´ ad´ a z nˇekolika ˇcást´ı: – Vyplnˇen´ı informac´ı o hˇre ∗ N´ azev hry - název hry, kter´ y bude hˇre pˇriˇrazen a pod kter´ ym se bude zobrazovat. ∗ Typ média - typ nahrávaného souboru (Hudba, Obrázek, E-book), u kaˇzdého typu je zobrazen soupis koncovek. ∗ Popis hry - podrobnosti o hˇre, text, kter´ y nast´ın´ı o ˇcem konkrétn´ı hra je apod. – Informace o nahr´ avaném multimédiu ∗ N´ azev média - název nahrávaného média, ˇci souhrnn´ y název nahrávan´ ych médi´ı (u hudby ˇci obrázk˚ u). ∗ Autor média - jméno autora ˇci autor˚ u nahrávaného média. ∗ Médium - nahrávané médium (t´ yká se pouze e-book ). ∗ Poˇcet segment˚ u - poˇcet segment˚ u, na které má b´ yt nahrávané médium rozdˇeleno, popˇr´ıpadˇe poˇcet nahrávan´ ych médi´ı (hudba a obrázky). – GPS Souˇradnice ˇcást´ı ∗ Zde je implementována javascriptová mapa z portálu http://mapy.cz, kter´ a umoˇzn ˇuje snadné vkládán´ı GPS souˇradnic pˇr´ımo do formuláˇre. Pˇri nahr´ av´ an´ı média typu e-book zde budou pˇr´ıstupné náhledy tohoto souboru, respektive zobrazen´ı rozdˇelen´ı souboru. Pokud bude médium jiného typu, zobraz´ı se u kaˇzdé poloˇzky pole s moˇznost´ı nahrát soubor. ∗ URL - n´ ahled ˇcásti e-book souboru ˇci pole pro nahrán´ı souboru (obr´ azek a hudba) ∗ GPS - GPS souˇradnice na navazuj´ıc´ı (následuj´ıc´ı) QR kód – N´ ahled vytvoˇrené hry ∗ Zde je pˇrehled vˇsech vytvoˇren´ ych ˇcást´ı hry, tato stránka je urˇcená k tisku, rozstˇr´ıh´ an´ı a um´ıstˇen´ı v terénu.

C.2.2

Aplikace pro operaˇ cn´ı syst´ em Android

Tato aplikace slouˇz´ı k naˇc´ıt´ an´ı QR kódu ˇcást´ı her. Kaˇzd´ y z následuj´ıc´ıch krok˚ u, pokud nen´ı uvedeno jinak, vych´ az´ı z u ´vodn´ı stránky.

66


1. Naˇcten´ı ˇc´ asti hry z QR k´ odu • Tlaˇc´ıtko Sejmout k´ od aktivuje obrazovku, kde je moˇzné sn´ımat QR kódy, poté staˇc´ı zam´ıˇrit na QR k´ od tak, aby se kódem vyplnil ˇctverec uvnitˇr obrazovky a chvilku vyˇckat. Po naˇcten´ı k´ odu se zobraz´ı detail ˇcásti hry (uvedeno n´ıˇze). 2. Zobrazen´ı rozehrané hry • Tlaˇc´ıtko Rozehrané hry aktivuje obrazovku se seznamem vˇsech uˇzivatelem rozehran´ ych her. Po kliknut´ı na ˇra´dek vybrané hry se zobraz´ı seznam sebran´ ych ˇcást´ı té konkrétn´ı rozehrané hry. 3. Navigace na GPS souˇradnice ˇc´ asti hry • V detailu ˇc´ asti hry jsou kromˇe informac´ı v podobˇe textu i dvˇe tlaˇc´ıtka. Tlaˇc´ıtko GPS m´ a za u ´kol naˇc´ıst navigaci v pˇr´ıstroji s dan´ ymi GPS souˇradnicemi. 4. Zobrazen´ı média ze hry • V detailu ˇc´ asti hry jsou kromˇe informac´ı v podobˇe textu i dvˇe tlaˇc´ıtka. Tlaˇc´ıtko Obsah m´ edia m´ a za u ´kol otevˇr´ıt v prohl´ıˇzeˇci telefonu URL s konkrétn´ı ˇcást´ı média, které je spojeno s danou ˇcást´ı hry. 5. Smazan´ı veˇskeré historie rozehran´ ych her • Tuto funkci neumoˇzn ˇuje pˇr´ımo aplikace. Provád´ı se smazán´ım, vymazán´ım ˇci u ´pravou souboru qgameSaves.txt, kter´ y se nalézá ve sloˇzce /sdcard.

Pˇ r´ıloha D

Obsah pˇ riloˇ zen´ eho CD Pˇriloˇzené CD m´ a tuto strukturu: / projekt – sloˇzka s projekty Web a App app – sloˇzka se soubory aplikace Android web – sloˇzka se soubory webové aplikace test – sloˇzka s pˇr´ılohami z testov´ an´ı .pdf – PDF verze tohoto textu psan´ a v LATEX

67

Distribuční kanál multimediálního obsahu formou hry. Jana Kozlerová

Recommend Documents