Masaki Kobayashi, profile picture
Uploaded byMasaki Kobayashi
1,142 views

第9回 北関東３県工業高校生徒研究発表大会

第9回 北関東３県工業高校生徒研究発表大会の資料です。 最優秀賞を受賞しました。

Embed presentation

第9回 北関東３県工業高校生徒研究発表大会 Google StreetViewを用いた 図書情報システムの開発 茨城県立水戸工業高等学校 情報技術科 3年 小林 正樹
1 . 概要 付近にどんな本があるのか 読みたい本はどの辺りにあるのか 図書 DB 直感的 検索 に することが出来る
2 . 動機 もともとは 自作 StreetView の (校舎内全部) せっかく作るなら 見るだけ ではなく、 活用したい 「活字離れ」が進んでいる....(日本はワースト2位) 普段から本を読む生徒 図書館のStreetView →検索できる × 読まない生徒 蔵書検索 →読むきっかけに
3 . StreetView Google Maps (地図アプリ) ・ルート検索 ・乗り換え案内 など ・StreetView ←
3 . StreetView Google Maps JavaScript API V3を使用 Flashを搭載していないAndroidやiOS端末でも利用可能
3 . StreetView デジタルカメラ Sony DSC-WX30 ？ 三脚 KYODAI製
3 . StreetView ( 本体側 ) イメージサークル R = 3.85mm 焦点距離f = 4.5mm CMOSセンサ Width = 6.2mm Height = 4.6mm θ 2θ レンズ ( レンズ側 )
3 . StreetView θ = 40.55° よって捉えられる角度 2θ ≒ 80° 360°を捉えるには 5枚以上撮影すれば良い 撮影の際の角度調整の手間 と 加工するには隣合う画像は2～3割程重ねる必要 を考慮 １回転で撮影する枚数は８枚に決定
3 . StreetView 上下３０度で同じように８枚ずつ撮影しました
3 . StreetView 処理時間：約40分 8*3= 24枚の画像から１つのパノラマ画像が完成
3 . StreetView 処理時間：約10分 8*3= 24枚の画像から１つのパノラマ画像が完成
3 . StreetView 水戸工業図書館の間取りと撮影ポイント 撮影ﾎﾟｲﾝﾄ 机や本棚 K1 J1 I1 H1 G1 F1 E1 D1 C1 A1 入り口 B2 K2 J2 I2 H2 G2 F2 E2 D2 C2 A2 M2 L2 K3 J3 I3 H3 G3 K4 J4 I4 H4 G4 M3 N3 L3 F3 E3 D3 C3 K5 J5 I5 H5 G5 B3 K6 J6 I6 H6 G6 F4 E4 D4 C4 計 55箇所 撮影ポイントをIDで管理 → リンク処理＋検索処理に利用
4 . 検索機能 蔵書DBは約４万件 (40MB程度) 40MB …? →クライアント側で処理するのは非効率 検索処理をWebサーバで実行 →クライアント側では結果を受け取るだけ 4KB …! (“情報“で検索した場合)
4 . 検索機能 検索処理の流れ クライアント Webサーバ DBサーバ 検索キーワード SQL文 位置情報 検索フォーム 結果一覧 検索結果 HTML PHP SQL CSS JavaScript XML
4 . 検索機能 ３種類の検索フォーム キーワード検索 複数キーワード検索 StreetView検索
5 . 表紙画像の表示 Amazon Web Service →Amazonの商品DBを参照 ISBN：世界共通の図書特定のための番号 REST (XMLを取得) XMLを解析 表紙画像のURLを取り出す 477413869X HTML生成時に画像として 組み込む
6 . 結果
7 . 評価 検索する本の周辺に存在する図書についても知る 谷口忠大氏 ことが出来る点が良い。直感的に利用できるので、 (立命館大学 審査委員) 普段本を読まない人にも有効。 探したい本の近くに並ぶ同じジャンルの本まで目に 鈴木氏 入る。限られていた興味が横に広がっていくので、 (株) Nifty 理事長 書店の通信販売に使えば経済効果も生み出せる。
7 . 評価
7 . 評価 ・メディア 茨城新聞：ソフトウェアの高校生大会 小林さん(水戸工3年)日本一(2012年 9月 22日) よみうりタウンニュース：水戸工校・小林君 ソフトウェアコンで最優秀賞(2012年 10月 4日) 読売新聞：図書室を「ストリートビュー」…高３がソフト開発(2012年10月10日) SNS (Twitter Facebook はてなブックマーク etc…) ・研修会等 第２回 水戸地区学校司書研修会 第36回生徒図書委員中央研修会 ・水戸工業HP 訪問者数 (H24/09/01 – H24/10/20) 10/10 読売新聞掲載 9/18 最優秀賞受賞
8 . 今後 これらの技術を進化させ、世界中の人々に利用 されるような巨大なSNSの開発に携わりたい
9 . 参考文献 Google Developers PhotoshopVip https://developers.google.com/ http://photoshopvip.net/ Google Maps 活用講座 PHP Book http://googlemaps.googlermania.com/ http://www.phpbook.jp/ JavaScript Library Archive HTML5.JP http://javascript.webcreativepark.net/ http://www.html5.jp/ AjaxTower CSS3 Reference http://www.ajaxtower.jp/ http://www.htmq.com/css3/ PHP Manual W3Schools.com http://php.net/manual/ja/index.php http://www.w3schools.com/
10 . 開発環境 Hardware Server OS : Windows 8 Pro 6.2 build 9200 64bit OS : Linux CPU : Intel Core2quad Q8200 @2.33Ghz Web Server : Apache RAM : PC3-10600 DDR3 4096MB(1GB*4) FTP Server : Proftpd GPU : NVIDIA GeForce GTX 670 DDR5 2GB Storage : 30GB + 30GB PSU : SST-ST75F-P 750W (80+) Server IP:203.189.109.122 Domain :librarysearch.jp Software Device Google Chrome 20.0.1132.47 m Adobe Photoshop CS4 Sony DSC-WX30 (25mm-125mm f2.6) Cut GALAXY S III SC-06D (i9300) FileNameChanger iPad 3rd FFFTP iPod Touch 4th Notepad++
11 . 実行 実際の動作をご覧ください
12 . 最後に Webで公開しています http:// librarysearch.jp 是非、アクセスしてみて下さい ご清聴ありがとうございました

