Deze repository is het directe resultaat van de assessment "Meesterproef" van de minor Web Development, uitgevoerd door studenten van de Hogeschool van Amsterdam. De opdracht is uitgevoerd voor de Openbare Bibliotheek van Amsterdam (oba).
Tijdens zijn zoektocht naar kennis stuit hij regelmatig op blokkades. Dit zijn momenten waarop hij even door de bomen het bos niet meer ziet. Hij is omringt door informatie maar ziet eigenlijk door de boeken de bibliotheek niet meer.
Wat Bart tegenhoudt zijn vraagstukken waarbij meer uitleg nodig is dan die genoten wordt tijdens een zoveelste google poging. Bart heeft behoefte aan 1 op 1 contact met iemand die ervaring heeft met het desbetreffende vraagstuk. Zo kan hij sneller een onderzoek met een hogere wetenschappelijke waarde uitwerken.
- Dit is essentieel voor Bart zijn studie omdat hij graag goed wilt presteren.
Dankzij de nieuwe webapplicatie van de oba kan Bart dit bewerkstelligen. Door middel van het aanmaken van een bericht op het prikbord kan Jantje een oproep plaatsen met zijn vraagstuk. Hierdoor kunnen andere gebruikers zich bekend maken met zijn probleem en hem te hulp schieten. Zij kunnen reageren op het bericht en indien gewenst hem ontmoeten in de oba om hem ook fysiek bijstaan indien nodig en indien beide dat willen.
- Hierdoor kan Bart met behulp van andermans kennis met betrekking tot literatuur en dergelijke sneller bij de informatie terechtkomen die hem gaat helpen zijn onderzoek sterker te maken met de juiste informatie en inzichten van gelijkgestemden.
Naast dat Bart een oproep kan plaatsen voor zijn hulpvraag is het voor hem ook mogelijk om in contact te komen met gelijkgestemden om bijvoorbeeld een informeel bakje koffie te drinken en gezellig te praten of om contact te leggen met iemand die graag wilt sparren over een bepaald onderwerp waar Bart ook geïnteresseerd in is.
| Naam / Organisatie | Functie | Belang |
|---|---|---|
| Mark OBA | Mark is de contactpersoon bij de oba. Met hem wordt wekelijks onderzocht in hoeverre de applicatie tijdens het ontwikkelingsproces aan de eisen en behoeften van de oba voldoet. Mark geeft de eindbeoordeling namens de oba. | Mark legt verantwoording af aan het bestuur van de oba. Mark heeft er belang bij dat de ontwikkeling van de applicatie zoveel mogelijk in lijn ligt met de wensen, doelgroepen en huidige toepassingen van de oba |
| Openbare Bibliotheek van Amsterdam | Dit is de opdrachtgever. De Openbare Bibliotheek van Amsterdam | De oba heeft er belang bij dat de applicatie geschikt is om haar doelgroep te dienen. Tevens is het van belang dat de aangeboden producten en diensten van de oba bereikbaar moet zijn en de gebruikersinterface toegankelijk en transparant. |
| Vereniging van Openbare Bibliotheken | De VOB werkt aan de gemeenschappelijke belangen van de openbare bibliotheken en ondersteund daarmee de diensten aan zo’n 6 miljoen gebruikers. (1) | De VOB heeft er belang bij dat deze applicatie inzetbaar is bij meerdere bibliotheken en niet uitsluitend de oba. |
| Stichting Bibliotheekwerk | Stichting Bibliotheek werk is opgericht als een arbeidsmarkt- en ontwikkelingsfonds. Het heeft als doel bibliotheken en werknemers te ondersteunen bij het bevorderen van een goed functionerende arbeidsmarkt in de branche openbare bibliotheken. (2) | Stichting Bibliotheekwerk heeft er belang bij dat werknemers in de bibliotheken in staat zijn om hun werk goed uit te voeren. Hierbij ontstaat het belang dat ook medewerkers zo goed mogelijk met de applicatie moeten kunnen werken. |
| Doelgroep. Bezoekers van de oba. Hieronder worden verstaan: Nationale Studenten - Internationale Studenten - Docenten - Leer Gierigen - Overige bezoekers van de oba. | De functie van deze belanghebbenden valt enerzijds te omschrijven als ‘kennis zoekenden’ en anderzijds als ‘kennis schikkenden’. het betreft personen die producten van de oba gebruiken, hebben gebruikt of willen gebruiken en daarbij van contact met 3e partijen niet vervreemd zijn. | De bezoekers van de oba zijn de partij die het meest vertegenwoordigd is als eindgebruikers van de applicatie. Hun belang staat er bij dat de applicatie inzetbaar moet zijn voor verschillende culturele achtergronden vakdomeinen en expertises waarbij tevens rekening gehouden moet worden met de toegankelijkheid van de applicatie en de bereikbaarheid van de informatie die aangeboden wordt door medegebruikers en de oba. |
| Hogeschool van Amsterdam | De Hogeschool van Amsterdam is de aannemer van het studieproject en heeft deze doorgespeeld aan de minor Web Development die op haar beurt verantwoordelijk is voor de meesterproef. | De Hogeschool van Amsterdam heeft er belang bij dat de applicatie geschikt is voor toepassing in ‘de echte wereld’. De applicatie moet professioneel ontwikkeld zijn en voldoen aan de eisen van de minor Web Development en de wensen van de opdrachtgever (oba). |
| Gemeente Amsterdam | De gemeente Amsterdam is het bestuursorgaan welke verantwoordelijkheid heeft over de uitvoerende werkzaamheden van de oba. | De gemeente Amsterdam heeft er belang bij dat de applicatie een gunstige progressieve toepassing biedt voor het vrije verkeer van informatie en daarmee de doelstellingen van de oba ondersteunt. |
| Joep Gravemaker Stan Ooms | Uitvoerend producenten en ontwikkelaars van de meesterproef en deze applicatie. | Het belang van Stan en Joep is het uitvoeren van een professioneel opgezet ontwikkelingsproces waarbij aan het einde van de meesterproef een voldoende als eindbeoordeling genoten mag worden. |
| Janno Kapritsias | Coach gedurende de meesterproef. Janno is tevens het aanspreekpunt voor feedback. Met Janno is er wekelijks een feedback moment waarop gereflecteerd wordt op de doelstellingen en waarmee de progressie in kaart gebracht wordt. | Het belang van Janno is wekelijks resultaten te zien krijgen zodat hij mondeling zo goed mogelijk zijn feedback aan de uitvoerend producenten kan beargumenteren. Van belang is hierbij de kwaliteit van de documentatie van het ontwikkelingsproces (productbiografie) |
De hieropvolgende features zijn geïmplementeerd:
- Het aanmaken van verschillende berichten uit 3 categorieën: "hulp vragen", "hulp aanbieden", "samen iets doen".
- Het toevoegen van zoektermen (tags) aan het bericht.
- Het toevoegen van een afbeelding aan het bericht.
- Het toevoegen van een titel aan het bericht.
- Het toevoegen van een gebruikersnaam aan het bericht.
- Het toevoegen van reacties aan berichten
- Het opslaan van reeds gemaakte berichten in een database.
- Real-time updaten van de user-interface wanneer nieuwe berichten geplaats worden.
- Real-time updaten van de user-interface wanneer nieuwe reacties geplaatst worden.
- Responsiveness van de user-interface bij verschillende viewport afmetingen.
- De gebruiker krijgt visuele feedback wanneer hij/zij invalide informatie invult bij het aanmaken van een bericht.
De ontwikkelaars en opdrachtgevers zijn verschillende keren bijeen gekomen om de voortgang van het process te bespreken. Hierbij was met name de feedback van de opdrachtgever op het geleverde werk van belang.
Door de iteraties zijn er aanpassingen doorgevoerd op de volgende gebieden:
| Week | Onderwerp | Wijziging na Iteratie |
|---|
De conceptfase vond plaats vanaf het begin van de meesterproef tot week 3. Tijdens deze fase werd de nadruk gelegd op deskresearch en design. Wij hebben onszelf de volgende vragen gesteld:
- Hoe moet de applicatie werken?
- Welk design benadrukt de functionaliteit goed?
- Hoe kunnen wij het eindproduct zo gebruiksvriendelijk mogelijk maken?
Deze vragen hebben wij kunnen beantwoorden door nauw samen te werken met de opdrachtgever en intuïtief feedback te verwerken. Daarnaast is www.oba.nl ( homepage van de opdrachtgever ) gebruikt als bron voor verschillende designkeuzes. Styling van knoppen, invoervelden, lettertypes zijn gebaseerd op elementen die daar in weergegeven zijn. Dit is gedaan om consistentie te bewaken binnen de user-interface en de applicatie een "oba-look" en "oba-feel" te geven.
Hieruit zijn verschillende ontwerpen naar voren gekomen. Deze bevatten zowel design als technische specificaties:
Brainstormsessie
- Het doel hiervan was bepalen welke features volgens de opgegeven user stories het belangrijkst zijn om te implementeren. Verder zijn er ook "nice-to-haves" ontdekt.
Resultaat brainstormsessie:_
Wireframes
- Om een goed beeld te krijgen van de stappen die een gebruiker af gaat leggen zijn wireframes ontworpen met geschetste content:
Data Life Cyclus
- Door een schets te maken van de data-life-cyclus is er meer begrip ontstaan over hoe de back-end van de applicatie eruit moet zien. Met name: Wat wordt er opgeslagen? Waarom en welke functies zijn er nodig om deze data te gebruiken:
Voor het uitvoeren van deze meesterproef is er een hoofdvraag opgesteld:
- Hoe kan de bezoeker van de oba op een intuïtieve en toegankelijke wijze contact maken met andere bezoekers van de oba om hiermee in een eigen behoefte te voorzien?
Deze hoofdvraag is gedurende het gehele process in het achterhoofd gehouden. Tijdens de uitvoering zijn wij op meerdere subvragen gestuit waarmee een applicatie ontwikkeld kon worden die deze hoofdvraag beantwoord:
-
Hoe kan de applicatie het beste benut worden met zo min mogelijk persoonlijke informatie over de gebruiker?
-
Hoe maak je aan de gebruiker duidelijk hoe de applicatie gebruikt dient te worden?
-
Wat maakt deze applicatie toegankelijk? Hoe moet hiervoor de "flow" van het gebruiken van de features zijn ingericht?
Tijdens het process zijn er tussen de ontwikkelaars onderling, tussen de ontwikkelaars en de coach en tussen de ontwikkelaars en de opdrachtgever concrete afspraken gemaakt met betrekking tot werkwijze. Hieronder worden verstaan:
| Personen | Afspraak | Belang |
|---|---|---|
| Ontwikkelaars | 5 dagen per week samenkomen om te werken aan de meesterproef | Hiermee kan een consistente wekelijkse oplevering van resultaten plaatsvinden |
| Ontwikkelaars en opdrachtgever | Meerdere malen per week samenkomen voor een feedbackmoment. De frequentie hiervan is afhankelijk van de hoeveelheid tijd die beide partijen hiervoor beschikbaar hadden. Dit kwam doorgaans uit op minstens 2-3 keer per week. | Door met regelmaat samen te komen en feedback te genieten van de opdrachtgever kan er makkelijker geïtereerd worden op het process doordat de hoeveelheid feedback per samenkomst kleiner wordt naarmate men vaker samenkomt. |
| Ontwikkelaars en coach | Minimaal 1 maal per week samenkomen voor een feedback/voortgangsgesprek. | Hierdoor kan er goed bijgehouden worden hoe "het" er voor staat. Dit is van belang omdat er meer werk gewenst is dan dat mogelijk binnen de termijn van de meesterproef. Indien nodig kunnen op deze momenten belangrijke beslissingen en afwegingen gemaakt worden in overleg met de coach |
Alle bovengenoemde personen zijn gedurende het gehele process bereikbaar geweest via het communicatieplatform Slack.
| Week | Fase | Taak | Persoon |
|---|---|---|---|
| 1 | Concept | Applicatie Uitdenken en schetsen | Joep, Stan |
| 2 | Concept | Applicatie Uitdenken en schetsen | Joep, Stan |
| 3 | Concept | Applicatie Ontwerpen in Adobe XD | Joep |
| Basisstructuur opzetten | Stan | ||
| 4 | Productie | ||
| 5 | Productie |
Hallo! Mijn naam is Stan Ooms. Tijdens mijn HBO opleiding voeding en new product management ontstond mijn interesse in Web Development. Wat ooit begon als een hobby is nu uitgegroeit tot dagelijkse bezigheid tijdens de minor Web Development aan de HvA. Ik wil mijzelf hierin graag verder blijven ontwikkelen in beide vakgebieden. Mijn ambitie is om beide eindjes aan elkaar te knopen en daarmee nieuwe webapplicaties te bouwen die gemaakt zijn om de voedingsmiddelenbranche verder te digitaliseren.
Ik ben Joep Gravemaker, geboren en getogen in IJmuiden. Na mijn opleiding als grafisch vormgever te hebben afgerond, wilde ik meer. Ik was opzoek naar een nieuwe uitdaging, en deze heb ik gevonden in web-development. Ik vind het leukst om met zowel technisch als vormgeven bezig te zijn. Ik probeer me daarom ook zo goed mogelijk neer te zetten als frontend developer. Ik heb nog veel te leren, maar ik ben en blijf gretig.
- Over de VOB. Vereniging van Openbare Bibliotheken. 12-09-2018. www.debibliotheken.nl/de-vob/over-ons/over-de-vob/
- Bibliotheekwerk. Vereniging van Openbare Bibliotheken. 19-12-2018. http://www.debibliotheken.nl/de-vob/vertegenwoordigingen/bibliotheekwerk/