The Ultimate Guide to Choosing WordPress Pros and Cons
Aloha editor jQuery conf
1. Aloha Editor
Leaving ExtJS for jQuery UI
Aloha Editor at jQuery conf 2011 ‐ Haymo Meran April 16, 2011
2. Haymo Meran
e
Aloha Editor at jQuery conf 2011 ‐ Haymo Meran April 16, 2011
3. Haymo Meran CTO, director of product
e experience
@ GenKcs
guest lecturer
@ Danube University of Krems
invited expert
@ W3C HTML working group
opensource developer
@Aloha Editor, @rdfQuery
Aloha Editor at jQuery conf 2011 ‐ Haymo Meran April 16, 2011
26. January 18th 2010
1778 – James Cook is the first known European to discover the Hawaiian Islands
Aloha Editor at jQuery conf 2011 ‐ Haymo Meran April 16, 2011
27. January 18th 2010
1778 – James Cook is the first known European to discover the Hawaiian Islands
Aloha
Aloha Editor at jQuery conf 2011 ‐ Haymo Meran April 16, 2011
32. 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
compuKng 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 presentaKon.
Aloha Editor at jQuery conf 2011 ‐ Haymo Meran April 16, 2011
92. They will remember
“the moment I stood on a
chair and had a sheet of
paper on my head”.
Aloha Editor at jQuery conf 2011 ‐ Haymo Meran April 16, 2011
93. But you
cannot
design user hUp://www.smashingmagazine.com/2011/03/15/why‐user‐experience‐cannot‐be‐designed/
Aloha Editor at jQuery conf 2011 ‐ Haymo Meran April 16, 2011
94. expectation
situation
Aloha Editor at jQuery conf 2011 ‐ Haymo Meran April 16, 2011
98. Features
Technology
Aloha Editor at jQuery conf 2011 ‐ Haymo Meran April 16, 2011
99. UX
Features
Technology
Aloha Editor at jQuery conf 2011 ‐ Haymo Meran April 16, 2011
100. UX
Features
Technology
Aloha Editor at jQuery conf 2011 ‐ Haymo Meran April 16, 2011
101. UX
buying / using decision
Features
Technology
Aloha Editor at jQuery conf 2011 ‐ Haymo Meran April 16, 2011
102. UX
buying / using decision
Features
Technology
Aloha Editor at jQuery conf 2011 ‐ Haymo Meran April 16, 2011
103. Aloha Editor Experience
All interacKons should react in realKme and give immediate clear feedback to
the user.
The user should see the exact result of its acKon immediately.
No apply or confirm acKon should be necessary. It's done when you do it.
Instead everthing can be reverted.
Every acKon should be completed with the minimum possible interacKons.
Everything that can be done automaKcally should be done automaKcally.
Aloha Editor at jQuery conf 2011 ‐ Haymo Meran April 16, 2011
105. How much costs ediKng
1) http://stats.wikimedia.org/EN/TablesWikipediaEN.htm
2) http://en.wikipedia.org/wiki/Wikipedia:Time_management
Aloha Editor at jQuery conf 2011 ‐ Haymo Meran April 16, 2011
106. 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_management
Aloha Editor at jQuery conf 2011 ‐ Haymo Meran April 16, 2011
107. 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_management
Aloha Editor at jQuery conf 2011 ‐ Haymo Meran April 16, 2011
108. 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_management
Aloha Editor at jQuery conf 2011 ‐ Haymo Meran April 16, 2011
109. 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_management
Aloha Editor at jQuery conf 2011 ‐ Haymo Meran April 16, 2011
110. 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_management
Aloha Editor at jQuery conf 2011 ‐ Haymo Meran April 16, 2011
111. 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_management
Aloha Editor at jQuery conf 2011 ‐ Haymo Meran April 16, 2011
112. 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_management
Aloha Editor at jQuery conf 2011 ‐ Haymo Meran April 16, 2011
113. 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_management
Aloha Editor at jQuery conf 2011 ‐ Haymo Meran April 16, 2011
132. We define an Aloha Editor UI API
enables proprietary UI implementaKons
Aloha Editor supports and provides jQuery UI implementaKon
enables special UI for mobile devices
lets Aloha Editor scales down to comment fields or single line inputs
Aloha Editor at jQuery conf 2011 ‐ Haymo Meran April 16, 2011
146. Aloha Editor project factors of success
contenteditable useable
open plugin infrastructure
vivid community
Aloha Editor at jQuery conf 2011 ‐ Haymo Meran April 16, 2011
147. Aloha Editor project factors of success
contenteditable useable
open plugin infrastructure
vivid community
visible roadmap development
Aloha Editor at jQuery conf 2011 ‐ Haymo Meran April 16, 2011
148. Aloha Editor project factors of success
contenteditable useable
open plugin infrastructure
vivid community
visible roadmap development
acKve communicaKon
Aloha Editor at jQuery conf 2011 ‐ Haymo Meran April 16, 2011
149. Aloha Editor project factors of success
contenteditable useable
r
tt e
open plugin infrastructure
i
vivid community tw t
n af
o r
ct ftk
visible roadmap development
acKve communicaKon
n e ra
n d
co @
Aloha Editor at jQuery conf 2011 ‐ Haymo Meran April 16, 2011
150. Aloha Editor project factors of success
contenteditable useable
r
tt e
open plugin infrastructure
i
vivid community tw t
n af
o r
ct ftk
visible roadmap development
acKve communicaKon
n e ra
n d
o @ thank
c
Aloha Editor at jQuery conf 2011 ‐ Haymo Merans April 16, 2011
[twitter]HTML5 contenteditable http://sn.im/23lrib and the sentence “The exact behavior is UA-dependent” is the real value of Aloha Editor.[/twitter]\n
[twitter]HTML5 contenteditable http://sn.im/23lrib and the sentence “The exact behavior is UA-dependent” is the real value of Aloha Editor.[/twitter]\n
[twitter]HTML5 contenteditable http://sn.im/23lrib and the sentence “The exact behavior is UA-dependent” is the real value of Aloha Editor.[/twitter]\n
[twitter]HTML5 contenteditable http://sn.im/23lrib and the sentence “The exact behavior is UA-dependent” is the real value of Aloha Editor.[/twitter]\n
[twitter]HTML5 contenteditable http://sn.im/23lrib and the sentence “The exact behavior is UA-dependent” is the real value of Aloha Editor.[/twitter]\n
\n
[twitter]@WrYBiT at UXcamp Europe 2010 persuaded me to prepare and show some slides about Aloha Editor. An important moment for the project.[/twitter]\n
[twitter]@WrYBiT at UXcamp Europe 2010 persuaded me to prepare and show some slides about Aloha Editor. An important moment for the project.[/twitter]\n
[twitter]@WrYBiT at UXcamp Europe 2010 persuaded me to prepare and show some slides about Aloha Editor. An important moment for the project.[/twitter]\n
[twitter]@WrYBiT at UXcamp Europe 2010 persuaded me to prepare and show some slides about Aloha Editor. An important moment for the project.[/twitter]\n
[twitter]@WrYBiT at UXcamp Europe 2010 persuaded me to prepare and show some slides about Aloha Editor. An important moment for the project.[/twitter]\n
[twitter]@WrYBiT at UXcamp Europe 2010 persuaded me to prepare and show some slides about Aloha Editor. An important moment for the project.[/twitter]\n
[twitter]@WrYBiT at UXcamp Europe 2010 persuaded me to prepare and show some slides about Aloha Editor. An important moment for the project.[/twitter]\n
[twitter]@WrYBiT at UXcamp Europe 2010 persuaded me to prepare and show some slides about Aloha Editor. An important moment for the project.[/twitter]\n
[twitter]@WrYBiT at UXcamp Europe 2010 persuaded me to prepare and show some slides about Aloha Editor. An important moment for the project.[/twitter]\n
[twitter]@WrYBiT at UXcamp Europe 2010 persuaded me to prepare and show some slides about Aloha Editor. An important moment for the project.[/twitter]\n
[twitter]@mahemoff at UXcamp Europe 2010 was one of the first who understood and twittered about the Aloha Editor’s business value.[/twitter]\n
[twitter]@mahemoff at UXcamp Europe 2010 was one of the first who understood and twittered about the Aloha Editor’s business value.[/twitter]\n
[twitter]@mahemoff at UXcamp Europe 2010 was one of the first who understood and twittered about the Aloha Editor’s business value.[/twitter]\n
[twitter]@mahemoff at UXcamp Europe 2010 was one of the first who understood and twittered about the Aloha Editor’s business value.[/twitter]\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n\n
\n\n
\n\n
\n\n
\n\n
\n\n
\n\n
\n\n
\n\n
\n\n
\n\n
\n\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
[twitter]Check out the http://aloha-editor.org/wiki/Roadmap. Wanna contribute and help increasing speed? Go ahead, help is very welcome![/twitter]\n
[twitter] The roadmap and the problem with details. http://sn.im/23ltuq [/twitter]\n
[twitter] The roadmap and the problem with details. http://sn.im/23ltuq [/twitter]\n
[twitter] The roadmap and the problem with details. http://sn.im/23ltuq [/twitter]\n
[twitter] The roadmap and the problem with details. http://sn.im/23ltuq [/twitter]\n
[twitter] The roadmap and the problem with details. http://sn.im/23ltuq [/twitter]\n
[twitter] The roadmap and the problem with details. http://sn.im/23ltuq [/twitter]\n