More Related Content

PDF
平成24年度 後期課題研究発表
byMasaki Kobayashi
 
PDF
Advanced motion controls dpcanis 030a800
byElectromate
 
PPTX
C shea 21 ctto presentaion
byColin Shea
 
PDF
Οι Εκδόσεις Gutenberg στα Social Media
bySuite7
 
PDF
AH CCM 02.08.16 - Item #5 - 612 Ogden
byMarian Vargas Mendoza
 
PPT
Gosnells Suburb Profile - Created by Peter Taliangis, Licensed Real Estate Ag...
byCarbon Neutral
 
PDF
Advanced motion controls ps16l36
byElectromate
 
PPT
Advert Research
byfinn ruttley-dornan
 
平成24年度 後期課題研究発表
byMasaki Kobayashi
 
Advanced motion controls dpcanis 030a800
byElectromate
 
C shea 21 ctto presentaion
byColin Shea
 
Οι Εκδόσεις Gutenberg στα Social Media
bySuite7
 
AH CCM 02.08.16 - Item #5 - 612 Ogden
byMarian Vargas Mendoza
 
Gosnells Suburb Profile - Created by Peter Taliangis, Licensed Real Estate Ag...
byCarbon Neutral
 
Advanced motion controls ps16l36
byElectromate
 
Advert Research
byfinn ruttley-dornan
 

Similar to 第9回 北関東３県工業高校生徒研究発表大会

PDF
3D Photo Tool by Ruby/Sinatra + JavaScript
byNISHIMOTO Keisuke
 
PDF
金沢スマホアプリコンテスト
by金沢工業高等専門学校
 
PDF
Flashup 12 Basic Training of Away3D
byKatsushi Suzuki
 
PDF
20080327 ku-librarians勉強会 #98：データベースからデータだけをいただく方法（web api入門）
bykulibrarians
 
PDF
PochiWalk_intro
bykoozyt_pochi
 
PDF
2012 6 6_ga_tracker_chinaminamoto_slideshare
byChina Minamoto
 
PDF
『Androidアプリ「おもてナビ」の開発にみるARとGPSの活用ポイント』カサレアル石川氏
byDevelopers Summit
 
PPTX
日本Androidの会のハンズオンセミナー資料（20130315）
byeijikushida
 
PDF
Ssaw08 1028
byAtsushi Tadokoro
 
PDF
地質調査デジタル化の現状と期待（産業技術総合研究所・吉川様）
byOSgeo Japan
 
PDF
iPhoneカメラアプリ開発入門（第１回）
byTakashi Ohtsuka
 
PPTX
「LIFULL HOME'Sデータセット」提供を通じた不動産テック分野のオープンイノベーション
byYoji Kiyota
 
PDF
Linked Open Dataとは
byFumihiro Kato
 
PPTX
Osckyoto2012 osgeojp foss4g
byTakashige Nakagawa
 
PDF
今更Exif forensics
byForensics0ro
 
PPTX
シー・ビブリオ(作成中)
bygenroku
 
PPTX
シー・ビブリオ
bygenroku
 
PPTX
「Windows 8 ストア アプリ開発 tips」 hokuriku.net vol.11 (2013年1月26日)
byFujio Kojima
 
