#isoscope @maptimeBER @martinvonlupin 17.02.2015 Martin von Lupin - - PowerPoint PPT Presentation

isoscope
SMART_READER_LITE
LIVE PREVIEW

#isoscope @maptimeBER @martinvonlupin 17.02.2015 Martin von Lupin - - PowerPoint PPT Presentation

#isoscope @maptimeBER @martinvonlupin 17.02.2015 Martin von Lupin Interfacedesign at University of Applied Sciences Potsdam martinvonlupin.de @martinvonlupin Flavio Gortana Sebastian Kaim Till Nagel fmaviogortana.com sebastiankaim.com


slide-1
SLIDE 1

#isoscope

@maptimeBER @martinvonlupin 17.02.2015

slide-2
SLIDE 2

Martin von Lupin

Interfacedesign at University of Applied Sciences Potsdam martinvonlupin.de @martinvonlupin

slide-3
SLIDE 3

Flavio Gortana

fmaviogortana.com

Sebastian Kaim

sebastiankaim.com

Till Nagel

tillnagel.com

slide-4
SLIDE 4

Isoscope

  • intention
  • design process
  • demo
  • user feedback
  • future work
slide-5
SLIDE 5

Bildquelle: http://www.wallpaperstravel.com/wallpapers/seoul-night-traffic-for-us-1920x1200.jpg

How do restrictions impact

  • ur journeys through the city?
slide-6
SLIDE 6

Bildquelle: http://4.bp.blogspot.com/-QYZDua7aT_8/UXMV86umUaI/AAAAAAAAATM/baOarSHe4js/s1600/Kreuzung%2Bvoll.jpg

How do traffjc jams affect urban mobility?

slide-7
SLIDE 7

+

Location Time Range How far can you go from ? in ? minutes depending on daytime

=

slide-8
SLIDE 8

3,7 km 10:00 Uhr Wenig Verkehr 1,4 km 17:00 Uhr Feierabendverkehr

5

min

low traffjc rush hour

slide-9
SLIDE 9
slide-10
SLIDE 10
slide-11
SLIDE 11

developer.here.com

slide-12
SLIDE 12
slide-13
SLIDE 13
slide-14
SLIDE 14
slide-15
SLIDE 15
slide-16
SLIDE 16
slide-17
SLIDE 17

mapnifjcient.net

slide-18
SLIDE 18

isoscope.fh-potsdam.de

slide-19
SLIDE 19

Demo time!

slide-20
SLIDE 20

Isoscope uses:

  • modern browser
  • > leaflet.js (map framework)
  • > here map tiles
  • > isoline API (here)
  • > d3.js (svg rendering and styling)
slide-21
SLIDE 21

Something nice about isoscope

  • let‘s you dive right in
  • easy interaction
  • easy access via browser
  • no location restrictions
  • creates curiosity because

everyone is addressed

  • let‘s you find your own stories
slide-22
SLIDE 22

What is isoscope for?

slide-23
SLIDE 23

discussion at livehacker.com

slide-24
SLIDE 24

#isoscope at twitter.com

slide-25
SLIDE 25

Future work

  • make it mobile friendly
  • smoothen user inferface
  • smoothen interaction
  • possibility to compare areas easily
  • include public transit
  • more flexible time selection
slide-26
SLIDE 26

Use the power of maps!

slide-27
SLIDE 27

Use the power of maps!

Tell your story to the world and create curiosity!

slide-28
SLIDE 28

Thanks.

slide-29
SLIDE 29

Thanks.

Explore your own city: isoscope.fh-potsdam.de Give feedback: kontakt@martinvonlupin.de @martinvonlupin