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

Maat: px
Weergave met pagina beginnen:

Download "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; https://www.facebook.com/obamsterdam 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; 3.5 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=" " class="strechted" 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=" " 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: 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 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: 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

PROJECT INITIATIE DOCUMENT

PROJECT INITIATIE DOCUMENT PROJECT INITIATIE DOCUMENT Project: GetConnected Opdrachtgever : Femke Pasquino de Harde Bestandnaam : PID_VHD_404_0.1 Project : Get Connected Versie : 0.2 Auteur : VHD 404 Datum : 12-3-2013 Documenteigenschappen

Nadere informatie

PROJECT INITIATIE DOCUMENT. Project GetConnected Verhuisdieren. Project: GetConnected VHD Versie: 2.0

PROJECT INITIATIE DOCUMENT. Project GetConnected Verhuisdieren. Project: GetConnected VHD Versie: 2.0 PROJECT INITIATIE DOCUMENT Project GetConnected Verhuisdieren Opdrachtgever: Femke Pasquino-de Harde Bestandsnaam: PID_409 Project: GetConnected VHD Versie: 2.0 Auteur: VHD409 Datum: 29-3-2013 Document

Nadere informatie

PROJECT INITIATIE DOCUMENT

PROJECT INITIATIE DOCUMENT PROJECT INITIATIE DOCUMENT Project: Outfit4You Opdrachtgever: Dirk-Jan de Graaff Bestandsnaam: ITOPIA_PID_TEAM6_1.0.docx Project: Outfit4You Versie: 1.0 Auteur: Team 6 Datum: 27-11-2012 ITOPIA PID Team

Nadere informatie

Project Initiation Document Afstudeerstage Wouter Janssen

Project Initiation Document Afstudeerstage Wouter Janssen Project Initiation Document Afstudeerstage Wouter Janssen 2/15 Project Initiation Document Afstudeerstage Wouter Janssen Opdrachtnemer: Websdesign Internet Communicatie, Wouter Janssen Opdrachtgever: Websdesign

Nadere informatie

PROJECT INITIATIE DOCUMENT. Project: GetConnected. Opdrachtgever: ITOPIA_PID_template_v2013.docx. Femke Pasquino - de Harde

PROJECT INITIATIE DOCUMENT. Project: GetConnected. Opdrachtgever: ITOPIA_PID_template_v2013.docx. Femke Pasquino - de Harde PROJECT INITIATIE DOCUMENT Project: GetConnected Opdrachtgever: Femke Pasquino - de Harde Bestandsnaam: ITOPIA_PID_template_v2013.docx Project: GetConnected Versie: 0.0.1 Auteur: Team VHD406 Datum: 15-03-2013

Nadere informatie

PROJECT INITIATIE DOCUMENT. Project: GetConnected. Opdrachtgever: Jason Dent, Street Side Software. PID_GetConnected_Team_SSS508.

PROJECT INITIATIE DOCUMENT. Project: GetConnected. Opdrachtgever: Jason Dent, Street Side Software. PID_GetConnected_Team_SSS508. PROJECT INITIATIE DOCUMENT Project: GetConnected Opdrachtgever: Jason Dent, Street Side Software Bestandsnaam: PID_GetConnected_Team_SSS508.docx Project: Getconnected Versie: 2.0 Auteur(s): Yannick Lange

Nadere informatie

PROJECT INITIATIE DOCUMENT. Project: Outfit. Project Initiation Document. Opdrachtgever: Bestandsnaam: Dick Heinhuis & Marco Duinkerken

PROJECT INITIATIE DOCUMENT. Project: Outfit. Project Initiation Document. Opdrachtgever: Bestandsnaam: Dick Heinhuis & Marco Duinkerken PROJECT INITIATIE DOCUMENT Project: Outfit Opdrachtgever: Dick Heinhuis & Marco Duinkerken Bestandsnaam: Project Initiation Document Project: Versie: 1.0.0 Auteur: Team 5 Datum: 26-11-12 Documentnaam:

Nadere informatie

Project Initiation Document Afstudeerstage Wouter Janssen

Project Initiation Document Afstudeerstage Wouter Janssen Project Initiation Document Afstudeerstage Wouter Janssen 2/11 Project Initiation Document Afstudeerstage Wouter Janssen Opdrachtnemer: Websdesign Internet Communicatie, Wouter Janssen Opdrachtgever: Websdesign

Nadere informatie

Team 406. Goedkeuring Uitvoering Controle Goedkeuring Ver. Naam Datum Naam Datum Naam Datum

Team 406. Goedkeuring Uitvoering Controle Goedkeuring Ver. Naam Datum Naam Datum Naam Datum Team VHD406 Versiebeheer Ver. Status Datum Auteur(s) Wijzigingen 1.1 final 28-02- 2013 Team 406 Goedkeuring Uitvoering Controle Goedkeuring Ver. Naam Datum Naam Datum Naam Datum Inhoudsopgave: Inleiding...

Nadere informatie

Connect Social Business. Plan van Aanpak voor mijn stage bij ConnectSB

Connect Social Business. Plan van Aanpak voor mijn stage bij ConnectSB Connect Social Business Plan van Aanpak voor mijn stage bij ConnectSB Joey Kaan September 28, 2014 Inhoudsopgave 1 Achtergronden 1 2 Probleemstelling & Doelstelling 2 2.1 Leren Professioneel Functioneren..................

Nadere informatie

Grafisch ontwerp. Referenties. https://developers.google.com/webmasters/mobile-sites/ http://www.bluetrainmobile.com/mobile-showcase

Grafisch ontwerp. Referenties. https://developers.google.com/webmasters/mobile-sites/ http://www.bluetrainmobile.com/mobile-showcase Mobiel Datanose Op dit moment is mobiel datanose niet goed gedaan; je krijgt gewoon de site te zien zoals je het te zien krijgt op pc's of laptops. Maar vaak heb je het probleem dat je op je mobiel moet

