future of web_apps
TRANSCRIPT
![Page 1: Future of web_apps](https://reader033.vdocument.in/reader033/viewer/2022042817/55a2d7921a28ab977d8b457d/html5/thumbnails/1.jpg)
Future of Web Apps
Lakshan Perera
RefreshColombo, July 2011
![Page 2: Future of web_apps](https://reader033.vdocument.in/reader033/viewer/2022042817/55a2d7921a28ab977d8b457d/html5/thumbnails/2.jpg)
![Page 3: Future of web_apps](https://reader033.vdocument.in/reader033/viewer/2022042817/55a2d7921a28ab977d8b457d/html5/thumbnails/3.jpg)
Blog: laktek.com
Code: github.com/laktek
Rants: @laktek
![Page 4: Future of web_apps](https://reader033.vdocument.in/reader033/viewer/2022042817/55a2d7921a28ab977d8b457d/html5/thumbnails/4.jpg)
CONFESSION
![Page 5: Future of web_apps](https://reader033.vdocument.in/reader033/viewer/2022042817/55a2d7921a28ab977d8b457d/html5/thumbnails/5.jpg)
Internet Explorer 6 is great!
Flash is awesome!
....But that was in 2001
![Page 6: Future of web_apps](https://reader033.vdocument.in/reader033/viewer/2022042817/55a2d7921a28ab977d8b457d/html5/thumbnails/6.jpg)
EVERYDAY IM
SUFFERIN
![Page 7: Future of web_apps](https://reader033.vdocument.in/reader033/viewer/2022042817/55a2d7921a28ab977d8b457d/html5/thumbnails/7.jpg)
![Page 8: Future of web_apps](https://reader033.vdocument.in/reader033/viewer/2022042817/55a2d7921a28ab977d8b457d/html5/thumbnails/8.jpg)
“There are more important problems to be solved than sharing Cat pictures.”
Steve Yegge – OSCON 2011
![Page 9: Future of web_apps](https://reader033.vdocument.in/reader033/viewer/2022042817/55a2d7921a28ab977d8b457d/html5/thumbnails/9.jpg)
Future Web...
● Realtime
● Collaborative
● Ubiquitous
![Page 10: Future of web_apps](https://reader033.vdocument.in/reader033/viewer/2022042817/55a2d7921a28ab977d8b457d/html5/thumbnails/10.jpg)
R E A L T I M E
![Page 11: Future of web_apps](https://reader033.vdocument.in/reader033/viewer/2022042817/55a2d7921a28ab977d8b457d/html5/thumbnails/11.jpg)
Polling
<meta http-equiv="refresh" content="5">
AJAX Based Techniques - Short Polling, Long Polling (COMET)
Dirty Old way :)
![Page 12: Future of web_apps](https://reader033.vdocument.in/reader033/viewer/2022042817/55a2d7921a28ab977d8b457d/html5/thumbnails/12.jpg)
Are we there yet??
![Page 13: Future of web_apps](https://reader033.vdocument.in/reader033/viewer/2022042817/55a2d7921a28ab977d8b457d/html5/thumbnails/13.jpg)
Push Technologies
Server-sent Events - No special protocol is needed.
Web Sockets
- Just like traditional sockets, but via HTTP http://websockets.org
![Page 14: Future of web_apps](https://reader033.vdocument.in/reader033/viewer/2022042817/55a2d7921a28ab977d8b457d/html5/thumbnails/14.jpg)
C O L L A B A R A T I V E
![Page 15: Future of web_apps](https://reader033.vdocument.in/reader033/viewer/2022042817/55a2d7921a28ab977d8b457d/html5/thumbnails/15.jpg)
Text Based
Operational Transformations
- Google Wave protocol is based on this.
ContentEditable
- Realie (github.com/laktek/realie)- Aloha Editor (aloha-editor.org)
![Page 16: Future of web_apps](https://reader033.vdocument.in/reader033/viewer/2022042817/55a2d7921a28ab977d8b457d/html5/thumbnails/16.jpg)
Beyond Text
Web Audio API
- https://wiki.mozilla.org/Audio_Data_API
Canvas/ WebGL
- Colorilo (colorillo.com/)- Mozilla Markup (markup.mozilla.org)
Streaming API
- http://my.opera.com/core/blog/2011/03/23/webcam-orientation-preview
![Page 17: Future of web_apps](https://reader033.vdocument.in/reader033/viewer/2022042817/55a2d7921a28ab977d8b457d/html5/thumbnails/17.jpg)
U B I Q U I T O U S
![Page 18: Future of web_apps](https://reader033.vdocument.in/reader033/viewer/2022042817/55a2d7921a28ab977d8b457d/html5/thumbnails/18.jpg)
“The Web is thoroughly integrated into our daily lives. We take it for granted,
expecting it to “be there” at any instant, like electricity.”
Tim Berns Lee
![Page 19: Future of web_apps](https://reader033.vdocument.in/reader033/viewer/2022042817/55a2d7921a28ab977d8b457d/html5/thumbnails/19.jpg)
Device Independent
Responsive Layouts
Mobile First philosophy
- http://www.lukew.com/ff/entry.asp?933
CSS Media Queries
![Page 20: Future of web_apps](https://reader033.vdocument.in/reader033/viewer/2022042817/55a2d7921a28ab977d8b457d/html5/thumbnails/20.jpg)
Offine Access
Local Storage
- Client side key value storage- Maximum storage varies on browser- http://dev.w3.org/html5/webstorage/
Application Cache
- Fine grain control over asset caching.- Provides a manifesto.- http://www.whatwg.org/specs/web-apps/current-work/multipage/offine.html
![Page 21: Future of web_apps](https://reader033.vdocument.in/reader033/viewer/2022042817/55a2d7921a28ab977d8b457d/html5/thumbnails/21.jpg)
Location Based
Geolocation API
- Guarantees to give you latitude, longitude and accuracy- http://diveintohtml5.org/geolocation.html
![Page 22: Future of web_apps](https://reader033.vdocument.in/reader033/viewer/2022042817/55a2d7921a28ab977d8b457d/html5/thumbnails/22.jpg)
More Interesting Stuff
Web Workers
- http://www.whatwg.org/specs/web-apps/current-work/complete/workers.html
History API
- https://developer.mozilla.org/en/DOM/Manipulating_the_browser_history
![Page 23: Future of web_apps](https://reader033.vdocument.in/reader033/viewer/2022042817/55a2d7921a28ab977d8b457d/html5/thumbnails/23.jpg)
Time to start changing the future!
![Page 24: Future of web_apps](https://reader033.vdocument.in/reader033/viewer/2022042817/55a2d7921a28ab977d8b457d/html5/thumbnails/24.jpg)
Questions?