FESTIVALINFO MOBIELE APPLICATIE

FESTIVALINFO MOBIELE APPLICATIE Student : Teun Ingels Studentnummer: 1527670 Cursus: Afstudeerstage Scriptie TEET-VMBACHEX-11 Datum: 13-03-2012

Festivalinfo mobiele applicatie 2 van 65

FESTIVALINFO MOBIELE APPLICATIE Student: Teun Ingels Studentnummer: 1527670 Cursus: Afstudeerstage Scriptie TEET-VMBACHEX-11 Datum: 13-03-2012 Plaats: Amsterdam Versie: 0.7 Begeleider: Rob van der Zwaan Festivalinfo 1 e Examinator: Abdelhak El Jazouli 2 e Examinator: Arjan Kroon Festivalinfo mobiele applicatie 3 van 65

Samenvatting In Nederland en België vinden veel festivals plaats. Een aantal grote festivals heeft een eigen mobiele applicatie. Dit betekent dat je steeds per festival een nieuwe app. moet downloaden. Het kost veel tijd om deze allemaal te downloaden en daarnaast neemt het ook veel plaats in beslag op je mobiel. Festivalinfo wil dit probleem oplossen door zelf een mobiele app. te ontwikkelen, die te gebruiken is voor een aantal grote festivals. Doordeweeks zal deze app. nieuws en een festivalagenda laten zien. Als je op een festival bent, zal deze app. veranderen in een mobiel programmaboekje. Om de app. te ontwikkelen heb ik eerst een enquête gehouden om inzicht te krijgen wat de doelgroep verwacht van een mobiele festival applicatie. Daarnaast is er ook onderzoek verricht naar nieuwe technieken die HTML5 met zich meebrengt en hoe dit toe te passen is op Android en ios besturingssystemen. HTML5 biedt een aantal handige technieken die ervoor zorgen dat de app. ook offline beschikbaar wordt, na het een eerste keer online bezocht te hebben. Met HTML5 kan er ook gebruik gemaakt worden van bijvoorbeeld GPS om de locatie te bepalen en gebruik te maken van de camera. Dankzij nieuwe technieken die met CSS3 komen, is het makkelijker geworden om de app. beter vorm te geven. Een nadeel van het gebruik van HTML5, is dat dit nog niet ondersteund wordt door alle browsers die beschikbaar zijn. Daarom is er gekozen om voor Android en ios besturingssystemen ook een deel native te ontwikkelen. Dankzij het native ontwikkelen, kan er gebruik gemaakt worden van de menu knop en de zoom functie die al aanwezig zijn op de mobiel zelf. Aan de hand van de onderzoeken is een functioneel ontwerp gemaakt waarin alle functionaliteiten en de lay-out van de applicatie zijn vastgesteld. Hieruit is ook een technisch ontwerp ontwikkeld die de opbouw van de applicatie weergeeft. Door gebruik te maken van het HTML5 app. platform PhoneGap, is het mogelijk om een native app. aan een webpagina te koppelen. Op deze manier hebben we de app. online kunnen zetten en zal deze beschikbaar zijn voor alle mobiele telefoons die HTML5 ondersteunen en kunnen de gebruikers van Android en ios gebruik maken van de extra functionaliteit die we met de native applicatie aanbieden. De mobiele festival applicatie zal bij het opstarten een pagina laten zien waar je de keuze hebt om het algemene festival nieuws te bekijken, het overzicht met festivals op te vragen waar een app. van beschikbaar is en algemene informatie over de applicatie en het bedrijf Festivalinfo zelf. Als je een festival app. van een specifiek festival opent, kom je op de hoofdpagina van dat festival. Hier kan er gekozen worden om het nieuws van dit festival te bekijken, de blokkenschema s per dag te bekijken, informatie over alle artiesten die zullen optreden opvragen, de kaart van het festival bekijken, de twitter-feed van het festival lezen en algemene informatie bekijken zoals wat het voor festival is en hoe je er kan komen. Om ervoor te zorgen dat mensen met weinig tot geen kennis van programmeren ook zelf een app. aan een bestaand festival kunnen koppelen, heb ik een CMS ontwikkeld. Dit CMS laat je via een Excel bestand alle optredens en podia toevoegen aan het festival. Ook is het mogelijk om de lay-out te veranderen en afbeeldingen toe te voegen. Festivalinfo mobiele applicatie 4 van 65

