Course Title: Produce basic client-side script for dynamic web pages
Part B: Course Detail
Teaching Period: Term2 2019
Course Code: COSC7366C
Course Title: Produce basic client-side script for dynamic web pages
School: 650T Vocational Business Education
Campus: City Campus
Program: C5395 - Diploma of Information Technology
Course Contact: Val Christou
Course Contact Phone: +61 3 9925 5076
Course Contact Email: val.christou@rmit.edu.au
Name and Contact Details of All Other Relevant Staff
Course Leader: Nicky Sephton
+61399255423
Teacher: Sarah McKinnon
Teacher: Sruthy Korembith
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
This unit describes the skills and knowledge required to develop interactive and engaging websites, using a range of features from various, appropriate languages.
It applies to individuals working in web development environments who are required to produce client-side scripts as a common means of creating interactive websites. These scripts offer an effective simple means of enabling websites to provide greater interaction with clients.
National Codes, Titles, Elements and Performance Criteria
National Element Code & Title: |
ICTWEB411 Produce basic client-side script for dynamic web pages |
Element: |
1. Analyse the requirements for web documents |
Performance Criteria: |
1.1 Determine the necessary dynamic functionality of the web document 1.2 Determine the appropriate language to achieve that functionality 1.3 Determine the web document requirements |
Element: |
2. Design and produce web documents |
Performance Criteria: |
2.1 Design the web document, and embedded scripts to achieve the required functionality 2.2 Write a simple hypertext markup language (HTML), considering accessibility 2.3 Write embedded scripts |
Element: |
3. Test the scripts and debug |
Performance Criteria: |
3.1 Test the web document against the required functionality, and reiterate until correct 3.2 Complete the documentation and submit it to the appropriate person for their approval |
Learning Outcomes
Details of Learning Activities
A range of learning activities are planned for this course on a variety of topics as shown in the teaching schedule.
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 Delivery:
The nominal hours associated with this are a guide only and represent the total teaching time and student effort required to successfully complete the course. This may include not only scheduled classes but also the amount of effort required to undertake, evaluate and complete all assessment requirements, including any non-classroom activities.
Week |
Week Beginning |
Topic |
Learning Materials and Activities |
Assessment Remarks |
1 |
8th July |
Introduction to the course – HTML, CSS & JavaScript. |
Understanding the internet, world wide web, HTTP, browsers and markup languages Setting up accounts on Jupiter server |
Overview and discussion of the two assessments |
2 |
15th July |
HTML structure, W3C standards & accessibility. Page mark-up and document flow |
Creating HTML documents, browser testing and accessibility Understanding text content and markup standards |
Project requirements Analysing a client brief |
3 |
22th July |
HTML structure, W3C standards & accessibility. Working with images and hyperlinks |
URLs, folders, file paths, image size and type Image accessibility issues. |
|
4 |
29th July |
HTML structure & W3C standards. Navigation, footers & HTML entities |
W3C validation of markup and default browser displays |
|
5 |
5th August |
User testing and project work |
Assessment 1 Web project - part 1 submission |
|
6 |
12th August |
Introduction to web page design and CSS. Principles of web page design and browser display. Normal document flow |
Creating styles for text elements – h1, h2, p, ul, ol, li, body Creating external style sheets Fonts, colour, backgrounds |
|
7 |
19th August |
CSS layout Margins, padding, height, width, border, positioning elements |
CSS selectors – class and id Styling containers Nav, main, section, header & footer |
|
8 |
26th August |
CSS advanced layout CSS flex |
Styling content using CSS flex and class / id selectors |
|
Mid-semester break (Monday 2nd – Friday 6th September) | ||||
9 |
9th September |
Advanced layouts CSS grid |
Styling content using CSS grid and class / id selectors |
|
10 |
16th September |
In class user & browser testing, project demonstration |
In class user & browser testing, project demonstration |
Assessment 1 Web project - part 2 submission |
11 |
23rd September |
HTML forms and CSS styling of form elements Introduction to JavaScript |
Exploring and creating HTML forms Form design and behaviour |
|
12 |
30th September |
JavaScript event handlers, variables, functions JavaScript behaviours for HTML forms |
Creating scripts to add functionality to forms Declaring variables and using conditional statements to make decisions |
|
13 |
7th October |
JavaScript event handlers, variables, functions JavaScript behaviours for HTML forms |
Creating scripts to add functionality to forms - regular expressions and validation of form data |
|
14 |
14th October |
User testing and assessment 2 (test) revision |
User testing activities and concept / theory revision |
Assessment 1 Web project - part 3 submission |
15 |
21st October |
Assessment 2 – in class test |
Assessment 2 – in class test |
Assessment 2 In Class Test |
16 |
28th October |
Re-submission if required |
Re-submission if required |
|
Learning Resources
Prescribed Texts
References
Other Resources
You will need laptop with charger for each class
You may also refer to various media, websites, textbooks and e-books as indicated in Canvas
Overview of Assessment
In order to achieve competency in this unit, you must provide:
Performance Evidence
Evidence of the ability to:
- determine the dynamic functionality and requirements of web documents
- select the appropriate language
- design web documents with embedded script
- produce dynamic web page documents
- test and debug, the web document functionality
- document and gain client approval.
Knowledge Evidence
To complete the unit requirements safely and effectively, you must:
- discuss the basic principles behind open platform programming
- describe client-side scripting and its application to dynamic web page design, including:
- events and event handlers
- internet operation related to servers and clients
- internet protocols
- standard generalised markup language (SGML)
- associated standards
- identify and outline, security restrictions on servers
- describe the difference between server-side and client-side scripting
- describe the standards associated with programming documentation.
Assessment Conditions
Assessment must be conducted in a safe environment where evidence gathered demonstrates consistent performance in conditions that are safe and replicate the workplace. Noise levels, production flow, interruptions and time variances should be typical of those experienced in the website technologies field of work, and include access to:
- special purpose tools
- equipment and materials
- industry software packages
- the web server
- the client requirements
- the security policy
- functionality and scope requirements.
You are advised that you are likely to be asked to personally demonstrate your assessment work to your teacher to ensure that the relevant competency standards are being met.
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 Tasks
Please note the following three units are clustered and therefore co-delivered and co-assessed holistically.
- COSC7365C (ICTWEB429) - Create a markup language document to specification
- COSC7367C (ICTWEB506) - Develop complex cascading style sheets
- COSC7366C (ICTWEB411) - Produce basic client-side script for dynamic web pages
You are required to complete two assessments
You must successfully complete all sections of each assessment tasks to be deemed competent in this unit.
Assessment 1 - Individual Website Project
You are required to read a client brief; and then design, build and test the required website using HTML5, CSS and JavaScript. The website is to be built using a text editor; validated against the W3C standards to ensure all code is semantically correct and meets accessibility guidelines; and tested to ensure it meets the client requirements and functions correctly in modern browsers.
This project has 3 parts
- HTML structure and content
- CSS design and layout
- HTML form with JavaScript validation of form input
Part 1 – HTML: Requirements Analysis, Develop and Test (Due date: Refer to Teaching Schedule)
Read and analyse a client brief to determine the content for each page in the website. Source and markup content for the required pages. Validate HTML and test web pages in different browsers
Part 2 – CSS: Design, Develop and Test (Due date: Refer to Teaching Schedule)
Read and analyse a client brief to determine style requirements for the web pages. Draw storyboards to design the layout for each page. Create styles for the HTML elements using Cascading Style Sheets (CSS). Link external style sheets to all web pages. Validate the CSS styles and test web pages in different browsers
Part 3 - JavaScript: Design, Develop and Test (Due date: Refer to Teaching Schedule)
Read and analyse a client brief to determine functional requirements.
Create an HTML form and style with CSS. Link this form to the website built in assessment 1 & 2. Using JavaScript event handlers and functions, create a script to validate form fields to meet client requirements
The completed website (parts 1, 2 and 3) is to be uploaded to the RMIT file server, and detailed testing documentation is to be submitted.
Assessment 2 - Knowledge Review (Due date: Refer to Teaching Schedule)
For this assessment task, you are required to complete a set of online, in-class, open-book quiz (test) within a given time frame.
Assessment Matrix
Elements/Performance Criteria |
Assessment Details |
1. Analyse the requirements for web documents 1.1 Determine the necessary dynamic functionality of the web document 1.2 Determine the appropriate language to achieve that functionality 1.3 Determine the web document requirements |
Assessment 1 - Individual Website Project Assessment 2 - Knowledge Review
|
2. Design and produce web documents 2.1 Design the web document, and embedded scripts to achieve the required functionality 2.2 Write a simple hypertext markup language (HTML), considering accessibility 2.3 Write embedded scripts |
Assessment 1 - Individual Website Project |
3. Test the scripts and debug 3.1 Test the web document against the required functionality, and reiterate until correct 3.2 Complete the documentation and submit it to the appropriate person for their approval |
Assessment 1 - Individual Website Project |
Performance Evidence |
|
Determine the dynamic functionality and requirements of web documents Select the appropriate language Design web documents with embedded script Produce dynamic web page documents Test and debug, the web document functionality document and gain client approval. |
Assessment 1 - Individual Website Project |
Knowledge Evidence |
|
Discuss the basic principles behind open platform programming Describe client-side scripting and its application to dynamic web page design, including: events and event handlers internet operation related to servers and clients internet protocols standard generalised markup language (SGML) associated standards Identify and outline, security restrictions on servers Describe the difference between server-side and client-side scripting Describe the standards associated with programming documentation. |
Assessment 2 - Knowledge Review |
Other Information
Submission Requirements
Assessment tasks need to be submitted via Canvas.
You should:
- Ensure that you submit assessments on or before the due date.
- Always retain a copy of your assessment tasks (hard copy and soft copy).
- When you submit work for assessment at RMIT University you need to use a cover sheet that includes a declaration and statement of authorship. You must complete, sign and submit a cover sheet with all work you submit for assessment, whether individual or group work. On the cover sheet you declare that the work you are presenting for assessment is your own work. An assignment cover sheet for submission of work for assessment is available on Canvas.
- Each page of your assessment should include footer with your name, student number, the title of the assessment, unit code and title and page numbers. For example, Julie Macpherson, 324567, Task 2, OHS2345C Ensure safe workplace, Page 1 of 10.
Late Submission Procedures
You are required to submit assessment items and/or ensure performance based assessment is completed by the due dates.
If you are prevented from submitting an assessment item on time, by circumstances outside your control, you may apply in advance to your teacher for an extension to the due date of up to seven calendar days.
More information: http://www.rmit.edu.au/students/assessment/extension
Form to use: http://mams.rmit.edu.au/seca86tti4g4z.pdf
Where an extension of greater than seven days is needed, you must apply for special consideration. Applications for special consideration must be submitted no later than two working days after the assessment task deadline or scheduled examination.
More Information: http://www.rmit.edu.au/browse;ID=g43abm17hc9w (unresolved)
Form to use: http://mams.rmit.edu.au/8a5dgcaqvaes1.pdf
Re-submissions (VET Programs)
If you are found to be unsuccessful in a Course Assessment Task you will be allowed one re-submission only. Your teacher will provide feedback regarding what you need to do to improve and will set a new deadline for the re-submission. The highest grade you will receive if your re-submission is successful is "CAG".
If you are still not meeting the assessment requirements you must apply to your Program Manager in writing outlining the steps you will take to demonstrate competence in your course. Your submission will be considered by the Program Team and you will be advised of the outcome as soon as possible.
Adjustments to Assessment
In certain circumstances students may be eligible for an assessment adjustment. For more information about the circumstances under which the assessment arrangements might be granted please access the following Website:
More Information: http://rmit.edu.au/browse;ID=7usdbki1fjf31
Marking Guide (Competency)
You must demonstrate that you have all the required skills/knowledge/elements in the unit of competency you are studying.
You will receive feedback on each assessment task that will inform you about your progress and how well you are performing.
CA Competency Achieved
NYC Not Yet Competent
DNS Did Not Submit for assessment
Course Overview: Access Course Overview