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
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 3 - 2022
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).
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 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.
All University policies are available on the CQUniversity Policy site.
You may wish to view these policies:
- Grades and Results Policy
- Assessment Policy and Procedure (Higher Education Coursework)
- Review of Grade Procedure
- Student Academic Integrity Policy and Procedure
- Monitoring Academic Progress (MAP) Policy and Procedure – Domestic Students
- Monitoring Academic Progress (MAP) Policy and Procedure – International Students
- Student Refund and Credit Balance Policy and Procedure
- Student Feedback – Compliments and Complaints Policy and Procedure
- Information and Communications Technology Acceptable Use Policy and Procedure
This list is not an exhaustive list of all University policies. The full list of University policies are available on the CQUniversity Policy site.
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 Unit Evaluation
More practical examples should be provided during workshops.
Tutors will provide extra sets of exercises followed by a top-down solution to demonstrate each concept taught in class to help build understanding.
Feedback from Unit Evaluation
The lecturers and tutors were excellent and passionate in delivering the unit.
The teaching team will continue to commit, improve and work towards maintaining this positive outcome.
Feedback from Unit Evaluation
The assessment materials were well organised, providing students to build upon previous concepts as they complete each weekly design requirements, working towards a complete portfolio that accumulates into the final assessment.
The teaching team will continue to commit, improve and work towards maintaining this positive outcome.
- Develop web pages tailored for a range of screen resolutions, incorporating text, images, audio and video
- 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
- 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.
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 - 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
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
- CQUniversity Student Email
- Internet
- Unit Website (Moodle)
- Notepad or Notepad ++
- Web browser: FireFox, Microsoft Internet Explorer, Chrome
- Zoom.us
All submissions for this unit must use the referencing style: Harvard (author-date)
For further information, see the Assessment Tasks.
m.elkhodr@cqu.edu.au
s.azad@cqu.edu.au
Module/Topic
Introduction and Overview of HTML5
Chapter
Sklar, Chap 1: HTML5
Events and Submissions/Topic
Module/Topic
Foundations of Responsive Web Design
Chapter
Sklar, Chap 2: Web Site Design Principles
Sklar, Chap 3: Site Planning
Events and Submissions/Topic
Module/Topic
Introduction and Overview of CSS3
Chapter
- Sklar, Chap 4: Cascading Style Sheets
Events and Submissions/Topic
Module/Topic
- Fonts: Type, Style and Size - the Key to Readability.
- CSS3 Visual Formatting and Box Model
Chapter
- Sklar, Chap 5: Web Typography
- Sklar, Chap 6: Box Properties
Events and Submissions/Topic
Module/Topic
Vacation week
Chapter
Events and Submissions/Topic
Module/Topic
- Normal Flow of Elements and Containers
- How to Manipulate Graphics, Pictures and Colour on a Webpage
Chapter
- Sklar, Chap 7: Page Layouts
- Sklar, Chap 8: Graphics and Colour
Events and Submissions/Topic
Module/Topic
- Creating Usable Website Navigation for Desktop and Mobile Devices
Chapter
- Sklar, Chap 9: Site Navigation
Events and Submissions/Topic
Module/Topic
Break
Chapter
Events and Submissions/Topic
Module/Topic
- Using Tables to Display Data
- Understanding and Using Web Forms
Chapter
- Sklar, Chap 10: Using Table Elements
- Sklar, Chap 11: Web Forms
Events and Submissions/Topic
Module/Topic
- Putting it all together: The Responsive Web
Chapter
- Sklar, Chap 12: Responsive Web Design
Events and Submissions/Topic
Module/Topic
- Human-Computer Interaction: Usability Heuristics
Chapter
- Online Resource
Events and Submissions/Topic
Module/Topic
- JavaScript Part 1
Chapter
- Online Resource
Events and Submissions/Topic
Module/Topic
- JavaScript Part 2
Chapter
- Online Resource
Events and Submissions/Topic
Module/Topic
- JavaScript Part 3
Chapter
Events and Submissions/Topic
Module/Topic
This unit doesn't have a final exam.
Chapter
Events and Submissions/Topic
Unit Coordinator Dr Mahmoud Elkhodr
m.elkhodr@cqu.edu.au
1 Practical and Written Assessment
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.
Specific details will be available on the Moodle unit website by Week 3.
Week 6 Friday (23 Dec 2022) 11:59 pm AEST
Online via Moodle
Within 2 weeks of submission date.
Practical Assessment 1 (total of 30 marks allocated as follows):
- Overall functionality. Web pages function as intended (5 marks).
- The prototype sufficiently demonstrates the main features of the initial design and its intended purpose (5 marks).
- Quality of HTML5 and CSS3 coding techniques. Demonstrates proficiency in HTML5 and CSS3 (5 marks).
- Navigation functionality and design (5 marks).
- Inline comments, filename convention and overall file and folder structure (5 marks).
- Product page quality (5 marks).
- Develop web pages tailored for a range of screen resolutions, incorporating text, images, audio and video
- Knowledge
- Cognitive, technical and creative skills
- Self-management
2 Written Assessment
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 3 on the Moodle unit website.
Week 9 Friday (20 Jan 2023) 11:59 pm AEST
Online via Moodle
Within 2 weeks of submission date.
Written Assessment (total of 30 marks allocated as follows):
- Critical evaluation (15 marks).
- Answers to questions (15 marks).
Specific details will be available on the Moodle unit website by Week 3.
- 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.
- Knowledge
- Communication
- Cognitive, technical and creative skills
- Research
- Self-management
3 Practical and Written Assessment
Create a website with HTML5, CSS3 and Javascript 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.
Specific details will be available by week 3 on the Moodle unit website.
Week 12 Friday (10 Feb 2023) 11:59 pm AEST
Online via Moodle
Marked assignments will be returned after certification date.
Practical Assessment 2 (total of 40 marks allocated as follows):
- The overall functionality of the website (20 marks).
- Javascript functionality and quality (10 marks)
- Development techniques: Quality of HTML5, CSS3 and Javascript coding techniques, filename convention and overall file and folder structure (5 marks)
- The website demonstrates all aspects of a responsive web implementation. (5 marks).
Details of the marking schedule will be available on the Moodle unit website.
- 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
- Knowledge
- Cognitive, technical and creative skills
- Self-management
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?