Inhoudsopgave VOORWOORD... 7 INLEIDING... 8 1. FESTIVALINFO... 9 2. ORGANISATIE EN WERKWIJZE... 10 2.1 ORGANISATIE... 10 2.2 WERKWIJZE... 10 3. OPDRACHT... 11 3.1 PROBLEEMSTELLING... 11 3.2 DOELSTELLING... 11 3.3 HOOFDVRAAG EN DEELVRAGEN... 11 3.4 EISEN EN RANDVOORWAARDEN... 12 3.5 EINDPRODUCTEN... 12 4. ANALYSE... 13 4.1 OVERVIEW... 13 4.2 ANALYSE... 14 4.3 METHODIEK... 16 5. ONDERZOEK... 18 5.1 ENQUÊTE... 18 5.2 BESTAANDE FESTIVAL-APPS BEKIJKEN EN VERGELIJKEN... 23 5.3 HTML5 + ANDROID EN IOS... 24 6. ONTWERP... 31 6.1 FUNCTIONEEL ONTWERP... 31 6.2 TECHNISCH ONTWERP... 36 7. PROCES EN PLANNING... 39 7.1 PROJECTAANPAK... 39 7.2 STROKENPLANNING... 39 7.3 CALCULATIE UREN EN KOSTEN... 41 8. REALISATIE... 42 8.1 GLOBALE FASERING... 42 8.2 REALISATIE PER FASE / MIJLPAAL... 42 8.2.1 Overleggen met de opdrachtgever... 42 8.2.2 Onderzoek... 42 8.2.3 Ontwikkelen mobiele website... 43 8.2.4 Ontwikkelen CMS... 45 8.2.5 Testen website... 46 8.2.6 Ontwikkelen mobiele applicatie... 46 Festivalinfo mobiele applicatie 5 van 65

8.2.7 Testen van de applicatie... 48 9. EINDPRODUCT... 49 9.1 RESULTAAT... 49 9.2 EVALUATIE... 51 9.3 CONCLUSIE... 52 9.4 AANBEVELINGEN... 52 10. REFLECTIE... 53 10.1 COMPETENTIES VAN DE BACHELOR OF ENGINEERING... 53 10.2 DUBLIN DESCRIPTOREN... 53 10.3 PROFIELSCHETS... 54 AFKORTINGEN EN BEGRIPPEN... 56 AFKORTINGEN... 56 BEGRIPPEN... 56 BRONNEN... 58 BIJLAGE 1 ENQUÊTE VRAGEN... 59 BIJLAGE 2 APPCACHE... 62 BIJLAGE 3 FUNCTION TIME_DIFFERENCE... 63 BIJLAGE 4 - BLOKKENSCHEMA... 64 Festivalinfo mobiele applicatie 6 van 65

Voorwoord Deze scriptie is geschreven als eindverslag van mijn afstudeerproject voor de opleiding Mediatechnologie aan de Hogeschool Utrecht. Ik bezoek de website Festivalinfo.nl al meer dan 8 jaar een paar keer per week om te kijken of er nog leuke festivals en concerten zijn in Nederland en België. Tijdens het zoeken van een stageplaats zag ik op deze website een advertentie langs komen dat ze opzoek waren naar nieuwe stagiaires. Na hierop gereageerd te hebben, werd ik uitgenodigd voor een gesprek. Dit gesprek beviel van beide kanten en daarop volgend hebben we ook de afstudeeropdracht geformuleerd. De doelgroep van deze scriptiezijn bezoekers van festivals in voornamelijk Nederland en België, die in het bezit zijn van een smartphone. Daarnaast is deze scriptie bedoeld als onderdeel van het afstudeertraject. Graag wil ik een aantal mensen bedanken voor de hulp bij het realiseren van dit afstudeerproject. Mijn bedrijfsbegeleider Rob van der Zwaan voor alle technische ondersteuning en begeleiding, mijn twee afstudeerdocenten Abdelhak El Jazouli en Arjan Kroon voor de begeleiding vanuit de opleiding en alle collega s van Festivalinfo voor de gezellige tijd en het helpen bij het meedenken tijdens het hele project. Amsterdam, 13 maart 2012 Teun Ingels Festivalinfo mobiele applicatie 7 van 65

