Course Title: Design web environments

Part B: Course Detail

Teaching Period: Term2 2011

Course Code: COSC5949C

Course Title: Design web environments

School: 345T Media and Communication

Campus: City Campus

Program: C6087 - Advanced Diploma of Screen and Media

Course Contact : Program Administration

Course Contact Phone: +61 3 9925 4815

Course Contact

Name and Contact Details of All Other Relevant Staff

Anthony Roberts
9925 4815  

Nicole McKinnon
9925 4375  

Nominal Hours: 50

Regardless of the mode of delivery, represent a guide to the relative teaching time and student effort required to successfully achieve a particular competency/module. This may include not only scheduled classes or workplace visits but also the amount of effort required to undertake, evaluate and complete all assessment requirements, including any non-classroom activities.

Pre-requisites and Co-requisites


Course Description

This course covers, skills and knowledge required to design web environments.

National Codes, Titles, Elements and Performance Criteria

National Element Code & Title:

CUFDIG502A Design web environments


Element 1 Determine project requirements

Performance Criteria:

1.1 Analyse project brief to identify purpose of, and target
audience for, web environments
1.2 Consult with clients to clarify project requirements
1.3 Identify target audience characteristics and determine
how these influence all aspects of design
1.4 Identify content to be incorporated and generated and how
this content is to be accessed, searched or delivered


Element 2 Research and select web environments

Performance Criteria:

2.1 Research web environments and analyse their potential
2.2 Analyse how these web environments meet audience and
content requirements
2.3 Identify issues relating to delivery platform and
standards , and determine how these may affect web
environment options
2.4 Consult relevant personnel to ensure that all possible
web environment options are considered
2.5 Select web environments that will meet creative,
production and technical requirements


Element 3 Draft design specifications

Performance Criteria:

3.1 Design the architecture of web environments to show
interrelationship between environment components
3.2 Identify each web environment and specify its individual
interactive features, functionality and navigation and its
relationship to design as a whole
3.3 Identify content components and specify how these will be
logically structured and integrated into and/or generated
by web environments
3.4 Specify levels of access permissions to web environments
as required
3.5 Specify media assets as required
3.6 Specify user interfaces of web environments
3.7 Specify production requirements , including appropriate
testing strategies
3.8 Write draft design specifications to include all relevant
advice to design and development teams
3.9 Discuss draft design specifications with client to ensure
designs are consistent with project briefs


Element 4 Review design specifications

Performance Criteria:

4.1 Review designs against required project outcomes, as
well as client and audience needs
4.2 Review designs to ensure they meet creative and
technical requirements
4.3 Adjust designs as necessary after discussions with
relevant personnel
4.4 Clarify legislative or ownership issues to comply with
production and organisational requirements
4.5 Confirm with client acceptance of design specifications,
including deliverables, milestones and timelines

Learning Outcomes

On successful completion of this unit, you will be able to apply your skills and knowledge to design web environments.

Details of Learning Activities

In class learning activities include, but are not limited to:
• class presentations
• group discussion
• online research
• pigment inkjet printing
• independent project based work
• teacher directed group activities/projects
• workshopping of students’ own projects

Out of class activities include, but are not limited to:
• online research
• work shopping
• independent project based work

Teaching Schedule

WeekClass ContentAssessment DatesElements
1Course Outline
Presentation- Design Spec Document
CSS inspiration
Anaylise a CSS site
Begin moodboard
Search for a suitable CSS site
Collate moodboard images
Search for inspiration
Submit 01Assignment– 01 Week – Website Analysis Tutorial 5%
Set-up your Indesign Document and save to dropbox.
Next week bring to class your 20 thumbnails – layout and list of web conventions.
Bring pen, pencil, eraser and paper
1, 2
2CSS positioning
960 grid
Submit 02Assignment– Inspiration material / mood board for your portfolio 5%
Research – sketch layout ideas for your CSS portfolio
1, 2
3Background images BG tutorial
Submit 03 assignment – sketches for website 5%
1, 2, 3
Accessibility Evaluation
Float Tutorial
Colour selections and logo design
Dropdpown navigation
04 Assignment –submit -Site map and wire¬frame 5%
Bring to today’s class your colour, type and logo investigations
Tutorial on drop-down and navigation
3, 4
6Flash buttons
Site mapping
Typography on the web
Bring to today’s class a list of your content and the design specification questions - project statement, overview and target audience. Also bring in your logo sketches, font and colour scheme exam¬ples
Flash buttons tutorial
Mapping the portfolio site
7Presentation & feedbackPresent photoshop mockups progression to teacher obtain feedback 4
8Present Design Specification Document Show Photoshop mockups and proposal docu¬ment to teacher 4
9Web analysis 05 Assignment - Proposal Document 1, 3, 4
10FeedbackObtain Feedback from proposal document.
Start development
3, 4
11Feedback forms Continue development 3, 4
12Feedback forms Continue development 3, 4
13Javascript librariesContinue development 3
14Javascript librariesContinue development 3
15User testing Continue development
Upload to server
16Submission & feedbackSubmit developed website
Upload to server

Learning Resources

Prescribed Texts


Other Resources

Personal data storage device

Overview of Assessment

A variety of practical assessment tasks, to be submitted in class, will be used to establish competence in this course

Assessment Tasks

Assignment 01-
Analysis Tutorial Week 1 5%
See assignment brief for details.
Assignment 02 –
Inspiration material / mood board for your portfolio Week 2 5%
See assignment brief for details.
Assignment 03 –
Site map Week 3 5%
See assignment brief for details.
Assignment 04 –
Wireframes Week 5 5%
See assignment brief for details.
Assignment 05–
Visual Style Guide Week 9 5%
See assignment brief for details.
Assignment 06 –
Proposal Week 10 30%
See assignment brief for details.
Assignment 07 –
Concept Survey Week 13 5%
See assignment brief for details.
Assignment 08 –
Submit developed website and present Week 16 50%
Please refer to the assignment brief for full details of specific assignments

For further information on the grading system and criteria used, please refer to the course blackboard site.

Grades used in this unit are as follows:

Grades which apply to curriculum-based courses:
80 – 100% HD High Distinction
70 – 79% DI Distinction
60 – 69% CR Credit
50 – 59% PA Pass
Under 50% NN Fail

Assessment Matrix

The assessment matrix demonstrates alignment of assessment tasks with the relevant Unit of Competency. These are available through the course contact in Program administration

Other Information

Special consideration Policy (Late Submission)
All assessment tasks are required to be completed to a satisfactory level. If you are unable to complete any piece of assessment by the due date, you will need to apply for an extension.
Please refer to the following URL for extensions and special consideration:;ID=qkssnx1c5r0y;STATUS=A;PAGE_AUTHOR=Andrea%20Syers;SECTION=1;

Course Overview: Access Course Overview