Course Title: Create a markup language document to specification

Part B: Course Detail

Teaching Period: Term2 2020

Course Code: COSC7388C

Course Title: Create a markup language document to specification

School: 375T Vocational Design and Social Context

Campus: City Campus

Program: C5384 - Diploma of Digital Media Technologies

Course Contact: Nat Bates

Course Contact Phone: +61 3 9925 3326

Course Contact Email: nat.bates@rmit.edu.au


Name and Contact Details of All Other Relevant Staff

Suzanne Thomson
+61 3 9925 4815
suzanne.thomson@rmit.edu.au

Nominal Hours: 20

Regardless of the mode of delivery, represent a guide to the relative teaching time and student effort required to successfully achieve a particular competency/module. This may include not only scheduled classes or workplace visits but also the amount of effort required to undertake, evaluate and complete all assessment requirements, including any non-classroom activities.

Pre-requisites and Co-requisites

N/A

Course Description

This course will give you the skills and knowledge required to use a text editor to design, create and save web pages to a given specification, rather than using an authoring tool.

It applies to those working as web designers and developers who interpret client briefs, generate a framework for internet information, and are resourceful in their application of technology in using a markup language.


National Codes, Titles, Elements and Performance Criteria

National Element Code & Title:

ICTWEB429 Create a markup language document to specification

Element:

1. Analyse the specifications and requirements

Performance Criteria:

1.1 Determine the uses and audience of the document

1.2 Determine the appropriate markup language, based on the document’s uses and audience, and current industry best practice

1.3 Determine the document structure

Element:

2. Create the document structure

Performance Criteria:

2.1 Create and assign the basic elements of the document, taking into account accessibility

2.2 Mark-up the sections of the document required to describe the structure

Element:

3. Incorporate the web page components

Performance Criteria:

3.1 Identify the web page components

3.2 Evaluate suitable web page components

3.3 Include the required web page components

Element:

4. Validate the documents

Performance Criteria:

.1 Validate the markup language document, against the specifications and record the outcomes

4.2 Validate the markup language document in different browsers for compatibility, and record the outcome


Learning Outcomes


On completion of this course you will have the ability to:

  • design, create and save a document using a markup language, without using an automated code generation program
  • use a text editor for generating the markup language code for use on common web browsers
  • validate the markup document against the standards set by the World Wide Web Consortium (W3C).


Details of Learning Activities

This course consists of 2 Units of Competency that are clustered together for delivery and assessment. The other unit of competency in this clustered course is: CUADIG502 Design digital applications.

In class learning activities may include, but are not limited to:

• lectures and/or lab work
• teacher directed group activities and projects
• concept development of group and individual projects
• group discussions and class presentations
• peer and teacher feedback
• WIP (work in progress) reviews
• self directed online, library and industry research
• self directed project production work and reflection

Out of class activities may include, but are not limited to:

• maintaining secure daily backups of all assessment and project data to your RMIT Google Drive account
• accessing online tutorial resources
• self directed online, library and industry research
• self directed project production work and reflection
• class excursions to events and locations outside of RMIT


Teaching Schedule

Please note: While your teacher will cover all the material in this schedule, the weekly order is subject to change depending on class needs and availability of speakers and resources.

WeekTopic Assessment / Learning activities

Week 1 

Introduction to Interaction Design, learn about the history of design interaction and the role of the UX designer in today's industry. 

Topic Covered:

  • History of User Centered Design
  • Interaction and design growth through technology
  • User eXperience Designer - who are they and what do they do 
  • Empathy Design techniques
  • UI Design patterns
  • Sketching skills for UX
  • Client briefings

 

Learning Activities:

  • Empathy: Tell me about that time...
  • Sketching Icons and Layouts
  • Design patterns identification 
Week 2

Design discovery and research using the 5 elements (planes) of User eXperience design following a User Centered Design approach. 

Topics Covered:

  • 5 elements (planes) of UX
  • Empathy Maps
  • User Persona development

