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