Download to read offline
![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](https://image.slidesharecdn.com/alohaeditoralpinedrupalcamp-110607190150-phpapp02/85/Aloha-editor-alpine-drupalcamp-11-320.jpg)
Uploaded byHaymo Meran
Aloha editor alpine drupalcamp
Haymo Meran gave a presentation on the Aloha Editor at the 2011 alpine drupalcamp in Brixen. Some key points: - Aloha Editor provides a WYSIWYG (what you see is what you get) editing experience for content directly in the browser without page reloads or iframes. - It uses the contenteditable HTML5 feature to allow inline editing of content. - Meran demonstrated how Aloha Editor works and its capabilities like editing in 3D space using the Aloha cube demo. - The goal of Aloha Editor is to make online content editing as intuitive as desktop editors like Microsoft Word.
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