Final Report. Team 3. José Boon Justin Oud Wouter Bohlken Vincent Voordenberg Nils Duymaer van Twist. Project: Get Connected!

Transcriptie

1 Final Report Team 3 José Boon Justin Oud Wouter Bohlken Vincent Voordenberg Nils Duymaer van Twist Final report OWWW- app Groep 3 Page. 1 of 137

2 Versiebeheer Ver. Status Datum Auteur(s) Wijzigingen Justin Oud Vincent Voordenberg Jose Boon Wouter Bohlken Nils Duymaer van Twist Goedkeuring Uitvoering Controle Goedkeuring Ver. Naam Datum Naam Datum Naam Datum Final report OWWW- app Groep 3 Page. 2 of 137

3 1. Inhoudsopgave 1. Inhoudsopgave Inleiding Research Report Inleiding Onderwerp Probleemstelling Onderzoeksvragen PACT Analyse People Activities Context Technologies Planning De P van People De A van Activities De C van Context De T van Technologies Bronnenlijst Internet pagina s Bijlagen Desk research Enquête vragen Enquete uitslag Project Initiation Document Managementsamenvatting Inleiding Gebruik van de PRINCE2 projectmanagementmethode Doel van dit document Final report OWWW- app Groep 3 Page. 3 of 137

4 4.2.3 Opbouw van het document Projectdefinitie Achtergrond Projectdoelstellingen Projectresultaat Scope & afbakening Randvoorwaarden & aannames Relaties met anderen projecten Business Case Redenen om te starten met het project Alternatieven Voordelen Nadelen Kosten Investeringsanalyse Projectorganisatie Organigram Rollen & verantwoordelijkheden Projectplan Plan aannames Gantt-chart Productdecompositiestructuur Productstroomdiagram Activiteitenplanning Overzicht benodigde middelen Productbeschrijvingen Beheersinstrumenten Toleranties Risicomanagement Uitzonderingsprocedure Voortgangsrapportages Bijlage Final report OWWW- app Groep 3 Page. 4 of 137

5 4.8.1 Bijlage 1. Grafische Projectplanning Bijlage 2. Productstroomdiagram Bijlage 3. Productbeschrijvingen Paper Prototype UML diagrammen Test Approach Inleiding Statische kwaliteit Dynamische kwaliteit Testformulier Test Results User Manual Introduction Setting up the Owww-app Registering an account Logging in on the application Asking a question Answering a question Subscribing and Unsubscribing to a feed Finding an expert Logging out of the application Frequently Asked Question(s) Afterword Presentatie Sprints Presentatie Presentatie Team members Justin Oud Nils Duymaer van Twist Wouter Bohlken José Boon Vincent Voordenberg Final report OWWW- app Groep 3 Page. 5 of 137

6 12. Reflectieverslag Inleiding Feedback team & individueel per persoon (zelf- en teamreflectie) Vincent Justin Wouter Nils José Teamindeling Vincent Voordenberg José Boon Wouter Bohlken Justin Oud Nils Duymaer van Twist Uitslagen Belbin test Wat ging er goed, wat ging er slecht tijdens het project (en waarom?) Wat gaat er de volgende keer anders (en waarom dan?) Leerdoelen van het team (per persoon) Vincent José Justin Wouter Nils Conclusie Reflectieverslag Conclusie Final report OWWW- app Groep 3 Page. 6 of 137

7 2. Inleiding Het final report is het uiteindelijke report van het Get Connected project. In dit document worden alle andere documentatie samen gevoegd en wordt er nogmaals gekeken of alles naar planning verlopen is. Bovendien geeft elk teamlid zijn/haar mening over het proces/samenwerking van het project. Het final report is een belangrijk document. Het is een gemakkelijk overzicht van alle documenten die opgeleverd zijn. Alle beweringen die worden gedaan in de andere deeldocumenten moeten namelijk goed onderbouwd zijn en ook terug te vinden zijn in een van de andere deeldocumenten. Er is te zien hoe het verloop van sommige ontwikkelingen zijn gegaan en welke ideeën hier aan vooraf gingen. Uiteindelijk wordt er een conclusie getrokken over het verloop van het project en kunnen eventueel verbeterpunten voor het volgende project aangegeven worden. Zo weet elk teamlid waar hij of zij aan kan werken en kunnen zij alleen nog maar groeien in het projectmatig werken. Final report OWWW- app Groep 3 Page. 7 of 137

8 3. Research Report 3.1 Inleiding Op dinsdag 4 september was de kick-off van het project Get Connected. Hier kregen wij, voor de opdrachtgever bekend als medewerkers van het bedrijf ITopia, een presentatie van twee vooraf bedachte opdrachten. Hier hebben wij als groep gezamenlijk, met de rest van de groepen erbij, gekozen voor de tweede opdracht, die ook daadwerkelijk door ons zal worden ontwikkeld en opgeleverd. Dit document wordt gemaakt zodat wij aan de opdrachtgever kunnen laten zien welke stappen wij ondernemen om de doelgroep van het product beter in kaart te brengen. Maar ook om te onderzoeken wat de technische mogelijkheden en beperkingen zijn voor dit product Onderwerp De opdrachtgever wilt een product, in de vorm van een (mobiele-) applicatie, welke haar doelgroep de mogelijkheid biedt mensen met vragen en mensen met kennis beter met elkaar in contact te brengen. Wij willen dit ontwikkelen d.m.v. het maken van een forum, waar gebruikers gerichte vragen in een bepaald onderwerp/categorie kunnen plaatsen. Ook moet deze applicatie de mogelijkheid bie den tot het geven van een antwoord door mensen met kennis in dat specifieke vakgebied. Verder wilt de opdrachtgever dit graag met de hedendaagse social media (bijvoorbeeld Facebook en Twitter) combineren Probleemstelling Dit product moet ontwikkeld worden voor het gebruik op mobiele apparaten, zoals bijvoorbeeld smartphones en tablets. Dit kan een app zijn, maar ook een webpagina die toegankelijk is via Wi -Fi of mobiel internet. Mocht dit een app worden, dan zouden wij als ontwikkelaars gelimiteerd zijn aan één mobiel platform. Ook is de vraag hoe wij social media met de app gaan combineren. Verder moeten wij bepalen wie onze doelgroep is, en hoe wij deze het beste kunnen bereiken met ons product. Final report OWWW- app Groep 3 Page. 8 of 137

9 3.1.3 Onderzoeksvragen Moet het product persé een app zijn of mag het ook een HTML5 pagina worden? Het hoeft niet persé een app te zijn. Het mag ook een webpagina, geoptimaliseerd voor mobiele apparaten, zijn. Deze moet wel geschreven worden in HTML5. Een zogeheten web-app, die voor de opdracht diverse voordelen kan bieden. Wat zouden de voordelen en nadelen zijn van een dergelijke webpagina? Voordelen van een webpagina geschreven in HTML5: Je bent niet gebonden aan één mobiele platform (cross-platform). Het hoeft niet gekeurd en gedownload worden via een appstore (bijv. itunes). De applicatie zal dan voor een groter deel van de doelgroep toegankelijk zijn., Namelijk voor vrijwel alle mobiele platformen en tablets (cross-platform). Minder productiekosten, geen verschillende licenties /platformen. Je bent niet gelimiteerd aan de regels van het platform, waardoor er gemakkelijker nieuwe functies kunt toevoegen zonder platform afhankelijke voorwaarden. Nadelen van een webpagina geschreven in HTML5: (Native) apps hebben meer mogelijkheden dan HTML5 m.b.t. functies. Er zijn geen gebruikers statistieken en feedback beschikbaar, die wel beschikbaar zijn bij de meeste app stores. Is meer afhankelijk van een werkende internetverbinding. Je kan niet alle functionaliteit gebruiken van de betreffende mobiele apparaten. Hoe kunnen we de social media met de applicatie combineren? Door middel van Twitter kunnen de vragen eventueel doorgepost worden, zodat ook de volgers van het OBA Twitter account bereikt worden. Deze tweet bevat dan de vraag en een link naar onze mobiele pagina, waar de vraag beantwoord kan worden. Wie word de doelgroep voor ons product? Onze doelgroep zal bestaan uit leden van de OBA, met een leeftijd tussen de 18 en 40 jaar. Wij hebben deze doelgroep gekozen op basis van de beschikbare statistieken van het CBS. Daaruit blijkt dat het gebruik van mobiel internet, een vereiste van de applicatie, bij personen met deze leeftijdsklasse het meest voorkomt. Hoe zullen wij de doelgroep van onze applicatie het beste bereiken? Wij kunnen onze doelgroep het best bereiken via tweets op Twitter, posts op Facebook, maar er zou ook reclame gemaakt kunnen worden via de matrix schermen en aankondigingen op de website. Ook mond op mond reclame kan er voor zorgen dat onze reclame nog verder reikt. Final report OWWW- app Groep 3 Page. 9 of 137

10 3.2 PACT Analyse People Wij richten ons, met onze applicatie, op de leden van de OBA (Openbare Bibliotheek van Amsterdam). Dit in opdracht van de OBA. Wij willen ons beter verdiepen in onze doelgroep door het uitvoeren van een tweetal onderzoeken. Deze zullen bestaan uit een zogenaamd desk research en een field research dit laatste in de vorm van een enquête waarbij wij ter plekke leden willen interviewen. Het desk research hebben wij reeds afgenomen, het field research (de enquête) zullen wij komende week afnemen. Voor dit gedeelte zullen wij ons dus beperken op het eerst genoemde onderzoek. Voor ons desk research hebben wij gebruik gemaakt van de bestaande pagina van de OBA, van mogelijke gegevens van bestaande Twitter- en Facebook accounts en van statistische gegevens bekend bij het CBS. Uit dit onderzoek is gebleken dat de OBA over een eigen webpagina beschikt en hier regelmatig nieuws en aankondigingen op neerzet, maar ook een aantal services voor haar klanten beschikbaar stelt. Zo bestaat er een service om de status van het beschikbare assortiment te raadplegen, materiaal te reserveren en men kan zelfs de afhaallocatie zelf bepalen. Er bestaat ook een service waarbij er middels een beveiligd inlogsysteem, gebaseerd op het lidmaatschapsnummer en de geboortedatum, de bij de OBA bekende account-gegevens bekeken en/of gewijzigd kunnen worden. De OBA blijkt verder ook actief te zijn via de social media, zo is er namelijk al een Twitter en een Facebook account aangemaakt waar ongeveer drie maal per dag aankondigingen van de OBA op gepubliceerd worden. Uit het tweede deel van ons desk research is gebleken dat ongeveer 28 tot 30 procent van de geïnterviewde personen, met een leeftijd tussen de 12 en 44 jaar, gebruik maakt van mobiel internet beschikbaar via een smartphone. Verder is er gebleken dat dezelfde doelgroep met een ander gebruik van mobiele apparatuur, zoals tablets en notebooks, tussen de 19 en 27 procent mobiel internet gebruikt. Dit betekent dus dat het aantal mobiele gebruikers, gebaseerd op bovengenoemde cijfers, een mogelijke doelgroep voor ons zou kunnen vormen. Aangezien zij over zowel de vereiste apparatuur als een bestaande aansluiting met internet toegang beschikken. Waarmee zij toegang hebben tot websites en web-apps. Final report OWWW- app Groep 3 Page. 10 of 137

11 3.2.2 Activities Bij het concept in ontwikkeling, hebben wij ons gericht op de resultaten van onze twee onderzoeken om zo het best mogelijk ontvankelijk te zijn voor onze doelgroep. Als oplossing voor deze opdracht, hebben wij besloten een web-app te ontwikkelen, die alleen een werkende internetaansluiting en een HTML5- browser vereist wat tegenwoordig een standaard toepassing is op elk gangbaar platform. Verder hebben wij in ons onderzoek gemerkt dat de OBA als organisatie zelf al diverse basis voorzieningen, zoals bijvoorbeeld het uitleen en retoursysteem, compleet heeft geautomatiseerd. Maar ook van de uitsluitend online aangeboden diensten wordt er door de leden inmiddels volop gebruik gemaakt, denk hierbij aan de functies voor het reserveren van materiaal of de functie voor het online verlengen van reeds geleend materiaal. Door deze organisatiestructuur en de gebleken populariteit hiervan, mag er van uit worden gegaan dat de gebruiker van ons product voor een groot deel bekend is met het gebruik van digitale en online georiënteerde diensten en hier dus geen belemmering aan ondervindt. De interface zal middels grote knoppen, gecombineerd met de OBA-huisstijl, snel herkenbaar worden en ook zeer intuïtief ontworpen worden. Dit gecombineerd met een zeer simpel inlog- en registratie systeem, zal de gebruiker ook niet afschrikken om het product te gebruiken Context Het stimuleren van onderling contact tussen de leden, het bieden van een zo toegankelijk mogelijk platform voor het uitwisselen van de vraagstukken en de mogelijkheid om te reageren en het geven van oplossingen bij de gestelde vraagstukken, zijn de kernfuncties van ons product. Verder wordt er door de opdrachtgever gevraagd een link te implementeren tussen de ontwikkelde oplossing en de reeds bestaande social media platformen van dit moment. De omgeving waar het product vooral gebruikt zal worden is in en rondom de OBA. Hier komen mensen om op zoek te gaan naar benodigde informatie, maar waar tegelijkertijd ook mensen komen met al vergaarde kennis binnen de verschillende interesse richtingen en vakgebieden, waardoor zij in staat zijn om zo juist mogelijke, relevante informatie en oplossingen te bieden aan de zoekende partij. Wij denken aan deze gestelde voorwaarden te voldoen door het ontwikkelen van een mobile website (web app), die de mogelijkheid biedt tot een platform onafhankelijke oplossing en deze hierdoor van de gebruiker minder randvoorwaarden zal vragen. Final report OWWW- app Groep 3 Page. 11 of 137

12 3.2.4 Technologies Zoals bij het onderdeel context hierboven al eerder is beschreven, willen wij als platform een mobile website gaan schrijven een zogenoemde web-app. Deze web- app zal grotendeels geschreven worden in HTML5 code gecombineerd met ondersteunende css, bootstrap en javascript. Ook zal de toepassing de mogelijkheid moeten bieden om ergens informatie, door de gebruikers ingevoerd, extern op te slaan, met als mogelijkheid deze op een gewenst moment weer te kunnen geven. Voor dit laatste zullen wij een combinatie van php-scripts en mysql gebruiken. Voor het social media aspect zaten wij te denken aan een functie waarbij gestelde vragen via een gekoppelde Twitter account getweet kunnen worden. Dit om zo een breder publiek aan te spreken, die misschien zelfs nog niet op de hoogte waren van onze applicatie. Tevens biedt juist Twitter ons de mogelijkheid om een link te koppelen naar de locatie van de vraag, waardoor er gemakkelijk naar de desbetreffende vraag gegaan kan worden. Ter visuele ondersteuning van het gebruikersgemak zullen wij op de webpagina gebruik maken van verschillende icons, buttons en afbeeldingen. De op de pagina weergegeven content zal bestaan uit text, die weergegeven wordt in verschillende kleuren en lettergrote. Door de gebruikte combinatie van tekst, kleuren en icons denken wij een zo overzichtelijke en intuïtief mogelijke interface voor de gebruikers te kunnen creëren. Final report OWWW- app Groep 3 Page. 12 of 137

