INFO 344 Web Tools And Development CK Wang University of Washington Spring 2014

Announcements My office hours = MW 12:30 – MGH 080 Frank’s office hours = M-F 4pm – MGH 440 Please add yourself to Canvas (if not already on) Add codes? All PAs – core => write in raw php/C#, do not use libraries/frameworks/etc. – Extra credit => use anything you want! Just say what you used in the explanation so I can give the appropriate credit

I only have a home Don’t worry! Here’s the solution! For Intel-based Mac’s (since 2006) please install bootcamp (search online), this allows you to load Windows native! (not Virtualization). Go to MSDNAA site and you can download Windows and Visual Studio for FREE! for more

Looks like this, w/url to here Not iSchool? Get VS Express for Web

Sign up on GitHub I heard this takes a few days so let’s start early! Sign up free student GitHub now!

News

Prologue

Assignments to be Rewarding

How? Does something useful Does something you use everyday 10 hours of work looks like 10 days of results Challenging but FUN.

Most Important Thing I can Teach you

How to LEARN I will purposely leave things out Expect to spend a lot of time on Google (and YouTube) This will change your life. I promise.

Programming Assignment #1

Build a real web site

nba.com Poor experience Cannot return multiple players Needs to resolve name perfectly UI = hard to see, to the right Type ‘paul’ and press ‘run it’ => not what I want!!

We can do much better In a few days…

Final Product Website works: type name, press find, players show up! Data is hosted on AWS RDS Website written with PHP & MySQL: follow best practices & things taught in class Website runs on AWS EC2: super scalable!!

Great User Experience Different casing should work Only first name or only last name Think and try other cases!

Deliverables Due on April 14, 11pm PST Submit on Canvas Please submit the following as a single zip file: URL to your AWS instance hosting this website (readme.txt) Screenshot of your AWS dashboard with EC2 running (aws-ec2.jpg) Your GitHub repro with PHP source code (share your GitHub with me & TA) Write up explaining how you implemented everything. Make sure to address each of the requirements, writeup.txt (~500 words) Extra credits – short paragraph in extracredits.txt for each extra credit (how to see/trigger/evaluate/run your extra credit feature and how you implemented it)

Hint Don’t write code to read the csv into MySQL, just use phpMyAdmin to import it directly to RDS! Same thing happens in Industry : ) Uploading files to AWS => make sure you upload to the right directory (it’s in your apache config file, search on goog for config file info)

AWS NOT Multi-AZ => you’ll get charged!! Only Micro => otherwise you’ll get charged Security groups => Firewall, open port for a certain IP or IP range Tags => just makes search easy

Start Early!!! Today!!! TA & I will respond to forum posts so post early!

Extra Credit [10pts] Misspelled names work gracefully* [6pts] AJAX search button [6pts] Results page looks really really nice** [2pts] Embedded photos of player [2pts] Embedded tweets about player [2pts] Embedded youtube videos about player These are actually really really fun.

Questions?