Inleiding Festivalinfo.nl is een website waar alle informatie over de festivals in Nederland en België te vinden is. Daarnaast bestaan ook de sites Podiuminfo.nl en Cabaretinfo.nl, waar ze respectievelijk alle informatie over concerten en cabaretvoorstellingen berichten. Zij willen dit graag uitbreiden naar de mobile telefoon. Daarom heeft Festivalinfo een plan ontwikkeld om de ultieme festival-app. voor de mobiele telefoon te realiseren. Hiervoor ben ik als Mediatechnologie student aangenomen om deze mobiele festival applicatie te ontwikkelen. Dit verslag zal de volgende punten in chronologische volgorde nader toelichten: 1. Het bedrijf 2. Organisatie en werkwijze 3. Opdracht 4. Analyse 5. Onderzoek 6. Ontwerp 7. Proces en planning 8. Realisatie 9. Eindproduct 10. Reflectie Aan het einde van dit verslag vindt u een afkortingen en begrippenlijst. De eerste keer dat een afkorting of begrip uit de afkortingen en begrippenlijst voorkomt, wordt dit aangegeven met een ster (*). Festivalinfo mobiele applicatie 8 van 65

1. Festivalinfo Festivalinfo werd gelanceerd in 2001 en is destijds begonnen als hobbyproject van Rob van der Zwaan. Festivalinfo.nl heeft zich ontwikkeld tot de grootste en meest bezochte festivalwebsite van Nederland en Vlaanderen. Begin 2005 werd als uitbreiding op Festivalinfo, Podiuminfo ontwikkeld. Het primaire doel van Festivalinfo is het bieden van een zo compleet en betrouwbaar mogelijk overzicht van muziekfestivals die gehouden worden in Nederland en Vlaanderen, van elke grootte en in elk denkbaar muziekgenre. Podiuminfo.nl geeft een zo compleet en betrouwbaar mogelijk overzicht van de vele grote en kleine concerten en andere evenementen in Nederland en België. In 2007 werd Cabaretinfo gelanceerd. Net als Festivalinfo en Podiuminfo zorgt Cabaretinfo op haar beurt voor een zo compleet en betrouwbaar mogelijk overzicht te geven van de vele grote en kleine cabaret voorstellingen in Nederland en België. Festivalinfo bestaat uit de hoofdredacteur Rob, de coördinatoren Harm, Erik, Marcel en Steven, de stagiaires Jeroen, Brian, Julie, Sophia, René, Lisette en ikzelf (Teun). Daarnaast zijn er nog meer dan 30 vrijwilligers werkzaam bij Festivalinfo. Rob Hoofdredacteur Harm Coordinator live reviews Erik Coordinator live reviews Marcel Coordinator sfeer foto's Steven Coordinator cd recensies Stagiaires Vrijwilligers Figuur 1.1: Organigram Festivalinfo Stagiaires Brian Web development Jeroen Nieuws en info Sophia Nieuws en info Lisette Nieuws en info René Web development Julie Vormgeving Teun Mobile development Figuur 1.2: Organigram stagiaires Festivalinfo mobiele applicatie 9 van 65

2. Organisatie en werkwijze In dit hoofdstuk zal de organisatie en werkwijze besproken worden, zoals deze tijdens het afstudeerproject was. 2.1 Organisatie De opdracht is volledig door mij ontwikkeld. Hierin werd ik ondersteund door mijn bedrijfsbegeleider Rob van der Zwaan, die ook optreedt als interne opdrachtgever. Daarnaast werden alle werknemers betrokken bij brainstormsessies en feedbackrondes, om op deze manier zo veel mogelijk verschillende meningen en ervaringen op te doen. Naam: Rol: Bedrijf: E-mail: Rob van der zwaan Opdrachtgever Festivalinfo info@festivalinfo.nl Naam: Teun Ingels Studentnummer: 1527670 Rol: Ontwikkelaar E-mail: teun.ingels@student.hu.nl Rob van der Zwaan Opdrachtgever Teun Ingels Ontwikkelaar Figuur 2.1: Organigram organisatie 2.2 Werkwijze Ik heb aan deze opdracht fulltime gewerkt. De eerste maanden heb ik mij voornamelijk bezig gehouden met onderzoek, waarna ik een alpha- en betaversie ontwikkeld heb voor de Festivalinfo-applicatie. Aan het begin van de stage heb ik de opdracht in detail doorgesproken met de opdrachtgever. De eerste maandag van de maand vond er een vergadering plaats met de opdrachtgever om de voortgang te bespreken om te zorgen dat we op een lijn bleven zitten. Als het nodig was, was er altijd de mogelijkheid om eerder met elkaar te overleggen. De aangestelde examinatoren van de Hogeschool Utrecht heb ik, na het inleveren van mijn startverslag en voor het inleveren van deze scriptie, uitgenodigd voor een bezoek aan het bedrijf om de voortgang van mijn stage te bespreken. Festivalinfo mobiele applicatie 10 van 65

