Aloha editor typo3 San Francisco

Conference San Francisco 2011TYPO3 conference 2011 San Francisco -‐ Haymo Meran June, 11th 2011

CTO, DoPE @ Gen.cs guest lecturer @ Danube University of Krems and FH Eisenstadt invited expert @ W3C HTML working group director @ Aloha Editor Associa.onTYPO3 conference 2011 San Francisco -‐ Haymo Meran June, 11th 2011

Gen.cs Xmas 2010TYPO3 conference 2011 San Francisco -‐ Haymo Meran June, 11th 2011

TYPO3 conference 2011 San Francisco -‐ Haymo Meran June, 11th 2011

rn et in te th e an ge chTYPO3 conference 2011 San Francisco -‐ Haymo Meran June, 11th 2011

rn et e i nte dit th eTYPO3 conference 2011 San Francisco -‐ Haymo Meran June, 11th 2011

Edit the web -‐ like MS Word the paper WYSIWYG ( /ˈwɪziwɪɡ/ WIZ-‐ee-‐wig)[1] is an acronym for what you see is what you get. The term is used in compu.ng 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 presenta.on.TYPO3 conference 2011 San Francisco -‐ Haymo Meran June, 11th 2011

HML5 is the answer to the UlKmate QuesKon of Life, the Universe, and EverythingTYPO3 conference 2011 San Francisco -‐ Haymo Meran June, 11th 2011

contenteditable in browsers <div contentEditable=”true”>...</div>TYPO3 conference 2011 San Francisco -‐ Haymo Meran June, 11th 2011

Where does the content of TYPO3 websites from?TYPO3 conference 2011 San Francisco -‐ Haymo Meran June, 11th 2011

22/49 uselessTYPO3 conference 2011 San Francisco -‐ Haymo Meran June, 11th 2011

99,9% TYPO3 user != hackerTYPO3 conference 2011 San Francisco -‐ Haymo Meran June, 11th 2011

What is Aloha Editor about?TYPO3 conference 2011 San Francisco -‐ Haymo Meran June, 11th 2011

No reload!TYPO3 conference 2011 San Francisco -‐ Haymo Meran June, 11th 2011

No iframe!TYPO3 conference 2011 San Francisco -‐ Haymo Meran June, 11th 2011

No browser crap!TYPO3 conference 2011 San Francisco -‐ Haymo Meran June, 11th 2011

No menu rubbish!TYPO3 conference 2011 San Francisco -‐ Haymo Meran June, 11th 2011

No Markup!TYPO3 conference 2011 San Francisco -‐ Haymo Meran June, 11th 2011

just editTYPO3 conference 2011 San Francisco -‐ Haymo Meran June, 11th 2011

January 18th 2010 1778 – James Cook is the ﬁrst known European to discover the Hawaiian Islands AlohaTYPO3 conference 2011 San Francisco -‐ Haymo Meran June, 11th 2011

Experience.TYPO3 conference 2011 San Francisco -‐ Haymo Meran June, 11th 2011

Experience is. memoriesTYPO3 conference 2011 San Francisco -‐ Haymo Meran June, 11th 2011

Experience is. big thingsTYPO3 conference 2011 San Francisco -‐ Haymo Meran June, 11th 2011

Experience is. small thingsTYPO3 conference 2011 San Francisco -‐ Haymo Meran hUp://ﬂickr.com/photos/presta/151544021/sizes/l/ June, 11th 2011

Experience is.TYPO3 conference 2011 San Francisco -‐ Haymo Meran bad June, 11th 2011

Experience is. subjectiveTYPO3 conference 2011 San Francisco -‐ Haymo Meran June, 11th 2011

small detailsTYPO3 conference 2011 San Francisco -‐ Haymo Meran June, 11th 2011

BIGDIFFETYPO3 conference 2011 San Francisco -‐ Haymo Meran June, 11th 2011

Experiencecan make something specialTYPO3 conference 2011 San Francisco -‐ Haymo Meran June, 11th 2011

Aloha Editor Experience l All interac.ons should react in real.me and give immediate clear feedback to the user. l The user should see the exact result of its ac.on immediately. l No apply or conﬁrm ac.on should be necessary. Its done when you do it. l Instead everthing can be undo ne. l Every ac.on should be completed with the minimum possible interac*ons.TYPO3 conference 2011 San Francisco -‐ Haymo Meran June, 11th 2011

Improve the interacKon process Measured with the KeyStroke-Level-Model (KLM)TYPO3 conference 2011 San Francisco -‐ Haymo Meran June, 11th 2011

How much costs ediKng 1) http://stats.wikimedia.org/EN/TablesWikipediaEN.htm 2) http://en.wikipedia.org/wiki/Wikipedia:Time_managementTYPO3 conference 2011 San Francisco -‐ Haymo Meran June, 11th 2011

How much costs ediKng 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_managementTYPO3 conference 2011 San Francisco -‐ Haymo Meran June, 11th 2011

How much costs ediKng 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_managementTYPO3 conference 2011 San Francisco -‐ Haymo Meran June, 11th 2011

How much costs ediKng 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_managementTYPO3 conference 2011 San Francisco -‐ Haymo Meran June, 11th 2011

How much costs ediKng 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_managementTYPO3 conference 2011 San Francisco -‐ Haymo Meran June, 11th 2011

How much costs ediKng 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_managementTYPO3 conference 2011 San Francisco -‐ Haymo Meran June, 11th 2011

How much costs ediKng 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_managementTYPO3 conference 2011 San Francisco -‐ Haymo Meran June, 11th 2011

