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.

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
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
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
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
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