3. Opdracht In dit hoofdstuk zal de opdracht volledig besproken worden en duidelijk worden wat er verwacht wordt. 3.1 Probleemstelling In Nederland en België vinden veel festivals plaats. Een aantal grote festivals heeft een eigen mobiele applicatie. Dit betekent dat je steeds per festival een nieuwe app.* moet downloaden. Het kost veel tijd om deze allemaal te downloaden en daarnaast neemt het ook veel plaats in beslag op je mobiel. Festivalinfo wil dit probleem oplossen door zelf een mobiele app. te ontwikkelen, die te gebruiken is voor een aantal grote festivals. Doordeweeks zal deze app. nieuws en een festivalagenda laten zien. Als je op een festival bent, zal deze app. veranderen in een mobiel programmaboekje. Een app. ontwikkelen voor verschillende operating systems is een grote investering, maar het niet doen zou betekenen dat men een aanzienlijke markt laat liggen. De meeste moderne operating systems beschikken over een webbrowser met HTML5*. Omdat HTML5 grotendeels operating system en apparaat onafhankelijk is, blijft de vraag hoe en met welke technieken een app. het beste ontwikkeld kan worden. 3.2 Doelstelling Festivalinfo wil graag dat hun website beschikbaar wordt op mobiele telefoons, zodat festivalgangers hier gebruik van kunnen maken. Een veel voorkomend probleem op festivals is dat er door de drukte vaak een slechte internetontvangst is en in het slechtste geval zelfs helemaal geen. Hierdoor is het niet mogelijk om altijd naar de website te navigeren. Als oplossing voor dit probleem zal ik een mobiele applicatie ontwikkelen die zorgt dat alles gecashed wordt op je mobiele telefoon en alles gaat updaten als er weer een internetverbinding beschikbaar is. De app. zal het algemene nieuws laten zien zoals dit beschikbaar is op http://www.festivalinfo.nl. Daarnaast zal de app. voor verschillende festivals extra functionaliteiten bevatten zoals: informatie over bands en acts, een blokkenschema met tijdsindicatie en een kaart van het terrein. Op deze manier functioneert de app. als programmaboekje. 3.3 Hoofdvraag en deelvragen Hoe ontwikkel je het beste een mobiele festival-app., die eenvoudig is in gebruik en een zo compleet mogelijk overzicht geeft, zoals een strokenplanning, nieuws overzicht en een plattegrond, over de verschillende festivals die je bezoekt? De deelvragen zijn: Wat zijn de mogelijkheden van HTML5 met betrekking tot het ontwikkelen van een mobiele app.? Zijn er verschillen tussen het ontwikkelen voor Android* en ios*? Hoe zorg je ervoor dat de informatie ook beschikbaar is als er geen internet verbinden mogelijk is? Is de app. het beste te ontwikkelen als native* app. of als web app.? Festivalinfo mobiele applicatie 11 van 65

3.4 Eisen en randvoorwaarden Aan de hand van de hoofdvraag, de deelvragen en wat de opdrachtgever verwacht van het eindproduct, zijn we tot de volgende eisen en randvoorwaarden gekomen: Eisen De app. moet werkend zijn op Android en ios mobiele telefoons Nieuws-feed en festivalinformatie moet aanwezig zijn in de app. Zo min mogelijk batterijgebruik (Werkend als er geen internet is) Randvoorwaarden Het project moet voldoen aan de vier competenties van de Bachelor of Engineering en de vijf Dublin descriptoren moeten in het proces worden betrokken om te voldoen aan het hbo-niveau. De app. moet binnen de vastgestelde stageperiode minimaal aan de bovenstaande eisen voldoen Het project zal gebruik maken van bestaande databases van Festivalinfo met de mogelijkheid om zelf nieuwe tabellen eraan toe te voegen. Het bijwerken van de app. bij aflevering moet via het bestaande CMS* aan te passen zijn. 3.5 Eindproducten De volgende eindproducten zal ik opleveren aan het einde van mijn stage: Festivalinfo mobiele applicatie voor ios en Android toestellen Technisch ontwerp Festivalinfo-app. Functioneel ontwerp Festivalinfo-app. Presentatie over de stage Afstudeerverslag Festivalinfo mobiele applicatie 12 van 65

