SPA Conference session: Web Apps That Shine

One-line description:HTML5 provides all the ingredients to create great web apps, this session demonstrates exactly what it can do
Session format: Workshop (150 mins) [read about the different session types]
Abstract:For some time it's been possible to create web applications that rival native apps in a few niche areas, primarily on the desktop. HTML5 expands the areas in which we can make compelling web applications, but it arrives at a time in which many people are excited once again about native apps, particularly on mobile devices.

We believe that HTML5 is a disruptive technology, destined to catch up with and overtake native applications in increasingly many areas. Much of this is still in the future, but we believe that HTML5 is already a powerful, cost effective way to develop applications providing excellent user experiences, and we aim to show that many of the arguments against are at best overstated and at worst simply untrue.

The aim of this session is to demonstrate what is possible with HTML5. At the moment it is a term that has been grabbed by the marketing departments...the time has come for developers to claim it back.

Offline & Performance Workshop
* Local Storage / IndexedDB
* App Cache
* Start up time
* CSS3 - avoid images as these are a memory hog

Device Feature Workshop
* Geolocation
* Orientation - not quite accelerometers, but getting there
* Camera, video and sound - PhoneGap/Android 3 and coming soon.

Portability Workshop
* A single app for your desktop, tablet and smartphone
* Multiple devices
* Progressive enhancement

Other Concerns
* Findabilility
* Monetization
* The real cost of native app development - not all roads are paved with gold

Audience background:A basic knowledge of HTML, CSS and JavaScript will be necessary.

One network connected laptop (Windows/Linux/MacOS) with Java installed will be needed per pair.
Benefits of participating:Practical experience of adding HTML5 features into a web page, creating a web application that provides a good experience on a range of devices regardless of internet connectivity.

Knowledge of the current limits of HTML5 applications and their future potential.
Materials provided:Sample code and solutions.
A web server that can run on Windows/Linux/MacOS.
Process:Problems and techniques to solve them will be presented, followed by a period of pairing for participants to implement the solutions themselves.
Detailed timetable:00:00 - 00:05 Introduction
00:05 - 00:15 Offline and Performance talk
00:15 - 00:45 Offline and Performance workshop
00:45 - 00:55 Break
00:55 - 01:05 Device features talk
01:05 - 01:20 Device features workshop
01:20 - 01:30 Break
01:30 - 01:40 Portability talk
01:40 - 02:10 Portability workshop
02:10 - 02:20 Other concerns
02:20 - 02:30 Q+A and Roundup
Outputs:A mobile capable web app to take home.
Access to the presentation slides at:
1. Adam Iley
2. Ian Alderson