SlideShare une entreprise Scribd logo
1  sur  112
Télécharger pour lire hors ligne
 	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  Conference
                                                         San	
  Francisco	
  2011
TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran                                                                 June,	
  11th	
  2011
CTO,	
  DoPE
                                                                           @	
  Gen.cs

                                                                           guest	
  lecturer
                                                                           @	
  Danube	
  University	
  of	
  Krems	
  and	
  FH	
  Eisenstadt

                                                                           invited	
  expert
                                                                           @	
  W3C	
  HTML	
  working	
  group

                                                                           director
                                                                           @	
  Aloha	
  Editor	
  Associa.on




TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran                                                     June,	
  11th	
  2011
Gen.cs	
  Xmas	
  2010




TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran                            June,	
  11th	
  2011
TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran   June,	
  11th	
  2011
rn et
                                                                           in te
                                 	
  th e	
  
                            an ge
               ch




TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran                June,	
  11th	
  2011
rn et
                                                    e	
               i nte
                         dit                 	
  th
                        e




TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran           June,	
  11th	
  2011
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
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
TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran   June,	
  11th	
  2011
TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran   June,	
  11th	
  2011
TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran   June,	
  11th	
  2011
TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran   June,	
  11th	
  2011
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
TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran   June,	
  11th	
  2011
HML5	
  is	
  the	
  answer	
  to	
  the	
  UlKmate	
  QuesKon	
  
    of	
  Life,	
  the	
  Universe,	
  and	
  Everything




TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran   June,	
  11th	
  2011
HML5	
  is	
  the	
  answer	
  to	
  the	
  UlKmate	
  QuesKon	
  
    of	
  Life,	
  the	
  Universe,	
  and	
  Everything




TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran   June,	
  11th	
  2011
HML5	
  is	
  the	
  answer	
  to	
  the	
  UlKmate	
  QuesKon	
  
    of	
  Life,	
  the	
  Universe,	
  and	
  Everything




TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran   June,	
  11th	
  2011
HML5	
  is	
  the	
  answer	
  to	
  the	
  UlKmate	
  QuesKon	
  
    of	
  Life,	
  the	
  Universe,	
  and	
  Everything




TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran   June,	
  11th	
  2011
contenteditable	
  in	
  browsers

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




TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran   June,	
  11th	
  2011
contenteditable	
  in	
  browsers

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




TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran   June,	
  11th	
  2011
contenteditable	
  in	
  browsers

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




TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran   June,	
  11th	
  2011
contenteditable	
  in	
  browsers

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




TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran   June,	
  11th	
  2011
Where	
  does	
  the	
  content	
  
        of	
  TYPO3	
  websites	
  
                 from?

TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran   June,	
  11th	
  2011
TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran   June,	
  11th	
  2011
22/49
                                                                           useless




TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran       June,	
  11th	
  2011
TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran   June,	
  11th	
  2011
TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran   June,	
  11th	
  2011
TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran   June,	
  11th	
  2011
TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran   June,	
  11th	
  2011
99,9%	
  TYPO3	
  user	
  !=	
  hacker


TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran   June,	
  11th	
  2011
What	
  is	
  Aloha	
  Editor	
  about?




TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran   June,	
  11th	
  2011
What	
  is	
  Aloha	
  Editor	
  about?




TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran   June,	
  11th	
  2011
No reload!




TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran   June,	
  11th	
  2011
No iframe!




TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran   June,	
  11th	
  2011
No browser crap!




TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran   June,	
  11th	
  2011
No menu rubbish!



TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran   June,	
  11th	
  2011
No Markup!



TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran   June,	
  11th	
  2011
just edit




TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran               June,	
  11th	
  2011
just edit




TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran               June,	
  11th	
  2011
January	
  18th	
  2010
    1778	
  –	
  James	
  Cook	
  is	
  the	
  first	
  known	
  European	
  to	
  discover	
  the	
  Hawaiian	
  Islands
    Aloha




TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran                                                   June,	
  11th	
  2011
TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran   June,	
  11th	
  2011
Experience.
TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran   June,	
  11th	
  2011
Experience is.

                                                                memories
TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran   June,	
  11th	
  2011
Experience is.

                                                            big things
TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran   June,	
  11th	
  2011
Experience is.

                 small things
TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran
                        hUp://flickr.com/photos/presta/151544021/sizes/l/
                                                                           June,	
  11th	
  2011
Experience is.

TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran
                                                                           bad
                                                                            June,	
  11th	
  2011
Experience is.

                                                     subjective
TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran   June,	
  11th	
  2011
small details




TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran                   June,	
  11th	
  2011
BIG
DIFFE
TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran   June,	
  11th	
  2011
Experience
can make something
      special
TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran   June,	
  11th	
  2011
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.	
  It's	
  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
TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran   June,	
  11th	
  2011
TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran   June,	
  11th	
  2011
Improve	
  the	
  interacKon	
  process




                                                                           Measured with the KeyStroke-Level-Model (KLM)




TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran                                                   June,	
  11th	
  2011
How	
  much	
  costs	
  ediKng




                                       1) http://stats.wikimedia.org/EN/TablesWikipediaEN.htm
                                       2) http://en.wikipedia.org/wiki/Wikipedia:Time_management


TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran                           June,	
  11th	
  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


TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran                                       June,	
  11th	
  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


TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran                                       June,	
  11th	
  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


TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran                                                        June,	
  11th	
  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


TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran                                                        June,	
  11th	
  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


TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran                                                        June,	
  11th	
  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


TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran                                                        June,	
  11th	
  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


TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran                                       June,	
  11th	
  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


TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran                                       June,	
  11th	
  2011
TYPO3	
  &	
  Aloha	
  Editor	
  si]ng	
  in	
  a	
  tree




TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran   June,	
  11th	
  2011
TYPO3	
  &	
  Aloha	
  Editor	
  si]ng	
  in	
  a	
  tree




TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran   June,	
  11th	
  2011
UXcamp	
  -­‐	
  Berlin	
  29th	
  May	
  2010




TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran   June,	
  11th	
  2011
UXcamp	
  -­‐	
  Berlin	
  29th	
  May	
  2010




   Jens	
  Hoffmann
   Typo3	
  -­‐	
  UI

TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran   June,	
  11th	
  2011
UXcamp	
  -­‐	
  Berlin	
  29th	
  May	
  2010




   Jens	
  Hoffmann
   Typo3	
  -­‐	
  UI

TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran   June,	
  11th	
  2011
UXcamp	
  -­‐	
  Berlin	
  29th	
  May	
  2010




   Jens	
  Hoffmann
   Typo3	
  -­‐	
  UI

TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran   June,	
  11th	
  2011
May	
  30th	
  2010




TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran               June,	
  11th	
  2011
May	
  30th	
  2010




TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran               June,	
  11th	
  2011
May	
  30th	
  2010




                                                                                                      Aloha	
  from	
  @dramkram	
  looks	
  awesome!	
  Not-­‐
                                                                                                              yet-­‐released	
  open	
  src	
  lib	
  turbo-­‐charges	
  
                                                                                                          ContentEditable	
  with	
  a	
  plugin	
  framework	
  
                                                                           hUp://twitpic.com/1sgbl7



TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran                                                                                            June,	
  11th	
  2011
the	
  first	
  follower




TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran       hop://www.youtube.com/watch?v=fW8amMCVAJQ   June,	
  11th	
  2011
the	
  first	
  follower




TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran       hop://www.youtube.com/watch?v=fW8amMCVAJQ   June,	
  11th	
  2011
 	
  Serious	
  hackers
    TYPO3	
  community	
  is	
  working	
  hard
                                                                           l   Mastertexsormat	
  bearbeiten




TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran                                        June,	
  11th	
  2011
Who	
  uses	
  Aloha	
  Editor?

                         Jens Hoffmann




                                                                           Kasper Skårhøj

TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran                    June,	
  11th	
  2011
Nils lickit                                                                 Jens Hoffmann




 TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran                   June,	
  11th	
  2011
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
TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran   June,	
  11th	
  2011
Wordpress
                         drupal                                            36%

                         TYPO3
                         plone
                         others                                                             55%

                                                                                 0%
                                                                                  3%
                                                                                       6%

              cms	
  market	
  
            coverage	
  >	
  66%


TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran                          June,	
  11th	
  2011
hop://wordpress.org/extend/plugins/front-­‐end-­‐editor/
TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran                                                              June,	
  11th	
  2011
TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran   June,	
  11th	
  2011
TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran   June,	
  11th	
  2011
TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran   June,	
  11th	
  2011
TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran   June,	
  11th	
  2011
TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran   June,	
  11th	
  2011
TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran   June,	
  11th	
  2011
TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran   June,	
  11th	
  2011
TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran   June,	
  11th	
  2011