4. Analyse Dit hoofdstuk zal een analyse geven van de opdracht die gespecificeerd is in het vorige hoofdstuk. 4.1 Overview Er is nog niet veel onderzoek gedaan naar het ontwikkelen van een app, omdat hier vaak niet de financiële middelen voor zijn. Begin 2011 is contact opgenomen met een derde partij waarvoor een presentatie in PowerPoint is gemaakt. In deze PowerPoint staat een basisconcept uitgewerkt met een grafische vormgeving, workflow en eisen. De presentie is ontwikkeld om sponsors te werven die de ontwikkeling van de app. kunnen financieren. In figuur 4.1 is de workflow te vinden die op 22-02-2011 voor het eerste concept is opgesteld. Figuur 4.1: Workflow mobiele applicatie 22-02-2011 In figuur 4.2 is het grafisch design concept te zien van 22-02-2011. Op basis van deze concepten heb ik verder gebouwd en aanpassing gedaan waar nodig. Festivalinfo mobiele applicatie 13 van 65

Figuur 4.2: Concept openingsscherm Festivalinfo-app. Op iphone 22-02-2011 4.2 Analyse Om de deelvraag met betrekking tot de mogelijkheden van HTML5 te kunnen beantwoorden, is er onderzoek hiernaar gedaan. De resultaten van dit onderzoek zijn terug te vinden in het hoofdstuk Onderzoek. HTML5 biedt een aantal nieuwe web technieken die daardoor nog niet door iedere browser worden ondersteund. Er moet daarom rekening gehouden worden met welke technieken we wel en niet willen gebruiken, afhankelijk van de verschillende mobiele platformen en browsers we willen ondersteunen. Als bepaalde technieken niet door Android of ios worden ondersteund, zullen we toch proberen deze technieken voor het ene platform erin te bouwen en te zorgen dat de app. zonder deze techniek ook goed werkt op het andere platform. Een nadeel dat dit kan opleveren, is dat er wat meer tijd besteed moet worden aan het ontwikkelen van de app. voor één enkel platform. Om te weten wat de verschillen zijn tussen het ontwikkelen voor Android en ios, heb ik daar ook onderzoek naar verricht. De onderzoeksresultaten zijn terug te vinden in het hoofdstuk Onderzoek. Dit onderzoek valt samen met het onderzoek naar HTML5, omdat deze techniek platform onafhankelijk is en daardoor de mogelijkheid biedt om de app. aan zo veel mogelijk mensen aan te bieden. Het nadeel is hierbij dus wel dat niet iedere nieuwe techniek door Android en ios worden ondersteund. De verschillen hiertussen heb ik onderzocht en in een tabel verwerkt. Het antwoord op de deelvraag hoe je ervoor kan zorgen dat de informatie die de app. biedt ook beschikbaar is als er geen internet verbinding mogelijk is, zal aan de hand van de onderzoeken naar HTML5 en het Android en ios platform behandeld worden. De app. willen we zo up-to-date mogelijk houden op festivals. Hierdoor is het noodzaak dat de app. een internetverbinding heeft om bijvoorbeeld het laatste nieuws op te halen. Het probleem waar we hier tegenaan lopen, is dat er niet op ieder Festivalinfo mobiele applicatie 14 van 65

