aloha editor and aloha wikidocs

jQuery conference Europe 2012 -‐ Haymo Meran

jQuery conf Europe 2012@dra4kra4 Haymo Meran


meDoPE@ Gen8cs

guest lecturer@ Danube University of Krems@ FH Eisenstadt

invited expert@ W3C HTML working group

director@ Aloha Editor Associa8on


meDoPE@ Gen8cs

guest lecturer@ Danube University of Krems@ FH Eisenstadt

invited expert@ W3C HTML working group

director@ Aloha Editor Associa8on

Director Of Product Experience


$(“.editable”).aloha();$(“.editable”).mahalo();


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.

http://en.wikipedia.org/wiki/Wikipedia:IPA_for_English


http://en.wikipedia.org/wiki/Wikipedia:IPA_for_English#Key




http://en.wikipedia.org/wiki/Wikipedia:Pronunciation_respelling_key


http://en.wikipedia.org/wiki/Acronym


http://en.wikipedia.org/wiki/Computing



This is not Aloha Editor!!!


This is Aloha Editor


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.














HTML5 is the answer to the UlWmate QuesWon of Life, the Universe, and Everything

http://en.wikipedia.org/wiki/Answer_to_the_Ultimate_Question_of_Life,_the_Universe,_and_Everything





contenteditable in browsers

<div contentEditable=”true”>...</div>

webdeveloper conference Hamburg 2011 -‐ Haymo Meran

What is Aloha Editor about?


No reload!


No iframe!


No browser crap!


No menu rubbish!


No Markup!


just edit


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.


Improve the interacWon process

Measured with the KeyStroke-Level-Model (KLM)

http://en.wikipedia.org/wiki/Keystroke-Level_Model

http://en.wikipedia.org/wiki/Keystroke-Level_Model


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

http://stats.wikimedia.org/EN/TablesWikipediaEN.htm


http://en.wikipedia.org/wiki/Wikipedia:Time_management







using the Aloha Editor you can

SAVE $10,000,000 per year

$833,333 per month






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/

http://wordpress.org/extend/plugins/front-end-editor/

http://wordpress.org/extend/plugins/front-end-editor/


Google says: "..and HTML makes OT (Opera8onal Transforms) difficult if not impossible..."

h]p://www.waveprotocol.org/faq

http://www.waveprotocol.org/faq









Dear Google,

YOU ARE WRONG!

h]p://aloha-‐wikidocs.com




Resources h]p://aloha-‐editor.org

h]p://aloha-‐wikidocs.com

http://aloha-editor.org

http://aloha-editor.org

http://aloha-wikidocs.com

http://aloha-wikidocs.com


Thank you!

@dra`kra`

aloha editor and aloha wikidocs

Technology