How much costs ediKng 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_managementTYPO3 conference 2011 San Francisco -‐ Haymo Meran June, 11th 2011

How much costs ediKng 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_managementTYPO3 conference 2011 San Francisco -‐ Haymo Meran June, 11th 2011

TYPO3 & Aloha Editor si]ng in a treeTYPO3 conference 2011 San Francisco -‐ Haymo Meran June, 11th 2011

UXcamp -‐ Berlin 29th May 2010TYPO3 conference 2011 San Francisco -‐ Haymo Meran June, 11th 2011

UXcamp -‐ Berlin 29th May 2010 Jens Hoﬀmann Typo3 -‐ UITYPO3 conference 2011 San Francisco -‐ Haymo Meran June, 11th 2011

May 30th 2010TYPO3 conference 2011 San Francisco -‐ Haymo Meran June, 11th 2011

May 30th 2010 Aloha from @dramkram looks awesome! Not-‐ yet-‐released open src lib turbo-‐charges ContentEditable with a plugin framework hUp://twitpic.com/1sgbl7TYPO3 conference 2011 San Francisco -‐ Haymo Meran June, 11th 2011

the ﬁrst followerTYPO3 conference 2011 San Francisco -‐ Haymo Meran hop://www.youtube.com/watch?v=fW8amMCVAJQ June, 11th 2011

Serious hackers TYPO3 community is working hard l Mastertexsormat bearbeitenTYPO3 conference 2011 San Francisco -‐ Haymo Meran June, 11th 2011

Who uses Aloha Editor? Jens Hoffmann Kasper SkårhøjTYPO3 conference 2011 San Francisco -‐ Haymo Meran June, 11th 2011

Nils lickit Jens Hoffmann TYPO3 conference 2011 San Francisco -‐ Haymo Meran June, 11th 2011

Who uses Aloha Editor? 5 TYPO3 Phoenix will use the Aloha Editor to provide its users the most smoothest inline editing experience.TYPO3 conference 2011 San Francisco -‐ Haymo Meran June, 11th 2011

Wordpress drupal 36% TYPO3 plone others 55% 0% 3% 6% cms market coverage > 66%TYPO3 conference 2011 San Francisco -‐ Haymo Meran June, 11th 2011

hop://wordpress.org/extend/plugins/front-‐end-‐editor/TYPO3 conference 2011 San Francisco -‐ Haymo Meran June, 11th 2011

(:TYPO3 conference 2011 San Francisco -‐ Haymo Meran June, 11th 2011

(: (:TYPO3 conference 2011 San Francisco -‐ Haymo Meran June, 11th 2011

We develop Aloha Editor! TYPO3 conference 2011 San Francisco -‐ Haymo Meran June, 11th 2011

contributors ader aedc vie l çTYPO3 conference 2011 San Francisco -‐ Haymo Meran June, 11th 2011

New guys -‐ new ideasTYPO3 conference 2011 San Francisco -‐ Haymo Meran June, 11th 2011

Aloha Editor DevCon 2011 keynote -‐ Haymo Meran February 13, 2011

Aloha Editor Events Aug 2011 Oct 2011 TYPO3 conf April 2011 drupal gov Frankfurtwordpress conf days Brussels San Fancisco June 2011 February 2011 San Francisco Vienna Oct 2011 Colombo (Sri Lanka) May 2011 April 2011 jQuery drupal alpine conf San Francisco days Brixen Oct 2011 Sidney TYPO3 conference 2011 San Francisco -‐ Haymo Meran June, 11th 2011

Quality improvementsTYPO3 conference 2011 San Francisco -‐ Haymo Meran June, 11th 2011

Roadmap development and branching hUp://nvie.com/posts/a-‐successful-‐git-‐branching-‐model/TYPO3 conference 2011 San Francisco -‐ Haymo Meran June, 11th 2011

Aloha Editor for TYPO3TYPO3 conference 2011 San Francisco -‐ Haymo Meran June, 11th 2011

Aloha Editor for TYPO3 l outstanding inline edi0ngTYPO3 conference 2011 San Francisco -‐ Haymo Meran June, 11th 2011

Aloha Editor for TYPO3 l outstanding inline edi0ng l open plugin infrastructureTYPO3 conference 2011 San Francisco -‐ Haymo Meran June, 11th 2011

Aloha Editor for TYPO3 l outstanding inline edi0ng l open plugin infrastructure l vivid communityTYPO3 conference 2011 San Francisco -‐ Haymo Meran June, 11th 2011

Aloha Editor for TYPO3 l outstanding inline edi0ng l open plugin infrastructure l vivid community l visible roadmap developmentTYPO3 conference 2011 San Francisco -‐ Haymo Meran June, 11th 2011

Aloha Editor for TYPO3 l outstanding inline edi0ng l open plugin infrastructure rd ! l vivid community w o l visible roadmap development th e e a d sp rTYPO3 conference 2011 San Francisco -‐ Haymo Meran June, 11th 2011

Aloha Editor for TYPO3 l outstanding inline edi0ng l open plugin infrastructure rd ! l vivid community w o l visible roadmap development th e e a d sp r thanksTYPO3 conference 2011 San Francisco -‐ Haymo Meran June, 11th 2011

Aloha editor typo3 San Francisco

by Haymo Meran on Jun 11, 2011

Accessibility

Categories

Tags

Upload Details

Usage Rights

1 Embed 25

Statistics

Aloha editor typo3 San Francisco — Presentation Transcript