The Mobile Experience Jaar 2 Project 5

Transcriptie

1 The Mobile Experience Jaar 2 Project 5 Jonathan de Roos Nereida Hagenbeek Sophie Moerland CMD2A Update: 1 oktober 2010

2 Opdracht Lowlands en Grolsch 2 Locaties 2 Evenementen KONGINNEDAG Koniginnedag in Nederland is altijd een hele happening, de straten zijn gevuld met rommel en kinderen die uit volle borst de blokfluit bespelen. Voor veel jongeren betekent Koniginnedag maar één ding: AMSTERDAM! AMSTERDAM Op Koniginnedag is Amsterdam een magneet voor veel jongeren uit Nederland, er is dan ook genoeg te doen. Een groot aantal partijen (zoals Radio 538 en Slam!FM) is elk jaar weer aanwezig met een eigen podium waar vaak bekende artiesten optreden. HET PROBLEEM: DRUK! Doordat er zo veel podia zijn en mensen zich vaak van het ene naar het andere podium verplaatsen is het altijd een drukte van jewelste in de straten van Amsterdam. Het is moeilijk om je snel van A naar B te verplaatsen als je mee loopt in de stroom. Het moeilijk om vrienden terug te vinden, bij een podium of in de stroom van mensen. En meestal kom je te laat aan bij een podium, heb je de artiest alweer gemist en kan je je weer opmaken om te vertrekken naar een volgend podium. OPDRACHT Gelukkig kan volgend jaar gezegd worden: There is an app for that! Want die gaan jullie namelijk maken: Bedenk een app die je aanraadt welk podium op dit moment (of over een uur) het meest bij jou past en hoe je hier zo snel en efficiënt mogelijk kunt komen.

3 LOWLANDS Lowlands is één van s Neerlands grootste festivals. Het festival heeft grote variatie in het aanbod van amusement: er is niet alleen muziek, maar ook literatuur, film, cabaret, ballet, theater en strip. BELEVING Met zo veel aanbod en variatie beleeft iedere bezoeker Lowlands weer anders.de één geniet van het prachtige geluid, de ander van het visueel geweld en weer een ander van de sociale contacten. Niemand beleeft Lowlands dus op de zelfde manier. BELEVING DELEN [Fictief] Volgend jaar staat Lowlands in het teken van het delen van deze belevingen. Het is de bedoeling dat de bezoekers aan elkaar laten zien hoe zij Lowlands beleven. Lowlands gaat op verschillende plekken grote schermen en andere hardware neerzetten om dit te faciliteren. OPDRACHT Maak een applicatie waarmee mensen hun beleving op Lowlands kunnen delen en naar een groot scherm kunnen sturen. Bedenk in welke vorm dit kan (foto s, video, live-video, audio, tekst), hoe dit zou moeten werken en met welke technieken (bijvoorbeeld Bluetooth of Twitter...).

4 2 Businesscontexten BUSINESS CONTEXT Een opdracht heeft altijd een opdrachtgever. Het is belangrijk om rekening te houden met de wensen, stijl en merkwaarden van deze opdrachtgevers. KONINGINNEDAG: De Amsterdamse Koniginnnedag kent veel organi satoren en betrokken partijen. Dit jaar is IAMsterdam (het kanaal van Amsterdam voor toeristen en bezoekers) de initiatiefnemer van een iphone app voor koninginnedag (zie opdracht). IAMsterdam heeft al ervaring met het onderwerp door de (gratis) Mobile City Guide die ze al uitgeven voor de iphone. LOWLANDS: Sinds kort is Grolsch een nieuwe richting in geslagen in hun reclameuitingen. In de nieuwe commercial is te zien hoe mensen proosten op alles waar ze voor staan en dat dat goed voelt. In de vorm van OP...! laat deze commerial een aantal scenario s zien waarop geproost kan worden. OP een iphone app maken! Grolsch wil dat mensen ook op Lowlands proostmomenten (of algemener, belevingen) delen met elkaar. Grolsch heeft daarbij gekozen om dit door middel van een iphone app gecombineerd met grote schermen uit te voeren op Lowlands.

5 Het wordt LOWLANDS

6 Beleving: - Geluid - Sociale contacten - Retro

7 Opdrachtgever GROLSCH Huisstijl:

8 Waarom? Wij hebben gekozen voor Lowlands en Grolsch. Wij als team zijn wat later bij elkaar gesmolten, omdat twee teamleden waren afgevallen. Helaas waren we toen met twee studenten over, hierdoor konden we geen team vormen. Gelukkig was Sophie onze redding en konden we alsnog een team vormen. We liepen wel een week achter, maar dat hebben we gedurende het proces bijgeschaafd. We konden ons alledrie goed vinden met Lowlands en zeker ook met de opdrachtgever, daarom hebben we ook snel een knoop doorgehakt en snel een beslissing genomen. Deliverables Conceptomschrijving Schetsen Functioneel ontwerp Visueel ontwerp Testplan (usability tests) Testresultaten en verbeteradvies a.d.h.v. usability tests App prototype die de werking laat zien