Learning Activities:

  • Empathy Maps - brainstorming and using our resources. 
  • Persona development
Week 3

Client specifications and features, what you need to consider and finding the balance between what the client wants and the user needs. Using this as stepping stone to ideation for UI design. 

Topic Covered:

  • Technical features
  • Functional requirements
  • Client needs
  • Crazy 8s
  • Wireframe Ideation
  • How to take give and take constructive feedback

Learning Activities:

  • Technical Feature Listings
  • Crazy 8s 
  • Wireframes solution
Week 4

Design Ideation, looking at ways to improve our wireframes designs, through ideation, feedback and consultation.  Looking at how the user's journey effects the application function and features. 

Topics Covered:

  • Ideation of wireframes
  • Difference between interaction design and UI element design
  • Affordances
  • User journey maps
  • User Flow

Learning Activities:

  • User journey map - planning
  • User flow development
  • Revision Wireframes

 

Week 5

UX formats and design techniques, exploring why documentation is critical to UX projects. Following the principles of CRAP design and how they feature within interaction design

Topics Covered:

  • Annotations
  • Documentation formats
  • CRAP design and grids
  • The role of type in interaction design
  • Software: Adobe XD

Learning Activities

  • CRAP - fixing up a bad design
  • Exploring typography
  • Wireframes and annotations 
Week 6

Prototypes and their role in UCD, exploring the different types of prototypes, levels of fidelity and interaction. 

Topics Covered:

  • Prototypes (purpose and software)
  • Prototype Fidelity
  • Style Guides
  • Software: Adobe XD

Learning Activities:

  • Feedback on your Wireframes
  • Planning out your prototype 
Week 7

User Scenario's and their role in user testing a prototype design. Explore the importance of drawing from the UCD approach to map out the interaction design of an application. 

Topics Covered:

  • User Scenarios
  • Planning for testing
  • Software; Adobe XD

Learning Activities:

  • Developing a user scenario
  • Developing a prototype
Week 8

User testing fundamentals, preparing the final prototype for presentation. Following standard techniques and documentation. 

Topics Covered:

  • Documentation techniques
  • Acting  user testing results
  • UX portfolio tips and tricks

AT1 -  Research and Design an App Due

 

Week 9 

Website design in the age of multiple devices, looking closely at responsive design solutions, when to create a HTML page over a stand alone application.

Topics Covered:

  • Short history of the web and HTML
  • What is responsive design and why is it so important 
  • Project timeline management
  • Non - disclosure agreements
  • Web Site Flow charts
  • Learning the basic of HTML

 

Learning Activities: 

  • Define the project requirements
  • Site Maps / flow charts
  • HTML basics
Week 10

Realities of working as a digital designer and the impact of IP and Copyright on the work role.  Exploring wireframe designs through research, recognition of design patterns and information architecture. 

Topics covered:

  • IP and work for hire agreements
  • Content Auditing
  • Planning for responsive design
  • HTML Page Structure

Learning Activities: 

  • Content Audit
  • Wireframe designs
  • HTML Page Structure
Week 11

UI Patterns, device width, grid systems image compression all in the name of responsive design

Topics covered:

  • Responsive UI patterns
  • Grid Systems and device width
  • HTML and CSS Flex Box

Learning Activities: 

  • HTML and CSS Flex Box

AT2 - Site design due

AT4 - Due

Week 12

Accessibility, web standardshow they impact you as a digital designer.

Topics Covered

  • Web Standards 
  • W3C Validation
  • Cross Browser
  • Accessibility 
  • File standards
  • HTML and CSS formating

 

Learning Activities: 

  • HTML and CSS formating

 

 

 

 

Week 13

Preparing for a site build,how to go from design to code. Looking at HTML standards and page regions with consideration for accessibility and search engine optimisation. 

Topics Covered

  • Developing a coding plan
  • HTML and CSS formating

Learning Activities: 

  • Creating a coding plan
  • HTML and CSS formatting

 

Week 14