13 3.3 Planning In dit hoofdstuk wordt een korte beschrijving gegeven van hoe wij de gegevens uit het vorige hoofdstuk ( de PACT analyse) willen gaan toetsen De P van People Wij willen graag deze doelgroep vaststellen door een tweetal punten. Het eerste punt is, dat wij de doelgroep van jaar hebben vastgesteld door eens te kijken naar het mobiele internet gebruik van de mensen. In de afbeelding is te zien dat er in het peiljaar 2010, voor personen tussen de 12 en 25 jaar, het mobiele gebruik via een mobiele telefoon ongeveer 30% was. Voor de volgende leeftijdsklasse, mensen van 25 tot 44 jaar, was dit ongeveer 27 à 28%. We kunnen er verder van uit gaan dat in de afgelopen twee jaar dit gebruik mogelijk nog verder is toegenomen. Het tweede punt waarmee we deze doelgroep willen vaststellen is met een aantal enquête vragen. Deze zijn zo gemaakt, dat er aan de hand van een aantal gemakkelijk te beantwoorden vragen, de gemiddelde bezoeker van de OBA beter in kaart te brengen is. Op de uitkomsten van deze enquête, in combinatie met ons desk research, willen wij een uiteindelijke doelgroep vaststellen. Wij willen graag de enquête in de 2 e fase houden, aangezien wij dan meer informatie hebben omtrent het daadwerkelijke ontwerp en de systeemeisen van de applicatie. Final report OWWW- app Groep 3 Page. 13 of 137

14 3.3.2 De A van Activities Activities gaat er in het kort over hoe mensen de applicatie uiteindelijk zullen gaan gebruiken, wanneer dit zal zijn en op welke verschillende plaatsen zij hier toegang hebben. Maar ook wat de OBA zal doen voor de gebruikers. Hoe zal de applicatie gebruikt worden? OBA Leden kunnen via een home-screen inloggen op onze mobiele site, inloggen zal gaan aan de hand van een opgegeven gebruikersnaam en wachtwoord. Hierna komen zij op de overzicht pagina, met allerlei verschillende mogelijkheden. Er zijn knoppen voor de verschillende functies, zoals vragen zoeken, stellen of beantwoorden. A ls men de Vraag functie gebruikt, zal men een tekstveld krijgen met de mogelijkheid tot het invoeren van een vraag, maar ook een optie voor het toevoegen van labels. Deze labels zullen uiteindelijk helpen de vraag te groeperen in de relevante vakgebieden. Ook bestaat er een notificatie functie, waardoor met op de hoogte gehouden kan worden met betrekking tot de status van de vraag. Als een ander lid, ook aanwezig op de pagina en mits opgegeven voor een van de betreffende vakgebieden, een vraag voorbij ziet komen waar hij het antwoord van heeft. Kan deze gebruiker reageren op deze vraag, waarna de zoekende persoon zijn antwoord gereikt kan worden. Wanneer gaan mensen de applicatie gebruiken? Mensen zijn tegenwoordig snel geneigd om het internet te raadplegen op hun zoektocht naar informatie. Onze applicatie gaat voornamelijk over het delen van informatie, die niet op het internet beschikbaar, of voor die personen die simpelweg de informatie zelf niet hebben kunnen vinden binnen de OBA.. Maar ook over het snel delen van informatie tussen bezoekers van de OBA, zodat zij niet zelf het materiaal hoeven te raadplegen. Wat zijn de belangrijkste voorzieningen van de OBA? De OBA is een openbare bibliotheek en voorziet hierbij in verschillende soorten informati evoorzieningen voor de mensen in (de omstreken van) Amsterdam. Voorbeelden hiervan kunnen zijn: muziek, films, dvd s, boeken, maar ook tijdschriften en digitale publicaties. De OBA is echter met de tijd meer geworden dan alleen een bibliotheek, namelijk ook een soort meeting point. Aangezien er een restaurant op de bovenste verdieping aanwezig is, en een kleiner café op de eerste etage, dicht bij de kranten afdeling. Wat wij ook bij de OBA gezien hebben, is dat zij mensen van verschillende culturen helpen met een soort audiovisuele koepel, waarin een aantal zaken worden uitgelegd, zoals bijvoorbeeld vakken, die niet meer beoefend worden, of de geschiedenis van Nederland in een bepaald tijdperk. De belangrijkste activities van onze applicatie willen wij testen door middel van een Alpha fase te gebruiken en te laten testen door 1 of meerdere verschillende gebruikers van de OBA (zoals: studenten, gebruikers bij de OBA, medewerkers, ouders etc.). Final report OWWW- app Groep 3 Page. 14 of 137

15 3.3.3 De C van Context Graag willen wij voor de context een visueel voorbeeld gebruiken van een mogelijke interface voor de applicatie. Zoals wij deze nu bedacht hebben, en hoe wij ons de applicatie voorstellen. Aan de linkerkant een idee voor een simpel inlogscherm en aan de rechterkant een idee voor de overzicht pagina, met de toegang tot de belangrijkste functies. Dit om aan te geven hoe gemakkelijk het gebruik hiervan voor de gebruiker zal aanvoelen. Als wij bovenstaand gebruikersgemak eens zouden bekijken bij de webpagina van de OBA: Final report OWWW- app Groep 3 Page. 15 of 137

16 Zoals op de voorbeelden te zien is, denken wij de applicatie zo te zullen ontwerpen dat er een aantal duidelijke overeenkomsten zijn met de huisstijl van de OBA. Denk hierbij aan het gebruikte kleuren schema, bestaande uit rood en zwart. Ook hebben wij voor onze applicatie gekozen voor een simpel home- scherm, waarop je óf kan inloggen óf een nieuwe account aan kan maken. Voor het registratiesysteem maken we gebruik van het vertrouwde kaartnummer, zodat de accounts ook gebonden zijn aan een geldig ledennummer van de OBA die met de persoon overeenkomt. Ook maken we gebruik van een verschillend aantal icons en buttons voor deze applicatie en willen wij een zo simpel mogelijke interface aanbieden. Dit punt willen wij graag testen door een aantal bezoekers alvast de applicatie te laten zien, en mogelijke feedback hiervan dan weer mee te kunnen nemen in het uiteindelijke bèta product. Dit zouden wij graag in de 2 e of 3 e fase willen testen, maar het liefst in de 2 e fase al, om hier mogelijke onduidelijkheden met betrekking tot het gebruikersgemak te vermijden De T van Technologies De gebuikte technologie willen we ook graag testen zoals eerder beschreven. Namelijk door gebruikers te laten spelen met de applicatie en interface. De bijhorende feedback willen wij dan weer mee nemen bij de daadwerkelijke versie. Wat wij tot op heden al gedaan hebben, is door middel van desk research een aantal dingen vast te stellen. Zo weten wij dat de OBA inmiddels actief is op de social media, aangezien zij beschikken over een Twitter- en een Facebook account. Hier worden regelmatig aankondigingen gemaakt, maar tegelijkertijd zagen wij dat er maar weinig feedback terugkomt op deze aankondigingen. Ook weten wij dat er op de OBA site al een reserveer- en verlengsysteem gebruikt wordt. Zij hebben hiervoor een eigen inlog pagina, die ook gebruik maakt van het unieke lidnummer. Tot slot ontdekten wij dat er ook een nieuwsbrief functie bestaat, maar hiervan hebben wij geen informatie over de activiteit of het gebruik ervan kunnen vinden. Final report OWWW- app Groep 3 Page. 16 of 137

17 3.4 Bronnenlijst Internet pagina s de OBA home page; de OBA op Facebook; de OBA op Twitter; Online gepubliceerd artikel met de vergelijking van de html5 mogelijkheden vergeleken met native apps; Online gepubliceerd artikel over html5, hierbij een vergelijking en de voordelen t.o.v. versie 1.0 en 4.01; Statistieken van het CBS; Bijlagen Desk research Onderzoek of er al een officiële OBA app bestaat Op dit moment is er geen app van de OBA zelf, wel een algemene bibliotheek app waarbij ook boeken uit de OBA gereserveerd kunnen worden. Onderzoek hoe de OBA in de social media vertegenwoordigd is De OBA heeft op Facebook en Twitter een officiële account. Er verschijnen hier 1 tot 3 keer per dag nieuwsberichten op beide sites. Onderzoek in welke mate de social media van de OBA succesvol zijn Facebook: 2249 likes. Twitter: 3047 followers. Er wordt verder weinig feedback gegeven op tweets/facebook posts. Onderzoek naar welke diensten er door de OBA online worden aangeboden De OBA beschikt op dit moment over de volgende online diensten: Een reserveer- en verlengsysteem waarbij men ook aanvragen uit andere bibliotheken kan doen. Nieuwsbrief functie om leden op de hoogte te houden. Final report OWWW- app Groep 3 Page. 17 of 137

18 3.5.2 Enquête vragen Enquête geschikt voor alle OBA-leden Alvast bedankt voor de medewerking bij het invullen van deze enquête. Wij willen graag uw mening over het gebruik van een mobiele app, die u dagelijks kunt gebruiken om over diverse onderwerpen een vraag te kunnen stellen, indien u de Openbare Bibliotheek van Amsterdam (OBA) niet kunt bereiken. Naar aanleiding van deze enquête, willen wij graag aan uw behoefte voorzien en het gebruik van en rondom de OBA zo makkelijk mogelijk proberen te maken. Zodat de OBA altijd bereikbaar voor u is. 1] Om welke reden gaat u naar de OBA? o Informatie vinden die niet beschikbaar is op het internet o Het makkelijk vinden van goede, wetenschappelijke informatie o De rust en mogelijkheid tot het maken van werk 2] Hoe zoekt u uw informatie op wanneer u informatie nodig hebt? o Via de bibliotheek o Via het internet o Eerst via het internet, daarna de bibliotheek o Eerst via de bibliotheek, daarna op het internet 3] Hoe vaak maakt u gebruik van websites of apps waarmee u informatie kunt vinden/verschaffen? (VB: Wikipedia, NU.nl;Forums etc) o 5 of meer keer per dag o Minder dan 5 keer per dag o Eens in de zoveel dagen 4] Wat voor een mobiele telefoon heeft u? o Iphone o Android o Blackberry o Non-Smartphone 5] Maakt u gebruik van mobiel internet op uw telefoon? o Ja o Nee Final report OWWW- app Groep 3 Page. 18 of 137

19 6] Bent u bekend met de online diensten op de website van de OBA? (website, online verlengen, beschikbaarheid bekijken?) o Ja o Nee 7] Volgt u regelmatig het nieuws/aankondingen op de website, de facebook of twitter van de OBA? ( Zo ja, wat vindt u hiervan?) o Ja.. o Nee 8] Mits u in de bibliotheek aanwezig bent, zou u dan bereid zijn een vraag van een ander lid te Beantwoorden, mits u over de juiste kennis beschikt? o Ja o Nee 9] Denkt u, na het concept gehoord te hebben, dat de OWWW-app voor u zou werken? o Ja o Nee ; wat is de reden hiervan? 10] Wat is uw leeftijd? (dit is om onze doelgroep vast te stellen) Final report OWWW- app Groep 3 Page. 19 of 137

20 3.5.3 Enquete uitslag Vragen Antwoord 1 Antwoord 2 Antwoord 3 Antwoord 4 Vraag 1 8 personen (40%) 6 personen (30%) 6 personen (30%) Vraag 2 3 personen (15%) 5 personen (25%) 12 personen (60%) Vraag 3 15 personen (75%) 5 personen (25%) 0 personen (0%) Vraag 4 5 personen (25%) 10 personen (50%) 4 personen (20%) 1 persoon (5%) Vraag 5 14 personen (70%) 6 personen (30%) Vraag 6 18 personen (90%) 2 personen (10%) Vraag 7 3 personen (15%) 17 personen (85%) Vraag 8 16 personen (80%) 4 personen (20%) Vraag 9 14 personen (70%) 6 personen (30%) Vraag 10 7 personen (35%) 10 personen (50%) 3 personen (15%) Vraag 10 bestaat uit 3 leeftijdsklassen: jaar, jaar en jaar Antwoord jaar enz. Conclusie: De meeste mensen die wij geïnterviewd hebben zijn wel degelijk bereid om, als ons product in werking genomen wordt, vragen van andere mensen te beantwoorden en ook vragen te stellen. De meeste mensen beschikken ook over een smartphone, en het grootste de el maakt ook gebruik van mobiel internet. Wel is het zo dat de meeste mensen niet de sociale media volgen die de OBA gebruikt. Final report OWWW- app Groep 3 Page. 20 of 137

21 4. Project Initiation Document 4.1 Managementsamenvatting Het project wat wij gaan uitvoeren is het ontwikkelen van een applicatie voor de OBA. De OBA is al jarenlang de opdrachtgever voor het bedrijf ITopia, waar ook wij voor werken. Klanten van de OBA, moeten via deze app vragen kunnen stellen aan andere klanten die zich in de OBA bevinden. Zij kunnen met deze applicatie elkaars vragen beantwoorden en zo er voor zorgen dat de kennis uit een boek overal beschikbaar is. Er wordt van ons verwacht dat er een compleet uitgedacht idee ontwikkeld wordt en dat dit ui tgewerkt wordt. Bovendien moet er met het idee en ontwerp verder gewerkt kunnen worden. Er moeten dus behalve de applicatie ook nog UML diagrammen, een handleiding en een documentatie geschreven worden. Het PID is ook een documentatie waarin wij gaan nadenken over de mogelijkheden en de eventuele bijkomende zaken bij dit project. We zullen het project zo realistisch en gedetailleerd mogelijk beschrijven en ervoor zorgen dat er over elk onderdeel is nagedacht en dat dit ook gedocumenteerd is. We berekenen de kosten voor ons product. Aangezien wij weinig services nodig hebben, zullen we ook weinig kosten maken. Dit is te lezen in hoofdstuk 3, paragraaf 5. Ook zijn er natuurlijk de manuren die betaald moeten worden. We hebben hier een schema van gemaakt, die hieronder weergegeven wordt: Aantal uur per week Aantal uur per persoon voor het project totaal Aantal personen Totaal aantal uur voor het project te besteden De app moet een zo groot mogelijke doelgroep bereiken. Zodat de OBA de meeste klanten kan blijven boeien met hun nieuwe gadgets en applicaties. Dit doen wij door de app zo simpel mogelijk te houden en de klant niet teveel rompslomp te geven. Zo ben je snel ingelogd en kan je gelijk je vraag stellen of een andere beantwoorden. Ook hebben we de app gelinkt aan Twitter, om er zo voor te zorgen dat ook mensen die actief zijn op Twitter kennis kunnen maken met onze app. We ontwikkelen een Proof Of Concept, met daarin de database uitgewerkt zodat de klant kan zien hoe de app werkt. Zo kan er gekeken worden of dit is wat de klant wil en of er eventuele aanpassingen gewenst zijn. Final report OWWW- app Groep 3 Page. 21 of 137

