Shopping Carts

I just found this article:

Shopping Carts

Website mockup software

http://www.omnigroup.com/applications/omnigraffle/ - It is very intuitive and easy to use. There are some tutorials on their website which are very helpful. What is really cool is that it allows you to link between pages. You can save it in a 'pdf' or 'jpg' format. The latest version requires OS X 10.5. It runs on Mac only.

Final Project - Wireframes

My project will consist of several phases and I took me a while to decide which parts I want to focus on first, but at the end I chose to work on those that I struggled the most with in class. This is the general overview of the entire project:

1. A re-design of a public website for the non-profit hawaiian organization. The foundation's goals and main activities have changed and evolved over the last couple of years and its founder wants the website to better promote and inform about offered services. The current site serves only static pages and does not have a private area or an online store. The re-designed public section of the website will consist of static, informational pages and database-driven pages (a gallery and an online store). From a visual perspective he asked the site to include hawaiian traditional elements and also to have a simplicity and an elegance of zen designs. He is also very big on an intuitive and simple navigation (a lot of small, related sections will be integrated into bigger sections).

2. A private area accessible to members only. The registration eligibility will be checked and approved by the foundation's administrator. The login credentials will be revoked when the membership ends.
The private section will consist of:
- announcements.
- calendar.
- image gallery (with an ability to upload pictures). The image upload functionality is for the final class project. I am not sure if it will be used on the real website.
- message board.
- scheduling interface for selected members that gives them an ability to check and reserve space for hawaiian bodywork.

3. A content management system with a separate login that is accessible to the foundation's administrators only.


In order to simplify things I've decided to divide the project into 4 phases:

The final project for class, which will become Phase I, includes the following:
- home page (public) that gives the general info about the foundation, its history, its goals and its founder.
- registration and login page to get access to the private area
- home page for members (announcements, calendar, gallery) which links to
- image upload page.

Phase II will focuse on completing the public website and creating an online store.

Phase III will be all about creating a message board and a scheduling interface.

In Phase IV CMS is completed.

Final Project Idea - Draft

A website for the non-profit, native-hawaiian foundation that:
- provides information about offered services (members and non-members)
- informs about upcoming events
- sells products


Main Pages/Links:

Home - General info about Kalama Foundation

Education (Classes - Locations - Student experiences)

Journey Workshops

Services (Lomilomi, Consultations, Travel Agent Services)

Products (List of products & prices, online store in a future)

Image Gallery (Pictures from journey workshops). Public image gallery that can only be updated by a site administrator.


Secondary Pages/Links:
Log in. Private area for members only that contain a current class calander, announcements and that allow them to upload pictures. The users need to be registered by a site administrator to log into the private area.

Contact Info & Contact Form.

Newsletter. Sign up page for a monthly newsletter.

Press. Articles about the foundation and the founder.

Class8 - Assignment Progress Report

This is what I have so far:
- Working registration and login page
- You can create and submit a comment to any blog post....but they don't show up on a home page yet...still working on it. I thought that the MySQL tutorial will help me with the assignment, but it focuses on pretty basic staff.

I still need to write my final project proposal, so the last part may have to wait till next week.

Class 7 - Assignment

I created a login, signup and submit image pages (all using php include and some functions). I didn't really have a chance to work on the scripts besides going through all the examples that we did in class. I guess this assignment won't be finished until next week. This is what I have so far...plus a home page.

Client-side assignments: Completed

1a. Class1 - Petshop - Wireframe(09/20/08, completed).

1b. Class 1 - Petshop - Web Page. (09/27/08, completed).

2. Class 2 - Basic XHTML / CSS Layout. (09/27/08, completed). I've re-done it using 'em' instead of pixels. The link to the article posted by Amos helped a lot (Elastic layouts with CSS).

3. Class 3 - Intermediate XHTML / CSS Layout. (10/04/08, completed).

4. Class 4 - Forms with Javascript. (10/11/08, completed).

5. Class 5 - Advanced XHTML / CSS / Javascript. (10/18/08, completed).

6. Class6 - PHP Server-side assignment. (10/25/08).