Moving your project to your hostgator site

  1. upload all the files to your domain via FTP, do an export of your .sql from phpmyadmin
  2. Log into your control panel
  3. Click the “mysql databases” icon
  4. Fill in the field “add database”, click go
  5. write down the database name (the host may add a prefix to the DB name, like account_blog)
  6. go back to the MYSQL database page
  7. Fill in the fields after “add new user”
  8. write down the username and password (host may add prefix to username)
  9. go back to the MYSQL database page
  10. Under the heading “add user to database, select your new database and username
  11. when prompted to edit privileges, check all
  12. go back to your main Cpanel home and click “Phpmyadmin”
  13. from the left column, choose your database name
  14. click the import tab to import your .sql file
  15. open db.php file from your project root
  16. edit the user, password and db to reflect the stuff you wrote down in steps 5 and 8. leave “localhost” alone.
  17. upload to your domain
  18. test!

blog wireframes

Download a copy of the basic  wireframe for the blog

Image uploader source code

Image uploader

Milestone 4 Checklist

Minimum Site Requirements Due by Tuesday, Feb 16:

  • About page (can be static)
  • Privacy policy/Terms of Service page (can be static)
  • RSS feed pulling your 20 latest ‘posts’ (or photos, products, user submissions, etc)
  • Searchable content (search form and results page)
  • Registration form working (adds a new user to the DB)
  • Login form working (checks login against DB)

search source code

download new search

Blog turn-in checklist

Your blogs are due Wednesday, Feb. 10th. The following requirements will be considered for your grade:

  • Blog front-end styled with css
  • Links page – displays a list of all links (that go to their respective URLs) with descriptions
  • Category Page – Shows a list of latest 10 posts in the category that the user clicked on
  • All post meta linked on all pages (category, comment count)
  • All pages we built together – home, blog, single, rss, etc. must be functional
  • Search results (we will build this Monday)

Welcome to WIP400

Welcome to Programming for Designers. Watch this space for class resources, assignments, inspiration, and more!

Wordpress 2.8’s Theme viewer is awesome

Upgrade your WP blogs (Don’t forget to back up your theme and export your DB just in case) and check it out in the admin panel under Appearance > Add New Theme.

Screenflow diagrams for Blog project

screenflowI’ve just published screenflow diagrams for the front-end and admin panel of the Blog project we are working on together in class. Feel free to save these in your google documents or print them out to keep them in your notebook.

http://docs.google.com/View?id=dgfjstgt_26cswnrvgm

Workflow for a successful App!

This class focuses on the technical aspect of code, but for a truly successful final project, you will need to remain organized, and aware of your time constraints. Good application development requires lots of careful planning!

  1. Goals/Feature List. Once you have your “million -dollar idea,” It’s critical to nail down the goals of the project. Goals keep you on track when choosing what features need to be built into the app.  Make sure to address both the user’s and the site owner’s goals.
    Example: My idea is to make a shopping cart to sell my photographic prints.
    User’s Goal: Easily find and purchase artwork.
    Site owner’s Goals: Make money. Give shoppers easy access to my work.  Keep in touch with past customers.
    Read more