Nadere informatie

van A naar Beter app

van A naar Beter app Procesverslag RWS: Doorontwikkeling van A naar Beter app Uitgave: 6-12-2012, versie 1.0 Door JBLT ; Jonathan Marchal, Bas van Agten, Laurens Carbo, Thijs Blaas Inhoudsopgave 1. Inleiding... 03 2. Organisatie

Nadere informatie

PROJECT INITIATIE DOCUMENT. Project: Outfit. Project Initiation Document. Opdrachtgever: Bestandsnaam: Dick Heinhuis & Marco Duinkerken

PROJECT INITIATIE DOCUMENT. Project: Outfit. Project Initiation Document. Opdrachtgever: Bestandsnaam: Dick Heinhuis & Marco Duinkerken PROJECT INITIATIE DOCUMENT Project: Outfit Opdrachtgever: Dick Heinhuis & Marco Duinkerken Bestandsnaam: Project Initiation Document Project: Versie: 1.0.0 Auteur: Team 5 Datum: 26-11-12 Documentnaam:

Nadere informatie

Stappenplan. De ontwikkeling van een interface doorloopt bij Studio Wolf vier stappen. Deze stappen verduidelijken de weg naar het eindresultaat.

Stappenplan. De ontwikkeling van een interface doorloopt bij Studio Wolf vier stappen. Deze stappen verduidelijken de weg naar het eindresultaat. Stappenplan Een interface is in principe alles wat de communicatie tussen de gebruiker en de computer bepaalt of vorm geeft. Het is het deel van de website of webapplicatie dat de interactie met de gebruiker

Nadere informatie

F U N C T I O N E E L O N T W E R P V O O R F U L L H O U S E M O B I LE ( V I S I O N V E R S I E )

F U N C T I O N E E L O N T W E R P V O O R F U L L H O U S E M O B I LE ( V I S I O N V E R S I E ) F U N C T I O N E E L O N T W E R P V O O R F U L L H O U S E M O B I LE ( V I S I O N V E R S I E ) Datum: 29-09-2010 Auteur: Dairo Bosschart Versie: 1.0 Document: Functioneel_ontwerp (vision versie).docx

Nadere informatie

HEEMKUNDE RIPS. Project Initiatie Document. Datum voltooid: 9-11-2011. Versie: 1.0. Document ID: 1 Bestandsnaam: Project initiatie document

HEEMKUNDE RIPS. Project Initiatie Document. Datum voltooid: 9-11-2011. Versie: 1.0. Document ID: 1 Bestandsnaam: Project initiatie document HEEMKUNDE RIPS Project Initiatie Document Projectcode: P201101 Datum voltooid: 9-11-2011 Auteur: Paul Oostenrijk Versie: 1.0 Status: Concept Bestandsnaam: Project initiatie document Documenthistorie Revisies

Nadere informatie

HANDLEIDING Social media op website Stichting Vertellen, versie jan. 2013 blad 1 van 8 HANDLEIDING SOCIAL MEDIA KOPPELEN AAN PROFIEL BIJ STG VERTELLEN

HANDLEIDING Social media op website Stichting Vertellen, versie jan. 2013 blad 1 van 8 HANDLEIDING SOCIAL MEDIA KOPPELEN AAN PROFIEL BIJ STG VERTELLEN blad 1 van 8 HANDLEIDING SOCIAL MEDIA KOPPELEN AAN PROFIEL BIJ STG VERTELLEN Het inlogscherm van site van de Stichting Vertellen is gewijzigd. Er zijn 4 knoppen bijgekomen waarmee je kunt inloggen via

Nadere informatie

01/05. Websites Nederland over. Mobile marketing. Whitepaper #03/2013. Mabelie Samuels internet marketeer

01/05. Websites Nederland over. Mobile marketing. Whitepaper #03/2013. Mabelie Samuels internet marketeer 01/05 Websites Nederland over Mobile marketing Mabelie Samuels internet marketeer 02/05 Mobile marketing Kunt u zich uw eerste mobiele telefoon nog herinneren? Die van mij was een Motorola, versie onbekend,

Nadere informatie

Handleiding Office 365 IN EEN NOTENDOP ALLES OVER OFFICE 365 CARLO KONIJN CHI COMPUTERS HEERHUGOWAARD

Handleiding Office 365 IN EEN NOTENDOP ALLES OVER OFFICE 365 CARLO KONIJN CHI COMPUTERS HEERHUGOWAARD 2014 Handleiding Office 365 IN EEN NOTENDOP ALLES OVER OFFICE 365 CARLO KONIJN CHI COMPUTERS HEERHUGOWAARD Inhoud Inleiding... 2 Aanmelden bij office 365 via het portaal.... 2 Het portaal en gebruikers:...

Nadere informatie

Projectplan. Informatie arrangementen als app. s-hertogenbosch, 6 december 2011

Projectplan. Informatie arrangementen als app. s-hertogenbosch, 6 december 2011 Projectplan Informatie arrangementen als app s-hertogenbosch, 6 december 2011 i Versiebeheer Algemene gegevens Projectnaam Informatie arrangementen als app Uitgave Final Datum 6 december 2011 Auteurs Projectleider

Nadere informatie

De voordelen van Drupal

De voordelen van Drupal Drupal is een open source Content Management System (CMS). Daarnaast kun je Drupal zien als een framework, dit betekent dat je modules (oftewel mini-applicaties) kunt implementeren in je installatie van

Nadere informatie

Net2 Anywhere - Installatie

Net2 Anywhere - Installatie Anywhere - Installatie Wat is Anywhere? Anywhere is een reeks van applicaties die gebruik maken van het internet om extra functies toe te voegen aan uw toegangscontrolesysteem. De beveiligde webserver

