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 - 2023
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
There are no required textbooks.
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
Module/Topic
HCI and Usability Heuristics Principles
Chapter
Offline and online resources provided
Events and Submissions/Topic
Module/Topic
Interaction Design and Personas
Chapter
Offline and online resources provided
Events and Submissions/Topic
Module/Topic
Design and Prototyping
Chapter
Offline and online resources provided
Events and Submissions/Topic
Module/Topic
Evaluating Interface Designs
Chapter
Events and Submissions/Topic
Module/Topic
Vacation week
Chapter
Events and Submissions/Topic
Module/Topic
HTML Introduction
Chapter
Events and Submissions/Topic
Module/Topic
Getting Started with CSS
Chapter
Events and Submissions/Topic
Module/Topic
Vacation week
Chapter
Events and Submissions/Topic
Module/Topic
Styling navigation with CSS
Chapter
Events and Submissions/Topic
Module/Topic
Advanced CSS and Responsive Design
Chapter
Events and Submissions/Topic
Module/Topic
Media Query
Chapter
Events and Submissions/Topic
Module/Topic
JavaScript Intro and Web Forms
Chapter
Events and Submissions/Topic
Module/Topic
JavaScript Part 2
Chapter
Events and Submissions/Topic
Module/Topic
JavaScript Part 3
Chapter
Offline and online resources provided
Events and Submissions/Topic
Module/Topic
This unit doesn't have a final exam.
Chapter
Events and Submissions/Topic
Unit Coordinator: Dr Mahmoud Elkhodr.
Communication Preference: via email.
I normally reply to emails between 8am-10am on weekdays
Email: m.elkhodr@cqu.edu.au.au
1 Practical and Written Assessment
The aim of the overall project is to design and develop a responsive website, incorporating the best practice elements of human-computer interaction principles. You have the freedom of choosing your own topic from a list of available topics for the project. You will work on the same topic throughout the term for the Assessments 1 and 3. The end result is to demonstrate the viability and user acceptance of the specific user interface employed by the website.
The overall Project is divided into two phases: Project Part A and Project Part B. The following description should be read as a whole for both Project Part A and Project Part B.
Project Part A: Assessment 1
Carry out user and task analysis to gather user and system requirements.
Based on the initial findings and the technical specification, develop a preliminary design (i.e. low-fidelity 'paper' prototype) of the specified user interface.
The prototype will be used to test your initial design concepts and ideas.
Submit a report documenting the prototype, design process, initial user feedback, and recommendations on how to improve the design.
Check the Moodle site of the unit for the updated marking criteria.
Week 6 Friday (22 Dec 2023) 11:45 pm AEST
Online via Moodle
Within 2 weeks of submission date.
Assessment 1- Marking Criteria (total marks as shown below will be converted into marks out of 30):
Report: Introduction and Motivation (10%):
Introduction provides relevant background information and highlights the advantages of the proposed solution.
Previous solutions or existing websites/apps are analysed and findings are discussed.
User research and Personas (20%):
Research identifies potential users of the website/app based on demographic and psychographic information.
Two personas are created that represent different types of users.
Each persona has a name, a photograph (optional), and a brief description of their background, goals, and challenges related to the topic.
Scenario Design (20%):
Three interaction scenarios within the chosen topic are identified and described.
Each scenario is based on a specific feature of the system.
Clear description of each scenario is provided, including the user's goal or objective, the specific feature of the system being used, the steps involved in completing the task, and any potential challenges or obstacles the user might encounter.
Each scenario is showcased using one of the following techniques: UML use cases, storyboards, or task analysis.
Paper Wireframe (20%):
Low-fidelity prototype is designed using paper wireframes for the scenarios described in section 3.
Prototype demonstrates the initial concept of the interface design, showing the possible layout of webpages or app screens using hand-drawn sketches.
Screenshots or photos/scans of paper wireframes are included.
Digital Wireframe (20%):
Digital wireframe is developed using a prototyping tool of the student's choice for the home page of the website/app or for one of the scenarios described in section 3.
The wireframe demonstrates the initial design concept and showcases important features and functionality of the interface.
Screenshots of the digital wireframe are included.
Overall Presentation (10%):
Report is well-structured, clearly written, and easy to follow.
Proper formatting and citation are used.
PDF report is submitted with the student's name and ID clearly indicated.
Optional zipped folder containing prototyping is submitted.
- Knowledge
- Cognitive, technical and creative skills
- Self-management
- Develop web pages tailored for a range of screen resolutions, incorporating text, images, audio and video
2 Written Assessment
You will be required to critically analyse a specific website in light of the principles of responsive web design. Your evaluation should address specific questions related to the website's usability and responsiveness.
Check the Moodle site of the unit for the updated marking criteria.
Week 9 Friday (19 Jan 2024) 11:59 pm AEST
Online via Moodle
Within 2 weeks of submission date.
Assessment 2- Marking Criteria (total marks as shown below will be converted into marks out of 30):
Research and Analysis (40%)
Evaluation of Website Design and Layout (30%)
Recommendations for Improvement (20%)
Writing and Presentation (10%)
Check the Moodle site of the unit for the updated marking criteria.
- Knowledge
- Communication
- Cognitive, technical and creative skills
- Research
- Self-management
- 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.
3 Practical and Written Assessment
Project Part B- Assessment 3
Based on the low-fidelity prototype that you developed in the previous phase (Project Part A- Assessment 1), develop a high-fidelity prototype as a proof-of-concept.
Evaluate the prototype and carry out a user test.
Submit a report documenting the prototype, design and development process, user test, and any further work required.
Note that these are not programming projects in themselves. The primary purpose of both projects is to ensure that students adopt best practices and adhere closely to HCI principles during the process of designing and developing interactive user interfaces for a responsive website. As the prototyping requirements suggest, a fully functional system is not expected from the overall project (Project A and Project B); however, the overall project is required to meet the specification. Inevitably, some limited functionality (such as dummy output) is expected in order to demonstrate the capability of the system. Knowledge of database backends is not required in this unit.
Check the Moodle site of the unit for the updated marking criteria.
Week 12 Friday (9 Feb 2024) 11:59 am AEST
Online via Moodle
Marked assignments will be returned after certification date.
Assessment 3- Marking Criteria (total marks as shown below will be converted into marks out of 40)
Recap of Your Idea (10%)
Prototype (40%)
Usability Study Results (20%)
JavaScript (10%)
Limitations (10%)
Overall Presentation (10%)
Details of the marking schedule will be available on the Moodle unit website.
- Knowledge
- Cognitive, technical and creative skills
- Self-management
- 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
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.