Week 34 2014

April 28 - May 2, 2014

Assignment: Slice Website and preview in a browser.
Details: Use Photoshop to layout your website. Header & buttons.

Size & Dimensions: 1024 px With, 768 px Height 72 resolution
Link: http://www.websitedimensions.com/

-Web Template 100 pts.



Video Tutorials

Creating a Website Part 1

Week 33 2014

April 21 - 25, 2014

Web Design: Chose a topic and create a name for your website.

Getting Started

Assignments:

-Navigational Map 50 pts

Do a web-search for principles of good design. Write down 10 tips

1. Navigation Map 50 pts

2. 10 web tips 50 pts

3. Logo 50 pts

4. Gather Content: Images, text, etc...

5. Organization 50pts: Folder set up

Construction Folder: Place to store templets, images that haven't been resized, text documents etc...

images folder: files that have been resized and are ready to be on the website. Use only .jpg, .gif, .png, .swf

AVOID: capitals, spaces, !@#$%^&*()+=/?><|\

Bad Example: about us.html, john doe.psd

Examples: about_us.html, aboutus.html, john_doe.jpg

Week 32b 2014

April 7-11, 2014

Assignment: Flash App Design.
Details: Build, Code, Evaluate, Launch your app.
Flash App Design

end

Week 32 2014

April 7-11, 2014

Assignment: App Design
Details: Build, Code, Evaluate, Launch your app.

Possible Programs: Flash Action Script 3, Xcode, Game Salad, Scratch, AppCoda, Unity
Steam, Python,  Game Maker.

ADDIE Model

a. Analyze -- gather and process contextual information affecting the goals, structure, purpose, content, audience, and design of a project.

b. Design -- plan the general look an scope of the application and the media it will use, along with the

budget, tools, objectives, outline content, storyboard, and schedule.

c. Develop – collect & create digital media content and testing of the application.

d. Implement – publish the finished project and make it available to its audience.

e. Evaluate -- assess the effectiveness of the project with the target audience and make

adjustments in future revisions.

Adobe professional Model

Design and Development Process

a. Define -- Goals, target audience, content, and delivery requirements

b. Structure – Flowchart to portray the overall structure and screen views of the project

c. Design – design of comps, review with client, redesign from client feedback, and production

storyboard

d. Build and test – project production based on storyboards, technical and usability testing, revision, and final project presentation

e. Launch – launch and publish project

Week 31 2014

March 31 - April 4, 2014

Assignment: Develop & Design
Details: Create graphics for your app.

ADDIE Model

a. Analyze -- gather and process contextual information affecting the goals, structure, purpose, content, audience, and design of a project.

b. Design -- plan the general look an scope of the application and the media it will use, along with the

budget, tools, objectives, outline content, storyboard, and schedule.

c. Develop – collect & create digital media content and testing of the application.

d. Implement – publish the finished project and make it available to its audience.

e. Evaluate -- assess the effectiveness of the project with the target audience and make

adjustments in future revisions.

Adobe professional Model

Design and Development Process

a. Define -- Goals, target audience, content, and delivery requirements

b. Structure – Flowchart to portray the overall structure and screen views of the project

c. Design – design of comps, review with client, redesign from client feedback, and production

storyboard

d. Build and test – project production based on storyboards, technical and usability testing, revision, and final project presentation

e. Launch – launch and publish project