jQuery conference Europe 2012 -‐ Haymo Meran
jQuery conf Europe 2012@dra4kra4 Haymo Meran
jQuery conference Europe 2012 -‐ Haymo Meran
jQuery conference Europe 2012 -‐ Haymo Meran
meDoPE@ Gen8cs
guest lecturer@ Danube University of Krems@ FH Eisenstadt
invited expert@ W3C HTML working group
director@ Aloha Editor Associa8on
jQuery conference Europe 2012 -‐ Haymo Meran
meDoPE@ Gen8cs
guest lecturer@ Danube University of Krems@ FH Eisenstadt
invited expert@ W3C HTML working group
director@ Aloha Editor Associa8on
Director Of Product Experience
jQuery conference Europe 2012 -‐ Haymo Meran
$(“.editable”).aloha();$(“.editable”).mahalo();
jQuery conference Europe 2012 -‐ Haymo Meran
jQuery conference Europe 2012 -‐ Haymo Meran
jQuery conference Europe 2012 -‐ Haymo Meran
Edit the web -‐ like MS Word the paperWYSIWYG ( /ˈwɪziwɪɡ/ WIZ-‐ee-‐wig)[1] is an acronym for what you see is what you get. The term is used in compuWng to describe a system in which content displayed during edi8ng appears very similar to the final output,[2] which might be a printed document, web page, or slide presentaWon.
jQuery conference Europe 2012 -‐ Haymo Meran
Edit the web -‐ like MS Word the paperWYSIWYG ( /ˈwɪziwɪɡ/ WIZ-‐ee-‐wig)[1] is an acronym for what you see is what you get. The term is used in compuWng to describe a system in which content displayed during edi8ng appears very similar to the final output,[2] which might be a printed document, web page, or slide presentaWon.
jQuery conference Europe 2012 -‐ Haymo Meran
jQuery conference Europe 2012 -‐ Haymo Meran
jQuery conference Europe 2012 -‐ Haymo Meran
jQuery conference Europe 2012 -‐ Haymo Meran
This is not Aloha Editor!!!
jQuery conference Europe 2012 -‐ Haymo Meran
jQuery conference Europe 2012 -‐ Haymo Meran
This is Aloha Editor
jQuery conference Europe 2012 -‐ Haymo Meran
Edit the web -‐ like MS Word the paperWYSIWYG ( /ˈwɪziwɪɡ/ WIZ-‐ee-‐wig)[1] is an acronym for what you see is what you get. The term is used in compuWng to describe a system in which content displayed during edi8ng appears very similar to the final output,[2] which might be a printed document, web page, or slide presentaWon.
jQuery conference Europe 2012 -‐ Haymo Meran
jQuery conference Europe 2012 -‐ Haymo Meran
HTML5 is the answer to the UlWmate QuesWon of Life, the Universe, and Everything
jQuery conference Europe 2012 -‐ Haymo Meran
contenteditable in browsers
<div contentEditable=”true”>...</div>
jQuery conference Europe 2012 -‐ Haymo Meran
contenteditable in browsers
<div contentEditable=”true”>...</div>
jQuery conference Europe 2012 -‐ Haymo Meran
contenteditable in browsers
<div contentEditable=”true”>...</div>
jQuery conference Europe 2012 -‐ Haymo Meran
contenteditable in browsers
<div contentEditable=”true”>...</div>
jQuery conference Europe 2012 -‐ Haymo Meran
jQuery conference Europe 2012 -‐ Haymo Meran
jQuery conference Europe 2012 -‐ Haymo Meran
webdeveloper conference Hamburg 2011 -‐ Haymo Meran
What is Aloha Editor about?
webdeveloper conference Hamburg 2011 -‐ Haymo Meran
What is Aloha Editor about?
jQuery conference Europe 2012 -‐ Haymo Meran
No reload!
jQuery conference Europe 2012 -‐ Haymo Meran
No iframe!
jQuery conference Europe 2012 -‐ Haymo Meran
No browser crap!
jQuery conference Europe 2012 -‐ Haymo Meran
No menu rubbish!
jQuery conference Europe 2012 -‐ Haymo Meran
No Markup!
jQuery conference Europe 2012 -‐ Haymo Meran
just edit
webdeveloper conference Hamburg 2011 -‐ Haymo Meran
Aloha Editor Experiencel All interacWons should react in real8me and give immediate clear feedback to the user.
l The user should see the exact result of its acWon immediately.
l No apply or confirm acWon should be necessary. It's done when you do it.
lInstead everthing can be undone.
l Every acWon should be completed with the minimum possible interac*ons.
webdeveloper conference Hamburg 2011 -‐ Haymo Meran
Improve the interacWon process
Measured with the KeyStroke-Level-Model (KLM)
jQuery conference Europe 2012 -‐ Haymo Meran
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 ediWng
jQuery conference Europe 2012 -‐ Haymo Meran
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 ediWng
jQuery conference Europe 2012 -‐ Haymo Meran
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 ediWng
using the Aloha Editor you can
SAVE $10,000,000 per year
$833,333 per month
jQuery conference Europe 2012 -‐ Haymo Meran
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 ediWng
using the Aloha Editor you can
SAVE $10,000,000 per year
$833,333 per month
jQuery conference Europe 2012 -‐ Haymo Meran
jQuery conference Europe 2012 -‐ Haymo Meran
jQuery conference Europe 2012 -‐ Haymo Meran
Who uses Aloha Editor?
5TYPO3 Phoenix will use the Aloha Editor to provide its users the most smoothest inline editing experience.
jQuery conference Europe 2012 -‐ Haymo Meran h`p://wordpress.org/extend/plugins/front-‐end-‐editor/
jQuery conference Europe 2012 -‐ Haymo Meran
jQuery conference Europe 2012 -‐ Haymo Meran
Google says: "..and HTML makes OT (Opera8onal Transforms) difficult if not impossible..."
h]p://www.waveprotocol.org/faq
jQuery conference Europe 2012 -‐ Haymo Meran
Dear Google,
YOU ARE WRONG!
h]p://aloha-‐wikidocs.com
jQuery conference Europe 2012 -‐ Haymo Meran
Resources h]p://aloha-‐editor.org
h]p://aloha-‐wikidocs.com
jQuery conference Europe 2012 -‐ Haymo Meran
Thank you!
@dra`kra`