The End of Single Page Apps by Chris Tse

The End of Single Page Apps by Chris Tse

Full video of the talk is available on YouTube:
https://www.youtube.com/watch?v=MN7d1TZNvTg

What comes next after this JavaScript-fueled Single Page Apps (SPA) fever?

We need to look back at the rich history of application software to find the answers. Turns out, Apple had some unfinished business in the 90's for the Open Web community to pick up and give it another shot. Moonshot.

Chris Tse, founding director of CardStack, shows how JavaScript frameworks like Ember can be leveraged to create a composable web that gives the power of assembly to end users—the ultimate creators of value on the Internet, not just developers.

This presentation was the given by Chris Tse as the closing keynote for Wicked Good Ember 2015 in Boston.

Follow http://twitter.com/christse for updates.
Visit http://cardstack.io to see more presentations on Card UI and Card Architecture.

C14f6f7b7ce45e286106e7e7d5421f40?s=128

Chris Tse

June 16, 2015
Tweet

Transcript

  1. CHRIS TSE Wicked Good Ember BOSTON, MA JUNE 16, 2015

    THE END SINGLE PAGE APPS OF APP
  2. SINGLE PAGE APPS A Brief History of edition APP Timeline

    2015
  3. APP

  4. APPLE

  5. None
  6. Timeline 2008

  7. Timeline DESKTOP APP BROWSER APP Mac OS X Safari, Chrome,

    Firefox 2010 2008
  8. Timeline 2010 DESKTOP APP BROWSER APP Mac OS X Safari,

    Chrome, Firefox Cocoa Objective-C SproutCore JavaScript
  9. Timeline 2010 BROWSER APP Safari, Chrome, Firefox SproutCore JavaScript 2012

    Tom Dale
  10. Timeline Tom Dale 2012

  11. Timeline Tom Dale 2012 2011

  12. Timeline 2011 SproutCore Tom Dale

  13. Timeline 2011 SproutCore Tom Dale Yehuda Katz

  14. Timeline 2011 SproutCore Tom Dale Yehuda Katz SproutCore 2 2

  15. Timeline 2011 Tom Dale Yehuda Katz

  16. Timeline 2011 Tom Dale Yehuda Katz

  17. Timeline 2011 SINGLE PAGE APPS Frameworks for

  18. Timeline 2011 SINGLE PAGE APPS Frameworks for 2010

  19. Timeline 2011 SINGLE PAGE APPS Frameworks for 2010 2009

  20. Timeline 2011 SINGLE PAGE APPS Frameworks for 2010 2009 2013

    React
  21. Timeline 2011 SINGLE PAGE APPS Frameworks for 2010 2009 2013

    React 2008 2007 2006 2012 SproutCore ExtJS jQuery M eteor 2014 Polym er
  22. Timeline 2011 SINGLE PAGE APPS Frameworks for 2010 2009 2013

    React 2008 2007 2006 2012 SproutCore ExtJS jQuery M eteor 2014 Polym er 2015 2.0!!
  23. Timeline SINGLE PAGE APPS Frameworks for React SproutCore ExtJS jQuery

    M eteor Polym er 2.0!! C Code Content { } <p> </p>
  24. Timeline SINGLE PAGE APPS Frameworks for React SproutCore ExtJS jQuery

    M eteor Polym er 2.0!! C Code Content { } <p> </p>
  25. SINGLE PAGE APPS Frameworks for React SproutCore ExtJS jQuery M

    eteor Polym er 2.0!! C Code Content { } <p> </p> Make it work
  26. SINGLE PAGE APPS Frameworks for React SproutCore ExtJS jQuery M

    eteor Polym er 2.0!! C Code Content { } <p> </p> Make it work
  27. SINGLE PAGE APPS Frameworks for React SproutCore ExtJS jQuery M

    eteor Polym er 2.0!! C Code Content { } <p> </p> Make it work
  28. Congrats! We made it work! React SproutCore ExtJS jQuery Meteor

    Polymer C Code { } <p> </p> Content
  29. Congrats! We made it work! React SproutCore ExtJS jQuery Meteor

    Polymer C Code { } <p> </p> 100x! Content
  30. React SproutCore ExtJS jQuery Meteor Polymer C To Do MVC

  31. > DESKTOP APP BROWSER APP

  32. DESKTOP APP BROWSER APP vs. Sharing

  33. DESKTOP APP BROWSER APP Save as a file Copy or

    sync file vs. Sharing
  34. DESKTOP APP BROWSER APP Save as a file Copy or

    sync file vs. Copy link Paste link Sharing
  35. DESKTOP APP BROWSER APP Save as a file Copy or

    sync file vs. Copy link Paste link Sharing Thanks, Ember Router.
  36. DESKTOP APP BROWSER APP vs. Em bedding

  37. DESKTOP APP BROWSER APP vs. Em bedding C Copy

  38. DESKTOP APP BROWSER APP vs. Em bedding C Copy V

    Paste Original
  39. DESKTOP APP BROWSER APP vs. Em bedding C Copy V

    Paste Find Embed Button “Not always there” Original
  40. DESKTOP APP BROWSER APP vs. Em bedding C Copy V

    Paste Find Embed Button “Not always there” Copy Embed Code “The whole thing” Original
  41. DESKTOP APP BROWSER APP vs. Em bedding C Copy V

    Paste Switch to HTML Editor Paste Embed Code Preview Page Find Embed Button “Not always there” Copy Embed Code “The whole thing” Original
  42. What User Sees: What User Needs to Do: DESKTOP APP

    BROWSER APP Em bedding C Copy V Paste Switch to HTML Editor Paste Embed Code Preview Page Find Embed Button “Not always there” Copy Embed Code “The whole thing” 1 2 3 4 5 1 2 Very Similar
  43. What User Sees: What User Needs to Do: DESKTOP APP

    BROWSER APP Em bedding C Copy V Paste Switch to HTML Editor Paste Embed Code Preview Page Find Embed Button “Not always there” Copy Embed Code “The whole thing” 1 2 3 4 5 1 2 Deals with 
 Code Very Similar
  44. What User Sees: What User Needs to Do: DESKTOP APP

    BROWSER APP Em bedding C Copy V Paste Switch to HTML Editor Paste Embed Code Preview Page Find Embed Button “Not always there” Copy Embed Code “The whole thing” 1 2 3 4 5 1 2 Deals with 
 Code Very Similar
  45. What User Sees: What User Needs to Do: DESKTOP APP

    BROWSER APP Em bedding C Copy V Paste Switch to HTML Editor Paste Embed Code Preview Page Find Embed Button “Not always there” Copy Embed Code “The whole thing” 1 2 3 4 5 1 2 Deals with 
 Code Handles Content Very Similar
  46. What User Sees: What User Needs to Do: DESKTOP APP

    BROWSER APP Em bedding C Copy V Paste Switch to HTML Editor Paste Embed Code Preview Page Find Embed Button “Not always there” Copy Embed Code “The whole thing” 1 2 3 4 5 1 2 Deals with 
 Code Handles Content Very Similar
  47. Code Code <script> Deals with 
 Code Handles Content DEVELOPERS

    END-USERS C Content </script>
  48. Code Code <script> Deals with 
 Code Handles Content DEVELOPERS

    END-USERS C Content </script> C Copy 1 V Paste 2
  49. Code Code <script> Deals with 
 Code Handles Content DEVELOPERS

    END-USERS C Content </script> The other 18 steps to… C Copy 1 V Paste 2
  50. None
  51. ACROSS MULTIPLE JS APPS COPY & PASTE CARDSTACK

  52. ACROSS MULTIPLE JS APPS DRAG & DROP CARDSTACK

  53. ACROSS MULTIPLE JS APPS CLICK & PICK CARDSTACK

  54. ACROSS MULTIPLE JS APPS CARD MOVEMENT CARDSTACK

  55. App2 side App2 side App1 App1 Nav App2 side TEAM

    COLLABORATION APP PROMO CREATION APP chat bubble chat bubble chat bubble App2 A p p 2 N av App2 side chat bubble chat bubble chat bubble chat bubble
  56. App2 side App2 side TEAM COLLABORATION APP PROMO CREATION APP

    App2 A p p 2 N av App2 side chat bubble chat bubble chat bubble chat bubble App1 App1 Nav App2 side chat bubble chat bubble chat bubble
  57. App2 side App2 side TEAM COLLABORATION APP PROMO CREATION APP

    App2 A p p 2 N av App2 side chat bubble chat bubble chat bubble chat bubble App1 App1 Nav App2 side chat bubble chat bubble chat bubble
  58. App2 side App2 side TEAM COLLABORATION APP PROMO CREATION APP

    App2 A p p 2 N av App2 side chat bubble chat bubble chat bubble chat bubble App1 App1 Nav App2 side chat bubble chat bubble chat bubble Card 1 VISIT NORWAY SPECIAL FARES $250 FOR WICKED GOOD PEOPLE New Promo
  59. App2 side App2 side TEAM COLLABORATION APP PROMO CREATION APP

    App2 A p p 2 N av App2 side chat bubble chat bubble chat bubble chat bubble App1 App1 Nav App2 side chat bubble chat bubble chat bubble Card / Component Card 1 VISIT NORWAY SPECIAL FARES $250 FOR WICKED GOOD PEOPLE New Promo
  60. App2 side App2 side TEAM COLLABORATION APP PROMO CREATION APP

    App2 A p p 2 N av App2 side chat bubble chat bubble chat bubble chat bubble App1 App1 Nav App2 side chat bubble chat bubble chat bubble Card / Component Card 1 VISIT NORWAY SPECIAL FARES $250 FOR WICKED GOOD PEOPLE New Promo CARDSTACK
  61. App2 side App2 side TEAM COLLABORATION APP PROMO CREATION APP

    App2 A p p 2 N av App2 side chat bubble chat bubble chat bubble chat bubble App1 App1 Nav App2 side chat bubble chat bubble chat bubble Card / Component Card 1 VISIT NORWAY SPECIAL FARES $250 FOR WICKED GOOD PEOPLE Copy Card CARDSTACK Photos by Kevin McCoy
  62. App2 side App2 side TEAM COLLABORATION APP PROMO CREATION APP

    App2 A p p 2 N av App2 side chat bubble chat bubble chat bubble chat bubble App1 App1 Nav App2 side chat bubble chat bubble chat bubble Card / Component Card 1 VISIT NORWAY SPECIAL FARES $250 FOR WICKED GOOD PEOPLE Take Snapshot CARDSTACK Photos by Kevin McCoy
  63. App2 side App2 side Norway Promo V1.jpg 3:15 pm Norway

    Promo V1.html Norway Promo V1.json TEAM COLLABORATION APP PROMO CREATION APP App2 A p p 2 N av App2 side chat bubble chat bubble chat bubble chat bubble App1 App1 Nav App2 side chat bubble chat bubble chat bubble Card / Component Card 1 VISIT NORWAY SPECIAL FARES $250 FOR WICKED GOOD PEOPLE Take Snapshot CARDSTACK Photos by Kevin McCoy
  64. App2 side App2 side Norway Promo V1.jpg 3:15 pm Norway

    Promo V1.html Norway Promo V1.json TEAM COLLABORATION APP PROMO CREATION APP App2 A p p 2 N av App2 side chat bubble chat bubble chat bubble chat bubble App1 App1 Nav App2 side chat bubble chat bubble chat bubble Card / Component Card 1 VISIT NORWAY SPECIAL FARES $250 FOR WICKED GOOD PEOPLE Take Snapshot CARDSTACK React Photos by Kevin McCoy
  65. App2 side App2 side TEAM COLLABORATION APP PROMO CREATION APP

    App2 A p p 2 N av App2 side chat bubble chat bubble chat bubble chat bubble App1 App1 Nav App2 side chat bubble chat bubble Paste Card CARDSTACK 3:15 pm Norway Promo V1.jpg Norway Promo V1.html Norway Promo V1.json chat bubble Card / Component Card 1 VISIT NORWAY SPECIAL FARES $250 FOR WICKED GOOD PEOPLE React Photos by Kevin McCoy
  66. App2 side App2 side TEAM COLLABORATION APP PROMO CREATION APP

    App2 A p p 2 N av App2 side chat bubble chat bubble chat bubble App1 App1 Nav App2 side chat bubble chat bubble CARDSTACK 3:15 pm chat bubble Card / Component Card 1 VISIT NORWAY SPECIAL FARES $250 FOR WICKED GOOD PEOPLE React Norway Promo V1.jpg Norway Promo V1.html Norway Promo V1.json NEW Clone & Edit Photos by Kevin McCoy
  67. App2 side App2 side TEAM COLLABORATION APP PROMO CREATION APP

    App2 A p p 2 N av App2 side chat bubble chat bubble chat bubble App1 App1 Nav App2 side chat bubble chat bubble CARDSTACK 3:15 pm Norway Promo V1.jpg Norway Promo V1.html Norway Promo V1.json chat bubble React NEW Modal Card 1 VISIT NORWAY SPECIAL FARES $250 FOR WICKED GOOD PEOPLE Card / Component EDIT CARD MODAL (IFRAME) Photos by Kevin McCoy
  68. App2 side App2 side TEAM COLLABORATION APP PROMO CREATION APP

    App2 A p p 2 N av App2 side chat bubble chat bubble chat bubble App1 App1 Nav App2 side chat bubble chat bubble CARDSTACK 3:15 pm Norway Promo V1.jpg Norway Promo V1.html Norway Promo V1.json chat bubble React NEW Modal Card 1 VISIT NORWAY SPECIAL FARES $250 FOR WICKED GOOD PEOPLE Card / Component EDIT CARD MODAL (IFRAME) Photos by Kevin McCoy
  69. App2 side App2 side TEAM COLLABORATION APP PROMO CREATION APP

    App2 A p p 2 N av App2 side chat bubble chat bubble chat bubble App1 App1 Nav App2 side chat bubble chat bubble CARDSTACK 3:15 pm Norway Promo V1.jpg Norway Promo V1.html Norway Promo V1.json chat bubble React NEW Modal Card 1 Card / Component EDIT CARD MODAL (IFRAME) Photos by Kevin McCoy
  70. App2 side App2 side TEAM COLLABORATION APP PROMO CREATION APP

    App2 A p p 2 N av App2 side chat bubble chat bubble chat bubble App1 App1 Nav App2 side chat bubble chat bubble CARDSTACK 3:15 pm Norway Promo V1.jpg Norway Promo V1.html Norway Promo V1.json chat bubble React NEW Modal Card 1 SPECIAL FARES $475 FOR WICKED GOOD PEOPLE FALL FOR NORWAY Card / Component EDIT CARD MODAL (IFRAME) Photos by Kevin McCoy
  71. App2 side App2 side TEAM COLLABORATION APP PROMO CREATION APP

    App2 A p p 2 N av App2 side chat bubble chat bubble chat bubble App1 App1 Nav App2 side CARDSTACK 3:15 pm Norway Promo V1.jpg Norway Promo V1.html Norway Promo V1.json chat bubble 2 React NEW Card 1 SPECIAL FARES $475 FOR WICKED GOOD PEOPLE FALL FOR NORWAY Card / Component 4:09 pm Norway Promo V2.jpg Norway Promo V2.html Norway Promo V2.json chat bubble chat bubble
  72. CARDSTACK Injected on DOM ready to activate card actions Designated

    parts of the app that accepts cards Full JS apps that implements the card lifecycle Environment Containers Card
  73. App2 side App2 side TEAM COLLABORATION APP PROMO CREATION APP

    App2 A p p 2 N av App2 side chat bubble chat bubble App1 App1 Nav App2 side chat bubble 2 Card 1 Card Containers Environment React chat bubble chat bubble chat bubble CARDSTACK Photos by Kevin McCoy
  74. App2 side App2 side TEAM COLLABORATION APP PROMO CREATION APP

    App2 A p p 2 N av App2 side chat bubble chat bubble App1 App1 Nav App2 side chat bubble 2 Card 1 Card Containers Environment React chat bubble chat bubble chat bubble Card 1 VISIT NORWAY SPECIAL FARES $250 FOR WICKED GOOD PEOPLE CARDSTACK Photos by Kevin McCoy
  75. App2 side App2 side TEAM COLLABORATION APP PROMO CREATION APP

    App2 A p p 2 N av App2 side chat bubble chat bubble App1 App1 Nav App2 side chat bubble 2 Card 1 Card Containers Environment React chat bubble chat bubble chat bubble Card 1 VISIT NORWAY SPECIAL FARES $250 FOR WICKED GOOD PEOPLE CARDSTACK Photos by Kevin McCoy
  76. App2 side App2 side Photos by Kevin McCoy TEAM COLLABORATION

    APP PROMO CREATION APP App2 A p p 2 N av App2 side chat bubble chat bubble App1 App1 Nav App2 side chat bubble 2 Card 1 Card Containers Environment React chat bubble chat bubble chat bubble Card 1 VISIT NORWAY SPECIAL FARES $250 FOR WICKED GOOD PEOPLE Lightbox Render CARDSTACK
  77. App2 side App2 side Photos by Kevin McCoy TEAM COLLABORATION

    APP PROMO CREATION APP App2 A p p 2 N av App2 side chat bubble chat bubble App1 App1 Nav App2 side chat bubble 2 Card 1 Card Containers Environment React chat bubble chat bubble chat bubble Card 1 VISIT NORWAY SPECIAL FARES $250 FOR WICKED GOOD PEOPLE Lightbox Render Snapshot CARDSTACK
  78. App2 side App2 side Photos by Kevin McCoy TEAM COLLABORATION

    APP PROMO CREATION APP App2 A p p 2 N av App2 side chat bubble chat bubble App1 App1 Nav App2 side chat bubble 2 Card 1 Card Containers Environment React chat bubble chat bubble chat bubble Card 1 VISIT NORWAY SPECIAL FARES $250 FOR WICKED GOOD PEOPLE Lightbox Render Snapshot Push CARDSTACK
  79. App2 side App2 side Photos by Kevin McCoy TEAM COLLABORATION

    APP PROMO CREATION APP App2 A p p 2 N av App2 side chat bubble chat bubble App1 App1 Nav App2 side chat bubble 2 Card 1 Card Containers Environment React chat bubble chat bubble chat bubble Card 1 VISIT NORWAY SPECIAL FARES $250 FOR WICKED GOOD PEOPLE Lightbox Render Snapshot Push Pop CARDSTACK
  80. App2 side App2 side Photos by Kevin McCoy TEAM COLLABORATION

    APP PROMO CREATION APP App2 A p p 2 N av App2 side chat bubble chat bubble App1 App1 Nav App2 side chat bubble 2 Card 1 Card Containers Environment React chat bubble chat bubble chat bubble Card 1 VISIT NORWAY SPECIAL FARES $250 FOR WICKED GOOD PEOPLE Lightbox Render Snapshot Push Restore Pop CARDSTACK
  81. App2 side App2 side Photos by Kevin McCoy TEAM COLLABORATION

    APP PROMO CREATION APP App2 A p p 2 N av App2 side chat bubble chat bubble App1 App1 Nav App2 side chat bubble 2 Card 1 Card Containers Environment React chat bubble chat bubble chat bubble Card 1 VISIT NORWAY SPECIAL FARES $250 FOR WICKED GOOD PEOPLE Lightbox Render Snapshot Push Restore Render Pop Async M essaging CARDSTACK
  82. App2 side App2 side Photos by Kevin McCoy TEAM COLLABORATION

    APP PROMO CREATION APP App2 A p p 2 N av App2 side chat bubble chat bubble App1 App1 Nav App2 side chat bubble 2 Card 1 Card Containers Environment React chat bubble chat bubble chat bubble Card 1 VISIT NORWAY SPECIAL FARES $250 FOR WICKED GOOD PEOPLE Lightbox A PAGE AN APP A FILE AN API CARDSTACK … IN A NUTSHELL
  83. App2 side App2 side Photos by Kevin McCoy TEAM COLLABORATION

    APP PROMO CREATION APP App2 A p p 2 N av App2 side chat bubble chat bubble App1 App1 Nav App2 side chat bubble 2 Card 1 Card Containers Environment React chat bubble chat bubble chat bubble Card 1 VISIT NORWAY SPECIAL FARES $250 FOR WICKED GOOD PEOPLE Lightbox A PAGE AN APP A FILE AN API Render To Size/Mode CARDSTACK … IN A NUTSHELL
  84. App2 side App2 side Photos by Kevin McCoy TEAM COLLABORATION

    APP PROMO CREATION APP App2 A p p 2 N av App2 side chat bubble chat bubble App1 App1 Nav App2 side chat bubble 2 Card 1 Card Containers Environment React chat bubble chat bubble chat bubble Card 1 VISIT NORWAY SPECIAL FARES $250 FOR WICKED GOOD PEOPLE Lightbox A PAGE AN APP A FILE AN API Render To Size/Mode React to Action/Event CARDSTACK … IN A NUTSHELL
  85. App2 side App2 side Photos by Kevin McCoy TEAM COLLABORATION

    APP PROMO CREATION APP App2 A p p 2 N av App2 side chat bubble chat bubble App1 App1 Nav App2 side chat bubble 2 Card 1 Card Containers Environment React chat bubble chat bubble chat bubble Card 1 VISIT NORWAY SPECIAL FARES $250 FOR WICKED GOOD PEOPLE Lightbox A PAGE AN APP A FILE AN API Render To Size/Mode React to Action/Event Restore From Saved States CARDSTACK … IN A NUTSHELL
  86. App2 side App2 side Photos by Kevin McCoy TEAM COLLABORATION

    APP PROMO CREATION APP App2 A p p 2 N av App2 side chat bubble chat bubble App1 App1 Nav App2 side chat bubble 2 Card 1 Card Containers Environment React chat bubble chat bubble chat bubble Card 1 VISIT NORWAY SPECIAL FARES $250 FOR WICKED GOOD PEOPLE Lightbox A PAGE AN APP A FILE AN API Render To Size/Mode React to Action/Event Restore From Saved States Report Metadata CARDSTACK … IN A NUTSHELL
  87. App2 side App2 side Photos by Kevin McCoy TEAM COLLABORATION

    APP PROMO CREATION APP App2 A p p 2 N av App2 side chat bubble chat bubble App1 App1 Nav App2 side chat bubble 2 Card 1 Card Containers Environment React chat bubble chat bubble chat bubble Card 1 VISIT NORWAY SPECIAL FARES $250 FOR WICKED GOOD PEOPLE Lightbox CARD CONTAINER A PAGE AN APP A FILE AN API Render To Size/Mode React to Action/Event Restore From Saved States Report Metadata CARDSTACK … IN A NUTSHELL
  88. App2 side App2 side Photos by Kevin McCoy TEAM COLLABORATION

    APP PROMO CREATION APP App2 A p p 2 N av App2 side chat bubble chat bubble App1 App1 Nav App2 side chat bubble 2 Card 1 Card Containers Environment React chat bubble chat bubble chat bubble Card 1 VISIT NORWAY SPECIAL FARES $250 FOR WICKED GOOD PEOPLE Lightbox CARDSTACK … IN A NUTSHELL A PAGE AN APP A FILE AN API JS N
  89. App2 side App2 side TEAM COLLABORATION APP PROMO CREATION APP

    App2 A p p 2 N av App2 side chat bubble chat bubble App1 App1 Nav App2 side chat bubble 2 Card 1 Card Containers Environment React chat bubble chat bubble chat bubble Card 1 VISIT NORWAY SPECIAL FARES $250 FOR WICKED GOOD PEOPLE CARDSTACK Photos by Kevin McCoy
  90. App2 side App2 side WORD PROCESSING APP SPREADSHEET APP chat

    bubble Object Document Clipboard App1 App1 Nav chat bubble 2 App1 chat bubble 2 Buy milk Tweet less Learn French Learn Haskell Find meaning x High Low Mid App1 Nav bubble bubble bubble bubble Buy milk Tweet less Learn French Learn Haskell Find meaning x High Low Mid My Ultimate Goals Latest To Do List
  91. App2 side App2 side WORD PROCESSING APP SPREADSHEET APP chat

    bubble Object Document Clipboard App1 App1 Nav chat bubble 2 App1 chat bubble 2 Buy milk Tweet less Learn French Learn Haskell Find meaning x High Low Mid App1 Nav bubble bubble bubble bubble Buy milk Tweet less Learn French Learn Haskell Find meaning x High Low Mid My Ultimate Goals Latest To Do List
  92. App2 side App2 side WORD PROCESSING APP SPREADSHEET APP chat

    bubble Object Document Clipboard App1 App1 Nav chat bubble 2 App1 chat bubble 2 Buy milk Tweet less Learn French Learn Haskell Find meaning x High Low Mid App1 Nav bubble bubble bubble bubble Buy milk Tweet less Learn French Learn Haskell Find meaning x High Low Mid My Ultimate Goals Latest To Do List Lightbox Render Snapshot Push Restore Render Pop
  93. None
  94. Mac

  95. Timeline Microsoft introduces OLE 1990 1992

  96. Timeline Microsoft introduces OLE Object Linking & Embedding 1990 1992

  97. Timeline Microsoft introduces OLE Object Linking & Embedding 1990 1992

    OLE Compound Document
  98. Timeline Microsoft introduces OLE Object Linking & Embedding 1990 1992

    OLE Compound Document .doc .xls .ppt
  99. Timeline Apple counters with OpenDoc 1992

  100. The basic idea of OpenDoc was to create small, reusable

    components, responsible for a specific task…with a framework in which these components could run together, and a document format for storing the data created by each component, even if they were from different vendors. In this way users could "build up" their documents from parts. Timeline OpenDoc From Wikipedia 1992 1987
  101. The basic idea of OpenDoc was to create small, reusable

    components, responsible for a specific task…with a framework in which these components could run together, and a document format for storing the data created by each component, even if they were from different vendors. In this way users could "build up" their documents from parts. Timeline OpenDoc From Wikipedia 1992 1987 Since there was no main application and the only visible interface was the document itself, the system was known as document centered.
  102. Timeline 1987 Hypercard

  103. Hypercard NYC Card UI Content Meetup Artifact courtesy of Paul

    Levy
  104. Timeline 1987 Hypercard 1992

  105. Timeline OpenDoc From Wikipedia 1992 1993 The basic idea of

    OpenDoc was to create small, reusable components, responsible for a specific task…with a framework in which these components could run together, and a document format for storing the data created by each component, even if they were from different vendors. In this way users could "build up" their documents from parts. Since there was no main application and the only visible interface was the document itself, the system was known as document centered.
  106. Timeline 1993 NCSA Mosaic launched the next year. The World

    Wide Web is born. “ ” Since there was no main application and the only visible interface was the document itself, the system was known as document centered.
  107. Timeline 2015 FAST-FORWARD 22 YEARS

  108. Timeline 2011 2010 2009 2013 React 2008 2007 2006 2012

    SproutCore ExtJS jQuery M eteor 2014 Polym er 2015 2.0!! We have everything.
  109. Timeline 2011 2010 2009 2013 React 2008 2007 2006 2012

    SproutCore ExtJS jQuery M eteor 2014 Polym er 2015 2.0!! The most pervasive programming language & runtime. JavaScript
  110. Timeline 2011 2010 2009 2013 React 2008 2007 2006 2012

    SproutCore ExtJS jQuery M eteor 2014 Polym er 2015 2.0!! The most pervasive programming language & runtime. A practical, universal data exchange format. JavaScript JSON
  111. Timeline 2011 2010 2009 2013 React 2008 2007 2006 2012

    SproutCore ExtJS jQuery M eteor 2014 Polym er 2015 2.0!! Most powerful rendering instruction set. The most pervasive programming language & runtime. A practical, universal data exchange format. JavaScript JSON HTML5
  112. Timeline 2015

  113. Timeline 2015 DEVELOPER CENTRIC App is King Component

  114. Timeline 2015 DEVELOPER CENTRIC App is King END-USER CENTRIC Component

  115. Timeline 2015 DEVELOPER CENTRIC App is King CENTRIC Component

  116. Timeline 2015 DEVELOPER CENTRIC App is King CREATOR CENTRIC Component

  117. Timeline 2015 DEVELOPER CENTRIC App is King CREATOR Content is

    King CENTRIC Component
  118. Card 1 SPECIAL FARES $475 FOR WICKED GOOD PEOPLE FALL

    FOR NORWAY Timeline 2015 DEVELOPER CENTRIC App is King CREATOR Content is King CENTRIC Component Photos by Kevin McCoy
  119. Card 1 SPECIAL FARES $475 FOR WICKED GOOD PEOPLE FALL

    FOR NORWAY Timeline 2015 DEVELOPER CENTRIC App is King CREATOR Content is King CENTRIC Component Photos by Kevin McCoy
  120. SINGLE PAGE APP

  121. S SINGLE PAGE APP

  122. MULTIPLE S SINGLE PAGE APP

  123. MULTIPLE S SINGLE PAGE APP ON A

  124. MULTIPLE SINGLE PAGE ON A CARDS

  125. Account Invoice Payment Contracts Receipt Social Post Membership Currency Exchange

    File Attachment Coupon / Offer Wallet Conversations App Catalog Web Links Notifications MULTIPLE SINGLE PAGE ON A CARDS Examples for
  126. None
  127. The basic idea of to create OpenDoc was small, reusable

    components, responsible for a specific task…with a framework in which these components could run together, and a document format for storing the data created by each component, even if they were from different vendors. In this way users could "build up" their documents from parts.
  128. The basic idea of to create OpenDoc was small, reusable

    components, responsible for a specific task…with a framework in which these components could run together, and a document format for storing the data created by each component, even if they were from different vendors. In this way users could "build up" their documents from parts.
  129. The basic idea of to create small, reusable components, responsible

    for a specific task…with a framework in which these components could run together, and a document format for storing the data created by each component, even if they were from different vendors. In this way users could "build up" their documents from parts.
  130. The basic idea of to create CardStack small, reusable components,

    responsible for a specific task…with a framework in which these components could run together, and a document format for storing the data created by each component, even if they were from different vendors. In this way users could "build up" their documents from parts. is
  131. CARDSTACK http://cardstack.io @christse

  132. CORE DEVS CARDSTACK http://cardstack.io @christse

  133. CORE DEVS PROJECTS CARDSTACK http://cardstack.io @christse

  134. http://cardstack.io @christse MONEGRAPH “Make money with your cards.”

  135. CORE DEVS PROJECTS CARDSTACK http://cardstack.io @christse

  136. THE END Wicked Good Ember BOSTON, MA JUNE 16, 2015

  137. THE END Let’s party! Wicked Good Ember BOSTON, MA JUNE

    16, 2015 Rage-ster by @habdelra & @oatmeal