情報処理基礎（2020前期）

（O1）注意事項

• 13・14・15回分の授業（HTML・CSS）については、夏休み中の開講を予定しています。詳細が決まり次第共有します。
• PC環境・ネット環境の整備されていな学生は、課題学習のターンで、授業時間内に工場2のPCで課題学習をすすめてもらっても構いません。また土曜日に工場2のPCが1年生に解放される見込みですので、うまく活用してください。

（O2）日程表

	月日	情報環境デザイン	産業イノベーション	対面授業の内容（予定）
01	5/22	課題学習（0）		PC環境・アンケート等
02	5/29	課題学習（0）		Exhibitionの要約
03	6/5	対面授業（1）		演習２）描画・変数　[授業資料PDF]
04	6/12	課題学習（1）	対面授業（1）
05	6/19	対面授業（2）	課題学習（1）	演習３A）文法１（繰り返し文）[授業資料PDF]
06	6/26	課題学習（2）	対面授業（2）
07	7/3	対面授業（3）	課題学習（2）	演習３B）文法２（条件文）[授業資料PDF]
08	7/10	課題学習（3）	対面授業（3）
09	7/17	対面授業（4）	課題学習（3）	演習４A）アニメーション１ [授業資料PDF]
10	7/24	課題学習（4）	対面授業（4）
11	7/31	対面授業（5）	課題学習（4）	演習４BC）アニメーション２ [授業資料PDF] [YOUTUBE] [最終課題PDF]
12	8/7		課題学習（5）
12-13	8/24	映像配信		演習１A）HTMLの基礎 [授業資料PDF] [YOUTUBE]
14-15	8/31	映像配信		演習１B）CSSの基礎 [授業資料PDF] [YOUTUBE]

（O2）参考資料

• [PDF] 情報処理基礎スケジュール

（1A）HTMLの基礎

• Sublime Text 3

• 要素：HTML5要素一覧
• 色：カラーチャート
• CSS：CSSの属性一覧
• フォント：font-familyプロパティで指定できるフォント名, 有名サイトのフォントの設定
• ページ内リンク
• 箇条書きの記号を変える

（1B）CSSの基礎

• HTMLとCSSを利用して、簡単な自己紹介のホームページを作ってください。
• 詳細は、授業中に配布したプリントを参照すること。
• フォルダ名を「work1_205XXX」としてください（XXXには学籍番号）。
• フォルダを圧縮したものを、以下のファイルリクエストに提出して下さい。
• ファイルリクエスト
• 締め切りを2020.9.6（日）とします。

課題学習（１）

• 課題の資料は授業中に配布します。 まだ授業に出ていない学生には共有しないでください。。

• 情報環境デザイン学科の学生（6.18）
• 産業イノベーションデザイン学科の学生（6.25）

• フォルダ名を「work2x_205XXX」として圧縮したものを、 以下のファイルリクエストにより送ってください（XXXには学籍番号）。
• 詳細は、授業中に配布したプリントを参照すること。
• Windowsの圧縮方法は例えば以下を参照してください。
  https://dekiru.net/article/19553/

• ファイルリクエスト（work21）
• ファイルリクエスト（work22）
• ファイルリクエスト（work23）
• ファイルリクエスト（work24）
• ファイルリクエスト（work25）

課題学習（3A - 繰り返し文）

• 課題の資料は授業中に配布します。 まだ授業に出ていない学生には共有しないでください。。

• 情報環境デザイン学科の学生（7.2）
• 産業イノベーションデザイン学科の学生（7.9）

• フォルダ名を「work3Ax_205XXX」として圧縮したものを、 以下のファイルリクエストにより送ってください（XXXには学籍番号）。
• 詳細は、授業中に配布したプリントを参照すること。
• Windowsの圧縮方法は例えば以下を参照してください。
  https://dekiru.net/article/19553/

• ファイルリクエスト（work3A1）
• ファイルリクエスト（work3A2）
• ファイルリクエスト（work3A3）
• ファイルリクエスト（work3A4）
• ファイルリクエスト（work3A5）

課題学習（3B - 条件文）

• 課題の資料は授業中に配布します。 まだ授業に出ていない学生には共有しないでください。。

• 情報環境デザイン学科の学生（7.16）
• 産業イノベーションデザイン学科の学生（7.23）

• フォルダ名を「work3Bn_205XXX」として圧縮したものを、 以下のファイルリクエストにより送ってください（nは1~6、XXXには学籍番号）。
• 詳細は、授業中に配布したプリントを参照すること。

• ファイルリクエスト（work3B1）
• ファイルリクエスト（work3B2）
• ファイルリクエスト（work3B3）
• ファイルリクエスト（work3B4）
• ファイルリクエスト（work3B5）
• ファイルリクエスト（work3B6）

課題学習（4A - アニメーション・イベント処理）

• 課題の資料は授業中に配布します。 まだ授業に出ていない学生には共有しないでください。。

• 情報環境デザイン学科の学生（7.30）
• 産業イノベーションデザイン学科の学生（8.06）

• フォルダ名を「work4An_205XXX」として圧縮したものを、 以下のファイルリクエストにより送ってください（nは1~6、XXXには学籍番号）。
• 詳細は、授業中に配布したプリントを参照すること。

• ファイルリクエスト（work4A1）
• ファイルリクエスト（work4A2）
• ファイルリクエスト（work4A3）
• ファイルリクエスト（work4A4）
• ファイルリクエスト（work4A5）
• ファイルリクエスト（work4A6）

Processing最終課題（4BC - アニメーション・イベント処理）

• 課題の資料は授業中に配布します。 まだ授業に出ていない学生には共有しないでください。
• 公開しました。→ [最終課題PDF]

• 情報環境デザイン学科の学生（8.14）
• 産業イノベーションデザイン学科の学生（8.21）

• フォルダ名を「work4_205XXX」として圧縮したものを、 以下のファイルリクエストにより送ってください（XXXには学籍番号）。
• 詳細は、授業中に配布したプリントを参照すること。

• ファイルリクエスト（work4）