Agenda

Weekly Agenda

Week 01: Apr 06

Lecture:
  • Introductions
    • Who are you?
    • Why are you here?
  • Course Overview
    • DIGM-521 “Advanced Interactivity II”
    • Syllabus review
  • Student server prep
    • domainname.com/digm521/
    • domainname.com/digm521/hwk01/
    • domainname.com/digm521/hwk02/
    • domainname.com/digm521/hwk03/
    • domainname.com/digm521/hwk04/
    • domainname.com/digm521/hwk05/
    • domainname.com/digm521/final/
  • Filenaming conventions
    • Upper-lower case letters
    • Numbers
    • “dash” abc-123
    • “underscore” abc_123
  • Class picture
  • Experimental Web Technologies:
    • What?
    • Why?
    • When?
    • How?
  • Examples:
Homework:

Week 1 Assignments: Due Midnight the night before next class

  1. Research:

    Who is Josh Clark?

    Find at least THREE different emerging technologies that you believe have potential. NO, you can NOT use the example tecnologies covered in this week’s lecture.

  2. Create

    Build a web page that describes the three emerging technologies that you believe have potential:

    • WHAT is the title of your prototype?
    • WHAT will your prototype do?
    • WHO is your prototype being built for?
    • WHY?
    • WHAT are the UI specs for the tech?
    • URL to your selected emerging technology web site(s)
    • URL to the HIG (Human Interface Guidelines) for your selected emerging technology
  3. How to turn in homework 01:

    Submit via your Drexel email account to your professor’s email account, subject: “digm521hwk01s###-jwt23” [replace ### with your class section number, replace jwt23 with your Drexel email account prefix]

    • URL to your emerging technology web sites
    • One paragraph description of your observations per technology:
      • What makes this tech so great?
      • What problems/issues does this tech help solve?
      • What would you build with said tech given unlimited resources?

Week 02: Apr 13

Lecture:

Week 03: Apr 20

Lecture:
Homework:

Week 3 Assignments: Due Midnight the night before next class

  1. Research:

    Pick a primary and secondary emerging technology that you would like to use to build an unique prototype.

  2. Create

    Build a web page that describes the prototype(s) that you want to build in one or two paragraphs for your selected emerging technologies:

    • WHAT is the title of your prototype?
    • WHAT will your prototype do?
    • WHO is your prototype being built for?
    • WHY?
    • WHAT are the UI specs for the tech?
    • URL to your selected emerging technology web site(s)
    • URL to the HIG (Human Interface Guidelines) for your selected emerging technology
  3. How to turn in homework 02:

    Submit via your Drexel email account to your professor’s email account, subject: “digm521hwk02s###-jwt23” [replace ### with your class section number, replace jwt23 with your Drexel email account prefix]

    • URL to your prototype web page
    • NO email attachements

Week 04: Apr 27

Lecture:
  • Team Project formations
  • Brain storming session
  • Class pitches
Homework:

Week 5 Assignments: Due the begining of next class

  1. Research:

    Gain a through basic understanding of your choosen technology.

  2. How to turn in homework 03:

    Come to class with a functional “Hello Word” demo.

    • Give a hands on classroom demonstration of how your chosen technology works.
    • Be prepared to discuss/defend what you want to design/develop with this tech.

Week 05: May 04

Lecture:
  • Homework Review
  • The importance of strong UI in emerging technologies
Homework:
  1. Research:

    Consider the User Interface (UI) design of your final project.

    • DO NOT try to shoehorn the “mouse” UI into your final project.
    • Does your UI take advantage of the new tech?
    • Is your UI easier or harder to use? why?
  2. How to turn in homework 04:

    Submit via your Drexel email account to your professor’s email account, subject: “digm521hwk04s###-jwt23” [replace ### with your class section number, replace jwt23 with your Drexel email account prefix]

    • Give a hands on classroom demonstration of how your UI flows.
    • Be prepared to walk the class through ALL of your UI screens.

Week 06: May 11

Lecture:
  • Homework Review
  • Converting “Hello World” demos into custom final projects
    • Step 1
Homework:
  1. Research:

    Consider the User Interface (UI) design of your final project.

    • DO NOT shoehorn the “mouse” UI into your final project.
  2. How to turn in homework 04 part II:

    Submit via your Drexel email account to your professor’s email account, subject: “digm521hwk04s###-jwt23” [replace ### with your class section number, replace jwt23 with your Drexel email account prefix]

    • Embed ALL of your UI workflow and screen wireframes into publicly available google slideshow
    • Give a hands on classroom demonstration of how your UI flows.
    • Be prepared to walk the class through ALL of your UI screens.

Week 07: May 18

Lecture:
  • Homework Review
  • Converting “Hello World” demos into custom final projects
    • Step 2
Homework:

Week 7 Assignments HWK05: Due before Midnight the night before next class

  1. Research:

    Fine tune the User Interface (UI) wireframe design of your final project.

  2. How to turn in homework 05:

    Submit via your Drexel email account to your professor’s email account, subject: “digm521hwk05s###-jwt23” [replace ### with your class section number, replace jwt23 with your Drexel email account prefix]

    • body:
    • Direct URL to your Google publicly shared slide show [sample link].
    • Based on classroom/professor feedback CORRECT your UI workflow and screens
    • Embed ALL of your UI workflow and screens into publicly available google slideshow
    • Give a hands on classroom demonstration of how your UI flows.
    • Be prepared to walk the class through ALL of your UI screens.

Week 08: May 25

Lecture:
  • Homework Review
Homework:
  1. Research:

    Convert AT LEAST two of your UI screens into your project tech or interactive walk though. This means final interface images and text! NO “placeholders”!

  2. How to turn in homework:

    Come to class with your final project (pre-alpha) screens or interactive walk though

    • DO NOT just embed one static image
    • Make sure all interactive elements are separated into individual objects

Week 09: Jun 01

Lecture:
  • Homework Review
  • Final Project Overview
  • Debugging and Trouble Shooting

Week 10: Jun 08

Lecture:
  • Course Evaluations
  • Final Project Presenations
  • Debugging and Trouble Shooting
Homework:
  1. FINAL PROJECT:

    Create a Google public slide show demonstrating how your UI flows

    • Finalized interface graphics
    • Finalized interactive navigation between slides
    • Meaningful bullet points in “Presentor Notes”

    Final project source files

    • Organize all of your final project files
    • Meaningful folder and filenames
  2. How to turn in your Final Project. Due BEFORE Saturday Jun 11th::

    Submit via your Drexel email account to your professor’s email account, subject: “digm521finals###-jwt23” [replace ### with your class section number, replace jwt23 with your Drexel email account prefix]

    • URL to your final project Google public slideshow
    • URL to your final project source folder zipped format
  3. Return signed out technologies!