PCA0075 COMPUTER APPLICA TIONS AND WEB DESIGN WEBSITE PROJECT (TRIMESTER 2 2011/2012)

This project is individual work.

OBJECTIVES
y y Build a website discussing a computer related topic. Present the website and the information on the topic.

DETAILS
Create a web site with at least 6 pages (HTML files) including a homepage and personal page. This project is individual project and the size must be less than 20 MB. The software you are expected to use is KompoZer, and Paint.NET. Unfreeze is optional. You will use the content you created earlier for your assignments for the website. In your web page, you must have at least: y At least 6 pages (HTML files) o Homepage can contain some introduction text or welcomes the user. o Personal page contains information about yourself (including an image). One banner Some button (image) links One background image One relative link, absolute link, email ink.

y y y y

Remember: The primary purpose of a website is to convey information. The star of your website is the content; the graphics are the supporting cast . Use good graphics to support the content, not overshadow it. This means good graphics on websites are usually supporting images for the text, and subtle but nice supporting layout graphics. Note: You may also include an animation if you wish, but keep them subtle and elegant. Noisy, annoying animations distract from the usability of a website! CHECK THE ASSESSMENT SECTION TO SEE HOW YOU WILL BE ASSESSED FOR YOUR WORK!!!

IMPORTANT WARNING ON ACADEMIC INTEGRITY:

Copying and pasting an entire site from the Internet IS NOT ACCEPTABLE WORK and is NOT PROOF OF LEARNING. You may wish to reproduce a look that you like and refer to how they coded it, but do so in parts and with the intention of incorporating a design element into your own overall design/layout. If I detect ANY plagiarism, you will receive ZERO immediately. Consider this the FINAL and ONLY WARNING. Take this seriously people - academic integrity vs plagiarism is not something I take lightly - DO NOT test me.

SUBMISSIONS / DEADLINES WEBSITE SUBMISSION

Zip up all the files in your website directory structure. The total size of your zip file must not exceed 20 MB. y y y Deadline: Week 12 Friday, 6 January, 5 p.m. Submission: http://pulse.mmu.edu.my/pca75pro/submitp.php (Password: geek1337) For assessment during your presentation, your files will be extracted and viewed through the lecturer s web server. If you used absolute links between your pages or for your images, all the links will be broken. Make sure you relatively link your pages and images! o Example of absolute link: <a href= file:///C:/Users/YourName/Project/page2.html > o Example of relative link: <a href= page2.html > o A good way to test this is to copy your website to a different directory or computer and test to see if all your links and images are working. o Use absolute links only when linking to another website. <a href= http://www.google.com > The first page of your website should always be named index.html (all small letters.)

PRESENTATION
y y Presentations will take place in Week 13. You will present your website and its contents for 6 minutes. o Spend 4 mins briefly introducing your content. Your website will be text heavy, so don t read from it just speak to the audience. o Spend 2 mins promoting your website layout, design, graphics, special effects etc. All your websites will be uploaded on a web server. I will announce on MMLS when it is ready. You should be able to see it at http://pulse.mmu.edu.my/pca0075/yourstudentid/ o E.g. http://pulse.mmu.edu.my/pca0075/1112701234/ o If you get Object Not Found error, it means that your submission is not uploaded under the correct ID number, or I did not upload/receive your submission. o If you get Access Forbidden error, it means that you do not have an index.html file as your main file. o If your page does not load, email the lecturer at klpoh@mmu.edu.my immediately either with corrections to your file structure (email me your site), or with enquiries to why your site is not loading (after the MMLS announcement that I have uploaded the pages).

ASSESSMENT
The student will be marked on the rubric given below (exceeds, meets, approaching or does not meet expectations). Total points earned will be divided by the maximum total and multiplied by each section s score. If plagiarism is detected, the score awarded will be ZERO (0).

PRESENTATION
Criteria Delivery

5 MARKS
3 Meets Voice is clear, most terms pronounced accurately. Stands up straight and establishes eye contact with everyone in the room during the presentation. 2 Approaching Voice is audible, some incorrect pronunciations. Sometimes stands up straight and establishes eye contact. 1 Does Not Meet Student mumbles, voice cannot be heard from behind. Slouches and/or does not look at people during the presentation.

Posture and Eye Contact

Enthusiasm

4 Exceeding Voice is commanding of attention, clear and crisp pronunciation. Stands up straight, looks relaxed and confident. Establishes eye contact with everyone in the room during the presentation. Facial expressions and body language generate a strong interest and enthusiasm about the topic in others. Aware of own time limit and finishes on the dot.

