|
Due Date |
Topic |
Assignment (to be done before class starts on due date listed at left) |
1 |
|
Intro to WEBDEVT
|
- Buy your Domain Name (yourname.com) - http://www.godaddy.com ~P500
- Buy Web hosting - http://www.philhosting.net ~P100/month
- (1.1) Google Logo Balls http://rawkes.com/experiments/google-bouncing-balls-canvas/ Fork this to write your name. Always link back (attribute) your sources.
That's it for now. Enjoy and sleep well. You will need it :)
|
1.2 |
|
Google Apps |
(1.2) Setup your email mail.yourdomain.com at Google Apps Standard (http://www.google.com/apps/intl/en/group/index.html) |
2 |
|
JQuery/PHP
|
- WOW Philippines Project http://demo.tutorialzine.com/2010/02/photo-shoot-css-jquery/demo.html
Fork this demo to show the beauty of the Philippines' 7,107 islands.
- Provide at least 4 photos and credit where you got your photos (you can use creative common photos or use your own).
- Link back to this demo http://demo.tutorialzine.com/2010/02/photo-shoot-css-jquery/demo.html
- Post on Facebook and tag your friends.
|
2.2 |
|
JQuery/PHP |
- Download animated-background-image.zip
- Set this up on your website and make something nice with it.
|
2.3 |
|
JQuery/PHP |
- Download three.js.-random-particles-demo.zip
- Set this up on your website and make something nice with it.
|
3 |
|
Propaganda |
- Make 2 Reaction Blogs for the 2 videos (Revolution OS & History of the Internet)
- Link your blog entries to your website.
|
4 |
Sept 30 |
Class Exercises with Codecademy |
- Go to http://www.codecademy.com
- Go through the whole 16 lessons.
- Sign up using Facebook.
- Tag the Facebook WEBDEVT group & tag me when you finish.
|
4.2 |
Oct 7
|
PHP |
- Create a registration form and output it on screen like the example above.
- First Name
- Last Name
- Street
- City
- Province (Make this a Drop down. Get a list of provinces on the Web.)
- ZIP
- Telephone
- Email
|
5 |
Oct 13
|
PHP |
1. Create a beautiful registration form and output it on screen like the example above with Validations.
- First Name
- Last Name
- Street
- City
- Province (Make this a Drop down. Get a list of provinces on the Web.)
- ZIP
- Telephone
- Email
2. Send an email to the specified email address. (Research on PHP email.)
BONUS: Write these to a MySQL Database.
BONUS BONUS: Make an AJAX Validation for a unique username.
|
6
|
|
Propaganda |
- Watch 7 Must See Web Design Videos and Presentations http://www.noupe.com/design/7-must-see-web-design-videos-and-presentations.html
- I want to see 7 blog entries with 100 words each as a reaction to what you watched on the 7 videos.
- Put a link to your blog on your website.
|
|
|
|
|
|
|
|
|
7
|
|
PHP/MySQL |
- Make this tutorial Basic Blog using HTML/CSS-PHP-MySQL http://www.devshed.com/c/a/MySQL/Creating-a-Login-Script-for-a-PHPMySQL-Blogging-System/ work in your website.
- Create a user: csb & password: csb so I can login and check.
- Will check this by June 16, 2011.
|
x |
|
PHP/MySQL |
- Create a CRUD (Create Retrieve Update Delete) for the table user in item #5 above.
- Make sure this is secure and login is required.
- Logged in user should be able to :
- Add a new record (Create)
- See a list of records (Retrieve)
- Update an existing record (Update)
- Delete a record (Delete)
- Use the same user: csb & password: csb so I can login and check.
- There are various PHP CRUD implementations online. Use whatever your heart desires.
|
8 |
|
PHP/MySQL/CSS |
- Use this Wufoo form http://wufoo.com/gallery/templates/online-orders/tshirt-order-form/ to start your Tees business.
- Store the orders in a MySQL table.
- Create another orders.php page to list all orders. Provide the link.
|
9 |
|
PHP/MySQL/JQuery |
- JQuery Validation with PHP http://yensdesign.com/2009/01/how-validate-forms-both-sides-using-php-jquery/
- Integrate this with your user database (Assignment #5)
- Send an email to the user & yourself.
- Link to the tutorial and acknowledge the source.
|
10 |
|
PHP/JQuery |
- Survey the Campus Idol by building a Web Poll program with PHP http://net.tutsplus.com/tutorials/php/creating-a-web-poll-with-php/
- Get at least 20 votes from friends by sharing this on Facebook.
- Attribute the tutorial with a link back to NetTuts.
|
|
|
|
|
|
|
PHP/JQuery |
- Setup and install Google Analytics in all the pages of your website. http://www.webresourcesdepot.com/feedcount-like-google-analytics-counter/
- Show it using this widget. Install this on all your website pages
|
11 |
|
Propaganda
|
- Watch the documentary entitled Revolution OS http://video.google.com/videoplay?docid=7707585592627775409
- Discuss at least 3 things you picked up from the movie Revolution OS. It should be at least 400 words this time.
- Tag your friends on the social media.
|
12 |
|
JQuery |
- Make a photo album of your life. Put your photos here like this http://tympanus.net/codrops/2010/09/28/polaroid-photobar-gallery/
- Don't copy the wood image. Put your own background image.
- Tag your friends. Link back to the demo and attribute them. Enjoy!
BONUS: Super extra points for those who can pull your Facebook photo albums from the Facebook Social Graph.
|
13 |
|
PHP/MySQL |
- Put your own Contact page. Send an email back to the user saying 'Thank you'. That's it.
- No form validation. No grade. Javascript validation + PHP Form validation.
|
14 |
|
PHP/MySQL |
- Do your own event and build an event registration page.
- Invite your friends.
- Save the fields on a MySQL table.
- Create a guests.php page to list all those who registered. Show the total number of guests. Provide the link.
- No form validation. No grade. Javascript validation + PHP Form validation.
|
15
|
|
Propaganda
|
- Watch the Front End Design Conference '09 http://css-tricks.com/front-end-design-conference-09-wrap-up/
- I want to see 7 blog entries with 100 words each as a reaction to what you watched on the 7 videos.
- Put a link to your blog on your website.
|
16 |
|
PHP/MySQL |
Build a Complete Blog system based on Assignment #5.
- Use the Username Check http://papermashup.com/demos/check-username/ to validate usernames in the user table.
- Validate all fields using http://yensdesign.com/2009/01/how-validate-forms-both-sides-using-php-jquery/
- I should be able to post a blog entry and save it to the blog table.
- Show the blog entries in descending order.
- Use the mail() function to
- make Forget password send an email to the user,
- email the user when newly registered,
- email the user when change password,
- Add a comments table and users should be able to comment on a post.
|
17 |
|
WEBDEVT Take Home MidTerms - Halfway Through
|
Build a beautiful Folio Website www.yourdomain.com. It should have the following sections:
- Frontpage (yourdomain.com/index.html) with Wow! JQuery Awesome effects - 10 pts
- Showcase page of your projects (yourdomain.com/folio) - 10 pts
- About page (about you, sino pa ba?) with Google Maps to your house (yourdomain.com/about)- 10 pts
- Photo Gallery - Assignment #12 (yourdomain.com/gallery)- 5 pts
- Contact me form ala www.Formspring.me (yourdomain.com/contact)- 15 pts
-A form that consists of Name, Email, Question. -It should send an email reply to the site visitor. -Save data to a MySQL table. Table name: feedback, Fields are id, Name, Email, Question, Answer, Date Asked, Date Answered -Make a CRUD for your table to input your answer. -List all questions and answers www.yourdomain.com/contact/responses.php (even if answers are blank). Something like this http://www.formspring.me/LilTwist
- Ask your friends to ask a question. Minimum of 3 questions with answers.
All forms should use validation.js and PHP validation.
Enjoy!
Bonus:
1. http://anantgarg.com/2009/05/13/gmail-facebook-style-jquery-chat/ - 10 pts
2. Facebook integration like writing to your Facebook wall. - 10 pts
3. Use www.fontsquirrel.com for your @font-face
|
Let's get this party started!
|
18 |
|
Information Architecture |
Build a wireframe fan site of your favorite band or musician using www.gomockingbird.com. It should have a wireframe of the following pages:
- Homepage
- About the band
- Discography
- Music Videos
- Booking & Inquiries
We will discuss this in class.
|
19 |
|
|
- Create a Gallery of your friends and their Tweets based on this JQuery tutorial http://addyosmani.com/blog/jquery-roundrr/
- You cannot reuse the images used in the example. It has to be brand new images.
BONUS: Super extra points for those who can pull your Facebook photo albums from the Facebook Social Graph.
|
20 |
|
|
- Create a web page of your favorite poem or song using @font-face & www.fontsquirrel.com
- Put a background music on your web page. Link back to the source of your poem/song & mp3 links.
|
|
|
|
- Setup the PayPal IPN using this tutorial http://net.tutsplus.com/tutorials/php/using-paypals-instant-payment-notification-with-php/
- Prepare to discuss this in class.
|
22
|
|
Project
|
- Redesign the user interface of www.sec.gov.ph using www.gomockingbird.com
- Re-engineer the registration process to simplify and be able to register under 15 minutes. Remove unnecessary steps.
- Present this in class.
|
23
|
|
Project
|
Based on Assignment #18 (Wireframe design) - create the Fan site of your favorite musician or artist using HTML/CSS including the ff pages:
- Homepage
- About the band
- Discography
- Music Videos
- Booking & Inquiries
Note: Make sure to link back and acknowledge your sources (photos, mp3, etc.)
|
24 |
|
WordPress |
- Setup WordPress
- Setup any WordPress Theme
- Setup the Google Analytics (WordPress Plugin)
- Setup the Google Sitemaps (WordPress Plugin)
|
Comments (0)
You don't have permission to comment on this page.