Visualisatie van reizen en bezienswaardigheden: Tussentijdse Presentatie

50
Masterproef T403 : Visuele ontsluiting van informatie met behulp van Adobe AIR “reizen en bezienswaardigheden” Sam Decrock, Master Computerwetenschappen Promotor: Erik Duval Begeleider: Joris Klerkx Blog: http://adobe0air.wordpress.com

Transcript of Visualisatie van reizen en bezienswaardigheden: Tussentijdse Presentatie

Page 1: Visualisatie van reizen en bezienswaardigheden: Tussentijdse Presentatie

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

Page 2: Visualisatie van reizen en bezienswaardigheden: Tussentijdse Presentatie

2Sam Decrock

Overzicht

• De opdracht• Probleemstelling & Oplossing• Bestaande webapplicaties• Interview• Enquête• Eerste ontwerp• Databronnen• Verdere plannen

Page 3: Visualisatie van reizen en bezienswaardigheden: Tussentijdse Presentatie

3Sam Decrock

Overzicht

• De opdracht• Probleemstelling & Oplossing• Bestaande webapplicaties• Interview• Enquête• Eerste ontwerp• Databronnen• Verdere plannen

Page 4: Visualisatie van reizen en bezienswaardigheden: Tussentijdse Presentatie

4Sam Decrock

De Opdracht

• “Visuele ontsluiting van informatie met behulp van Adobe AIR”

• Welke informatie? Reizen en Bezienswaardigheden• Hoe visualiseren? Onderzoek• Met welke technologie? Adobe AIR

Page 5: Visualisatie van reizen en bezienswaardigheden: Tussentijdse Presentatie

5Sam Decrock

Overzicht

• De opdracht• Probleemstelling & Oplossing• Bestaande webapplicaties• Interview• Enquête• Eerste ontwerp• Databronnen• Verdere plannen

Page 6: Visualisatie van reizen en bezienswaardigheden: Tussentijdse Presentatie

6Sam Decrock

Probleemstelling & Oplossing

• Waarom “Reizen en Bezienswaardigheden” ?– uit eigen leefomgeving: wandelnetwerken

++ specifiek voor een bepaalde doelgroep

-- te weinig info online, vooral in papieren wandelgidsen

-- te klein publiek

Page 7: Visualisatie van reizen en bezienswaardigheden: Tussentijdse Presentatie

7Sam Decrock

Probleemstelling & Oplossing

• Waarom “Reizen en Bezienswaardigheden” ?– nieuw idee: reizen, bezienswaardigheden en trips in het

algemeen

• “Wat is er te doen in een bepaald land?”

++ spreekt een grote publiek aan

++ meer bronnen aan informatie

-- nogal algemeen: proberen te beperken tot specifieke zaken

Page 8: Visualisatie van reizen en bezienswaardigheden: Tussentijdse Presentatie

8Sam Decrock

Probleemstelling & Oplossing

• Oplossingen zoeken– bestaande applicaties– spreken met mensen: interview– enquêtes

Page 9: Visualisatie van reizen en bezienswaardigheden: Tussentijdse Presentatie

9Sam Decrock

Overzicht

• De opdracht• Probleemstelling & Oplossing• Bestaande webapplicaties• Interview• Enquête• Eerste ontwerp• Databronnen• Verdere plannen

Page 10: Visualisatie van reizen en bezienswaardigheden: Tussentijdse Presentatie

10Sam Decrock

Bestaande applicaties

• Google Maps: “verken dit gebied”

Page 11: Visualisatie van reizen en bezienswaardigheden: Tussentijdse Presentatie

11Sam Decrock

Bestaande applicaties

• Google Maps

++ iedereen kent het ++ zeer interactief

-- profileert zich niet als een reissite

Page 12: Visualisatie van reizen en bezienswaardigheden: Tussentijdse Presentatie

12Sam Decrock

Bestaande applicaties

• TripAdvisor

Page 13: Visualisatie van reizen en bezienswaardigheden: Tussentijdse Presentatie

13Sam Decrock

Bestaande applicaties

• TripAdvisor

++ heel veel informatie: bezienswaardigheden, hotels, …++ reacties van gebruikers