festival altijd even goed bereik is door de drukte. Hierdoor bestaat de kans dat de app. dus niet te bekijken is zonder internetverbinding. Dit willen we opvangen door een techniek te zoeken die ervoor zorgt dat de app. ook gewoon blijft werken als er geen internetverbinding mogelijk is. Hiervoor kunnen we gebruik maken van twee nieuwe HTML5 technieken: Application Cache en Web SQL Storage. Via Application Cache is het mogelijk om van te voren de pagina s aan te geven die lokaal op de telefoon opgeslagen zullen worden in het cache en deze worden dan aangeroepen als je de pagina bezoekt zonder netwerkverbinding. Het nadeel van het gebruik van deze techniek, is dat je eerst de pagina al een keer bezocht moet hebben voordat deze ook offline beschikbaar is. Web SQL Storage laat je gegevens opslaan in een lokale database. Met deze techniek is het mogelijk om via een knop en aantal gegevens op de telefoon op te slaan, zonder dat je die informatie eerder hebt bekeken. Zo is het bijvoorbeeld niet wenselijk dat je eerst alle artiesten pagina s van een festival moet bekijken, wanneer je deze informatie later opnieuw wilt bekijken als er geen netwerkverbinding is. Het nadeel van het gebruik van deze techniek, is dat Web SQL Storage niet meer verder ontwikkeld wordt en daardoor dus beperkt wordt ondersteund door huidige browsers. Omdat beide technieken een aantal voordelen en nadelen bevat, zullen we ze beiden gebruiken in de applicatie. Als je browser bijvoorbeeld geen Web SQL Storage ondersteunt, wordt je nog steeds de mogelijkheid geboden om de artiesten pagina s die je later wilt terug lezen eerst te bezoeken, zodat ze via Application Cache nog wel lokaal op de mobiele telefoon worden opgeslagen. Als laatste moet er een keuze gemaakt worden tussen twee verschillende type mobiele applicaties: een native applicatie en een web* applicatie. Hieronder zijn de voor- en nadelen te zien van beide types: Native applicatie Voordelen: Volledige beschikking over het toestel. Dit betekent dat je gebruik kan maken van bijvoorbeeld de camera en GPS. Hoge snelheid, omdat er geen derde partij tussen zit, zoals internet. Een native app. is te installeren op je mobiele telefoon en daardoor dus te verspreiden via de App. Store van iphone en de Marketplace van Android. Nadelen: Voor iedere operating system moet een eigen app. ontwikkeld worden. Dit neemt veel tijd in beslag en zal daardoor ook veel kosten. De app. moet goedgekeurd worden door Apple als je hem beschikbaar wil stellen in de App. Store en door Google als je hem beschikbaar wil stellen via Marketplace. Updates zijn pas zichtbaar na het downloaden van een nieuwe versie van de app. Web applicatie Voordelen: Er hoeft maar 1 app. ontwikkeld te worden die op Android en ios te gebruiken is. Web technieken als HTML en PHP* kunnen gebruikt worden voor de ontwikkeling. Updates zijn meteen te zien als je de app. opnieuw bezoekt. Nadelen: Je kunt geen gebruik maken van de camera, GPS, etc. Festivalinfo mobiele applicatie 15 van 65

Omdat je de app. niet kan aanbieden via Marketplace en de App Store, moet je zelf reclame maken om je app. onder de aandacht te brengen. Beide typen bieden een aantal voordelen. Zo kan je met een native applicatie gebruik maken van bijvoorbeeld de camera en GPS. Daar tegenover staat dat je voor ieder besturingssysteem dat je wilt ondersteunen een aparte applicatie zal moeten maken, wat bij het gebruik van een web applicatie niet nodig is. De voordelen van beide type mobiele applicaties zijn samen te voegen door gebruik te maken van het HTML5 app. platform PhoneGap. De reden dat er gekozen wordt om voor een hybride oplossing, is dat we zo veel mogelijk mensen willen voorzien van deze mobiele festival applicatie, maar ook de mogelijkheid willen behouden om gebruik te maken van de menu knop en de GPS functie voor locatiebepaling. Het native onderdeel biedt ook de mogelijkheid om de app. aan te bieden via de Apple App. Store en Google Marketplace. Op deze manier kunnen mensen die niet bekend zijn met Festivalinfo.nl, ook de app. hier vinden als ze zoeken naar een festival-app. van het festival waar zij naartoe gaan. Het web onderdeel zorgt ervoor dat er snel updates kunnen worden doorgevoerd en je altijd op de hoogte bent van het laatste nieuws en veranderingen in bijvoorbeeld de line-up. Een nadeel van een hybride oplossing is dat Google en Apple een aantal eisen stellen aan de app. voordat deze ook in de App. Store en Marketplace mag komen. Ook zal je altijd moet blijven ontwikkelen voor verschillende platformen en dus ook kennis van andere programmeertalen dan HTML moet bezitten. De app. zal gebruik gaan maken van de bestaande database van Festivalinfo.nl. De reden dat hiervoor gekozen wordt, is dat hier alle festivalinformatie al beschikbaar is. Als we hier een aparte database voor zouden aanmaken, moet al het festivalnieuws twee keer worden geplaatst in twee verschillende databases. Daarnaast is er wel de mogelijkheid om nieuwe tabellen toe voegen aan de database, die ik dan weer kan linken aan bestaande tabellen. Dit biedt ook als voordeel dat ik gebruik kan maken van artiest id s en festival id s. Als ik gebruik zou maken van een nieuwe database en we willen een festival naam oproepen, zal deze informatie eerst handmatig in de database moeten worden gezet. Deze informatie en meer staat al in de huidige database van Festivalinfo en maakt het dus makkelijker en sneller om hier gebruik van te maken. Een app. voor een specifiek festival moet ook makkelijk aan te maken zijn door mensen zonder kennis van programmeren en coderen. Hiervoor zal er een CMS gemaakt worden. Het resultaat van de antwoorden op de deelvragen zijn de hoofdelementen van deze opdracht, vormen samen het antwoord op de hoofdvraag. 4.3 Methodiek Al het onderzoek dat ik voor deze opdracht zal doen, valt onder het type constructief onderzoek. Dit houdt in dat het onderzoek dient als voorbereiding voor het opzetten van een plan dat later uitgevoerd zal worden. Als onderzoekmethodes zal ik gebruik maken van surveyonderzoek en secundaire analyse. Het surveyonderzoek doe ik aan de hand van een enquête. Met deze enquête wil ik onderzoeken wat de doelgroep (festival bezoekers) vinden van het huidige aanbod aan festival-apps, wat ze hier goed en slecht aan vinden en wat ze graag terug zien in de app. die ontwikkeld wordt door Festivalinfo zelf. Festivalinfo mobiele applicatie 16 van 65

