Advanced Web programming? What’s that?

From it’;s earliest days of simple HTML, the browsder has served just as a sinple gui to internet content. IN the lasts 36 months, the advnet of advanced tools and debuggesrs has turned the web browser into a mini-computer +compiler. Hoipefully this semester we convered some of these unique and new applications and you are excited about exploring what they are capable of doing.

Tonite we’re going to cover in part 1 of the class, the Google tools, APIs, maps, all a final over view of Project Management using Google.

Part 2 of the class will your portfolio presentations and a class survery form. Final projects have a final due date of next Thursday at midnite, so please try to get your work in before hand.

I hope everyone enjoyed our class time together and now have the skills needed to build a web company from scratch. ed

Your host
Your editor
FTP
Photoshop
jQuery
Delicious
SEO

Read
Digg
Slashdot
PopURLs

host

ftp

command line

Basic Tools

editor

ftp

photoshop

Second stage

html (use your generic starting shell)

css

jquery

Managing your site

blogs

wikis

email

google docs

ADVANCED

apis

mashups scripting languages

database

flash

ECOMMERCE

open source applications

paypal

merchant accounts

—

FINAL PROJECTS

Portfolio from 4/5 projects

Tonight we can start with 5/10 graphics

Gallery sample:

<iframe src=’http://docs.google.com/EmbedSlideshow?docid=ddpm96nq_2g9gfz5xv’ frameborder=’0′ width=’410′ height=’342′></iframe>

Final projects inlcude Gallery site featuring your work/portfolio this semester

Projects

SUNY Postadam home page

Katrina information site

Arts brochure

Restaurant site

Need to include at least on special jquery effect in your page

Use an online gallery of your choosing to display your semesters work

PLEASE send me a link to ALL your final work by May 9.

Tonite:

Rapid teams that come together then split apart and reform in real time to react to events.

Project:

Build your team

Build your tools out

Coordiante graphics

Launch site

Link to project

Code

Images

I am meeting with companies this Thursday in NYC for ICT internship
opportunities, so there is no class meeting this week. Just the
assignments below.

UPDATES
You should have completed a 3/5 page presentation on what is Web 3.0
based on the reading (link on blog). Everyone will need to present
this in class on 4/10/2008.

In class next week we will be looking at 2 REAL CLIENT projects with a
guest lecturer. An advanced web site is a serious commitment and
besides the technical challenges & costs, you also will have
personalities and in-house politics to deal with. We’ll cover all of
this and class time on best practices for adding video and sound, the
multimedia components of a web site.

Over the next week could everyone PLEASE make sure they are 100% experts in:
Photoshop image manipulation for the web (understand file formats jpg
vs gif vs png)
Understand FTP uploading
Google analytics
Advantages of a “Directors” account on youtube

http://www.google.com/support/youtube/bin/answer.py?hl=en&answer=55754

And PLEASE check out this new technology from Google:

http://code.google.com/webtoolkit/

TERMS:
Please review and understand what is meant by AJAX technology and why
it is changing the web. For EXTRA CREDIT develop a simple AJAX
application in jQUERY

We will also discuss final projects, and final portfolios.

DUE NEXT WEEK:
Web 3.0 presentation

REVIEW

http://reencoded.com/2008/04/01/42-must-bookmark-resources-for-web-designers/

YOUR LIBRARY
You should have ready:
A standard template (left column, middle, right, top header, bottom footer)
A standard CSS file

ALSO:
You should be able to present your SUNY home page make over to date.

PLEASE check in with the blog after Sunday – I am online pretty much
24/7 if you need assistance or have any questions.

thanks, ed

TONITE:

30 tips presentations

web3.pdf

Your environment

HTML

CSS

Templates

Javascript/jQuery

Blogs

Google tools

Reporting tools (Google Analytics)

RSS

XML

Mashups

Web 2.0

Tags

ASSIGNMENT NEXT WEEK: TAKE ABOVE TERMS AND PLACE IN HTML DOCUMENT AND DEFINE. 1 PARAGRAPH IS OK.

Midterm review for our 3 main projects.

At this point you should have 3 projects using CSS/HTML and a basic layout.

SUNY Home page make over

Katrina

Art brochure

Next week, hand in Katrina and Art brochure. Show one example of jQuery (Javascript) in each example.

Adobe Color Schemes

Cool plugs-in for javascript/jquery 

Delicious

The Web developer toolbar

Firebug

HTML tutorial 

CSS tutorial

Floats

Step by step guide to building your template

Presentation of last weeks assignment

Next weeks assignment

Web tips

Template

Link to class html

Type sample

By 7:10 you should have your programming environment setup; textmate is my recommendation.

Tonite we want to cover all projects to date. At this point you should have:

A solid new look and feel for the SUNY Potsdam home page

Have the Katrina text in a simple layout

We’ll look at our 3rd web project & explore a Google mashup up

I’ll also cover due dates for midterm projects

One example: infodesign.pdf

Group collobaration using Google Docs. We need to get all our data in. How we we “Crowd Source” that project?

Everything you wanted to know about Rapid Application Deployment, AKA Quick and easy HTML & CSS

How to use advanced Javascript by way of jQuery: jquery.pdf

A presenter for the new SUNY page (each class another volunteer)

Next weeks assignment.

Start coding of Katrina site using CSS & JS (jQuery)

Reading and 1 page reaction paper:

Web 2.0

Begin reading daily Techcrunch

Default texteditor (os x): textmate

Default ftp program (os x): fetch