Course Title: Create and style simple markup language documents

Part B: Course Detail

Teaching Period: Term1 2022

Course Code: COSC6227C

Course Title: Create and style simple markup language documents

Important Information:

Please note that this course may have compulsory in-person attendance requirements for some teaching activities. 

To participate in any RMIT course in-person activities or assessment, you will need to comply with RMIT vaccination requirements which are applicable during the duration of the course. This RMIT requirement includes being vaccinated against COVID-19 or holding a valid medical exemption. 

Please read this RMIT Enrolment Procedure as it has important information regarding COVID vaccination and your study at RMIT: https://policies.rmit.edu.au/document/view.php?id=209. 

Please read the Student website for additional requirements of in-person attendance: https://www.rmit.edu.au/covid/coming-to-campus 


Please check your Canvas course shell closer to when the course starts to see if this course requires mandatory in-person attendance. The delivery method of the course might have to change quickly in response to changes in the local state/national directive regarding in-person course attendance. 

School: 520T Future Technologies

Campus: City Campus

Program: C5402 - Diploma of Information Technology

Course Contact: Luke Eberbach

Course Contact Phone: +61 3 9925 4381

Course Contact Email: Luke.Eberbach@rmit.edu.au


Name and Contact Details of All Other Relevant Staff

Nominal Hours: 40

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

None

Course Description

In this course you will gain skills and knowledge required to design and create basic mark-up language documents and cascading style sheets (CSS) in order to define the structure and style of a website.

This course is delivered and assessed with the following units: 

  • ICTWEB513 - Build dynamic websites
  • CTDBS507 - Integrate databases with websites



National Codes, Titles, Elements and Performance Criteria

National Element Code & Title:

ICTWEB431 Create and style simple markup language documents

Element:

1. Review the requirements

Performance Criteria:

1.1 Review user requirements to determine website design 1.2 Develop testing approach and test cases based on requirements and refine with user 1.3 Select appropriate markup language based on user requirements

Element:

2. Create the document structure

Performance Criteria:

2.1 Create and assign basic elements of documents based on user requirements 2.2 Mark-up sections of documents to depict structure and refine with user

Element:

3. Format, style and lay out the elements on a web page

Performance Criteria:

3.1 Style and format documents using CSS according to user requirements

3.2 Lay out document elements using CSS according to user requirements

Element:

4. Test and validate the web pages

Performance Criteria:

4.1 Test website in different browsers according to test approach and cases, and correct and re-test issues 4.2 Document test results and provide to user to explain any outstanding issues and corrective actions 4.3 Recommend, agree, and undertake any outstanding corrective actions with the user to achieve user acceptance

Learning Outcomes


On successful completion of this course you will have developed and applied the skills and knowledge required to demonstrate competency in the above elements


Details of Learning Activities

This may include self-paced and collaborative classroom activities such as:  

  • Class exercises
  • Challenges
  • Problem solving
  • Project work
  • Quizzes  

We expect you to participate and contribute in all scheduled learning activities as each week builds on the next. 


Teaching Schedule

Course ScheduleSemester 2 2022

Week

Topic

Learning Materials and Activities

Assessment Remarks

1 

4-10 July

Introduction to web development

Introduction to the Course

Understanding the internet, world wide web, HTTP, browsers and markup languages and their associated standards, advantages, and disadvantages

Downloading required software – browsers, text editor, FTP program

Setting up accounts on RMIT web server

Creating HTML documents

Assessment 1 overview

Project brief

2

11-17 July

Creating HTML documents

HTML structure

HTML elements and structure

W3C standards

 

Understanding HTML standards

Creating HTML documents

HTML structure

HTML elements (text, hyperlink, image)

Website folders and file paths

HTML validation - W3C standards

 

 3

18-24 July

Introduction to CSS

Principles of web page design and storyboards

What are cascading style sheets (CSS)?

Creating external style sheets

HTML element selectors

Creating CSS style rules – fonts, colour, backgrounds

Storyboards and layout

Applying CSS styles to multiple pages

 

 4

25-31 July

CSS properties and web page layout and design

HTML container elements – div, main, section, header, footer

HTML elements for navigation

Creating CSS style rules for page layouts - height, width, margin, padding

Understanding the display property and default HTML positioning (inline and block)

CSS validation

Troubleshooting processes relating to CSS and websites

 

5

1-7 August

HTML forms

Forms styling with CSS

Introduction to Bootstrap

Creating HTML forms and styling with CSS

Using Bootstrap to style web pages

 

 6

8-14 August

Testing and demonstrations

Features and limitations of common web browsers

Testing – requirements, browsers, accessibility, validation

Organisational procedures to document test results

Uploading projects to RMIT server

Assessment 1 submission

Testing conducted in class, mandatory attendance

Assessment 1 submitted to Canvas end of week 6

7

15-21 August

Introduction to PHP and dynamic websites.

Servers and Clients

PHP syntax - variables, strings, arrays

Setting up RMIT server accounts

Installing a virtual server

Creating basic PHP scripts using strings and variables and arrays

Assessment 2 overview

Website technical requirements

8

22-28 August

HTTP request methods POST and GET.

Storing and retrieving data from arrays

Creating HTML forms and using HTTP request methods (POST & GET)

Arrays and loops

 

 

Mid-Semester Break (29 August - 4 September)

9

5-11 September

 

Database structure

OOP classes

Connecting to database

Database structure

OOP classes

Connecting to a database

In class activities to assist with assessment preparation

10

12-18 September

SQL insert queries

HTML forms

SQL injection; cleansing form data and error control

Creating HTML forms and writing PHP scripts to insert data into a database

 

Writing PHP functions to cleanse form data and capture SQL errors

  