Facial expressions and body language sometimes generate a strong interest and enthusiasm about the topic in others. Finished within time.

Timing

Facial expressions and body language are used to try to generate enthusiasm, but seem somewhat faked. Exceeded time (within 30 seconds).

Very little use of facial expressions or body language. Did not generate much interest in topic being presented. Exceeded time and was stopped by lecturer (more than 30 seconds).

GRAPHICS
Criteria Required graphics

8 MARKS
4 Exceeding The website contains a high number of images which effectively enhance visuals. Website title is clear, effects or images in banner show significant effort. Photo images used in website are smoothed, faded or involved complex selections shapes and integrate into an overall design well. Student used at least three advanced effects when 3 Meets Banner, button, background, and self-images are all present. Website title is clear, effects or images in banner are effective. Photo images used in website are smoothed, faded or involved complex selections shapes. 2 Approaching 3 or 4 elements missing. 1 Does Not Meet 2 or more elements missing.

Banner

Photo manipulation

Website title is readable, some effects or images can be seen. Some smoothing or fading was applied to photo images in the website.

Website title unclear, little effects of images used. Photo images were all included without being touched up.

Graphical Effects

Student used at least three advanced effects when

Student used one or two advanced effects when

Student did not use any advanced effects when

creating graphics which effectively enhance aesthetics.

Relevance

Graphics are related to the theme / purpose of the site, are thoughtfully cropped, are of high quality and enhance reader interest or understanding.

creating graphics. (3D, swirl, fire rendering, etc combining the effects options in a meaningful way) Graphics are related to the theme / purpose of the site, are of good quality and enhance reader interest or understanding.

creating graphics

creating graphics.

Graphics are related to the theme / purpose of the site, and are of good quality.

Graphics seem randomly chosen, are of low quality, OR distract the reader.

Important Note: Although I want to assess that you ve learned to use Paint.NET effectively, website graphics are not supposed to be super glaringly in your face. Even subtle effects can be effective you just have to point them out in your presentation.

WEBSITE
Criteria Required elements

12 MARKS
4 Exceeding Fulfills all criterias on the right and uses additional web elements extensively. All criteria on the right fulfilled, and other site files are organized into a logically named folder(s). The site has an exceptionally attractive and usable layout. Easy to locate important elements, space is well-managed. Navigation links are clearly labeled, consistently placed, and take the reader where s/he expects to go. A user does not become lost. Colors of background, fonts and links form a pleasing palette, do not detract from the content, and are consistent across 3 Meets 6 pages, one banner, some image links, one background image, relative, absolute and email links. Homepage is index.html, other pages placed in the same folder, and links between pages work without problems. Text is readable, sections are visually distinguished and consistent, important elements are easy to locate. Navigation links are clearly labeled, and internal links take the reader where s/he expects to go. A user rarely becomes lost. Colors of background, fonts and links do not detract from the content, and are consistent across pages. 2 Approaching Does not fulfill one of the criterias on the left. 1 Does Not Meet Does not fulfill 3 or more of the criterias on the left.

Site file organization

Does not fulfill one of the criterias on the left.

Does not fulfill two or more of the criterias on the left.

Layout and Design

The site has a usable layout, but may appear busy or boring. It is easy to locate most of the important elements. Navigation links take the reader where s/he expects to go, but some needed links seem to be missing. A user sometimes gets lost. Colors of background, fonts and links do not detract from the content.

The site is cluttered looking or confusing. It is often difficult to locate important elements.

Navigation

Some links do not take the reader to the sites described. A user typically feels lost.

Color choices

Colors of background, fonts and links make the content hard to read or otherwise distract the reader.

Fonts

Self Learning or Creativity

pages. The fonts are consistent, easy to read and point size varies appropriately for headings and text. The student demonstrates self learning through additional techniques applied in page creation. Or website is highly unique in design.

The fonts are consistent, easy to read and point size varies appropriately for headings and text. The student incorporated ideas from elsewhere or other websites into own page creation. Or website has a unique look and feel.

The fonts are consistent and point size varies appropriately for headings and text. The website built made use of only what was taught in class. Or website looks generic.

A wide variety of fonts, point sizes and styles was used.

The website built made use of only some of what was taught in class. Or website looks like a word processing document.

Note: The other 5 marks will come out from your content. The rubric I have already given as part of your Word Assignment earlier.