TCNJ Syllabus ADA 388: Web Design 2- Dynamic
Year & Term 2012 Spring
Location TCNJ AIMM #221
Time Thursday 5:30pm - 9 :20 pm . Jan19th-April 26th . 14 weeks
Instructor Jean Chu . 718-964-3287 . chuj@tcnj.edu . jeanhochu@gmail.com . www.jeanhochu.com
• Syllabus
• Lecture notes, code and materials
• Students Websites
Textbooks and Links Textbooks

Links
WEEK 1 - Jan 19th Introduction to PHP
Introduction to PHP and server side programming, Notes on PHP programming for week 1
Technical : PHP syntaxes, strings, Basic PHP Commands (GET and POST ) with HTML FORMS

Technical Study
Inspirational Projects: Early Net Arts Playing with HTML Forms
Inspirational Video
Articles to read
Textbook to read
  • PHP for the Web : Introduction, Chapter 1, 2, 3

Help Desk
WEEK 2 - Jan 26th Programming with PHP
Interface for Navigation
Technical : PHP programming notes , php info, mailing, another mailing , arrays and loops, random , conditionals, and changing css with php

Technical Study
Textbook to read
  • PHP for the Web : Chapter 4, 5, 6, 7

Homework
  • 1. An interface sketch for your class portfolio and other web projects website (Do not have to code)
  • 2. A mock up of a dynamic (changing over time) webpage

Useful Stuffs
Helpdesk
WEEK 3 - Feb 2nd Drawings and Animations
Technical : PHP Review, What is HTML5? , HTML5 New Technologies, Intro to HTML and Canvas , Intro to CSS / CSS3 , Overview of Flash


Websites to see on HTML5
WEEK 4 - Feb 9th Designing with Reason

Helpful Stuffs on Grid
HTML Canvas, Javascript, JQuery
Technical : Basic Grammers of Javascript , jQuery , javascript and Canvas


Codes
jQuery examples, Basic Canvas Example, Canvas Example more , All codes zip

Assignment 1 Due. Bring Folder with files, provide me with the URL as well. (Assignment 1 : A mock up of a dynamic (changing over time) webpage )

Useful Stuffs
Flash CS5 Tutorial
WEEK 5 - Feb 16th Effects and Animation
Text as Moving Image , Interactive Motion Graphic

Technical : Mouse Rollover Swap Image , Javascript and Canvas More Ajax Mail , Jquery Effects For Usability ( Dropdown Menu , Slide Content ),

Presentation Schedule

Technical Study
WEEK 6 - Feb 23rd Video on the Web
Technical : HTML5 Video and Canvas , Flash to HTML5 Video Fallback, SWF Background , jQuery Fancy Box with Video, jQuery Tutorial for Web Designers , jQuery Carousel Gallery
Midterm project checkup & troubleshooting

Technical Study
Helpful Tutorials
Inspirational Projects on Video and Web

**** NOTICE ****
  • Email the link to your website by this weekend so I could make a website.
  • Hand in the actual files in the beginning of next class
  • Make individual appointments 11:00am-4pm March 1st for Troubles for Midterm Project
    • WEEK 7 -March 1st **** Midterm project Presentation ****

    MySQL Database, Search Engine Optimization , Adding stuffs( maps , twitter widget, and google searchbox) to your website , Form Validation (Regular Expressions)

    Technical : Adding Stuffs to Website , Form Validation (Regular Expression)
    ipower Server and php myadmin , 01_Connecting to DB, 02_Selecting DB, 03_Creating Table, Adding Entry, View Entry


    Spring Break PHP and mySQL, Video on PHP and mySQL

    Technical Study
    WEEK 8 - March 15th Data Visualization

    Technical Study
  • Simple image upload : simple upload form
  • Save to Database : Create Table, Image Upload , View Image


      • Homework
    • Exercise: Due week 10 (week 09 is for check up) Make a form and a corresponding database and a page where the users could upload image or text to the server and view the results

    • Plan for your final project "Data Visualization". Plan the concept, design direction, techinical methods. Start your research and collecting data / information.
    WEEK 9 - March 22th Introduction to API

    Technical Study
    • PHP & MySQL more



      • Troubleshooting in Class

      Homework for Week 10
    • Make a form and a corresponding database and a page where the users could upload image or text to the server and view the results.
    WEEK 10 - March 29nd Remembering the Users
    Technical : PHP Sessions / Cookies
    Read Chapter 12 Coockies and Sessions, PHP for Dynamic Websites 367p or
    W3schools - Sessions , W3schools - Coockies

    00 template : User Registration From Chapter 18, PHP for Dynamic Websites 559p

    Example 01 : Cocktail Mixer
    Example 02 : Sign In and Forum



  • Download All codes from week 10
  • Notes from week 10
    • Homework check : PHP & MySQL Database Exercise
    WEEK 11 - April 5th Playing with Data
    Technical : Load data with jquery , Javascript Objects , and
    Facebook Graph API explorer , and
    Facebook Sample : How-To: Use the Graph API to pull the movies friends like



    WEEK 12 - April 12th Usability and User Experience Design
    Article : What is User Experience Design?

    WEEK 13 - April 19th Presenting and Proposing your work
  • Submitting to Student Awards
    • Adobe Design Achievements Awards , CHI Student Competitions, and more...
  • Submitting to Artist Commisions & Netart Proposals
    • Turbulence , Rhizome Commissions ,


    Coding for Mobile



  • Notes from week 13

  • Discussion
    • WEEK 14 - April 26th Web and Physical Computing


    Final Project Presentation

    Final project alpha presentation, testing, exchanging feedbacks with other students, trouble shooting


    ***** Final Project documentation Presentation of the & submission is May 3rd 5/3/2012, Thursday 7:30 pm-10:20pm *****
    WEEK 15 - May 3rd Final Project Presentation, Documentation Showcase & Submission
    7:30 pm- 10:20 pm