Module Information
Course Delivery
| Delivery Type | Delivery length / details |
|---|---|
| Other | 20 hours of self study practical exercises |
| Lecture | 40 hours lectures |
Assessment
| Assessment Type | Assessment length / details | Proportion |
|---|---|---|
| Semester Exam | 2 Hours Written Exam | 60% |
| Semester Assessment | 2 practical assignments each involving design and implementation of a set of web pages | 40% |
| Supplementary Assessment | Resubmission of failed/non-submitted coursework components or ones of equivalent value | 60% |
| Supplementary Exam | 2 Hours supplementary exam | 40% |
Learning Outcomes
On successful completion of this module students should be able to:
1. Build simple web pages using a content management system and by writing HTML and controlling presentation using CSS
2. Describe the architecture of the web and the distinction between client and server side processing.
3. Explain the distinction between structure, content and presentation of web material and the benefits of maintaining that distinction.
4. Write client-side code to interact with the web page, read and process form content.
5. Design, setup and interrogate multi-table databases and explain the reasons for using a multi-table database
Aims
The aim of this module is to ensure students understand the basics of how the web works and are able to build simple websites including the use of HTML, CSS and databases.
Brief description
This module introduces the core technologies and architectures of the web. In it we will cover communications; structure and presentation of content; the client server model; basics of databases for web applications. Students will have the opportunity to develop both theoretical and practical understanding of the web and databases.
Content
2. Database introduction: Creating DBs, creating tables, inserting data, selecting data
3. Simple database linking for WordPress and OSCommerce (or similar)
4. Multi-table databases - Entity-relationship modeling: entities, attributes, relationships, many-to-many relationships. Primary and foreign keys. Derivation of a set of tables from a model.
5. Content, presentation and structure. (X)HTML, CSS.
6. Validation, web standards, HTML as XML/SGML. Documents as trees. Browser wars.
7. Client side scripting - ECMAScript (JavaScript) and HTML forms processing. The Document Object Model.
8. Client and server side comparison. Server side includes. The HTTP protocol. Introduction to the principles of server-side programming.
9. Graphics tools: Graphics Editors and Animation software.
10. The future of the web: Syndication, search. Web 2.0. Web 3.0. The semantic, social, and mobile web.
Module Skills
| Skills Type | Skills details |
|---|---|
| Application of Number | |
| Communication | The web is a communication medium. Many features for effective communication are covered and good application of them will be emphasised. |
| Improving own Learning and Performance | Detail of technologies will have to be learned from professional technical sources, give strategic guidance in lectures. Effective use of these resources requires good browsing/reading strategies. |
| Information Technology | Whole module concerns IT |
| Personal Development and Career planning | Time management skills will be needed to enable students to complete course work. |
| Problem solving | Many aspects of web functionality can be provided in more than one way or are intrinsically complex to develop. Students will need to apply knowledge to effective solutions. |
| Research skills | The students will need to search for and use relevant technical information while completing practical and assessed course work. |
| Subject Specific Skills | Students will develop detailed knowledge of client side internet technologies and have an appreciation of modern tools. |
| Team work |
Reading List
General TextFelke-Morris, Terry. Basics of web design :HTML5 & CSS3 /Terry Ann Felke-Morris, Ed.D., Harper College. Second edition. Primo search Freeman, Elisabeth. (c2006.) Head first HTML with CSS & XHTML /Elisabeth Freeman, Eric Freeman. 1st ed. O'Reilly Primo search Pilgrim, Mark. (c2010.) HTML5up and running /Mark Pilgrim. https://www.dawsonera.com/guard/protected/dawson.jsp?name=https://shibboleth.aber.ac.uk/shibboleth&dest=http://www.dawsonera.com/depp/reader/protected/external/AbstractView/S9781449399481 O'Reilly Recommended Text
Douglas Crockford (2008) JavaScript: The Good Parts http://www.amazon.co.uk/JavaScript-Good-Parts-Douglas-Crockford/dp/0596517742 O'Reilly
Notes
This module is at CQFW Level 4