9 Onderzoek Applicaties Applicatie 1 Walk the line Nieuwe Grolsch iphone-applicatie test of je dronken bent vrijdag, 24 juli 2009 (11:39) Gonny van der Zwaag recht loopt. Grolsch heeft al een tijdje een air hockey-game in de App Store staan. Bij deze Grolsch Game moet je bierdopjes over een speelveld bewegen. Nu hebben ze iets nieuws: een iphone-applicatie waarmee je kunt kijken hoe dronken je bent. De naam van de applicatie is Walk The Line en is nog niet in de App Store te vinden. Met de applicatie wil Grolsch mensen aanmoedigen om te checken of ze niet teveel gedronken hebben. De accelerometer (bewegingssensor) van de iphone laat via een soort radar-achtige interface zien of je De applicatie is ontwikkeld door het Nederlandse bedrijf Marvellous, die bevestigt dat de applicatie nog niet in de App Store staat: hij komt pas in augustus 2009 beschikbaar. Walk The Line is gericht op jongere drinkers, om ze er op een speelse manier van bewust te maken dat je niet teveel moet drinken. De applicatie meet hoe stabiel je op je voeten staat: hoe hoger je score bij 100 ligt, hoe beter het is. De applicatie zal deze zomer tijdens festivals in Nederland worden gepromoot. Verder probeert ontwikkelaar Marvellous de applicatie via Twitter, techblogs en sociale netwerken onder de aandacht te brengen. Applicatie 2 Lowlands 2010 Officiële iphone/android-applicatie voor Lowlands 05/08/ Door: Marz667 - Bron: Er is een officiële iphone/android-applicatie voor Lowlands uitgebracht. De applicatie bevat een onderdeel met het laatste nieuws, een programmaboekje met een overzicht van alle optredens en een overzicht van alle artiesten die komen optreden. Via de applicatie kun je kaarten winnen voor de Converse Fastlane, zodat je niet in de rij hoeft te staan bij de ingang. Natuurlijk bevat de app dit jaar ook weer een LowMap, waarmee je via de BuddyFinder in de gaten kunt houden waar je vrienden zijn. Je maakt daarbij een kanaal aan (aan de hand van een codewoord), zodat je elkaar kunt terugvinden. Telefoon leeg? Op de LowMap staat waar je terecht kunt voor de mobiele oplaadservice.

10 Applicatie 3 Waar s m n tent? Waar s m n tent? donderdag, 20 mei 2010 (13:47) Gonny van der Zwaag Dat het best mogelijk is om een originele Nederlandse applicatie te maken, bewijst Waar s m n tent?. Omdat grote muziekfestivals zoals Pinkpop voor de deur staan, is de timing ook nog eens perfect. Waar s m n tent? zorgt ervoor dat je, al dan niet in beschonken toestand, je tent kunt terugvinden op het festivalterrein. In de iphone-applicatie leg je de locatie van jouw tent vast. Later gebruik je de app om de locatie van jouw tent op een Google Map weer te geven. Een blauw bolletje geeft je huidige locatie aan, zodat je er makkelijk naartoe kunt lopen. Na het installeren van de app hoef je alleen maar op de knop Mijn tent staat hier te drukken terwijl je naast je tent staat, om je locatie vast te leggen. Simpel en nog gratis ook.

11 Lekker simpele look waar je niet snel in kan verdwalen. Hieruit kunnen we opmaken dat de sterkte van een applicatie in de simpelheid ligt. Dit willen we ook toepassen bij onze applicatie.

