Schedule

This is subject to change over the course.

Class 01:

  1. Introduction to Course – Definition of emerging technologies
  2. Discussion: why is emerging technologies important for designers?
  3. Class exercise:
    • Future Kit: Give our technology cards and discuss
    • Self-assign a technology for student research project/presentation
  4. What do you want to study in this course?

Class 02:

  1. Establish your Future Tech Topic
  2. Intro to Web Technology
  3. A quick introduction to HTML
  4. How the web works – Client Server Architecture
  5. Reading Assignment – Chapter 7 of Abstracting Craft (PDF)
  6. Begin HTML, CSS exercises in Code Academy

Class 03:

  1. Review Web Tech and intro to the Web Stack
  2. Creating websites locally – Localhost
    https://discussions.apple.com/docs/DOC-3083
    Assignment: Install MAMP and PHP info page and create a database
  3. Discussion on Abstracting Craft
  4. Creative coding (tutorial I) Dots, Lines & Coordinates
    (Creative Coding Exercises 1-5)
    Assignment: 5-10 exercises (funprogramming.org)

Class 04:

  1. Content Management Systems (CMS)
  2. CMS Evaluation
    • WordPress, Joomla, Drupal – investigate their applications: plugins, themes, community
  3. Creative coding (tutorial II)
  4. Do Exercises 11-20 (http://funprogramming.org/11-Non-random-animation-of-a-circle-crossing-the-screen.html)
  5. Installing WordPress (on your laptop)
  6. Assignment: Configure WordPress and install a theme
  7. Read Future of Reading by Alan Kay

Class 05:

  1. Review Wordpress Installation Process
  2. CMS Evalutation (Part II)
  3. Creative Coding (tutorial III) – Do exercises 22-30 – if then, for, while
  4. Assignment: CMS Evaluation of your choice
  5. Try installing Drupal.

Class 06:

  1. Discuss Future of Reading by Alan Kay
  2. Drupal Installation Process & 3rd CMS choices
  3. Creative Coding (tutorial IV) Loops, Rotate, Translate and Arrays
  4. Next Reading: Brief Rant about Interaction Design (Bret Victor)

Class 07:

  1. Discussion of Bret Victor’s video
  2. Framer JS Introduction
  3. Creative Coding (tutorial V)

Class 08:

  1. Objects & Classes
  2. Object example
  3. Assignment: Object Program

Class 09:

  1. Framer JS Prototyping
  2. Introduction to Framer
    • importing Photoshop layers
  3. Assignment: bring a mobile layout into Framer

Class 10:

creating buttons in Framer
in-class Framer tutorial
Assignment: create 3 screen mobile app

Class 11:

  1. Triggering animations
  2. in-class framer exercise
  3. Assignment: create 3 screen clickable

Class 12:

  1. Final presentations
  2. Next Steps from here