Prototype

Voor sprint 2 wou ik 3 prototypes af hebben:

  • Paper prototype
  • de ‘User Credentials System’ van de website
  • de ‘Ticket Systeem’ van de website

De Paper Prototype bevat alle User Stories hieronder staan foto’s van de Paper Prototype:

Screen Shot 2015-12-13 at 8.37.48 PM

Deze pagina is alleen bedoeld voor de user:

Screen Shot 2015-12-13 at 8.55.07 PMHieronder is de add en edit functie weergegeven bedoeld voor admin en user:
Screen Shot 2015-12-13 at 8.47.05 PM

Hieronder zijn de pagina’s die alleen bedoeld zijn voor de admin

Screen Shot 2015-12-13 at 8.55.31 PMScreen Shot 2015-12-13 at 8.39.14 PM

De User Credential System website prototype bevat alleen de log in en sign out functies, de admin functies en de bijbehorende database. Deze admin functies bevatten:

  • Search User
  • Make user
  • Edit user
  • Delete user

Hier staat de link naar de website prototype

De Ticket Systeem website prototype bevat een database, een board functie voor de admin en een in progress functie voor de users. Verder kunnen alle users tickets toevoegen en editten. Helaas heb ik deze prototype niet kunnen afmaken wel is de database al gemaakt maar niet alle functies van de website.

Database Uitgedacht en Ontwerp

Ik ben niet naar de Speed Course voor database ontwerpen geweest. Vandaar heb ik opgezocht wat ik hiervoor nodig had. Op het internet stond dat ik het volgende moest defineren:

Doel:

Het doel van deze database is de users van deze database een mogelijkheid te geven om met Tyway Solutions in contact te komen in de vorm van tickets die content bevatten. Deze content  bestaat uit instructies/meldingen van Tyway Solutions naar de users. Of de tickets bestaan uit             vragen/request van van de users naar Tyway Solutions.

Data:

User Credentials:

  • ID
  • username
  • password
  • Date

Tickets:

  • ID
  • User
  • Title
  • Content
  • Type
  • Status
  • Date

Data Relationship:

User Credentials

Tickets

ID

Date

Data Tables/ Ontwerp:

Database ontwerpDatabase ontwerp

STARR Methode

Situatie

Wat speelde er?

We kregen een week om minimaal 2 User Stories uit te werken in een prototype. Hiervoor moest wel alvast de benodigdheden al uitgewerkt  zijn. De benodigdheden zijn de de taken die ik hieronder definieer.

Taak

Wat waren je taken?

Mijn taken waren vooral administratief werk waarbij de website en database ontworpen werden,

zoals het maken van een:

  • Definition of Done
  • Moscow Analyse
  • Product Backlog
  • Sprint Planning
  • User Stories
  • Wire Frames
  • Site Map
  • Content Areas
  • Database Design

Verder werkte ik aan prototypes zoals de:

  • Paper Prototype
  • Website Prototype:
                  • User Log in Prototype (dit bevat circa 6 prototypes)
                  • Ticket Systeem Prototype (dit bevat de de rest van de prototypes)

Activiteiten

Wat heb je concreet gezegd of gedaan?

Ik heb in het begin van de sprint veel contact gehad met mijn opdrachtgever. Ik moest en wou zelf ook eerst alle functies bespreken en ervoor zorgen dat het allemaal duidelijk is en dat het ontwerp volledig voorbedacht is. Deze info verwerkte ik in:

  • Definition Done
  • Product Backlog
  • User Stories
  • Moscow Analyse
  • Wire Frames
  • Site Map
  • Content Areas
  • Paper Prototype
  • Database design

Verder nadat aan mijn website en database gewerkt. Natuurlijk wist ik niet alles over php en mysql dus heb ik veel informatie over de de talen moeten opzoeken voordat ik eraan kon werken. Alleen voor nu maak ik dit als een prototype. Naast de paper prototype waar ik alle user stories in heb verwerkt maak ik een website prototype voor:

  • de ‘User Credentials System’ van de website
  • de ‘Ticket Systeem’ van de website

Resultaat

Wat gebeurde er daarna?

Ik heb met mijn onderzoek en ontwerpen een Paper Prototype voor alle user stories kunnen maken en ik heb de website prototype voor de ‘User Credentials’ af kunnen maken.

Hiervoor heb ik de website functies voor de users afgemaakt van de website en de eerste database is daarvoor gemaakt en gekoppeld met de website. De user functies die af zijn, zijn:

  • de log in functie
  • de log out functie
  • de admin functies: Search User, Make user, Edit user en Delete user

Ik werk nu momenteel aan de ‘Ticket Systeem’ Prototype van de website

Voor die functies heb ik wel al een tweede database aangemaakt.

Reflectie

Ik heb goed contact vastgelegd met mijn contact gever alleen moest er wel een aanpassing gemaakt worden aan de functionaliteit van de website. Dit lag echter aan de opdrachtgever. Dit resulteerde in het aanpassen van meerdere documenten. Gelukkig had ik alles goed gedocumenteerd waardoor dit snel kon gebeuren.

