swissAR THE HITCHHIKERS GUIDE TO SWITZERLAND thomas weibel | - - PowerPoint PPT Presentation

▶

swissar

swissAR THE HITCHHIKERS GUIDE TO SWITZERLAND thomas weibel | - - PowerPoint PPT Presentation

Jul 03, 2023 628 likes •843 views

thomas weibel | www.thomasweibel.ch swissAR THE HITCHHIKERS GUIDE TO SWITZERLAND thomas weibel | www.thomasweibel.ch what? (1) HTML 5 webpage A-Frame 1.0.4 AR.js 3 open data elevation model open data toponymy database

slide-1

SLIDE 1

swissAR

THE HITCHHIKER’S GUIDE TO SWITZERLAND

thomas weibel | www.thomasweibel.ch

slide-2

SLIDE 2

what? (1)

 HTML 5 webpage  A-Frame 1.0.4  AR.js 3  open data elevation model  open data toponymy database  open data postcode database

thomas weibel | www.thomasweibel.ch

slide-3

SLIDE 3

what? (2)

 launch camera  retrieve geolocation data  retrieve compass heading  access and process motion sensor data  calculate height above sea level  calculate POI within a given range  display POI

DOES NOT STORE ANY DATA

thomas weibel | www.thomasweibel.ch

slide-4

SLIDE 4

thomas weibel | www.thomasweibel.ch

slide-5

SLIDE 5

 compass with heading in °

thomas weibel | www.thomasweibel.ch

slide-6

SLIDE 6

 compass with heading in °  current height above sea level

thomas weibel | www.thomasweibel.ch

slide-7

SLIDE 7

 compass with heading in °  user height above sea level  color code

thomas weibel | www.thomasweibel.ch

slide-8

SLIDE 8

 compass with heading in °  user height above sea level  color code  place, hilltop, site names

thomas weibel | www.thomasweibel.ch

slide-9

SLIDE 9

 compass with heading in °  user height above sea level  color code  place, hilltop, site names  air-line distance

thomas weibel | www.thomasweibel.ch

slide-10

SLIDE 10

 compass with heading in °  user height above sea level  color code  place, hilltop, site names  air-line distance  height above sea level

thomas weibel | www.thomasweibel.ch

slide-11

SLIDE 11

 compass with heading in °  user height above sea level  color code  place, hilltop, site names  air-line distance  height above sea level  lift cam button

thomas weibel | www.thomasweibel.ch

slide-12

SLIDE 12

 compass with heading in °  user height above sea level  color code  place, hilltop, site names  air-line distance  height above sea level  lift cam button  lower cam button

thomas weibel | www.thomasweibel.ch

slide-13

SLIDE 13

thomas weibel | www.thomasweibel.ch

 compass with heading in °  user height above sea level  color code  place, hilltop, site names  air-line distance  height above sea level  lift cam button  lower cam button  recalibrate button

slide-14

SLIDE 14

 compass with heading in °  user height above sea level  color code  place, hilltop, site names  air-line distance  height above sea level  lift cam button  lower cam button  recalibrate button  cam height indicator

thomas weibel | www.thomasweibel.ch

slide-15

SLIDE 15

thomasweibel.ch/swissar

thomas weibel | www.thomasweibel.ch

slide-16

SLIDE 16

 launch your camera app  point your smartphone to qr code  hold your smartphone upright  confirm website access  confirm camera access  confirm geolocation access  confirm motion sensor access (2x)  keep still during calibration

thomas weibel | www.thomasweibel.ch

how-to

slide-17

SLIDE 17

thomasweibel.ch/swissar (Y) thomasweibel.ch/swissar (N) thomasweibel.ch/swissar?ort=Chur thomasweibel.ch/swissar?plz=8001 thomasweibel.ch/swissar?lon=637071&lat=161752

thomas weibel | www.thomasweibel.ch

 current location  Berne (default lon/lat)  Chur  Zurich  Wengen

parameters

slide-18

SLIDE 18

 towns and villages  peaks and hilltops  cultural heritage sites  churches and monasteries  rivers and lakes  bus and railway stations  cable cars  shipping piers  industrial sites  sports facilities

thomas weibel | www.thomasweibel.ch

topics

slide-19

SLIDE 19

UI constraints downscaling, clipping interaction, UX recalibration easy, quick, cheap nice experiment more info: hack.glam.opendata.ch/project/4

thomas weibel | www.thomasweibel.ch

conclusion

slide-20

SLIDE 20

thx!

(and never get lost again!)

thomas weibel | www.thomasweibel.ch

thomasweibel.ch/swissar