View
978
Download
5
Tags:
Embed Size (px)
DESCRIPTION
an intro talk to d
Citation preview
Aloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011
me Haymo Meran
grown up in
Aloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011
me CTO, director of product experience@ GenEcs
guest lecturer@ Danube University of Kremsand others
invited expert@ W3C HTML working group
opensource developer@Aloha Editor, @rdfQuery
Haymo Meran
grown up in
Aloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011
How many pages is the internet?
hRp://www.worldwidewebsize.com/
Aloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011
Where does the content of 14 billon pages come from?
Aloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011
Where does the content of 14 billon pages come from?
internet users
Aloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011
Where does the content of 14 billon pages come from?
internet users99,9% user != hacker
Aloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011
“Why is online edi-ng so difficult?!”
Aloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011
“Why does edi-ng not work like in Word?!”GenEcs customers asked over and over again
Aloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011
like MS Word -‐ WYSIWYGWYSIWYG ( /ˈwɪziwɪɡ/ WIZ-‐ee-‐wig)[1] is an acronym for what you see is what you get. The term is used in compuEng to describe a system in which content displayed during edi.ng appears very similar to the final output,[2] which might be a printed document, web page, or slide presentaEon.
Aloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011
Dear Haymo now it’s Emeto show the Aloha Editor live.
hRp://www.aloha-‐editor.org/
Aloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011
Dear Haymo now it’s Emeto show the f*** unbelievable Aloha cube.
hRp://aloha-‐editor.org/demos/cube/
and a showcase where this funcEonality makes a lot of sense.
Aloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011
contenteditable in browsers
<div contentEditable=”true”>...</div>
Aloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011
contenteditable in browsers
<div contentEditable=”true”>...</div>
Aloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011
contenteditable in browsers
<div contentEditable=”true”>...</div>
Aloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011
contenteditable in browsers
<div contentEditable=”true”>...</div>
Aloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011
HML5 is the answerto the UlEmate QuesEon of Life, the Universe, and Everything
Aloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011
HML5 is the answerto the UlEmate QuesEon of Life, the Universe, and Everything
Aloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011
HML5 is the answerto the UlEmate QuesEon of Life, the Universe, and Everything
Aloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011
Experience is.
big things
Aloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011
Experience is.
small thingshRp://flickr.com/photos/presta/151544021/sizes/l/
Aloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011
Experience is.
subjective
Aloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011
Experiencemakes things
special
Aloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011
Aloha Editor Experiencel All interacEons should react in realEme and give immediate clear feedback to the user.
l The user should see the exact result of its acEon immediately.
l No apply or confirm acEon should be necessary. It's done when you do it.
l Instead everthing can be reverted.
l Every acEon should be completed with the minimum possible interacEons.
l Everything that can be done automaEcally should be done automaEcally.
Aloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011
Dear Haymo now it’s Emeto show Aloha world.
hRp://www.aloha-‐editor.org/demos/aloha-‐world-‐example/
Don’t forget to show the link details.
Aloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011
Every acEon should be completed with the minimum possible interacEons.
Measured with the KeyStroke-Level-Model (KLM)
Aloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011
1) http://stats.wikimedia.org/EN/TablesWikipediaEN.htm 2) http://en.wikipedia.org/wiki/Wikipedia:Time_management
How much costs ediEng
Aloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011
1) http://stats.wikimedia.org/EN/TablesWikipediaEN.htm 2) http://en.wikipedia.org/wiki/Wikipedia:Time_management
for the calculation we us the numbers from en.wikipedia.org in sept 2010about 35,000 users edited more than 5 pages
How much costs ediEng
Aloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011
1) http://stats.wikimedia.org/EN/TablesWikipediaEN.htm 2) http://en.wikipedia.org/wiki/Wikipedia:Time_management
4,000,000 edits 1)
for the calculation we us the numbers from en.wikipedia.org in sept 2010about 35,000 users edited more than 5 pages
How much costs ediEng
Aloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011
1) http://stats.wikimedia.org/EN/TablesWikipediaEN.htm 2) http://en.wikipedia.org/wiki/Wikipedia:Time_management
4,000,000 edits 1)
2 min per edit “two minutes to execute. In reality it probably takes longer”2)
for the calculation we us the numbers from en.wikipedia.org in sept 2010about 35,000 users edited more than 5 pages
How much costs ediEng
Aloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011
1) http://stats.wikimedia.org/EN/TablesWikipediaEN.htm 2) http://en.wikipedia.org/wiki/Wikipedia:Time_management
4,000,000 edits 1)
2 min per edit “two minutes to execute. In reality it probably takes longer”2)
8,000,000 min editing per month (≈4h/user per month)
for the calculation we us the numbers from en.wikipedia.org in sept 2010about 35,000 users edited more than 5 pages
How much costs ediEng
Aloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011
1) http://stats.wikimedia.org/EN/TablesWikipediaEN.htm 2) http://en.wikipedia.org/wiki/Wikipedia:Time_management
4,000,000 edits 1)
2 min per edit “two minutes to execute. In reality it probably takes longer”2)
8,000,000 min editing per month (≈4h/user per month)
for the calculation we us the numbers from en.wikipedia.org in sept 2010about 35,000 users edited more than 5 pages
$25 cost per hour per user
How much costs ediEng
Aloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011
1) http://stats.wikimedia.org/EN/TablesWikipediaEN.htm 2) http://en.wikipedia.org/wiki/Wikipedia:Time_management
4,000,000 edits 1)
2 min per edit “two minutes to execute. In reality it probably takes longer”2)
8,000,000 min editing per month (≈4h/user per month)
for the calculation we us the numbers from en.wikipedia.org in sept 2010about 35,000 users edited more than 5 pages
$25 cost per hour per user
$3,333,333 cost per month
How much costs ediEng
Aloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011
1) http://stats.wikimedia.org/EN/TablesWikipediaEN.htm 2) http://en.wikipedia.org/wiki/Wikipedia:Time_management
for the calculation we us the numbers from en.wikipedia.org in sept 2010about 35,000 users edited more than 5 pages
$3,333,333 cost per month
How much costs ediEng
Aloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011
1) http://stats.wikimedia.org/EN/TablesWikipediaEN.htm 2) http://en.wikipedia.org/wiki/Wikipedia:Time_management
for the calculation we us the numbers from en.wikipedia.org in sept 2010about 35,000 users edited more than 5 pages
$3,333,333 cost per month
How much costs ediEng
using the Aloha Editor you can
SAVE $10,000,000 per year
$833,333 per month
Aloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011
l Image Plugin (Crop&Resisze)
l Drag and Drop Files
l JavaScript Compression and Bundling
l CSS Compression
l jQuery 1.5.0
l ExtJS 3.2.2
l Async plugin loader
l Placeholder
Second Quarter 2011 -‐ 0.11.0l UNDO
l UI API
l Block Handling
l table columns and rows to be resizeable
l Major Plugin Architecture changes
l BeRer Copy & Paste Support
l TranslaEon CompilaEon/Bundling
l Sewngs CompilaEon/Bundling
First Quarter 2011 -‐ 0.10.0
Roadmap
Aloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011
Aloha Editor for drupal
the Aloha Editor drupal hero
hRp://drupal.org/project/wysiwyghRps://github.com/evo42/aloha-‐drupalhRp://semanEc-‐cms.info/
Aloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011
Hacker Dojo -‐ June 6-‐8 -‐ Mountain View
Aloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011
Aloha Editor project factors of success
Aloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011
Aloha Editor project factors of successl contenteditable useable
Aloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011
Aloha Editor project factors of successl contenteditable useable
l open plugin infrastructure
Aloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011
Aloha Editor project factors of successl contenteditable useable
l open plugin infrastructure
l vivid community
Aloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011
Aloha Editor project factors of successl contenteditable useable
l open plugin infrastructure
l vivid community
l visible roadmap development
Aloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011
Aloha Editor project factors of successl contenteditable useable
l open plugin infrastructure
l vivid community
l visible roadmap development
l acEve communicaEon
Aloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011
Aloha Editor project factors of successl contenteditable useable
l open plugin infrastructure
l vivid community
l visible roadmap development
l acEve communicaEon connect on twitte
r
@draftkraft