Het programmeren ging echter niet zo vlot als gedacht. Ik beheers nog lang niet alle vaardigheden voor PHP en MYSQL dus dat betekent dat ik daar zeker nog aan kan werken. Wel heb ik dus al 2 Prototypes kunnen maken en volgens de CLE 1-2 MODULEWIJZER ben ik momenteel op schema en ik heb alle benodigdheden voor de sprints af.

Tenslotte zal er nog wel gewerkt moeten worden aan de derde prototype: de ‘Ticket Systeem’ van de website. Dit zal wel gekoppeld zijn met de ‘User Credentials System’ van de website. Wanneer de prototypes klaar zijn kan ik werken aan de finished product. Het enige waar ik op moet letten is dat ik niet te lang aan de volgende prototype werk dan heb ik nog genoeg tijd om de website af te hebben.

Desk research/ Markt Onderzoek

Google calendar

Functionaliteiten:

home button, account log in en sign in, calendar, keuze tot verschillende tijds overzichten, een kalender, een tabel met dag(en) en uren, een optie knop met instellingen, aanmaak knop voor kalenders en een actie knop voor printen of refreshen.

Interactie

De user kan het overzicht van de agenda veranderen in:

day

week

month

4 days

agenda

de user kan met dat overzicht navigeren naar andere data met de pijl kop knoppen.

de user kan met de ‘more’ knop acties uitvoeren zoals refresh en print.

de user kan instellingen veranderen hoe de agenda eruit ziet en veel meer andere persoonlijke aanpassingen.

de user kan links van de pagina een andere kalender zien om een snel overzicht te hebben voor de komende weken of dagen of maanden.

Verder kan de user snel navigeren naar my kalender of zelfs other kalender

Content

de content veranderd per user. Maar de standaard content is:

Calendar

create

huidige datum

een kalender

my calendar

other calendar

today

day

week

month

4 days

agenda

more

Visueel

De site maakt gebruik van tabellen naar keuze die zich rechts op de site begeven. De tabellen geven dagen weer of een dag of een week of 4 dagen of zelfs alle agenda’s die je bezit. In sommige tabellen worden de dagen en uren weergegeven

Links op de website staat een kalender waar meerdere kalenders aan toegevoegd kunnen worden.

De knoppen hebben dezelfde stijl: rechthoek met de lange kant naar beneden, maar de knoppen waarmee je van datum naar datum kan navigeren is vierkant.

De titel heet calendar en is rood gekleurd. Vandaar is de knop create dat zorgt voor het maken van andere kalenders en die is ook rood.

Boven de tabel is een knoppen rij en daarboven zijn andere functionaliteiten dat op de top van de pagina bevindt.

Allcountjs task manager application

Functionaliteiten:

Home button

Planning button daar staan alle taken/planningen/afspraken

Board button

Statusses button

een plus knopje aanmaken voor planningen

edit knop om planningen te kunnen aanpassen of verwijder of afmaken.

search bar

datum check lijst

forward en backward button voor het veranderen van datum

Interactie:

de user kan planningen aanmaken, verslepen, editten, en verwijderen.

verder kan de user veranderen van datum en zelfs zoeken naar planningen voor efficiëntie.

Ook kan de user inloggen en uitloggen.

Content:

de standaard content is:

Taskmanager

planning

board

statuses

log in

search

huidige datum (of) datum naar keuze

not set

in progress

resolved

done

Summary

due date

status

name order

Visueel

De applicatie is vooral wit.

De navigatie bar heeft de knoppen links staan en de inlog knop rechts.

Onder de navigatie bar zit nog een een soort bar met 4 vierkante knoppen. Ook zijn er twee rechthoekige knoppen met de lange zijde naar beneden en boven.

Tenslotte zijn er drie tabellen die veranderen van vorm als je op de navigatie knoppen drukt.

Supersaas

Functionaliteiten

Op supersaas heb je een kalender voor overzicht

Op de kalender van supersaas kan je afspraken inplannen met datum tijd plek.

Ook kan je reserveren met supersaas

En tenslotte kan je betalen met supersaas

Interactie

De user kan inloggen en afspraken inplannen met veel detail zoals: welke mensen er komen, mensen kunnen zich aanmelden voor bepaalde afspraken, waar de afspraak plaats vindt, je kan ook meteen een plek reserveren, je kan ook betalen via het systeem. Afspraken hebben ook hun eigen instellingen.

Je kan ook een formulier maken en mensen het laten invullen.

Content

calender:

huidige week

vandaag

maand

vrij

legenda voor de plekken waar de afspraak zich plaats vindt.

formulier met de ingevulde content.

Visueel

de kalenders vullen het scherm met de knoppen en afspraken.

de kalenders verschillen van kleur voor activiteit.

de formulieren zijn op a4 formaat