Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

平成24年度 後期課題研究発表

480 views

Published on

平成24年度 後期課題研究発表会のスライドです。
会場は、茨城県近代美術館でした。

  • Be the first to comment

  • Be the first to like this

平成24年度 後期課題研究発表

  1. 1. 震災について考えるサイトの開発平成24年度 後期課題研究 茨城県立水戸工業高等学校 情報技術科 3年 小林 正樹
  2. 2. 1 . 概要 放射線や地震についての調査 ガイガーカウンタ(放射線測定器)の制作 東日本大震災の被害調査etc.. 地震について 放射線について
  3. 3. 2 . 目標
  4. 4. 3 . 簡易DBシステム(震災について考えるサイト)
  5. 5. 3 . 簡易DBシステム(震災について考えるサイト)
  6. 6. 3 . 簡易DBシステム(震災について考えるサイト)<a class="fancy" data-fancybox-type="image" data-fancybox-group="0"href="img/photo/oarai/5.jpg" title="茨城県東茨城郡大洗町港中央2フェリーターミナル付近 震災当時の様子 (2011-03-11)撮影"> <div class="photgrid"> <div class="cap"> <img src="img/photo/oarai/5.jpg" width="239" height="210"> <span class="status1">震災当時</span> </div> <p>フェリーターミナル付近</p> </div></a> 1つ1つ手作業だと不具合が起きる可能性 →勉強も兼ねてるので単調な作業は1年生も行う 派生サイトでは、これをベースに拡張の機能を実装する可能性 →画像のレイアウト等変更する度に全画像のコードに対して修正作業
  7. 7. 3 . 簡易DBシステム(震災について考えるサイト)コンテストに対応するためにjavascriptだけで実装 Photo.js リストテーブル 市町村名テーブル 市町村名(日本語) 市町村名(ローマ字) 市町村名(ローマ字) ・画像ID ・名称 取材者(日本語) ・住所 ・緯度 取材者(ローマ字) ・経度 ・撮影日 市町村長所在地(緯度) ・状態(震災直後 or 現在) 市町村長所在地(経度) 画像提供 コメント json : jsベースのデータ記述言語
  8. 8. 4 . レスポンシブデザイン(地震について考えるサイト)
  9. 9. 4 . レスポンシブデザイン(地震について考えるサイト) あらゆるデバイスに最適化したWebサイトを、 単一のHTMLで実現する
  10. 10. 4 . レスポンシブデザイン(地震について考えるサイト)デスクトップタブレットスマートフォン
  11. 11. 5 . HTML5化と旧世代ブラウザ Internet Explorer 54.13% Chrome 20.65% Firefox 14.54% Safari 7.62% Opera 1.03% Other 2.03% @2013 1/1 in JapanInternet Explorer 8のユーザが最も多い IE7と同等又はそれ以上の世代のブラウザに対応すればカバー出来る
  12. 12. 6 . 放射線量投稿アプリ(放射線について考えるサイト)
  13. 13. 6 . 放射線量投稿アプリ(放射線について考えるサイト) 放射線量データを 投稿 + 投稿データを閲覧投稿者 閲覧者 データの集計 HTMLで出力(Google Maps)
  14. 14. 7 . 結果 セミファイナリスト(トップ15)に選出共愛学園前橋国際大学ホームページコンテスト 決勝大会(トップ10)に選出
  15. 15. 8 . 開発環境Hardware ServerOS : Windows 8 Pro 6.2 build 9200 64bit OS : LinuxCPU : Intel Core2quad Q8200 @2.33Ghz Web Server : ApacheRAM : PC3-10600 DDR3 4096MB(1GB*4) FTP Server : ProftpdGPU : NVIDIA GeForce GTX 670 DDR5 2GB Storage : 30GB + 30GBPSU : SST-ST75F-P 750W (80+) Domain : makky4d6b3f5.org makkysnote.orgSoftware 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++
  16. 16. 9 . 実行 makkysnote.org 是非、見てみて下さい。 ご清聴ありがとうございました。

×