Masterproef T403 : Visuele ontsluiting van informatie met behulp van Adobe AIR“reizen en bezienswaardigheden”

Sam Decrock, Master Computerwetenschappen

Promotor: Erik DuvalBegeleider: Joris KlerkxBlog: http://adobe0air.wordpress.com

2Sam Decrock

Overzicht

• Probleemstelling & Oplossing• Status vorige presentatie• Ontwerp 1• Ontwerp 2• Ontwerp 3• Ontwerp 4• Databronnen• Problemen• Planning

3Sam Decrock

Overzicht

• Probleemstelling & Oplossing• Status vorige presentatie• Ontwerp 1• Ontwerp 2• Ontwerp 3• Ontwerp 4• Databronnen• Problemen• Planning

4Sam Decrock

Probleemstelling & Oplossing

• Visualisatie mbv Adobe AIR: “Reizen en Bezienswaardigheden”

• Plannen van vakantietrips• Visualiseren van vakantietrips

5Sam Decrock

Overzicht

• Probleemstelling & Oplossing• Status vorige presentatie• Ontwerp 1• Ontwerp 2• Ontwerp 3• Ontwerp 4• Databronnen• Problemen• Planning

6Sam Decrock

Status vorige presentatie

• Planning software besproken: Google Maps, TripAdvisor, …

• Enquete gemaakt• Papers gelezen: Mapping the World’s Photos• Visualisaties bekeken: Roadtrip 2009 poster, …

7Sam Decrock

Status vorige presentatie

• Roadtrip 2009 poster

8Sam Decrock

Status vorige presenatie

• Roadtrip 2009 poster

9Sam Decrock

Status vorige presenatie

10Sam Decrock

Status vorige presentatie

11Sam Decrock

Overzicht

• Probleemstelling & Oplossing• Status vorige presentatie• Ontwerp 1• Ontwerp 2• Ontwerp 3• Ontwerp 4• Databronnen• Problemen• Planning

12Sam Decrock

Ontwerp 1

• Planning– opstellen van de reis: tijdslijn

• Visualisatie– kosten & tijd

13Sam Decrock

Ontwerp 1

• papieren prototype

14Sam Decrock

Ontwerp 1

• ge-Photoshopt prototype

15Sam Decrock

Ontwerp: Feedback

16Sam Decrock

Ontwerp 1: Feedback

• ++ Google Maps: vertrouwde omgeving

• -- foto’s overlappen• -- wat met verschillende categorieën? (sport, hotels,

bezienswaardigheden, restaurants, …)

• oplossing:• foto’s pas laten zien op een bepaald zoomniveau• filter-iconen langs de zijkant• kleuren per categorie

17Sam Decrock

Ontwerp 1: Feedback

18Sam Decrock

Ontwerp 1: Feedback

• ++ tijdslijn zeer handig

• -- prijzen?• -- slepen niet voor iedereen duidelijk

• oplossing:• prijzen handmatig ingeven• knop “Toevoegen aan tijdslijn” toevoegen

19Sam Decrock

Overzicht

• Probleemstelling & Oplossing• Status vorige presentatie• Ontwerp 1• Ontwerp 2• Ontwerp 3• Ontwerp 4• Databronnen• Problemen• Planning

20Sam Decrock

Ontwerp 2

21Sam Decrock

Ontwerp 2: Feedback

• Persoon 1– wist niet waar te beginnen– niet interactief / dynamisch genoeg– saai / ouderwets– meer icoontjes

• Persoon 2– objecten eerst ergens in bewaren voor tijdslijn– wil een financieel overzicht zien

22Sam Decrock

Overzicht

• Probleemstelling & Oplossing• Status vorige presentatie• Ontwerp 1• Ontwerp 2• Ontwerp 3• Ontwerp 4• Databronnen• Problemen• Planning

23Sam Decrock

Ontwerp 3

24Sam Decrock

Ontwerp 3: Feedback

• ++ layout zeer geslaagd• ++ werkt vlot

• -- ook bezienswaardigheden opzoeken• -- tijdslijn: zoom niet duidelijk• -- tijdslijn: knop ‘vandaag’ heeft weinig nut• -- factuur: onderscheid niet duidelijk• …

25Sam Decrock

Overzicht

• Probleemstelling & Oplossing• Status vorige presentatie• Ontwerp 1• Ontwerp 2• Ontwerp 3• Ontwerp 4• Databronnen• Problemen• Planning

26Sam Decrock

Ontwerp 4

27Sam Decrock

Ontwerp 4

• Cirkel visualisatie

28Sam Decrock

Overzicht

• Probleemstelling & Oplossing• Status vorige presentatie• Ontwerp 1• Ontwerp 2• Ontwerp 3• Ontwerp 4• Databronnen• Problemen• Planning

29Sam Decrock

Databronnen

• TripAdivsor.com• Wikipedia• Frommers.com

30Sam Decrock

Databronnen

• TripAdivsor– API Hacking– scrapen

31Sam Decrock

Databronnen

• Wikipedia– DBPedia

• Frommers.com– scrapen

32Sam Decrock

Overzicht

• Probleemstelling & Oplossing• Status vorige presentatie• Ontwerp 1• Ontwerp 2• Ontwerp 3• Ontwerp 4• Databronnen• Problemen• Planning

33Sam Decrock

Problemen

• Actionscript programmeertaal leren kennen• Tekenen in actionscript

34Sam Decrock

Overzicht

• Probleemstelling & Oplossing• Status vorige presentatie• Ontwerp 1• Ontwerp 2• Ontwerp 3• Ontwerp 4• Databronnen• Problemen• Planning

35Sam Decrock

Vorige Planning

december

2de ontwerp + evaluatie

Start eerste implementatie

 

 

januari

examens

februari - mei

Evaluatie op de implementatie

Blijven itereren

Thesistekst schrijven

36Sam Decrock

Huidige Planning

december

2de ontwerp + evaluatie

Start eerste implementatie

 

 

januari

examens

februari - april

Implementeren

Kleine evaluaties

Begin thesistekst

april - mei

Implementatie afwerken

Grote evaluaties + verbeteringen doorvoeren

Thesistekst schrijven

37

Vragen ?

Masterproef T403 : Visuele ontsluiting van informatie met behulp van Adobe AIR

“reizen en bezienswaardigheden”

“visualisatie van een vakantietrip”

Sam Decrock

http://adobe0air.wordpress.com