COIT20268 - Responsive Web Design
Term 1 - 2017


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.

Overview

In this unit, students create web sites that provide an optimal viewing experience across a wide range of devices. Using responsive design, students 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 students learn problem solving and programming skills to provide progressive enhancement, producing innovative and engaging digital content for mobile devices and for desktop systems. If you have successfully completed unit COIS21001 you cannot take this unit.

Details

Career Level Postgraduate
Credit Points 6
Student Contribution Band 2
Fraction of Full-Time Student Load 0.125

Pre-requisites or Co-requisites

Pre-Req: COIT20245 Introduction to Programming, COIT20248 Information Systems Analysis & Design

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).

Offerings

Term 1 - 2017
  • Brisbane
  • Distance
  • Melbourne
  • Rockhampton
  • Sydney

Website

This unit has a website, within the Moodle system, which is available two weeks before the start of term. It is important that you visit your Moodle site throughout the term. Go to Moodle

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

Assessment Overview

Assessment Task Weighting
1. Portfolio 20%
2. Practical Assessment 20%
3. Written Assessment 30%
4. Practical Assessment 30%

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 Procedures for more details of interim results and final grades.

All University policies are available on the IMPortal.

You may wish to view these policies:

  • Grades and Results Procedure
  • Assessment Policy and Procedure (Higher Education Coursework)
  • Review of Grade Procedure
  • Academic Misconduct Procedure
  • Monitoring Academic Progress (MAP) Policy and Procedure – Domestic Students
  • Monitoring Academic Progress (MAP) Policy and Procedure – International Students
  • Refund and Excess Payments (Credit Balances) Policy and Procedure
  • Student Feedback – Compliments and Complaints Policy and Procedure
  • Acceptable Use of Information and Communications Technology Facilities and Devices Policy and Procedure

This list is not an exhaustive list of all University policies. The full list of University policies are available on the IMPortal.

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 Source Recommendation
Positive comments on course structure and teaching material. student feedback and teaching staff self-evaluation. Continue with the current approach of delivery and introduce refinement to the course in stages.
On successful completion of this unit, you will be able to:
  1. Develop web pages tailored for a rangle 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. Describe 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 Assessment Tasks to Learning Outcomes

Assessment Tasks Learning Outcomes
1 2 3 4
1 - Portfolio  
2 - Practical Assessment    
3 - Written Assessment    
4 - Practical Assessment    

Alignment of Graduate Attributes to Learning Outcomes

  • Professional Level
  • Advanced Level
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        

Alignment of Assessment Tasks to Graduate Attributes

  • Professional Level
  • Advanced Level
Assessment Tasks Graduate Attributes
1 2 3 4 5 6 7
1 - Portfolio        
2 - Practical Assessment        
3 - Written Assessment    
4 - Practical Assessment        

Prescribed Textbooks

Principles of Web Design: The Web Warrior Series
Author/s: Joel Sklar Year: 2015
Edition: 6th Edition Publisher: Cengage
City: Boston
Country: USA
View textbooks at the CQUniversity Bookshop

IT Resources

You will need access to the following IT resources:
  • CQUniversity Student Email
  • Unit Website (Moodle)
  • Web browser: FireFox, Microsoft Internet Explorer, Chrome
  • Notepad or Notepad ++
All submissions for this unit must use the Harvard (author-date) referencing style (details can be obtained here). For further information, see the Assessment Tasks below.
Unit CoordinatorAndrew Chiou (a.chiou@cqu.edu.au)
Note: Check the Term-Specific section for any additional contact information provided by the teaching team
Week Begin Date Module/Topic Chapter Events and Submissions
Week 1 06-03-2017

Introduction and Overview of HTML5

Sklar, Chap 1: HTML5

Week 2 13-03-2017

Foundations of Responsive Web Design

Sklar, Chap 2: Web Site Design Principles

Sklar, Chap 3: Site Planning

Week 3 20-03-2017

Introduction and Overview of CSS3

Sklar, Chap 4: Cascading Style Sheets

Week 4 27-03-2017

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

Sklar, Chap 5: Web Typography

Week 5 03-04-2017

CSS3 Visual Formatting and Box Model

Sklar, Chap 6: Box Properties

Vacation Week 10-04-2017
Week 6 17-04-2017

Normal Flow of Elements and Containers

Sklar, Chap 7: Page Layouts

Portfolio 1 & 2 Due Friday (21 Apr 17) 11:45 PM AEST
Practical Assessment 1 Due Friday (21 Apr 17) 11:45 PM AEST
Week 7 24-04-2017

