国際文化学部Faculty of Intercultural Communication
FRI300GA(情報学フロンティア / Frontiers of informatics 300)情報アプリケーションⅠInformational Application I
重定 如彦Yukihiko SHIGESADA
授業コードなどClass code etc
学部・研究科Faculty/Graduate school | 国際文化学部Faculty of Intercultural Communication |
添付ファイル名Attached documents | |
年度Year | 2023 |
授業コードClass code | C0773 |
旧授業コードPrevious Class code | |
旧科目名Previous Class title | |
開講時期Term | 秋学期授業/Fall |
曜日・時限Day/Period | 木4/Thu.4 |
科目種別Class Type | |
キャンパスCampus | 市ヶ谷 / Ichigaya |
教室名称Classroom name | 市BT‐情実習F |
配当年次Grade | 3~4 |
単位数Credit(s) | 2 |
備考(履修条件等)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 | |
旧科目との重複履修Duplicate Subjects Taken Under Previous Class Title | |
人数制限・選抜・抽選Capacity/Selection/Rondom | 初回の授業に出席すること |
毎年・隔年Frequency | 毎年開講 |
すべて開くShow all
すべて閉じるHide All
Outline (in English)
Objectives of this class are to acquire skills and knowkedge about web technology such as HTML5, CSS and Javascript.
At first, this class learns about HTML5 and CSS, and create simple web page. Next, this class learns about javacscipt and create a interactive web page of 2D maze game. Finally, this class learns about webgl technology and create web page of 3D maze game.
Each student is required to review his or her work after the class.
In addition, you are required to create your own original maze page as a final project. Please do so by the deadline (one week after the last class). The standard preparation and review time for this class is 2 hours each.
Ordinary points 10%, Assignments 40%, Final assignment (maze assignment) 50%.
Assignments will be given in class as needed.
The final assignment will be used as a substitute for the regular exam, so no exam will be given. Students who have achieved at least 60% of the objectives of this class based on this grading method are considered to have passed the class.
授業で使用する言語Default language used in class
日本語 / Japanese
授業の概要と目的(何を学ぶか)Outline and objectives
インターネットの発達により、ウェブページを取り巻く技術は近年ますます発展しており、その重要性も増している。近年では、どのような職業であれ、ウェブページの技術と無縁の職業はありえないといっても過言ではないだろう。
ウェブページを記述するHTMLは近年新しいバージョンが作られ、その表現力が増している。本授業では最新のHTML5をベースに、CSSやJavascriptなどを用いて表現力の高いウェブページを作るための技法について学ぶ。
JavascriptやCSSの技術を使えば、アニメーションを表示することも簡単にできるようになっている。最終的にはHTML5を使って簡単な3Dグラフィックスを表現する方法を学び、迷路のウェブページを構築できることをめざす(完成例としてはhttp://www.edu.i.hosei.ac.jp/~sigesada/software/maze/maze.htmlを参照のこと。3Dの迷路を見るにはページの「webglを使って描画する」をチェックする。
到達目標Goal
ウェブページを記述する言語であるHTMLについて理解し、自分でウェブページを作成できるようになる。
CSSを使って表現力の高いウェブページを作成できるようになる。
Javascriptを使って動きのあるウェブページを作成できるようになる。
Three.jsを使って3Dグラフィックスを使ったウェブページを作成できるようになる。
インターネット環境で応用力のある豊かな情報発信能力を身に着ける。
この授業を履修することで学部等のディプロマポリシーに示されたどの能力を習得することができるか(該当授業科目と学位授与方針に明示された学習成果との関連)Which item of the diploma policy will be obtained by taking this class?
国際文化学部のディプロマポリシーのうち、「DP4」に関連。
授業で使用する言語Default language used in class
日本語 / Japanese
授業の進め方と方法Method(s)(学期の途中で変更になる場合には、別途提示します。 /If the Method(s) is changed, we will announce the details of any changes. )
大学の行動方針レベルが2となった場合、この授業は原則としてオンラインで行う。詳細は学習支援システムで伝達する。
授業の前半でHTMLなどに関する説明の講義を行い、授業の後半でテキストエディタとウェブブラウザーを用いて実際にウェブページを作成する実習を行う。
学習支援システムのアンケートの機能を使って、毎回授業のリアクションペーパーに相当するものを実施する。各回の授業の冒頭で、必要に応じてその中からいくつかを取り上げてコメントを行う。
アクティブラーニング(グループディスカッション、ディベート等)の実施Active learning in class (Group discussion, Debate.etc.)
なし / No
フィールドワーク(学外での実習等)の実施Fieldwork in class
なし / No
授業計画Schedule
授業形態/methods of teaching:対面/face to face
※各回の授業形態は予定です。教員の指示に従ってください。
1[対面/face to face]:HTML5
HTML5とはどういうものかについて学ぶ
HTMLの基礎知識について学ぶ
2[対面/face to face]:タグその1
見出し、段落、箇条書きなどのHTMLの基本的なタグについて学ぶ
3[対面/face to face]:タグその2
その他のHTMLの代表的なタグについて学ぶ
4[対面/face to face]:CSS
スタイルシートについて学ぶ
5[対面/face to face]:Javascript
Javascriptの基礎について学ぶ
6[対面/face to face]:Javascriptを使ったグラフィックス
HTMLのCanvasタグとJavascriptを使ったグラフィックスについて学ぶ
7[対面/face to face]:Three.js
Javascriptの3DグラフィックスのライブラリであるThree.jsについて学ぶ
8[対面/face to face]:3Dグラフィックスの基礎
3Dグラフィックスの基礎について学ぶ
9[対面/face to face]:3Dグラフィックスアニメーション
3Dグラフィックスのアニメーションについて学ぶ
10[対面/face to face]:迷路の表現方法
コンピューターで迷路をどのように表現するかについて学ぶ
11[対面/face to face]:迷路の2Dグラフィックス
コンピューターで表現した迷路を2Dグラフィックスで表現する方法について学ぶ
12[対面/face to face]:迷路の3Dグラフィックス
コンピューターで表現した迷路を3Dグラフィックスで表現する方法について学ぶ
13[対面/face to face]:迷路の自動生成
ランダムな迷路をコンピューターに自動生成させる方法について学ぶ
14[対面/face to face]:迷路の中を動き回る
コンピューターが作成した迷路内を動き回る方法について学ぶ
授業時間外の学習(準備学習・復習・宿題等)Work to be done outside of class (preparation, etc.)
各自、授業が終わった後に復習を行うこと。
また、課題として自分のオリジナルのウェブページと迷路のページを作成する課題を課すので、各自締切までに制作を行うこと。本授業の準備学習・復習時間は各2時間を標準とします。
テキスト(教科書)Textbooks
授業中に指示する。
参考書References
授業中に指示する。
成績評価の方法と基準Grading criteria
平常点 10% 課題90%
課題は授業内で適宜指示する。
2つの課題をもって定期試験の代わりとするので、試験は行わない。この成績評価の方法をもとに、本授業の到達目標の60%以上を達成した者を合格とする。
学生の意見等からの気づきChanges following student comments
特になし。
学生が準備すべき機器他Equipment student needs to prepare
情報実習室で各自1台のコンピューターを使って授業を行う。
その他の重要事項Others
プログラミングやウェブページ関連の授業を受講していることが望ましいが、やる気があればプログラミングの経験が無くても歓迎する。