-- te veel informatie: niet overzichtelijk, hoge leertijd-- weinig visueel (klein kaartje)

Page 14: Visualisatie van reizen en bezienswaardigheden: Tussentijdse Presentatie

14Sam Decrock

Bestaande applicaties

• Road Trip 2009 PosterOle Østring

Page 15: Visualisatie van reizen en bezienswaardigheden: Tussentijdse Presentatie

15Sam Decrock

Bestaande applicaties

• Road Trip 2009 Poster

Page 16: Visualisatie van reizen en bezienswaardigheden: Tussentijdse Presentatie

16Sam Decrock

Bestaande applicaties

• Road Trip 2009 Poster

Page 17: Visualisatie van reizen en bezienswaardigheden: Tussentijdse Presentatie

17Sam Decrock

Bestaande applicaties

• Road Trip 2009 Poster

++ visueel aantrekkelijk: (bijna) geen tekst lage leertijd

-- niet geautomatiseerd: Adobe Illustrator

Page 18: Visualisatie van reizen en bezienswaardigheden: Tussentijdse Presentatie

18Sam Decrock

Bestaande applicaties

• Escape Route

Page 19: Visualisatie van reizen en bezienswaardigheden: Tussentijdse Presentatie

19Sam Decrock

Bestaande applicaties

• Escape Route

++ zeer visueel:geen tekstgeen overbodige randinformatieovergang tussen 2D (geografisch) en 3D (chronologisch)

-- niet 100% duidelijk wat er wordt voorgesteld (wereldbol?)

Page 20: Visualisatie van reizen en bezienswaardigheden: Tussentijdse Presentatie

20Sam Decrock

Bestaande applicaties: overzicht

• Google Maps++ interactief-- profileert zich niet als reissite

• TripAdvisor++ reacties van gebruikers (sociaal aspect)-- te veel informatie samen, hoge leertijd

• RoadTrip Poster++ visueel aantrekkelijk: (bijna) geen tekst, overzichtelijk, lage leertijd-- handmatig getekend

• Escape Route++ heel visueel:

overgang tussen 3D (geografisch) en 2D (chronologisch)-- niet onmiddellijk duidelijk dat het om een wereldbol gaat

Page 21: Visualisatie van reizen en bezienswaardigheden: Tussentijdse Presentatie

21Sam Decrock

Overzicht

• De opdracht• Probleemstelling & Oplossing• Bestaande webapplicaties• Interview• Enquête• Eerste ontwerp• Databronnen• Verdere plannen

Page 22: Visualisatie van reizen en bezienswaardigheden: Tussentijdse Presentatie

Sam Decrock

Interview

• Wikipedia– te droog, te veel geschiedenis, cultuur

• normaal voor een encyclopedie• niet specifiek gericht op reizigers

– vonden enkel aantal inwoners interessant• uit infobox

Page 23: Visualisatie van reizen en bezienswaardigheden: Tussentijdse Presentatie

23Sam Decrock

Interview

• TripAdisor– persoonlijke commentaar:

• interessant• betrouwbaar?

– persoonlijke foto’s– onbekende “Things To Do”:

vergelijken met reisboeken

Page 24: Visualisatie van reizen en bezienswaardigheden: Tussentijdse Presentatie

24Sam Decrock

Interview

• Google Maps– adressen opzoeken– routes plannen

Page 25: Visualisatie van reizen en bezienswaardigheden: Tussentijdse Presentatie

25Sam Decrock

Interview

• Lonely Planet (papieren reisgids)– reviews zijn betrouwbaar– kaartje is handig

Page 26: Visualisatie van reizen en bezienswaardigheden: Tussentijdse Presentatie

26Sam Decrock

Interview: Besluit “waar wordt wat voor gebruikt?”

• Wikipedia– infobox

• TripAdisor– persoonlijke reviews en foto’s

• Google Maps– adressen zoeken en routes berekenen

• Lonely Planet– betrouwbare reviews en overzichtskaart

Page 27: Visualisatie van reizen en bezienswaardigheden: Tussentijdse Presentatie

27Sam Decrock

Overzicht

