Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

T I M B E R N E R S - L E E , 2 0 1 4 “We need to re-decentralise the web.”

Slide 5

Slide 5 text

How can I run and control my own Google Docs?

Slide 6

Slide 6 text

Substance

Slide 7

Slide 7 text

Not yet. (we are getting there)

Slide 8

Slide 8 text

W R I T E F O R T H E W E B

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

No content

Slide 11

Slide 11 text

Substance Composer http://substance.io/composer Download Beta 3

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

No Cloud Zwang™

Slide 14

Slide 14 text

W H A T I S I T F O R ? Stories News Articles etc. Technical Documentation Seminar Papers

Slide 15

Slide 15 text

C O N T E N T F I R S T

Slide 16

Slide 16 text

Video Audio Web Page (WebGL-based Visualization) I N C L U D E M E D I A

Slide 17

Slide 17 text

C O L L A B O R A T E

Slide 18

Slide 18 text

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

Slide 19

Slide 19 text

T H E M E S

Slide 20

Slide 20 text

No content

Slide 21

Slide 21 text

No content

Slide 22

Slide 22 text

D E M O

Slide 23

Slide 23 text

T H E M E D E V E L O P M E N T

Slide 24

Slide 24 text

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
<% if (node.caption) { %>
<%= annotated([node.caption, 'content']) %>
<% } %>
.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

Slide 25

Slide 25 text

I N T E R N A L S

Slide 26

Slide 26 text

N A T I V E W E B A P P node-webkit Custom MVC Custom Editor Implementation

Slide 27

Slide 27 text

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

Slide 28

Slide 28 text

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 !

Slide 29

Slide 29 text

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