理工学部Faculty of Science and Engineering
COT200XE(計算基盤 / Computing technologies 200)Web/XML演習Web and XML exercises
百田 潤子Junko MOMOTA
授業コードなどClass code etc
学部・研究科Faculty/Graduate school | 理工学部Faculty of Science and Engineering |
添付ファイル名Attached documents | |
年度Year | 2023 |
授業コードClass code | H6029 |
旧授業コードPrevious Class code | |
旧科目名Previous Class title | |
開講時期Term | 秋学期授業/Fall |
曜日・時限Day/Period | 水4/Wed.4 |
科目種別Class Type | |
キャンパスCampus | 小金井 |
教室名称Classroom name | 小東館-E207 |
配当年次Grade | 2年 |
単位数Credit(s) | |
備考(履修条件等)Notes | |
他学部公開科目Open Program | |
他学部公開(履修条件等)Open Program (Notes) | |
グローバル・オープン科目Global Open Program | |
成績優秀者の他学部科目履修制度対象Interdepartmental class taking system for Academic Achievers | |
成績優秀者の他学部科目履修(履修条件等)Interdepartmental class taking system for Academic Achievers (Notes) | |
実務経験のある教員による授業科目Class taught by instructors with practical experience | |
SDGsCPSDGs CP | |
アーバンデザインCPUrban Design CP | |
ダイバーシティCPDiversity CP | |
未来教室CPLearning for the Future CP | |
カーボンニュートラルCPCarbon Neutral CP | |
千代田コンソ単位互換提供(他大学向け)Chiyoda Campus Consortium | |
カテゴリー<理工学部>Category |
応用情報工学科 学科専門科目 |
すべて開くShow all
すべて閉じるHide All
Outline (in English)
We will learn the basics of several programming and markup languages expressed on the XML-based Web.
We aim not only to absorb and deepen knowledge about XML, but also to be able to use structures in an easy-to-understand manner.
HTML5 and CSS3 are also included.
As it is essential to use multiple Web technologies, we will systematically understand multimedia expressions.
授業で使用する言語Default language used in class
日本語 / Japanese
授業の概要と目的(何を学ぶか)Outline and objectives
XMLをベースとしたWebで表現するいくつかのプログラミングやマークアップ言語の基礎を演習を織り交ぜながら学んでゆきます。XMLに関する知識を吸収し深めることだけでなく、実際に構造をとらえ自在に使えるようになることを目指します。
HTML5、CSS3も含まれます。
Webサイトおよびマルチメディア表現においては、複数のWeb技術を複合的に用いることが必須であるため、これらを体系的に理解することも目的とします。
到達目標Goal
講義内の演習を時間内にやりきること。
繰り返しての演習によってスキルが身に付きます。頑張って一緒に進めていきましょう。
この授業を履修することで学部等のディプロマポリシーに示されたどの能力を習得することができるか(該当授業科目と学位授与方針に明示された学習成果との関連)Which item of the diploma policy will be obtained by taking this class?
ディプロマポリシーのうち、「DP1」と「DP2」と「DP4」に関連
授業で使用する言語Default language used in class
日本語 / Japanese
授業の進め方と方法Method(s)(学期の途中で変更になる場合には、別途提示します。 /If the Method(s) is changed, we will announce the details of any changes. )
マークアップの仕組みを順を追って演習します。また、XMLをベースとしたリッチクライアントやRIA(Rich Internet Applications)にも触れ、進歩するWeb技術の中での最適な表現法を選択する技術を養います。
感染対策のためにオンラインとの併用を考えています。環境が変わったら変更する場合もあります。
アクティブラーニング(グループディスカッション、ディベート等)の実施Active learning in class (Group discussion, Debate.etc.)
なし / No
フィールドワーク(学外での実習等)の実施Fieldwork in class
なし / No
授業計画Schedule
授業形態/methods of teaching:対面/face to face
※各回の授業形態は予定です。教員の指示に従ってください。
1[対面/face to face]:Web/Xml概要
講義の計画と目的および演習方法の説明および、評価の基準や配分などを説明します。
2[対面/face to face]:XMLの基本
XMLやXHTMLを含むマークアップ言語の概略を学びます。記述方法などの基本的なルールの知識を付けます。
3[対面/face to face]:XMLの構造
前回講義で学んだルールを元に、DTD【Data Type Definition】を構成して実際にXML文書を演習します。
4[対面/face to face]:XSLの基本
文書のスタイルを定義するXSLを扱う環境の整備をします。
Javaのプログラムで扱うためにJDKを利用します。
5[対面/face to face]:XSLの操作と演習
前回の講義の内容を発展して、XSLTを作成する演習をします。
6[対面/face to face]:HTMLリファレンス
Web公開用のマークアップ言語であるXHTMLの概要を理解し、実際にEditorを活用してWeb公開可能な文書の仕立てるルールの知識を付けます。
7[対面/face to face]:CSSリファレンス
XHTMLのレイアウトを構成していくCascading Style Sheetsについて学んでゆきます。
8[対面/face to face]:CSS+HTML 1
前回2回の講義のリファレンスから、担当サイトを割り振り、実際にWebをXHTMLとCSSで構成してゆく演習になります。
9[対面/face to face]:CSS+HTML 2
前回の演習の続きを予定。
10[対面/face to face]:CSS+HTML 3
さらに発展させるための演習の続き。
11[対面/face to face]:CSS+HTML 4
さらに発展させるための演習の続き。
12[対面/face to face]:Ajax & RIA
リッチクライアントの技術やWebに反映していくための技術につて知識を付けます。
その知識を最終的に提出するXHTMLの演習に活用します。
13[対面/face to face]:これからのWeb
HTML5をはじめ、いろいろなハードウエアでWeb表現をしていくための技術について学びます。
14[対面/face to face]:講評
各人の提出した演習レポートについての講評会を予定しています。
授業時間外の学習(準備学習・復習・宿題等)Work to be done outside of class (preparation, etc.)
【本授業の準備・復習等の授業時間外学習は、4時間を標準とする】基本、講義内での演習はその時間内に提出することを目標にしますが、内容によって修正を求めて再提出する場合や課題を追加する場合もあります。
テキスト(教科書)Textbooks
特定の教科書は用ません。
参考書References
必要に応じて講義中に紹介します。
成績評価の方法と基準Grading criteria
講義ごとの演習課題の成果評価(100%)
演習講義なので、講義時間の100分を通して作業することによって成果を上げていきます。
毎回の演習をきっちりやり遂げて成果を上げてください。
学生の意見等からの気づきChanges following student comments
特にありません。
学生が準備すべき機器他Equipment student needs to prepare
大学から貸与されたノートPCを授業で使用するので持参すること。