How to Manipulate Graphics, Pictures and Colour on a Webpage

Sklar, Chap 8: Graphics and Colour

Week 8 01-05-2017

Creating Usable Website Navigation for Desktop and Mobile Devices

Sklar, Chap 9: Site Navigation

Week 9 08-05-2017

Using Tables to Display Data

Sklar, Chap 10: Using Table Elements

Written Assessment Due Friday (12 May 17) 11:45 PM AEST
Week 10 15-05-2017

Understanding and Using Web Forms

Sklar, Chap 11: Web Forms

Week 11 22-05-2017

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

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

Week 12 29-05-2017

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

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

Practical Assessment 2 Due Friday (02 Jun 17) 11:45 PM AEST
Review/Exam Week 05-06-2017
Exam Week 12-06-2017

1 Portfolio

Assessment Title Portfolio 1 & 2
Task Description

The objective of this assignment is for the student to plan, design and develop a simple website. The website should be capable of self-adapting and capable of rendering responsively to different web browsers in different formats on desktop PCs and mobile devices. The Portfolio should be submitted in two parts:

Portfolio 1: The low-fidelity prototype of the proposed website, its planning, task analysis and design phases should be documented and submitted in Week 6 along with Practical Assessment 1 (10%).

Portfolio 2: The completed website or high-fidelity prototype, its test results and documentation should be submitted in Week 12 along with Practical Assessment 2 (10%).

Specific details will be available on the Moodle unit website.

Assessment Due Date Week 6 Friday (21-Apr-2017) 11:45 PM AEST
Return Date to Students Within 2 weeks of submission date.
Weighting 20%
Assessment Criteria

Portfolio 1 (10 marks allocated as follows) :

  • Planning, task analysis and design documentation (5 marks).
  • Low-fidelity prototype or proof-of-concept (5 marks).

Portfolio 2 (10 marks allocated as follows):

  • Test results and final documentation (10 marks).
Referencing Style Harvard (author-date)
Submission Online

Submission instructions will be available on the Moodle unit website.

Learning Outcomes Assessed
This section can be expanded to view the assessed learning outcomes

1. Develop web pages tailored for a rangle of screen resolutions, incorporating text, images, audio and video.

3. Critically assess given cases and apply problem solving techniques to create mobile-first solutions using web technology.

4. Describe the mobile content industry, mobile technologies and characteristics of mobile devices, and likely future trends.

Graduate Attributes
This section can be expanded to view the assessed graduate attributes

1. Knowledge

2. Communication

5. Self-management



2 Practical 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 (21-Apr-2017) 11:45 PM AEST
Return Date to Students Within 2 weeks of submission date.
Weighting 20%
Assessment Criteria

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 Harvard (author-date)
Submission Online

Submission instructions will be available on the Moodle unit website.

Learning Outcomes Assessed
This section can be expanded to view the assessed learning outcomes

1. Develop web pages tailored for a rangle 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.

Graduate Attributes
This section can be expanded to view the assessed graduate attributes

1. Knowledge

3. Cognitive, technical and creative skills

5. Self-management



3 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 (12-May-2017) 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 Harvard (author-date)
Submission Online

Submission instructions will be available on the Moodle unit website.

Learning Outcomes Assessed
This section can be expanded to view the assessed learning outcomes

3. Critically assess given cases and apply problem solving techniques to create mobile-first solutions using web technology.

4. Describe the mobile content industry, mobile technologies and characteristics of mobile devices, and likely future trends.

Graduate Attributes
This section can be expanded to view the assessed graduate attributes

1. Knowledge

2. Communication

3. Cognitive, technical and creative skills

4. Research

5. Self-management



4 Practical 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 (02-Jun-2017) 11:45 PM AEST
Return Date to Students Marked assignments will be returned approximately 1 day after certification date.
Weighting 30%
Assessment Criteria

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 Harvard (author-date)
Submission Online

Submission instructions will be available on the Moodle unit website.

Learning Outcomes Assessed
This section can be expanded to view the assessed learning outcomes

1. Develop web pages tailored for a rangle 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.

Graduate Attributes
This section can be expanded to view the assessed graduate attributes

1. Knowledge

3. Cognitive, technical and creative skills

5. Self-management




© 2017 CQUniversity
Page generated by apps-prod-02.cqu.edu.au at Mon May 29 06:27:25 AEST 2017