PROJECT DOSSIER
1
MUSIC NEWS
Projectgroep Music News Yessica Ligterink | 0845602 |
[email protected] Floor Jansen | 0847926 |
[email protected] Cristiaan Schipper | 0846114 |
[email protected] Datum en plaats: 21 februari 2012, Rotterdam HRO
MUSIC NEWS
INHOUD
2
Plan van aanpak
idee
Blz. 3
achtergronden
Blz. 4
projectorganisatie; teamleden, rolverdeling
Blz. 5
activiteiten
Blz. 6
risico’s
Blz. 7
planning
Blz. 8- 9
Doelgroep
Blz. 10
Interview
Blz. 11
Persona’s
Blz. 12
User scenarios
Blz. 13
Eisen
Blz. 14
Funcioneel ontwerp
Blz. 15
Technisch ontwerp
Blz. 16
Wireframe
Blz. 17
Ontwerp schetsen
Blz. 18
Ontwerp
Blz. 19
Notulen
Blz. 20
Uren verantwoording
Blz. 21
MUSIC NEWS
HET IDEE
3
Eerst hebben we gebrainstormt over een idee voor een app die te gebruiken is door Spotify gebruikers. Hieronder zie je welke ideeën er waren. DJ App - een app voor de DJ, hier kan de DJ makkelijk nummers vinden als iemand een nummer aanvraagt die de DJ zelf niet heeft.
SPOTIFY MJ APP
SOUNDTRACK APP MUSIC MEME
CONCERTEN APP
DJ APP GENRE’S
AFBEELDING APP
DANSPASJES APP
Concerten App - hier kan je alle komende concerten vinden. Grote concerten, maar ook optredens van lokale bandjes in kroegen die bekent worden gemaakt. Afbeelding App - afbeeldingen die passen bij het nummer komen als een diashow voorbij. Mood changer - of je nou boos of blij bent, hier kan je je muziek selecteren op je ‘mood’.
QUIZ MOOD CHANGER
MUSIC NEWS
FEESTDAG APP LOCATIE
Genre’s - een app waarbij je op uitgebreide genre’s kan zoeken.
PARODY WATCHER
Locatie - waar je bent kan je bijpassende muziek afspelen. De juiste muziek bij jou bestemming. Bijvoorbeeld op het strand, rustige muziek of juist beach songs. Music News - nieuws en verdere informatie over de artiest van het nummer dat je luisterd.
Na de brainstorm gingen we kijken welke ideeën haalbaar waren. Eigenlijk bleef er niet veel over, en we kozen het idee Music News. MUSIC NEWS Nieuws en verdere informatie over de artiest van het nummer dat je luisterd. Dit kan een biografie zijn, maar ook nieuwtjes. Het is een app voor mobiel, zodat je altijd op de hoogte kan blijven van je favorite artiesten.
MUSIC NEWS
ACHTERGRONDEN
4
Ons project heet Music News. Dit omdat het gaat om een app waarbij nieuws gecombineerd is met muziek. De opdrachtgever is Hogeschool Rotterdam. Wij zijn de opdrachtnemers. Wij gaan het project realiseren en we werken het uit tot een App. We zijn vrij in het bedenken en realiseren van het product, zolang we de API gebruiken van Spotify. De stakeholders zijn natuurlijk de mensen uit de doelgroep. Hun belang bij het slagen in het project is dat zij gemakkelijk met de app overweg kunnen. Dat ze voldoende beknopte informatie kunnen vinden over de artiest.
MUSIC NEWS
PROJECTORGANISATIE
5
Naam: Yessica Ligterink Telefoonnummer: 0642360463 E-mail:
[email protected] Studentnummer: 0845602 Naam: Telefoonnummer: E-mail: Studentnummer:
Floor Jansen 0646726729
[email protected] 0847926
Naam: Telefoonnummer: E-mail: Studentnummer:
Cristiaan Schipper 0613589245
[email protected] 0846114
AFSPRAKEN Al het werk wordt opgeslagen op dropbox, zodat iedereen de bestanden overal en altijd kan openen. Belangrijke dingen die voor iedereen gelden kunnen we op Facebook plaatsen. We gaan programmeren in het programma dreamweaver en de database wordt gemaakt in phpMyAdmin. Het project leverd 4 studiepunten op waarvoor je 112 uren per student moet kunnen verantwoorden. 80% aanwezigheid is vereist.
ROLVERDELING YESSICA LIGTERINK Plan van aanpak Project dossier Ontwerp Bouwen FLOOR JANSEN 2x User scenarios Blog Code’s zoeken Bouwen CRISTIAAN SCHIPPER Persona Weekplanning Code’s zoeken Bouwen
MUSIC NEWS
ACTIVITEITEN −
Idee o Brainstormen o Concept kiezen o Presenteren
−
Blog o
−
Maken van het plan van aanpak. o Schrijven van de hoofdstukken. o Maken van de planning.
−
Maken van project dossier. o Doelgroep o Persona schrijven o User scenario’s schrijven o Notulen schrijven tijdens gesprekken
−
Blog o
−
Ontwerp o Wireframe o Ontwerp schets o Ontwerp maken app
−
Blog o
−
Voorstudies o Verzamelen van code’s etc.
−
Blog o
6
Bijhouden
Bijhouden
Bijhouden
Bijhouden
− Maken van de app o Maken van prototype • Verzamelen van resources • Uitwerken van code • Implementeren • Debuggen o Maken van de app • Uitbreiden van prototype code • Testen • Debuggen −
Maken van eindproducten o Afronden producten o Presenteren van eindproduct.
MUSIC NEWS
RISICO’S Risico Impact
7
Waarschijnlijkheid
Uitvalprojectlid 112 uur meerwerk voor het projectteam minus de tijd die het projectlid al heeft gemaakt voor zijn uitval. Er bestaat hierop een kans van ongeveer 75%
Proactiefbeleid Reactiefbeleid
Dit is een extern risico. Dit kun je niet voorkomen. Het werk opnieuw verdelen.
Risico Impact Waarschijnlijkheid
Slechte communicatie binnen het team Mogelijke tijdnood en dubbel werk. Er bestaat een kans van praktisch 100% dat er op een gegeven moment in het project een miscommunicatie voorkomt. Strenge afspraken maken over de communicatie en deze controleren en nakomen. Sancties heffen tegen het projectlid dat de fout is ingegaan.
Proactiefbeleid Reactiefbeleid
Risico Impact Waarschijnlijkheid Proactiefbeleid Reactiefbeleid
Risico Impact Waarschijnlijkheid
Proactiefbeleid
Reactiefbeleid Risico Impact Waarschijnlijkheid
Proactiefbeleid Reactiefbeleid
Verlies van middelen. Dwingen tot improvisatie. Er bestaat een kans van ongeveer 10-15% dat er op een gegeven moment in het project iets kapot gaat of faalt. Voorzichtig omgaan met de middelen. Improviseren en zo snel mogelijk vervangende middelen vinden. Verlies documenten. Documenten opnieuw maken. Tijdnood in de planning. Er bestaat een kans vrijwel nihil dat er documenten verloren raken. Alle documenten worden automatisch op alle computers van alle projectleden bewaard en in een online back-up. Back-ups maken van alle documenten op alle computers van alle projectleden. Alle documenten uitprinten en bewaren. Dropbox houdt geschiedenis van bestanden bij. Proberen de documenten te redden. Opnieuwmaken. Beheerseen Techniek Andere techniek leren. Delen opnieuw maken. Er bestaat een kleine kans dat de techniek niet geleerd kan worden of dat de techniek niet bruikbaar is. Een projectlid is al vaardig in de te gebruiken techniek en deze techniek is zeer geschikt voor het soort applicatie dat we gaan maken. Vroeg van te voren beginnen met leren van de te gebruiken techniek. Andere techniek selecteren.
MUSIC NEWS
PLANNING
8
GLOBALE PLANNING WEEK 2 3 4 5 6 7 8
DATUM 24-02-12 02-03-12 09-03-12 16-03-12 23-03-12 30-03-12 06-04-12
9 10
12-04-12 16-04-12
YESSICA PvA Ontwerp maken NIET AANWEZIG Bouwen Testresultaten Peer assessments Projectdossier, spotify app, eindpresentatie
FLOOR User scenarios Code’s zoeken Bouwen Bouwen Testresultaten Peer assessments Projectdossier, spotify app, eindpresentatie
CRISTIAAN Planning, persona Code’s zoeken Bouwen Bouwen Testresultaten Peer assessments Projectdossier, spotify app, eindpresentatie
Chaos week
Chaos week
Chaos week
WEEKELIJKSE PLANNING WEEK 2 2
DATUM 24-02-12
YESSICA PvA
FLOOR User scenarios
CRISTIAAN Planning, persona
WEEK 3 3
DATUM 02-03-12
YESSICA Ontwerp maken
FLOOR Code’s zoeken
CRISTIAAN Code’s zoeken
WEEK 4 4
DATUM 09-03-12
YESSICA NIET AANWEZIG
FLOOR Bouwen paper prototype
CRISTIAAN Bouwen paper prototype
WEEK 5 5
DATUM 16-03-12
YESSICA Paper prototype
FLOOR Paper prototype
CRISTIAAN Paper prototype
WEEK 6 6
DATUM 23-03-12
YESSICA Testresultaten met eindgebruiker
FLOOR Testresultaten met eindgebruiker
CRISTIAAN Testresultaten met eindgebruiker
MUSIC NEWS
PLANNING
9
WEEKELIJKSE PLANNING WEEK 7 7
DATUM 30-03-12
YESSICA Peer assessments
FLOOR Peer assessments
CRISTIAAN Peer assessments
WEEK 8 8
DATUM 06-04-12
YESSICA Projectdossier, spotify app, eindpresentatie
FLOOR Projectdossier, spotify app, eindpresentatie
CRISTIAAN Projectdossier, spotify app, eindpresentatie
WEEK 9 9
DATUM 12-04-12
YESSICA
FLOOR
CRISTIAAN
WEEK 10 10
DATUM 16-04-12
YESSICA Chaos week
FLOOR Chaos week
CRISTIAAN Chaos week
MUSIC NEWS
DOELGROEP
10
tieners, jong volwassen mensen computer aangelegd leeftijd tussen de 15-30 diverse interesses in muziek
MUSIC NEWS
INTERVIEW
11
VRAGEN: 1: Waar denk je aan, als iemand zegt music news. 2: Hoe zou je het vinden dat als je een nummer luister je ook info er over kunt krijgen. Wie de artiest is wat hij doe wat voor muziek hoezo dit nummer waarom ze het zingen. Achtergrond info etc. 3: Luister je in je vrije tijd veel muziek en zo ja waarom? 4: Als er een app zou zijn voor music news, zouden jullie dat intressant vinden? 5: Als jullie zelf over een nummer iets weten of kwijt willen en bekwamen in ben, zou je dat dan willen delen met de rest van de wereld. ANTWOORDEN: Henk Jansen leeftijd 65: vraag 1: Ik denk aan nieuws gerelateerd aan muziek. vraag 2: Dat zou ik wel intressant vinden, om een nummer op te zoeken die ik ooit eens geluisterd heb en dan dat ik er wat meer over te weten kan komen, informatie vergaren is altijd goed. vraag 3: Ik vind muziek wel prettig maar lees liever een boek, haha vraag 4: Het lijkt me wel leuk maar al die appdingen gaan me toch te ver.. haha vraag 5: Ik zeker, ik hou er van om mijn kennis te verdelen tussen de mensen. Jan Templaar leeftijd 51 vraag 1: Nieuws voor muziek vraag 2: Ja dat lijkt me wel leuk opzich. Beetje diepgang in het genen wat je goed vind kan geen kwaad. vraag 3: Oh jaa hoor. Lekker hard marco borsato op de achtergrond tijdens het koken, heerlijk. vraag 4 Oh ja hoor. Lekker handig voor op de bank met de tablet. vraag 5: Hmm moet ik er wel echt wat van af weten, dat zijn maar weinig artiesten. Els Rietdijk leeftijd 49 vraag 1: Muziek en dan news er over? vraag 2: Ligt aan me stemming denk ik. Soms zou het leuk zijn als je even verveel, maar kan wel handig zijn als je wat meer wilt weten. vraag 3: Tuurlijk. Beetje tijdens koken of schoonmaken als er weinig mensen zijn celine dion op zetten en afspelen maar haha. vraag 4: Waarom niet, kan lache zijn soms. vraag 5: Nee denk het niet. Zo bekwamen ben ik niet qua dingen over artiesten. Lennard jansen leeftijd 20 vraag 1: Gewoon info en muziek ofzo. vraag 2: Mjah het zal me eigenlijk niet zoveel uit maken, ik luister gewoon muziek wat maak mij het uit. vraag 3: Tuurlijk constant. Tijdens spelletjes en dingen doen tussendoor. vraag 4: Denk het niet. Ben niet zo geintresseerd in news enz. vraag 5: Ben ik te lui voor. Tomaz Petiet leeftijd: 21 vraag 1: Info muziek... vraag 2: Mja ik luister eigenlijk alleen muziek de rest boeit me niet. vraag 3 Als ik thuis kom voeten op het bureau boxen aan en dubstep begint heerlijk. vraag 4: Nee ik niet gebruik geen apps, niet nodig heb me peuken muziek spelletjes heb genoeg. vraag 5: Nee weet er niet zo veel over. Luister alleen. CONCLUSIE: De naamgeving van onze app is duidelijk genoeg. Wanneer iemand meer vrije tijd heeft, vinden de meeste mensen het wel leuk om info te lezen over de muziek die ze op dat moment luisteren. Wanneer iemand meer weet van muziek wilt die persoon het graag delen, en vindt het ook leuk om bij te leren. Iedereen luisterd graag muziek, maar het lezen van info zit vooral in de vrije tijd die een persoon heeft.
MUSIC NEWS
PERSONA’S
12
PERSONA 01 Naam: Ceciel Ragget Leeftijd: 24 jaar Woonplaats: Maaskantje Nationaliteit: Nederlandse Huwelijkse staat: Ongehuwd Relatie: vrijgezel Opleidings niveau: HBO Beroep: bassischool docente PERSONA 02 Naam: Henk Blaat Leeftijd: 38 jaar Woonplaats: Amsterdam Nationaliteit: Nederlander Huwelijkse staat: Ongehuwd Relatie: vriendin Opleidings niveau: HBO Beroep: muziekjournalist
MUSIC NEWS
USER SCENARIOS
13
SCENARIO 01 Wanneer Ceciel opstaat op een vrijdag ochtend, kleed ze zich aan. Ze zegt tegen zichzelf: “eerst aankleden anders is het zo koud”. Ze loopt daarna rustig naar beneden. Ze smeert haar brood en zet koffie. Dr brood is gesmeerd en de koffie is klaar. Ze pakt een kommetje yoghurt en snijdt een banaan in stukjes en doet dat er bij. Ze eet dr kom leeg en drinkt dr koffie op, dan pakt ze haar tas in. Stapt de deur uit en rijdt met de auto naar school. Eenmaal op school aangekomen en de schooldag begonnen is, hoord ze op de radio een heel mooi nummer. Een valentijns nummer van Martina McBride en denkt ohh wat mooi. Ze gaat naar Spotify en zoekt de Spotify Music News app op. Ze denkt verdorie wat is dat toch handig, en leest alles over dit prachtige nummer. SCENARIO 02 Henk wordt wakker op een donderdag morgen en denk gelijk aan muziek. Hij draait om en pakt de afstandsbediening en zet de radio aan. Hij pakt een peukje en geniet van de muziek. Na een kwartier besluit Henk eindelijk op te staan en gaat douchen, aankleden en ontbijten. Eenmaal klaar gaat hij aan de slag, Henk is een journalist. Hij pakt zijn laptop, opend zijn programma’s en begint wat rond te bellen. Hij kijkt overal op het internet naar hits clues voor nummers, hij houdt zich voornamelijk bezig met informatie. Henk heeft ooit de Music News app ondekt en werkt hier hard aan mee. Zijn hobbie is muziek en zo helpt hij mensen die meer over muziek willen weten. Alle informatie die gedeelt mag worden zet hij op de app. Henk ondekt wat feitjes en weetjes over een nummer van Beyonce, hij besluit hier een rapport over te schrijven voor de magazine waar hij voor werkt. En zet daarna voor de lol wat kleine feitjes en weetjes over het nummer bij de Music News app, zodat anderen daar weer wat meer over kunnen lezen.
MUSIC NEWS
EISEN
14
In oktober 2008 is de muziekdienst Spotify gelanceerd, een streaming dienst die vind dat muziek sociaal moet zijn. In minder dan 2 jaar tijd heeft de dienst ongeveer 10 miljoen gebruiks die de Spotify client gebruiken om hun favoriete muziek te beluisteren. In november van 2011 heeft Spotify hun client open gesteld voor third party developers door een Application Programming Interface (API) aan te bieden die het mogelijk maakt om in HTML5 met CSS en Javascript apps te bouwen die in Spotify’s client draaien. Last.fm, Rolling Stone en Sounddrop zijn een aantal van de eerste partijen die een app voor Spotify gebouwd hebben. De API voor developers is op dit moment nog in de Beta fase en Spotify heeft zo veel mogelijk feedback nodig van developers om de API verder te ontwikkelen. Daarom ga je in dit project met een team van studenten een app bouwen voor de social music app Spotify. Door deze app te gaan bouwen pas je de kennis die je tijdens dit kwartaal opdoet over het gebruik van Javascript toe en leer je gebruik te maken van API’s. Daarnaast ontwikkel je je vaardigheden in het samenwerken en plannen van je taken. WAT IS API? Application programming interface API is een verzameling definities op basis waarvan een computerprogramma kan communiceren met een ander programma of onderdeel (meestal in de vorm van bibliotheken). Bijvoorbeeld. een tekenprogramma hoef niet te weten hoe het de printer moet aansturen, maar roept het daarvoor een gespecialiseerd stuk software aan in een bibliotheek, via een afruk- API. VOORBEELDEN VAN API’S de BIOS- interface van een pc W3C DOM de Microsoft Win32- API de J2EE Java 2 Enterprise Edition- API’s DirectX Cocoa op Mac OSX DIRECTE CONCURRENTEN Apple (iTunes) Google (Music) Amazon (Cloud Drive) API GUIDELINES -probeer volledige reloads tevoorkomen -Spotify Look-And-Feel (je moet de layout/feel aanhouden) -manifest.json is verplicht en moet validate zijn zie http://developer.spotify.com/download/spotify-apps-api/guidelines/ -Permissions (voor externe resources ) -Persisting State (instellingen en beeld bewaard blijven) OVERIG -we bouwen een demo applicatie met min mogelijke features
MUSIC NEWS
FUNCTIONEEL ONTWERP
15
Doelstellingen/ eisen: - je moet muziek kunnen luisteren - een play- bar voor next stop pauze etc. (aangeleverd door spotify zelf) - elk nummer heeft een nieuwsbron, + een lees meer optie(uitklap menu) (3x als voorbeeld) - mensen kunnen met toestemming van ons een speciaal account aanmaken, en daarbij de info toevoegen voor nummers -huisthema = spotify Wanneer je de applicatie opent, kom je op de homepage. Hier wordt alles zichtbaar wat de applicatie je te bieden heeft. Er is een top banner voor de app. En er is een login waar je kan inloggen of als je geen login hebt een nieuwe aanmaken. Voor de inloggegevens goed zijn wordt je gecontroleerd door ons en je krijgt pas toegang als je de juiste informatie kan vertellen over muziek. Wanneer je bent ingelogd kan je news articles toevoegen aan nummers. En je zult een genre lijst met nummers zien. De genres staan op alfabetische volgorde en de nummers die daarbij horen zullen dat ook zijn. Zodat het zoeken naar nummers wat makkelijker wordt. Als je op een genre klikt zal deze uitklappen met een lijst nummers die bij de desbetreffende genre hoort. Je kunt er zelf doorheen scrollen en opzoek naar een nummer gaan. De nummers zullen niet vanzelf afspelen, je moet zelf een nummer selecteren, omdat bij de nummer ook de informatie geloden wordt die er bij hoort. Stel je kiest: Turn up the music - Chris Brown. Dan zal het nummer uitklappen en afspelen en daarbij news weergeven. Als je vervolgens meer wilt lezen zal hij die naar de zijkant uitklappen en de rest van het news laten zien. We zouden ook eventueel, als dit past in het design een plaatje erbij kunnen doen van bijvoorbeeld een cover van hun cd. Als je eenmaal een nummer hebt geselecteerd zal hij de nummers die erna volgen vanzelf afspelen, waardoor je niet constant hoeft te klikken voor een nummer. Indien je een ander nummer wilt luisteren dan kan je altijd een andere selecteren en dan vanaf daar weer verder spelen. Ook als het nieuws te zien is, zal dat geen probleem zijn. Scroll voorbij het nieuws en slecteer gewoon een nieuwe. De nummers sorteren we op naam van de artiest. Als secundaire eis zetten wij een zoekfunctie erin, dit is niet specifiek noodzakelijk omdat we het allemaal via volgorde plaatsen maar als we tijd over hebben willen wij die er wel indoen.
MUSIC NEWS
FLOWCHART
16
MUSIC NEWS
TECHNISCH ONTWERP
17
Programma’s die we gebruiken: - Indesign, Photoshop, Dreamweaver CS5 - Xampp - Google Chrome, Firefox Voor het werkend krijgen van de applicatie betreft de uiterlijk zal dat gedaan worden door HTML5 en CSS, deze zullen qua regels en layout gemaakt worden via de Chrome rendering systeem omdat daar spotify gebruik van maakt. Uiteraard moeten wij daar rekening mee houden dat dat niet altijd zo zult blijven, dus we zullen ook moeten kijken naar andere browsers en daar de app op fatsoenlijk niveau te behouden, we zullen ook rekening moeten houden met de advertisement omdat die er ook wel is bij willen staan, dat de pagina daar flexibel mee omgaat. En niet te vergeten de app moet de uitstraling hebben van spotify zelf. Het is net dat we zomaar wat voor ons zelf kunnen bouwen wat bij leuk vinden qua design is voor spotify. De bestanden van de applicatie komen allemaal uit één rootmap. Via die map laadt hij de applicatie binnen naar spotify. Binnen de rootfolder van de applicatie zit er naast de html, css ook een pagina manifest.json, dit bestand is zegmaar een JSON woordenboek, daarin staan die details en verplichtingen waar aan de app moet voldoen. Denk hierbij aan de pagina’s die de app moet bevatten, welke talen de app ondersteund eigenlijk alle regels voor je app. Dit bestand wordt gemaakt binnen urf-9 standaard en door de validator van json gevalideerd worden. Daarnaast kan je nog een algemeen license.html toevoegen, waarin je de licentie beschrijft maar dat is niet noodzakelijk. Belangrijk om te weten is dat spotify werkt met uri. Uri staat voor ‘Uniform Resource Indentifier’ een URI is eigenlijk niets meer dan een combinatie van characters die een naam of bestand indentificeren, door middel van die uri’s kan je data opvragen en zoeken binnen spotify. Naast het zoeken van nummers of albums moet je uri ook gebruiken om door de app te navigeren. De dynamische kant van de applicatie komt vanuit javascript en jquery. Met behulp van javascript zijn we in staat om data uit spotify’s api te lezen. Om dit mogelijk te maken moeten we er wel voor zorgen dat aan het begin van het javascript bestand de api in een object geladen moet worden. Vanuit het object zijn wij in staat data op te vragen. Betreft de songs, aan de hand van de genres zal eer een lijst tevoorschijn komen, die lijst is gewoon gemaakt van waar de nummers thuishoren, dus pop hoort ook bij pop en niet bij rnb. We zullen niet alles selecteren voor de test zullen we enkele nummers uitkiezen per genres en die gaan we uitwerken met news en dergelijke. De app wordt gemaakt en getest niet 100% uitgewerkt aangezien hij er ook niet daadwerkelijk op de spotify komt te staan. Uiteraard zijn er nog specifieke verplichtingen van spotify, aan de applicatie die wij gaan bouwen. Een eis is dat de app moet kunnen omgaan met gegevens die de ‘gebruiker’ ons geeft. Bijvoorbeeld het slepen van een link en of album naar de bar van spotify zelf. Wanneer het een link betreft word de ‘linksChanged’ event aangeroepen binnen het manifest bestand, waarna de applicatie het ‘getLinks()’ event binnen javascript aanroept om de URI’s vast te stellen om verder te verwerken. Om gegevens te kunnen gebruiken en weergeven vanuit spotify Api moet rekening gehouden worden dat alle data die ontvangen wordt uit de API moet worden gedecodeerd. Dit kan met behulp van twee methoden binnen javascript, namelijk: decodeForText() en decodeForHTML(). Naast dit alles moet er ook nog rekening gehouden worden met het volgende: We moeten zoveel mogelijk fullpage reloads vermijden. Dit is op te lossen door nieuwe data op de achtergrond te verwerken om vervolgens de huidige DOM (Document Object Model) van de pagina aan te passen. We moetne ervoor zorgen dat de applicatie goed reageerd wanneer er geen internet verbinding is, we moeten zorgen dat de applicatie ook naar behoren werkt wanneer de internetverbinding slecht (traag) is. En we moeten alles zoveel mogelijk lokaal opslaan. Dit zodat wanneer de gebruiker even naar een andere applicatie gaat en hij weer terug komt alles er nog precies hetzelfde uit zien (Persisting State). Dit kun je cachen of in de lokale HTML5 API opslaan. De HTML5 API biedt tot 5 MB opslagruimte. Als laatste moeten we er ook op letten dat de applicatie goed omgaat met errors. Dit laatste omdat gebruikers van de gratis Spotify niet oneindig nummers kunnen luisteren. Er moeten dus nette error pagina’s opgemaakt worden.
MUSIC NEWS
USE CASE DIAGRAM
18
MUSIC NEWS
WIREFRAME’S
19
Uitleg: 1 dit is spotify zelf en kunnen / mogen we niet aanpassen. 2 hier staat het logo in default modes. wanneer er een liedje word gekozen veranderd dit met ajax/jquery naar cd cover 3 dit is onze lege ruimte 4 Hier kan je de genres en liedjes vinden in een dropdown menu stijl 5 in deze ruimte komt de nieuws testaan. (en het knopje meer nieuws) 6 hier kan je inloggen ( dummy)
Slotje
MUSIC NEWS
ONTWERP SCHETSEN
20
MUSIC NEWS
ONTWERP
icoon ontwerpen
21
gekozen ontwerp
MUSIC NEWS
NOTULEN
22
Alles hebben we bijgehouden op Facebook, hieronder zie je dat we elkaar op de hoogte hielden als een van ons niet aanwezig was. Maar ook de rolverdeling beslissen en dingen met elkaar bespreken.
MUSIC NEWS
URENVERANTWOORDING
23
MUSIC NEWS