SlideShare a Scribd company logo
1 of 71
Download to read offline
Aloha	
  Editor

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




Aloha	
  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,	
  @rdfQuery

Aloha	
  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	
  users


Aloha	
  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	
  !=	
  hacker
Aloha	
  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	
  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	
  -­‐	
  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	
  
           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
Aloha	
  Editor	
  	
  at	
  	
  alpine	
  drupalcamp	
  Brixen	
  	
  2011	
  -­‐	
  Haymo	
  Meran   May	
  07,	
  2011
Aloha	
  Editor	
  	
  at	
  	
  alpine	
  drupalcamp	
  Brixen	
  	
  2011	
  -­‐	
  Haymo	
  Meran   May	
  07,	
  2011
Aloha	
  Editor	
  	
  at	
  	
  alpine	
  drupalcamp	
  Brixen	
  	
  2011	
  -­‐	
  Haymo	
  Meran   May	
  07,	
  2011
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
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
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	
  Everything




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	
  Everything




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	
  Everything




Aloha	
  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 edit




Aloha	
  Editor	
  	
  at	
  	
  alpine	
  drupalcamp	
  Brixen	
  	
  2011	
  -­‐	
  Haymo	
  Meran         May	
  07,	
  2011
Aloha	
  Editor	
  	
  at	
  	
  alpine	
  drupalcamp	
  Brixen	
  	
  2011	
  -­‐	
  Haymo	
  Meran   May	
  07,	
  2011
Aloha	
  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.

                                                                           memories
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 things
Aloha	
  Editor	
  	
  at	
  	
  alpine	
  drupalcamp	
  Brixen	
  	
  2011	
  -­‐	
  Haymo	
  Meran
                                    hRp://flickr.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.

                                                              subjective
Aloha	
  Editor	
  	
  at	
  	
  alpine	
  drupalcamp	
  Brixen	
  	
  2011	
  -­‐	
  Haymo	
  Meran   May	
  07,	
  2011
small details




Aloha	
  Editor	
  	
  at	
  	
  alpine	
  drupalcamp	
  Brixen	
  	
  2011	
  -­‐	
  Haymo	
  Meran                   May	
  07,	
  2011
BIG
DIFFE
Aloha	
  Editor	
  	
  at	
  	
  alpine	
  drupalcamp	
  Brixen	
  	
  2011	
  -­‐	
  Haymo	
  Meran   May	
  07,	
  2011
Experience
                                        makes things
                                           special
Aloha	
  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	
  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
Aloha	
  Editor	
  	
  at	
  	
  alpine	
  drupalcamp	
  Brixen	
  	
  2011	
  -­‐	
  Haymo	
  Meran   May	
  07,	
  2011
Aloha	
  Editor	
  	
  at	
  	
  alpine	
  drupalcamp	
  Brixen	
  	
  2011	
  -­‐	
  Haymo	
  Meran   May	
  07,	
  2011
Aloha	
  Editor	
  	
  at	
  	
  alpine	
  drupalcamp	
  Brixen	
  	
  2011	
  -­‐	
  Haymo	
  Meran   May	
  07,	
  2011
Aloha	
  Editor	
  	
  at	
  	
  alpine	
  drupalcamp	
  Brixen	
  	
  2011	
  -­‐	
  Haymo	
  Meran   May	
  07,	
  2011
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_management
Aloha	
  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_management
Aloha	
  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_management
Aloha	
  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_management
Aloha	
  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_management
Aloha	
  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_management
Aloha	
  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_management
Aloha	
  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_management
Aloha	
  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_management
Aloha	
  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/Bundling


Aloha	
  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	
  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	
  success
    l     contenteditable	
  useable




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




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
    l     vivid	
  community




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
    l     vivid	
  community
    l     visible	
  roadmap	
  development




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
    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	
  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 @               thanks
Aloha	
  Editor	
  	
  at	
  	
  alpine	
  drupalcamp	
  Brixen	
  	
  2011	
  -­‐	
  Haymo	
  Meran   May	
  07,	
  2011