HTML and validation, the importance of having clean code and what to look for when validating your code. 

Topics Covered

  • HTML Validation
  • Page regions
  • HTML and CSS Formatting

Learning Activities: 

  • HTML and CSS formatting
  • Working on your AT3 project
Week 15

Coding a HTML pagewith external style sheet. Looking at tips and tricks and how to problem solve your issues. 

Topics Covered

  • HTML Validation
  • Problem solving tips and tricks
  • HTML and CSS Formatting

 

Learning Activities: 

  • HTML and CSS formatting
  • Working on your AT3 project
Week 16

Site build check lists, what to look for, how to consider accessibility and review the site. 

Topics Covered

  • HTML Validation
  • CSS Validation
  • Accessibility Checklist
  • SEO considerations

Learning Activities: 

  • Working on your AT3 project

AT3 - Due

Week 17

Time permitting, we will review your submission and over the topic of the course covered. 

 


Learning Resources

Prescribed Texts


References


Other Resources


Overview of Assessment

Assessment for this course is ongoing throughout the semester. Your knowledge of course content is assessed through participation in class exercises, practical project work and through the application of learned skills.


Assessment Tasks

Students enrolled in Vocational Education and Training qualifications are assessed for Competency.  To be assessed competent means you have consistently demonstrated the required knowledge and skills at a standard expected in the workplace. To be assessed as Competent in this course, you will need to complete each assessment task to a satisfactory standard. You will receive feedback from the teacher at the conclusion of each assessment task.

You should refer to the assessment brief which is available through Canvas for full assessment criteria

Assignment 01: Research and Design an App

You are a designer who has to design a new health based app for a client. They have supplied you with a brief and it is your job to clarify the job requirements and present a feasible design.

Due week 8

Assignment 02: Site Design

You are part of a Web Design studio dedicated to creating useful community and social websites. As a web designer it is your role to take the client brief, plan and execute the design as well as organise the deliverables, specifications and technical functions into a meaningful document for the studio’s in house production team, and the client. You will also code the first web page.

Due week 12

Assignment 03: Site Build

In Assignment 02 you developed a design and design document for the client of your Web Design studio. In this assessment you will follow the technical specification of the documentation to create the website according to the design established.

Due Week 16

Assignment 04: Knowledge theory

You will need to provide answers to the all questions in this assessment. You will be asked to explain, identify, describe and list different types of information related to digital design and web standards.

Due Week 11


Assessment Matrix

The assessment matrix for this course demonstrates alignment of assessment tasks with the unit of competency. These matrices are available through Program Administration.

Other Information

Please refer to the RMIT student page for extensive information about study support, assessment, extensions, appeals and a range of other matters.

Attendance:
Your learning experience will involve class-based teaching, discussion, demonstration and practical exercises. You are strongly advised to attend all timetabled sessions. This will allow you to engage in the required learning activities, ensuring you the maximum opportunity to complete this course successfully.

Information about your studies:
You can access My Studies through the RMIT website for information about timetables, important dates, assessment dates, results and progress, Canvas etc. https://www.rmit.edu.au/students

Assessment:
Information on assessment including Special consideration, Adjustments to assessment, (eg. applying for an extension of time): https://www.rmit.edu.au/students/student-essentials/assessment-and-exams/assessment

Academic Integrity and Plagiarism:
RMIT University has a strict policy on plagiarism and academic integrity. Please refer to the website for more information on this policy.

Credit Transfer and Recognition of Prior Learning:
Credit transfer is the recognition of previously completed formal learning (an officially accredited qualification).
Recognition of Prior Learning (RPL) is an assessment process that allows you to demonstrate competence using the skills you have gained through experience in the workplace, voluntary work, informal or formal training or other life experiences.
Recognition of Current Competency (RCC) RCC applies only if you have previously successfully demonstrated competence in a unit of competency, and now require to be reassessed to ensure that the competence is being maintained.

Please speak to your teacher if you wish to discuss applying

Course Overview: Access Course Overview