Nadere informatie

Uitleg MindBodyOnline

Uitleg MindBodyOnline Uitleg MindBodyOnline Wat is MindBodyOnline? Inhoud Hoe werkt MindBodyOnline via de website? Hoe werkt MindBodyOnline via de mobiele app? Wat is MindBodyOnline? Wat is MindBodyOnline? Een online systeem

Nadere informatie

PROJECT PLAN. Datum: 14 februari Project: Medical Team: Tibor Dujmovic IAD1 Nick Marlow IAD1 Jasmijn Groot GAR1 Peter Uithoven IAD1

PROJECT PLAN. Datum: 14 februari Project: Medical Team: Tibor Dujmovic IAD1 Nick Marlow IAD1 Jasmijn Groot GAR1 Peter Uithoven IAD1 PROJECT PLAN Datum: 14 februari Project: Medical Team: Tibor Dujmovic IAD1 Nick Marlow IAD1 Jasmijn Groot GAR1 Peter Uithoven IAD1 1 INHOUD Project Plan... 1 Inhoud... 2 Project Plan... 4 Project Definitie...

Nadere informatie

Publishing & Printing Company B.V.

Publishing & Printing Company B.V. STAPPENPLAN WEBSITE Versie 1.3 Publishing & Printing Company B.V. Weth. Sangersstraat 38 (0)46-437 73 11 KVK 140.41959 6191 NA Beek web@pp-company.nl BTW NL 0085.52.861.B01 Algemene voorwaarden www.pp-company.nl

Nadere informatie

Connect Social Business. Plan van Aanpak voor mijn stage bij ConnectSB

Connect Social Business. Plan van Aanpak voor mijn stage bij ConnectSB Connect Social Business Plan van Aanpak voor mijn stage bij ConnectSB Joey Kaan September 21, 2014 Inhoudsopgave 1 Achtergronden 4 2 Probleemstelling & Doelstelling 5 2.1 Leren Professioneel Functioneren..................

Nadere informatie

Software Requirements Specification

Software Requirements Specification Software Requirements Specification PEN: Paper Exchange Network Software Engineering groep 1 (se1-1415) Academiejaar 2014-2015 Jens Nevens - Sander Lenaerts - Nassim Versbraegen Jo De Neve - Jasper Bevernage

Nadere informatie

Algemeen. Als u nog geen mijngrossier.nl account heeft kunt u deze aanvragen via www.mijngrossier.nl/aanmelden.

Algemeen. Als u nog geen mijngrossier.nl account heeft kunt u deze aanvragen via www.mijngrossier.nl/aanmelden. F.A.Q. Algemeen Hoe kan ik een TopMec abonnement aanvragen? Voor het aanvragen van een TopMec jaarabonnement is een mijngrossier.nl account nodig. Heeft u al een mijngrossier.nl account en wilt een TopMec

Nadere informatie

Inhoud. Wat is Power BI?... 3. Voorbeelden gemaakt met Power BI... 4. Beginnen met Power BI... 6. Werkruimte uitleg... 7

Inhoud. Wat is Power BI?... 3. Voorbeelden gemaakt met Power BI... 4. Beginnen met Power BI... 6. Werkruimte uitleg... 7 Inhoud Wat is Power BI?... 3 Voorbeelden gemaakt met Power BI... 4 Beginnen met Power BI... 6 Werkruimte uitleg... 7 Naar een dashboard in 3 stappen... 8 Stap 1: Gegevens ophalen... 8 Stap 2: Rapport maken...

Nadere informatie

Altijd en overal toegang tot e-mail en documenten. MijnOffice365 Beheerdershandleiding

Altijd en overal toegang tot e-mail en documenten. MijnOffice365 Beheerdershandleiding Altijd en overal toegang tot e-mail en documenten MijnOffice365 Beheerdershandleiding Inhoud Wat is MijnOffice365? 2 Inloggen op MijnOffice365 3 Een nieuw domein toevoegen aan uw Microsoft Office 365-account

Nadere informatie

Final Report ETN210. Versie: 1.2 Status: concept Datum: 6 juni 2013. Auteurs: Rick Weijland Denzel laclé Jasper Doornbos Maarten Koe Remco Mokveld

Final Report ETN210. Versie: 1.2 Status: concept Datum: 6 juni 2013. Auteurs: Rick Weijland Denzel laclé Jasper Doornbos Maarten Koe Remco Mokveld Final Report ETN210 Versie: 1.2 Status: concept Datum: 6 juni 2013 Auteurs: Rick Weijland Denzel laclé Jasper Doornbos Maarten Koe Remco Mokveld Versiebeheer Ver. Status Datum Auteur(s) Wijzigingen 0.1

Nadere informatie

1. Over LEVIY 5. Openen van de activiteit 2. Algemene definities 6. Inloggen op het LEVIY dashboard 3. Inloggen 6.1 Overzichtspagina 3.

1. Over LEVIY 5. Openen van de activiteit 2. Algemene definities 6. Inloggen op het LEVIY dashboard 3. Inloggen 6.1 Overzichtspagina 3. Versie 1.0 05.03.2015 02 1. Over LEVIY Wat doet LEVIY? 08 5. Openen van de activiteit Hoe wordt de activiteit geopend? 2. Algemene definities Behandelen van terugkerende definities. 09 6. Inloggen op het

Nadere informatie

USABILITY VOOR HET WEB EN MOBIELE APPARATEN PETER KASSENAAR

USABILITY VOOR HET WEB EN MOBIELE APPARATEN PETER KASSENAAR USABILITY VOOR HET WEB EN MOBIELE APPARATEN PETER KASSENAAR WELKOM AGENDA Introductie Korte algemene inleiding Usability Usability voor mobiele apparaten Vragen - afsluiting INTRODUCTIE Peter Kassenaar;

