CQUniversity Unit Profile
COIT20268 Responsive Web Design
Responsive Web Design
All details in this unit profile for COIT20268 have been officially approved by CQUniversity and represent a learning partnership between the University and you (our student).
The information will not be changed unless absolutely necessary and any change will be clearly indicated by an approved correction included in the profile.
General Information

Overview

In this unit, you will create web sites that provide an optimal viewing experience across a wide range of devices. The basics of developing web pages will first be discussed, along with the theory and practice to support this development. Then, using responsive design, you will develop solutions that adapt the layout of the viewing environment by using fluid grids, proportional images and layout rules. A mobile-first approach is taken, where you will learn problem solving and programming skills to provide progressive enhancement, producing innovative and engaging digital content for mobile devices and for desktop systems.

Details

Career Level: Postgraduate
Unit Level: Level 9
Credit Points: 6
Student Contribution Band: 8
Fraction of Full-Time Student Load: 0.125

Pre-requisites or Co-requisites

Pre-Req: COIT20245 Introduction to Programming, COIT20248 Information Systems Analysis & DesignAnti-Req: COIS21001 Web Applications for Business

Important note: Students enrolled in a subsequent unit who failed their pre-requisite unit, should drop the subsequent unit before the census date or within 10 working days of Fail grade notification. Students who do not drop the unit in this timeframe cannot later drop the unit without academic and financial liability. See details in the Assessment Policy and Procedure (Higher Education Coursework).

Offerings For Term 2 - 2018

Brisbane
Distance
Melbourne
Rockhampton
Sydney

Attendance Requirements

All on-campus students are expected to attend scheduled classes – in some units, these classes are identified as a mandatory (pass/fail) component and attendance is compulsory. International students, on a student visa, must maintain a full time study load and meet both attendance and academic progress requirements in each study period (satisfactory attendance for International students is defined as maintaining at least an 80% attendance record).

Class and Assessment Overview

Recommended Student Time Commitment

Each 6-credit Postgraduate unit at CQUniversity requires an overall time commitment of an average of 12.5 hours of study per week, making a total of 150 hours for the unit.

Class Timetable

Bundaberg, Cairns, Emerald, Gladstone, Mackay, Rockhampton, Townsville
Adelaide, Brisbane, Melbourne, Perth, Sydney

Assessment Overview

1. Practical and Written Assessment
Weighting: 30%
2. Written Assessment
Weighting: 30%
3. Practical and Written Assessment
Weighting: 40%

Assessment Grading

This is a graded unit: your overall grade will be calculated from the marks or grades for each assessment task, based on the relative weightings shown in the table above. You must obtain an overall mark for the unit of at least 50%, or an overall grade of ‘pass’ in order to pass the unit. If any ‘pass/fail’ tasks are shown in the table above they must also be completed successfully (‘pass’ grade). You must also meet any minimum mark requirements specified for a particular assessment task, as detailed in the ‘assessment task’ section (note that in some instances, the minimum mark for a task may be greater than 50%). Consult the University’s Grades and Results Policy for more details of interim results and final grades.

Previous Student Feedback

Feedback, Recommendations and Responses

Every unit is reviewed for enhancement each year. At the most recent review, the following staff and student feedback items were identified and recommendations were made.

Feedback from Student 'Have Your Say'

Feedback

Positivie comments on improvements on tutorial materials.

Recommendation

Continue with the current material and make refinements to further improve the teaching material.

Feedback from Student 'Have Your Say'

Feedback

In addition to practical examples during tutorial sessions, practical examples should also be presented during lecture sessions.

Recommendation

Lessons for each major concept will now be followed up immediately with practical examples.

Unit Learning Outcomes
On successful completion of this unit, you will be able to:
  1. Develop web pages tailored for a range of screen resolutions, incorporating text, images, audio and video
  2. Apply principles of progressive enhancement to optimise content for the limited memory and processing power of mobile devices, whilst simultaneously delivering a richer experience on non-mobile devices
  3. Critically assess given cases and apply problem solving techniques to create mobile-first solutions using web technology
  4. Critically review the mobile content industry, mobile technologies and characteristics of mobile devices, and likely future trends.

Australian Computer Society (ACS) recognises the Skills Framework for the Information Age (SFIA). SFIA is in use in over 100 countries
and provides a widely used and consistent definition of ICT skills. SFIA is increasingly being used when developing job descriptions and
role profiles.
ACS members can use the tool MySFIA to build a skills profile at https://www.acs.org.au/professionalrecognition/mysfia-b2c.html
This unit contributes to the following workplace skills as defined by SFIA. The SFIA code is included:

(1) User experience analysis (UNAN)
(2) User experience evaluation (USEV)
(3) Information content publishing (ICPM)
(4) Program ming/software development (PROG)
(5) Testing (TEST)


Alignment of Learning Outcomes, Assessment and Graduate Attributes
N/A Level
Introductory Level
Intermediate Level
Graduate Level
Professional Level
Advanced Level

Alignment of Assessment Tasks to Learning Outcomes

