writerly web: writing as an open web interface (mozilla drumbeat)
DESCRIPTION
Writerly web: Writing as an open web interface by @bact at Mozilla Drumbeat #NSC1 this presentation argue that writing is a very generative way of expression. and that could encourage more participation and creation from reader-turn-writer in the open web.TRANSCRIPT
![Page 1: Writerly Web: Writing as an Open Web Interface (Mozilla Drumbeat)](https://reader035.vdocuments.us/reader035/viewer/2022081514/5566b8b9d8b42a5e688b52bf/html5/thumbnails/1.jpg)
Writerly web:Writing as an open web interfaceby @bact at Mozilla Drumbeat #NSC1
![Page 2: Writerly Web: Writing as an Open Web Interface (Mozilla Drumbeat)](https://reader035.vdocuments.us/reader035/viewer/2022081514/5566b8b9d8b42a5e688b52bf/html5/thumbnails/2.jpg)
Open web should be a writerly web.Encourage expressions & interactions.
Writing privilege to readers (p2p).
![Page 3: Writerly Web: Writing as an Open Web Interface (Mozilla Drumbeat)](https://reader035.vdocuments.us/reader035/viewer/2022081514/5566b8b9d8b42a5e688b52bf/html5/thumbnails/3.jpg)
Writerly web has many aspects.“The author is dead.” Read/write web.
User-generated. Remix.
![Page 4: Writerly Web: Writing as an Open Web Interface (Mozilla Drumbeat)](https://reader035.vdocuments.us/reader035/viewer/2022081514/5566b8b9d8b42a5e688b52bf/html5/thumbnails/4.jpg)
Largest user-generated content:Text comments.
Easy. Cheap. Potentially generative.
![Page 5: Writerly Web: Writing as an Open Web Interface (Mozilla Drumbeat)](https://reader035.vdocuments.us/reader035/viewer/2022081514/5566b8b9d8b42a5e688b52bf/html5/thumbnails/5.jpg)
To express links, media, formatting:Everybody [btns] <mrkups/>-literate?Every devices <mrkups/>-friendly?
![Page 6: Writerly Web: Writing as an Open Web Interface (Mozilla Drumbeat)](https://reader035.vdocuments.us/reader035/viewer/2022081514/5566b8b9d8b42a5e688b52bf/html5/thumbnails/6.jpg)
Writing is a very generative technology.Many of us know how to write.
By looking how other people write.
![Page 7: Writerly Web: Writing as an Open Web Interface (Mozilla Drumbeat)](https://reader035.vdocuments.us/reader035/viewer/2022081514/5566b8b9d8b42a5e688b52bf/html5/thumbnails/7.jpg)
Look @reply, RT, #hashtag.Free text alone, can do semantics.
[[wikilink]], CamelCase, *bold*.
![Page 8: Writerly Web: Writing as an Open Web Interface (Mozilla Drumbeat)](https://reader035.vdocuments.us/reader035/viewer/2022081514/5566b8b9d8b42a5e688b52bf/html5/thumbnails/8.jpg)
Filtering: #hashtag in blog’s title ?Auto-generated aggregated ‘planet.’
Openly deal with info overload.
![Page 9: Writerly Web: Writing as an Open Web Interface (Mozilla Drumbeat)](https://reader035.vdocuments.us/reader035/viewer/2022081514/5566b8b9d8b42a5e688b52bf/html5/thumbnails/9.jpg)
rel="tag" and Microformats might work.But that’s a little more complicated.
(And not, say, texting-friendly.)
![Page 10: Writerly Web: Writing as an Open Web Interface (Mozilla Drumbeat)](https://reader035.vdocuments.us/reader035/viewer/2022081514/5566b8b9d8b42a5e688b52bf/html5/thumbnails/10.jpg)
Annotation: Free tagging is cool.But no room in UI like one’s for SMS.
Tag feld?: Pixels, key presses, not inline.
![Page 11: Writerly Web: Writing as an Open Web Interface (Mozilla Drumbeat)](https://reader035.vdocuments.us/reader035/viewer/2022081514/5566b8b9d8b42a5e688b52bf/html5/thumbnails/11.jpg)
Hyperlinks: I don’t know.Machine-aided? Convention?
URL as a word: compact and meaningful.
![Page 12: Writerly Web: Writing as an Open Web Interface (Mozilla Drumbeat)](https://reader035.vdocuments.us/reader035/viewer/2022081514/5566b8b9d8b42a5e688b52bf/html5/thumbnails/12.jpg)
Embed media: oEmbedType vimeo.com/8033, got embedded.
Machine-aided via API.
![Page 13: Writerly Web: Writing as an Open Web Interface (Mozilla Drumbeat)](https://reader035.vdocuments.us/reader035/viewer/2022081514/5566b8b9d8b42a5e688b52bf/html5/thumbnails/13.jpg)
Styling: Inline formatting, Markdown.*bold* _underlined_ ==Head==
:’( T-T ( っ・ ω ・ ) っ
![Page 14: Writerly Web: Writing as an Open Web Interface (Mozilla Drumbeat)](https://reader035.vdocuments.us/reader035/viewer/2022081514/5566b8b9d8b42a5e688b52bf/html5/thumbnails/14.jpg)
Commands: “d username message.”Dream on: “This is me ++p :)”
‘++p’ will activate phone camera.
![Page 15: Writerly Web: Writing as an Open Web Interface (Mozilla Drumbeat)](https://reader035.vdocuments.us/reader035/viewer/2022081514/5566b8b9d8b42a5e688b52bf/html5/thumbnails/15.jpg)
Human-to-machine ([[link]], oEmbed)Directive – less generative.
Pre-programmed. Human adapted to machine.
![Page 16: Writerly Web: Writing as an Open Web Interface (Mozilla Drumbeat)](https://reader035.vdocuments.us/reader035/viewer/2022081514/5566b8b9d8b42a5e688b52bf/html5/thumbnails/16.jpg)
Human-to-human (#tag, RT)Communicative – more generative.
Collective convention. Machine adapted to human.
![Page 17: Writerly Web: Writing as an Open Web Interface (Mozilla Drumbeat)](https://reader035.vdocuments.us/reader035/viewer/2022081514/5566b8b9d8b42a5e688b52bf/html5/thumbnails/17.jpg)
While man-machine texting is less generative,it still lowering the cost to participate.Accelerate a more generative web as well.
![Page 18: Writerly Web: Writing as an Open Web Interface (Mozilla Drumbeat)](https://reader035.vdocuments.us/reader035/viewer/2022081514/5566b8b9d8b42a5e688b52bf/html5/thumbnails/18.jpg)
Word suggestions, T9, etc.Could aid directive texting as web interface.As they do with communicative texting.
![Page 19: Writerly Web: Writing as an Open Web Interface (Mozilla Drumbeat)](https://reader035.vdocuments.us/reader035/viewer/2022081514/5566b8b9d8b42a5e688b52bf/html5/thumbnails/19.jpg)
No empirical evidence.Cognitive science. Behavioural Science.
Experimenting it.
![Page 20: Writerly Web: Writing as an Open Web Interface (Mozilla Drumbeat)](https://reader035.vdocuments.us/reader035/viewer/2022081514/5566b8b9d8b42a5e688b52bf/html5/thumbnails/20.jpg)
I'm too spoiled with command line?[yes/no] $ _
Ubiquity, Spotlight, Windows too.
![Page 21: Writerly Web: Writing as an Open Web Interface (Mozilla Drumbeat)](https://reader035.vdocuments.us/reader035/viewer/2022081514/5566b8b9d8b42a5e688b52bf/html5/thumbnails/21.jpg)
Writing is transparent.Have the source (Gtalk, Wiki, Wave.)
More readily to copy.
![Page 22: Writerly Web: Writing as an Open Web Interface (Mozilla Drumbeat)](https://reader035.vdocuments.us/reader035/viewer/2022081514/5566b8b9d8b42a5e688b52bf/html5/thumbnails/22.jpg)
I start writing HTML by copying code.I start writing wiki by copying code.I start retweeting by copying code.
![Page 23: Writerly Web: Writing as an Open Web Interface (Mozilla Drumbeat)](https://reader035.vdocuments.us/reader035/viewer/2022081514/5566b8b9d8b42a5e688b52bf/html5/thumbnails/23.jpg)
Generation J: Journalism programs have new media covered http://bit.ly/4t5f4s
v:@paulbradshaw cc:@theniw
![Page 24: Writerly Web: Writing as an Open Web Interface (Mozilla Drumbeat)](https://reader035.vdocuments.us/reader035/viewer/2022081514/5566b8b9d8b42a5e688b52bf/html5/thumbnails/24.jpg)
Proposing. Rejecting. Failing. Accepting.Goes norm. Use less cognitive energy.
And that’s even more generative.
![Page 25: Writerly Web: Writing as an Open Web Interface (Mozilla Drumbeat)](https://reader035.vdocuments.us/reader035/viewer/2022081514/5566b8b9d8b42a5e688b52bf/html5/thumbnails/25.jpg)
Voice- & motion-based interfaces.Diffcult to copy/reproduce/regenerate.Keypad still the cheapest & most accessible.
![Page 26: Writerly Web: Writing as an Open Web Interface (Mozilla Drumbeat)](https://reader035.vdocuments.us/reader035/viewer/2022081514/5566b8b9d8b42a5e688b52bf/html5/thumbnails/26.jpg)
Love to see people investigatefurther on writing UI :)
![Page 27: Writerly Web: Writing as an Open Web Interface (Mozilla Drumbeat)](https://reader035.vdocuments.us/reader035/viewer/2022081514/5566b8b9d8b42a5e688b52bf/html5/thumbnails/27.jpg)
Campaign for Open Writerly Web.Semantic URL, oEmbed, common
wiki/markdown format, etc.
![Page 28: Writerly Web: Writing as an Open Web Interface (Mozilla Drumbeat)](https://reader035.vdocuments.us/reader035/viewer/2022081514/5566b8b9d8b42a5e688b52bf/html5/thumbnails/28.jpg)
@bact Arthit SuriyawongkulPedestrian-in-Residence
opendream.co.th