More Related Content
平成24年度 後期課題研究発表
- 1. 震災について考える サイトの開発 平成24年度 後期課題研究 茨城県立水戸工業高等学校 情報技術科 3年 小林 正樹
- 2. 1 . 概要 放射線や地震についての調査 ガイガーカウンタ(放射線測定器)の制作 東日本大震災の被害調査etc.. 地震について 放射線について
- 3.
- 4.
- 5.
- 6. 3 . 簡易DBシステム(震災について考えるサイト) <aclass="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> １つ１つ手作業だと不具合が起きる可能性 →勉強も兼ねてるので単調な作業は１年生も行う 派生サイトでは、これをベースに拡張の機能を実装する可能性 →画像のレイアウト等変更する度に全画像のコードに対して修正作業
- 7. 3 . 簡易DBシステム(震災について考えるサイト) コンテストに対応するためにjavascriptだけで実装 Photo.js リストテーブル 市町村名テーブル 市町村名(日本語) 市町村名(ローマ字) 市町村名(ローマ字) ・画像ID ・名称 取材者(日本語) ・住所 ・緯度 取材者(ローマ字) ・経度 ・撮影日 市町村長所在地(緯度) ・状態(震災直後 or 現在) 市町村長所在地(経度) 画像提供 コメント json ： jsベースのデータ記述言語
- 8.
- 9. 4 . レスポンシブデザイン(地震について考えるサイト) あらゆるデバイスに最適化したWebサイトを、 単一のHTMLで実現する
- 10.
- 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 Japan Internet Explorer 8のユーザが最も多い IE7と同等又はそれ以上の世代のブラウザに対応すればカバー出来る
- 12.
- 13. 6 . 放射線量投稿アプリ(放射線について考えるサイト) 放射線量データを 投稿 + 投稿データを閲覧 投稿者 閲覧者 データの集計 HTMLで出力(Google Maps)
- 14. 7 . 結果 セミファイナリスト(トップ15)に選出 共愛学園前橋国際大学 ホームページコンテスト 決勝大会(トップ10)に選出
- 15. 8 . 開発環境 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+) Domain : makky4d6b3f5.org makkysnote.org 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++
- 16. 9 . 実行 makkysnote.org 是非、見てみて下さい。 ご清聴ありがとうございました。