PPTX
Xamarinで作る 「オリジナルタイル地図」アプリ
byKohei Otsuka
 
PDF
Yokohama mp for newbies
bySatoshi Iida
 
3D Photo Tool by Ruby/Sinatra + JavaScript
byNISHIMOTO Keisuke
 
金沢スマホアプリコンテスト
by金沢工業高等専門学校
 
Flashup 12 Basic Training of Away3D
byKatsushi Suzuki
 
20080327 ku-librarians勉強会 #98：データベースからデータだけをいただく方法（web api入門）
bykulibrarians
 
PochiWalk_intro
bykoozyt_pochi
 
2012 6 6_ga_tracker_chinaminamoto_slideshare
byChina Minamoto
 
『Androidアプリ「おもてナビ」の開発にみるARとGPSの活用ポイント』カサレアル石川氏
byDevelopers Summit
 
日本Androidの会のハンズオンセミナー資料（20130315）
byeijikushida
 
Ssaw08 1028
byAtsushi Tadokoro
 
地質調査デジタル化の現状と期待（産業技術総合研究所・吉川様）
byOSgeo Japan
 
iPhoneカメラアプリ開発入門（第１回）
byTakashi Ohtsuka
 
「LIFULL HOME'Sデータセット」提供を通じた不動産テック分野のオープンイノベーション
byYoji Kiyota
 
Linked Open Dataとは
byFumihiro Kato
 
Osckyoto2012 osgeojp foss4g
byTakashige Nakagawa
 
今更Exif forensics
byForensics0ro
 
シー・ビブリオ(作成中)
bygenroku
 
シー・ビブリオ
bygenroku
 
「Windows 8 ストア アプリ開発 tips」 hokuriku.net vol.11 (2013年1月26日)
byFujio Kojima
 
Xamarinで作る 「オリジナルタイル地図」アプリ
byKohei Otsuka
 
Yokohama mp for newbies
bySatoshi Iida
 

More from Masaki Kobayashi

PPTX
Github講座#1
byMasaki Kobayashi
 
PDF
ITF. 競プロCTF勉強会 #2 web編
byMasaki Kobayashi
 
PDF
ヤギにサーバーを管理してもらう話
byMasaki Kobayashi
 
PDF
プログラミングが(好き|嫌い)な方のためのKlisLT
byMasaki Kobayashi
 
PDF
klis大学説明会 パネルディスカッション@AC
byMasaki Kobayashi
 
PDF
震災について考えるサイト | 第15回全日本中学高校WebコンテストThinkQuest JAPAN
byMasaki Kobayashi
 
Github講座#1
byMasaki Kobayashi
 
ITF. 競プロCTF勉強会 #2 web編
byMasaki Kobayashi
 
ヤギにサーバーを管理してもらう話
byMasaki Kobayashi
 
プログラミングが(好き|嫌い)な方のためのKlisLT
byMasaki Kobayashi
 
klis大学説明会 パネルディスカッション@AC
byMasaki Kobayashi
 
震災について考えるサイト | 第15回全日本中学高校WebコンテストThinkQuest JAPAN
byMasaki Kobayashi
 

