Offline Web Applications
- 1. Make web apps work offline Offline and Desktop Web Applications www.web2os.com Rhys Jones Barcamp London 2 February 17th 2007
- 2. Why? 6:00am Wales - London Train journeys No Wifi Patchy 3G I use Google Office Web Apps mail, calendar, docs & spreadsheets no use when offline… what are my options?
- 3. Can’t you already do this? iCal + Google Calendar iMail + Gmail POP3 MS Office + ?
- 4. I want.. Desktop Rich Internet Applications Web application Work offline Keep a local copy of my data Interact with my desktop resources
- 5. Many options.. File->Work Offline ….? Dojo Storage, Dojo Offline Toolkit Firefox 3 WPF/E Adobe Apollo web2os.com
- 6. Dojo Dojo Storage Flash DOM Storage Dojo Offline Toolkit Small http proxy Library for synchronisation More at http://labs.sitepen.com/dot/
- 7. Firefox 3 DOM Storage No need for proxy Pin pages in cache
- 8. Adobe Apollo Cross platform runtime Flash / Flex / Actionscript HTML / Javascript / CSS / AJAX PDF labs.adobe.com/wiki/index.php/Apollo
- 9. Adobe Apollo File I/O Online / Offline support Http / REST / Sockets Custom Chrome
- 12. How do we get there? Application reengineering Google Calendar in Dojo ? WPF/E ? Adobe Apollo ? Firefox 3…
- 13. Hack it Take the Greasemonkey approach? server Browser HTML, CSS, JS Grease monkey Userscripts
- 15. Intermediate
- 16. Intermediate
- 17. Work offline
- 19. _web2os_ Only proxy defined URLs www.google.com/calendar/.* SQLite database for each ‘app’ Sandboxed Javascript Local file, Applescript, COM access Use Javascript MVC for proxy apps
- 28. Javascript MVC Create the Model
- 29. Javascript MVC Create the controller
- 30. Javascript MVC Create the Views
- 31. Hook the Proxy Tell the proxy what to look for
- 32. A real example Map Google Calendar API
- 33. Other possibilities… Cross domain xmlhttprequest Google office on the Intranet Local mashups iTunes + Flickr mashup
- 34. Beta + Opensource soon at: www.web2os.com