ソフトウェア・ネットワーク演習Ⅰ

テーマ / 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 メディア・プラクティス

1. 課題説明
2. Hello, PC!
3. オンラインサービスの利用
4. 知的財産権とオープンデザイン①
5. アプリケーション
6. Photoshopことはじめ
7. 課題制作（Photoshop）
8. 知的財産権とオープンデザイン②
9. レビュー（Photoshop）
10. Illustratorことはじめ
11. 課題制作（Illustrator）
12. 課題（Illustrator）振り返り

Session:2　Webページの構造

1. 開発環境の構築
• 事前準備
• GitHubアカウントの作成
• GitHubDesktopのインストール
2. 課題の提出
3. HTMLとこはじめ
4. CSSことはじめ
5. バージョン管理システム
6. 課題制作（ページ開発・改変）
7. 福野先生特講
• IchigoJam導入
• Basicで開発

Session:3 Webページのスタイル

1. 開発者ツール
2. CSSことはじめ
3. 課題制作（CSS）
4. レビュー
5. GitHubハンズオンWS

課題 / Assignments

授業内で課された課題と、その〆切（随時更新・時間は全てGMT+9:00）

• Session:1
1. Youtubeに「今、自分がはまっているもの」を動画投稿する
• 自己紹介ページに貼り付ける素材とする
• 締め切り：4/26（金） ~ 9:00
2. 1000px x 1000pxのPhotoshopで加工した画像を作成する
• トップページのメイン画像とする
• 締め切り：5/8(水) ~ 9:00
• 締め切り当日にレビューを行う
3. 32p x 32pxのIllustratorでオリジナルのiconを作成する
• 全員が使えるcollectiveIconとなる
• 締め切り：5/10(金) ~ 24:00
• 次Sessionに振り返りを行う
• Session:2
1. 既存のホームページをDevelopperToolを利用して改変する
• 対象ページ①：京都造形芸術大学
• 対象ページ①：クロステックデザインコース
• 内容を変えず，全体が読めるように配慮した上で，出来るだけ既存ページの印象からかけ離れるように
• 改変した結果はスクリーンショットでSlackに添付
• 締め切り：5/24 〜授業開始まで
2. 自分のWebPage（HTML）を作成する
• Home（index.html）とCV(cv.html)とソフトウェアネットワークの授業ページ(swnwb1.html)の3つのページができている（HTMLのみでおk）
• それぞれのページからその他2つのページへのリンクが貼られている
• CVページに以前の課題の自己紹介動画が埋め込まれており，自己紹介文が書いてあること
• ソフトウェアネットワークの授業ページにIllustrator/Photoshopの課題の制作過程が記述してあること
• 締め切り：7/11 〜授業開始まで
• Session:3

評価方法 / Evaluation Process

授業出席・課題評価について

参考図書・参考ページ / Reference

• CODE―インターネットの合法・違法・プライバシー
• ローレンス レッシグ (著), 山形 浩生 (翻訳), その他
• 2001, 530p
• 翔泳社
• Free Culture
• ローレンス・レッシグ (著), 山形 浩生 (著), その他
• 2004, 416p
• 翔泳社
• フリーカルチャーをつくるためのガイドブック クリエイティブ・コモンズによる創造の循環
• ドミニク・チェン (著)
• 2012, 312p
• フィルムアート社
• オープンデザイン ―参加と共創から生まれる「つくりかたの未来」
• Bas Van Abel (著, 編集), Lucas Evers (著, 編集), その他
• 2013, 380p
• オライリージャパン
• 法のデザイン—創造性とイノベーションは法によって加速する
• 水野祐 (著)
• 2017, 344p
• フィルムアート社
• サルでもわかるGit入門
• powered by: backlog
• 2019
• Nulab Inc.

受講者 / Participants

履修者の制作ノート（Study Progress Page）