Course Title: Design web environments

Part B: Course Detail

Teaching Period: Term2 2013

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

Jeanie Hague-Smith

Ph: 9925 4815

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
• 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. Intro to responsive design. Screen sizes, HTML5 & CSS3 Frameworks for responsive design. HTML & CSS Styles basics.  1, 2
2Successful responsive design & websites group work. Browsers, devices & media queries.
HTML & CSS Styles basics.
  1, 2
3Basic div float tutorial, part of HTML & CSS Styles basics. Review of techniques and ideas for 1 page folio.  1, 2, 3, 4
4Background Images, wireframes. Web fonts & – css design  1, 2, 3, 4
5A01 - Browser based debugging/User testing (HTML 5 + CSS) (Formative)A01 - Browser based debugging/User testing (HTML 5 + CSS) (Formative) 1, 2, 3, 4
6Studio class  1, 2, 3, 4
7A02 - Design Doc + Wireframe Personal Folio Website x 2 (Summative)

Presentations – feedback session

A02 - Design Doc + Wireframe Personal Folio Website x 2 (Summative)1, 2, 3, 4 
8 Menu tutorial - css & basic jquery page scrolling. 1, 2, 3
9 Accessibility & media – HTML5 video and flash 1, 2, 3
10A03 - Follow design brief and create a basic responsive html site (Formative)A03 - Follow design brief and create a basic responsive html site (Formative)1, 2, 3, 4
11CSS resets & frameworks. 1, 2, 3, 4
12Studio class – google sites 1, 2
13Studio class – social networking integration 1, 2
14A04a - Beta Launch Personal Folio Website (Summative). Due wk 14A04a - Beta Launch Personal Folio Website (Summative). Due wk 141, 2, 3
15Cross browser/device testing and issues 4
16A04b - Peer test & web page critique (Summative). Due wk 16A04b - Peer test & web page critique (Summative). Due wk 164

Learning Resources

Prescribed Texts


Other Resources

Students are encouraged to make full use of University computer lab resources. Please consult the course
Blackboard page or the University web site for details of access times and locations.

Other required resources include broadband internet access, suitable digital media storage such as a portable hard drive or
USB flash drive, with at least 4Gb capacity.

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

Assessment tasks in this course are either formative or summative. Formative tasks provide the basis for ongoing feedback and can be considered as essential building blocks for the more substantial summative assessment tasks.
To demonstrate competency in this course, you will need to complete each one of the following pieces of assessment to a satisfactory standard. You will receive feedback on all assessments and a grade for the summative assessments.


A01 - Browser based debugging/User testing (HTML 5 + CSS) (Formative). Due wk 5

A02 - Design Doc + Wireframe Personal Folio Website x 2 (Summative). Due wk 7

A03 - Follow design brief and create a basic responsive html site (Formative). Due wk 10

A04a - Beta Launch Personal Folio Website (Summative). Due wk 14

A04b - Peer test & web page critique  (Summative). Due wk 16

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 courses delivered in accordance with competency-based assessment, but which also use graded assessment:

CHD Competent with High Distinction
CDI Competent with Distinction
CC Competent with Credit
CAG Competent achieved graded.
DNS Did Not Submit for Assessment
NYC Not Yet competent.

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

The major learning experience involves studio based exercises, demonstration and production. It is strongly advised that students attend all sessions in order to engage in the required learning activities, ensuring the maximum opportunity to gain the competency.

Cover Sheet for Submissions
All students must complete a submission cover sheet for each piece of submitted work.

Plagiarism - RMIT has a strict policy on plagiarism. For more information on this policy go to Academic Integrity

All students have access to the myRMIT copyright shell. The myRMIT copyright shell contains information on copyright, plus also examples on how to use copyright works as part of your projects and assignments.

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:

Student Progress Committee
This committee promotes the early identification of students who are not achieving acceptable academic performance. The committee provides identified students with assistance and seeks to ensure such students are aware of the range of support services available to them at the University. Student Progress Committee (SPC)

Student Feedback
Students are offered opportunities to provide feedback through a variety of mechanisms including online surveys conducted at the end of each course or semester, student complaints and Student Staff Consultative Committees

Course Overview: Access Course Overview