22 4.2 Inleiding Gebruik van de PRINCE2 projectmanagementmethode PRINCE2 is een methode die ontwikkeld is om projecten gestructureerd te laten verlopen. De methode zorgt ervoor dat de gebruiker vanaf de ontwikkelingsfase duidelijk betrokken raakt bij de ontwikkeling van de applicatie, maar zorgt er ook voor dat de omgeving meer betrokken word bij het project. Dit is nodig zodat er specifiek nagedacht wordt over alle bijkomende zaken en de interactie met de omgeving, van de doelgroep, wat zonder PRINCE2 niet altijd het geval is. Belangstellenden kunnen via deze methode ook gemakkelijker in aanraking komen met de applicatie, er is namelijk ook een draagvlak hiervoor aanwezig. De nadruk van dit document wordt vooral gelegd op de risico s van de applicatie en de rechtvaardiging hiervan. Ook zorgt het werken volgens de PRINCE2 methode ervoor dat het hele proces van begin tot eind duidelijk gedocumenteerd wordt. Met haar duidelijke voorwaarden zorgt PRINCE2 ervoor dat men gaat nadenken over alle facetten van het project, zowel over de interne als de externe factoren. PRINCE2 is ontwikkeld om de ontwikkelaars een soort checklist te laten doorlopen waarin zij verschillende communicatie-interfaces ontwikkelen. Deze methode zorgt er ook voor dat men een logische en gestructureerde wijze van managen aanhoudt, zodat elk project hetzelfde verloopt. Dit is gewenst indien er bijvoorbeeld iemand tijdelijk bij springt in het project en deze dan met behulp van de volgens PRINCE2 gestructureerde documentatie gemakkelijk de structuur van het project kan begrijpen. Het doel van PRINCE2 is het succesvol laten verlopen van een project, en alle mogelijke risico s hiervoor tijdens de ontwikkelfase duidelijk in kaart te brengen. PRINCE2 helpt ontwikkelaars tevens in kaart brengen of hun project wel voldoende wordt opgeleverd of dat er eventueel nog iets bijgevo egd moet worden voor de oplevering Doel van dit document Dit document laat de ontwikkelaar gestructureerd nadenken over het project. Het zorgt ervoor dat deze alles vastlegt wat afgesproken is en/of belangrijk is, maar wordt er draagt er ook zorg voor dat gaandeweg de ontwikkeling alles gedocumenteerd wordt wat ook maar enige invloed kan hebben op het verloop van het project. Alle factoren worden hierbij in kaart gebracht, waardoor zo compleet mogelijke documentatie van het verloop van het gehele project ontstaat, en er hierdoor tegelijk het draagvlak wordt gecre ëerd. Final report OWWW- app Groep 3 Page. 22 of 137

23 4.2.3 Opbouw van het document Dit document is volgens een logische wijze opgebouwd. Ten eerste wordt er uitgelegd waarom de opdrachtgever dit project heeft gestart en welke achtergrond het project heeft. Als dit eenmaal duidelijk is, begint de uitwerking van het project. Welke eisen heeft de opdrachtgever gesteld aan het project en welke keuzes nemen wij in dit project, zijn daarbij belangrijke vraagstukken. Ook is het belangrijk te weten welk resultaat verwacht wordt en wat er totaal niet verwacht wordt. Nu is het tijd om de afspraken die zijn gemaakt over de rolverdeling te documenteren. Degene die betrokken zijn bij de ontwikkeling moeten allemaal hun eigen rol hebben. Zij moeten hun eigen kwaliteiten in het project kwijt kunnen zodat het project zo effectief mogelijk verloopt. Nadat iedereen een duidelijke rol heeft gekregen kunnen zij eigenlijk allemaal zelfstandig aan de slag, maar voor de planning van het project moet volgens PRINCE2 nog een planning komen. Deze planning moet worden afgestemd op de reeds gemaakte afspraken met de opdrachtgever. Zo moet voor elke afgesproken een deadline van de opdrachtgever, dat deel van het product ook daadwerkelijk werkend opgeleverd worden. Om dit goed te kunnen realiseren valt het project uiteen in delen. Deze delen moeten elk duidelijk worden gedocumenteerd, waar dan ook weer een overzichtelijk diagram van gemaakt zal worden. Natuurlijk nemen we zelf ook aannames tijdens de ontwikkeling, en moet de gemaakte planning ook nog eens aansluiten bij de beschikbare resources voor het project. Tot slot zal er gekeken moeten worden naar een marge om eventuele fouten of complicaties op te kunnen vangen. Hiervoor moet er worden gekeken naar de risico s van dit project en hoe groot de kans hiervan is. Ook moet er een testfase worden ingepland, om de laatste fouten op te sporen of en zal de fase alsook de resultaten weer duidelijk gedocumenteerd moeten worden. Natuurlijk is het ook verstandig om vast te leggen hoe het contact binnen de projectgroep verloopt, hoe iedere en benaderd en wat de afspraken voor het verloop van het project binnen de groep zijn. Final report OWWW- app Groep 3 Page. 23 of 137

24 4.3 Projectdefinitie Achtergrond De OBA is al een aantal jaar een van de opdrachtgevers van het bedrijf ITopia. De OBA wil graag meegaan met de hedendaagse technologie en daarbij willen zij zo veel mogelijk innovaties ontvangen zodat zij het ultieme product kunnen ontwikkelen. Daarvoor is het bedrijf ITopia zeer geschikt. Studenten kunnen hiervoor namelijk hun creatieve vermogen goed gebruiken en deze toepassen in de vorm van een concept-product voor de OBA. De OBA probeert haar klanten op een zo effectieve en goedkoop mogelijke manier te bereiken. De projecten die zij opstellen voor de studenten van de HvA en het bedrijf ITopia, zijn hier uitermate geschikt voor. Vaak geeft de OBA wel van tevoren aan welke eisen ze stellen aan het concept- product Projectdoelstellingen Het doel van dit project is dat de OBA een uniek idee krijgt aangeboden, van een van onze projectgroepjes. Zij zullen alle projecten grondig bekijken en uiteindelijk bepalen met welke ideeën zij verder willen gaan. Wat voor hen het best uit zal pakken en wat voldoet aan hun eisen. De kans bestaat dat er ideeën of gedachtes worden opgeroepen door de diverse projecten, waar de OBA misschien meer mee kan. Uiteindelijk probeert de OBA een zo uitgebreid en gedetailleerd mogelijk idee te ontwikkelen wat zo veel mogelijk klanten aanspreekt. Dit idee moet dan worden uitgewerkt tot een volledig werkende applicatie. Als de applicatie naar behoren werkt zal de OBA de klanten meer binden met hun bibliotheek. Bovendien zorgen ze ervoor dat meer mensen in contact komen met de OBA waardoor er ook meer mensen naar de OBA toe zullen gaan om hun kennis te verrijken. Het doel van dit project is dus de klanten meer te binden met de OBA en eventueel nieuwe klanten aan te trekken door de nieuwe technologie Projectresultaat De opdrachtgever wil graag dat hij met dit project een goed uitgedacht idee toegereikt krijgt. Deze moet ook al deels uitgewerkt zijn en er moet voor gezorgd worden dat men hier gemakkelijk mee overweg kan. Het moet dus te gemakkelijk te gebruiken en goed gedocumenteerd zijn. Dit wil zeggen dat er een handleiding en een UML diagram gemaakt moet worden. Zo kan de opdrachtgever eventueel zelf verder werken aan het project na onze oplevering. De OBA krijgt ook uiteraard als eindresultaat, een applicatie, waarmee zij verder kunnen beslissen of zij met dit product verder willen gaan of niet. Final report OWWW- app Groep 3 Page. 24 of 137

25 4.3.4 Scope & afbakening We gaan er voor zorgen dat de opdrachtgever een compleet afgewerkte app ontvangt. Het hele systeem van de applicatie moet hiervoor duidelijk uitgewerkt worden. Hieronder zult u zien wat wij wel en niet doen. Wel; Niet; - de gebruiker moet kunnen inloggen of zich registreren wanneer hij gebruik wil maken van de app. De GPS functie moet ook aangeven of de gebruiker zich daadwerkelijk in de bibliotheek bevindt. Als dit is gebeurd moet de gebruiker een vraag kunnen stellen en/of een bestaande vraag kunnen beantwoorden. - Er moet gezorgd voor worden dat er een link met een social network is gemaakt. De app is dan bijvoorbeeld gelinkt aan het OBA Twitter account, waarin alle vragen openbaar gemaakt kunnen worden. Iedereen kan deze dan gemakkelijk lezen en uiteindelijk zal er ook meer belangstelling komen voor de app. De OBA kan zijn bestaande accounts gebruiken met onze app. Verder kan de OBA zelf gegevens inladen - We geven niet zelf de content. Wij zorgen voor een basis- en goed uitgewerkte applicatie, de OBA mag zelf zijn/haar inhoud en accounts toevoegen. - Er is overwogen een chatroom te maken, zodat de bezoekers fysiek met elkaar in contact kunnen komen. We hebben hiervoor NIET gekozen omdat wij denken dat het systeem met locatie beschrijvingen beter zal werken en aangezien je chatrooms ook voor andere doeleinden kan gebruiken. - Veel afleidende factoren zoals plaatjes en buttons etc. Zo kan de bezoeker gemakkelijk zijn informatie zoeken en vinden en blijft de app gemakkelijk te gebruiken. Wij willen ervoor zorgen dat de app zo gebruiksvriendelijk mogelijk is. Dit doen we door een zo simpel mogelijke interface te ontwikkelen, waar weinig onduidelijke functies inzitten. Wel proberen we de gebruiker zo goed mogelijk te amuseren en te boeien met onze app Randvoorwaarden & aannames De beperkingen die aan dit project zijn gesteld waren niet van grote orde. We mochten alle kanten opgaan met ons project, alleen moest het natuurlijk wel haalbaar zijn voor eerstejaars Informat icastudenten. Zo kan je allerlei technieken gebruiken in je project, maar als deze niet goed uitgevoerd worden heb je hier nog niets aan. Ons idee was dus om de app zo gebruiksvriendelijk en simpel mogelijk te houden. De app moet voor de OBA zo effectief en voordelig mogelijk zijn. Dit wil dus zeggen dat er een zo groot mogelijk publiek bereikt moet worden met de app. Dit doen wij doormiddel van het gebruik van HTML5, hiermee maken wij een mobiele website. Iedereen kan hierdoor via zijn of haar mobiele tel efoon (met mobiel internet) de applicatie laden en deze gebruiken. Hierdoor is het vereiste van een specifiek platform geen groot obstakel voor ons. Final report OWWW- app Groep 3 Page. 25 of 137

26 We nemen hiervoor dus aan dat HTML5 het meest geschikt is voor onze app. Wij gaan ons dus ook niet verder informeren over de specifieke platformen. Verder gaan wij ervan uit dat de gebruiker een browser bezit welke geschikt is voor ons product. Verder nemen we aan dat de gebruiker op zijn mobiel beschikking heeft over een internetaansluiting. Ook verwachten wij dat de gebruiker reeds over de competenties beschikt om zelfstandig door een webpagina te kunnen navigeren Relaties met anderen projecten Dit project heeft haast geen relaties met andere projecten. Natuurlijk doen wij deze opdracht niet alleen, maar er zijn meerdere groepjes die zich bezighouden met dezelfde opdracht. Wij moeten natuurlijk rekening houden met welke content zij gebruiken in hun verslag en waar wij uniek in kunnen zijn Projectaanpak Wij willen er voor zorgen dat we elke oplevering een kleine week van tevoren af hebben. Zo hebben wij steeds genoeg ruimte om mogelijke problemen waar we tegenaan kunnen lopen tijdig op te lossen voor het behalen van de deadline. Verder zorgen wij wekelijks een vergadering. Hierin bespreken we wat wij van elkaars voorlopige werk vonden en wat er hier eventueel aan veranderd moet worden. Natuurlijk hebben wij tussendoor ook nog vergaderingen met onze coach, hij bespreekt met ons hoe het werk gaat en waar wij qua samenwerking tegen aan lopen. We proberen het werk zo goed mogelijk te verdelen, zodat iedereen zich met zijn eigen stuk kan bezig houden, en iedereen genoeg resources hiervoor heeft. We zorgen ervoor dat de laatste week, die als reserve wordt gebruikt, zullen gebruiken om elkaars stukken te evalueren en van elkaar te kunnen leren. Zo werken wij het effectiefst en krijgt iedereen de kennis mee van het gehele project. Elke fase verdelen we weer anders. Dit bespreken we telkens aan het begin van de fase. Iedereen legt zijn vaardigheden bloot, zodat we deze het best kunnen gebruiken tijdens de ontwikkeling. In de eerste fase moet je een idee ontwikkelen, de basis van je project. Dit idee moet gedocumenteerd worden in het research report, bovendien moet je het idee verkopen aan de opdrachtgever en hier een eventueel beeld van geven in de vorm van een filmpje. Wanneer het idee goedgekeurd is door de opdrachtgever ga je door naar de 2 e fase. In deze sprint moeten we het PID (Project Initialisatie Document) maken, en dus echt gaan nadenken over ons product. Daarnaast moeten we een PoC (Proof of Concept) presenteren. We moeten hierbij een deel van ons product laten zien in werking. Als dit is goedgekeurd ga je door naar de 3 e fase. Hier zorg je voor een Alpha product en deze ga je testen en daarna documenteren we de testgegevens en maken we de handleiding voor het product. Uiteindelijk in de 4 e fase maken we het uiteindelijke product en verkopen we deze aan de opdrachtgever. Final report OWWW- app Groep 3 Page. 26 of 137

27 4.4 Business Case Redenen om te starten met het project De opdrachtgever wil graag een applicatie hebben waar de OBA-leden gerichte vragen mee kunnen stellen, in bepaalde categorieën. Ook moeten deze binnen de applicatie door andere leden beantwoord worden door gebruikers met aansluitende expertise. Deze vragen zullen ook ge tweet kunnen worden via de gangbare hedendaagse social media, dit is wenselijk voor een groter bereik van de applicatie. Ook wil de opdrachtgever dat de gebruikers met elkaar kunnen afspreken voor een meeting in de OBA. Wat moet er dus gebeuren: De opdrachtgever wil graag een Q&A (Questions and Answers), door middel van een soort forum. De opdrachtgever wil dat de leden met elkaar kunnen afspreken in de OBA. De opdrachtgever wil dat er een koppeling met social media (bijv. Twitter of Facebook) mogelijk is Alternatieven Er was een keuze om deze applicatie als website (HTML 5) te ontwikkelen. Wij hebben besloten deze zogenaamde web app te maken zodat de meeste mobiele platformen beschikbaar zijn voor onze applicatie. Als we toch voor een native app gekozen hadden, hadden we eventueel iets meer functies van het mobiele platform kunnen gebruiken, maar waren we wel gebonden aan dit enkele platform Voordelen Naar verwachting zullen OBA-leden met lastige vragen, binnen beschikbare kennisgebieden, niet altijd gemakkelijk een academisch antwoord via internet vinden. De OBA wil hieraan tegemoetkomen door een platform te bieden waar deze kennis wel bereikt kan worden. Dit moet kunnen door de vraag in onze web applicatie te stellen; en een betrouwbaar antwoord op te kunnen krijgen door mensen met een verworven academische expertise. De OBA-leden kunnen door middel van een chat functie in de web app met elkaar afspreken binnen de OBA. Het voordeel van het gebruiken van Twitter en RSS feeds is dat de OBA l eden gemakkelijk up-to-date blijven van welke vragen gesteld worden Nadelen Het blijft altijd de vraag of gebruikers daadwerkelijk een aangeboden product zullen gebruiken. De applicatie moet namelijk eerst bekend worden en zich bewijzen tegenover mogelijke concurrenten zoals eventueel Wikipedia of Google. De vragen die de leden stellen moeten verder wel daadwerkelijk beantwoord worden. Wanneer dit niet gebeurt zal de interesse in de app afnemen en leiden tot het niet meer gebruiken van de app. De OBA zal ook mensen moeten aanstellen die het forum beheren (administrator & moderator) zodat de leden zich aan bepaalde gedragsregels houden of als er een vraag in de verkeerde categorie is neergezet. Dan zijn deze mensen er voor de gebruiker aanwezig om de vraag te kunnen verplaatsen. Final report OWWW- app Groep 3 Page. 27 of 137