Assessment Tasks Learning Outcomes
1 2 3 4
1 - Practical and Written Assessment - 30%
2 - Written Assessment - 30%
3 - Practical and Written Assessment - 40%

Alignment of Graduate Attributes to Learning Outcomes

Graduate Attributes Learning Outcomes
1 2 3 4
1 - Knowledge
2 - Communication
3 - Cognitive, technical and creative skills
4 - Research
5 - Self-management
6 - Ethical and Professional Responsibility
7 - Leadership
8 - Aboriginal and Torres Strait Islander Cultures

Alignment of Assessment Tasks to Graduate Attributes

Assessment Tasks Graduate Attributes
1 2 3 4 5 6 7 8
1 - Practical and Written Assessment - 30%
2 - Written Assessment - 30%
3 - Practical and Written Assessment - 40%
Textbooks and Resources

Textbooks

Prescribed

Principles of Web Design: The Web Warrior Series

6th Edition (2015)
Authors: Joel Sklar
Cengage
Boston Boston , USA
ISBN: SBN-10: 1285852648 / ISBN-13: 9781285852645
Binding: Paperback

IT Resources

You will need access to the following IT resources:
  • CQUniversity Student Email
  • Internet
  • Unit Website (Moodle)
  • Notepad or Notepad ++
  • Web browser: FireFox, Microsoft Internet Explorer, Chrome
Referencing Style

All submissions for this unit must use the referencing style: Harvard (author-date)

For further information, see the Assessment Tasks.

Teaching Contacts
Andrew Chiou Unit Coordinator
a.chiou@cqu.edu.au
Schedule
Week 1 Begin Date: 09 Jul 2018

Module/Topic

Introduction and Overview of HTML5

Chapter

Sklar, Chap 1: HTML5

Events and Submissions/Topic

Week 2 Begin Date: 16 Jul 2018

Module/Topic

Foundations of Responsive Web Design

Chapter

Sklar, Chap 2: Web Site Design Principles

Sklar, Chap 3: Site Planning

Events and Submissions/Topic

Week 3 Begin Date: 23 Jul 2018

Module/Topic

Introduction and Overview of CSS3

Chapter

Sklar, Chap 4: Cascading Style Sheets

Events and Submissions/Topic

Week 4 Begin Date: 30 Jul 2018

Module/Topic

Fonts: Type, Style and Size - the Key to Readability.

Chapter

Sklar, Chap 5: Web Typography

Events and Submissions/Topic

Week 5 Begin Date: 06 Aug 2018

Module/Topic

CSS3 Visual Formatting and Box Model

Chapter

Sklar, Chap 6: Box Properties

Events and Submissions/Topic

Vacation Week Begin Date: 13 Aug 2018

Module/Topic

Chapter

Events and Submissions/Topic

Week 6 Begin Date: 20 Aug 2018

Module/Topic

Normal Flow of Elements and Containers

Chapter

Sklar, Chap 7: Page Layouts

Events and Submissions/Topic

Practical Assessment 1 Due: Week 6 Friday (24 Aug 2018) 11:45 pm AEST
Week 7 Begin Date: 27 Aug 2018

Module/Topic

How to Manipulate Graphics, Pictures and Colour on a Webpage

Chapter

Sklar, Chap 8: Graphics and Colour

Events and Submissions/Topic

Week 8 Begin Date: 03 Sep 2018

Module/Topic

Chapter

Events and Submissions/Topic

Week 9 Begin Date: 10 Sep 2018

Module/Topic

Using Tables to Display Data

Chapter

Sklar, Chap 10: Using Table Elements

Events and Submissions/Topic

Written Assessment Due: Week 9 Friday (14 Sept 2018) 11:45 pm AEST
Week 10 Begin Date: 17 Sep 2018

Module/Topic

Understanding and Using Web Forms

Chapter

Sklar, Chap 11: Web Forms

Events and Submissions/Topic

Week 11 Begin Date: 24 Sep 2018

Module/Topic

Putting it all together: The Responsive Web (Part 1)

Chapter

Sklar, Chap 12: Responsive Web Design (Part 1)

Events and Submissions/Topic

Week 12 Begin Date: 01 Oct 2018

Module/Topic

Putting it all together: The Responsive Web (Part 2)

Chapter

Sklar, Chap 12: Responsive Web Design (Part 2)

Events and Submissions/Topic

Practical Assessment 2 Due: Week 12 Friday (5 Oct 2018) 11:45 pm AEST
Review/Exam Week Begin Date: 08 Oct 2018

Module/Topic

Chapter

Events and Submissions/Topic

Exam Week Begin Date: 15 Oct 2018

Module/Topic

Chapter

Events and Submissions/Topic

Assessment Tasks

1 Practical and Written Assessment

Assessment Title
Practical Assessment 1

Task Description

Create a website with HTML5 and CSS3 as specified for the unit. The website should demonstrate functionality and interactivity between the components rendered and the end user. The components should incorporate text, images, colour and if required, media elements.

Note: Portfolio 1 should be submitted along with Practical Assessment 1.

Specific details will be available on the Moodle unit website.


