Topic: Web-programming & Interactivity

This course will be covered over 3 semesters (26 weeks).


Objective
Topic
Resources
Remarks

Students will learn to add dynamic and interactive contents to webpages using the following web technologies:
1. Javascript (DOM)
2. PHP
3. XML
4. AJAX
5. MySQL


Course content overview

Students should gain understanding of some current web-technologies employed in web-portals (esp Web 2 portals);

Students should be able to utilisize existing web-resources to customize their web-portals.

Computer lab

Software:
Dreamweaver, Notepad,
Web-browsers,
Mozilla Firebug
Assessment:
Assignments ( Simple programming )
Project (Individual or collaborative)
Quizes
Term Test


Wk1
Students will learn:

1. The role of javascript in web-publishing

2. Identify javascripts found inside a web source-code

3. Load and run javascript

Introduction to Javascript

What is client-side processing.


Discussion:
Limitations of javascripts
How much control the author has over the clients
Hiding of javscripts

Hands On:

Place a pre-written javascript in a web-page and execute it in the browser.
Wk2
Students will learn:
1. Hierarchical structure of elements in a webpage
2. Basic structure and components of objects in javascripts.
3. The types of DOM in javascripts


Document Object Model

Core DOM, HTML DOM, XML DOM
Properties, Methods, and functions

Functions of the Date objects

Alert, prompt and document.write functions of the window object


Hands On:

Use the Date object and functions to extract date information.

Wk3,4
Students will learn:

1. The types of elements in a form.
2. Assign names to HTML elements
3. Use dot notation to access the elements and their properties
4. Use of event-handlers to add user interactivity
5. Basic troubleshooting skills using browser’s error messages.
Assignment 1: (10)

Use a form to create a simple arithmetic calculator.



Assignment

Students will submit their work on iVLE.

Wk5,6
Students will learn:
1. The Math object – properties and functions
2. String-handling functions and techniques
3. Event handlers associated with various form elements
4. Uses of random numbers and formulae in programming

Assignment 2: (15)

Create a scientific calculator.

Assignment

Students will submit their work on iVLE.

Pre-requisite knowledge
Scientific units of angles & trigonometical functions
Wk7
Students will learn:
  1. Role of CSS in modern web-publishing
  2. How to add/create custom CSS
  3. Use positioning and block properties in page-layout.
Assignment 3: (5)

Transform a given HTML page using CSS

Assignment

Students will submit their work on iVLE.

Test on javascript
Wk8
Students will learn:
1. Use of getElementById method of the DOM to access any HTML elements
2. Use of the className properties to create dynamic web-contents & improve page layout
Assignment 4: (5)

Improve readability and navigation of a long web-page by using Javascript to control CSS properties.




Students will upload their assignments on iVLE

Wk9
Students will learn:
1. The role of XML in contrast to HTML and javascript
2. the stricter rules in XML structure and syntax
Assignment 5: (5)

Create a simple XML file containing personal particulars.

Students will use an XML file to store personal particulars and make it available by uploading it on the Net.


Wk10, 11
Students will learn:
1. To appreciate the portability of XML data and software independence.
2. To extract and information from XML data.
Assignment 6: (10)

Students will work in groups to design and maintain personal portfolio. The group will brainstorm ideas on how to extend the use of the data in academic, admin, social and leisure areas. A writeup will be submitted and shared in the class.

Assignment 6:

Discussion
Report-writing