Aloha
Editor
                        Leaving
ExtJS
for
jQuery
UI
Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran     April
16,
2011
Haymo
Meran
e




    Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
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
How
many
pages
is
the
internet?




Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   hUp://www.worldwidewebsize.com/   April
16,
2011
Where
does
the
content
of
14
billon
pages

  come
from?




Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Where
does
the
content
of
14
billon
pages

  come
from?


                                                    users


Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran           April
16,
2011
Where
does
the
content
of
14
billon
pages

  come
from?


                       users
                 99,9%
user
!=
hacker
Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
“Why
is
online
edi-ng
so
difficult?!”




Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
“Why
does
edi-ng
not
work
like
in
Word?!”
                                                    GenKcs
customers
asked
over
and
over
again




Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran                                         April
16,
2011
You
design!

                                                    10
min
Kme
                                                    1
paper
DIN
A4
                                                    present
in
1
min



Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran                 April
16,
2011
January
18th
2010




Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
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
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
Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Locked
in
for
14
days



                                    Clemens


                                                    Haymo



Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran           April
16,
2011
Make
ediKng
easier




Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Make
ediKng
easier




Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
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

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

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Is
content
inline
editable?




Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
cool,
browsers
can do that!

Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
contenteditable
in
browsers

 <div
contentEditable=”true”>...</div>




Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
contenteditable
in
browsers

 <div
contentEditable=”true”>...</div>




Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
contenteditable
in
browsers

 <div
contentEditable=”true”>...</div>




Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
contenteditable
in
browsers

 <div
contentEditable=”true”>...</div>




Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
HML5
is
the
answer
  to
the
UlKmate
QuesKon
of
Life,

  the
Universe,
and
Everything




Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
HML5
is
the
answer
  to
the
UlKmate
QuesKon
of
Life,

  the
Universe,
and
Everything




Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
HML5
is
the
answer
  to
the
UlKmate
QuesKon
of
Life,

  the
Universe,
and
Everything




Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
No Markup!



Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
No reload!




Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
No iframe!




Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
No menu rubbish!



Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
No browser crap!




Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
just edit




Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran               April
16,
2011
Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Which
Technologies
to
use?




Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Which
Technologies
to
use?




Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Which
UI
framework?




Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Which
UI
framework?




Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
ser ious
                                                so me



Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran                April
16,
2011
15th
July
2010
‐
Aloha
Editor
is
online.




Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
slick
funcKonality
‐
there
when
you
need
it




Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
slick
funcKonality
‐
there
when
you
need
it




Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Design
user


       Experien
         ce!
Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Experienc
        e is.
memories
Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Experienc
        e is.
big things
Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Experienc
        e is.
Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran
                     hUp://flickr.com/photos/presta/151544021/sizes/l/   small
                                                                            April
16,
2011
Experienc
        e is.
Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran
                                                    bad
                                                      April
16,
2011
Experienc
        e is.
subjective
Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
small details




Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran                   April
16,
2011
BIG
DIFF
Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Experience
  makes things
     special
Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
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
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
expectation
             situation
Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Technology
Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Features


                                       Technology
Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran      April
16,
2011
UX


                                            Features


                                       Technology
Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran        April
16,
2011
UX


                                            Features


                                       Technology
Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran        April
16,
2011
UX




                                                         buying
/
using
decision
                                            Features


                                       Technology
Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran                                  April
16,
2011
UX




                                                         buying
/
using
decision
                                            Features


                                       Technology
Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran                                  April
16,
2011
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
Every
acKon
should
be
completed
with
the

  minimum
possible
interacKons.




                                                    Measured with the KeyStroke-Level-Model (KLM)




Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran                                                   April
16,
2011
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
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
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
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
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
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
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
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
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
IniKally




Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
IniKally
                                                    deps/jquery‐1.4.4.js
                                                    deps/jquery.json‐2.2.min.js
                                                    deps/jquery.getUrlParam.js
                                                    deps/extjs/ext‐jquery‐adapter‐debug.js
                                                    deps/extjs/ext‐foundaKon‐debug.js
                                                    deps/extjs/cmp‐foundaKon‐debug.js
                                                    deps/extjs/ext‐dd‐debug.js
                                                    deps/extjs/pkg‐buUons‐debug.js
                                                    deps/extjs/pkg‐tabs‐debug.js
                                                    deps/extjs/pkg‐toolbars‐debug.js
                                                    deps/extjs/pkg‐menu‐debug.js
                                                    deps/extjs/pkg‐forms‐debug.js
Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran                                            April
16,
2011
IniKally
                                                    deps/jquery‐1.4.4.js
                                                    deps/jquery.json‐2.2.min.js
                                                    deps/jquery.getUrlParam.js
                                                    deps/extjs/ext‐jquery‐adapter‐debug.js
                                                    deps/extjs/ext‐foundaKon‐debug.js
                                                    deps/extjs/cmp‐foundaKon‐debug.js
  ~600k