第9回 北関東３県工業高校生徒研究発表大会

  • 1.
    第9回 北関東３県工業高校生徒研究発表大会 Google StreetViewを用いた 図書情報システムの開発 茨城県立水戸工業高等学校 情報技術科 3年 小林 正樹
  • 2.
    1 . 概要 付近にどんな本があるのか 読みたい本はどの辺りにあるのか 図書 DB 直感的 検索 に することが出来る
  • 3.
    2 . 動機 もともとは 自作 StreetView の (校舎内全部) せっかく作るなら 見るだけ ではなく、 活用したい 「活字離れ」が進んでいる....(日本はワースト2位) 普段から本を読む生徒 図書館のStreetView →検索できる × 読まない生徒 蔵書検索 →読むきっかけに
  • 4.
    3 . StreetView Google Maps (地図アプリ) ・ルート検索 ・乗り換え案内 など ・StreetView ←
  • 5.
    3 . StreetView Google Maps JavaScript API V3を使用 Flashを搭載していないAndroidやiOS端末でも利用可能
  • 6.
    3 . StreetView デジタルカメラ Sony DSC-WX30 ？ 三脚 KYODAI製
  • 7.
    3 . StreetView ( 本体側 ) イメージサークル R = 3.85mm 焦点距離f = 4.5mm CMOSセンサ Width = 6.2mm Height = 4.6mm θ 2θ レンズ ( レンズ側 )
  • 8.
    3 . StreetView θ = 40.55° よって捉えられる角度 2θ ≒ 80° 360°を捉えるには 5枚以上撮影すれば良い 撮影の際の角度調整の手間 と 加工するには隣合う画像は2～3割程重ねる必要 を考慮 １回転で撮影する枚数は８枚に決定
  • 9.
  • 10.
    3 . StreetView 処理時間：約40分 8*3= 24枚の画像から１つのパノラマ画像が完成
  • 11.
    3 . StreetView 処理時間：約10分 8*3= 24枚の画像から１つのパノラマ画像が完成
  • 12.
    3 . StreetView 水戸工業図書館の間取りと撮影ポイント 撮影ﾎﾟｲﾝﾄ 机や本棚 K1 J1 I1 H1 G1 F1 E1 D1 C1 A1 入り口 B2 K2 J2 I2 H2 G2 F2 E2 D2 C2 A2 M2 L2 K3 J3 I3 H3 G3 K4 J4 I4 H4 G4 M3 N3 L3 F3 E3 D3 C3 K5 J5 I5 H5 G5 B3 K6 J6 I6 H6 G6 F4 E4 D4 C4 計 55箇所 撮影ポイントをIDで管理 → リンク処理＋検索処理に利用
  • 13.
    4 . 検索機能 蔵書DBは約４万件 (40MB程度) 40MB …? →クライアント側で処理するのは非効率 検索処理をWebサーバで実行 →クライアント側では結果を受け取るだけ 4KB …! (“情報“で検索した場合)
  • 14.
    4 . 検索機能 検索処理の流れ クライアント Webサーバ DBサーバ 検索キーワード SQL文 位置情報 検索フォーム 結果一覧 検索結果 HTML PHP SQL CSS JavaScript XML
  • 15.
    4 . 検索機能 ３種類の検索フォーム キーワード検索 複数キーワード検索 StreetView検索
  • 16.
    5 . 表紙画像の表示 Amazon Web Service →Amazonの商品DBを参照 ISBN：世界共通の図書特定のための番号 REST (XMLを取得) XMLを解析 表紙画像のURLを取り出す 477413869X HTML生成時に画像として 組み込む
  • 17.
  • 18.
    7 . 評価 検索する本の周辺に存在する図書についても知る 谷口忠大氏 ことが出来る点が良い。直感的に利用できるので、 (立命館大学 審査委員) 普段本を読まない人にも有効。 探したい本の近くに並ぶ同じジャンルの本まで目に 鈴木氏 入る。限られていた興味が横に広がっていくので、 (株) Nifty 理事長 書店の通信販売に使えば経済効果も生み出せる。
  • 19.
  • 20.
    7 . 評価 ・メディア 茨城新聞：ソフトウェアの高校生大会小林さん(水戸工3年)日本一(2012年 9月 22日) よみうりタウンニュース：水戸工校・小林君 ソフトウェアコンで最優秀賞(2012年 10月 4日) 読売新聞：図書室を「ストリートビュー」…高３がソフト開発(2012年10月10日) SNS (Twitter Facebook はてなブックマーク etc…) ・研修会等 第２回 水戸地区学校司書研修会 第36回生徒図書委員中央研修会 ・水戸工業HP 訪問者数 (H24/09/01 – H24/10/20) 10/10 読売新聞掲載 9/18 最優秀賞受賞
  • 21.
    8 . 今後 これらの技術を進化させ、世界中の人々に利用 されるような巨大なSNSの開発に携わりたい
  • 22.
    9 . 参考文献 Google Developers PhotoshopVip https://developers.google.com/ http://photoshopvip.net/ Google Maps 活用講座 PHP Book http://googlemaps.googlermania.com/ http://www.phpbook.jp/ JavaScript Library Archive HTML5.JP http://javascript.webcreativepark.net/ http://www.html5.jp/ AjaxTower CSS3 Reference http://www.ajaxtower.jp/ http://www.htmq.com/css3/ PHP Manual W3Schools.com http://php.net/manual/ja/index.php http://www.w3schools.com/
  • 23.
    10 . 開発環境 Hardware Server OS : Windows 8 Pro 6.2 build 9200 64bit OS : Linux CPU : Intel Core2quad Q8200 @2.33Ghz Web Server : Apache RAM : PC3-10600 DDR3 4096MB(1GB*4) FTP Server : Proftpd GPU : NVIDIA GeForce GTX 670 DDR5 2GB Storage : 30GB + 30GB PSU : SST-ST75F-P 750W (80+) Server IP:203.189.109.122 Domain :librarysearch.jp Software Device Google Chrome 20.0.1132.47 m Adobe Photoshop CS4 Sony DSC-WX30 (25mm-125mm f2.6) Cut GALAXY S III SC-06D (i9300) FileNameChanger iPad 3rd FFFTP iPod Touch 4th Notepad++
  • 24.
    11 . 実行 実際の動作をご覧ください
  • 25.
    12 . 最後に Webで公開しています http:// librarysearch.jp 是非、アクセスしてみて下さい ご清聴ありがとうございました