Web Package Requirements

Multimedia Package – Due Friday  December 18, 2009

The Final Multimedia Package will be a multi-page multimedia package published on the Web. Students may use Flash, audio, video, images and Web 2.0 widgets as part of their story. The Multimedia Package must include a completed story, but some of your pages may show an outline or an example of content that would appear there. You must include a flowchart and a Project Brief with your package. Your completed package must be published online and linked to the JOU3601 wordpress.

At least 3 of the 4 types of media mentioned in the above..

Audio, video, images, or flash -  should accompany text

Content can be content you’ve worked on in the past, and can showcase relevant outside content provided you have permission from the creator.

5 full pages of content -  the rest can be shells.

Examples -  A gaming website, some other hobby or trade website, or a local news site.

NOTE : We will not be presenting these in class during Finals week as our syllabus suggests.

Web Story Requirements

Web Story – 100 points

The Web Story will be a multi-paragraph story incorporating simple XHTML and CSS formatting and photography. Students must publish their Web Story online and link it to the JOU3601 wordpress. Students must submit a Project Brief to the instructor.

The web story project will utilize all of the web publishing skills we’ve learned up until this point. It should incorporate your knowledge of journalism and multimedia with the technical skills of web publishing, including xhtml and css.

The format for your story should be one page, but the page itself should be designed in a professional manner and should be consistent with web standards of today.

Grading Rubric

30 points – Research and Article

Is the article well researched and well written? Is it consistent with a level of journalism that could be published in a professional publication.

50 points – CSS and xHtml

Is the site well designed, and written according to the CSS and xHtml standards developed in class.

10 points – Design

Is the site well designed, and easy to use.

10 points – Materials

Is everything completed and turned in on time. Is a link to the site posted to the blog and is the site up on Astro as requested.

Instructions on Using Site Management in Dreamweaver

To upload and manage your site using dreamweaver use the following the steps :

Select new site from the site menu to begin.

If its not the default, select advanced at the top and then fill in your information for your local drive. This should point to your thumbdrive if you're not on your own computer. It is ultimately the folder in which all of your website files are stored.

After selecting your local root folder, click Remote Info on the left and fill in your astro account information. Do not forget to select SFTP. Hit Ok after you've tested it successfully.

You might at first see a small window to the right that looks like this, in order to upload your final site files select the expand button at the far right.

Once you've expanded the window you should see an FTP window that looks like this. Click the button indicated to connect to your astro server.

 

Once connected successfully you will see your local folders on the right and the remote folders on the left. Place your website files into the astro account on the right. Once that's complete your site should be live and on the internet.

Guidelines for this web project

Flash Project Presentation and Article Formatting

For the Web Site project you will create a Web site of at least four pages based around your work in class to this point. The program utilized here will be Adobe Dreamweaver, which is basically a program that will write code for you but also allows you to manipulate it yourself. . Students will upload their Web sites from Dreamweaver to their Temple Web accounts. Students must submit a URL to their instructors along with a project brief and a flowchart by posting these items to the class blog.

Requirements:

* Students must gather the information for their Web sites to showcase as a package.
* Students are encouraged to use photographs and other images that they have created themselves as design elements.
* The whole project must be created in Dreamweaver aside from any graphics that can be created in other programs (like Photoshop) and imported into Dreamweaver.
* The site as a whole should reflect a consistent design strategy.
* Students must hand in the following material to their instructor:
o A URL of the published Web Site
o A project brief of your Web Site
o A flowchart of your Web Site

RUBRIC FOR GRADING THIS ASSIGNMENT

Focus – 30

Did the student adequately research what goes into a successful site? Is the site easily navigated and laid out in a manner that a potential client would be able to find the necessary materials from the person’s site?

Design, Layout – 80

Did the student create a cohesive design for the entire site? Did the layout take advantage of the properties of the Web? Did the student correctly link his/her pages?

Assignment Materials – 40

Did the student successfully publish his or her Web Site online? Did the student hand in a project brief and a flow chart for the Web Site?

Instructions for adding play and pause buttons.

1. First, draw pause and play buttons in the stage area.

2. Convert them to symbols, make sure to select “button” Name them appropriately.

3. Delete them from the stage.

4. Create layers for each.

5. Select the “Play” layer. Drag the play button from the library to the correct position on your stage.

6. Select the “Pause” layer. Drag the pause button from the library to the correct position.

7. Select the behaviors panel. If it is not open yet, select it under “windows”.

8. Select the Play layer. In the Behaviors panel, click the Add Behavior button to open a menu of behaviors. Select Movie clip and then Goto and Play at frame or label. Select _Root, choose Absolute and start it at frame 1. If you get an error at this point involving Actionscript 3, make sure you select Actionscript 2 when given the option (by clicking through on the error message)

9. Do the same thing as #8 but for the pause layer. Instead of Go To and Play, chose Go To and Stop.

10. Save your file.

Free Audio Editing Software

If you’re looking for a free program to edit your Podcasts with, try Audacity.

It is compatible with both Mac and PC.

Click the following links for tutorials…

I. Basics

1. Digital Audio
2. Rules of Audacity
3. Setup, Audio Import and Playback
4. Recording with Audacity

II. Editing for Beginners

1. Introduction to Editing…
2. Cut, Copy & Paste
3. Silence, Duplicate and Split
4. Splitting and Submixes

III. Common Editing Tasks

1. Quickies
2. Editing Vocal Tracks
3. Cutting up long Tracks

IV. Effects for Beginners

1. A virtual room with Reverbs

V. Selecting and Aligning

1. Selecting

Helpful Flash Slideshow Tutuorial

I found this helpful and we will be using it in class to go over how to do a basic flash slideshow.

Click Here to download the PDF file

Click on image to go to web tutuorial

Project Briefs

PROJECT BRIEF

Publishing to the Web

You must submit a completed Project Brief with each assignment that you hand in to your instructor. Project Briefs must be typed and double-spaced using a 12-point font. Please use proper spelling, punctuation and grammar. Your grade will be negatively affected by the use of improper spelling, punctuation and grammar.

Description

Describe your project in one to three paragraphs. What is the purpose of your project? What problem does it solve?

Audience

Who is the intended audience for your project? What are the audience demographics? How does your choice of media, text and overall tone communicate effectively to the audience?

Research

How did you research the content for your project? What sources did you use for your project?

Subject Matter

Was there anything about the subject matter that could or did raise legal or ethical questions about the presentation of the material? How did you handle sensitive subject matter?

An example of how your flash post should look

This is my flash project, it was the most fun I’ve ever had learning how to do something on a computer. Its a movie about a flower.

Click to play movie

Settings to use FETCH or any other FTP to access Astro

Once you’ve signed in, please remember to create your flash folder inside the folder “public_html” .