AE
+
deps                                   deps/extjs/ext‐dd‐debug.js
                                                    deps/extjs/pkg‐buUons‐debug.js
  ~120k
AE
only                                     deps/extjs/pkg‐tabs‐debug.js
                                                    deps/extjs/pkg‐toolbars‐debug.js
                                                    deps/extjs/pkg‐menu‐debug.js
                                                    deps/extjs/pkg‐forms‐debug.js
Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran                                            April
16,
2011
repositories




Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran           April
16,
2011
deps/jquery‐1.4.4.js
deps/jquery.json‐2.2.min.js
deps/jquery.getUrlParam.js
deps/preUyPhoto/jquery.preUyPhoto.js
deps/jquery.cookie.js
deps/extjs/ext‐jquery‐adapter‐debug.js
deps/extjs/ext‐foundaKon‐debug.js                    repositories
deps/extjs/cmp‐foundaKon‐debug.js
deps/extjs/data‐foundaKon‐debug.js
deps/extjs/data‐json‐debug.js
deps/extjs/data‐list‐views‐debug.js
deps/extjs/ext‐dd‐debug.js
deps/extjs/window‐debug.js
deps/extjs/resizable‐debug.js
deps/extjs/pkg‐buUons‐debug.js
deps/extjs/pkg‐tabs‐debug.js
deps/extjs/pkg‐Kps‐debug.js
deps/extjs/pkg‐tree‐debug.js
deps/extjs/pkg‐grid‐foundaKon‐debug.js
deps/extjs/pkg‐toolbars‐debug.js
deps/extjs/pkg‐menu‐debug.js
deps/extjs/pkg‐forms‐debug.js
 Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran           April
16,
2011
deps/jquery‐1.4.4.js
deps/jquery.json‐2.2.min.js
deps/jquery.getUrlParam.js
deps/preUyPhoto/jquery.preUyPhoto.js
deps/jquery.cookie.js
deps/extjs/ext‐jquery‐adapter‐debug.js
deps/extjs/ext‐foundaKon‐debug.js                           repositories
deps/extjs/cmp‐foundaKon‐debug.js
deps/extjs/data‐foundaKon‐debug.js
deps/extjs/data‐json‐debug.js
deps/extjs/data‐list‐views‐debug.js
deps/extjs/ext‐dd‐debug.js
deps/extjs/window‐debug.js
deps/extjs/resizable‐debug.js
deps/extjs/pkg‐buUons‐debug.js
deps/extjs/pkg‐tabs‐debug.js
deps/extjs/pkg‐Kps‐debug.js
deps/extjs/pkg‐tree‐debug.js
deps/extjs/pkg‐grid‐foundaKon‐debug.js
                                                     ~1MB
AE
+
deps
deps/extjs/pkg‐toolbars‐debug.js
deps/extjs/pkg‐menu‐debug.js
                                                     ~170k
AE
only
deps/extjs/pkg‐forms‐debug.js
 Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran                    April
16,
2011
Styling




Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Styling




Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Styling




Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Comparison
                               Ext
JS
      ~600k

      complex
styling

      more
funcKonality

      good
community




Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Comparison
                               Ext
JS                              jQuery
Ui
      ~600k                                           ~120k
(Richard
says
85k)

      complex
styling

      more
funcKonality

      good
community




Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran                                  April
16,
2011
Comparison
                               Ext
JS                                  jQuery
Ui
      ~600k                                           ~120k
(Richard
says
85k)

      complex
styling                                 easy
styling

      more
funcKonality

      good
community




Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran                                  April
16,
2011
Comparison
                               Ext
JS                                  jQuery
Ui
      ~600k                                           ~120k
(Richard
says
85k)

      complex
styling                                 easy
styling

      more
funcKonality                               less
“core”
funcKonality

      good
community




Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran                                  April
16,
2011
Comparison
                               Ext
JS                                  jQuery
Ui
      ~600k                                           ~120k
(Richard
says
85k)

      complex
