テーマ / Theme
Webページ（Study Progress Page）の開発と公開
授業の概要と目的 / Lecture Purpose
"近年、通常の生活においてインターネットに触れない日はないと言っても過言ではないでしょう。
本演習は、コンピューターの基礎から、調査・研究・制作で利用するアプリケーションの基礎を学び、それらを総合的に使いなが自身の学習記録を取るためのWebページの開発を行います。
Webページの開発を通じ、ページ内部の構造を理解し、メディア活用の基盤作りを目的とします。"
- Webページの構造とデザインの基本を理解できるようになる
- Webサービス・プラットフォームを利用したメディアコミュニケーションができるようになる
授業日程 / Schedule
全30講時
- 1st Session: 4/25（木）〜5/8（水） 10講時
- 2nd Session: 5/22（水)・5/24（金）・6/20（木） 10講時
- 3rd Session: 7/11（木）〜7/17（水） 10講時
該当週は、木 13:10~（2講時）・金 9:00~（4講時）・水 9:00~（4講時）で開講
＊6/20（木）は5,6限に開講（ゲスト講師：福野）
講義内容 / Lecture Contents
この講義内で触れる内容（進捗に合わせ、内容を変更する可能性があります）
Session:1 メディア・プラクティス
- 課題説明
- Hello, PC!
- オンラインサービスの利用
- 知的財産権とオープンデザイン①
- アプリケーション
- Photoshopことはじめ
- 課題制作（Photoshop）
- 知的財産権とオープンデザイン②
- レビュー（Photoshop）
- Illustratorことはじめ
- 課題制作（Illustrator）
- 課題（Illustrator）振り返り
Session:2 Webページの構造
Session:3 Webページのスタイル
- 開発者ツール
- CSSことはじめ
- 課題制作（CSS）
- レビュー
- GitHubハンズオンWS
課題 / Assignments
授業内で課された課題と、その〆切（随時更新・時間は全てGMT+9:00）
- Session:1
- Youtubeに「今、自分がはまっているもの」を動画投稿する
- 自己紹介ページに貼り付ける素材とする
- 締め切り：4/26（金） ~ 9:00
- 1000px x 1000pxのPhotoshopで加工した画像を作成する
- トップページのメイン画像とする
- 締め切り：5/8(水) ~ 9:00
- 締め切り当日にレビューを行う
- 32p x 32pxのIllustratorでオリジナルのiconを作成する
- 全員が使えるcollectiveIconとなる
- 締め切り：5/10(金) ~ 24:00
- 次Sessionに振り返りを行う
- Session:2
- 既存のホームページをDevelopperToolを利用して改変する
- 対象ページ①：京都造形芸術大学
- 対象ページ①：クロステックデザインコース
- 内容を変えず，全体が読めるように配慮した上で，出来るだけ既存ページの印象からかけ離れるように
- 改変した結果はスクリーンショットでSlackに添付
- 締め切り：5/24 〜授業開始まで
- 自分のWebPage（HTML）を作成する
- Home（index.html）とCV(cv.html)とソフトウェアネットワークの授業ページ(swnwb1.html)の3つのページができている（HTMLのみでおk）
- それぞれのページからその他2つのページへのリンクが貼られている
- CVページに以前の課題の自己紹介動画が埋め込まれており，自己紹介文が書いてあること
- ソフトウェアネットワークの授業ページにIllustrator/Photoshopの課題の制作過程が記述してあること
- 締め切り：7/11 〜授業開始まで
- Session:3