Open Digital Publishing With Substance

Michael Aufreiter & Oliver Buchtala

Transcript

1. O P E N D I G I TA L P U B L I S H I N G W I T H S U B S TA N C E D O - I T- Y O U R S E L F Michael Aufreiter Oliver Buchtala
2. 1 9 9 1 2 0 1 4 2 0 3 7 Cloud Age The Future? Freedom The Beginnings Convenience F R E E D O M V S . C O N V E N I E N C E
3. W H A T ’ S W R O N G W I T H T H E C L O U D ? Too few companies are controlling too much of the user generated data. D ATA F R A U D S U R V E I L L A N C E C E N S O R S H I P
4. T I M B E R N E R S - L E E , 2 0 1 4 “We need to re-decentralise the web.”
5. How can I run and control my own Google Docs?
6. Substance
7. Not yet. (we are getting there)
8. W R I T E F O R T H E W E B
11. Substance Composer http://substance.io/composer Download Beta 3
12. C O N T R O L A N D P R I VA C Y B Y D E S I G N W H A T I S O U R M I S S I O N ? D I Y- P U B L I S H I N G F O R E V E RY O N E R U N S O N P E R S O N A L I N F R A S T R U C T U R E E X C E L L E N T U S E R E X P E R I E N C E
13. No Cloud Zwang™
14. W H A T I S I T F O R ? Stories News Articles etc. Technical Documentation Seminar Papers
15. C O N T E N T F I R S T
16. Video Audio Web Page (WebGL-based Visualization) I N C L U D E M E D I A
17. C O L L A B O R A T E
18. Y O U R C O N T E N T I S D A TA { "id": "150f5510be9d92a8aee3a4f500f0f522", "schema": [ "substance-article", "0.4.0" ], "nodes": { "document": { "id": "document", "type": "document", "views": [ "content", "figures", "citations" ], "license": "licence", "guid": "150f5510be9d92a8aee3a4f500f0f522", "creator": "", "title": "Arctic 30: Mannes Ubels", "authors": [ "contributor_b3a93d2aeb740e7a8027ec2b78191aad", "contributor_13051090a02fbed74a951f9161b57af2" ], "abstract": "", "created_at": "2014-12-22T19:30:27.257Z", "updated_at": "2014-04-30T21:41:55.260Z", "published_on": "2013-12-22T19:30:27.257Z" }, "cover": { "id": "cover", "type": "cover", "authors": [], "image": "cover.jpg" }, "content": { "type": "view", "id": "content", "nodes": [ "cover", "video_165c67fc7436f302a1a801a00deacc95", "text_3d9e13a18c7cf429f1b4e4afde54cf28", "heading_d903dde68aed8306d7c9e3bb40b4254c", "221c98297a80bcfec9cda1926859a668",
19. T H E M E S
22. D E M O
23. T H E M E D E V E L O P M E N T
24. T E M P L A T E F O R F I G U R E N O D E T Y P E <div id="<%= node.id %>" class="content-node figure"> <div class="content"> <img src="<%= node.image %>"> <% if (node.caption) { %> <div class="caption"><%= annotated([node.caption, 'content']) %></div> <% } %> </div> </div> .content-node.figure { margin-bottom: 2em; background:#121415; } ! .content-node.figure .content { max-width: 1000px; margin: 0px auto; text-align: center; } ! .content-node.figure .content a { text-align: center; } ! .content-node.figure .caption { font-size: 14px; color: #a9c5c5; margin: 0 auto; } ! .content-node.figure img { max-width: 100%; } Markup CSS
25. I N T E R N A L S
26. N A T I V E W E B A P P node-webkit Custom MVC Custom Editor Implementation
27. https://github.com/substance/surface https://github.com/substance/operator https://github.com/substance/data D ATA M A N I P U L AT I O N E D I T I N G O P E R AT I O N A L T R A N S F O R M AT I O N O P E N S O U R C E M O D U L E S
28. W O R K S H O P Meet us at the Open Commons Kongress in Linz on May 21st http://opencommons.public1.linz.at/oc14 S E E Y O U !
29. What’s the difference to Wordpress / Wikis? S M A L L E R F O O T P R I N T E A S I E R I N T E G R AT I O N D ATA N O T M A R K U P