Web入門と情報リテラシー
- 青山学院大学 地球社会共生学部 (GSC)
- 前期: 火曜 4 限 (15:05~16:35)
概要
本講義では、インターネットや Web に関連する基本的な知識・リテラシーを理解し、Web コンテンツの開発スキルを習得する。インターネットや Web を構成する技術の仕組みや成り立ちを学習し、プログラミングの演習を通して最も身近なデジタルコンテンツである Web コンテンツがどのように作られているのか理解する。演習では、プログラミングの入門として基礎的なプログラミング演習をおこない、簡易的な Web アプリケーションを開発することで、実践的なスキルを身につけることを目標とする。
ソフトウェア
授業で使用するソフトウェア
スケジュール
| 1 | イントロダクション | 授業の概要、課題、成績評価方法などについて解説し、演習に必要なソフトウェアのインストールとセットアップを行う。 |
| 2 | Web を支える技術 | インターネットと Web を実現する技術について講義を行う。また、クライアント・サーバモデルや Web コンテンツの開発・配信の方法について解説する。 |
| 3 | HTML | Web コンテンツ開発の基礎として、マークアップ言語「HTML」を用いた演習をおこなう。HTML を用いて Web ページ構造を定義し、要素を追加する方法について取り上げる。 |
| 4 | CSS | Web ページを装飾するスタイルシート「CSS」を用いて演習をおこなう。HTML で作成した Web ページに CSS を導入することでコンテンツをデザインする。 |
| 5 | プログラミング基礎 ①：演算と変数 | プログラミングとは何かについて解説し、プログラミング言語「JavaScript」を用いて演習をおこなう。演習では式と演算、変数宣言と代入、データ型などを取り上げる。 |
| 6 | プログラミング基礎 ②：配列とデータ構造 | 演習として配列とデータ構造を取り上げる。配列の定義と利用方法、配列の操作について学習する。 |
| 7 | プログラミング基礎 ③：条件分岐 | 演習として論理演算、条件分岐、比較演算を取り上げる。条件分岐 if 文と論理演算・比較演算を利用してプログラムの処理を制御する方法を学習する。 |
| 8 | プログラミング基礎 ④：反復処理 | 演習として反復処理を取り上げる。for 文や while 文を用いて処理を繰り返し、配列を操作する方法などを学習する。 |
| 9 | プログラミング基礎 ⑤：関数 | 演習として関数を取り上げる。関数の定義や実行方法を学習し、変数のスコープを意識した関数作成をおこなう。 |
| 10 | プログラミング基礎 ⑥：オブジェクト | 演習として、データ構造の 1 つであるオブジェクトを取り上げる。JavaScript におけるオブジェクトの取り扱いや処理・操作方法について学習する。 |
| 11 | Web プログラミング入門 ① : DOM | HTML と JavaScript を用いて動的な Web ページを実装する。JavaScript 独自の機能である DOM (Document Object Model) 操作の方法について学習する。 |
| 12 | Web プログラミング入門 ② : イベント処理 | JavaScript でイベントを処理する方法について学習する。イベントの検知とイベント発生をトリガーとして実行される関数イベントハンドラの実装をおこなう。 |
| 13 | Web アプリケーション開発 | HTML, CSS, JavaScript を用いて簡易的な Web アプリケーションを開発する。Web 上で動作するアプリケーションを開発することで、総合的なコンテンツ開発についての理解を深める。 |
| 14 | ゲスト講義 | インターネットや Web に関連する専門家をゲストとして招いて講義/演習を行う。調整が必要な回になるためスケジュールや予定が変更になる可能性がある。 |
| 15 | 総合演習 | これまでの総括を行う。最終課題について説明し、課題に取り組むことで全体の理解を深める。 |