Team CWA1Mattias Buelens

Arno Buttiens

Sander Castermans

Karlijn Colson

Erik De Smedt

Thomas Goossens

Inleiding Ontwerp Interface Data Besluit

Overzicht

• inleiding

– probleemstelling

– brainstorm

– doelgroep

• ontwerp

– iteratieve ontwikkeling

– ontwerpmethodologie

– uitvoering

• interface

– functionaliteit

– aandachtspunten

– probleem en oplossingen

• data

– entiteiten

– van query tot grafiek

– activity slices

– quota’s van App Engine

• besluit

Inleiding Ontwerp Interface Data Besluit

Probleemstelling

Studeren opvolgen

AnalyserenBeter

studeren

Inleiding Ontwerp Interface Data Besluit

Brainstorm

Inleiding Ontwerp Interface Data Besluit

Doelgroep

• studenten

– persona’s → scenario’s

• professoren?

• monitoraat?

Inleiding Ontwerp Interface Data Besluit

Iteratieve ontwikkeling

• eerste iteratie

– aanmelden en registreren

– activiteiten opvolgen

• tweede iteratie

– milestones aanmaken en opvolgen

– grafieken aanmaken en weergeven

Ontwerpen

Implementeren

Evalueren

Inleiding Ontwerp Interface Data Besluit

Ontwerpmethodologie

Klant Ontwikkelaar

Functionaliteitscenario’s

interface mockupuse cases

Entiteiten domeinmodelklassendiagram

datamodel

Inleiding Ontwerp Interface Data Besluit

Uitvoering

Interface

Use case controllers

Model

Persistentie

Inleiding Ontwerp Interface Data Besluit

Functionaliteit

Klant Ontwikkelaar

Functionaliteitscenario’s

interface mockupuse cases

Entiteiten domeinmodelklassendiagram

datamodel

Inleiding Ontwerp Interface Data Besluit

Aandachtspunten

Gebruiker

Vrijheid in gebruik

Gebruiks-vriendelijk

Inleiding Ontwerp Interface Data Besluit

Gebruiksvriendelijkheid

KlantInterface mockup

• ruwe voorstelling van

gebruikersinterface

OntwikkelaarUse cases

• beschrijving interacties

gebruiker ↔ systeem

1. Student indicates he wants to add a new milestone.

2. System asks the user to choose between a milestone about study or free time activities. It does select study activity as default.

3. Student agrees with this default.4. System retrieves a list of all

courses in which the user is enrolled.

5. User chooses a course from the list.

6. …

Inleiding Ontwerp Interface Data Besluit

Vrijheid in gebruik

Milestones Grafieken

Inleiding Ontwerp Interface Data Besluit

Probleem

• veel verschillende

parameters

• veel mogelijke

combinaties

• snelle invoer

• eenvoudig te

begrijpen

Vrijheid in gebruik

Gebruiks-vriendelijk

Inleiding Ontwerp Interface Data Besluit

Oplossing

• automatisch

uitgeschreven

doelstelling

• adaptieve interface

• opties in lijstweergave

Inleiding Ontwerp Interface Data Besluit

Oplossing

Mood square Grafieken

Grafische interactie

Inleiding Ontwerp Interface Data Besluit

Entiteiten

Klant Ontwikkelaar

Functionaliteitscenario’s

interface mockupuse cases

Entiteiten domeinmodelklassendiagram

datamodel

Inleiding Ontwerp Interface Data Besluit

Entiteiten

Klant

Domeinmodel

• uit reële wereld

OntwikkelaarKlassendiagram en datamodel

• klassendiagram

= weergave van

implementatie

• datamodel

= welke gegevens worden

waar opgeslagen?

Student

Vak

volgt

1

0..*

Inleiding Ontwerp Interface Data Besluit

Van query tot grafiek

Query met App Engine

• geeft lijst van activiteiten

Grafiek

• heeft nood aan

– numerieke gegevens

– groeperingen

Inleiding Ontwerp Interface Data Besluit

Van query tot grafiek

Welk pakket is verantwoordelijk?

Inleiding Ontwerp Interface Data Besluit

Van query tot grafiek

• groeperen d.m.v. stamboom

Per type

Per vak

Alle activiteiten Query

Analyse

Theorie Oefeningen

Economie

Oefeningen

Inleiding Ontwerp Interface Data Besluit

Activity slices

• slechts één veld met ongelijkheden

per query

• probleem: twee ongelijkheden nodig om

tussen twee data te selecteren

• oplossing: discretiseren

– opsplitsen in schijfjes van één uur (slices)

– één datum toewijzen aan elke slice

• bonus: selecteren op weekdag of uur

Inleiding Ontwerp Interface Data Besluit

zoekinterval

Activity slices

Activiteit 1 Activiteit 3

Wat is de totale studieduur?

Activiteit 2

Activiteit 1 Activiteit 3Activiteit 2

Met slices

Inleiding Ontwerp Interface Data Besluit

Quota’s van App Engine

• quota’s per 24 uur

• quota overschreden

– applicatie offline

– boze klanten en boze baas

• oplossing?

Apply more caching!

Inleiding Ontwerp Interface Data Besluit

Eindresultaat

Inleiding Ontwerp Interface Data Besluit

Eindresultaat

Inleiding Ontwerp Interface Data Besluit

Eindresultaat

• Parameters

Inleiding Ontwerp Interface Data Besluit

Besluit

• resultaat: werkende applicatie

• lessons learned

– technische kennis

– soft skills

• verdere ontwikkeling

– derde iteratie: statistieken vergelijken,

notities toevoegen, sociaal netwerk

– basisontwerp is algemeen: toepasbaar voor

sport, gezondheid, management,…

Inleiding Ontwerp Interface Data Besluit

Vragen?

Team CWA1

http://projectatlast.appspot.com

http://projectatlast.wordpress.com