Module Descriptors
PROGRESSIVE WEB APPLICATIONS (BLENDED LEARNING)
COWB50398
Key Facts
Digital, Technology, Innovation and Business
Level 5
30 credits
Contact
Leader: Fiona Knight
Hours of Study
Scheduled Learning and Teaching Activities: 53
Independent Study Hours: 247
Total Learning Hours: 300
Assessment
  • Coursework - assignment 1 given a scenario to build a web application weighted at 80%
  • Coursework - report weighted at 20%
Module Details
Module Special Admissions Requirements
Prior study of Software Development and Computer Systems Development
Module Resources
You will need access to these resources:

The VLE
An ICT Workplace environment. A Work-Based Learning Agreement will be completed for this module to ensure that the student will have access to the required resources in the workplace.

The Internet and office software
Staffordshire University has subscriptions to electronic book services such as Safari Tech Books, Ebrary and Netlibrary. There are titles in each of the collections that will support students studying this module.

Module Learning Strategies
Module Launch (30 hours)
There will be a module launch during which 10 hours of face to face contact will be devoted to undertaking tasks which are designed to provide useful insights into the module content and purpose.

Guided Learning (22 hours)
A module tutor who is part of the teaching team of the module will be allocated to you and you will meet them during the launch. Following the launch, there will be some materials on the VLE which are designed to guide your learning. Additionally, there will be at least two hour long sessions per week of contact time for the eleven weeks following the launch. This will be used for learning guided led by your module tutor. It will be a face to face presentation if you are on day release. For online learners it will be flipped classroom approach with group (up to 20) seminars.

Reviews:
• Tutorial reviews for online learners (1 hour per student)
Online learners will have 2 tutorial sessions with their module tutor during the course of the module. These will be individual or small group sessions during which your module tutor will be able to answer any queries that you have regarding module work. The review weeks are listed in the module handbook and mentors will be invited to join the call and provide feedback.

• Tutorial sessions for day release learners (at least 1 hour per student)
There will scheduled tutorial sessions (up to 20 students) during the 11 weeks following the launch which will take the place of the tutorial reviews for day release students

Independent learning (247 hours)
The module leader will provide resources through the virtual learning environment which will include videos and presentations as well as links to useful websites. Other academic learning will be achieved through reading around the subject area. Module tutors will suggest useful texts, though many others will be suitable and can be found in our e-library. If you require help understanding any of the concepts, you may contact your module tutor for assistance.

Part of your independent learning will take place in your workplace under the guidance of your mentor. You will complete a work-based learning agreement to ensure that arrangements are in place at your workplace to facilitate this work-based learning. You are encouraged to endeavour to apply your growing academic knowledge to improve your work practice and to reflect on your work-based experiences to improve your learning.

You will be required to complete assignment work during independent learning time. Assignment work for a 30 credit module at level 5 should take around 120 hours to complete

Additional help with learning
You will have access to the departmental librarian. As a student, you are more than welcome to visit the university at any time and to use the resources. During time at the university, you may arrange to meet your module tutor or academic coach for additional help.
Module Indicative Content
Progressive Web Applications
• What they are
• What they mean to the developer
• What they mean to the user

Analysis and Design
• Agile Methods used in front-end web application design and development
• Requirements / Features
• User Stories / Personas
• UML modelling
• Mobile Design principles

Progressive Web Application Creation
• HTML / CSS / JavaScript / ECMAScript
• Web API such as Web components
• Libraries / frameworks and their uses / issues
• Feature / browser detection
• Tools that help in create web applications such as task runners

Testing / Performance
• Requirement Testing
• Speed / Reliability / Quality of code Testing
• Device Testing
Tools that help in testing web applicationsCommunication and data security

Module Additional Assessment Details
Two pieces of Coursework
Assignment 1 Weighted at 80% contributing to learning outcomes 1-4
You will be given a scenario to build a progressive web application for. Following an approved agile method, you are to analyse the target audience, and design, create and test a progressive web application for those users.

Assignment 2 Weighted at 20% contributing to learning outcome 5
You are to research into the direction the web is moving, and reflect on the effect this will have on users and web developers. You will produce a report to show your research and reflection.
Module Texts
Ater, Tal (2016) Building Progressive Web Apps, O'Reilly Media
Beginning HTML5 and CSS3: The Web Evolved, Murphy C, Clark R, Studholme O, Manian D. (2012), Apress, ISBN-10: 1430228741
Learning JavaScript: A Hands-on Guide to the Fundamentals of Modern JavaScript, Wright T. (2012), Apress, ISBN-10: 0321832744
Module Learning Outcomes
1. UTILISE CURRENT WEB TECHNIQUES TO CREATE PROGRESSIVE WEB APPLICATIONS WITH USER EXPERIENCES THAT ARE RELIABLE, FAST AND ENGAGING
Application
Communication
Problem Solving

2. UTILISE CURRENT ANALYSIS AND DESIGN METHODS TO DESIGN WEB APPLICATIONS FOR CROSS PLATFORM / DEVICE DELIVERY.
Analysis
Knowledge & Understanding

3. CREATE FRONT-END WEB APPLICATIONS UTILISING CURRENT TECHNIQUES / TOOLS / STANDARDS FOR CROSS PLATFORM / DEVICE DELIVERY.
Application

4. UTILISE CURRENT TESTING TECHNIQUES TO ENSURE THE QUALITY OF WEB APPLICATIONS Application

5. REFLECT ON THE DIRECTION THE WEB IS MOVING IN REGARD TO STANDARDS AND TECHNIQUES /TECHNOLOGIES
Analysis
Reflection
Communication