More Related Content

More from Haymo Meran

Aloha editor keynote san francisco
Aloha editor keynote san franciscoAloha editor keynote san francisco
Aloha editor keynote san franciscoHaymo Meran
 
Aloha editor jQuery conf
Aloha editor jQuery confAloha editor jQuery conf
Aloha editor jQuery confHaymo Meran
 
Aloha Editor DevCon 2011 Vienna keynote
Aloha Editor DevCon 2011 Vienna keynote Aloha Editor DevCon 2011 Vienna keynote
Aloha Editor DevCon 2011 Vienna keynote Haymo Meran
 
Social media @ neuwaldegg.at/dmv10
Social media @ neuwaldegg.at/dmv10Social media @ neuwaldegg.at/dmv10
Social media @ neuwaldegg.at/dmv10Haymo Meran
 
Aloha Editor semantic concept
Aloha Editor semantic conceptAloha Editor semantic concept
Aloha Editor semantic conceptHaymo Meran
 
E2 wine and cheese
E2 wine and cheeseE2 wine and cheese
E2 wine and cheeseHaymo Meran
 
Aloha editor contenteditable useable
Aloha editor contenteditable useableAloha editor contenteditable useable
Aloha editor contenteditable useableHaymo Meran
 
Facebook marketing potential
Facebook marketing potentialFacebook marketing potential
Facebook marketing potentialHaymo Meran
 
Enterprise2punkt0
Enterprise2punkt0Enterprise2punkt0
Enterprise2punkt0Haymo Meran
 
Enterprise 2.0 Realtime V4
Enterprise 2.0   Realtime V4Enterprise 2.0   Realtime V4
Enterprise 2.0 Realtime V4Haymo Meran
 
Triff Markus Was Ist Enterprise20
Triff Markus Was Ist Enterprise20Triff Markus Was Ist Enterprise20
Triff Markus Was Ist Enterprise20Haymo Meran
 
Networking on e-day
Networking on e-dayNetworking on e-day
Networking on e-dayHaymo Meran
 
Enterprise 2.0 portal
Enterprise 2.0 portalEnterprise 2.0 portal
Enterprise 2.0 portalHaymo Meran
 

More from Haymo Meran (15)

Aloha editor keynote san francisco
Aloha editor keynote san franciscoAloha editor keynote san francisco
Aloha editor keynote san francisco
 
Aloha editor jQuery conf
Aloha editor jQuery confAloha editor jQuery conf
Aloha editor jQuery conf
 
Aloha Editor DevCon 2011 Vienna keynote
Aloha Editor DevCon 2011 Vienna keynote Aloha Editor DevCon 2011 Vienna keynote
Aloha Editor DevCon 2011 Vienna keynote
 
Social media @ neuwaldegg.at/dmv10
Social media @ neuwaldegg.at/dmv10Social media @ neuwaldegg.at/dmv10
Social media @ neuwaldegg.at/dmv10
 
Aloha Editor semantic concept
Aloha Editor semantic conceptAloha Editor semantic concept
Aloha Editor semantic concept
 
E2 wine and cheese
E2 wine and cheeseE2 wine and cheese
E2 wine and cheese
 
Aloha editor contenteditable useable
Aloha editor contenteditable useableAloha editor contenteditable useable
Aloha editor contenteditable useable
 
Facebook marketing potential
Facebook marketing potentialFacebook marketing potential
Facebook marketing potential
 
Enterprise2punkt0
Enterprise2punkt0Enterprise2punkt0
Enterprise2punkt0
 
Enterprise 2.0 Realtime V4
Enterprise 2.0   Realtime V4Enterprise 2.0   Realtime V4
Enterprise 2.0 Realtime V4
 
Triff Markus Was Ist Enterprise20
Triff Markus Was Ist Enterprise20Triff Markus Was Ist Enterprise20
Triff Markus Was Ist Enterprise20
 
Networking on e-day
Networking on e-dayNetworking on e-day
Networking on e-day
 
