HTML5 has become a major trend in the web sphere in general and in the mobile area in particular. There is not only a demand for standardized and uniformed website development to reduce complexity and cost, but also the need to reach as many mobile users without having to implement native apps for highly proprietary platforms. While native apps have the advantage to work fully offline on a device, HTML5 web apps require a more reliable and fast data network like 4G. This is especially true for entertainment purposes like in multiplayer games. In his talk, Matthias presents how modern apps can work completely in the browser and what impact that has on the underlying data network.

1. We tell mixed-reality stories. HTML5 & LTEMobile web apps and games require fast and responsive networks Matthias Sala | GbangaMobileMonday.ch | September 26th 2011 The Safe Gallery | Fribourg

2. About MatthiasSala Computer Scientist ETH Zurich Founder of Gbanga Gbanga Mobile gamesthatinclude user-contextsuch as location http://gbanga.com 2 This work is licensed under a Create Commons Attribution 2.5 Generic License. Matthias Sala, Gbanga, Switzerland.

3. LTE: Faster, better, stronger Faster transmission of data to mobile end points (100 – 384 Mbit/sec) Better response rate: 10 ms latency 3 This work is licensed under a Create Commons Attribution 2.5 Generic License. Matthias Sala, Gbanga, Switzerland. http://de.wikipedia.org/wiki/Long_Term_Evolution

4. Gaming as a showcase for LTE «In terms of latency, gaming is amongst the most challenging applications. Therefore, we demonstrated how two LTE users can also play an online-game, which demands an extremely low system delay along with a quick user reaction time»September 29th 2006 4 This work is licensed under a Create Commons Attribution 2.5 Generic License. Matthias Sala, Gbanga, Switzerland. http://www.nomor.de/home/company/lte-demo-pictures

5. Latency & round-trip time 5 This work is licensed under a Create Commons Attribution 2.5 Generic License. Matthias Sala, Gbanga, Switzerland. ∆t1 = 5ms Client Server ∆t2 = 5ms Latency 3G: 70 – 120 ms Round-trip time 3G: 200 – 300 ms AT&T 3G, 1 Bar, Seattle: 264 ms AT&T 3G, «poortower system withbarelyenough 3G signal»: 2156 ms http://whirlpool.net.au/wiki/3g_for_network_engineers, http://forums.att.com/t5/Apple-iPhone/High-Latency-on-3G-Network-with-iPhone/td-p/1960517, http://en.wikipedia.org/wiki/Lag, http://www.openclipart.org/detail/7087/hand---palm-facing-out-by-johnny_automatic-7087, http://www.supercoloring.com/pages/an-eye/,

8. Browser history

9. Microdata

10. File API

11. IndexedDatabase APIhttp://en.wikipedia.org/wiki/HTML5 This work is licensed under a Create Commons Attribution 2.5 Generic License. Matthias Sala, Gbanga, Switzerland.

13. http://www.maclife.de/ipad/software/financial-times-als-html5-web-app-mit-mehr-erfolg-als-im-app-store

14. http://gigaom.com/apple/financial-times-to-find-out-if-html5-can-replace-native-app/This work is licensed under a Create Commons Attribution 2.5 Generic License. Matthias Sala, Gbanga, Switzerland.

15. Caching content for offline use 9 This work is licensed under a Create Commons Attribution 2.5 Generic License. Matthias Sala, Gbanga, Switzerland. Mobile browser with HTML5 app Internet Offline storage (HTML5 extension) when online http://app.ft.com FT Web App

16. Bejeweled (Puzzle) 10 This work is licensed under a Create Commons Attribution 2.5 Generic License. Matthias Sala, Gbanga, Switzerland. http://www.popcap.com/iphone/games/bejeweled/

17. Mafia Wars by Zynga (Hybrid) 11 This work is licensed under a Create Commons Attribution 2.5 Generic License. Matthias Sala, Gbanga, Switzerland. http://itunes.apple.com/ch/app/mafia-wars-by-zynga/id305904856?mt=8

18. Hybridapp (HTML container) 12 This work is licensed under a Create Commons Attribution 2.5 Generic License. Matthias Sala, Gbanga, Switzerland. Native app container App Store Download to install HTML5 game Apple’s iTunes Mafia Wars app

19. Facebook touch (Real-time) 13 This work is licensed under a Create Commons Attribution 2.5 Generic License. Matthias Sala, Gbanga, Switzerland. http://touch.facebook.com

20. Illyriad (MMORPG) 14 This work is licensed under a Create Commons Attribution 2.5 Generic License. Matthias Sala, Gbanga, Switzerland. http://www.illyriad.co.uk/

21. Data push for websites 15 This work is licensed under a Create Commons Attribution 2.5 Generic License. Matthias Sala, Gbanga, Switzerland. Mobile browser with HTML5 app Internet Subscribe WebSocket (HTML5 extension) Updates Illyriad web app http://illyriad.co.uk

22. MightyFingersframework 16 This work is licensed under a Create Commons Attribution 2.5 Generic License. Matthias Sala, Gbanga, Switzerland. http://mightyfingers.com/, http://vimeo.com/23830766

23. Data push for websites 17 This work is licensed under a Create Commons Attribution 2.5 Generic License. Matthias Sala, Gbanga, Switzerland. Game server on Internet iPad Android

24. iPhone as motion-controller Use your iPhone as a controller for a desktop page: http://ikea.ch/PAXpacker A Gbanga project 18 This work is licensed under a Create Commons Attribution 2.5 Generic License. Matthias Sala, Gbanga, Switzerland. http://blog.gbanga.com/2011/09/a-browser-flash-game-with-a-motion-controller-iphone-app/

25. Ohterexamples of web apps http://web.appstorm.net/roundups/30-incredibly-useful-fun-html5-mobile-apps/ http://www.mobilehtml5.com/ http://www.quora.com/What-are-the-best-mobile-applications-that-have-been-built-using-HTML5-and-compiled-as-a-native-applications HTML5 Frameworks: http://www.web-delicious.com/7-best-mobile-web-html5-framework-for-mobile-app-development/ 19 This work is licensed under a Create Commons Attribution 2.5 Generic License. Matthias Sala, Gbanga, Switzerland.

26. This presentation with all contained links is available on SlideShare. http://www.slideshare.net/gbanga 20 This work is licensed under a Create Commons Attribution 2.5 Generic License. Matthias Sala, Gbanga, Switzerland. We tell mixed-reality stories. Matthias @ gbanga.com 043 536 67 01