HTML5 & LTE: Mobile web apps and games require fast and responsive networks
Report
Share
•4 likes•1,070 views
![We tell mixed-reality stories.,[object Object],HTML5 & LTEMobile web apps and games require fast and responsive networks,[object Object],Matthias Sala | GbangaMobileMonday.ch | September 26th 2011 The Safe Gallery | Fribourg,[object Object]](https://image.slidesharecdn.com/html5ltemobilewebappsandgamesrequirefastandresponsivenetworks-110926080825-phpapp02/75/html5-lte-mobile-web-apps-and-games-require-fast-and-responsive-networks-1-2048.jpg?cb=1668167251)
![About,[object Object],MatthiasSala,[object Object],Computer Scientist ETH Zurich,[object Object],Founder of Gbanga,[object Object],Gbanga,[object Object],Mobile gamesthatinclude user-contextsuch as location,[object Object],http://gbanga.com,[object Object],2,[object Object],This work is licensed under a Create Commons Attribution 2.5 Generic License. Matthias Sala, Gbanga, Switzerland.,[object Object]](https://image.slidesharecdn.com/html5ltemobilewebappsandgamesrequirefastandresponsivenetworks-110926080825-phpapp02/75/html5-lte-mobile-web-apps-and-games-require-fast-and-responsive-networks-2-2048.jpg?cb=1668167251)
![LTE: Faster, better, stronger,[object Object],Faster transmission of data to mobile end points (100 – 384 Mbit/sec),[object Object],Better response rate: 10 ms latency,[object Object],3,[object Object],This work is licensed under a Create Commons Attribution 2.5 Generic License. Matthias Sala, Gbanga, Switzerland.,[object Object],http://de.wikipedia.org/wiki/Long_Term_Evolution,[object Object]](https://image.slidesharecdn.com/html5ltemobilewebappsandgamesrequirefastandresponsivenetworks-110926080825-phpapp02/75/html5-lte-mobile-web-apps-and-games-require-fast-and-responsive-networks-3-2048.jpg?cb=1668167251)
![Gaming as a showcase for LTE,[object Object],«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,[object Object],4,[object Object],This work is licensed under a Create Commons Attribution 2.5 Generic License. Matthias Sala, Gbanga, Switzerland.,[object Object],http://www.nomor.de/home/company/lte-demo-pictures,[object Object]](https://image.slidesharecdn.com/html5ltemobilewebappsandgamesrequirefastandresponsivenetworks-110926080825-phpapp02/75/html5-lte-mobile-web-apps-and-games-require-fast-and-responsive-networks-4-2048.jpg?cb=1668167251)
![Latency & round-trip time,[object Object],5,[object Object],This work is licensed under a Create Commons Attribution 2.5 Generic License. Matthias Sala, Gbanga, Switzerland.,[object Object],∆t1 = 5ms,[object Object],Client,[object Object], Server,[object Object],∆t2 = 5ms,[object Object],Latency 3G: 70 – 120 ms,[object Object],Round-trip time 3G: 200 – 300 ms,[object Object],AT&T 3G, 1 Bar, Seattle: 264 ms,[object Object],AT&T 3G, «poortower system withbarelyenough 3G signal»: 2156 ms,[object Object],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/, ,[object Object]](https://image.slidesharecdn.com/html5ltemobilewebappsandgamesrequirefastandresponsivenetworks-110926080825-phpapp02/75/html5-lte-mobile-web-apps-and-games-require-fast-and-responsive-networks-5-2048.jpg?cb=1668167251)
![App to Web App trend,[object Object],Runs in the browser (HTML5),[object Object],No store,[object Object],No reviewprocess cycles,[object Object],Free to choosepayment system («revenue split»),[object Object],No installation,[object Object],«Lightweight» design,[object Object],Standardized, homgeneous cross-platformdevelopment,[object Object],6,[object Object],This work is licensed under a Create Commons Attribution 2.5 Generic License. Matthias Sala, Gbanga, Switzerland.,[object Object],[object Object]](https://image.slidesharecdn.com/html5ltemobilewebappsandgamesrequirefastandresponsivenetworks-110926080825-phpapp02/75/html5-lte-mobile-web-apps-and-games-require-fast-and-responsive-networks-6-2048.jpg?cb=1668167251)
![http://techcrunch.com/2011/02/09/html5-versus-native-apps/,[object Object]](https://image.slidesharecdn.com/html5ltemobilewebappsandgamesrequirefastandresponsivenetworks-110926080825-phpapp02/75/html5-lte-mobile-web-apps-and-games-require-fast-and-responsive-networks-7-2048.jpg?cb=1668167251)
![IndexedDatabase APIhttp://en.wikipedia.org/wiki/HTML5,[object Object],This work is licensed under a Create Commons Attribution 2.5 Generic License. Matthias Sala, Gbanga, Switzerland.,[object Object]](https://image.slidesharecdn.com/html5ltemobilewebappsandgamesrequirefastandresponsivenetworks-110926080825-phpapp02/75/html5-lte-mobile-web-apps-and-games-require-fast-and-responsive-networks-11-2048.jpg?cb=1668167251)
![Financial Times Web App,[object Object],FT reports that 700’000 users use their Web App which is more successful than their iPad version which they abandoned because of the revenue split.,[object Object],8,[object Object],[object Object]](https://image.slidesharecdn.com/html5ltemobilewebappsandgamesrequirefastandresponsivenetworks-110926080825-phpapp02/75/html5-lte-mobile-web-apps-and-games-require-fast-and-responsive-networks-12-2048.jpg?cb=1668167251)
![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.,[object Object]](https://image.slidesharecdn.com/html5ltemobilewebappsandgamesrequirefastandresponsivenetworks-110926080825-phpapp02/75/html5-lte-mobile-web-apps-and-games-require-fast-and-responsive-networks-14-2048.jpg?cb=1668167251)
![Caching content for offline use,[object Object],9,[object Object],This work is licensed under a Create Commons Attribution 2.5 Generic License. Matthias Sala, Gbanga, Switzerland.,[object Object],Mobile browser with HTML5 app,[object Object],Internet,[object Object],Offline storage (HTML5 extension),[object Object],when online,[object Object],http://app.ft.com,[object Object],FT Web App,[object Object]](https://image.slidesharecdn.com/html5ltemobilewebappsandgamesrequirefastandresponsivenetworks-110926080825-phpapp02/75/html5-lte-mobile-web-apps-and-games-require-fast-and-responsive-networks-15-2048.jpg?cb=1668167251)
![Bejeweled (Puzzle),[object Object],10,[object Object],This work is licensed under a Create Commons Attribution 2.5 Generic License. Matthias Sala, Gbanga, Switzerland.,[object Object],http://www.popcap.com/iphone/games/bejeweled/,[object Object]](https://image.slidesharecdn.com/html5ltemobilewebappsandgamesrequirefastandresponsivenetworks-110926080825-phpapp02/75/html5-lte-mobile-web-apps-and-games-require-fast-and-responsive-networks-16-2048.jpg?cb=1668167251)
![Mafia Wars by Zynga (Hybrid),[object Object],11,[object Object],This work is licensed under a Create Commons Attribution 2.5 Generic License. Matthias Sala, Gbanga, Switzerland.,[object Object],http://itunes.apple.com/ch/app/mafia-wars-by-zynga/id305904856?mt=8,[object Object]](https://image.slidesharecdn.com/html5ltemobilewebappsandgamesrequirefastandresponsivenetworks-110926080825-phpapp02/75/html5-lte-mobile-web-apps-and-games-require-fast-and-responsive-networks-17-2048.jpg?cb=1668167251)
![Hybridapp (HTML container),[object Object],12,[object Object],This work is licensed under a Create Commons Attribution 2.5 Generic License. Matthias Sala, Gbanga, Switzerland.,[object Object],Native app container,[object Object],App Store,[object Object],Download to install,[object Object],HTML5 game,[object Object],Apple’s iTunes,[object Object],Mafia Wars app,[object Object]](https://image.slidesharecdn.com/html5ltemobilewebappsandgamesrequirefastandresponsivenetworks-110926080825-phpapp02/75/html5-lte-mobile-web-apps-and-games-require-fast-and-responsive-networks-18-2048.jpg?cb=1668167251)
![Facebook touch (Real-time),[object Object],13,[object Object],This work is licensed under a Create Commons Attribution 2.5 Generic License. Matthias Sala, Gbanga, Switzerland.,[object Object],http://touch.facebook.com,[object Object]](https://image.slidesharecdn.com/html5ltemobilewebappsandgamesrequirefastandresponsivenetworks-110926080825-phpapp02/75/html5-lte-mobile-web-apps-and-games-require-fast-and-responsive-networks-19-2048.jpg?cb=1668167251)
![Illyriad (MMORPG),[object Object],14,[object Object],This work is licensed under a Create Commons Attribution 2.5 Generic License. Matthias Sala, Gbanga, Switzerland.,[object Object],http://www.illyriad.co.uk/,[object Object]](https://image.slidesharecdn.com/html5ltemobilewebappsandgamesrequirefastandresponsivenetworks-110926080825-phpapp02/75/html5-lte-mobile-web-apps-and-games-require-fast-and-responsive-networks-20-2048.jpg?cb=1668167251)
HTML5 & LTE: Mobile web apps and games require fast and responsive networks
•4 likes•1,070 views
Report
Share
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.
