Interactive Design II – Week 9

Session 1: Now that we have examined HTML5 form validation as well as JavaScript client side form validation it is time to implement the PHP necessary to make the form function as expected. This requires setting up a development server on your computers. To do this we will use MAMP. In addition to today’s demos we will continue our discussion of the final project and its associated components.

Screen Shot 2014-10-26 at 1.35.05 PM

Final Web Application (Component 3)
Due: Session 1, Week 15 (25 points)

Description:
Using most of the techniques we learned so far and other techniques that will be demonstrated throughout the rest of the semester, design and build an interactive web application with a minimum of seven content areas (4-5 in primary navigation and 3-4 in secondary navigation). The content for the project may be of three possible categories:

1. Build the project for a real organization that is need of a webapp or webapp redesign.
2. Build the project for a real business that is need of a webapp or webapp redesign.
3. Create an informational webapp on a topic of your choice that you are passionate about.
4. Only if Interactive III is not part of your concentration: build a portfolio for your senior show.

Important: If your project is a business or organization ensure that it is one with which you are closely associated. Consult with me about your concept no later session 2 of week 9 so that I can approve your ideas. All content must be either generated by you, the organization/business, or cited to credit the original source.

Requirements:
1. Create a minimum of seven content areas for the webapp.
2. Primary and secondary navigation will allow visitors to get to all content areas.
3. Include all of the following types of media: graphics, photos, video or sound, motion, interaction (form).
4. Images and text content must be your original artwork, unless cited correctly and the licenses allow for use.
5. The webapp must be fully interactive – navigate to any page from any page
6. Upload an archive of the environment to Learn@UWStout before class on session 1 of week 15
7. It is strongly recommended that you use hosting and a domain to publish your project.

Points Breakdown:
6 points will be awarded for designing an effective layout for the content and interface
5 points will be awarded for a consistent and distinct primary/secondary navigation system
4 points will be awarded for placement, optimization, preparation, and choice of images
5 points will be awarded for the use of media (graphics, photos, video or sound, motion, interaction)
5 points will be awarded for developing meaningful and accessible content for the user experience
5 points will be awarded for carefully selected typefaces and type treatment
5 points will be awarded for the clarity of your presentation

Session 2: After continuing the interactive form demos we will review the requirements for the Final Web Application Project Proposal (Component 1).

Final Web Application (Component 1 – Project Proposal)
Due: Session 2, Week 10 (5% of final project grade)

Description:
Write a project proposal that includes a title page, project summary, feature list, wireframes, and bid. Include a minimum of five wireframes. Breakdown the bid into estimated hours for content, design, markup, styles, and interaction. Use Google Docs, Word, or Illustrator to create the proposal. Export the proposal as a PDF file and submit before class starts on session 2 of week 10.

Requirements:
1. Start the proposal with a title page (include your name, project name, my name, class title, etc.)
2. Secondly write a project summary that describes the scope of the project in two to five paragraphs
3. Thirdly insert a list of project features and a brief description of each feature
4. Next include a minimum of five wireframes each on a separate page with brief descriptions
5. Finally write a project “bid” detailing the estimated hours and cost of the project
6. Upload a PDF of the document to Learn@UWStout before class on session 2 or week 9

Points Breakdown:
The proposal constitutes 5% of the grade for the Final Web Application