HTML5 AND CSS3 FOR MOBILE APPLICATIONS - 2017/8

Module code: COMM049

Module provider

Computer Science

Module Leader

KRAUSE PJ Prof (Computer Sci)

Number of Credits

15

ECT Credits

7.5

Framework

FHEQ Level 7

JACs code

I320

Module cap (Maximum number of students)

N/A

Module Availability

Semester 1

Overall student workload

Lecture Hours: 36

Assessment pattern

Assessment type Unit of assessment Weighting
Project (Group/Individual/Dissertation) INDIVIDUAL PROJECT WORK 50
Examination EXAM 50

Alternative Assessment

N/A

Prerequisites / Co-requisites

Basic familiarity with HTML and CSS will be assumed.

Module overview

This module will demonstrate the latest web standards based techniques for developing the client side of web applications. Responsive design techniques will be introduced to enable the client view to be rendered appropriately across all devices from smartphones, through tablets, to desktops and TVs. Techniques for interacting between client and server will also be covered.

Module aims

provide an overview of the technologies that support the development of the client-side component of interactive web applications.

bring students up to a sufficient level of development skill to be able to develop a state of the art interactive web client using responsive design techniques.

familiarise students with standards-based design of web clients.

Learning outcomes

Attributes Developed
Understand the concepts of responsive web design, and how web standards support the development of web applications with the look and feel of native applications KPT
Be proficient in semantic markup with HTML5, and its support for multi-media . KCP
Be proficient in JavaScript and Angular.js KCP
Understand how to use Node.js to set up a test server to support client-side development KCP
Understand best practice in communicating with the server side using a RESTful API . KPT

Attributes Developed

C - Cognitive/analytical

K - Subject knowledge

T - Transferable skills

P - Professional/Practical skills

Module content


The changing landscape for mobile application development (1h)
Setting up a Node.js static server (1h)
How to use HTML 5 to describe your content (1h)
Responsive web design with HTML 5 media queries (3h)
Scalable Vector Graphics (SVG) workshop – accessible and scalable drawing with XML and declarative animations (3h)
HTML5 Canvas workshop – 2D and (introduction to) 3D drawing with JavaScript (3h)
Introduction to AngularJS – anatomy of an AngularJS application (3h)
Deeper into AngularJS – structuring a single page web application (3h)
HTML 5 support for Audio and Video. (3h)
Communicating with servers – over http; using RESTful resources; asynchronous requests and Promises (3h)
Advanced CSS3 – design workshop: transforms, transitions and animations (3h)
Data visualisation with (and without!) D3 (3h)
Overview of what has been achieved with an interactive real-time web application as exemplar (3h)

Methods of Teaching / Learning

The learning and teaching strategy is designed to:

Develop a critical understanding of best practice in developing state of the art web clients through directed learning and facilitated self-directed learning. The skills learned in this module will be transferable to other software-engineering modules in the programme and the wider software engineering profession.

The learning and teaching methods include:


36 hours of interactive lectures with practical sessions and class discussion
Use of an online forum for facilitated discussion


 

Assessment Strategy

The assessment strategy is designed to provide students with the opportunity to demonstrate



Ability to design and develop the client component of an interactive web application. This is to address LO1.


Ability to use HTML 5 for the semantic markup of web application content. This is to address LO2.


Ability to use, and in depth technical understanding of JavaScript and the AngularJS library. This is to address LO3.


Ability to use, and in depth technical understanding, of HTML 5’s multi-media support. This to address LO2 and LO3.


Understanding of the best practice designing and developing standards based state, of the art, responsive web clients. This is to address LO4 to LO6.



 

Thus, the summative assessment for this module consists of:



An individual project in which the students will need to demonstrate both technical understanding and good engineering practice.


A formal examination in which students will be required to demonstrate strong technical understanding of all the technical elements of the course.



 

Formative assessment and feedback

Self assessment exercses will be provided in SurreyLearn.

In addition, students will be asked to submit their lab class exercises into SurreyLearn, and feedback on these will be provided before the next lab class.

 

Reading list

Reading list for HTML5 AND CSS3 FOR MOBILE APPLICATIONS : http://aspire.surrey.ac.uk/modules/comm049

Programmes this module appears in

Programme Semester Classification Qualifying conditions
Information Systems MSc 1 Compulsory A weighted aggregate mark of 50% is required to pass the module

Please note that the information detailed within this record is accurate at the time of publishing and may be subject to change. This record contains information for the most up to date version of the programme / module for the 2017/8 academic year.