OSC2007-niigata - mashup
•
3 likes•1,983 views
This document discusses using various web APIs and mashups to build an application for finding and displaying information about Japanese hot springs (onsen). It includes summaries of: - Using the OnsenSearch API to search for and retrieve onsen data - Displaying onsen locations from the API response on a Google Map using the Google Maps API and YM4R/GM plugin - Enhancing the onsen objects with latitude/longitude values from geocoding the addresses using the Google Maps API - Marking the onsen locations on the map and including info windows with partial views - Adding a photo for each onsen by searching the Yahoo Image Search API
More Related Content
What's hot
What's hot (19)
Similar to OSC2007-niigata - mashup
Similar to OSC2007-niigata - mashup (20)
More from Yuichiro MASUI
More from Yuichiro MASUI (13)
Recently uploaded
Recently uploaded (20)
OSC2007-niigata - mashup
- 3. ↓Macbook pro
- 4. ↓Macbook pro Not
- 5. 1
- 6. Rails
- 7. Mashup
- 9. Mashup
- 11. Remix
- 12. Remix
- 13. Mashup
- 16. Mashup
- 18. Mashup
- 21. HTML
- 23. API
- 25. Web2.0
- 31. WebAPI
- 32. WebAPI
- 33. 3
- 35. RSS Amazon Web Service Google net
- 40. →MP3
- 43. Google Maps NIFTY Timeline API
- 45. API MVC M V
- 46. Controller
- 48. PHP, Perl, Ruby, Java....
- 49. PHP
- 50. Ruby on Rails
- 52. Web2.0
- 54. Rails2.0
- 55. Rails2.0
- 56. ActiveResource
- 57. Rails Rails
- 59. Mashup
- 60. OSC-Do blog
- 62. WebAPI
- 67. API
- 69. API
- 70. API URL
- 71. http://jws.jalan.net/APICommon/ OnsenSearch/V1/? key=**********&l_area=010802 &count=1&xml_ptn=1
- 72. XML
- 75. Rails
- 77. require 'net/http' require 'cgi' require 'rexml/document' class Onsen attr_accessor :address, :name, :id KEY = 'phe11375af71ba' URL = 'http://jws.jalan.net/APICommon/OnsenSearch/V1/?' def self.find(params) results = [] get(params).elements.each('Results/Onsen') do |el| results << Onsen.new(el.elements[quot;OnsenIDquot;].text, el.elements[quot;OnsenNamequot;].text, el.elements[quot;OnsenAddressquot;].text) end results end def self.url(params) params[:key] = KEY URI.parse(URL+((params.map { |key,value| quot;#{key}=#{CGI::escape(value.to_s)}quot;}).join('&'))) end def self.get(params) REXML::Document.new(Net::HTTP.get(url(params))) end def initialize(id, name, address) @id, @name, @address = id, name, address end end
- 78. API
- 80. Web
- 82. irb> puts Onsen.find(:count => 10, :pref => '170000').map{|o| o.name}.join(',') => , , , , , , , , , ( )
- 83. Google Map
- 84. Ruby
- 85. YM4R/GM
- 87. $ rails onsen -d sqlite3 $ cd onsen $ script/plugin install svn://rubyforge.org/var/svn/ym4r/Plugins/GM/trunk/ym4r_gm $ ./script/generate controller onsen index
- 89. class OnsenController < ApplicationController def index @map = GMap.new(quot;map_divquot;) @map.control_init :large_map => true, :map_type => true @map.center_zoom_init([37.60988,138.872681], 10) end end
- 90. <html> <head> <%= GMap.header %> <%= @map.to_html %> </head> <body> <%= @map.div(:width => 600, :height => 400) %> </body> </html>
- 94. Google Maps
- 95. API
- 98. Google Maps API
- 99. YM4R/GM
- 101. irb> nigata = Geocoding.get(‘ ’) irb> nigata.first.latlon => [37.912016, 139.061847]
- 102. Onsen
- 103. class Onsen def latlon Geocoding.get(@address).first.latlon end end
- 104. Google
- 106. class Onsen def latlon Geocoding.get(@address.gsub(/( | | ).{1,5} /,'¥¥1')).first.latlon end end
- 107. 2 API Mashup
- 109. class OnsenController < ApplicationController def index @map = GMap.new(quot;map_divquot;) @map.control_init(:large_map => true, :map_type => true) @map.center_zoom_init([37.60988,138.872681], 8) return Onsen.find(:count => 30, :pref => '170000').each do |o| begin marker = GMarker.new( o.latlon, :title => o.name, :info_window => render_to_string( :partial => 'point', :locals => { :onsen => o }) ) @map.overlay_init(marker) rescue end end end
- 110. HTML
- 111. <div><strong><%=h onsen.name %></strong></div> <div><%=h onsen.address %></div>
- 116. Flickr
- 118. WebAPI
- 119. Ruby
- 121. API
- 123. Yahoo Web
- 128. http://api.search.yahoo.co.jp/ ImageSearchService/V1/ imageSearch? appid=YahooDemo&results=1& query=
- 130. Onsen
- 131. class Onsen def photo Onsen.get({ :appid=>'onsen', :query=>@name.gsub(/ ¥(.*/,''), :results => 1}, quot;http://api.searc........rch?quot; ).elements['/ResultSet/Result/Thumbnail/ Url'].text end end
- 134. <div><strong><%=h onsen.name %></strong></div> <div><%=h onsen.address %></div> <div style=quot;height: 120pxquot;> <%= image_tag(onsen.photo) rescue 'No photo' %> </div>
- 146. acts_as_commentable
- 148. jpmobile