12 iphone De iphone is een mobiele telefoon van Apple Inc. In onze opdracht moeten we ervan uit gaan dat iedereen een iphone heeft. Nu eerst wat feitjes op een rijtje. Al in 2002 waren er geruchten dat er een handheldcomputer gecombineerd met mobiele telefoon. [1] De echte eerste iphone werd geïntroduceerd op 29 juni 2007 in de Verenigde Staten en werd in november 2007 geïntroduceerd in Europa. De iphone gebruikt ios, een aangepaste versie van Mac OS X, het besturingssysteem voor Macintosh-computers. Deze software creëert onder andere de virtuele toetsen op het touchscreen voor de bediening. Productie De iphone bestaat uit meerdere componenten, die door verschillende toeleveranciers worden geproduceerd. Voor de ontwikkeling van het aanraakgevoelige beeldscherm is het Duitse bedrijf Balda verantwoordelijk. De productie zelf wordt onder andere uitgevoerd door schermfabrikant TPK in het Chinese industriegebied Xiamen. Balda is voor 50% eigenaar van TPK. Het NAND-flashgeheugen in de iphone is afkomstig van de firma's Hynix, Intel, Micron, Samsung Electronics en Toshiba, waarmee Apple een overeenkomst tot 2010 heeft gesloten. De kosten van de componenten en de vervaardiging van de iphone liggen volgens analisten rond de 265 dollar voor het 8GB-model, dus ongeveer 67% van de verkoopprijs. Het duurste onderdeel is het aanraakgevoelige scherm, waarvan de productiekosten rond 27 dollar liggen. Naamgeving Volgens Cisco brak Apple met de naam iphone in op de rechten van het bedrijf, dat via het merk Linksys VoIP-producten onder de naam iphone verkoopt. Cisco kondigde in januari 2007 een rechtszaak aan. Op 21 februari 2007 maakten Apple en Cisco bekend dat ze een overeenkomst hadden over het gebruik van de naam. Beide bedrijven zullen de naam wereldwijd gebruiken en zullen geen juridische stappen meer ondernemen. Ook onderzoeken de bedrijven de mogelijkheden om samen te werken op het gebied van veiligheid en communicatie. Het nieuwe besturingssysteem van Apple op de iphone 4 heet echter ios, net als het besturingssysteem van Cisco, dat IOS heet. App store Er bestaan twee soorten iphone applicaties: webgebaseerd en downloadbare native apps. Het laatste kan gedownload worden via de itunes Store. Developers ontvangen 70% van de inkomsten, het andere deel gaat naar Apple toe. Veel apps zijn gratis verkrijgbaar. Native apps Om een native app te maken heb je een iphone software development kit nodig (iphone SDK). Om de SDK te gebruiken, heb je een lidmaatschap van het iphone Developer Program nodig, wat $99 per jaar kost. Een native app wordt geschreven in de programmeertaal Objective-C en heeft daarmee toegang tot