Nadere informatie

Connect Social Business. Plan van Aanpak voor mijn stage bij ConnectSB

Connect Social Business. Plan van Aanpak voor mijn stage bij ConnectSB Connect Social Business Plan van Aanpak voor mijn stage bij ConnectSB Joey Kaan September 29, 2014 Inhoudsopgave 1 Achtergronden 1 2 Probleemstelling & Doelstelling 2 2.1 Leren Professioneel Functioneren..................

Nadere informatie

4.4 Voeg ruimtes toe Hoe ga jij te werk? 1. Over LEVIY. 4.5 Aanwezigen Zijn er aanwezigen bij de DKS-controle? 2. Algemene definities. 3.

4.4 Voeg ruimtes toe Hoe ga jij te werk? 1. Over LEVIY. 4.5 Aanwezigen Zijn er aanwezigen bij de DKS-controle? 2. Algemene definities. 3. 1. Over LEVIY Wat doet LEVIY? 02 08 4.4 Voeg ruimtes toe Hoe ga jij te werk? 2. Algemene definities Behandelen van terugkerende definities. 09 4.5 Aanwezigen Zijn er aanwezigen bij de DKS-controle? 03

Nadere informatie

Wanneer je de Apps installeert via de Ipad, vergeet ze dan zeker niet te synchroniseren via itunes met je pc of omgekeerd.

Wanneer je de Apps installeert via de Ipad, vergeet ze dan zeker niet te synchroniseren via itunes met je pc of omgekeerd. Interessante Apps voor de ipad! Wat zijn Apps? Apps = Applications (toepassingen) Applicaties voor mobiele telefoons (iphone) en tablets (ipad) met internetverbinding. Deze Apps zijn verkrijgbaar via de

Nadere informatie

HANDLEIDING EXTERNE TOEGANG CURAMARE

HANDLEIDING EXTERNE TOEGANG CURAMARE HANDLEIDING EXTERNE TOEGANG CURAMARE Via onze SonicWALL Secure Remote Access Appliance is het mogelijk om vanaf thuis in te loggen op de RDS omgeving van CuraMare. Deze handleiding beschrijft de inlogmethode

Nadere informatie

MijnOffice365 Beheerdershandleiding.

MijnOffice365 Beheerdershandleiding. MijnOffice365 Beheerdershandleiding. Altijd en overal toegang tot e-mail en documenten. 1504046-2662 Inhoud. Wat is MijnOffice365? 2 Inloggen op MijnOffice365 3 Een nieuw domein toevoegen aan uw Microsoft

Nadere informatie

Handleiding HBO GO V.2

Handleiding HBO GO V.2 Handleiding HBO GO V.2 Inhoudsopgave: Inhoudsopgave 2 Ophalen HBO GO Ipad applicatie in de App Store. 3 Ophalen HBO GO Android Tablet applicatie in de Google Play Store.. 4 HBO GO Registreren en Inloggen..

Nadere informatie

15 July 2014. Betaalopdrachten web applicatie beheerders handleiding

15 July 2014. Betaalopdrachten web applicatie beheerders handleiding Betaalopdrachten web applicatie beheerders handleiding 1 Overzicht Steeds vaker komen we de term web applicatie tegen bij software ontwikkeling. Een web applicatie is een programma dat online op een webserver

Nadere informatie

DWF Handleiding voor Teams

DWF Handleiding voor Teams Downloaden De app kan gedownload worden in de Appstore en de Playstore door te zoeken op sportlinked of via www.sportlinked.nl. Registreren Nadat de applicatie is gedownload en geïnstalleerd kan de gebruiker

Nadere informatie

Handleiding MijnGemeente-app

Handleiding MijnGemeente-app Handleiding MijnGemeente-app Omschrijving Handleiding MijnGemeente-app Auteur SIMgroep Datum 01-05-2013 Versienummer 0.2 Inhoudsopgave INHOUDSOPGAVE... 2 1. INLEIDING... 3 1.1. MIJNGEMEENTE APP... 3 1.2.

Nadere informatie

Requirements. Marktplaats voor studenten en docenten. Vincent de Groot Nick Jansen Peter Muntel Robert Nijenhuis

Requirements. Marktplaats voor studenten en docenten. Vincent de Groot Nick Jansen Peter Muntel Robert Nijenhuis Requirements Marktplaats voor studenten en docenten 2008 Vincent de Groot Nick Jansen Peter Muntel Robert Nijenhuis 2 Inhoudsopgave Situatieschets... 3 Randvoorwaarden... 3 Performance... 3 Gebruikers...

Nadere informatie

Onderzoeksvaardigheden 2

Onderzoeksvaardigheden 2 Performance van Phonegap Naam: Datum: april 2012 Studentnummer: 0235938 Opleiding: CMD Docenten: Pauline Krebbers Modulecode: MEDMO101DT Modulenaam: Onderzoeksvaardigheden 2 / Media & Onderzoek Inhoudsopgave

Nadere informatie

SMART- Leerdoel Mathijs de Bok Emotion - RMM42

SMART- Leerdoel Mathijs de Bok Emotion - RMM42 SMART- Leerdoel Mathijs de Bok Emotion - RMM42 Inhoudsopgave 1.0 Inhoudsopgave 1 1.0 Inleiding 2 1.1 Algemeen 2 1.2 Mijn leerdoelen 2 2.0 Beschrijving leerdoel 2 3 2.1 Responsive 3 2.2 Up- to- date HTML&CSS

Nadere informatie

Handleiding Office 365