Enterprise 2.0 portal
Enterprise 2.0 portalEnterprise 2.0 portal
Enterprise 2.0 portal
 
E20 Keynote
E20   KeynoteE20   Keynote
E20 Keynote
 
Gpn4
Gpn4Gpn4
Gpn4
 

Aloha editor alpine drupalcamp

  • 1. Aloha  Editor Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011
  • 2. gro wn  u p  i n Haymo  Meran Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011
  • 3. 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,  @rdfQuery Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011
  • 4. How  many  pages  is  the  internet? Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran hRp://www.worldwidewebsize.com/ May  07,  2011
  • 5. Where  does  the  content  of  14  billon  pages   come  from? Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011
  • 6. Where  does  the  content  of  14  billon  pages   come  from? internet  users Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011
  • 7. Where  does  the  content  of  14  billon  pages   come  from? internet  users 99,9%  user  !=  hacker Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011
  • 8. Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011
  • 9. “Why  is  online  edi-ng  so  difficult?!” Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011
  • 10. “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
  • 11. 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   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
  • 12. Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011
  • 13. Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011
  • 14. Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011
  • 15. Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011
  • 16. 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
  • 17. 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
  • 18. Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011
  • 19. contenteditable  in  browsers <div  contentEditable=”true”>...</div> Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011
  • 20. contenteditable  in  browsers <div  contentEditable=”true”>...</div> Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011
  • 21. contenteditable  in  browsers <div  contentEditable=”true”>...</div> Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011
  • 22. contenteditable  in  browsers <div  contentEditable=”true”>...</div> Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011
  • 23. Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011
  • 24. HML5  is  the  answer to  the  UlEmate  QuesEon  of  Life,   the  Universe,  and  Everything Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011
  • 25. HML5  is  the  answer to  the  UlEmate  QuesEon  of  Life,   the  Universe,  and  Everything Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011
  • 26. HML5  is  the  answer to  the  UlEmate  QuesEon  of  Life,   the  Universe,  and  Everything Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011
  • 27. No Markup! Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011
  • 28. No reload! Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011
  • 29. No iframe! Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011
  • 30. No menu rubbish! Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011
  • 31. No browser crap! Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011
  • 32. just edit Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011
  • 33. Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011
  • 34. Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011
  • 35. +Experience! Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011
  • 36. Experience is. memories Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011
  • 37. Experience is. big things Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011
  • 38. Experience is. small things Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran hRp://flickr.com/photos/presta/151544021/sizes/l/ May  07,  2011
  • 39. Experience is. Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran bad May  07,  2011
  • 40. Experience is. subjective Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011
  • 41. small details Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011
  • 42. BIG DIFFE Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011
  • 43. Experience makes things special Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011
  • 44. 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  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
  • 45. Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011
  • 46. Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011
  • 47. Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011
  • 48. Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011
  • 49. Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011
  • 50. 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
  • 51. 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
  • 52. How  much  costs  ediEng 1) http://stats.wikimedia.org/EN/TablesWikipediaEN.htm 2) http://en.wikipedia.org/wiki/Wikipedia:Time_management Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011
  • 53. 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_management Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011
  • 54. 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_management Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011
  • 55. 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_management Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011
  • 56. 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_management Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011
  • 57. 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_management Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011
  • 58. 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_management Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011
  • 59. 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_management Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011
  • 60. 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_management Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011
  • 61. 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/Bundling Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011
  • 62. 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
  • 63. Hacker  Dojo  -­‐  June  6-­‐8  -­‐  Mountain  View Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011
  • 64. Aloha  Editor  project  factors  of  success Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011
  • 65. Aloha  Editor  project  factors  of  success l contenteditable  useable Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011
  • 66. Aloha  Editor  project  factors  of  success l contenteditable  useable l open  plugin  infrastructure Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011
  • 67. Aloha  Editor  project  factors  of  success l contenteditable  useable l open  plugin  infrastructure l vivid  community Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011
  • 68. Aloha  Editor  project  factors  of  success l 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
  • 69. Aloha  Editor  project  factors  of  success l 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
  • 70. 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
  • 71. 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 @ thanks Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011