Project AtLast (CWA1-1112)
-
Upload
mattias-buelens -
Category
Education
-
view
669 -
download
0
description
Transcript of Project AtLast (CWA1-1112)
![Page 1: Project AtLast (CWA1-1112)](https://reader034.fdocuments.net/reader034/viewer/2022052413/5597bc7b1a28abf45a8b4766/html5/thumbnails/1.jpg)
![Page 2: Project AtLast (CWA1-1112)](https://reader034.fdocuments.net/reader034/viewer/2022052413/5597bc7b1a28abf45a8b4766/html5/thumbnails/2.jpg)
Team CWA1Mattias Buelens
Arno Buttiens
Sander Castermans
Karlijn Colson
Erik De Smedt
Thomas Goossens
![Page 3: Project AtLast (CWA1-1112)](https://reader034.fdocuments.net/reader034/viewer/2022052413/5597bc7b1a28abf45a8b4766/html5/thumbnails/3.jpg)
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
![Page 4: Project AtLast (CWA1-1112)](https://reader034.fdocuments.net/reader034/viewer/2022052413/5597bc7b1a28abf45a8b4766/html5/thumbnails/4.jpg)
Inleiding Ontwerp Interface Data Besluit
Probleemstelling
Studeren opvolgen
AnalyserenBeter
studeren
![Page 5: Project AtLast (CWA1-1112)](https://reader034.fdocuments.net/reader034/viewer/2022052413/5597bc7b1a28abf45a8b4766/html5/thumbnails/5.jpg)
Inleiding Ontwerp Interface Data Besluit
Brainstorm
![Page 6: Project AtLast (CWA1-1112)](https://reader034.fdocuments.net/reader034/viewer/2022052413/5597bc7b1a28abf45a8b4766/html5/thumbnails/6.jpg)
Inleiding Ontwerp Interface Data Besluit
Doelgroep
• studenten
– persona’s → scenario’s
• professoren?
• monitoraat?
![Page 7: Project AtLast (CWA1-1112)](https://reader034.fdocuments.net/reader034/viewer/2022052413/5597bc7b1a28abf45a8b4766/html5/thumbnails/7.jpg)
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
![Page 8: Project AtLast (CWA1-1112)](https://reader034.fdocuments.net/reader034/viewer/2022052413/5597bc7b1a28abf45a8b4766/html5/thumbnails/8.jpg)
Inleiding Ontwerp Interface Data Besluit
Ontwerpmethodologie
Klant Ontwikkelaar
Functionaliteitscenario’s
interface mockupuse cases
Entiteiten domeinmodelklassendiagram
datamodel
![Page 9: Project AtLast (CWA1-1112)](https://reader034.fdocuments.net/reader034/viewer/2022052413/5597bc7b1a28abf45a8b4766/html5/thumbnails/9.jpg)
Inleiding Ontwerp Interface Data Besluit
Uitvoering
Interface
Use case controllers
Model
Persistentie
![Page 10: Project AtLast (CWA1-1112)](https://reader034.fdocuments.net/reader034/viewer/2022052413/5597bc7b1a28abf45a8b4766/html5/thumbnails/10.jpg)
Inleiding Ontwerp Interface Data Besluit
Functionaliteit
Klant Ontwikkelaar
Functionaliteitscenario’s
interface mockupuse cases
Entiteiten domeinmodelklassendiagram
datamodel
![Page 11: Project AtLast (CWA1-1112)](https://reader034.fdocuments.net/reader034/viewer/2022052413/5597bc7b1a28abf45a8b4766/html5/thumbnails/11.jpg)
Inleiding Ontwerp Interface Data Besluit
Aandachtspunten
Gebruiker
Vrijheid in gebruik
Gebruiks-vriendelijk
![Page 12: Project AtLast (CWA1-1112)](https://reader034.fdocuments.net/reader034/viewer/2022052413/5597bc7b1a28abf45a8b4766/html5/thumbnails/12.jpg)
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. …
![Page 13: Project AtLast (CWA1-1112)](https://reader034.fdocuments.net/reader034/viewer/2022052413/5597bc7b1a28abf45a8b4766/html5/thumbnails/13.jpg)
Inleiding Ontwerp Interface Data Besluit
Vrijheid in gebruik
Milestones Grafieken
![Page 14: Project AtLast (CWA1-1112)](https://reader034.fdocuments.net/reader034/viewer/2022052413/5597bc7b1a28abf45a8b4766/html5/thumbnails/14.jpg)
Inleiding Ontwerp Interface Data Besluit
Probleem
• veel verschillende
parameters
• veel mogelijke
combinaties
• snelle invoer
• eenvoudig te
begrijpen
Vrijheid in gebruik
Gebruiks-vriendelijk
![Page 15: Project AtLast (CWA1-1112)](https://reader034.fdocuments.net/reader034/viewer/2022052413/5597bc7b1a28abf45a8b4766/html5/thumbnails/15.jpg)
Inleiding Ontwerp Interface Data Besluit
Oplossing
• automatisch
uitgeschreven
doelstelling
• adaptieve interface
• opties in lijstweergave
![Page 16: Project AtLast (CWA1-1112)](https://reader034.fdocuments.net/reader034/viewer/2022052413/5597bc7b1a28abf45a8b4766/html5/thumbnails/16.jpg)
Inleiding Ontwerp Interface Data Besluit
Oplossing
Mood square Grafieken
Grafische interactie
![Page 17: Project AtLast (CWA1-1112)](https://reader034.fdocuments.net/reader034/viewer/2022052413/5597bc7b1a28abf45a8b4766/html5/thumbnails/17.jpg)
Inleiding Ontwerp Interface Data Besluit
Entiteiten
Klant Ontwikkelaar
Functionaliteitscenario’s
interface mockupuse cases
Entiteiten domeinmodelklassendiagram
datamodel
![Page 18: Project AtLast (CWA1-1112)](https://reader034.fdocuments.net/reader034/viewer/2022052413/5597bc7b1a28abf45a8b4766/html5/thumbnails/18.jpg)
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..*
![Page 19: Project AtLast (CWA1-1112)](https://reader034.fdocuments.net/reader034/viewer/2022052413/5597bc7b1a28abf45a8b4766/html5/thumbnails/19.jpg)
Inleiding Ontwerp Interface Data Besluit
Van query tot grafiek
Query met App Engine
• geeft lijst van activiteiten
Grafiek
• heeft nood aan
– numerieke gegevens
– groeperingen
![Page 20: Project AtLast (CWA1-1112)](https://reader034.fdocuments.net/reader034/viewer/2022052413/5597bc7b1a28abf45a8b4766/html5/thumbnails/20.jpg)
Inleiding Ontwerp Interface Data Besluit
Van query tot grafiek
Welk pakket is verantwoordelijk?
![Page 21: Project AtLast (CWA1-1112)](https://reader034.fdocuments.net/reader034/viewer/2022052413/5597bc7b1a28abf45a8b4766/html5/thumbnails/21.jpg)
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
![Page 22: Project AtLast (CWA1-1112)](https://reader034.fdocuments.net/reader034/viewer/2022052413/5597bc7b1a28abf45a8b4766/html5/thumbnails/22.jpg)
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
![Page 23: Project AtLast (CWA1-1112)](https://reader034.fdocuments.net/reader034/viewer/2022052413/5597bc7b1a28abf45a8b4766/html5/thumbnails/23.jpg)
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
![Page 24: Project AtLast (CWA1-1112)](https://reader034.fdocuments.net/reader034/viewer/2022052413/5597bc7b1a28abf45a8b4766/html5/thumbnails/24.jpg)
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!
![Page 25: Project AtLast (CWA1-1112)](https://reader034.fdocuments.net/reader034/viewer/2022052413/5597bc7b1a28abf45a8b4766/html5/thumbnails/25.jpg)
Inleiding Ontwerp Interface Data Besluit
Eindresultaat
![Page 26: Project AtLast (CWA1-1112)](https://reader034.fdocuments.net/reader034/viewer/2022052413/5597bc7b1a28abf45a8b4766/html5/thumbnails/26.jpg)
Inleiding Ontwerp Interface Data Besluit
Eindresultaat
![Page 27: Project AtLast (CWA1-1112)](https://reader034.fdocuments.net/reader034/viewer/2022052413/5597bc7b1a28abf45a8b4766/html5/thumbnails/27.jpg)
Inleiding Ontwerp Interface Data Besluit
Eindresultaat
• Parameters
![Page 28: Project AtLast (CWA1-1112)](https://reader034.fdocuments.net/reader034/viewer/2022052413/5597bc7b1a28abf45a8b4766/html5/thumbnails/28.jpg)
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,…
![Page 29: Project AtLast (CWA1-1112)](https://reader034.fdocuments.net/reader034/viewer/2022052413/5597bc7b1a28abf45a8b4766/html5/thumbnails/29.jpg)
Inleiding Ontwerp Interface Data Besluit
Vragen?
![Page 30: Project AtLast (CWA1-1112)](https://reader034.fdocuments.net/reader034/viewer/2022052413/5597bc7b1a28abf45a8b4766/html5/thumbnails/30.jpg)
Team CWA1
http://projectatlast.appspot.com
http://projectatlast.wordpress.com