Aloha editor typo3 San Francisco

2,266 views

Published on

General overview about Aloha Editor and its relation to TYPO3 at TYPO3 conference in San Francisco.

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
2,266
On SlideShare
0
From Embeds
0
Number of Embeds
30
Actions
Shares
0
Downloads
13
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Aloha editor typo3 San Francisco

  1. 1.                                        Conference San  Francisco  2011TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  2. 2. 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
  3. 3. Gen.cs  Xmas  2010TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  4. 4. TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  5. 5. rn et in te  th e   an ge chTYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  6. 6. rn et e   i nte dit  th eTYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  7. 7. 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   final  output,[2]  which  might  be  a  printed  document,   web  page,  or  slide  presenta.on.TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  8. 8. 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   final  output,[2]  which  might  be  a  printed  document,   web  page,  or  slide  presenta.on.TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  9. 9. TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  10. 10. TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  11. 11. TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  12. 12. TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  13. 13. 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   final  output,[2]  which  might  be  a  printed  document,   web  page,  or  slide  presenta.on.TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  14. 14. TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  15. 15. HML5  is  the  answer  to  the  UlKmate  QuesKon   of  Life,  the  Universe,  and  EverythingTYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  16. 16. HML5  is  the  answer  to  the  UlKmate  QuesKon   of  Life,  the  Universe,  and  EverythingTYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  17. 17. HML5  is  the  answer  to  the  UlKmate  QuesKon   of  Life,  the  Universe,  and  EverythingTYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  18. 18. HML5  is  the  answer  to  the  UlKmate  QuesKon   of  Life,  the  Universe,  and  EverythingTYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  19. 19. contenteditable  in  browsers <div  contentEditable=”true”>...</div>TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  20. 20. contenteditable  in  browsers <div  contentEditable=”true”>...</div>TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  21. 21. contenteditable  in  browsers <div  contentEditable=”true”>...</div>TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  22. 22. contenteditable  in  browsers <div  contentEditable=”true”>...</div>TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  23. 23. Where  does  the  content   of  TYPO3  websites   from?TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  24. 24. TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  25. 25. 22/49 uselessTYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  26. 26. TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  27. 27. TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  28. 28. TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  29. 29. TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  30. 30. 99,9%  TYPO3  user  !=  hackerTYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  31. 31. What  is  Aloha  Editor  about?TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  32. 32. What  is  Aloha  Editor  about?TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  33. 33. No reload!TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  34. 34. No iframe!TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  35. 35. No browser crap!TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  36. 36. No menu rubbish!TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  37. 37. No Markup!TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  38. 38. just editTYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  39. 39. just editTYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  40. 40. January  18th  2010 1778  –  James  Cook  is  the  first  known  European  to  discover  the  Hawaiian  Islands AlohaTYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  41. 41. TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  42. 42. Experience.TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  43. 43. Experience is. memoriesTYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  44. 44. Experience is. big thingsTYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  45. 45. Experience is. small thingsTYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran hUp://flickr.com/photos/presta/151544021/sizes/l/ June,  11th  2011
  46. 46. Experience is.TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran bad June,  11th  2011
  47. 47. Experience is. subjectiveTYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  48. 48. small detailsTYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  49. 49. BIGDIFFETYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  50. 50. Experiencecan make something specialTYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  51. 51. 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  confirm  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
  52. 52. TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  53. 53. TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  54. 54. Improve  the  interacKon  process Measured with the KeyStroke-Level-Model (KLM)TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  55. 55. 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
  56. 56. 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
  57. 57. 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
  58. 58. 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
  59. 59. 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
  60. 60. 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
  61. 61. 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
  62. 62. 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
  63. 63. 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
  64. 64. TYPO3  &  Aloha  Editor  si]ng  in  a  treeTYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  65. 65. TYPO3  &  Aloha  Editor  si]ng  in  a  treeTYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  66. 66. UXcamp  -­‐  Berlin  29th  May  2010TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  67. 67. UXcamp  -­‐  Berlin  29th  May  2010 Jens  Hoffmann Typo3  -­‐  UITYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  68. 68. UXcamp  -­‐  Berlin  29th  May  2010 Jens  Hoffmann Typo3  -­‐  UITYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  69. 69. UXcamp  -­‐  Berlin  29th  May  2010 Jens  Hoffmann Typo3  -­‐  UITYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  70. 70. May  30th  2010TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  71. 71. May  30th  2010TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  72. 72. 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
  73. 73. the  first  followerTYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran hop://www.youtube.com/watch?v=fW8amMCVAJQ June,  11th  2011
  74. 74. the  first  followerTYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran hop://www.youtube.com/watch?v=fW8amMCVAJQ June,  11th  2011
  75. 75.    Serious  hackers TYPO3  community  is  working  hard l Mastertexsormat  bearbeitenTYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  76. 76. Who  uses  Aloha  Editor? Jens Hoffmann Kasper SkårhøjTYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  77. 77. Nils lickit Jens Hoffmann TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  78. 78. 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
  79. 79. TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  80. 80. Wordpress drupal 36% TYPO3 plone others 55% 0% 3% 6% cms  market   coverage  >  66%TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  81. 81. hop://wordpress.org/extend/plugins/front-­‐end-­‐editor/TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  82. 82. TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  83. 83. TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  84. 84. TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  85. 85. TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  86. 86. TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  87. 87. TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  88. 88. TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  89. 89. TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  90. 90. (:TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  91. 91. (:TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  92. 92. (:TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  93. 93. (:TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  94. 94. (:TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  95. 95. (: (:TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  96. 96. We develop Aloha Editor! TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  97. 97. We develop Aloha Editor! TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  98. 98. TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  99. 99. contributors ader  aedc  vie l çTYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  100. 100. New  guys  -­‐  new  ideasTYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  101. 101. Aloha  Editor  DevCon  2011  keynote  -­‐  Haymo  Meran February  13,  2011
  102. 102. 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
  103. 103. Quality  improvementsTYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  104. 104. Quality  improvementsTYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  105. 105. Roadmap   development and branching hUp://nvie.com/posts/a-­‐successful-­‐git-­‐branching-­‐model/TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  106. 106. Aloha  Editor  for  TYPO3TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  107. 107. Aloha  Editor  for  TYPO3 l outstanding  inline  edi0ngTYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  108. 108. Aloha  Editor  for  TYPO3 l outstanding  inline  edi0ng l open  plugin  infrastructureTYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  109. 109. Aloha  Editor  for  TYPO3 l outstanding  inline  edi0ng l open  plugin  infrastructure l vivid  communityTYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  110. 110. 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
  111. 111. 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
  112. 112. 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

×