Handleiding Office 365 Handleiding Office 365 Document: Handleiding Office 365 Datum: 2-6-2016 Versie: 0.2 Auteur: Stefan de Vries en Ingrid de Bont Inhoudsopgave 1 Inleiding... 3 2 Aanmelden bij Office 365... 4 3 Navigeren

Nadere informatie

Zicht - Content Management Systeem een algemene beschrijving

Zicht - Content Management Systeem een algemene beschrijving Zicht - Content Management Systeem een algemene beschrijving Versie april/2008 Zicht nieuwe media ontwerpers 2008 1 Inleiding Een Content Management Systeem (CMS) is een webapplicatie waarmee je zonder

Nadere informatie

Handleiding Multicraft Online Online urenregistratie

Handleiding Multicraft Online Online urenregistratie Online urenregistratie Versie 1.4 Release 26-07-2013 I Inhoudsopgave Deel I voor werknemers 1 Deel II App 7 voor werknemers 1 1 voor werknemers Met Multicraft Online is het mogelijk om 24 uur per dag online

Nadere informatie

Werken met Mailchimp op Facebook. Hoe werkt Mailchimp en wat kunt u ermee?

Werken met Mailchimp op Facebook. Hoe werkt Mailchimp en wat kunt u ermee? Werken met Mailchimp op Facebook Hoe werkt Mailchimp en wat kunt u ermee? Inleiding In dit whitepaper leest u wat u kunt met Mailchimp als e-mailmarketing platform. Er zijn een groot aantal e-mail marketing

Nadere informatie

Research Report. Auteurs : Fons Mijnen, Gijs de Wit, Jordy Grim, Joshua William, Jurre van Bergen & Stefan Pijpers Team : VHD 404

Research Report. Auteurs : Fons Mijnen, Gijs de Wit, Jordy Grim, Joshua William, Jurre van Bergen & Stefan Pijpers Team : VHD 404 Research Report Auteurs : Fons Mijnen, Gijs de Wit, Jordy Grim, Joshua William, Jurre van Bergen & Stefan Pijpers Team : VHD 404 1 Inhoudsopgave Inhoud Inhoudsopgave... 2 Inleiding... 3 People... 4 Activities...

Nadere informatie

Handleiding Hootsuite

Handleiding Hootsuite Oktober 2013 Inhoudsopgave Inleiding... 3 1. Account aanmaken... 4 2. Wat is wat?... 6 3. Inrichten... 8 3.1 Tabs aanmaken... 8 3.2 Kolommen aanmaken... 8 4. Inrichten voor monitoring... 10 4.1 Zoekwoorden...

Nadere informatie

30 Facebook Tips Voor Meer Bezoekers, Klanten & Omzet!

30 Facebook Tips Voor Meer Bezoekers, Klanten & Omzet! 30 Facebook Tips Voor Meer Bezoekers, Klanten & Omzet! Auteur: Copyright 2011, Alle rechten voorbehouden www.tomdehaan.nl 1 Voordat je de tips gaat lezen Dit ebook is een verzameling van tips voor je Facebook

Nadere informatie

Introductie Werken met Office 365

Introductie Werken met Office 365 Introductie Werken met Office 365 Een introductie voor gebruikers Inhoud Inleiding... 4 Aanmelden bij Office 365... 4 Werken met Office 365 Outlook... 5 Werken met Outlook 2007/2010... 5 Werken met de

Nadere informatie

CMS Template Handleiding

CMS Template Handleiding CMS Template Handleiding Inhoudsopgave Inloggen in het CMS... 3 Pagina s toevoegen... 4 Pagina s bewerken... 6 Een link toevoegen... 7 Een afbeelding toevoegen... 9 Foto s plaatsen op de fotopagina...

Nadere informatie

Bart ter Steege bart.ter.steege@jungleminds.nl 06 8128 7569. The Mobile Mindmap

Bart ter Steege bart.ter.steege@jungleminds.nl 06 8128 7569. The Mobile Mindmap Titel Nationale project, Vakdag 10 maart Dialogue 2010 &/ Klantnaam Digital Marketing 2010 Titel The Mobile projectmindmap Bart ter Steege bart.ter.steege@jungleminds.nl 06 8128 7569 Best of Mobile Best

Nadere informatie

Websites aanpassen. Voor iedereen.

Websites aanpassen. Voor iedereen. Websites aanpassen. Voor iedereen. Teksten aanpassen en afbeeldingen toevoegen. Links naar andere pagina s of documenten. Pagina s toevoegen, kopiëren en verplaatsen. Ondersteuning voor meerdere talen.

Nadere informatie

USABILITY VOOR HET WEB EN MOBIELE APPARATEN PETER KASSENAAR

USABILITY VOOR HET WEB EN MOBIELE APPARATEN PETER KASSENAAR USABILITY VOOR HET WEB EN MOBIELE APPARATEN PETER KASSENAAR WELKOM AGENDA Introductie Korte algemene inleiding Usability Usability voor mobiele apparaten Vragen - afsluiting INTRODUCTIE Peter Kassenaar;

Nadere informatie

Handleiding RealHosting Controle Paneel

Handleiding RealHosting Controle Paneel Handleiding RealHosting Controle Paneel Inloggen. Om in te loggen in het Controle Paneel kunt u de gebruikersnaam en wachtwoord gebruiken welke u van ons heeft ontvangen. Nieuw is dat u ook met uw social

Nadere informatie

Mixed Emotions Digitaal Functioneel ontwerp Datum: 3 april 2014 - Onze referentie: MEO.001-01 - Versie: v1.0

Mixed Emotions Digitaal Functioneel ontwerp Datum: 3 april 2014 - Onze referentie: MEO.001-01 - Versie: v1.0 Mixed Emotions Digitaal Functioneel ontwerp Datum: 3 april 2014 - Onze referentie: MEO.001-01 - Versie: v1.0 Inhoudsopgave Inhoudsopgave Inleiding 2 3 1. Achtergrond 4 2. Structuur 5 3. Inhoud Mixed Emotions