Assessment Due Date

Week 6 Friday (24 Aug 2018) 11:45 pm AEST


Return Date to Students

Within 2 weeks of submission date.


Weighting
30%

Assessment Criteria

Portfolio Assessment 1 (total 10 marks) allocated to project planning.

Practical Assessment 1 (total of 20 marks allocated as follow):

  • Functionality of website (10 marks).
  • Development techniques (5 marks).
  • Commentary and general (5 marks).

Details of the marking schedule will be available by Week 1 on the Moodle unit website.


Referencing Style

Submission
Online

Submission Instructions
Submission instructions will be available on the Moodle unit website.

Learning Outcomes Assessed
  • Develop web pages tailored for a range of screen resolutions, incorporating text, images, audio and video


Graduate Attributes
  • Knowledge
  • Cognitive, technical and creative skills
  • Self-management

2 Written Assessment

Assessment Title
Written Assessment

Task Description

You are to critically evaluate a given website in the context of principles of responsive web design. You are also to address specific questions relating to the given website.

The specific website and questions will be made available by Week 1 on the Moodle unit website.


Assessment Due Date

Week 9 Friday (14 Sept 2018) 11:45 pm AEST


Return Date to Students

Within 2 weeks of submission date.


Weighting
30%

Assessment Criteria

Written Assessment (total of 30 marks allocated as follow):

  • Critical evaluation (15 marks).
  • Answers to questions (15 marks).


Referencing Style

Submission
Online

Submission Instructions
Submission instructions will be available on the Moodle unit website.

Learning Outcomes Assessed
  • Critically assess given cases and apply problem solving techniques to create mobile-first solutions using web technology
  • Critically review the mobile content industry, mobile technologies and characteristics of mobile devices, and likely future trends.


Graduate Attributes
  • Knowledge
  • Communication
  • Cognitive, technical and creative skills
  • Research
  • Self-management

3 Practical and Written Assessment

Assessment Title
Practical Assessment 2

Task Description

Create a website with HTML5 and CSS3 as specified for the unit. This should be an improvement and modification from Practical Assessment 1. The website should demonstrate functionality and interactivity between the components rendered on the web browser and the end user. The components should incorporate text, images, and if necessary, media elements. It should also further demonstrate, without diminished functionality, responsiveness (self-adapting) to different screen formats and to at least one type of mobile web browser.

Note: Portfolio 2 should be submitted along with Practical Assessment 2.

Specific details will be available by week 1 on the Moodle unit website.


Assessment Due Date

Week 12 Friday (5 Oct 2018) 11:45 pm AEST


Return Date to Students

Marked assignments will be returned approximately 1 day after certification date.


Weighting
40%

Assessment Criteria

Portfolio Assessment 1 (total 10 marks) allocated to project planning.

Practical Assessment 2 (total of 30 marks allocated as follow):

  • Functionality of website (20 marks).
  • Development techniques (5 marks).
  • Commentary and general (5 marks).

Details of the marking schedule will be available on the Moodle unit website.


Referencing Style

Submission
Online

Submission Instructions
Submission instructions will be available on the Moodle unit website.

Learning Outcomes Assessed
  • Apply principles of progressive enhancement to optimise content for the limited memory and processing power of mobile devices, whilst simultaneously delivering a richer experience on non-mobile devices


Graduate Attributes
  • Knowledge
  • Cognitive, technical and creative skills
  • Self-management

Academic Integrity Statement

As a CQUniversity student you are expected to act honestly in all aspects of your academic work.

Any assessable work undertaken or submitted for review or assessment must be your own work. Assessable work is any type of work you do to meet the assessment requirements in the unit, including draft work submitted for review and feedback and final work to be assessed.

When you use the ideas, words or data of others in your assessment, you must thoroughly and clearly acknowledge the source of this information by using the correct referencing style for your unit. Using others’ work without proper acknowledgement may be considered a form of intellectual dishonesty.

Participating honestly, respectfully, responsibly, and fairly in your university study ensures the CQUniversity qualification you earn will be valued as a true indication of your individual academic achievement and will continue to receive the respect and recognition it deserves.

As a student, you are responsible for reading and following CQUniversity’s policies, including the Student Academic Integrity Policy and Procedure. This policy sets out CQUniversity’s expectations of you to act with integrity, examples of academic integrity breaches to avoid, the processes used to address alleged breaches of academic integrity, and potential penalties.

What is a breach of academic integrity?

A breach of academic integrity includes but is not limited to plagiarism, self-plagiarism, collusion, cheating, contract cheating, and academic misconduct. The Student Academic Integrity Policy and Procedure defines what these terms mean and gives examples.

Why is academic integrity important?

A breach of academic integrity may result in one or more penalties, including suspension or even expulsion from the University. It can also have negative implications for student visas and future enrolment at CQUniversity or elsewhere. Students who engage in contract cheating also risk being blackmailed by contract cheating services.

Where can I get assistance?

For academic advice and guidance, the Academic Learning Centre (ALC) can support you in becoming confident in completing assessments with integrity and of high standard.

What can you do to act with integrity?