De andere onderzoeken vallen onder secundaire analyse. Bij deze methode wordt gebruik gemaakt van bestaande onderzoekgegevens, die al door andere onderzoekers zijn verzameld. Ik heb gekozen voor deze methode, omdat dat hier een ruim aanbod van beschikbaar is op het internet. Deze bestaande data kan ik dan met elkaar vergelijken en waar mogelijk ook zelf testen. Daarnaast is het gezien de tijd niet mogelijk om zelf volledige onderzoeken te doen naar alle nieuwe technieken. Ook bezit ik hier de apparatuur niet voor, zoals alle mogelijke mobiele browsers, platformen e.d. Festivalinfo mobiele applicatie 17 van 65

5. Onderzoek Dit hoofdstuk zal alle onderzoeken bevatten die ik vooraf heb gedaan aan het ontwikkelen van de applicatie zelf. Ten eerste heb ik een enquête opgesteld, waarna ik ben gaan kijken naar huidige festival applicaties. Vervolgens heb ik onderzoek gedaan naar HTML5 en hoe dit toe te passen is op Android en ios platformen. Bij alle staafdiagrammen geeft de verticale as het percentage weer van het aantal mensen dat voor die optie heeft gekozen. 5.1 Enquête Om een beter inzicht te krijgen in wat festivalgangers verwachten van een mobiele festival-applicatie, heb ik een enquête met een dertiental vragen in elkaar gestoken. Deze enquête heeft een aantal weken gedraaid op www.festivalinfo.nl. De vragen in de enquête heb ik opgedeeld in een aantal categorieën en zal ik ook aan de hand van deze categorieën uitgebreid behandelen. Een overzicht van alle vragen is te vinden in Bijlage 1. In totaal hebben er 1077 mensen de enquête ingevuld. Hiervan is 58% man en 42% vrouw. De meeste mensen die de enquête hebben ingevuld zijn tussen de 16 en 25 jaar out. In figuur 5.1 is te zien hoeveel procent van het totale aantal mensen die hebben meegedaan aan de enquête in welke categorie valt. 35 30 25 20 15 10 5 0-10 11-15 16-20 21-25 26-30 31-40 41-50 51+ 0 Leeftijd Figuur 5.1: Leeftijd Festivalinfo mobiele applicatie 18 van 65

Besturingssysteem Als eerste wilde we weten wat de meest gebruikte telefoons zijn onder de bezoekers. Dit is van belang om te weten te komen voor welke platforms er ontwikkeld apps ontwikkeld moesten worden, zodat er zoveel mogelijk mensen gebruik kunnen maken van de app. Daarnaast hebben we ook gevraagd welke type telefoon ze gebruiken. Dit geeft meer inzicht in de schermgrootte en welke versie ze draaien van hun platform. Deze gegevens zijn terug te vinden in figuur 5.2 en 5.3. 30 25 20 15 10 5 Samsung Apple Nokia HTC Blackberry Sony Ericsson LG Anders 0 Telefoon merk Figuur 5.2: Telefoon merk Festivalinfo mobiele applicatie 19 van 65