• De opdracht• Probleemstelling & Oplossing• Bestaande webapplicaties• Interview• Enquête• Eerste ontwerp• Databronnen• Verdere plannen

Page 28: Visualisatie van reizen en bezienswaardigheden: Tussentijdse Presentatie

28Sam Decrock

Enquête: “77 antwoorden”

• Gevraagd naar het gebruik van:– Wikipedia, TripAdisor & Google Maps– Reisboeken vs Websites– Mogelijke features voor eigen tool

Page 29: Visualisatie van reizen en bezienswaardigheden: Tussentijdse Presentatie

29Sam Decrock

Enquête: “77 antwoorden”

• Gebruik van:– Wikipedia:

• geschiedenis & cultuur

– TripAdisor:• de persoonlijke reviews van gebruikers

– Google Maps:• om routes mee te berekenen

Page 30: Visualisatie van reizen en bezienswaardigheden: Tussentijdse Presentatie

30Sam Decrock

Enquête

• Reisboek vs Website– reisboeken:

• bezienswaardigheden• geschiedenis• cultuur

– websites:• hotels• vluchten

Page 31: Visualisatie van reizen en bezienswaardigheden: Tussentijdse Presentatie

Enquête

• Voorgestelde features:– overzichtskaart bezienswaardigheden

– reviews professioneel

– reviews gebruikers

– spelletjes

– foto's professioneel

– foto's gebruikers

– films gebruikers

– films professioneel

– zoeken hotels

– kostenberekening

– routeplanning

– gps export zeer belangrijk belangrijk neutraal

minder belangrijk

niet belangrijk

2 1 0 -1 -2

Likert scale:

Page 32: Visualisatie van reizen en bezienswaardigheden: Tussentijdse Presentatie

32Sam Decrock

Enquête

• Voorgestelde features:

overzichtskaart

reviews professioneel

reviews gebruikers

spelletjes

foto's professioneel

foto's gebruikers

films gebruikers

films professioneel

zoeken hotels

kostenberekening

routeplanning

gps export

Page 33: Visualisatie van reizen en bezienswaardigheden: Tussentijdse Presentatie

33Sam Decrock

Enquête

• Voorgestelde features:

0 10 20 30 40 50 60 70 80

overzichtskaart

reviews professioneel

reviews gebruikers

spelletjes

foto's professioneel

foto's gebruikers

films gebruikers

films professioneel

zoeken hotels

kostenberekening

routeplanning

gps export

voor

tegen

Page 34: Visualisatie van reizen en bezienswaardigheden: Tussentijdse Presentatie

34

Enquête

• Voorgestelde features:– Evenveel voor als tegen:

• spelletjes

• films professioneel

– Besluit:• meningen zijn verdeeld

• onduidelijk of dit goeie features kunnen zijn

Page 35: Visualisatie van reizen en bezienswaardigheden: Tussentijdse Presentatie

35

Enquête

• Ideëen van de doelgroep:– exporteermogelijkheden naar Excel, Iphone, ... zodat het ginds, bvb

in internetcafés, kan geraadpleegd worden

– natuur

– veiligheid (voeding, politieke situaties, ziektes, sociaal, ...)

– (voorgestelde) checklist om niets te vergeten

– mogelijkheid om later foto's te ordenen

– handige en compacte afdrukversie van de geplande reis

– bussen, trams, metro's en hun prijzen

– weeromstandigheden voor laatboekers

Page 36: Visualisatie van reizen en bezienswaardigheden: Tussentijdse Presentatie

36Sam Decrock

Besluiten

• Uit interview & Enquete

+++ overzichtskaart bezienswaardigheden

+++ zoeken hotels

++ kostenberekening

+ reviews gebruikers

+/- films professioneel

+/- spelletjes

-- films gebruikers

Page 37: Visualisatie van reizen en bezienswaardigheden: Tussentijdse Presentatie

37Sam Decrock

Overzicht

• De opdracht• Probleemstelling & Oplossing• Bestaande webapplicaties• Interview• Enquête• Eerste ontwerp• Databronnen• Verdere plannen

Page 38: Visualisatie van reizen en bezienswaardigheden: Tussentijdse Presentatie

38Sam Decrock