13 alle hardwarefuncties van de telefoon. Web apps Daarentegen is het maken van een webgebaseerde app wel gratis. Hoewel je bij een native app meer mogelijkheden hebt, kun je bij een webapplicatie veel sneller resultaat bereiken en ook veel experimenteren. De iphone ondersteunt namelijk de nieuwste HTML5- en CSS3-technieken. Op com/html5/ kun je met Safari kennis maken met een aantal technieken, die (nog) niet in andere browsers beschikbaar zijn. Apple s iphone guides Het is belangrijk om je te houden aan richtlijnen van Apple bij het ontwerpen van je applicatie. Door het volgen van de richtlijnen ben je er zekerder van dat je applicatie makkelijk te gebruiken is. En waarom zou je het wiel opnieuw uitvinden? Apps ontwerpen Voordat je begint met het maken van een applicatie is het handig om eerst een interactie ontwerp te maken. Je kunt bijvoorbeeld beginnen met schetsen op speciaal papier ( com/dfmsketch). Voor je ontwerp op de computer zijn er ook diverse stencils beschikbaar ( Ook zijn er diverse PSD s beschikbaar ( dfmpsd) om je ontwerpen mee te beginnen met basiselementen van de iphone interface. Inspiratie voor een webapp kun je onder andere opdoen bij Kijk ook eens hoe niet moet ( Prototypes maken Maak een begin met je HTML-prototype door com/dfmprototype te volgen. Met JavaScript kun je ook de GPS-locatie ophalen om de werking van een native app na te bootsen. Testen van je HTML-prototype wordt aangeraden om op de iphone te doen. Er bestaan diverse applicaties voor Windows en OS X om je prototype te testen in een iphone simulator, maar het komt er vaak niet uit te zien zoals het hoort. Uiteraard is de basis makkelijk te testen aan de hand van Safari, dat dezelfde basis bevat als de versie op de iphone. Uiteraard kun je je prototype ook op een ipod Touch testen. Bronnen en noten 1.

14 Concepten Ideeën Idee 1 Verschillende beleving creeëren aan de hand van verschillende bands. Idee2 Ratings geven aan de beste artiest of tent. Idee 3 Je komt bijvoorbeeld bij een tentje dat in het teken van strips staat. Er staat daar een beeld scherm. Jij kan met de applicatie wat jouw strip held is, deze komt dan op het scherm. Op het scherm staat een camera die de techniek heeft jouw bewegingen te volgen. Dus jouw stripheld neemt dezelfde houding aan als jij. Jij beleeft het dan, digitaal, als jouw stripheld. We willen dat mensen een beleving delen door ons concept en ze bij elkaar te laten komen. Een grote beugelfles in het centrum van het festival. Iedereen kan dan hier lege flesjes/blikjes/bekertjes tegenaan gooien, zodat deze blijven plakken. Dit willen we ook doen in de vorm van letters, deze moeten het woord Grolsch vormen over het hele festival terrein. Hier willen we mensen bij elkaar brengen. Daarom worden er ook loungebanken er tegenaan gezet. Hier kan je heerlijk een biertje drinken en na het drinken gooi je het in de letter. De letter is namelijk ongeveer een meter hoog en is open van de bovenkant zodat je likjes/flesjes/bekertjes erin kunt gooien. Op deze letter staat het begin van een motto, dit heeft te maken met de nieuwe campagne van Grolsch.

15 Concept 1 The Tower of Grolsch Op het terrein Er staat een grote Grolschfles in het centrum van Lowlands. Deze heeft een plaklaag waar je je bekertje tegenaan kan smijten. Deze blijft dan plakken en het bekertje is meteen opgeruimd. Op deze bekers moet men dan een eigen motto van wat men voelt voor Lowlands. Hiervan maakt men een foto en deze wordt meteen opgeslagen in database. Ook staan er verspreidt over het terrein een soort afvalmallen over het terrein elke afvalmal is een letter uit het woord Grolsch, dus het bestaat uit zeven verschillende afvalmallen. Deze zijn laag genoeg om je bekertje erin te gooien. Ook hier kan je jouw beleving uitten in de vorm van een motto. s Avonds worden deze mallen verlicht en zie je vanaf boven het woord Grolsch staan over het hele terrein van Grolsch. Deze zijn variërend van kleur. De applicatie Men moet dus door middel van de applicatie een foto van het bekertje maken en men moet op verzenden drukken om het te verzenden naar de database. Het motto die op het bekertje staat wordt herkent en getoond in de letters van Grolsch op het grote scherm. Men kan door middel van de applicatie stemmen op de leukste, grappigste, mooiste, ontroerendste en de meest originele motto van de dag. Dus er wordt drie keer een winnaar verkozen. Op het scherm Op het scherm komen alle slogans/motto s voorbij die worden verstuurd. Ook wordt de top 10 ieder uur bijgehouden. Aan het eind van de dag komt er een winnaar uit.

16 Concept 2 Het Grolschpodium Op het terrein Dit word teen Lowlandse versie van het populaire Popstars. Hiervoor is een speciaal Grolschpodium. Hier staat een liveband klaar die jou ondersteund met muziek. Je moet je ruim van tevoren inschrijven via internet. Dit zou een ultieme kans kunnen worden voor beginnende artiesten en bands. De winnaar die verkozen wordt via de applicatie mag namens Grolsch een single uitbrengen. De applicatie De applicatie bevat de volgende items: - Voten op hun favoriete artiest - Filmpjes terugkijken van de audities - Reacties achterlaten - Playlist kijken van die dag Op het scherm Op het scherm kan je zien hoe er wordt gestemd op de band of artiest, elk uur vindt er een update plaats. Je kan dan op het grootte scherm het optreden bekijken, live. Men ziet dan ook een lijst wat er komen gaat.

17 Concept 3 Beermasters Op het terrein Er staat op ieder bekertje een unieke code. Deze QR-code is op elk bekertje verschillend, deze moet men scannen. Dus je kan lekker met elkaar bier drinken en kijken hoeveel iemand gedronken heeft. De applicatie De applicatie bevat de volgende items: - Biercounter - Mogelijkheid om vrienden toe te voegen en hun aantal bier met de jouwe vergelijken - Je kan een bestellijst maken van wat iedereen wil drinken Op het scherm Op het scherm is de top tien te zien, degene die het meest op dat moment op heeft. Je ziet dan ook een totaalbeeld wat erop die dag besteld is. Om elke drie uur is er een winnaar bekend, deze wordt tot beermaster gekroond. Elke beermaster kan ook kansmaken op een reis van Grolsch.

18 Conceptpresentatie [1] Feedback Concept 1 is het meest bijgebleven. Concept 3 lijkt meer op een ordinaire zuippartij. Niet echt een beleving. Concept 2 is iets te veel op tv langsgekomen. We worden platgegooid met talentenjachten, waarschijnlijk zal niemand hierop wachten. Concept 1 is dus het meest aansprakelijk. Na deze feedback zijn we heel snel gaan brainstormen. We zijn helemaal vanaf begin af aan begonnen en vroegen zich ons af wat voor eisen ons concept moet hebben. We kwamen tot de conclusie dat we iets simpels wilden dat iedereen begrijpt en graag wilt doen. Daaruit kwam dat we de beleving van de bezoekers door hun ogen wilden laten zien op het grote scherm. Ze moeten dus filmen wat zij voor iets opmerkelijks zien en wat ze daarmee beleven. Iets wat een toegevoegde waarde voor de bezoekers heeft en wat ze willen delen door middel van de applicatie op het grote scherm. Hieraan koppelden we ook meteen t Goudmomentje. Door middel van GPS vaststellen waar ze die beleving beleefd hebben en deze als herinnering terug kunnen zien.

19 Visuals Versie 1

20

21