NetMash    The Best ofNative Apps and the    Mobile Web   Duncan Cragg
Pure Native Apps      e.g.: iOS / Android; Objective-C / Java               App      App    App                       AppS...
Pure Web Documents       e.g.: HTML5 / CSS3 alone, no JS APIs               Doc       Doc            Doc    Doc           ...
Pure Native Appse.g.: iOS / Android; Objective-C / Java   Fast, Slick, Tactile Interfaces   Close to your Mobile Stuff ...
Pure Web Documentse.g.: HTML5 / CSS3 alone, no JS APIs    Fast, Slick, Tactile Interfaces    Close to your Mobile Stuff   ...
JS Web Apps       e.g.: HTML5 JS APIs; JQuery Mobile               Doc           Doc            Doc    Doc                ...
Hybrid Web Apps           e.g.: WAC, PhoneGap, Titanium                App      App    App                         AppStor...
JS Web Appse.g.: HTML5 JS APIs; JQuery Mobile   Fast, Slick, Tactile Interfaces   Close to your Mobile Stuff   Close to...
Hybrid Web Apps    e.g.: WAC, PhoneGap, Titanium   Fast, Slick, Tactile Interfaces   Close to your Mobile Stuff   Close...
Start Native, Add Pure WebDoc               links               Server         Server                  HTTP               ...
NetMash = Native + Web            Obj     Obj            Obj    Doc    Obj                    links             NetMash Se...
NetMash = Native + Web   Fast, Slick, Tactile Interfaces   Close to your Mobile Stuff   Close to the Device   Works We...
JSON Calendar Event{ is: event  title: "DroidConf"  content: "Big Droidfest!"  start: .. end: .. tz: ..  location: { .. } ...
Calendar Event: Mobile ViewDroidConf: Big Droid fest!    Start: ..    End: ..    Location:
Switch to Calendar ViewMon   Tues   Wed   Thurs   Fri   Sat   Sun                   Droid                   Conf          ...
Plot the Weather Report, tooMon   Tues   Wed   Thurs   Fri   Sat   Sun                   Droid                   Conf     ...
Switch to Map View Droid Conf Big Droid fest!
Plot the Weather Report, too      Droid Conf      Big Droid fest!
Scroll Down to AttendeesDroidConf: Big Droid fest!    Attending:   Ann Droid    Me Too!                 Rob Ott    Maybe  ...
Links To User Objects{ is: event  title: "DroidConf"  content: "Big Droidfest!"  start: .. end: .. tz: ..  location: { .. ...
View Source of User Objectlocation updated direct from Mobile  { is: user    location: {.. }    saying: ".."    vcard: htt...
User ObjectUser  vCard
User Object PushedMobile     Server    Mobile                      Mobile                       MobileUser A     User A   ...
So Plot The Attendees List     Droid Conf     Big Droid fest!
See Everyones Messages    Droid Conf    Big Droid fest!                      Its just                      gone           ...
View Source of User Objectmessage updated direct from Mobile  { is: user    location: {.. }    saying: "Its just          ...
See Just-Taken Photos   Droid Conf   Big Droid fest!
Hit the "Me Too!" ButtonDroidConf: Big Droid fest!    Attending:   Ann Droid    Me Too!                 Rob Ott    Maybe  ...
Returns This: View Source{ is: rsvp  user: http://p.com/uid-12  event: http://x.net/uid-a7  attending: "yes"}
Youre on the listDroidConf: Big Droid fest!    Attending:   Si Bermann    Me Too!                 Ann Droid    Maybe    No...
You Appear on Everyones Maps       Droid Conf       Big Droid fest!      Im in the      area - be      there soon!
Make Your Own App!{ title: "My DroidConf"  list: [    http://x.net/uid-a7    http://p.com/uid-ef    http://c.com/uid-35   ...
Make Your Own App!My DroidConf   DroidConf   Ann Droid   Cafe Droid   Twitter #droidconf
GUI Object{ is: gui  view: {    direction:vertical    "Option"    "#opt":"?[/string;1|2/]?"  }}
GUI Object
Form Object{ is: form  user: http://p.com/uid-12  gui: http://n.net/uid-72  form: {        opt: "2"  }}
NetMash = Native + Web   Fast, Slick, Tactile Interfaces   Close to your Mobile Stuff   Close to the Device   Works We...
NetMash = Native + Web + More No application boundaries - NetMash  creates a seamless cyberspace  containing you, your fr...
NetMash Demo     NetMash is an   Android and Javaclient- and server-side    implementation
Help Build NetMash!              Whats next?     If you know Java or Android,and have an online / social app idea,        ...
NetMash is based on FORESTFOREST is described in Chapter 7 of this book http://www.amazon.co.uk/dp/1441983023
Upcoming SlideShare
Loading in …5
×

NetMash: Native + Web + More - OTA 2011

538 views

Published on

My presentation at Over The Air 2011. The NetMash approach to building apps is a fourth way alongside native, web and hybrid.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

NetMash: Native + Web + More - OTA 2011

  1. 1. NetMash The Best ofNative Apps and the Mobile Web Duncan Cragg
  2. 2. Pure Native Apps e.g.: iOS / Android; Objective-C / Java App App App AppStore Server download app protocolsmobile-oriented App App fullrunnable devicecode and accesslayouts Mobile Device
  3. 3. Pure Web Documents e.g.: HTML5 / CSS3 alone, no JS APIs Doc Doc Doc Doc links Server Server download HTTP or submitlargetext- & very Doc Doc limitedpage-oriented Browser devicedocs access Mobile Device
  4. 4. Pure Native Appse.g.: iOS / Android; Objective-C / Java Fast, Slick, Tactile Interfaces Close to your Mobile Stuff Close to the Device Work Well Offline Mashable, Linkable, Sharable Distributable: Just a Link Easy to Program Cross-Platform
  5. 5. Pure Web Documentse.g.: HTML5 / CSS3 alone, no JS APIs Fast, Slick, Tactile Interfaces Close to your Mobile Stuff Close to the Device Work Well Offline Mashable, Linkable, Sharable Distributable: Just a Link Easy to Program Cross-Platform
  6. 6. JS Web Apps e.g.: HTML5 JS APIs; JQuery Mobile Doc Doc Doc Doc links JS JS Server Server download HTTP or submitlargetext- & partial Doc Doc JS devicepage- JS Browser accessorienteddocs + Mobile Devicerunnable
  7. 7. Hybrid Web Apps e.g.: WAC, PhoneGap, Titanium App App App AppStore Server download HTTPlargetext- & App partial App devicepage- Docoriented accessdocs + JS Mobile Devicerunnable
  8. 8. JS Web Appse.g.: HTML5 JS APIs; JQuery Mobile Fast, Slick, Tactile Interfaces Close to your Mobile Stuff Close to the Device Work Well Offline Mashable, Linkable, Sharable Distributable: Just a Link Easy to Program Cross-Platform
  9. 9. Hybrid Web Apps e.g.: WAC, PhoneGap, Titanium Fast, Slick, Tactile Interfaces Close to your Mobile Stuff Close to the Device Work Well Offline Mashable, Linkable, Sharable Distributable: Just a Link Easy to Program Cross-Platform
  10. 10. Start Native, Add Pure WebDoc links Server Server HTTP full App device Mobile Device access
  11. 11. NetMash = Native + Web Obj Obj Obj Doc Obj links NetMash Server Serversmall HTTPnestedmobile-oriented Obj Obj Obj fulltwo-way device NetMash Appdynamic accessobjects
  12. 12. NetMash = Native + Web Fast, Slick, Tactile Interfaces Close to your Mobile Stuff Close to the Device Works Well Offline Mashable, Linkable, Sharable Distributable: Just a Link Easy to Program: Declarative JSON Cross-Platform: Port NetMash App
  13. 13. JSON Calendar Event{ is: event title: "DroidConf" content: "Big Droidfest!" start: .. end: .. tz: .. location: { .. } attendees: [ http://p.com/uid-ef .. http://q.com/uid-93 .. ]}
  14. 14. Calendar Event: Mobile ViewDroidConf: Big Droid fest! Start: .. End: .. Location:
  15. 15. Switch to Calendar ViewMon Tues Wed Thurs Fri Sat Sun Droid Conf Big Droid fest!
  16. 16. Plot the Weather Report, tooMon Tues Wed Thurs Fri Sat Sun Droid Conf Big Droid fest!
  17. 17. Switch to Map View Droid Conf Big Droid fest!
  18. 18. Plot the Weather Report, too Droid Conf Big Droid fest!
  19. 19. Scroll Down to AttendeesDroidConf: Big Droid fest! Attending: Ann Droid Me Too! Rob Ott Maybe No, Sorry
  20. 20. Links To User Objects{ is: event title: "DroidConf" content: "Big Droidfest!" start: .. end: .. tz: .. location: { .. } attendees: [ http://p.com/uid-ef .. http://q.com/uid-93 .. ]}
  21. 21. View Source of User Objectlocation updated direct from Mobile { is: user location: {.. } saying: ".." vcard: http://... }
  22. 22. User ObjectUser vCard
  23. 23. User Object PushedMobile Server Mobile Mobile MobileUser A User A User A
  24. 24. So Plot The Attendees List Droid Conf Big Droid fest!
  25. 25. See Everyones Messages Droid Conf Big Droid fest! Its just gone cloudy!
  26. 26. View Source of User Objectmessage updated direct from Mobile { is: user location: {.. } saying: "Its just gone cloudy!" vcard: http://... }
  27. 27. See Just-Taken Photos Droid Conf Big Droid fest!
  28. 28. Hit the "Me Too!" ButtonDroidConf: Big Droid fest! Attending: Ann Droid Me Too! Rob Ott Maybe No, Sorry
  29. 29. Returns This: View Source{ is: rsvp user: http://p.com/uid-12 event: http://x.net/uid-a7 attending: "yes"}
  30. 30. Youre on the listDroidConf: Big Droid fest! Attending: Si Bermann Me Too! Ann Droid Maybe No, Sorry
  31. 31. You Appear on Everyones Maps Droid Conf Big Droid fest! Im in the area - be there soon!
  32. 32. Make Your Own App!{ title: "My DroidConf" list: [ http://x.net/uid-a7 http://p.com/uid-ef http://c.com/uid-35 http://t.com/uid-f3 ]}
  33. 33. Make Your Own App!My DroidConf DroidConf Ann Droid Cafe Droid Twitter #droidconf
  34. 34. GUI Object{ is: gui view: { direction:vertical "Option" "#opt":"?[/string;1|2/]?" }}
  35. 35. GUI Object
  36. 36. Form Object{ is: form user: http://p.com/uid-12 gui: http://n.net/uid-72 form: { opt: "2" }}
  37. 37. NetMash = Native + Web Fast, Slick, Tactile Interfaces Close to your Mobile Stuff Close to the Device Works Well Offline Mashable, Linkable, Sharable Distributable: Just a Link Easy to Program: Declarative JSON Cross-Platform: Port NetMash App
  38. 38. NetMash = Native + Web + More No application boundaries - NetMash creates a seamless cyberspace containing you, your friends and your and their mobile stuff - all linkable and mashable No manual upload, download, save, submit, send, share, refresh, upgrade - NetMash objects are updating and interactive
  39. 39. NetMash Demo NetMash is an Android and Javaclient- and server-side implementation
  40. 40. Help Build NetMash! Whats next? If you know Java or Android,and have an online / social app idea, then help build NetMash!or just use NetMash, when its ready! http://netmash.net
  41. 41. NetMash is based on FORESTFOREST is described in Chapter 7 of this book http://www.amazon.co.uk/dp/1441983023

×