tmu-2020-network-1

2020年度前期ネットワーク演習I・実習I

How to attend

Zoomを使ったオンライン授業です。
URLは受講生のみに連絡します。
課題の提出やコミュニケーションはSlackで行います。

Tools

• Web browser
  • Mozilla Firefox
  • Google Chrome
• Editor
  • Visual Code Studio
    • Japanese Language Pack for Visual Studio Code - Visual Studio Marketplace 日本語化
    • Live Server - Visual Studio Marketplace ローカルサーバ
• Communication
  • Slack
• Development and Deploy
  • GitHub

Online course

• Codecademy
  • Introduction to HTML
    • You may skip 2 Tables, 3 Forms.
  • Learn CSS
    • You may skip 6 Grid.
  • Introduction to JavaScript
    • You may skip 14 Requests I.
  • Building Interactive JavaScript Websites Pro only
    • JavaScript Interactive Websites
    • DOM Events with JavaScript
    • Templating With Handlebars

Resources

• GitHub
  • GitHub に SSH で接続する - GitHub ヘルプ
• GitHub and VS Code
  • 【初心者向け】GitHubにリポジトリを作成してVisual Studio Codeと連携するまで - 鍋綿ブログ
• Web API
  • 海外・国内の便利なAPI一覧 - API LIST 100+

First Project

• Redesign IA website

  • IA Web Data　編集リンクはSlackで通知します
  • sugimototatsuo/redesign-ia: 2020年度ネットワーク演習Iのテンプレート
  • 東京都立大学システムデザイン学部インダストリアルアート学科　テンプレートのGitHub Pages
  • 東京都立大学システムデザイン学部インダストリアルアート学科 Department of Industrial Art オリジナル

• Outcomes

  • Group 1
  • Group 2
  • Group 3
  • Group 4

Final Project

Theme: Beyond the scroll

The creation experiment/poetic internet art work which is made possible by scrolling

• JS Samples

  • Scroll Demo
  • Scroll Sample
  • p5js reactive background

• Outcomes

  • あめふり
  • ツナガリ
  • ミカン529
  • 1,000,000ClickSimulator
  • 教科書の文字が小さくなったら大人になった気がした
  • 動く人々
  • 八王子1トンネル
  • Life is like a game
  • Visualization of formulas
  • scrorgel
  • 言語の儀式化
  • 社会の素描
  • you know me
  • 現代アート感 : Netlify版
  • like a shooting HAMUstar

Schedule

• 2020-05-15 Day01 Orientation
• 2020-05-22 Day02
• 2020-05-29 Day03
• 2020-06-05 Day04
• 2020-06-12 Day05
• 2020-06-19 Day06
• 2020-06-26 Day07
• 2020-07-03 Day08
• 2020-07-10 Day09
• 2020-07-17 Day10
• 2020-07-24 Day11
• 2020-07-31 Day12
• 2020-08-07 Day13 Final Presentation

Help

質問はSlackで受け付けます。