28 4.4.5 Kosten Voor het project zullen wij zelf wellicht resources nodig hebben waarvoor je moet betalen. Wij hebben als voorbeeld misschien een mobiele telefoon nodig om ons product op te testen. Wij hebben hiervoor maximaal 100 euro te besteden. Verder als de OBA de web app en database niet zelf host, maar dit door een extern bedrijf zal laten doen kan dit ongeveer 30 euro per maand schelen. Als de OBA de web app liever zelf onderhoudt zullen zij daar ontwikkeling software voor moeten aanschaffen. Het aantal uur dat wij besteden aan dit project is echter wel te beschouwen als investering. Maar ook de eventuele aanschaf van extra resources, noodzakelijk voor de ontwikkeling omvat de kosten. Een overzicht hiervan is weergegeven in de onderstaande tabel. In bijlage 1 is er een Gantt Chart te vinden waar per product wat wij opleveren hoeveel tijd het gaat kosten. Aantal uur per week Aantal uur per persoon voor het project totaal Aantal personen Totaal aantal uur voor het project te besteden De 2016 uur wordt onderverdeeld in 4 fases en 9 producten die wij opleveren. Dit is een schatting van de tijd waarvan wij denken dat dit nodig is voor elke fase / product en die wij er beschikbaar voor hebben Producten Aantal uur Idea 120 Research report 100 Concept filmpje 20 Proof of Concept 620 PID document 90 Proof of concept 530 Alpha Product 630 User manual 80 Test document 100 Alpha development 450 Beta Product 646 Final report document 100 Beta development 546 Total 2016 Final report OWWW- app Groep 3 Page. 28 of 137

29 Hieronder is nog een kostenplaatje van de producten waarvoor je moet betalen als je er gebruik van gaat maken. Onderdeel Kosten eenmalig/maandelijkse kosten Website(web app) laten hosten 30,00 maandelijks Eventuele benodigde resources 100,00 eenmalig Sublime text 2 45,41 eenmalig Final report OWWW- app Groep 3 Page. 29 of 137

30 4.4.6 Investeringsanalyse De OBA is niet winstgevend en zal dus ook geen winst maken aan dit product. Verder wordt het een gratis web app dus ook daar zal OBA niets aan verdienen. Eventuele investeringen zouden voor de web app en database zijn, de kosten zijn hierboven al genoemd (30 euro verschil t.o.v. bi j een extern bedrijf, als de OBA de functionaliteiten niet zelf host) en eventueel software voor het onderhouden van de web app. Veel van de software die wij gebruiken om dit product te ontwikkelen is open source en dat scheelt veel in de kosten. Hoewel de OBA aan dit product dus geen winst kan gaan maken zal dit product wel de OBA leden aanspreken en zeker een handige informatie bron zijn waar zij vragen kunnen stellen. De web app zal dan wel erg afhankelijk worden van zijn community en zal moeten strijden tegen Google en Wikipedia. Het fysieke contact (iemand die naar jou toekomt om iets uit te leggen) mogelijkheid met de web app zal hierbij goed helpen, want dit is iets wat je niet bij Google of Wikipedia kan krijgen. Dit product heeft zeker potent om te groeien naar iets groots, want er is altijd wel vraag naar meer kennis en mensen met expertise. Het product zal dan ook zeker de OBA leden aanspreken en daarom is het ook een goede investering om door te gaan met dit project. Overigens is dit ook voor hen weer een extra bron aan informatie waar ze gerichte vragen kunnen stellen en dat wordt zeker gewaardeerd. Final report OWWW- app Groep 3 Page. 30 of 137

31 4.5 Projectorganisatie Organigram OBA ITopia Kees Rijsenbrij Richard de Koning Remco van Swieten Bas Peeperkorn Henk Hoogcarspel Team Rollen & verantwoordelijkheden De Stichting Openbare Bibliotheek Amsterdam is in dit project de opdrachtgever. Zij hebben aan ons, het team en ITopia, een opdracht gegeven die uitgewerkt moet worden d.m.v. een project. Het contact tussen de OBA en ITopia en het team wordt verzorgd door Richard de Koning als tussenpersoon. Kees Rijsenbrij is de Corporate Manager van ITopia s strategie en doel. Hij vertegenwoordigt ITopia voor alle zakelijke partners, in dit geval is dat de OBA. Richard de Koning is de project manager en is verantwoordelijk voor een aantal projectteams. Hij rapporteert naar de Corporate Manager over de voortgang en de kwaliteit(controle). Richard is het laatste controle punt voordat de deliverables naar de zakenpartner (de OBA) gaan. Remco van Swieten is de Technische Consultant van dit project. Hij kan zijn expertise toepassen bij technische vragen en kent de mogelijkheden. Remco speelt ook een rol in het helpen van de teams met het opleveren van deliverables en het waarborgen van de kwaliteit daarvan. Bas Peeperkorn is de Project Assistent voor het project. Hij kan helpen met eventuele vragen over het project, aangezien hij het project vorig jaar succesvol doorlopen heeft. Final report OWWW- app Groep 3 Page. 31 of 137

32 Henk Hoogcarspel is de coach van ons team. Hij helpt het team in elke fase, geeft tips en controleert of een duidelijke planning voor de deliverables bestaat. Elke twee weken is er een coaching gesprek waarin besproken wordt hoe de gang van zaken is, of er nog moeilijkheden zijn omtrent de samenwerking en hoe het team intern communiceert en functioneert. Henk helpt ook met eventuele problemen omtrent de samenwerking en dan met name met het nakomen van gemaakte afspraken binnen het team. Team 3: Het team bestaat uit zes leden en is verantwoordelijk voor de ontwikkeling van het project. Samenwerking staat centraal en is voor een goed verloop bovendien cruciaal. Het team zorgt er intern voor dat aan het einde van elke fase de deliverables opgeleverd worden en dat het project afgerond wordt met een functionerend product. De leden worden hieronder in een overzicht benoemd, inclusief hun contactgegevens. Naam Functie Telefoonnummer Kees Rijsenbrij Corporate Manager Richard de Koning Project Manager Remco van Swieten Technical Consultant Bas Peeperkorn Project Assistant Niet bekend. Henk Hoogcarspel Coach Vincent Voordenberg Projectleider José Boon Programmeur back-end notulist Wouter Bohlken Programmeur back-end Justin Oud Programmeur/eindredacteur Jens Hoevenaars Programmeur front-end Nils Duymaer van Twist Programmeur/redacteur Final report OWWW- app Groep 3 Page. 32 of 137

33 4.6 Projectplan Plan aannames Tijdens de ontwikkeling van ons project zullen wij een aantal aannames doen, welke wij tijdens de verdere voortgang van dit project als een gegeven zullen beschouwen. Deze aannames kunnen wij op dit moment niet met eventuele onderzoeken bevestigen, maar achten wij wel als zeer aannemelijk. Wij gaan er voor ons project van uit dat de gebruiker van de applicatie een werkende internet verbinding tot zijn beschikking heeft. Ook gaan wij ervan uit dat het mobiele apparaat van de gebruiker een browser applicatie geïnstalleerd heeft, die html5 en javascript ondersteund. Voorlopig gaan wij er ook vanuit dat er voor het verkrijgen van locatiegegevens via de browserdata geen geregistreerde AppleID vereist wordt van de safari browser. Van de gebruiker verwachten wij dat deze over de competenties beschikt om zelfstandig door een webpagina te navigeren. Ook zal hij een aantal gegevens via tekstvelden in moeten kunnen voeren, of eventueel via drukknoppen een aantal opties moeten selecteren. Wij verwachten deze aannames als een gegeven te kunnen beschouwen, gezien de opdrachtgever ons de context voor de opdracht heeft gegeven. Ook hebben wij in ons research rapport onderzoek gedaan naar de doelgroep. Het resultaat, mensen die werken met de huidige technologie, heeft er voor gezorgd dat onze veronderstellingen bevestigd werden Gantt-chart In bijlage 1 staat een grafisch overzicht van de planning Voor de planning van het project hebben wij gebruik gemaakt van Microsoft Project In dit programma is het zeer gemakkelijk om een GANTT diagram te tekenen. Deze zullen we dus ook gebruiken voor de grafische weergave van de planning. Hierin kan je steeds de voortgang van de verschillende deelprojecten weergeven, om zo te controleren of de voorgestelde planning nog w el haalbaar blijft gedurende de voortgang van ons project. Toelichting bij het GANTT diagram Aan de linkerzijde zijn de verschillende taken te zien voor het project, gegroepeerd per periode waarin deze zullen plaatsvinden. Ook zijn de contacturen van het ontwikkelingsteam en eventuele meetings met de consultant of projectleiding duidelijk ingepland. Verder is er te zien dat elk onderdeel een afgesproken begin- en opleverdatum heeft. Tot slot is er te zien dat elke periode ( sprint ) een einddatum heeft, welke in het diagram is weergegeven met een mijlpaal aan het einde van de sprint. Final report OWWW- app Groep 3 Page. 33 of 137

34 4.6.3 Productdecompositiestructuur Het product valt in een aantal deelproducten uiteen. Zo zijn er een aantal documenten, die opgeleverd moeten worden, maar vervalt de applicatie tijdens de ontwikkelfase uiteen in een aantal deelprojecten. Hieronder zullen wij een overzicht geven van de verschillende deelprojecten. Deze zijn gegroepeerd per periode. Fase 1: Deelproject 1: Het research report Deelproject 2: Het videofilmpje Fase 2: Deelproject 3: Het Project Initialisation Document (PID) Deelproject 4: De Proof of Concept (PoC) Fase 3: Deelproject 5: Het Alpha product Deelproject 6: De product handleiding Deelproject 7: Het testverslag Fase 4: Deelproject 8: Het Beta product Deelproject 9: Het project verslag Final report OWWW- app Groep 3 Page. 34 of 137

35 4.6.4 Productstroomdiagram In bijlage 2 wordt het productstroomdiagram weergegeven. Per periode zijn er verschillende deelprojecten die opgeleverd moeten worden. Over deze deelprojecten moeten wij een planning maken. Hierin moeten wij de verdeling van de taken en de resources over de periode plannen. Aan de belangrijkste taken zullen wij als eerste beginnen, zodat wij zeker weten dat we hier de benodigde resources voor beschikbaar hebben. Hierdoor zullen soms de andere deelprojecten verplicht moeten wachten, gezien deze afhankelijk zijn van deze voorgaande deelprojecten of er misschien ook geen resources momenteel beschikbaar zijn. Wij hebben de producten geordend op de begindatum, waardoor er in het diagram van boven naar beneden de chronologische weergave van de ontwikkeling te zien is Activiteitenplanning In de planning staan een aantal activiteiten vermeld, zoals verplichte PM meetings met de projectleiding en afspraken met de consultant. Hierbij zal elke keer een ander teamlid de meeting of afspraak bijwonen, zodat iedereen een keer geweest is en zijn mening of eventuele opmerking kwijt kan. Ook zijn er een aantal coach meetings gepland, hierbij is iedereen aanwezig en wordt de samenwerking van het team besproken. Ook kijken wij vooruit naar de volgende deadlines, bespreken we de taakverdeling hiervan en evalueren we of we nog op schema lopen. Zelf heeft het team ook een wekelijkse vergadering waarbij de voortgang van het project wordt besproken. Hier kunnen teamleden aangeven of alles nog volgens plan verloopt of waar er eventueel onverwachtse knelpunten zijn. Dit is voor ons het moment om de planning zo nodig bij te stellen. Zodat er bij extra werk extra resources toegewezen kunnen worden en de verdeling eerlijk blijft binnen het team. Final report OWWW- app Groep 3 Page. 35 of 137

36 4.6.6 Overzicht benodigde middelen Wij hebben voor de ontwikkeling en de werking van ons project een aantal middelen nodig. Hieronder zullen wij beschrijven welke dit zijn en hoe wij deze denken te verkrijgen. Om de applicatie voor de gebruikers bruikbaar te maken, hebben wij ruimte op een webserver nodig. Dit hoeft geen eigen server zijn maar kan ook ruimte op een VPS zijn. Voor de bereikbaarheid is er ook nog een domain nodig, dit hoeft niet per se een top-level domain te zijn, want een sub domain kan ook al toegankelijk genoeg zijn. Tot slot zullen wij beschikbaarheid tot een MySQL database moeten hebben. Hier moeten wij lees- en schrijfrechten van hebben zodat wij benodigde gegevens voor de applicatie kunnen opslaan of terughalen. Wij denken aan de gestelde voorwaardes te kunnen voldoen, zonder aanspraak te hoeven maken op het beschikbare budget. Zo heeft een van onze teamleden al toegang tot een VPS met voldoende ruimte voor onze applicatie. Voor de vereiste domain hebben wij ook al een oplossing, namelijk beheert hetzelfde teamlid ook een webpagina met eigen top-level domain. Hierop gaan wij een zogenoemde subdomain aanmaken voor de bereikbaarheid van onze applicatie. Tot slot heeft een ander teamlid een MySQL database van zijn werk ter beschikking, waar wij voor ons project van gebruik mogen maken. Voor de ontwikkelingsfase hebben wij ook software nodig om de applicatie mee te ontwikkelen. Hiervoor gaan wij gebruik maken van sublimetext2, welke een free to use tekst editor is. Ook zullen wij van het hulpprogramma Zend Studio 8 gebruikmaken, om zo gemakkelijker de php-code van de pagina te kunnen ontwikkelen. Wij komen aan dit programma door een teamlid, die een geldige licentie via zijn werk heeft verkregen. Ook zullen wij gebruik maken van een aantal libraries, zoals Twitter s bootstrap en JQuery. Ook voor deze twee geldt dat zij open source en dus vrij van betaling zijn. Tot slot zullen wij nog gebruik maken van Microsoft Word voor de ontwikkeling van de verschillende manuals in documentvorm. Voor de communicatie binnen het team willen wij gebruik maken van Skype, wat erg handig is voor regelmatige videovergaderingen en van de whatsapp messenger applicatie voor kortere berichten. Tot slot hebben wij nog een gedeelde folder in dropbox aangemaakt voor ons project, waardoor er intern een toegankelijke schijfruimte ter beschikking staat Productbeschrijvingen In bijlage 3 wordt per product een beschrijving gemaakt Final report OWWW- app Groep 3 Page. 36 of 137

37 4.7 Beheersinstrumenten Toleranties In de eerste twee fases is er nog genoeg ruimte om conceptuele aanpassingen te maken. Dit zal weinig consequenties hebben omdat we in de derde fase (Alfa Product) pas de diepte in gaan. In dit geval zal de projectplanning moeten worden aangepast. Als er in de derde fase kleine wijzigingen zijn, kost het naar schatting weinig moeite om dit aan te passen. Ook in dit geval zal het in de projectplanning verwerkt moeten worden. Wij proberen grote aanpassingen in de derde en vierde fase zo veel mogelijk te voorkomen. Wij hopen genoeg feedback te krijgen op ons Proof of Concept en PID, zodat er zo weinig mogelijk in de weg zal staan bij het uitwerken van ons concept Risicomanagement Een groot risico wat aan dit project hangt is het technisch uitwerken van onze applicatie. We hebben hier vrij weinig tijd voor en zullen dit in een snel tempo moeten doen. In deze fase kunnen er veel onverwachtse technische probleem optreden wat betreft ons platform, het daadwerkelijk live zetten, enzovoorts. Als er technische problemen optreden zullen wij contact opnemen met onze technische consultant. Mochten er problemen ontstaan wat betreft de samenwerking van ons project, zullen wij direct contact opnemen met onze coach, om een meeting te organiseren Uitzonderingsprocedure Als het project uit zijn toleranties loopt en/of risico s treden op, zal de projectleider actie moeten ondernemen. In de meest realistische gevallen, zoals technische problemen, of problemen met onze samenwerking, zal (zoals hier voor beschreven) contact worden opgenomen met de desbetreffende persoon Voortgangsrapportages Na elke fase wordt er een presentatie gegeven waarbij al onze ideeën en uitvoeringen van dat moment gepresenteerd worden. Bij deze presentaties staan wij uiteraard open voor feedback op elk gebied. Wij zullen gedurende de week er na, de feedback in behandeling nemen en waar nodig, aanpassingen maken. Wij zullen contact opnemen met de opdrachtgever om te laten weten hoe het er op dat moment voor staat. Final report OWWW- app Groep 3 Page. 37 of 137