styling                                 easy
styling

      more
funcKonality                               less
“core”
funcKonality

      good
community                                  excellent
community




Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran                                  April
16,
2011
Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
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
ImplementaKon




Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   hUp://aloha‐editor.org/wiki/MigraKon_to_jQuery_UI   April
16,
2011
Roadmap
       First
Quarter
2011
‐
0.10.0                  Second
Quarter
2011
‐
0.11.0
      Image
Plugin
(Crop&Resisze)                     UNDO
      Drag
and
Drop
Files                             UI
API
      JavaScript
Compression
and
Bundling             Block
Handling
      CSS
Compression                                 table
columns
and
rows
to
be
resizeable
      jQuery
1.5.0                                    Major
Plugin
Architecture
changes
      ExtJS
3.2.2                                     BeUer
Copy
&
Paste
Support
      Async
plugin
loader                             TranslaKon
CompilaKon/Bundling
      Placeholder
                                    Se{ngs
CompilaKon/Bundling


Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran                                           April
16,
2011
hUp://blogs.gnome.org/bolsh/2011/02/07/drawing‐up‐a‐roadmap/




       Roadmap
and
the
problem
with
details



     Unit = 200 km
     length = 2400 km (approx.)




    Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran          April
16,
2011
hUp://blogs.gnome.org/bolsh/2011/02/07/drawing‐up‐a‐roadmap/




       Roadmap
and
the
problem
with
details



     Unit = 200 km                                             Unit = 50 km
     length = 2400 km (approx.)                                length = 3400 km




    Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran                   April
16,
2011
hUp://blogs.gnome.org/bolsh/2011/02/07/drawing‐up‐a‐roadmap/




       Roadmap
and
the
problem
with
details



     Unit = 200 km                                             Unit = 50 km
     length = 2400 km (approx.)                                length = 3400 km




    Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran                   April
16,
2011
hUp://blogs.gnome.org/bolsh/2011/02/07/drawing‐up‐a‐roadmap/




       Roadmap
and
the
problem
with
details



     Unit = 200 km                                             Unit = 50 km
     length = 2400 km (approx.)                                length = 3400 km




    Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran                   April
16,
2011
Aloha
Editor
and
RDF
  hUps://github.com/alohaeditor/Aloha‐Plugin‐VIE




Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Aloha
Editor
and
RDF
enable
ediKng




Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Aloha
Editor
and
RDF
storing




Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Hacker
Dojo
‐
June
6‐8
‐
Mountain
View




Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Aloha
Editor
project
factors
of
success




Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Aloha
Editor
project
factors
of
success
      contenteditable
useable




Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Aloha
Editor
project
factors
of
success
      contenteditable
useable
      open
plugin
infrastructure




Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
Aloha
Editor
project
factors
of
success
      contenteditable
useable
      open
plugin
infrastructure
      vivid
community




Aloha
Editor

at

jQuery
conf

2011
‐
Haymo
Meran   April
16,
2011
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
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
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
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

Aloha editor jQuery conf

Editor's Notes

  • #2 \n
  • #3 [twitter]Soon Aloha Editor presentation starts[/twitter]\n
  • #4 \n
  • #5 \n
  • #6 \n
  • #7 \n
  • #8 \n
  • #9 \n
  • #10 \n
  • #11 \n
  • #12 \n
  • #13 \n
  • #14 \n
  • #15 \n
  • #16 \n
  • #17 \n
  • #18 \n
  • #19 \n
  • #20 \n
  • #21 \n
  • #22 \n
  • #23 \n
  • #24 \n
  • #25 \n
  • #26 \n
  • #27 \n
  • #28 \n
  • #29 \n
  • #30 \n
  • #31 \n
  • #32 \n
  • #33 \n
  • #34 \n
  • #35 \n
  • #36 \n
  • #37 \n
  • #38 [twitter]HTML5 contenteditable http://sn.im/23lrib and the sentence &amp;#x201C;The exact behavior is UA-dependent&amp;#x201D; is the real value of Aloha Editor.[/twitter]\n
  • #39 [twitter]HTML5 contenteditable http://sn.im/23lrib and the sentence &amp;#x201C;The exact behavior is UA-dependent&amp;#x201D; is the real value of Aloha Editor.[/twitter]\n
  • #40 [twitter]HTML5 contenteditable http://sn.im/23lrib and the sentence &amp;#x201C;The exact behavior is UA-dependent&amp;#x201D; is the real value of Aloha Editor.[/twitter]\n
  • #41 [twitter]HTML5 contenteditable http://sn.im/23lrib and the sentence &amp;#x201C;The exact behavior is UA-dependent&amp;#x201D; is the real value of Aloha Editor.[/twitter]\n
  • #42 [twitter]HTML5 contenteditable http://sn.im/23lrib and the sentence &amp;#x201C;The exact behavior is UA-dependent&amp;#x201D; is the real value of Aloha Editor.[/twitter]\n
  • #43 \n
  • #44 [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
  • #45 [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
  • #46 [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
  • #47 [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
  • #48 [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
  • #49 [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
  • #50 [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
  • #51 [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
  • #52 [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
  • #53 [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
  • #54 [twitter]@mahemoff at UXcamp Europe 2010 was one of the first who understood and twittered about the Aloha Editor&amp;#x2019;s business value.[/twitter]\n
  • #55 [twitter]@mahemoff at UXcamp Europe 2010 was one of the first who understood and twittered about the Aloha Editor&amp;#x2019;s business value.[/twitter]\n
  • #56 [twitter]@mahemoff at UXcamp Europe 2010 was one of the first who understood and twittered about the Aloha Editor&amp;#x2019;s business value.[/twitter]\n
  • #57 [twitter]@mahemoff at UXcamp Europe 2010 was one of the first who understood and twittered about the Aloha Editor&amp;#x2019;s business value.[/twitter]\n
  • #58 \n
  • #59 \n
  • #60 \n
  • #61 \n
  • #62 \n
  • #63 \n
  • #64 \n
  • #65 \n
  • #66 \n
  • #67 \n
  • #68 \n
  • #69 \n
  • #70 \n
  • #71 \n
  • #72 \n
  • #73 \n
  • #74 \n
  • #75 \n
  • #76 \n
  • #77 \n
  • #78 \n
  • #79 \n
  • #80 \n
  • #81 \n
  • #82 \n
  • #83 \n
  • #84 \n
  • #85 \n
  • #86 \n
  • #87 \n
  • #88 \n
  • #89 \n
  • #90 \n
  • #91 \n
  • #92 \n
  • #93 \n
  • #94 \n
  • #95 \n
  • #96 \n
  • #97 \n
  • #98 \n
  • #99 \n
  • #100 \n
  • #101 \n
  • #102 \n
  • #103 \n
  • #104 \n
  • #105 \n
  • #106 \n
  • #107 \n
  • #108 \n
  • #109 \n
  • #110 \n
  • #111 \n
  • #112 \n
  • #113 \n
  • #114 \n
  • #115 \n
  • #116 \n\n
  • #117 \n\n
  • #118 \n\n
  • #119 \n\n
  • #120 \n\n
  • #121 \n\n
  • #122 \n\n
  • #123 \n\n
  • #124 \n\n
  • #125 \n\n
  • #126 \n\n
  • #127 \n\n
  • #128 \n
  • #129 \n
  • #130 \n
  • #131 \n
  • #132 \n
  • #133 \n
  • #134 \n
  • #135 \n
  • #136 \n
  • #137 \n
  • #138 \n
  • #139 \n
  • #140 \n
  • #141 \n
  • #142 \n
  • #143 \n
  • #144 \n
  • #145 [twitter]Check out the http://aloha-editor.org/wiki/Roadmap. Wanna contribute and help increasing speed? Go ahead, help is very welcome![/twitter]\n
  • #146 [twitter] The roadmap and the problem with details. http://sn.im/23ltuq [/twitter]\n
  • #147 [twitter] The roadmap and the problem with details. http://sn.im/23ltuq [/twitter]\n
  • #148 [twitter] The roadmap and the problem with details. http://sn.im/23ltuq [/twitter]\n
  • #149 [twitter] The roadmap and the problem with details. http://sn.im/23ltuq [/twitter]\n
  • #150 [twitter] The roadmap and the problem with details. http://sn.im/23ltuq [/twitter]\n
  • #151 [twitter] The roadmap and the problem with details. http://sn.im/23ltuq [/twitter]\n
  • #152 \n
  • #153 \n
  • #154 \n
  • #155 \n
  • #156 \n
  • #157 \n
  • #158 \n
  • #159 \n
  • #160 \n
  • #161 \n
  • #162 \n
  • #163 \n
  • #164 \n