• Page
• Discussion
• View source
• History

• Main Page
• Classes
• Resources
• Community portal
• Current events
• Recent changes
• Random page
• Help
• IAM home
• IAM blogs
• Columbia home
• MediaWiki home

Contents 1 Introduction 2 Who's teaching this class? 3 Tools for This Class 3.1 Web Development 3.2 Local Web Servers 3.3 Validation and Good Style 4 Resources 4.1 Model View Controller 4.2 Command Line Tutorials 4.3 Ruby on Rails 5 Class Schedule 6 Project 1 6.1 Due Date 6.2 Requirements 6.3 Turning it in

Introduction

With a title like "Emergent Web Technologies", I was tempted to make this class focus on the most cutting edge web technologies I could think of. Unfortunately, when I looked around for what was at the bleeding edge today in the web world, I realized that I have no idea what's going to be relevant a year, 5 years or ten years from now.

So, instead of making this class about the latest buzzwords, I've decided to focus on some of the more exciting things that are happening as standardized and open source web technologies continue to evolve and solidify.

The undercurrent of this class will be sustainability and standardization. We will discuss web technologies that not only are moving in some exciting directions, but are also developing in a way that insures they will be relevant in the future.

Who's teaching this class?

My name is Matt Ephraim. I am a web developer at Webitects and I'm currently working on a Master's degree in Information Architecture at IIT.

Tools for This Class

This is a list of tools that may come in handy for this class. I will be updating it as we go along.

Web Development

• Firebug (Amazing Firefox Extension that will make your life easier)
• Web Developer Toolbar (Another Firefox Extension that will make your life easier)

Local Web Servers

• MAMP (Develop with Apache, MySQL and PHP locally in OS X)
• XAMPP (Develop with Apache, MySQL and PHP locally in Windows)

Validation and Good Style

• W3C Markup Validator (Make sure your sites validate as XHTML 1.0 Strict)
• JSLint (Check your JavaScript code for common errors and bad coding style)

Resources

Model View Controller

• Wiki article on Model View Controller
• MVC in Rails

Command Line Tutorials

• Windows Tutorial
• Another Windows Tutorial
• OS X Tutorial

Ruby on Rails

• Ruby on Rails Homepage
• Intro to Rails
• 15 Minute Weblog Tutorial Video
• Getting Started Guide
• Rails Guides
• Railscasts (screencasts about Rails topics)

Class Schedule

• Class 1 (1/28/2009): Introduction
• Class 2 (2/04/2009): A Crash Course in JavaScript
• Class 3 (2/11/2009): More JavaScript
• Class 4 (2/18/2009): Object Oriented JavaScript and Some APIs
• Class 5 (2/25/2009): Microformats and Intro to Server Side
• Class 6 (3/4/2009):   Intro to Ruby on Rails
• Class 7 (3/11/2009): Walker Hamilton talk at ACM meeting
• Class 8 (3/18/2009): REST
• Class 9 (4/1/2009):   Ajax
• Class 10 (4/15/2009): SVN, SVG and Canvas
• Class 11 (4/22/2009): Guest Speaker: Scott Thomas
• Class 12 (4/29/2009): Testing

Project 1

Due Date

Due Friday April 3rd 11:59PM

Requirements

The goal of this project is to take your locations page and build a small RESTful site out of it. You site should have the following:

• A list of all locations that have been added to your database
• A page for creating a new location
• A page for editing an existing location
• A detail page for each location with the following
  • The location name, address and description
  • A Google Map with a pin for the location
  • The Flickr images that have been found for the location
• An XML feed for the list of locations and for each individual location

Don't worry about authentication or a homepage for the site. If you use the Rails scaffolding that was demonstrated in Class 6 most of the requirements should be taken care of for you. You should be able to scaffold a site and import parts from your existing location assignments into it. Be sure to email me if you have any questions. I want to make sure everyone gets this done. I only require that you get the site working locally. You don't need to deploy the code to a live site.

Turning it in

If you know how to use subversion, let me know and I can give you your account id. That is the best way (in my opinion) to turn it in.

Otherwise, zip your files and provide me with a link to that so that I can download your assignment.