38 4.8 Bijlage Bijlage 1. Grafische Projectplanning Final report OWWW- app Groep 3 Page. 38 of 137

39 4.8.2 Bijlage 2. Productstroomdiagram Final report OWWW- app Groep 3 Page. 39 of 137

40 4.8.3 Bijlage 3. Productbeschrijvingen Productbeschrijving Product ID 1 Productnaam Doel Samenstelling Kennis en kunde nodig om product te vervaardigen Kwaliteitscriteria Research Report Er moet onderzocht worden of ons concept uniek is en past bij het imago van de opdrachtgever en of dit concept aansluit bij de beoogde doelgroep. Voor dit rapport moeten wij gegevens en eigenschappen over de doelgroep en de opdrachtgever onderzoeken. Hiervoor zullen wij een deskresearch en een field research moeten verrichten. Deze zullen gepresenteerd worden in een Nederlandstalig rapport. Het rapport moet volgens een specifieke template opgebouwd zijn. Ook moet deze in het correct Nederlands geschreven zijn. Verder moet er kennis bestaan van de gebruikte onderzoeksmethodes van dit deelproduct. Uit dit rapport moet een duidelijke omschrijving van ons product en de doelgroep blijken. De resultaten zullen door middel van een presentatie aan de opdrachtgever voorgelegd worden, welke zal bepalen of dit product aansluit bij de verwachtingen. Final report OWWW- app Groep 3 Page. 40 of 137

41 Productbeschrijving Product ID 2 Productnaam Doel Videofilm Het presenteren van ons concept-idee aan de opdrachtgever, ter verduidelijking van het opgeleverde research rapport. De film moet ons idee helpen toelichten zodat onduidelijkheden van het concept duidelijk worden. Samenstelling Kennis en kunde nodig om product te vervaardigen Kwaliteitscriteria Kwaliteitsmethode Een film van 5 minuten, gemonteerd met geluid. Deze moet zijn geüpload naar YouTube. De teamleden moeten kunnen filmen en er moet de expertise bestaan om ook films te kunnen bewerken. Ook zal er een storyboard ontwikkeld moeten worden, zodat de acteurs weten wat het er verwacht wordt. Het filmpje moet het concept visueel overbrengen. De opdrachtgever moet ons concept begrijpen en de kwaliteit moet toonbaar zijn. Via de consultant zal een beoordeling volgen op de film. Final report OWWW- app Groep 3 Page. 41 of 137

42 Productbeschrijving Product ID 3 Productnaam Doel Project Initialisation Document (PID) Het documenteren van de gemaakte afspraken en producteisen zodat er achteraf geen onduidelijkheden kunnen ontstaan hierover. Ook word de planning duidelijk vastgelegd zodat wij een duidelijk beeld hebben van de resterende tijd en mogelijke deadlines van het project. Samenstelling Kennis en kunde nodig om product te vervaardigen Kwaliteitscriteria Kwaliteitsmethode Een document, opgebouwd volgens een specifieke template met eventuele bijlagen en diagrammen. De teamleden moeten beschikken over Nederlandse schrijfvaardigheden. Ze hebben verder een duidelijk beeld van de opbouw en planning van het project. Ook zijn gemaakte afspraken met de opdrachtgever, evenals de producteisen helder. Het document moet een duidelijke beschrijving bieden van de besproken planning en producteisen. Daar waar er in het research rapport nog onduidelijkheden of verbeterpunten waren, zullen deze inmiddels in het rapport duidelijk verwerkt zijn. Ook moet er aan alle punten van de checklist voor dit document voldaan zijn. Via de consultant zal een beoordeling volgen. Final report OWWW- app Groep 3 Page. 42 of 137

43 Productbeschrijving Product ID 4 Productnaam Doel Samenstelling Kennis en kunde nodig om product te vervaardigen Kwaliteitscriteria Proof of Concept (PoC) Het presenteren van de kernfuncties van het product. Mogelijke knelpunten zullen hier aan het licht komen en voor de opdrachtgever zal er een duidelijk beeld ontstaan van het eindproduct. Verschillende HTML5 pagina s, met opmaakelementen en een afgewerkte interface. Ook PHP codes en MySQL query s en een database ontwerp zullen ontwikkeld worden. Kennis van HTML5, eventueel aangevuld met JavaScript. Er is ook basiskennis van PHP en MySQL nodig om de benodigde query s te schrijven. Het product moet werken en de interface moet de basis lay-out tonen. Een database ontwerp met de juiste informatie en relaties. Het concept moet aansluiten bij de verwachtingen van de opdrachtgever en eventuele aanmerkingen op het research rapport moeten inmiddels meegenomen zijn in de ontwikkeling. Kwaliteitsmethode Zal naar aanleiding van een presentatie beoordeeld worden. Final report OWWW- app Groep 3 Page. 43 of 137

44 Productbeschrijving Product ID 5 Productnaam Doel Samenstelling Kennis en kunde nodig om product te vervaardigen Kwaliteitscriteria Kwaliteitsmethode Alpha product Een eerste indruk van het product met een werkende interface en de belangrijkste onderdelen reeds geïmplementeerd. Het product zal getoond worden aan de opdrachtgever en deze zal zijn feedback geven op de voorlopige voortgang. Mochten er nog functies missen of bepaalde aspecten bestaan welke de opdrachtgever graag anders zou zien, is dit het laatste controlemoment hiervoor. Een werkend prototype, bestaande uit verschillende HTML5 pagina s aangevuld met waar nodig CSS, PHP en JavaScript. Kennis van de gebruikte methodes en over de werking van het prototype. Ook moet er kennis bestaan over de voortgang van het project en hoe de feedback op het research report in het concept terugkomt. Het product moet werken en de interface moet de basis lay-out tonen. Het concept moet ook de belangrijkste functies omvatten welke gedocumenteerd staan in het PID. De belangrijkste hiervan moeten werken zodat de opdrachtgever een duidelijke indruk krijgt van het product. Zal door de consultant beoordeeld worden. Final report OWWW- app Groep 3 Page. 44 of 137

45 Productbeschrijving Product ID 6 Productnaam Doel Samenstelling Kennis en kunde nodig om product te vervaardigen Kwaliteitscriteria Kwaliteitsmethode User manual Het geven van een handleiding alsook een toelichting bij de werking van onze applicatie. Voor een nieuwe gebruiker moet er stapsgewijs duidelijk gemaakt worden wat de gebruikers mogelijkheden zijn zodat zij de applicatie leren begrijpen en hier zelfstandig mee om kunnen gaan. Een document, opgebouwd volgens een specifieke template. Het document moet uit korte en duidelijke zinnen bestaan, en indien nodig aangevuld met toelichtende afbeeldingen. Kennis van werking van de applicatie, en beschikken over een correcte Engelse schrijfvaardigheid. Ook moet er de expertise bestaan om een word document inclusief afbeeldingen te ontwikkelen. Begrijpelijk voor een nieuwe gebruiker, en voor de lezer duidelijke beschrijving geven van de applicatie en haar functies. Ook moet de opbouw overeenkomen met de template. Het document moet in het Engels zijn geschreven, en dus voldoen aan een correcte Engelse schrijfvaardigheid. Dit document zal door de consultant beoordeeld worden. Final report OWWW- app Groep 3 Page. 45 of 137

46 Productbeschrijving Product ID 7 Productnaam Doel Samenstelling Kennis en kunde nodig om product te vervaardigen Kwaliteitscriteria Kwaliteitsmethode Test approach Duidelijke omschrijving van hoe de testfase gepland wordt, en hoe wij een duidelijke feedback willen verzamelen tijdens deze testfase. Een document van maximaal 3 pagina s, geschreven in het Engels. Er moet een duidelijke kennis bestaan over de vereisten van de testfase, en de gewenste opmaak voor het document. De auteurs moeten over een correcte Engelse schijfvaardigheid beschikken. Het document moet in het correct Engels geschreven zijn, en volgens een specifieke template opgebouwd zijn. Ook moet er een duidelijke planning bestaan voor de testfase, samen met een heldere omschrijving van de aanpak voor het verkrijgen van de feedback tijdens de testfase. Dit document zal door de consultant beoordeeld worden. Final report OWWW- app Groep 3 Page. 46 of 137

47 Productbeschrijving Product ID 8 Productnaam Doel Samenstelling Kennis en kunde nodig om product te vervaardigen Kwaliteitscriteria Kwaliteitsmethode Bèta product Laatste versie van het product, dit is de versie van applicatie welke zal worden opgeleverd. Met deze laatste versie sluiten wij tevens de verdere ontwikkeling en het project voor ons af. Een product, bestaande uit verschillende HTML5 pagina s aangevuld met waar nodig CSS, PHP en Javascript. Het Alpha product is de basis, met de feedback uit de testfase hierin inmiddels geïmplementeerd. Duidelijke kennis over de feedback van de testfase, en de aanmerkingen van de opdrachtgever op het Alpha product. Beiden zullen in dit deelproduct geïmplementeerd moeten zijn. Het product moet werken, de besproken vereisten moeten allemaal geïmplementeerd zijn. Het moet en werkende applicatie zijn. Het product zal door de consultant beoordeeld worden aan de hand van een checklist. Final report OWWW- app Groep 3 Page. 47 of 137

48 Productbeschrijving Product ID 9 Productnaam Doel Samenstelling Kennis en kunde nodig om product te vervaardigen Kwaliteitscriteria Final report Dit document dient een duidelijk beeld van het ontwikkelingsproces en de samenwerking van het team te geven. Een verslag in documentvorm, opgebouwd volgens een vooraf gegeven template en eventueel aangevuld met afbeeldingen en UML diagrammen. Kennis van de gebruikte ontwikkelmethodes en kennis van de verdeling van de resources over het project. Er wordt kennis gevraagd van alles wat van invloed was op ons project, of hier ook maar enige rol in speelde. Het verslag moet een vaste structuur hebben, en er moet aan een checklist voldaan zijn welke de benodigde onderdelen van het rapport omschrijft. Er moet een correcte schrijfvaardigheid worden gehanteerd. Kwaliteitsmethode Ook dit document zal door de projectleiding beoordeeld worden. Final report OWWW- app Groep 3 Page. 48 of 137

49 5. Paper Prototype Wij hebben geprobeerd ons design zo simpel mogelijk te houden. Zo hoeft de gebruiker niet veel kennis te hebben van apps om onze app te kunnen gebruiken. Bovendien kan de gebruiker nu snel zijn vraag plaatsen en andere vragen opzoeken. De hoofdfuncties van de app, het stellen en lezen van vragen en het geven van antwoorden, moet zo snel mogelijk te bereiken zijn. Dit is dus ook na de inlogpagina, de eerste pagina waar men op terecht komt, de feed. De buttons hebben wij zo groot mogelijk gemaakt, zo kan men op de mobiel de button altijd goed aanklikken en zijn deze altijd zichtbaar. De stijl We hebben de app geprobeerd zo dicht mogelijk tegen de OBA-huisstijl aan te maken. Deze heeft de rode en zwarte kleur en bovendien een makkelijke naam. Het logo van de OBA is simpel en deze van de OWWW-app dus ook. Belangrijke buttons Er zijn in de app een aantal belangrijke buttons verwerkt. Men kan altijd, op welke pagina men ook is, op deze buttons klikken. Zo kan men altijd een vraag plaatsen en altijd terug naar zijn feed. De OWWW-button zorgt ervoor dat je naar het belangrijkste van de app gaat, de feed. Menubalk We hebben gekozen voor Iconen op de menubalk, omdat deze snel door men onthouden worden. Iedereen weet namelijk dat als er een loepje staat afgebeeld, dat je daar kan zoeken naar iets in de app. Ten eerste wilden wij deze bovenaan zetten, maar toen wij eenmaal aan het programmeren begonnen hebben wij de menubalk onderaan de app gezet*. Deze scrollt mee met de pagina. Deze balk bevindt zich dus altijd onderaan het beeld van de mobiel, men kan dus altijd snel naar de volgende pagina. Alle grootte functies van de app bevinden zich op de menubalk. Hieronder ziet u een aantal design afbeeldingen die wij gemaakt hebben voordat we de app ook daadwerkelijk gingen ontwikkelen. Deze hebben wij gemaakt met het programma Adobe Fireworks. Een goed programma om websites en andere design mee te ontwikkelen. U zult zien, dat deze tekeningen anders zijn dan dat de app nu is. Wij hebben kleine aanpassingen gemaakt, zoals zoals we u al vertelde; dat de menubalk onderaan staat. Final report OWWW- app Groep 3 Page. 49 of 137

50 Project: Get Connected! De oude layout Plaats een vraag pagina Final report OWWW- app Groep 3 De login pagina Het abonneren op onderwerpen De feed Een geplaatste vraag Page. 50 of 137

51 De zoek-pagina Zoek expert-pagina de profiel-pagina Final report OWWW- app Groep 3 Page. 51 of 137

52 6. UML diagrammen Hieronder vindt u een UML class-diagram met de belangrijkste klassen en de onderlinge relaties. Wij hebben hiervoor alleen de belangrijkste klassen gekozen om zo een overzichtelijke indruk te kunnen geven van de relaties tussen deze klassen en van de structuur van onze applicatie. Figuur 1: Class-diagram Final report OWWW- app Groep 3 Page. 52 of 137

53 Verder hebben wij ook nog een UML use-case-diagram opgesteld met de hierin alle functies van de applicatie. Wij hebben de functies hiervoor ingedeeld volgens de menu-structuur waaronder zij vallen binnen de app, zodat het duidelijker is hoe de applicatie is opgebouwd. Verder zijn bepaalde functies alleen beschikbaar voor ingelogde gebruikers, terwijl de help en informatiepagina natuurlijk vrij beschikbaar zijn. Figuur 2: Use-case Diagram Final report OWWW- app Groep 3 Page. 53 of 137