Eerste Ontwerp: ‘bezienswaardigheden’

Page 39: Visualisatie van reizen en bezienswaardigheden: Tussentijdse Presentatie

39Sam Decrock

Eerste Ontwerp: ‘bezienswaardigheden’

• Ontwerp

Page 40: Visualisatie van reizen en bezienswaardigheden: Tussentijdse Presentatie

40Sam Decrock

Eerste Ontwerp: ‘bezienswaardigheden’

Page 41: Visualisatie van reizen en bezienswaardigheden: Tussentijdse Presentatie

41Sam Decrock

Eerste Ontwerp

• Ontwerp– Te veel om te tonen

• oplossing: bezienswaardigheden komen en gaan (in- en uitfaden)• maximaal 10 tegelijk tonen

– laten testen via testpersonen

– Onderste balk toont gebruikersfoto’s (via Flickr, …)– Infovenster toont professionele foto + gebruikersfoto’s

• te veel gebruikersfoto’s: oplossen door in- en uitfaden• klikken op gebruikersfoto: vliegt naar de juiste locatie

– Zelfde principe toepasbaar voor hotels, weersverwachtingen, …

– Weinig tekst gebruiken, vooral visueel te werk gaan

– Eenvoud bewaren !

Page 42: Visualisatie van reizen en bezienswaardigheden: Tussentijdse Presentatie

42Sam Decrock

Overzicht

• De opdracht• Probleemstelling & Oplossing• Bestaande webapplicaties• Interview• Enquête• Eerste ontwerp• Databronnen• Verdere plannen

Page 43: Visualisatie van reizen en bezienswaardigheden: Tussentijdse Presentatie

43Sam Decrock

Databronnen

• Google Maps– Google Maps API:

• beperkt tot kaart en streetview

– foto’s via Panoramio: http://www.panoramio.com/api– ‘verken dit gebied’ of ‘explore this area’ niet beschikbaar

manueel: API hacking

Page 44: Visualisatie van reizen en bezienswaardigheden: Tussentijdse Presentatie

44Sam Decrock

Databronnen

• Google Maps– API Hacking

Firebug:

Page 45: Visualisatie van reizen en bezienswaardigheden: Tussentijdse Presentatie

45Sam Decrock

Databronnen

JSON:

http://maps.google.be/maps/trends?type=uniphoto:8,poi:4,mymaps:3,expert:4&mode=explore&ll=47.606163,-122.33139&spn=0.273139,1.234589&gl=be&hl=nl

Page 46: Visualisatie van reizen en bezienswaardigheden: Tussentijdse Presentatie

46Sam Decrock

Databronnen

• TripAdvisor– uitgebreide API enkel voor ‘licensed partners’

manueel

• Bing Maps– gratis API

• Wikipedia– DBpedia

Page 47: Visualisatie van reizen en bezienswaardigheden: Tussentijdse Presentatie

47Sam Decrock

Overzicht

• De opdracht• Probleemstelling & Oplossing• Bestaande webapplicaties• Interview• Enquête• Eerste ontwerp• Databronnen• Verdere plannen

Page 48: Visualisatie van reizen en bezienswaardigheden: Tussentijdse Presentatie

48Sam Decrock

Planning

oktober

Blogs & papers lezen/bespreken

Literatuurstudie schrijven

 

 

november

Resultaten enquete verwerken

Begin ontwerp

Ontwerp evaluleren bij testpersonen

Use cases, klassendiagramma's tekenen

februari - mei

Verder itereren

Thesistekst schrijven

december

implementatie iteratie 1

implementatie evalueren bij testpersonen

(implementatie iteratie 2)

kerstpresentatie

januari

examens

Page 49: Visualisatie van reizen en bezienswaardigheden: Tussentijdse Presentatie

49Sam Decrock

Overzicht

• De opdracht• Probleemstelling & Oplossing• Bestaande webapplicaties• Interview• Enquête• Eerste ontwerp• Databronnen• Verdere plannen

Page 50: Visualisatie van reizen en bezienswaardigheden: Tussentijdse Presentatie

50

Vragen ?

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

“reizen en bezienswaardigheden”

Sam Decrock

http://adobe0air.wordpress.com