Mapping Tweets on the Go Convergence of  Social, Mobile and Location-Based Services  Shawn Shen Developer Advocate Google ...
Three Powerful Trends <ul><ul><li>Social Web and Apps: Facebook/Twitter  </li></ul></ul><ul><ul><li>Mobile Web and Mobile ...
Google Maps (now Mobile) <ul><ul><li>Maps API V3 </li></ul></ul><ul><ul><ul><li>Designed with Model View Controller (MVC) ...
Social Networks Going Geo <ul><ul><li>Twitter  </li></ul></ul><ul><ul><ul><li>Grown 10-15x in 2009 at ~50M users </li></ul...
Mobile Apps and Mobile Web <ul><ul><li>Mobile Apps </li></ul></ul><ul><ul><ul><li>iPhone: 100K+ apps; billions of installs...
Convergence of the Three Trends <ul><ul><li>Social Web and Apps: Facebook + Twitter </li></ul></ul><ul><ul><li>Mobile Web ...
Dec '09 Geo Hackathon at Googleplex <ul><ul><li>Time: 12/15 Tues </li></ul></ul><ul><ul><li>Location:  </li></ul></ul><ul>...
Demo App: Mapping Tweets on the Go iUI :  Library for web apps on mobile phones
Location-aware Tweets
Demo & References <ul><li>http://mmmop.com </li></ul><ul><li>  </li></ul><ul><li>Links </li></ul><ul><ul><li>iUI:  http://...
How Does the Demo App Work? <ul><ul><li>Front-end </li></ul></ul><ul><ul><ul><li>iUI :  Look and Feel of Native App </li><...
Get Geo Location <ul><li>                         navigator.geolocation.getCurrentPosition(function(position) {       // s...
Get Geo-tagged Tweets <ul><li>            tweets = api.GetUserTimeline()            buff = '<?xml version=&quot;1.0&quot; ...
Put Geo Tweets as Markers  <ul><li>downloadUrl('tw.php', addTweets); </li></ul><ul><li>function addTweets(data) {  </li></...
More Services: Local Search
Monetization: Map Ad Unit
Monetization: GoogleBar
Dec '09 Geo Hackathon <ul><ul><li>Google Maps/Earth APIs  </li></ul></ul><ul><ul><li>Time: 12/15 Tues </li></ul></ul><ul><...
Upcoming SlideShare
Loading in …5
×

Mapping Tweets On The Go

1,664 views
1,582 views

Published on

Convergence of Maps, Social, and LBS on Mobile devices

Published in: Technology, News & Politics
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,664
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
10
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Mapping Tweets On The Go

  1. 1. Mapping Tweets on the Go Convergence of Social, Mobile and Location-Based Services Shawn Shen Developer Advocate Google   Nov 17, '09
  2. 2. Three Powerful Trends <ul><ul><li>Social Web and Apps: Facebook/Twitter  </li></ul></ul><ul><ul><li>Mobile Web and Mobile Apps  </li></ul></ul><ul><li>  </li></ul><ul><ul><li>Location, Maps, and LBS </li></ul></ul>
  3. 3. Google Maps (now Mobile) <ul><ul><li>Maps API V3 </li></ul></ul><ul><ul><ul><li>Designed with Model View Controller (MVC) </li></ul></ul></ul><ul><ul><ul><li>Optimized for Mobile apps </li></ul></ul></ul><ul><ul><li>Local Search APIs </li></ul></ul><ul><ul><li>Monetization </li></ul></ul><ul><ul><ul><li>Map Ad Unit </li></ul></ul></ul><ul><ul><ul><li>GoogleBar </li></ul></ul></ul><ul><ul><ul><li>AdSense for Mobile </li></ul></ul></ul><ul><ul><ul><li>AdSense for Mobile Apps  </li></ul></ul></ul><ul><ul><ul><li>AdMob... </li></ul></ul></ul>
  4. 4. Social Networks Going Geo <ul><ul><li>Twitter  </li></ul></ul><ul><ul><ul><li>Grown 10-15x in 2009 at ~50M users </li></ul></ul></ul><ul><ul><ul><li>Working on geo/location APIs </li></ul></ul></ul><ul><ul><ul><ul><li>Location-based Trend APIs </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Location-aware Tweets with Lat/Long </li></ul></ul></ul></ul><ul><ul><li>Facebook </li></ul></ul><ul><ul><ul><li>300M+ users </li></ul></ul></ul><ul><ul><ul><li>Platform of Apps: $800M run rate </li></ul></ul></ul><ul><ul><ul><li>Working on geo-location-based services </li></ul></ul></ul><ul><ul><li>Social APIs and Platforms </li></ul></ul><ul><ul><ul><li>200-300K developers </li></ul></ul></ul><ul><ul><ul><li>Billions of app installs </li></ul></ul></ul>
  5. 5. Mobile Apps and Mobile Web <ul><ul><li>Mobile Apps </li></ul></ul><ul><ul><ul><li>iPhone: 100K+ apps; billions of installs </li></ul></ul></ul><ul><ul><ul><li>Android:  </li></ul></ul></ul><ul><ul><ul><ul><li>13K+ apps </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Google Maps Navigation  </li></ul></ul></ul></ul><ul><ul><ul><li>100K+ developers </li></ul></ul></ul><ul><ul><li>Mobile Web </li></ul></ul><ul><ul><ul><li>Usage growth 100-200% y/y </li></ul></ul></ul><ul><ul><ul><li>Monthly unique users 1/3 of web 80-100M  </li></ul></ul></ul><ul><ul><li>Ads market </li></ul></ul><ul><ul><ul><li>$500M+ </li></ul></ul></ul><ul><ul><ul><li>AdMob acquired by Google </li></ul></ul></ul>
  6. 6. Convergence of the Three Trends <ul><ul><li>Social Web and Apps: Facebook + Twitter </li></ul></ul><ul><ul><li>Mobile Web and Mobile Apps </li></ul></ul><ul><ul><li>Location-aware services on Google Maps </li></ul></ul><ul><li>  </li></ul><ul><li>  </li></ul><ul><li>    Google Maps + Social + Mobile </li></ul><ul><li>   => Lots of Creative Apps </li></ul>
  7. 7. Dec '09 Geo Hackathon at Googleplex <ul><ul><li>Time: 12/15 Tues </li></ul></ul><ul><ul><li>Location:  </li></ul></ul><ul><ul><ul><ul><li>Bodega Bay Tech Talk </li></ul></ul></ul></ul><ul><ul><ul><ul><li>1950 Charleston Ave </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Googleplex </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Mountain View, CA </li></ul></ul></ul></ul><ul><ul><li>RSVP at : </li></ul></ul><ul><li>http://bit.ly/2KdlYJ </li></ul><ul><li>  or http://www.meetup.com/webmapsocial/calendar/11877554/ </li></ul>
  8. 8. Demo App: Mapping Tweets on the Go iUI : Library for web apps on mobile phones
  9. 9. Location-aware Tweets
  10. 10. Demo & References <ul><li>http://mmmop.com </li></ul><ul><li>  </li></ul><ul><li>Links </li></ul><ul><ul><li>iUI: http://code.google.com/p/iui/ </li></ul></ul><ul><ul><li>python-twitter:  </li></ul></ul><ul><ul><ul><li>http://code.google.com/p/python-twitter/ </li></ul></ul></ul><ul><ul><li>Blog by Bob Hitching: mobile web apps </li></ul></ul><ul><ul><ul><li>http://bit.ly/1Uh2Ph </li></ul></ul></ul><ul><ul><li>Maps Javascript API V3 </li></ul></ul><ul><ul><ul><li>http://code.google.com/apis/maps/documentation/v3/ </li></ul></ul></ul>
  11. 11. How Does the Demo App Work? <ul><ul><li>Front-end </li></ul></ul><ul><ul><ul><li>iUI : Look and Feel of Native App </li></ul></ul></ul><ul><ul><ul><li>Google Maps API V3 : optimized for mobile </li></ul></ul></ul><ul><li>  </li></ul><ul><ul><li>Back-end   </li></ul></ul><ul><ul><ul><li>Google App Engine </li></ul></ul></ul><ul><ul><ul><li>python-twitter library </li></ul></ul></ul><ul><ul><ul><li>Twitter APIs </li></ul></ul></ul>
  12. 12. Get Geo Location <ul><li>                        navigator.geolocation.getCurrentPosition(function(position) {      // success - geolocation authorized by user.                         </li></ul><ul><li>     map.setOptions({         center: new google.maps.LatLng( </li></ul><ul><li>                 position.coords.latitude, position.coords.longitude),         zoom: 11      });    }, function() {      // fail - geolocation denied by user. do nothing. </li></ul><ul><li>   }); </li></ul>
  13. 13. Get Geo-tagged Tweets <ul><li>           tweets = api.GetUserTimeline()            buff = '<?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot;?>' + &quot; &quot;            buff = buff + &quot;<markers> &quot;            for u in tweets:                id = u.GetId()                ddd = api.GetStatus(id)                dd = json.read(ddd)                for g in dd.iterkeys():                  if g == 'geo' and dd[g] != None : </li></ul><ul><li>                       buff = buff + &quot; <marker &quot;                        buff = buff + 'id=&quot;' + str(u.GetId()) + '&quot; '                        ... </li></ul><ul><li>           buff = buff + &quot;</markers> &quot; </li></ul><ul><li>           self.response.out.write(buff) </li></ul>
  14. 14. Put Geo Tweets as Markers <ul><li>downloadUrl('tw.php', addTweets); </li></ul><ul><li>function addTweets(data) {  </li></ul><ul><li>   var m = data.documentElement.getElementsByTagName(&quot;marker&quot;);    for (var i = 0; i < m.length; i++) {          ...          lat = parseFloat(m[i].getAttribute(&quot;lat&quot;));          lng = parseFloat(m[i].getAttribute(&quot;lng&quot;)); </li></ul><ul><li>         ...          marker = new google.maps.Marker({                           position: new google.maps.LatLng(lat, lng),                           ...                         });    } </li></ul><ul><li>} </li></ul>
  15. 15. More Services: Local Search
  16. 16. Monetization: Map Ad Unit
  17. 17. Monetization: GoogleBar
  18. 18. Dec '09 Geo Hackathon <ul><ul><li>Google Maps/Earth APIs </li></ul></ul><ul><ul><li>Time: 12/15 Tues </li></ul></ul><ul><ul><li>Location:  </li></ul></ul><ul><ul><ul><ul><li>Bodega Bay Tech Talk </li></ul></ul></ul></ul><ul><ul><ul><ul><li>1950 Charleston Ave </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Googleplex </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Mountain View, CA </li></ul></ul></ul></ul><ul><ul><li>RSVP at : </li></ul></ul><ul><li>http://bit.ly/2KdlYJ </li></ul><ul><li>  or http://www.meetup.com/webmapsocial/calendar/11877554/ </li></ul>

×