45 40 35 30 25 20 15 10 5 Android ios SymbianOS Blackberry OS Sony Ericsson Samsung Windows Phone Other 0 Mobiel besturingssysteem Figuur 5.3: Mobiel besturingssysteem Zoals af te lezen hierboven, zijn de twee meest gebruikte mobiele besturingssystemen Android en ios. Op basis hiervan is besloten om voor Android en ios dan ook een deel native te ontwikkelen, zodat deze via de Apple App-store en via de Android Marketplace te downloaden zijn. Op deze manier is het mogelijk wat extra functionaliteit aan te bieden, zoals een menu en lokaal opslaan voor offline gebruik. De scherm grootte van de gebruikers heb ik ook vergeleken met wat Android developers aanbieden op hun website en dit komt sterk met elkaar overeen. Android screen sizes & densities Normal / ldpi 1% Normal / hdpi 72% Normal / mdpi 18% Small / hdpi 3% Small / ldpi 1% Xlarge / mdpi 2% Large / ldpi 0% Large / mdpi 3% Figuur 5.4: Screen Sizes and Densities (bron: Android developers 03-10-2011 - http://developer.android.com/resources/dashboard/screens.html) Festivalinfo mobiele applicatie 20 van 65

De meest gebruikte is Normal / hdpi met een resolutie van 480x800. Erop volgend is Normal / mdpi met een resolutie van 320x480 pixels. Om zoveel mogelijk mensen aan te spreken, is er voor geopteerd om de resolutie op minimaal 320x480 pixels er goed te laten uitzien en dat hij mee schaalt voor grotere resoluties. Figuur 5.5: Resoluties per schermverhouding en pixel-dichtheid Internet Belangrijk om te weten bij het ontwikkelen van een mobiele applicatie, is de beschikbaarheid van internet op de mobiele telefoon. Figuur 5.6 geeft weer hoeveel gigabyte dataverkeer aan internet de bezoekers hebben. Figuur 5.7 laat zien hoe vaak ze hun internet gebruiken. 30 25 20 15 10 < 1GB 1GB -3GB > 3GB Geen internet Weet niet 5 0 Mobiel internet Figuur 5.6: Heb je internet op je mobiele telefoon? Festivalinfo mobiele applicatie 21 van 65

80 70 60 50 40 30 Maandelijks Wekelijks Dagelijks Nooit 20 10 0 Internet gebruik Figuur 5.7: Hoe vaak maak je gebruik van internet op je mobiel? Zoals te zien in figuur 5.6 zijn er nog redelijk veel mensen zonder internet of hebben ze geen idee hoe veel dataverkeer ze hebben per maand. Hierdoor is het zaak dat de app. zo min mogelijk vraagt van je internet en het liefst ook volledig of deels offline te gebruiken is. Festival-apps De belangrijkste vraag is natuurlijk of mensen al gebruik maken, of van plan zijn gebruik te maken van mobiele festival-apps. De resultaten hiervan vind u terug in figuur 5.8. 40 35 30 25 20 15 10 Ja, meerdere keren Ja, eenmaal Nee, maar dat ben ik wel van plan Nee, dat zou ik nooit doen 5 0 Heb je wel eens een festival-app gebruikt? Figuur 5.8: Heb je wel eens een festival-app. gebruikt? Festivalinfo mobiele applicatie 22 van 65

Vijftig procent geeft aan in het verleden al eens een festival-app. gebruikt te hebben op hun mobiele telefoon. Ook geeft 34 procent aan het wel van plan te zijn. Op de vraag waar mensen de mobiele festival-app. het meest voor gebruikte, kwamen de volgende aspecten het vaakst voor: Programma Plattegrond Timetable / Blokkenschema Line-up Laatste updates De meest voorkomende nadelen die de gebruikers ervaren waren: Batterij verbruikt Traag Constante internet verbinding nodig (duur in het buitenland) Niet beschikbaar voor iedere telefoon De gouden tips van gebruikers: Offline beschikbaar Meerdere festivals in 1 app. Eigen programma samenstellen met bericht voordat artiest start Less is more Gratis Met regelmaat updaten Beschikbaar op de minder gebruikte telefoons / oudere telefoons 5.2 Bestaande festival-apps bekijken en vergelijken Omdat ik zelf niet bekend was met mobiele applicaties, heb ik een smartphone* met Android aangeschaft en ben ik verschillende bestaande festival-apps gaan downloaden. Dit om meer inzicht te krijgen in het huidige aanbod aan festival-apps. Hierbij heb ik naar een aantal criteria gekeken: Welke functies bevatten de apps Hoe ziet de vormgeving eruit Werkt de app. offline Welke functies bevatten de apps Het grootste deel van de festival-apps bevat dezelfde basis functies: nieuws pagina, blokkenschema, line-up, artiest informatie en de plattegrond. Nieuws pagina De eerste pagina waar je bij de meeste festival-apps op terecht komt is de nieuws pagina. Hier vind je de algemene informatie over het festival zelf. Bij een aantal apps is hier ook een twitter feed aan toegevoegd, zodat je recente updates van twitter kan lezen. Hiervoor is een internet verbinding wel verplicht. Festivalinfo mobiele applicatie 23 van 65