11

19-25 September

Demonstrations

User testing

Testing workshop and demonstrations

 

Assessment 2 submission

Mandatory class attendance

Testing workshop and demonstrations

12

26 September - 2 October

SQL select queries

Methods and scripts to select and display data from a database.

Loops, HTML & CSS

Writing PHP scripts to select and display database records

Applying HTML and CSS to data display

Assessment 3 overview

Website technical requirements

13

3-9 October

SQL, PHP functions

and scripts to delete data from a database.

Writing PHP scripts to delete database records

Assessment 3 overview

Website technical requirements

14

10-16 October

SQL, PHP functions

and scripts to update data in a database.

Writing PHP scripts to update database records

 In class activities to assist with assessment preparation

15

17-23 October

In class - Project Demonstrations

Testing workshop and demonstrations

Assessment 3 submission

Mandatory class attendance

Testing workshop and project demonstrations

16

24-30 October

 Re-submit if required

 Re-submit if required

 


Learning Resources

Prescribed Texts


References


Other Resources

You will need laptop with charger for each class

  • Windows laptops we do recommend an i5 or better machine with a minimum 4 GB of RAM.
  • Macs you will need 8 GB of RAM to run a virtual machine

You may also refer to various media, websites, textbooks and e-books as indicated in Canvas such as

  • USB or external hard drive for backup
  • Text editor such as Visual Studio Code


Overview of Assessment

Assessment for this course is ongoing throughout the semester. Your knowledge and understanding of course content is assessed through participation in class exercises, oral presentations and through the application of learned skills and insights to your written tasks. Full assessment briefs will be provided and can be found on CANVAS


Assessment Tasks

Please note the following three units are clustered and therefore co-delivered and co-assessed holistically

  • (COSC6227C) ICTWEB431 Create and style simple markup documents
  • (INTE5050C) ICTWEB501 Build a dynamic website
  • (ISYS7589C) ICTDBS504 Integrate database with a website

Summary and Purpose of Assessment 1

This assessment task is Task 1 of a website project which has 3 tasks.

You are required to read and analyse client requirements for a website and then design and create the specified web pages using a text editor. The website will be created using HTML and styled using advanced CSS (cascading style sheets). 

All website files will need to be validated against the standards set by the World Wide Web Consortium (W3C) and tested in a variety of browsers.

 

Completing this assessment task allows you to demonstrate you can:

  • Analyse the specifications and requirements
  • Create an HTML document structure and incorporate the web page components
  • Develop CSS to match user requirements
  • Style and position HTML elements, using advanced CSS techniques
  • Validate HTML and CSS against industry standards
  • Test the website in various browsers

 

Summary and Purpose of Assessment 2

This is the second of three (3) assessment tasks you must complete for this course. You must be satisfactory in all assessments to be competent in both courses.

You are required to read and analyse the technical requirements for a business website; produce the design specifications; and then build the required website functionality. The website will be built using object-oriented PHP and an SQL database

Completing this assessment task allows you to demonstrate you can:

  • create a website using efficient and effective code to meet technical requirements
  • access a database using a web-development language
  • insert web-based data
  • test a web application

Summary and Purpose of Assessment 3

This is the third of three (3) assessment tasks you must complete for this course. You must be satisfactory in all assessments to be competent in both of these courses.

This assessment task is part 3 of a website project.

You are required to read and analyse the technical requirements for a business website; produce the design specifications; and then build the required website functionality. The website will be built using object-oriented PHP and an SQL database

Completing this assessment task allows you to demonstrate you can:

  • create a website using efficient and effective code to meet technical requirements
  • access a database using a web-development language
  • retrieve and display web-based data
  • update web-based data

Feedback

Feedback will be provided throughout the semester in class and/or online discussions.  You are encouraged to ask and answer questions during class time and online sessions so that you can obtain feedback on your understanding of the concepts and issues being discussed. Finally, you can email or arrange an appointment with your teacher to gain more feedback on your progress.

You should take note of all feedback received and use this information to improve your learning outcomes and final performance in the course.  


Assessment Matrix

Elements

Performance Criteria

 

 

Assessment

Task 1 (Website Project 1)

Assessment

Task 2 (Website Project 2)

Assessment

Task 3 (Website Project 3)

1. Review the requirements

1.1 Review user requirements to determine website design

X

 

X

 

 

1.2 Develop testing approach and test cases based on requirements and refine with user

X

 

 

 

1.3 Select appropriate markup language based on user requirements

X

 

 

2. Create the document structure

2.1 Create and assign basic elements of documents based on user requirements

 

X

 

 

2.2 Mark-up sections of documents to depict structure and refine with user

 

X

 

3. Format, style and lay out the elements on a web page

3.1 Style and format documents using CSS according to user requirements

X

 

X

 

 

3.2 Lay out document elements using CSS according to user requirements

 X

 

X

 

Other Information

GENERAL SUBMISSION INFORMATION

Ensure that you submit assessments on or before the due date. 
Always retain a copy of your assessment tasks.

For submissions you have to read, understand and agree to the content and expectations of the Assessment declaration.

Late Submission Procedures

  • You are required to submit assessment items and/or ensure performance-based assessment is completed by the due dates.
    Submit your assessment by the due date as any further submission will close unless extension or special consideration is granted
  • Apply for an extension of ONE WEEK
  • You will be given ONE more opportunity to RESUBMIT the ASSESSMENT TASK
    • This will be open in week 16
    • No further re-submission will be available
    • A satisfactory result for all assessments will result in a CA - Competency Achieved for this course.
    • An unsatisfactory result for any assessment will result in a NYC - Not Yet Competent for this course

Course Overview: Access Course Overview