Download - Geolocation
![Page 1: Geolocation](https://reader031.vdocuments.mx/reader031/viewer/2022013011/554f1939b4c9058b388b4baa/html5/thumbnails/1.jpg)
GeolocationWhy your browser knows where your towel is
![Page 2: Geolocation](https://reader031.vdocuments.mx/reader031/viewer/2022013011/554f1939b4c9058b388b4baa/html5/thumbnails/2.jpg)
I am ?
Andy Cobley
@andycobley
School of Computing
![Page 3: Geolocation](https://reader031.vdocuments.mx/reader031/viewer/2022013011/554f1939b4c9058b388b4baa/html5/thumbnails/3.jpg)
What we going to do ?
Talk
Demos
Split in three groups
Discussion group
Shallow programming group
Deeper programming group
Presentations and discussion
![Page 4: Geolocation](https://reader031.vdocuments.mx/reader031/viewer/2022013011/554f1939b4c9058b388b4baa/html5/thumbnails/4.jpg)
Geolocation
Allows the browser to know where you are
But you control it !
The browser can use this
Or send it to the server
![Page 5: Geolocation](https://reader031.vdocuments.mx/reader031/viewer/2022013011/554f1939b4c9058b388b4baa/html5/thumbnails/5.jpg)
Programmers
Can use this for good
We don’t how much good yet
Possibly for evil as well, there’s always one
Or how much evil
![Page 6: Geolocation](https://reader031.vdocuments.mx/reader031/viewer/2022013011/554f1939b4c9058b388b4baa/html5/thumbnails/6.jpg)
Browser
You’ll need a nice browser like:
![Page 7: Geolocation](https://reader031.vdocuments.mx/reader031/viewer/2022013011/554f1939b4c9058b388b4baa/html5/thumbnails/7.jpg)
Am I going to talk all day ?
Demo 1
Please play along !
• http://html5demos.com/geo
• Note you can dowload the source code
![Page 8: Geolocation](https://reader031.vdocuments.mx/reader031/viewer/2022013011/554f1939b4c9058b388b4baa/html5/thumbnails/8.jpg)
Demo 2
Who likes Beer ?
• http://beernear.me/
• I borrowed some of this for our demo. Original is at:
http://thecodetrain.co.uk/2010/05/geolocation-and-beer-part-1-finding-the-user/
![Page 9: Geolocation](https://reader031.vdocuments.mx/reader031/viewer/2022013011/554f1939b4c9058b388b4baa/html5/thumbnails/9.jpg)
Demo 3
Gak, it’s all about socializing is it ?
Lets reinvent story telling:
BBC Perceptive media
http://futurebroadcasts.com/
Can we wait for a local reference ?
![Page 10: Geolocation](https://reader031.vdocuments.mx/reader031/viewer/2022013011/554f1939b4c9058b388b4baa/html5/thumbnails/10.jpg)
Discussion group
If you don’t want to try programming:
Form groups and come up with ideas ! What can we do with it
How can we apply it to education
What fun stuff could we do
![Page 11: Geolocation](https://reader031.vdocuments.mx/reader031/viewer/2022013011/554f1939b4c9058b388b4baa/html5/thumbnails/11.jpg)
Beginners programming group
From dropbox download:
https://www.dropbox.com/sh/ymjs5wzwm3ebbz7/Z-a3mxUljf
Unzip it and run it:
Open geoposition.js
I’ll talk you through
![Page 12: Geolocation](https://reader031.vdocuments.mx/reader031/viewer/2022013011/554f1939b4c9058b388b4baa/html5/thumbnails/12.jpg)
Try different search terms
Try changing the location by hand
You might need a plain text editor like notepad++
http://notepad-plus-plus.org/
![Page 13: Geolocation](https://reader031.vdocuments.mx/reader031/viewer/2022013011/554f1939b4c9058b388b4baa/html5/thumbnails/13.jpg)
More advanced
We’ll look at the javascript and pull out more info.
Add extra information
Try altering the formatting with different info
Does it work on a mobile
How accessible is it ?
![Page 14: Geolocation](https://reader031.vdocuments.mx/reader031/viewer/2022013011/554f1939b4c9058b388b4baa/html5/thumbnails/14.jpg)
Further stuff
Really avanced
Try looking at mapping
http://thecodetrain.co.uk/2010/05/geolocation-and-beer-part-1-finding-the-user/
![Page 15: Geolocation](https://reader031.vdocuments.mx/reader031/viewer/2022013011/554f1939b4c9058b388b4baa/html5/thumbnails/15.jpg)
Lets See what we’ve done !