(:




TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran        June,	
  11th	
  2011
(:




TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran        June,	
  11th	
  2011
(:




TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran        June,	
  11th	
  2011
(:




TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran        June,	
  11th	
  2011
(:




TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran        June,	
  11th	
  2011
(:




                                                                                       (:
TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran        June,	
  11th	
  2011
We develop Aloha Editor!




 TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran   June,	
  11th	
  2011
We develop Aloha Editor!




 TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran   June,	
  11th	
  2011
TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran   June,	
  11th	
  2011
contributors
                                                                           ader	
  aedc	
  vie
    l   ç




TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran               June,	
  11th	
  2011
New	
  guys	
  -­‐	
  new	
  ideas




TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran   June,	
  11th	
  2011
Aloha	
  Editor	
  DevCon	
  2011	
  keynote	
  -­‐	
  Haymo	
  Meran   February	
  13,	
  2011
Aloha	
  Editor	
  Events
  Aug	
  2011	
                                                                                  Oct	
  2011	
  TYPO3	
  conf	
  
                                                     April	
  2011	
  drupal	
  gov	
            Frankfurt
wordpress	
  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
Quality	
  improvements




TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran   June,	
  11th	
  2011
Quality	
  improvements




TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran   June,	
  11th	
  2011
Roadmap	
  
                                                                                 development
                                                                                 and
                                                                                 branching


                                                                           hUp://nvie.com/posts/a-­‐successful-­‐git-­‐branching-­‐model/
TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran                                               June,	
  11th	
  2011
Aloha	
  Editor	
  for	
  TYPO3




TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran   June,	
  11th	
  2011
Aloha	
  Editor	
  for	
  TYPO3
    l   outstanding	
  inline	
  edi0ng




TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran   June,	
  11th	
  2011
Aloha	
  Editor	
  for	
  TYPO3
    l   outstanding	
  inline	
  edi0ng
    l   open	
  plugin	
  infrastructure




TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran   June,	
  11th	
  2011
Aloha	
  Editor	
  for	
  TYPO3
    l   outstanding	
  inline	
  edi0ng
    l   open	
  plugin	
  infrastructure
    l   vivid	
  community




TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran   June,	
  11th	
  2011
Aloha	
  Editor	
  for	
  TYPO3
    l   outstanding	
  inline	
  edi0ng
    l   open	
  plugin	
  infrastructure
    l   vivid	
  community
    l   visible	
  roadmap	
  development




TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran   June,	
  11th	
  2011
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
TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran                               June,	
  11th	
  2011
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                   thanks
TYPO3	
  conference	
  2011	
  San	
  Francisco	
  -­‐	
  Haymo	
  Meran                               June,	
  11th	
  2011

Contenu connexe

Plus de Haymo 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
 

Plus de Haymo Meran (13)

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
 
E20 Keynote
E20   KeynoteE20   Keynote
E20 Keynote
 
Gpn4
Gpn4Gpn4
Gpn4
 

Dernier

Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Scriptwesley chun
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Miguel Araújo
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUK Journal
 
Developing An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of BrazilDeveloping An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of BrazilV3cube
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationRadu Cotescu
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024The Digital Insurer
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...Martijn de Jong
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century educationjfdjdjcjdnsjd
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAndrey Devyatkin
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobeapidays
 
HTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation StrategiesHTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation StrategiesBoston Institute of Analytics
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsMaria Levchenko
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdfhans926745
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonAnna Loughnan Colquhoun
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptxHampshireHUG
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)Gabriella Davis
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc
 

Dernier (20)

Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
Developing An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of BrazilDeveloping An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of Brazil
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
HTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation StrategiesHTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation Strategies
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 

Aloha editor typo3 San Francisco

  • 1.                                        Conference San  Francisco  2011 TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 2. CTO,  DoPE @  Gen.cs guest  lecturer @  Danube  University  of  Krems  and  FH  Eisenstadt invited  expert @  W3C  HTML  working  group director @  Aloha  Editor  Associa.on TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 3. Gen.cs  Xmas  2010 TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 4. TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 5. rn et in te  th e   an ge ch TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 6. rn et e   i nte dit  th e TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 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. 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. TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 10. TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 11. TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 12. TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 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. TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 15. HML5  is  the  answer  to  the  UlKmate  QuesKon   of  Life,  the  Universe,  and  Everything TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 16. HML5  is  the  answer  to  the  UlKmate  QuesKon   of  Life,  the  Universe,  and  Everything TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 17. HML5  is  the  answer  to  the  UlKmate  QuesKon   of  Life,  the  Universe,  and  Everything TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 18. HML5  is  the  answer  to  the  UlKmate  QuesKon   of  Life,  the  Universe,  and  Everything TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 19. contenteditable  in  browsers <div  contentEditable=”true”>...</div> TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 20. contenteditable  in  browsers <div  contentEditable=”true”>...</div> TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 21. contenteditable  in  browsers <div  contentEditable=”true”>...</div> TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 22. contenteditable  in  browsers <div  contentEditable=”true”>...</div> TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 23. Where  does  the  content   of  TYPO3  websites   from? TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 24. TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 25. 22/49 useless TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 26. TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 27. TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 28. TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 29. TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 30. 99,9%  TYPO3  user  !=  hacker TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 31. What  is  Aloha  Editor  about? TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 32. What  is  Aloha  Editor  about? TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 33. No reload! TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 34. No iframe! TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 35. No browser crap! TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 36. No menu rubbish! TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 37. No Markup! TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 38. just edit TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 39. just edit TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 40. January  18th  2010 1778  –  James  Cook  is  the  first  known  European  to  discover  the  Hawaiian  Islands Aloha TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 41. TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 42. Experience. TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 43. Experience is. memories TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 44. Experience is. big things TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 45. Experience is. small things TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran hUp://flickr.com/photos/presta/151544021/sizes/l/ June,  11th  2011
  • 46. Experience is. TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran bad June,  11th  2011
  • 47. Experience is. subjective TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 48. small details TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 49. BIG DIFFE TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 50. Experience can make something special TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 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.  It's  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. TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 53. TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 54. Improve  the  interacKon  process Measured with the KeyStroke-Level-Model (KLM) TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 55. How  much  costs  ediKng 1) http://stats.wikimedia.org/EN/TablesWikipediaEN.htm 2) http://en.wikipedia.org/wiki/Wikipedia:Time_management TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 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_management TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 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_management TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 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_management TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 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_management TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 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_management TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 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_management TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 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_management TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 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_management TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 64. TYPO3  &  Aloha  Editor  si]ng  in  a  tree TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 65. TYPO3  &  Aloha  Editor  si]ng  in  a  tree TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 66. UXcamp  -­‐  Berlin  29th  May  2010 TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 67. UXcamp  -­‐  Berlin  29th  May  2010 Jens  Hoffmann Typo3  -­‐  UI TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 68. UXcamp  -­‐  Berlin  29th  May  2010 Jens  Hoffmann Typo3  -­‐  UI TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 69. UXcamp  -­‐  Berlin  29th  May  2010 Jens  Hoffmann Typo3  -­‐  UI TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 70. May  30th  2010 TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 71. May  30th  2010 TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 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/1sgbl7 TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 73. the  first  follower TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran hop://www.youtube.com/watch?v=fW8amMCVAJQ June,  11th  2011
  • 74. the  first  follower TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran hop://www.youtube.com/watch?v=fW8amMCVAJQ June,  11th  2011
  • 75.    Serious  hackers TYPO3  community  is  working  hard l Mastertexsormat  bearbeiten TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 76. Who  uses  Aloha  Editor? Jens Hoffmann Kasper Skårhøj TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 77. Nils lickit Jens Hoffmann TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 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. TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 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. hop://wordpress.org/extend/plugins/front-­‐end-­‐editor/ TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 82. TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 83. TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 84. TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 85. TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 86. TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 87. TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 88. TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 89. TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 90. (: TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 91. (: TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 92. (: TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 93. (: TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 94. (: TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 95. (: (: TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 96. We develop Aloha Editor! TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 97. We develop Aloha Editor! TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 98. TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 99. contributors ader  aedc  vie l ç TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 100. New  guys  -­‐  new  ideas TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 101. Aloha  Editor  DevCon  2011  keynote  -­‐  Haymo  Meran February  13,  2011
  • 102. Aloha  Editor  Events Aug  2011   Oct  2011  TYPO3  conf   April  2011  drupal  gov   Frankfurt wordpress  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. Quality  improvements TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 104. Quality  improvements TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 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. Aloha  Editor  for  TYPO3 TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 107. Aloha  Editor  for  TYPO3 l outstanding  inline  edi0ng TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 108. Aloha  Editor  for  TYPO3 l outstanding  inline  edi0ng l open  plugin  infrastructure TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 109. Aloha  Editor  for  TYPO3 l outstanding  inline  edi0ng l open  plugin  infrastructure l vivid  community TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 110. Aloha  Editor  for  TYPO3 l outstanding  inline  edi0ng l open  plugin  infrastructure l vivid  community l visible  roadmap  development TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 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 r TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011
  • 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 thanks TYPO3  conference  2011  San  Francisco  -­‐  Haymo  Meran June,  11th  2011