Aloha editor alpine drupalcamp

Aloha EditorAloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011

gro wn u p i n Haymo MeranAloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011

gro wn u p i n Haymo Meran CTO, director of product experience @ GenEcs guest lecturer @ Danube University of Krems and others invited expert @ W3C HTML working group opensource developer @Aloha Editor, @rdfQueryAloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011

How many pages is the internet?Aloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran hRp://www.worldwidewebsize.com/ 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 usersAloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011

Where does the content of 14 billon pages come from? internet users 99,9% user != hackerAloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011

Aloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011

“Why is online edi-ng so diﬃcult?!”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 againAloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011

like MS Word -‐ WYSIWYG WYSIWYG ( /ˈ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 ﬁnal 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 Eme to 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 Eme to 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

HML5 is the answer to the UlEmate QuesEon of Life, the Universe, and EverythingAloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011

No Markup!Aloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011

No reload!Aloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011

No iframe!Aloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011

No menu rubbish!Aloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011

No browser crap!Aloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011

just editAloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011

+Experience!Aloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011

Experience is. memoriesAloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011

Experience is. big thingsAloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011

Experience is. small thingsAloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran hRp://ﬂickr.com/photos/presta/151544021/sizes/l/ May 07, 2011

Experience is.Aloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran bad May 07, 2011

Experience is. subjectiveAloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011

small detailsAloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011

BIGDIFFEAloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011

Experience makes things specialAloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011

Aloha Editor Experience l 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 conﬁrm acEon should be necessary. Its 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 Eme to 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

How much costs ediEng 1) http://stats.wikimedia.org/EN/TablesWikipediaEN.htm 2) http://en.wikipedia.org/wiki/Wikipedia:Time_managementAloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011

How much costs ediEng for the calculation we us the numbers from en.wikipedia.org in sept 2010 about 35,000 users edited more than 5 pages 1) http://stats.wikimedia.org/EN/TablesWikipediaEN.htm 2) http://en.wikipedia.org/wiki/Wikipedia:Time_managementAloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011

How much costs ediEng for the calculation we us the numbers from en.wikipedia.org in sept 2010 about 35,000 users edited more than 5 pages 4,000,000 1) edits 1) http://stats.wikimedia.org/EN/TablesWikipediaEN.htm 2) http://en.wikipedia.org/wiki/Wikipedia:Time_managementAloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011

How much costs ediEng for the calculation we us the numbers from en.wikipedia.org in sept 2010 about 35,000 users edited more than 5 pages 4,000,000 1) edits 2 2) min per edit “two minutes to execute. In reality it probably takes longer” 1) http://stats.wikimedia.org/EN/TablesWikipediaEN.htm 2) http://en.wikipedia.org/wiki/Wikipedia:Time_managementAloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011

How much costs ediEng for the calculation we us the numbers from en.wikipedia.org in sept 2010 about 35,000 users edited more than 5 pages 4,000,000 1) edits 2 2) min per edit “two minutes to execute. In reality it probably takes longer” 8,000,000 min editing per month (≈4h/user per month) 1) http://stats.wikimedia.org/EN/TablesWikipediaEN.htm 2) http://en.wikipedia.org/wiki/Wikipedia:Time_managementAloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011

How much costs ediEng for the calculation we us the numbers from en.wikipedia.org in sept 2010 about 35,000 users edited more than 5 pages 4,000,000 1) edits 2 2) min per edit “two minutes to execute. In reality it probably takes longer” 8,000,000 min editing per month (≈4h/user per month) $25 cost per hour per user 1) http://stats.wikimedia.org/EN/TablesWikipediaEN.htm 2) http://en.wikipedia.org/wiki/Wikipedia:Time_managementAloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011

How much costs ediEng for the calculation we us the numbers from en.wikipedia.org in sept 2010 about 35,000 users edited more than 5 pages 4,000,000 1) edits 2 2) min per edit “two minutes to execute. In reality it probably takes longer” 8,000,000 min editing per month (≈4h/user per month) $25 cost per hour per user $3,333,333 cost per month 1) http://stats.wikimedia.org/EN/TablesWikipediaEN.htm 2) http://en.wikipedia.org/wiki/Wikipedia:Time_managementAloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011

How much costs ediEng for the calculation we us the numbers from en.wikipedia.org in sept 2010 about 35,000 users edited more than 5 pages $3,333,333 cost per month 1) http://stats.wikimedia.org/EN/TablesWikipediaEN.htm 2) http://en.wikipedia.org/wiki/Wikipedia:Time_managementAloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011

How much costs ediEng for the calculation we us the numbers from en.wikipedia.org in sept 2010 about 35,000 users edited more than 5 pages $3,333,333 cost per month using the Aloha Editor you can SAVE $10,000,000 per year $833,333 per month 1) http://stats.wikimedia.org/EN/TablesWikipediaEN.htm 2) http://en.wikipedia.org/wiki/Wikipedia:Time_managementAloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011

Roadmap First Quarter 2011 -‐ 0.10.0 Second Quarter 2011 -‐ 0.11.0 l Image Plugin (Crop&Resisze) l UNDO l Drag and Drop Files l UI API l JavaScript Compression and Bundling l Block Handling l CSS Compression l table columns and rows to be resizeable l jQuery 1.5.0 l Major Plugin Architecture changes l ExtJS 3.2.2 l BeRer Copy & Paste Support l Async plugin loader l TranslaEon CompilaEon/Bundling l Placeholder l Sewngs CompilaEon/BundlingAloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011

Aloha Editor for drupal or drupa l hero he Aloh a Edit t hRp://drupal.org/project/wysiwyg hRps://github.com/evo42/aloha-‐drupal hRp://semanEc-‐cms.info/Aloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011

Hacker Dojo -‐ June 6-‐8 -‐ Mountain ViewAloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011

Aloha Editor project factors of successAloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011

Aloha Editor project factors of success l contenteditable useableAloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011

Aloha Editor project factors of success l contenteditable useable l open plugin infrastructureAloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011

Aloha Editor project factors of success l contenteditable useable l open plugin infrastructure l vivid communityAloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011

Aloha Editor project factors of success l contenteditable useable l open plugin infrastructure l vivid community l visible roadmap developmentAloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011

Aloha Editor project factors of success l contenteditable useable l open plugin infrastructure l vivid community l visible roadmap development l acEve communicaEonAloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011

Aloha Editor project factors of success l contenteditable useable l open plugin infrastructure itt er l vivid community tw ft l visible roadmap development on ra ct ftk l acEve communicaEon ne ra on d c @Aloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011

Aloha Editor project factors of success l contenteditable useable l open plugin infrastructure itt er l vivid community tw ft l visible roadmap development on ra ct ftk l acEve communicaEon ne ra on d c @ thanksAloha Editor at alpine drupalcamp Brixen 2011 -‐ Haymo Meran May 07, 2011

Aloha editor alpine drupalcamp

by Haymo Meran on Jun 07, 2011

Accessibility

Tags

Upload Details

Usage Rights

Statistics

Aloha editor alpine drupalcamp — Presentation Transcript