Web Engineering II: Developing Mobile HTML5 Apps

Summary

Become familiar with the challenges that come with the planning, development, testing, and maintenance of HTML5 apps. Web Engineering takes you through the concepts, methods, techniques, and tools needed for systematically developing websites and web applications. In Web Engineering I "Basics of Web Development" we learned how to create a professional website, and now we take a step further as you develop your very own HTML5 app!
Using the HTML5 mobile application framework Sencha Touch, you will go online and practice handling the infrastructure and tools needed for the development and maintenance of an established web app. In particular, you will learn the basic technical and architectural principles necessary for web app building.

Course Content

Web Engineering II builds upon on the material learned in the first course, Web Engineering I.
Each chapter presents the following content through a series of instructional videos, screencasts and online interactive exercises. You will also work in small groups, applying and testing practical examples of key technical aspects in web development.

• Chapter 11: Starter Kit: Tools for the HTML5 App in the Cloud
• Chapter 12: REST Architectural Style for Mobile Web Applications
• Chapter 13: Interactive Exercises with JavaScript at Codecademy
• Chapter 14: Single-Page Applications with AJAX, JSON, and REST APIs
• Chapter 15: Overview of HTML5 and its JavaScript APIs
• Chapter 16: Exercises with the HTML5 Mobile Application Framework Sencha Touch
• Chapter 17: Introduction to NoSQL Databases for Web Apps
• Chapter 18: Full-Stack JavaScript: Design and Implementation of a WebSocket App
• Chapter 19: Preparing an HTML5 App for App Stores
• Chapter 20: Screen Casting Web Apps for User Documentation

As a learning object for exploring and applying the course content, we will use the mobile web-based Audience-Response System ARSnova. It will be used as a live feedback app throughout the MOOC.
The official course language is English, but the videos will be in German with English subtitles and slides.

Course Structure

The entire course consists of two consecutive parts: the first part of the course Web Engineering I, started on 15 October 2013, and this course, Web Engineering II, started on 17 January 2014. Each course consists of 10 chapters with 6 to 8 learning units and has a weekly workload time of about 6 hours. For students at universities, the entire course has a workload equivalent to 6 ECTS credits.
With sufficient prior knowledge, you can move directly onto Web Engineering II.

Learning Objectives

At the end of the course, you will be able to:

• Develop a high-performance, secure and accessible website, upon a client’s request.
• Design and realise an HTML5 app and upload this to app stores.

Who is this course aimed at?

Both parts of the MOOC "Web Engineering" are aimed at undergraduate students of computer science, including media and business computer science, computer science specialist trainees in the field of application development, and working web designers. For students of THM in the Department of MNI, the entire MOOC "Web Engineering" is equivalent to the Bachelor module "Internet-Based Systems" (CS 1024).

Course Certificates

You will receive a certificate for both Web Engineering I and II, if you provide the following:

• Web Engineering I: completion of the online final exam and creation of a website
• Web Engineering II: completion of the online final exam and creation of an HTML5 App

Prerequisites for Course Participation

You must have a working knowledge of HTML/CSS as provided by the track Web Fundamentals from Codecademy.

Our Experience

Whoever offers an online course in web engineering should be able to offer appropriate references. In recent years, we have worked in the areas of e-learning and web-based systems. This includes the university search engine Pharus, the learning and collaboration platform eCollab, and the mobile Audience-Response System ARSnova. These were developed as open source student projects, starting from bachelor and master projects to production.
Looking back, it was the course "Web Engineering" that adequately prepared students for these projects. If you complete both parts of the course Web Engineering I and II, you will be able to do the same.


Print This Page