1032093 高超

1. 1032093高超 2013年度卒業研究 HTML5学習のためのE-learningシステムの構築 奥平研究室 An HTML5 E-learning System for Web Contents Description :: システム概要 :: 研究背景 • HTMLは大幅に改定され，HTML5では音楽や動画など多様な • 　　メディアをHTMLでシンプルに扱える • インターネット上にHTML5の学習教材は少なく，初心者に必要な情報がまとまったものがない • 初心者がWeb上で気軽に学習できるようにシステムが望まれる 学習画面 E-learningサイトへ跳べる サンプル サイト画面 各章に跳べるメニューを設置 サンプルサイトで内容確認できる 「サンプルへ」を押す :: 研究目的 ブラウザ毎のアイコン色により， 機能の対応表示を確認できる • サンプルを用いて学習していくことにより，HTML5ベースのホームページを完成できるようにすることで，学習意欲を保ちや理解度を高めるのHTML5学習システムを構築する 短文で簡潔な文章表現する ブラウザ上での表示画面 :: 学習項目 TOP画面 1.HTML5とは： ・HTML5とは ・特徴 ・基本構造 2.文書の基本： ・ルビ（ひらがな） ・リスト ・テーブル，表 3.セクション： ・ナビゲーション ・リンク指定 ・フッタを表示する 4.コンテンツ： ・画像 ・音声ファイル ・動画 5.フォーム： ・入力フォーム ・ラジオボタン ・チェックボックス ・フィールド ・送信ボタン 6.CSS関連： ・CSSについて ・背景 ・テキストの設定 ・ボーダーとその他 7.辞書： ・HTML5関連 ・CSS関連 対応するHTML5のコードソースを示す 説明内容を図で表す 要素の解説を表示する :: 評価実験と結果 HTML5未経験者10人に対し，アンケートによる評価実験を行った結果，以下のような評価を得た ・学習内容や学習画面は高評価　　・ポイントが分かりやすい ・HTML５新機能を盛り込んだTOPページとサンプルサイトがほしい :: 今後の課題 • コンテンツや学習項目の量の見直し，どこまで学習したか記録できるよう， • しおり機能を設けたり，動画を用いて，更に発展的な内容を含めたシステムに • 　　できると考えられる • 本システムは右のURLから利用できる。http://vg.okd-lab.net/s/2013/e/HTML5/ 学習画面