Nadere informatie

Online Marketing. Door: Annika Woud ONLINE MARKETING

Online Marketing. Door: Annika Woud ONLINE MARKETING Online Marketing Door: Annika Woud 1 Inhoudsopgaven 1 Wat is online marketing? 2 Hoe pas je online marketing toe op een website? Hoe pas je het toe? SEO Domeinnaam HTML Google Analytics Advertenties op

Nadere informatie

Algemeen Hoe kan ik een TopMec abonnement aanvragen? Waar kan ik de handleiding van de TopMec App downloaden? Waar kan ik de TopMec App downloaden?

Algemeen Hoe kan ik een TopMec abonnement aanvragen? Waar kan ik de handleiding van de TopMec App downloaden? Waar kan ik de TopMec App downloaden? F.A.Q. Algemeen Hoe kan ik een TopMec abonnement aanvragen? Als u nog geen mijngrossier.nl gebruikersnaam en wachtwoord heeft, kunt u een account aanvragen via http://www.mijngrossier.nl/aanmelden. Heeft

Nadere informatie

aanmaken van een webaccount om e-books te kunnen lenen P. 3-7 het lenen van e-books de basis P. 13-14

aanmaken van een webaccount om e-books te kunnen lenen P. 3-7 het lenen van e-books de basis P. 13-14 aanmaken van een webaccount om e-books te kunnen lenen P. 3-7 wachtwoord vergeten P. 8-9 uw account beheren P. 10-12 het lenen van e-books de basis P. 13-14 het lenen van e-books online lezen (is streamed

Nadere informatie

Case 2 start-ups. 21 maart 2015 Gemaakt door: - Bertje van Loo - Dennis Langeveld - Lorianne Hooijmans Groep 13. Case 2 Start-ups groep 13 1-8

Case 2 start-ups. 21 maart 2015 Gemaakt door: - Bertje van Loo - Dennis Langeveld - Lorianne Hooijmans Groep 13. Case 2 Start-ups groep 13 1-8 Case 2 start-ups 21 maart 2015 Gemaakt door: - Bertje van Loo - Dennis Langeveld - Lorianne Hooijmans Groep 13 Case 2 Start-ups groep 13 1-8 Inhoud Interne analyse... 3 Peerby... 3 Over Peerby... 3 Lean

Nadere informatie

Project Initiation Document Afstudeerstage Wouter Janssen

Project Initiation Document Afstudeerstage Wouter Janssen Project Initiation Document Afstudeerstage Wouter Janssen 2/12 Project Initiation Document Afstudeerstage Wouter Janssen Opdrachtnemer: Websdesign Internet Communicatie, Wouter Janssen Opdrachtgever: Websdesign

Nadere informatie

Agile werken: zó doen we dat

Agile werken: zó doen we dat Agile werken: zó doen we dat Bij Freshheads werken we graag volgens de Agile aanpak. De voordelen? Verhoogde efficiëntie en flexibiliteit, snellere resultaten en grotere betrokkenheid. Maar hoe gaat het

Nadere informatie

CONCEPTDOCUMENT NiCk VissEr FabiaN VaN ZwaM ChrisTiaN MakElaar NaTalia soloveva

CONCEPTDOCUMENT NiCk VissEr FabiaN VaN ZwaM ChrisTiaN MakElaar NaTalia soloveva CONCEPTDOCUMENT Nick Visser Fabian van Zwam Christian Makelaar Natalia Soloveva 2 Inhoudsopgave INLEIDING 3 kernidee 3 omschrijving 4 plan van aanpak 5 research 7 concept test 14 doelgroep 18 technische

Nadere informatie

15 July 2014. Betaalopdrachten web applicatie gebruikers handleiding

15 July 2014. Betaalopdrachten web applicatie gebruikers handleiding Betaalopdrachten web applicatie gebruikers handleiding 1 Overzicht Steeds vaker komen we de term web applicatie tegen bij software ontwikkeling. Een web applicatie is een programma dat online op een webserver

Nadere informatie

Om in te loggen in het CMS (Content Management Systeem) gaat u naar http://domeinnaam.nl/admin Hier ziet u het inlogscherm:

Om in te loggen in het CMS (Content Management Systeem) gaat u naar http://domeinnaam.nl/admin Hier ziet u het inlogscherm: CMS Handleiding Inhoudsopgave Inloggen in het CMS... 3 Pagina s toevoegen... 4 Pagina s bewerken... 7 Een link toevoegen... 8 Een afbeelding toevoegen... 10 Foto s plaatsen op de fotopagina... 12 Media...

Nadere informatie

Bottleball Onderzoeksverslag MovingMonsters. Uitgevoerd door Arno Classens a.classens@student.fontys.nl

Bottleball Onderzoeksverslag MovingMonsters. Uitgevoerd door Arno Classens a.classens@student.fontys.nl Bottleball Onderzoeksverslag MovingMonsters Uitgevoerd door Arno Classens a.classens@student.fontys.nl 1 1. Inhoudsopgave Wat? Bladzijde 1. Introductie 3 2. Methodologie 4 3. Resultaten 3.1 Oriëntatie

Nadere informatie

MOBILE De mogelijkheden van mobile apps

MOBILE De mogelijkheden van mobile apps MOBILE De mogelijkheden van mobile apps Gemak dient de mens INHOUD Apps zorgen voor gebruikersgemak 2 The future is mobile 3 De groei van apps 4 Verwachting = nieuwe standaard 4 Van website naar mobiel

Nadere informatie

Design for Mobile. Projectplan CMD jaar 2. Remco Dekker Daan van Klinken Sybren Wartna CMD3A UXD

Design for Mobile. Projectplan CMD jaar 2. Remco Dekker Daan van Klinken Sybren Wartna CMD3A UXD I C I Projectplan CMD jaar 2 Remco Dekker Daan van Klinken Sybren Wartna CMD3A UXD INHOUDSOPGAVE IPHONE PLATFORM 3 DE IPHONE 4 APPS 5 AAN DE SLAG MET APPS 6 BRIEFING 7 KONGINNEDAG 8 LOWLANDS 9 BUSINESS

Nadere informatie

Nadat je projectvoorstel goedgekeurd is, kun je je projectvoorstel uitwerken in een projectplan.

Nadat je projectvoorstel goedgekeurd is, kun je je projectvoorstel uitwerken in een projectplan. Projectplan Nadat je projectvoorstel goedgekeurd is, kun je je projectvoorstel uitwerken in een projectplan. Het is van belang dat de portefeuillehouder en de projectleider gedurende het gehele project

Nadere informatie

Online urenportal. Gebruikershandleiding voor medewerker

Online urenportal. Gebruikershandleiding voor medewerker Online urenportal Gebruikershandleiding voor medewerker Versie: 1.0/2015 Inhoudsopgave 1 Inleiding... 3 1.1 Uitgangspunt van deze handleiding... 3 Minimale eisen bij gebruik van de webportal... 3 Ondersteuning/support...

Nadere informatie

2. Wat kost HBO GO? HBO GO is onderdeel van het HBO Pakket. Daarom betaalt u er niets extra voor.

2. Wat kost HBO GO? HBO GO is onderdeel van het HBO Pakket. Daarom betaalt u er niets extra voor. Q&A HBO GO Versie: 0 Versie: 1 Datum: 27 april 2012 ------------------------------------------------------------------------------------------------------------ Algemeen Instellingen Problemen oplossen

Nadere informatie

Handleiding van de Bibliotheek. E-books lezen via de app op je tablet of smartphone

Handleiding van de Bibliotheek. E-books lezen via de app op je tablet of smartphone Handleiding van de Bibliotheek E-books lezen via de app op je tablet of smartphone Bibliotheek.nl, versie januari 2016 Inhoudsopgave 1. Stap voor stap e-books lezen via de app 3 2. Een e-book lenen om

Nadere informatie

Project plan. Erwin Hannaart Sander Tegelaar 61849 62407

Project plan. Erwin Hannaart Sander Tegelaar 61849 62407 Project plan Erwin Hannaart Sander Tegelaar 61849 62407 I4C2 I4C1 1 Inhoudsopgave Doel en doelgroep van het project... 3 Beschrijving van het project... 4 Benodigde materialen... 5 Te verwachten resultaten,

Nadere informatie

iphone app - Roll Call

iphone app - Roll Call iphone app - Roll Call Roll Call - iphone App Deze Paxton applicatie is gratis verkrijgbaar in de App Store. Deze applicatie is ontwikkeld om gebruikt te worden op elk ios apparaat versie 5.1 of hoger

Nadere informatie

Handleiding Dance.nl CMS Systeem

Handleiding Dance.nl CMS Systeem Handleiding Dance.nl CMS Systeem 1 Voorwoord 3 Introductie 3 Aantal vooraf gestelde regels.3 Goed om te weten..3 Promotionele mogelijkheden.3 Vragen en/of opmerkingen..3 Registreren voor gebruik van het

Nadere informatie

Check je sociale media

Check je sociale media Check je sociale media Succesvol zakelijk communiceren via sociale netwerken Heidi Aalbrecht Eric Tiggeler Pyter Wagenaar Sdu Uitgevers, Den Haag 5 Inhoud 1 Inleiding Wat zijn sociale media en wat kun

Nadere informatie

(VIDEO) Review ZEEF Wat is ZEEF en wat kan je hiermee?

(VIDEO) Review ZEEF Wat is ZEEF en wat kan je hiermee? Inhoud Inleiding Voor Wie is ZEEF? Wat kan ik op ZEEF vinden? Hoe werkt ZEEF voor een bezoeker? Hoe werkt ZEEF voor een expert? Voordelen ZEEF Nadelen ZEEF Conclusie ZEEF Eigen ervaringen met ZEEF Bronnen

Nadere informatie

Laat uw bedrijf groeien

Laat uw bedrijf groeien Laat uw bedrijf groeien 02 Over ons Yoapp ontwikkelt apps van hoge kwaliteit die uw organisatie naar een hoger niveau brengen. Hierdoor bieden wij u de complete mobiele oplossing voor uw bedrijf. De app

Nadere informatie

Handleiding van de Bibliotheek: e-books lezen via de app op je tablet of smartphone

Handleiding van de Bibliotheek: e-books lezen via de app op je tablet of smartphone Handleiding van de Bibliotheek: e-books lezen via de app op je tablet of smartphone Bibliotheek.nl september 2015 Inhoudsopgave 1. Stap voor stap e-books lezen via de app... 3 2. Een e-book lenen om te

Nadere informatie

Release notes Argo 7. Interactieve LMS interface. Nieuwe interface voor lesmodules

Release notes Argo 7. Interactieve LMS interface. Nieuwe interface voor lesmodules Release notes Argo 7 Argo 7 heeft een interactief web design. Het is optimaal afgestemd op de grote diversiteit aan computerbeeldschermen, van grootbeeld desktops en notebooks tot tablets en smart phones.

Nadere informatie

Webdesign voor ondernemers

Webdesign voor ondernemers e-boek Webdesign voor ondernemers Veelgestelde vragen over het laten maken van een website Bart van den Bosch Inhoud 1. Zelf doen of uitbesteden? 4 2. Webdesigners 7 3. Wat is Wordpress 10 4. Maken van

Nadere informatie

Naam: Draaiboek decentrale implementatie PAUW en Tridion

Naam: Draaiboek decentrale implementatie PAUW en Tridion Programma Aanpak Universitaire Website (PAUW) Draaiboek decentrale implementatie PAUW en Tridion Inleiding In het kader van het Programma Aanpak Universitaire Website (PAUW) is afgesproken dat alle decentrale

Nadere informatie

Concept document Kitesurf Spot Elyse Teerink November 15, 2012. Conceptdocument Informatie Architectuur

Concept document Kitesurf Spot Elyse Teerink November 15, 2012. Conceptdocument Informatie Architectuur Conceptdocument Informatie Architectuur Elyse Teerink 500604947 Herkanser Y. Westplat HVA 15/11/2012 1 Inhoudsopgave Inleiding De doelgroep De opdracht In gesprek met kitesurfers Account en inloggen Automatisch

Nadere informatie

E-PROCUREMENT GEBRUIKERSBEHEER

E-PROCUREMENT GEBRUIKERSBEHEER E-PROCUREMENT GEBRUIKERSBEHEER HANDLEIDING VOOR AANKOPERS Rechten GEBRUIKSVOORWAARDEN De FOD Personeel en Organisatie behoudt alle rechten (waaronder auteursrechten, merkrechten en octrooien) met betrekking

Nadere informatie

PROJECT INITIATION DOCUMENT

PROJECT INITIATION DOCUMENT PROJECT INITIATION DOCUMENT Versie: Datum: x.x dd-mm-jj DOCUMENTATIE Versie Naam opdrachtgever Naam opsteller Datum: dd-mm-jj Voor akkoord: Datum:. INHOUDSOPGAVE 1. Managementsamenvatting

Nadere informatie

Handleiding TWYSK Risicotool. Online webapplicatie voor het vastleggen en beheren van risico-informatie

Handleiding TWYSK Risicotool. Online webapplicatie voor het vastleggen en beheren van risico-informatie Handleiding TWYSK Risicotool Online webapplicatie voor het vastleggen en beheren van risico-informatie Handleiding Twysk risicotool De Twysk risicotool is in opdracht van Twynstra Gudde ontwikkeld als

Nadere informatie

Eindrapportage Tuinvlindertelling 2013: Social networking

Eindrapportage Tuinvlindertelling 2013: Social networking Eindrapportage Tuinvlindertelling 2013: Social networking Eindrapportage Tuinvlindertelling 2013 Rapportnummer 2013-022 Datum 20-11-2013 Samensteller Ineke Radstaat-Koopmans Offerte ingediend bij Prins

Nadere informatie

Handleiding Multicraft Online Online urenregistratie

Handleiding Multicraft Online Online urenregistratie Online urenregistratie Versie 1.2 Release 06-03-2012 I Inhoudsopgave Deel I voor werknemers 1 Deel II voor opdrachtgevers 7 voor werknemers 1 1 voor werknemers Met Multicraft Online is het mogelijk om

Nadere informatie

E-PROCUREMENT GEBRUIKERSBEHEER

E-PROCUREMENT GEBRUIKERSBEHEER E-PROCUREMENT GEBRUIKERSBEHEER HANDLEIDING VOOR AANKOPERS GEBRUIKSVOORWAARDEN Rechten De FOD Personeel en Organisatie behoudt alle rechten (waaronder auteursrechten, merkrechten en octrooien) met betrekking

Nadere informatie

Docnet handleiding 1

Docnet handleiding 1 Docnet handleiding 1 Inleiding... page 3 Homepagina.. page 4 Profiel...........page 5 Docbox..........page 6 Ontdek........page 7 Vraag en antwoord..... page 8 Contactgegevens........page 10 2 Ontdek Docnet

Nadere informatie

WordPress in het Kort

WordPress in het Kort WordPress in het Kort Een website maken met Wordpress. In minder dan één uur online! Inclusief installatie van een thema en plugins Alle rechten 2013, Rudy Brinkman, BrinkhostDotCom, http://www.brinkhost.nl

Nadere informatie

Master Of Code voor haar opdrachtgevers

Master Of Code voor haar opdrachtgevers Master Of Code voor haar opdrachtgevers nov12 Een trend: mobiel in zakelijk verkeer Een trend: mobiel in zakelijk verkeer(2) 1,6 miljoen x online boekjes bekeken waarvan 600.000 keer via mobiele apparaten

Nadere informatie

TuinHulp.com, Nieuwe Webservice voor Hoveniersbedrijven 2014

TuinHulp.com, Nieuwe Webservice voor Hoveniersbedrijven 2014 Even voorstellen: Mijn naam is Marcel van Leeuwen, ben van oorsprong hovenier, en tuincentrum deskundige. Sinds eind jaren negentig ontwerp en publiceer ik ook websites. Nadat ik ben overgestapt naar Wordpress

Nadere informatie

MWeb 4.0. Handleiding Basis Modules Versie 1.0

MWeb 4.0. Handleiding Basis Modules Versie 1.0 MWeb 4.0 Handleiding Basis Modules Versie 1.0 Index 1. Algemeen 3 1.1. Gebruikersnamen en Wachtwoorden 3 1.2. Inloggen 3 1.3. Uitloggen 3 1.4. Belangrijk 3 2. User Manager 4 2.1. Gebruikers lijst User

Nadere informatie

De app kan gedownload worden in de Appstore en de Playstore door te zoeken op sportlinked of via www.sportlinked.nl.

De app kan gedownload worden in de Appstore en de Playstore door te zoeken op sportlinked of via www.sportlinked.nl. Downloaden De app kan gedownload worden in de Appstore en de Playstore door te zoeken op sportlinked of via www.sportlinked.nl. Registreren Nadat de applicatie is gedownload en geïnstalleerd kan de gebruiker

Nadere informatie