Unit rationale, description and aim
The central role websites perform in all aspects of twentieth-century life means that web design and development are digital technologies (computing) skills that are highly valued in a wide variety of professional contexts.
This unit provides foundation in user interface(UI)/ user experience(UX) through examples and case-studies and the knowledge that past, present and emerging computing technologies have on individuals and society. Students acquire graphics skills, hypertext markup, styling and, scripting language skills and use these skills to develop an interactive web application for solving real-world problems by applying computational and design thinking skills.
The aim of this unit is to provide students with a foundation in website design and development using mark up , styling languages and web scripting and consider how it can be applied in teaching design and digital technologies.
Learning outcomes
To successfully complete this unit you will be able to demonstrate you have achieved the learning outcomes (LO) detailed in the below table.
Each outcome is informed by a number of graduate capabilities (GC) to ensure your work in this, and every unit, is part of a larger goal of graduating from ACU with the attributes of insight, empathy, imagination and impact.
Explore the graduate capabilities.
Define user-centred design principles and apply th...
Learning Outcome 01
Design wireframes, prototypes and graphics
Learning Outcome 02
Select and use a web scripting language to develop...
Learning Outcome 03
Evaluate prototypes and websites in relation to us...
Learning Outcome 04
Plan and manage software projects using an iterati...
Learning Outcome 05
Content
Topics will include:
Module 1 - LO1
- User– centred design process
- Graphic design skills
Module 2 - LO2
- Wireframes
- Prototypes
Module 3 - LO3, LO4
- Hypertext markup languages
- Styling languages and web scripting
- Website Project Management
Assessment strategy and rationale
The problem-based learning strategy employed in this unit is supported by the integration of progressive authentic assessment tasks completed at critical points in the students’ learning.
Initially, students acquire knowledge in user-centred design by undertaking tutorial exercises and develop skills in design and development through practical tutorial classes. Practical tutorials provide opportunities for formative assessment which supports assimilation of knowledge.
Summative assessment aims to assess students’ competencies and application of knowledge and skills (conceptual, procedural and professional) holistically using an integrated approach to design.
In this unit, students’ problem-solving skills are assessed by means of a website design proposal, and a prototype assignment that evaluates students’ achievement of a synthesis between design theory and the application of styling and scripting languages.
The web application project will document students’ project management skills in design and development and will require evidence of project definition, research, ideation, prototyping, iteration, critical evaluation and risk assessment.
Overview of assessments
Website Design Proposal Requires students to dem...
Website Design Proposal
Requires students to demonstrate their knowledge of user-centred design principles and the application of these principles to create an authentic website based on user requirements.
20%
Prototype Assignment: Requires students to demon...
Prototype Assignment:
Requires students to demonstrate competence in creating a prototype or wireframe based on their website design proposal.
30%
Website Application Project: Requires students t...
Website Application Project:
Requires students to demonstrate competence in developing a web application.
50%
Learning and teaching strategy and rationale
A student-focused, problem-based learning approach is used in this unit. This approach supports the development of conceptual, procedural and professional knowledge and skills which give students the opportunity to practise design thinking and problem solving in real-world contexts.
Students encounter user-centred concepts through interactive lecture demonstrations, concepts are then discussed and broadened through analysis of case studies and further informed by research during the development of website projects. In tutorial classes students design wireframes and develop and evaluate prototypes of web solutions.
Issues in website design and development are introduced through a practice-oriented learning method. This method involves the parallel development of the procedural and conceptual skills required for development of website solutions. Students combine conceptual knowledge in wire framing and procedural knowledge of hypertext mark-up language, styling languages and web scripting to build dynamic websites. Using a computational and design thinking approach, students develop web solutions to real-world problems, developing, communicating and evaluating software solutions.