54 7. Test Approach 7.1 Inleiding Het kwaliteitsrapport wordt opgesteld zodat men het product kan testen en hier zijn/haar mening over kan vormen en deze kwijt kan in de vorm van een formulier. Dit is niet alleen handig voor de programmeur, maar ook voor de andere ontwikkelaars van het product. Zo kan de programmeur met de feedback van de gebruiker zijn product aanpassen voordat hij het op de markt brengt. Zo is hij zeker van een gebruiksvriendelijke app, die aan de wensen van de gebruiker voldoet. Bovendien is het kwaliteitsrapport ook een extra check-back voor de ontwikkelaars zelf. Zo evalueren ze tussentijds het product wat ze aan het ontwikkelen zijn. Zo bekijken ze of de app voor de gebruiker aanvoelt zoals hij zou moeten en of bovendien alle functies ook daadwerkelijk werken. Zo weten ze wat er nog moet gebeuren, en of bepaalde functies eventueel aangepast moeten worden. De kwaliteitscriteria van de OWWW-app zijn grotendeels gelijk aan een standaard applicatie. Deze moet gebruiksvriendelijk zijn en moet op alle fronten goed functioneren. Bij de analyse fase werd er duidelijk welke functies de OBA graag geïmplementeerd ziet worden. Maar naarmate het project vordert zijn alleen de belangrijkste functies hiervan overgebleven. De functies die nu in de app verwerkt zijn, moeten naar behoren werken voordat er pas nieuwe functies bij komen, dit is een belangrijke eis die we als ontwikkelaar gesteld hebben. Bovendien moet de app natuurlijk goed functioneren op de browser van de verschillende platformen. Het kwaliteitsrapport bevat de beschrijving van de statische en dynamische kwaliteit van de app. We vertellen hoe de kwaliteit van de code gemeten wordt en welke eisen we hieraan stellen. Dit doen we ook met de functionele eisen van de applicatie. In de komende periode gaan de applicati e daadwerkelijk testen, met de methodes beschreven in dit document.waarna wij een onderbouwde conclusie kunnen geven over de kwaliteit van onze applicatie. Final report OWWW- app Groep 3 Page. 54 of 137

55 7.2 Statische kwaliteit Het testen van de statische kwaliteit van de applicatie wordt ook wel white-box testing genoemd. Tijdens deze testfase word er namelijk naar de code zelf gekeken. Dit is dus eigenlijk de technische review. Tijdens deze fase wordt er enerzijds gekeken naar statistische gegevens over de code en anderzijds naar de werking van de verschillende units (unit testing). Maar er wordt ook gecontroleerd of er bij het programmeren voldaan is aan de code conventi es. Voor de statische gegevens kan er gebruik gemaakt worden van verschillende tools, welke gedetailleerde informatie over de code verzamelen. Hieronder valt bijvoorbeeld het totaal aantal regels code en het aantal regels van commentaar ten opzichte van de broncode. Hiervoor gaan wij gebruik maken van de tool Sourcemonitor. Hiermee is gemakkelijk de statistische gegevens over de code te verkrijgen. Voor de statische kwaliteit geldt ook dat er gelet moet worden of er aan de geldende syntax regels is voldaan. Voor de check op syntax overtredingen willen wij gebruik gaan maken van de volgende tools: PHP_CodeSniffer voor de php en css code HTML-Lint voor de html code JavaScript-Lint voor de javascript code Voor de code conventies en de documentatie/commentaar van de code zullen wij ons houden aan de gestelde code conventies van ITopia met de aanpassing dat het voor ons project om html5 gaat in plaats van de originele java standaarden. De boven genoemde programma s geven precies weer wat er fout is en wat er niet klopt volgens de standaard waarden. Ze geven verder ook duidelijk weer hoeveel regels elk bestand heeft en welke regel eventueel niet klopt. De statische kwaliteit willen wij twee keer gaan testen. 1 keer aan het begin van sprint 4, om te controleren of de standards voldoen aan de eisen die er gesteld worden en om te controleren of er fouten in zitten. Daarnaast willen we, ergens vlak na de kerstvakantie, nog een controle uitvoeren, om te controleren of we halverwege sprint 4 nog op de goede weg zijn en er aan alles voldaan wordt (commentaar etc.). Dit is wensbaar gezien er gaandeweg de periode nieuwe code is ge schreven en deze ook nog eens gecontroleerd moet worden. Datum(s) voor het testen van de statische kwaliteit: 11 december 2012, begin van sprint 4 (na de afronding van fase 3). Eerste controle van de statische code m.b.v. PHP_CodeSniffer, HTML-Lint en JavaScript-Lint. Dinsdag 8 januari 2013, halverwege sprint 4. Tweede controle van de statische code m.b.v. PHP_CodeSniffer, HTML Lint en JavaScript Lint Final report OWWW- app Groep 3 Page. 55 of 137

56 7.3 Dynamische kwaliteit Wij gaan de functies van de OWWW-app testen op gebruikersgemak en functionaliteit. De feedback hiervan willen wij gaan gebruiken om de applicatie zo gebruiksvriendelijk mogelijk te maken. Ook kan het zijn dat er nog eventuele fouten in het systeem zitten. Deze zullen wij zo veel mogelijk verhelpen en de aanmerkingen meenemen in het uiteindelijke Beta product. De gebruikers krijgen een testversie van onze applicatie. Zij gaan dus zelfstandig met de applicatie aan de slag en kunnen zo alle functies zelf testen. Hierbij krijgen zij een formulier om aanmerkingen en feedback te kunnen geven. Dit is van belang om de app zo veel mogelijk naar de wensen van de gebruiker te ontwikkelen. Hierdoor wordt de app zo gebruiksvriendelijk mogelijk. De dynamische kwaliteit is van belang om de functionaliteit te testen. Zo weten we of alle functies in de app helemaal werken. In de Alpha - fase testen wij de volgende functies: Registreren en Inloggen De feed instellen (abonneren) De feed en gestelde vragen bekijken Antwoord op een vraag geven We laten de gebruiker een testformulier invullen over de verschillende use-cases (functies). De gebruiker kan hiermee zijn feedback geven en deze zullen wij verwerken in onze applicatie, waar toepasbaar. Deze test vindt plaats op 4 december Ook willen we nog 2 keer testen gedurende de Beta fase, om te zien of alle functionaliteiten die we nog in de planning hebben, ook werken en of zij ook voldoen aan gebruikersvriendelijkheid en gebruikersgemak. Hiervoor willen wij gedurende de kerstvakantie familieleden en vrienden raadplegen, en ook nog ergens halverwege januari, als een extra controle. Verdere datum(s) voor testen Dynamische code in Beta fase zijn vooralsnog: Donderdag 27 december 2012, eerste test bij familie / vrienden voor de Dynamische code (applicatie testen). Vrijdag 11 januari 2013, tweede test bij familie / vrienden voor de Dynamische code (applicatie testen). Final report OWWW- app Groep 3 Page. 56 of 137

57 7.4 Testformulier Testing form for the Alpha Phase product of team 3 Name. Date: 4 December 2012 Member of: ITopia / OBA / Guest (select which appropriate) *Note: If you need help, ask one of our members at the stand or you can make use of our User Manual Question 1. Can an account be registered in the application? Question 2. Can you perform a log in with the application with the new account? Question 3. Can a question be asked in the category x (you can decide yourself)? Question 4. Can you subscribe to the feed x (you can decide yourself)? Final report OWWW- app Groep 3 Page. 57 of 137

58 Question 5. Can you answer a question within the application? Question 6. Can you find an expert within the application? Question 7. Can you log out of the application? Comments and remarks about the OWWW (Openbare Wie Weet Wat) application: Thank you for filling in the test form! Thank you for filling in the test form! Final report OWWW- app Groep 3 Page. 58 of 137

59 8. Test Results PHP code meetrapport Understand GetConnected Project GetConnected studiejaar Studiejaar 1 Teamleden 1. José Boon 4 Vincent Voordenberg 2. Justin Oud 5. Wouter Bohlken 3. Nils Duymaer van Twist 6. Totaal aantal files 41 Totaal aantal functions 185 Totaal aantal classes 67 Totaal aantal statements 491 Totaal aantal commentaar 534 regels Totaal percentage comments t.o.v. code 0.35% (35%) Totaal aantal witregels (blank lines) 248 Totaal aantal regels (project) 2708 Final report OWWW- app Groep 3 Page. 59 of 137

60 Totaal aantal regels php 1512 Toelichting bij gemeten waarden: De gemeten waarde bij totaal percentage comments t.o.v. code is als volgt gebaseerd: Er zijn 1512 regels php totaal, daarnaast zijn er 534 regels commentaar. Een simpel rekensommetje (534*100% / 1512) vertelt ons dat het percentage commentaar ten opzichte van de totaal regels php 35% is. (Dit is waar de meeste informatie vandaan gehaald is, een summary van alle Project Metrics) Final report OWWW- app Groep 3 Page. 60 of 137

61 PHP code meetrapport Understand GetConnected Project GetConnected studiejaar Studiejaar 1 Teamleden 1. José Boon 4 Vincent Voordenberg 2. Justin Oud 5. Wouter Bohlken 3. Nils Duymaer van Twist 6. Totaal aantal files 44 Totaal aantal functions 317 Totaal aantal classes 37 Totaal aantal statements 1011 Totaal aantal commentaar 548 regels Totaal percentage comments t.o.v. code 0.34% (34%) Totaal aantal witregels (blank lines) 273 Totaal aantal regels (project) 2897 Totaal aantal regels php 1597 Final report OWWW- app Groep 3 Page. 61 of 137

62 Toelichting bij gemeten waarden: De gemeten waarde bij totaal percentage comments t.o.v. code is als volgt gebaseerd: Er zijn 1597 regels php totaal, daarnaast zijn er 548 regels commentaar. Een simpel rekensommetje (548*100% / 1597) vertelt ons dat het percentage commentaar ten opzichte van de totaal regels php 34% is. (Dit is waar de meeste informatie vandaan gehaald is, een summary van alle Project Metrics) Final report OWWW- app Groep 3 Page. 62 of 137

63 Hieronder volgt een korte conclusie van de PHP meetrapporten: In de twee keer dat we gemeten hebben, zijn er een aantal verschillen te zien: o Het aantal files is van 41 naar 44 gegaan o Van 185 functions naar 317 functions o Het aantal classes is van 67 naar 37 gegaan. Dit heeft vermoedelijk te maken met het feit dat bij de eerste test ook het ZEND framework meegenomen was, wat niet de bedoeling was o Van 491 statements naar 1011 statements o Het commentaar is licht gestegen, van 534 regels naar 548 regels. o Het totaal percentage aan commentaar t.o.v. php code is van 0,35% (35%) naar 0,34% (34%) gedaald, omdat er meer php - code is dan commentaar. o Het totaal aantal witregels is van 248 naar 273 gestegen o Het totaal aantal regels binnenin het project is van 2708 naar 2897 gestegen. Dit is vermoedelijk meer geworden, aangezien we na de tweede test nog een aantal dingen aangepast hebben binnenin het project qua code. o Het totaal aantal regels PHP code is van 1512 naar 1597 gestegen. Al met al is de conclusie dus dat er binnen 4 weken na de eerste test toch een aantal dingen toegenomen zijn, zoals de PHP code, het aantal witregels en de statements. Er zijn ook een aantal dingen die niet zullen kloppen, waaronder de classes. Deze is van 67 classes naar 37 classes gedaald, dus de eerste test was deels fout gegaan. Met de tweede test hebben we dit dus kunnen controleren. Final report OWWW- app Groep 3 Page. 63 of 137

