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: http://webappsthatshine.com/presentation/ | ||
| History: | None. | ||
| Presenters | |||
| 1. Adam Iley Caplin |
2. Ian Alderson Caplin |
3. | |