Your SlideShare is downloading. ×
Offline Web Applications
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Offline Web Applications

10,387
views

Published on

My Barcamp presentation showing how current Web Applications, such as Google Calendar, can be made offline capable through the use of web2os.

My Barcamp presentation showing how current Web Applications, such as Google Calendar, can be made offline capable through the use of web2os.

Published in: Technology, Art & Photos

2 Comments
11 Likes
Statistics
Notes
No Downloads
Views
Total Views
10,387
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
2
Likes
11
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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
  • 10. Adobe Apollo http://labs.adobe.com/wiki/index.php/Apollo
  • 11. Adobe Apollo http://labs.adobe.com/wiki/index.php/Apollo
  • 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
  • 14. Current Web Applications
  • 15. Intermediate
  • 16. Intermediate
  • 17. Work offline
  • 18. Synchronise later
  • 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
  • 20.  
  • 21.  
  • 22.  
  • 23.  
  • 24.  
  • 25.  
  • 26.  
  • 27.  
  • 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