64 JSHint.com uitslagen Javascript code: (Map Views, Scripts, Contact Index.phtml) Line 2: $('.btn:first').button('toggle'); Missing "use strict" statement. (Map Views, Scripts, Discover Index.phtml) Line 1: $('#btnexpert').click(function(e){ 'e' is defined but never used. Line 5: $('#btnperson').click(function(e){ 'e' is defined but never used. (Map Views, Scripts, Discover SearchPerson.phtml) Line 2: $('#submit').click(function(){ Missing "use strict" statement. Line 6: var $id = parseint(this.id); Missing radix parameter. (Map Views, Scripts, Discover SearchQuestion.phtml) Line 3: $('.feed-list li').each(function(){ Missing "use strict" statement. Line 8: $(this).click(function(e){ 'e' is defined but never used. (Map Views, Scripts, Feed Manage.phtml) Line 2: e.preventdefault(); Missing "use strict" statement. Line 26: $(this).addclass("loading"); Missing "use strict" statement. Line 29: $(this).removeclass("loading"); Missing "use strict" statement. Final report OWWW- app Groep 3 Page. 64 of 137

65 (Map Views, Scripts, Index Index.phtml) Line 3: $('.feed-list li').each(function(){ Missing "use strict" statement. Line 8: $(this).click(function(e){ 'e' is defined but never used. (Map Views, Scripts, Login Index.phtml (bovenste gedeelte JavaScript) Line 2: $('#loggedin').hide(); Missing "use strict" statement. Line 7: if(form_type == 1) { Expected '===' and instead saw '=='. (Map Views, Scripts, Login Index.phtml(onderste gedeelte JavaScript) Line 2: $('#info').click(function(){ Missing "use strict" statement. (Map Views, Scripts, Question Post.phtml) Line 2: $('#status-online').addclass('active'); Missing "use strict" statement. Line 7: if ($('#location-floor')!= "") { Expected '!==' and instead saw '!='. (Map Views, Scripts, Question View.phtml (bovenste gedeelte JavaScript) Line 2: $('#btn-close').click(function(e){ Missing "use strict" statement. Line 2: $('#btn-close').click(function(e){ 'e' is defined but never used. Final report OWWW- app Groep 3 Page. 65 of 137

66 (Map Views, Scripts, Question View.phtml (onderste gedeelte JavaScript) Line 2: $('#location-description').hide(); Missing "use strict" statement. Line 4: if ($('#location-description').is(':visible')){ Mixed spaces and tabs. Line 6: } Mixed spaces and tabs. Line 7: else { Mixed spaces and tabs. Line 9: } Mixed spaces and tabs. Line 12: $('#location-description').hide(300); Mixed spaces and tabs Conclusie: In ons Test Approach document hadden we gezegd dat we JSLint zouden gebruiken. We hebben uiteindelijk besloten om JSHint te gebruiken, omdat deze ook JQuery ondersteunde en JSLint gaf niet dezelfde errors aan als deze hierboven, omdat JSLint geen JQuery optie ondersteunde. De JavaScript code is helaas maar 1 keer getest, hierdoor hebben wij deze errors nog wel op tijd kunnen constateren. Dit waren de voornaamste errors die wij tegenkwamen bij de test, momenteel zijn we nog bezig met het verbeteren van de code voor de oplevering. Final report OWWW- app Groep 3 Page. 66 of 137

67 HTML Lint uitslagen Pagina: Vragen-overzicht (feed) Line 79: You must quote attributes ( style unquoted) <button> 79: <button id="btn-oba" type="button" class="btn" style= "width:48%;">oba</button> Line 128: You must quote attributes ( style unquoted) <a> 128: <p>development versie.get connected groep <a href="/help/info" style= "text-decoration: none; color:red; height:0px;">info</a>&nbsp &nbsp<a href="/help" style= "text-decoration: none; color:red; height:0px; allign:center;">help</a>&nbsp Line 128: You must quote attributes ( style unquoted) <a> 128: <p>development versie.get connected groep <a href="/help/info" style= "text-decoration: none; color:red; height:0px;">info</a>&nbsp &nbsp<a href="/help" style= "text-decoration: none; color:red; height:0px; allign:center;">help</a>&nbsp Line 129: You must quote attributes ( style unquoted) <a> 129: &nbsp<a href="/help/faq" style= "text-decoration: none; color:red; height:0px; ">FAQ</a>&nbsp &nbsp<a href="/help/contact" style= "textdecoration: none; color:red; height:0px; ">Contact</a></p> Line 129: You must quote attributes (style unquoted) <a> 129: &nbsp<a href="/help/faq" style= "text-decoration: none; color:red; height:0px; ">FAQ</a>&nbsp &n Final report OWWW- app Groep 3 Page. 67 of 137

68 Pagina: Vraag (als men de vraag bekijkt) Line 85: You must close empty tags <img> 85: <img class="profileimage" src="/images/general/profile_placeholder.gif" width="100"> Line 127: You must close empty tags <input> 127: <input type="hidden" id="form-action" name="form-action" value="1"> Line 150: You must quote attributes (style unquoted) <a> 150: <p>development versie.get connected groep <a href="/help/info/id/6" style= "text-decoration: none; color:red; height:0px;">info</a>&nbsp &nbsp<a href="/help/index/id/6" style= "text-decoration: none; color:red; height:0px; allign:center;">help</a>&nbsp Line 150: You must quote attributes ( style unquoted) <a> 150: <p>development versie.get connected groep <a href="/help/info/id/6" style= "text-decoration: none; color:red; height:0px;">info</a>&nbsp &nbsp<a href="/help/index/id/6" style= "text-decoration: none; color:red; height:0px; allign:center;">help</a>&nbsp Line 151: You must quote attributes ( style unquoted) <a> 151: &nbsp<a href="/help/faq/id/6" style= "text -decoration: none; color:red; height:0px; ">FAQ</a>&nbsp &nbsp<a href="/help/contact/id/6" style= "text-decoration: none; color:red; height:0px; ">Contact</a></p> Final report OWWW- app Groep 3 Page. 68 of 137

69 o Line 151: You must quote attributes ( style unquoted) <a> 151: &nbsp<a href="/help/faq/id/6" style= "text -decoration: none; color:red; height:0px; ">FAQ</a>&nbsp &nbsp<a Final report OWWW- app Groep 3 Page. 69 of 137

70 Pagina: Plaats vraag Line 109: You must close empty tags <input> 109: <input type="hidden" id="location_status" name="locatie_status" value="1"> Line 110: You must close empty tags <input> 110: <input type="hidden" id="location-floor" name="locatie_verdieping" value=""> Line 111: You must close empty tags <input> 111: <input type="hidden" name="status" value="0"> Line 215: You must quote attributes ( style unquoted) <a> 215: <p>development versie.get connected groep <a href="/help/info/id/6" style= "text-decoration: none; color:red; height:0px;">info</a>&nbsp &nbsp<a href="/help/index/id/6" style= "text-decoration: none; color:red; height:0px; allign:center;">help</a>&nbsp Line 215: You must quote attributes ( style unquoted) <a> 215: <p>development versie.get connected groep <a href="/help/info/id/6" style= "text-decoration: none; color:red; height:0px;">info</a>&nbsp &nbsp<a href="/help/index/id/6" style= "text-decoration: none; color:red; height:0px; allign:center;">help</a>&nbsp Line 216: You must quote attributes ( style unquoted) <a> 216: &nbsp<a href="/help/faq/id/6" style= "text-decoration: none; color:red; height:0px; ">FAQ</a>&nbsp &nbsp<a href="/help/contact/id/6" style= "text-decoration: none; color:red; height:0px; ">Contact</a></p> Line 216: You must quote attributes ( style unquoted) <a> Final report OWWW- app Groep 3 Page. 70 of 137

71 216: &nbsp<a href="/help/faq/id/6" style= "text -decoration: none; color:red; height:0px; ">FAQ< Pagina: Zoek pagina (algemeen) Line 104: You must quote attributes ( style unquoted) <a> 104: <p>development versie.get connected groep <a href="/help/info" style= "text-decoration: none; color:red; height:0px;">info</a>&nbsp &nbsp<a href="/help" style= "text-decoration: none; color:red; height:0px; allign:center;">help</a>&nbsp Line 104: You must quote attributes ( style unquoted) <a> 104: <p>development versie.get connected groep <a href="/help/info" style= "text-decoration: none; color:red; height:0px;">info</a>&nbsp &nbsp<a href="/help" style= "text-decoration: none; color:red; height:0px; allign:center;">help</a>&nbsp Line 105: You must quote attributes ( style unquoted) <a> 105: &nbsp<a href="/help/faq" style= "text-decoration: none; color:red; height:0px; ">FAQ</a>&nbsp &nbsp<a href="/help/contact" style= "textdecoration: none; color:red; height:0px; ">Contact</a></p> Line 105: You must quote attributes ( style unquoted) <a> 105: &nbsp<a href="/help/faq" style= "text-decoration: none; color:red; height:0px; ">FAQ</a>&nbsp &nbsp< Final report OWWW- app Groep 3 Page. 71 of 137

72 Pagina: Zoek een vraag Line 76: You must close empty tags <br> 76: <h3> Zoek een vraag </h3><br> Line 86: You must close empty tags <input> 86: <input type="hidden" id="form-action" name="form-action" value="1"> Line 110: You must quote attributes ( style unquoted) <a> 110: <p>development versie.get connected groep <a href="/help/info" style= "text-decoration: none; color:red; height:0px;">info</a>&nbsp &nbsp<a href="/help" style= "text-decoration: none; color:red; height:0px; allign:center;">help</a>&nbsp Line 110: You must quote attributes ( style unquoted) <a> 110: <p>development versie.get connected groep <a href="/help/info" style= "text-decoration: none; color:red; height:0px;">info</a>&nbsp &nbsp<a href="/help" style= "text-decoration: none; color:red; height:0px; allign:center;">help</a>&nbsp Line 111: You must quote attributes ( style unquoted) <a> 111: &nbsp<a href="/help/faq" style= "text-decoration: none; color:red; height:0px; ">FAQ</a>&nbsp &nbsp<a href="/help/contact" style= "textdecoration: none; color:red; height:0px; ">Contact</a></p> Line 111: You must quote attributes ( style unquoted) <a> 111: &nbsp<a href="/help/faq" style= "text-decoration: none; color:red; height:0px; ">FAQ</a>&nbsp &nb Final report OWWW- app Groep 3 Page. 72 of 137

73 Pagina: Zoek pagina, zoek een expert Line 213: You must quote attributes ( style unquoted) <a> 213: <p>development versie.get connected groep <a href="/help/info" style= "text-decoration: none; color:red; height:0px;">info</a>&nbsp &nbsp<a href="/help" style= "text-decoration: none; color:red; height:0px; allign:center;">help</a>&nbsp Line 213: You must quote attributes ( style unquoted) <a> 213: <p>development versie.get connected groep <a href="/help/info" style= "text-decoration: none; color:red; height:0px;">info</a>&nbsp &nbsp<a href="/help" style= "text-decoration: none; color:red; height:0px; allign:center;">help</a>&nbsp Line 214: You must quote attributes ( style unquoted) <a> 214: &nbsp<a href="/help/faq" style= "text-decoration: none; color:red; height:0px; ">FAQ</a>&nbsp &nbsp<a href="/help/contact" style= "textdecoration: none; color:red; height:0px; ">Contact</a></p> Line 214: You must quote attributes ( style unquoted) <a> 214: &nbsp<a href="/help/faq" style= "text-decoration: none; color:red; height:0px; ">FAQ</a Pagina: Inbox pagina Line 198: You must quote attributes ( style unquoted) <a> 198: <p>development versie.get connected groep <a href="/help/info" style= "text-decoration: none; color:red; height:0px;">info</a>&nbsp &nbsp<a href="/help" style= "text-decoration: none; color:red; height:0px; allign:center;">help</a>&nbsp Line 198: You must quote attributes ( style unquoted) <a> 198: <p>development versie.get connected groep <a href="/help/info" style= "text-decoration: none; color:red; Final report OWWW- app Groep 3 Page. 73 of 137

74 height:0px;">info</a>&nbsp &nbsp<a href="/help" style= "text-decoration: none; color:red; height:0px; allign:center;">help</a>&nbsp Line 199: You must quote attributes ( style unquoted) <a> 199: &nbsp<a href="/help/faq" style= "text-decoration: none; color:red; height:0px; ">FAQ</a>&nbsp &nbsp<a href="/help/contact" style= "textdecoration: none; color:red; height:0px; ">Contact</a></p> Line 199: You must quote attributes ( style unquoted) <a> 199: &nbsp<a href="/help/faq" style= "text-decoration: none; color:red; height:0px; ">FAQ</a>&nbsp &nbsp<a href="/hel Pagina: Profiel (algemeen) Line 82: You must close optional tags <p> 82: <div class="profilebuttons"><a class="button" href="/user/edit"><button class="button-primary strechted" id="setinfo">wijzig gegevens</button></a><p></div> Line 83: You must close optional tags <p> 83: <div class="profilebuttons"><a class="button" href="/user/upload"><button class="button-primary strechted" id="setfoto">wijzig foto</button></a><p></div> Line 103: You must quote attributes ( style unquoted) <a> 103: <p>development versie.get connected groep <a href="/help/info" style= "text-decoration: none; color:red; height:0px;">info</a>&nbsp &nbsp<a href="/help" style= "text-decoration: none; color:red; height:0px; allign:center;">help</a>&nbsp Line 103: You must quote attributes ( style unquoted) <a> 103: <p>development versie.get connected groep <a href="/help/info" style= "text-decoration: none; color:red; Final report OWWW- app Groep 3 Page. 74 of 137

75 height:0px;">info</a>&nbsp &nbsp<a href="/help" style= "text-decoration: none; color:red; height:0px; allign:center;">help</a>&nbsp Line 104: You must quote attributes ( style unquoted) <a> 104: &nbsp<a href="/help/faq" style= "text-decoration: none; color:red; height:0px; ">FAQ</a>&nbsp &nbsp<a href="/help/contact" style= "textdecoration: none; color:red; height:0px; ">Contact</a></p> Line 104: You must quote attributes (style unquoted) <a> 104: &nbsp<a href="/help/faq" style= "text-decoration: none; color:red; height:0px; ">FAQ</a>&nbsp Pagina: Profiel pagina, Wijzig gegevens Line 79: You must close empty tags <input> 79: <input type="hidden" id="form-action" name="form-action" value="1"> Line 83: You must close empty tags <input> 83: <input type=" " name=" " placeholder=" @domein.nl" class="strechted" value="nils.duymaer.van.twist@hva.nl"> Line 96: You must close empty tags <input> 96: <input type="text" name="voornaam" class="strechted" placeholder="voornaam" value="nils"> Line 100: You must close empty tags <input> 100: <input type="text" name="tussenvoegsel" class="strechted" placeholder="tussenvoegsel" value=""> Line 104: You must close empty tags <input> Final report OWWW- app Groep 3 Page. 75 of 137

76 104: <input type="text" name="achternaam" class="strechted" placeholder="achternaam" value="van Twist"> Line 131: You must quote attributes ( style unquoted) <a> 131: <p>development versie.get connected groep <a href="/help/info" style= "text-decoration: none; color:red; height:0px;">info</a>&nbsp &nbsp<a href="/help" style= "text-decoration: none; color:red; height:0px; allign:center;">help</a>&nbsp Line 131: You must quote attributes ( style unquoted) <a> 131: <p>development versie.get connected groep <a href="/help/info" style= "text-decoration: none; color:red; height:0px;">info</a>&nbsp &nbsp<a href="/help" style= "text-decoration: none; color:red; height:0px; allign:center;">help</a>&nbsp Line 132: You must quote attributes ( style unquoted) <a> 132: &nbsp<a href="/help/faq" style= "text-decoration: none; color:red; height:0px; ">FAQ</a>&nbsp &nbsp<a href="/help/contact" style= "textdecoration: none; color:red; height:0px; ">Contact</a></p> Line 132: You must quote attributes ( style unquoted) <a> 132: &nbsp<a href="/help/faq" style= "text-decoration: none; color:red; height:0px; ">FAQ</a>&nbsp &nbsp<a hr Final report OWWW- app Groep 3 Page. 76 of 137

77 Pagina: Profiel (Wijzig foto) Line 80: You must close empty tags <input> 80: <input type="hidden" name="max_file_size" value=" " id="max_file_size"> Line 81: You must close empty tags <input> 81: <input type="file" name="image" id="image" class="stretched"></dd> Line 83: You must close empty tags <input> 83: <input type="submit" name="upload" id="upload" value="upload" class="buttonprimary btn-inverse button-black strechted btn-large span1"></dd></dl></form> </div> Line 86: You must quote attributes ( style unquoted) <a> 86: <p>development versie.get connected groep <a href="/help/info" style= "text-decoration: none; color:red; height:0px;">info</a>&nbsp &nbsp<a href="/help" style= "text-decoration: none; color:red; height:0px; allign:center;">help</a>&nbsp Line 86: You must quote attributes ( style unquoted) <a> 86: <p>development versie.get connected groep <a href="/help/info" style= "text-decoration: none; color:red; height:0px;">info</a>&nbsp &nbsp<a href="/help" style= "text-decoration: none; color:red; height:0px; allign:center;">help</a>&nbsp Line 87: You must quote attributes ( style unquoted) <a> 87: &nbsp<a href="/help/faq" style= "text-decoration: none; color:red; height:0px; ">FAQ</a>&nbsp &nbsp<a href="/help/contact" style= "textdecoration: none; color:red; height:0px; ">Contact</a></p> Line 87: You must quote attributes ( style unquoted) <a> 87: &nbsp<a href="/help/faq" style= "text-deco Final report OWWW- app Groep 3 Page. 77 of 137

78 Pagina: Profiel, wijzig feed Line 186: You must quote attributes ( style unquoted) <a> 186: <p>development versie.get connected groep <a href="/help/info" style= "text-decoration: none; color:red; height:0px;">info</a>&nbsp &nbsp<a href="/help" style= "text-decoration: none; color:red; height:0px; allign:center;">help</a>&nbsp Line 186: You must quote attributes ( style unquoted) <a> 186: <p>development versie.get connected groep <a href="/help/info" style= "text-decoration: none; color:red; height:0px;">info</a>&nbsp &nbsp<a href="/help" style= "text-decoration: none; color:red; height:0px; allign:center;">help</a>&nbsp Line 187: You must quote attributes ( style unquoted) <a> 187: &nbsp<a href="/help/faq" style= "text-decoration: none; color:red; height:0px; ">FAQ</a>&nbsp &nbsp<a href="/help/contact" style= "textdecoration: none; color:red; height:0px; ">Contact</a></p> Line 187: You must quote attributes ( style unquoted) <a> 187: &nbsp<a href="/help/faq" style= "text-decoration: none; color:red; height:0px; ">FAQ</a>&nbsp &nbsp Final report OWWW- app Groep 3 Page. 78 of 137

79 Pagina: Login / Logout Line 92: You must close empty tags <input> 92: <input type="hidden" id="form-action" name="form-action" value="1"> Line 96: You must close empty tags <input> 96: <input type=" " name=" " placeholder=" @domein.nl" class="strechted"> Line 109: You must close empty tags <input> 109: <input type="text" name="voornaam" class="strechted" placeholder="voornaam"> Line 113: You must close empty tags <input> 113: <input type="text" name="tussenvoegsel" class="strechted" placeholder="tussenvoegsel"> Line 117: You must close empty tags <input> 117: <input type="text" name="achternaam" class="strechted" placeholder="achternaam"> Line 121: You must close empty tags <input> 121: <input type="text" name="leeftijd" class="strechted" placeholder="leeftijd"> Line 129: You must close empty tags <input> 129: <input type="password" name="password" class="strechted" placeholder="wachtwoord"> Line 135: You must close empty tags <input> Final report OWWW- app Groep 3 Page. 79 of 137

80 135: <input type="password" name="password_repeat" class="strechted" placeholder="wachtwoord nogmaals"> Line 169: You must quote attributes ( style unquoted) <a> 169: <p>development versie.get connected groep <a href="/help/info" style= "text-decoration: none; color:red; height:0px;">info</a>&nbsp &nbsp<a href="/help" style= "text-decoration: none; color:red; height:0px; allign:center;">help</a>&nbsp Line 169: You must quote attributes ( style unquoted) <a> 169: <p>development versie.get connected groep <a href="/help/info" style= "text-decoration: none; color:red; height:0px;">info</a>&nbsp &nbsp<a href="/help" style= "text-decoration: none; color:red; height:0px; allign:center;">help</a>&nbsp Line 170: You must quote attributes ( style unquoted) <a> 170: &nbsp<a href="/help/faq" style= "text-decoration: none; color:red; height:0px; ">FAQ</a>&nbsp &nbsp<a href="/help/contact" style= "textdecoration: none; color:red; height:0px; ">Contact</a></p> Line 170: You must quote attributes ( style unquoted) <a> 170: &nbsp<a href="/help/faq" style= "text-dec Conclusie: Er zijn nog al wat HTML errors. Voor de html te testen hebben wij gebruik gemaakt van HTML Lint. Op de genoemde pagina is er nog soms nog een bepaalde error aanwezig die wij nog niet ontdekt hadden en waar we nog het nodige voor moeten aanpassen. De meeste errors zijn vooral gebaseerd op de layout en de style van onze applicatie, maar zijn de bovengenoemde resultaten echter door ons als acceptabel beoordeeld. Wel hebben wij een aantal crucial errors uit de test verholpen, zoals bijvoorbeel een niet gesloten <div> tag en een aantal eveneens verkeerd/niet gesloten meta tags. Deze hadden in eerste instantie tot geen opvallende visuele effecten geleid, maar zijn simpleweg niet conform de geldende coding standards en boverndien indien bekend ook zeer gemakkelijk te verhelpen. Wat dus ook is gebeurd bij deze fouten. Doordat de tests Final report OWWW- app Groep 3 Page. 80 of 137

81 hierdoor in eerste instantie niet kon worden voltooid, hebben wij deze fouten niet meer in de resultaten opgenomen gezien deze als incompleet beschouwd konden worden. Testformulieren (ingevuld fysieke kopie bij Vincent beschikbaar, digitaal ingevuld) Testing form for the Alpha Phase product of team 3 Name J. Derriks. Date: 4 December 2012 Member of: ITopia / OBA / Guest (select which appropriate) *Note: If you need help, ask one of our members at the stand or you can make use of our User Manual Question 1. Can an account be registered in the application? V Question 2. Can you perform a log in with the application with the new account? V Question 3. Can a question be asked in the category x (you can decide yourself)? + Icoon onduidelijk wat het doet Final report OWWW- app Groep 3 Page. 81 of 137

82 Question 4. Can you subscribe to the feed x (you can decide yourself)? Scrollen werkt niet Question 5. Can you answer a question within the application? V (Je moet wel weten dat O = ondernemen) Question 6. Can you find an expert within the application? - (nog niet af) Question 7. Can you log out of the application? V Comments and remarks about the OWWW (Openbare Wie Weet Wat) application: - Wachtwoord vergeten?! Wat dan? - Wat is het doel - fysiek contact zie ik niet terug Thank you for filling in the test form! Final report OWWW- app Groep 3 Page. 82 of 137

83 Testing form for the Alpha Phase product of team 3 Name Rob Visser. Date: 4 December 2012 Member of: ITopia / OBA / Guest (select which appropriate) *Note: If you need help, ask one of our members at the stand or you can make use of our User Manual Question 1. Can an account be registered in the application? V Question 2. Can you perform a log in with the application with the new account? V Question 3. Can a question be asked in the category x (you can decide yourself)? Locatie omschrijving moet keuze weergeven Question 4. Can you subscribe to the feed x (you can decide yourself)? Als abonnement leeg is, wat dan? Question 5. Can you answer a question within the application? V Final report OWWW- app Groep 3 Page. 83 of 137

84 Question 6. Can you find an expert within the application? - (nog niet af) Question 7. Can you log out of the application? V Comments and remarks about the OWWW (Openbare Wie Weet Wat) application: Thank you for filling in the test form! Final report OWWW- app Groep 3 Page. 84 of 137

85 Testing form for the Alpha Phase product of team 3 Name Wouter Lemstra. Date: 27 December 2012 Member of: ITopia / OBA / Guest (select which appropriate) *Note: If you need help, ask one of our members at the stand or you can make use of our User Manual Question 1. Can an account be registered in the application? V Question 2. Can you perform a log in with the application with the new account? V Question 3. Can a question be asked in the category x (you can decide yourself)? V Question 4. Can you subscribe to the feed x (you can decide yourself)? V Question 5. Can you answer a question within the application? V Final report OWWW- app Groep 3 Page. 85 of 137

86 Question 6. Can you find an expert within the application? Nee, functie werkt nog niet 100% Question 7. Can you log out of the application? V Comments and remarks about the OWWW (Openbare Wie Weet Wat) application: - Expert functie verbeteren - Heldere uitleg wanneer eerste keer inloggen na registratie Thank you for filling in the test form! Final report OWWW- app Groep 3 Page. 86 of 137

87 Conclusie Tijdens het testen van de dynamische kwaliteit is toch gebleken dat een aantal functies nog aangepast hadden kunnen worden. Tijdens de Alpha fase hadden we ook nog wat kritiek en feedback meegekregen over ons product. Tijdens de Beta fase hebben we het volgende geïmplementeerd: Er is een help, FAQ, Contact en Info pagina gemaakt op de web app Er is meer hulp aanwezig op de app t.o.v. opmerkingen en berichten. Een voorbeeld hiervan is dat als je voor het eerst inlogt en je bent nog niet geabonneerd op feeds / onderwerpen, er een bericht komt en een help pagina met uitleg over de verschillende soorten buttons en waar ze voor dienen Als de feed (het abonnement) leeg is, wordt de gebruiker hierover genotificeerd zodat hij zich eerst abonneert alvorens hij zijn geldige abonnementen kan bekijken bij de feed. In plaats van het + icoon wat we hadden voor de vraag plaatsen, hebben we nu een icoon met de tekst plaats vraag er in De OBA had graag een laadscherm gezien tijdens het abonneren op feeds. Dit gezien de vertraging tijdens de registratie wat als onduidelijk werd ervaring. Voor de béta release is ook dit item inmiddels geïmplementeerd. Final report OWWW- app Groep 3 Page. 87 of 137

88 9. User Manual 9.1 Introduction The OWWW-app is a web-based application made by ITopia on behalf of the Amsterdam public library. This Application has been designed in close cooperation with the Amsterdam public library, further referred to as the OBA. The OBA is Amsterdam s biggest library and has therefore a large number of members. This application has been developed in order to stay more in touch with their members, as well as for the members to get more in touch with each other. Therefore the main goal is to stimulate more interaction between the members, which should be archieved by activily sharing of expertise. This application comes in, there where questions arise and reliable answers need to be found. The application has been designed as a forum, with public access for all of t he OBA members. 9.2 Setting up the Owww-app To start with the OWWW application, you must have a mobile cellphone with access to the Internet. If this is not available, you can always use the web browser version (which is accessible with a computer), however, this is not recommended, as the application is mainly designed for mobile phones and may exclude certain features of the application. If you have a mobile phone with Internet access, you can go to the site of our application. This is: You can then start by registering an account, but we do recommend that you read this manual first before trying to register an account. Most of our functions are described in this User Manual, however, some functions are still in development. We hope that you will extend your knowledge by using the OWWW application and that you will continue to use it in the future, along with this User Manual. Final report OWWW- app Groep 3 Page. 88 of 137

89 9.3 Registering an account In order to use the OWWW-app, you have to register an account first. To register for an account, you will need a valid address and a self-invented password address Your address needs to be fulfilling the standards. That means, that it has to be a valid e- mail address and it has to have in the address. For identification, we ask your e -mail address, because you won t forget it anytime soon and you will always be reachable for us. An example: @domein.nl Password The password needs to exist of: At least 8 characters. A maximum of 16 characters. The password is to be made up by yourself. Warning! It is wise to note this password somewhere, as you will be needing it for identification when using the app in the future. Userguide for registrating an account 1. Click on the button Registreer, which you can find under the red Log in button. 2. First, fill in your valid address in the box . NOTE: You will get a warning when this is not a valid address. Final report OWWW- app Groep 3 Page. 89 of 137

90 3. In the second box, called Voornaam, you should fill in your first name,which will later be displayed on your profile. 4. The third box is for the infix, and if not applicate you may leave this blank. 5. The Achternaam box is for your lastname, allso destined for your userprofile. 6. Now please fill in your self-made password, this should be done in the Wachtwoord box. 7. For security reasons you need to repeat this password in the next box, called Wachtwoord nogmaals. Note: This password has to be the same as the one above it! 8. Now you may click on the button Registreer to finish the registration. If you have followed the steps and clicked on the button Registreer, you will be automatically logged in to the OWWW application. You may now use the different functionalities of our application. Final report OWWW- app Groep 3 Page. 90 of 137

91 9.4 Logging in on the application If your account has been made and you have been registered, you can now log in with this account. The logging in needs to be done with an address and your self-made password that you made during the registration process. 1. Fill in your details in the therefore meant boxes ( needs to be filled in with an address and password needs to be filled in with your self-made password) On the left image you see we have a test account with the address test@test.nl. You can also see that the password will been obscured, is for security reasons!) 2. Click on the button Log in to log in on the application. You can now use the functionalities of the application. Final report OWWW- app Groep 3 Page. 91 of 137

92 9.5 Asking a question In the application, it is important that you can ask a question about a certain category and that you also can answer questions of other people. In this part, we ll discuss the asking a question part of our application 1. Click on the nieuwe vraag icon in order to ask a new question 2: A new screen will be displayed: In the picture on the left, we can see a few things. First you can select a category, and you can say if you are in the OBA or if you are somewhere else. Note:, by clicking in de OBA, you can choose a location (floor) of the OBA which implies you are present at this moment. Furthermore, you can add a title (for your question) and you may add a description to help answering the question more precise This should be entered in the text-input box. Final report OWWW- app Groep 3 Page. 92 of 137

93 Here we ve filled in an example form, to give you a more clear impression of how this would look like. 3. After all the information has been filled in, you should click on Plaats je vraag button to submit the question. It now will be automatically entered into the feed Politiek, this is the topic where other people who are enlisted in can later see your question. Final report OWWW- app Groep 3 Page. 93 of 137

94 9.6 Answering a question Now that we have (possibly) asked a question, we might also want to answer a question of another user. It is at this point important that you ve at least have subscribed to one or more feeds, to see questions available for your subscribed topics. If you haven t subscribed to a feed yet, please skip this chapter for now and read the next one (which is Subscribing to a feed ). 1. To answer a question, you will first need to select a question you want to reply to. This should be done from the feed page. Note: Remember that you can always return to the feed section by clicking the icon on the menu or on the OWWW logo on top. 2. On top of the page, you see the name of the user who initially posted the question. Followed by the regarding topic on the next row. Further down we also see the time/or date when the question has been posted, and if the user was at the OBA or somewhere else (referred as Online) 3. If the person is at the OBA, you may check his position by clicking the location button. 4. At the lower textbox, you are finally able to enter the answer for the selected question. To confirm and send the answer, please click on the red button that says Plaats je antwoord. 5. After this is done, you will be automatically see the answer, completing this step. Final report OWWW- app Groep 3 Page. 94 of 137

95 9.7 Subscribing and Unsubscribing to a feed In the Profile section displayed by the icon - you can view and change your profile settings, as well as your current subscribed topics. Note: this will be automatically displayed once you completed your registration. In the edit feed you can find a whole list of different feeds. We will show you a part of the list with a picture: We will now tell you how to subscribe and unsubscribe from a feed: Note: We will start at the edit feed section as explained above, and also displayed right after the registration 1. Single click on a feed, to subscribe to the topic you want to be subscribed to. Note: if already subscribed to a topic, you will see a checkmark to the topics subscribed to. 2. If you want to unsubscribe from a feed, you just do the same as subscribe; single click to unsubscribe. Final report OWWW- app Groep 3 Page. 95 of 137

96 9.8 Finding an expert Another function of our application is that you can search for an expert. But to start: What is an expert? An expert is a person within the OWWW application that has fulfilled a certain amount of requirements and can be considered an expert on a certain category. A person becomes an expert when he / she has answered 30 questions correctly, and has helped people 10 times in a physical way, by meeting them in the OBA and helping them out. We will now show you how you can find an expert within the application: 1. In the OWWW application, click on the - icon (the Search icon) and you will be shown into a new window: (You can see that you can search for an expert by clicking on Zoek een expert or by finding a person by name by clicking on Zoek persoon op naam. However, the searching for a person by name function is not included at this moment, since we are still developing it). 2. Click on Zoek een expert and you will be shown into a new window: Final report OWWW- app Groep 3 Page. 96 of 137

97 (Here, you can see the experts currently listed. This feature is currently still in development, but we wanted to show you in this version of the User Manual, that you can look up an expert.) Final report OWWW- app Groep 3 Page. 97 of 137

98 9.9 Logging out of the application It is always advised that when you are done with a program or your computer, that you log out or close the application. With our application, you can simply log out by doing the following steps: 1. Click on the (log out) button, to log out of the application. 2. To confirm you will now returned to the log in page of the application: (This is the log in page of the application, to confirm that you are logged out) Final report OWWW- app Groep 3 Page. 98 of 137

99 9.10 Frequently Asked Question(s) Q. How can I return to the homepage of the application? A. It is possible to return to the homepage of the application, where you can see all the questions that have been submitted to the topics which you have subscribed. All you have to do is to click on the logo. This can be found in the upper left corner of the page. You will then be redirected to the starting page. Q Is there any way to change my personal information or profile information? A. In this version of the application and user manual, no. However, we are currently working on it and we expect it to be fully available in the Beta release of our product! 9.11 Afterword We hope that this User Manual has simplified the use of the OWWW application for you and that you have a better view of some of the core functions of our application. We also wanted to let you know that this manual provides help with most of the functions of our product, however, there are still more functions to be added in the coming month(s)! If you have any questions, you can simply mail us on this address: owwwapp@hotmail.com. We will try to answer your questions as soon as possible. Any feedback or remarks are welcome and can also be send to the same address as mentioned above. We hope that the OWWW application extends your expertise and knowledge and that you will help spread that same knowledge to other people who are in need of help or assistance. With regards, Team 3 Final report OWWW- app Groep 3 Page. 99 of 137

100 10. Presentatie Sprints Er moesten twee presentaties gehouden worden in de eerste twee fases van het Get Connected project. Dit moest omdat zo de OBA en het bedrijf Itopia wisten waar wij ons mee bezig hielden en ons, wanneer dit nodig was, konden bijsturen in de goede richting. Zo waren wij niet aan het zwemmen in onze ideeën en konden wij onze app aan de eisen van de OBA laten voldoen. Zowel de OBA als het bedrijf Itopia gaf feedback op de tot dan toe bedachte ideeën en ontwerpen. Bij ons was deze feedback zeer positief. We hadden de gedachte van de OBA goed verwerkt en de ontwerpen zagen er leuk en vernieuwend uit. We konden door met ons idee en dit gaf ons een goed gevoel Presentatie Final report OWWW- app Groep 3 Page. 100 of 137

101 Zoals u kunt zien behandelden we in de eerste presentatie vooral ons idee. Wat is onze probleemstelling? Hoe gaan we deze aanpakken? Op welke doelgroep gaan wij onze app richten? Dit waren de vragen die wij ons vooral stelden. Daarnaast hadden we ook al wat functies bedacht die bij onze app goed tot uiting konden komen, en probeerde we een impressie van de app te geven. Final report OWWW- app Groep 3 Page. 101 of 137

102 10.2 Presentatie Final report OWWW- app Groep 3 Page. 102 of 137