SlideShare ist ein Scribd-Unternehmen logo
1 von 48
Downloaden Sie, um offline zu lesen
jQuery	
  conf	
  Europe	
  2012
                                                       @dra4kra4	
  	
  Haymo	
  Meran
jQuery	
  conference	
  Europe	
  2012	
  -­‐	
  Haymo	
  Meran
jQuery	
  conference	
  Europe	
  2012	
  -­‐	
  Haymo	
  Meran
DoPE
                                                                  @	
  Gen8cs

                                                                  guest	
  lecturer
                                                                  @	
  Danube	
  University	
  of	
  Krems
                                                                  @	
  FH	
  Eisenstadt

                                                                  invited	
  expert
                                                                  @	
  W3C	
  HTML	
  working	
  group

                                                                  director
                                                                  @	
  Aloha	
  Editor	
  Associa8on




jQuery	
  conference	
  Europe	
  2012	
  -­‐	
  Haymo	
  Meran
Director Of Product Experience
                                                                  DoPE
                                                                  @	
  Gen8cs

                                                                  guest	
  lecturer
                                                                  @	
  Danube	
  University	
  of	
  Krems
                                                                  @	
  FH	
  Eisenstadt

                                                                  invited	
  expert
                                                                  @	
  W3C	
  HTML	
  working	
  group

                                                                  director
                                                                  @	
  Aloha	
  Editor	
  Associa8on




jQuery	
  conference	
  Europe	
  2012	
  -­‐	
  Haymo	
  Meran
$(“.editable”).aloha();
                                                                  $(“.editable”).mahalo();
jQuery	
  conference	
  Europe	
  2012	
  -­‐	
  Haymo	
  Meran
jQuery	
  conference	
  Europe	
  2012	
  -­‐	
  Haymo	
  Meran
jQuery	
  conference	
  Europe	
  2012	
  -­‐	
  Haymo	
  Meran
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	
  
         compuWng	
  to	
  describe	
  a	
  system	
  in	
  which	
  content	
  
         displayed	
  during	
  edi8ng	
  appears	
  very	
  similar	
  to	
  the	
  
         final	
  output,[2]	
  which	
  might	
  be	
  a	
  printed	
  document,	
  
         web	
  page,	
  or	
  slide	
  presentaWon.


jQuery	
  conference	
  Europe	
  2012	
  -­‐	
  Haymo	
  Meran
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	
  
         compuWng	
  to	
  describe	
  a	
  system	
  in	
  which	
  content	
  
         displayed	
  during	
  edi8ng	
  appears	
  very	
  similar	
  to	
  the	
  
         final	
  output,[2]	
  which	
  might	
  be	
  a	
  printed	
  document,	
  
         web	
  page,	
  or	
  slide	
  presentaWon.


jQuery	
  conference	
  Europe	
  2012	
  -­‐	
  Haymo	
  Meran
jQuery	
  conference	
  Europe	
  2012	
  -­‐	
  Haymo	
  Meran
jQuery	
  conference	
  Europe	
  2012	
  -­‐	
  Haymo	
  Meran
jQuery	
  conference	
  Europe	
  2012	
  -­‐	
  Haymo	
  Meran
This is not Aloha Editor!!!




jQuery	
  conference	
  Europe	
  2012	
  -­‐	
  Haymo	
  Meran
jQuery	
  conference	
  Europe	
  2012	
  -­‐	
  Haymo	
  Meran
This is Aloha Editor




jQuery	
  conference	
  Europe	
  2012	
  -­‐	
  Haymo	
  Meran
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	
  
         compuWng	
  to	
  describe	
  a	
  system	
  in	
  which	
  content	
  
         displayed	
  during	
  edi8ng	
  appears	
  very	
  similar	
  to	
  the	
  
         final	
  output,[2]	
  which	
  might	
  be	
  a	
  printed	
  document,	
  
         web	
  page,	
  or	
  slide	
  presentaWon.


jQuery	
  conference	
  Europe	
  2012	
  -­‐	
  Haymo	
  Meran
jQuery	
  conference	
  Europe	
  2012	
  -­‐	
  Haymo	
  Meran
HTML5	
  is	
  the	
  answer	
  to	
  the	
  UlWmate	
  
   QuesWon	
  of	
  Life,	
  the	
  Universe,	
  and	
  Everything




jQuery	
  conference	
  Europe	
  2012	
  -­‐	
  Haymo	
  Meran
contenteditable	
  in	
  browsers

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




jQuery	
  conference	
  Europe	
  2012	
  -­‐	
  Haymo	
  Meran
contenteditable	
  in	
  browsers

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




jQuery	
  conference	
  Europe	
  2012	
  -­‐	
  Haymo	
  Meran
contenteditable	
  in	
  browsers

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




jQuery	
  conference	
  Europe	
  2012	
  -­‐	
  Haymo	
  Meran
contenteditable	
  in	
  browsers

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




jQuery	
  conference	
  Europe	
  2012	
  -­‐	
  Haymo	
  Meran
jQuery	
  conference	
  Europe	
  2012	
  -­‐	
  Haymo	
  Meran
jQuery	
  conference	
  Europe	
  2012	
  -­‐	
  Haymo	
  Meran
jQuery	
  conference	
  Europe	
  2012	
  -­‐	
  Haymo	
  Meran
What	
  is	
  Aloha	
  Editor	
  about?




webdeveloper	
  conference	
  Hamburg	
  2011	
  -­‐	
  Haymo	
  Meran
What	
  is	
  Aloha	
  Editor	
  about?




webdeveloper	
  conference	
  Hamburg	
  2011	
  -­‐	
  Haymo	
  Meran
No reload!




jQuery	
  conference	
  Europe	
  2012	
  -­‐	
  Haymo	
  Meran
No iframe!




jQuery	
  conference	
  Europe	
  2012	
  -­‐	
  Haymo	
  Meran
No browser crap!




jQuery	
  conference	
  Europe	
  2012	
  -­‐	
  Haymo	
  Meran
No menu rubbish!



jQuery	
  conference	
  Europe	
  2012	
  -­‐	
  Haymo	
  Meran
No Markup!



jQuery	
  conference	
  Europe	
  2012	
  -­‐	
  Haymo	
  Meran
just edit




jQuery	
  conference	
  Europe	
  2012	
  -­‐	
  Haymo	
  Meran
Aloha	
  Editor	
  Experience
   l    All	
  interacWons	
  should	
  react	
  in	
       real8me	
  and	
  give	
  immediate	
  clear	
  feedback	
  to	
  the	
  user.	
  
   l    The	
  user	
  should	
     see	
  the	
  exact	
  result	
  of	
  its	
  acWon	
  immediately.
   l    No	
  apply	
  or	
  confirm	
  acWon	
  should	
  be	
  necessary.	
  It's	
  done	
  when	
  you	
  do	
  it.

   l
         Instead	
  everthing	
  can	
  be	
       undo                  ne.


   l    Every	
  acWon	
  should	
  be	
  completed	
  with	
  the	
  minimum	
  possible	
  interac*ons.




webdeveloper	
  conference	
  Hamburg	
  2011	
  -­‐	
  Haymo	
  Meran
Improve	
  the	
  interacWon	
  process




                                                                         Measured with the KeyStroke-Level-Model (KLM)




webdeveloper	
  conference	
  Hamburg	
  2011	
  -­‐	
  Haymo	
  Meran
How	
  much	
  costs	
  ediWng
                                   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


jQuery	
  conference	
  Europe	
  2012	
  -­‐	
  Haymo	
  Meran
How	
  much	
  costs	
  ediWng
                                   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


jQuery	
  conference	
  Europe	
  2012	
  -­‐	
  Haymo	
  Meran
How	
  much	
  costs	
  ediWng
                                   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


jQuery	
  conference	
  Europe	
  2012	
  -­‐	
  Haymo	
  Meran
How	
  much	
  costs	
  ediWng
                                   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


jQuery	
  conference	
  Europe	
  2012	
  -­‐	
  Haymo	
  Meran
jQuery	
  conference	
  Europe	
  2012	
  -­‐	
  Haymo	
  Meran
jQuery	
  conference	
  Europe	
  2012	
  -­‐	
  Haymo	
  Meran
Who	
  uses	
  Aloha	
  Editor?
                                                                                                        5
                                                                  TYPO3 Phoenix will use the Aloha Editor to provide its
                                                                  users the most smoothest inline editing experience.




jQuery	
  conference	
  Europe	
  2012	
  -­‐	
  Haymo	
  Meran
h`p://wordpress.org/extend/plugins/front-­‐end-­‐editor/
jQuery	
  conference	
  Europe	
  2012	
  -­‐	
  Haymo	
  Meran
jQuery	
  conference	
  Europe	
  2012	
  -­‐	
  Haymo	
  Meran
Google	
  says:
	
  "..and	
  HTML	
  makes	
  OT	
  
(Opera8onal	
  Transforms)	
  difficult	
  
if	
  not	
  impossible..."
                                                   h]p://www.waveprotocol.org/faq



jQuery	
  conference	
  Europe	
  2012	
  -­‐	
  Haymo	
  Meran
Dear	
  Google,
YOU	
  ARE	
  WRONG!
                                                                  h]p://aloha-­‐wikidocs.com



jQuery	
  conference	
  Europe	
  2012	
  -­‐	
  Haymo	
  Meran
Resources
         	
  	
  	
  	
  	
  	
  	
  	
  	
  h]p://aloha-­‐editor.org
         	
  	
  	
  	
  	
  	
  	
  	
  	
  h]p://aloha-­‐wikidocs.com


jQuery	
  conference	
  Europe	
  2012	
  -­‐	
  Haymo	
  Meran
Thank	
  you!

                                                           @dra`kra`
jQuery	
  conference	
  Europe	
  2012	
  -­‐	
  Haymo	
  Meran

Weitere ähnliche Inhalte

Ähnlich wie Aloha Editor and Aloha Wikidocs

ICWE 2010 Demonstration and Poster elevator pitch session
ICWE 2010 Demonstration and Poster elevator pitch sessionICWE 2010 Demonstration and Poster elevator pitch session
ICWE 2010 Demonstration and Poster elevator pitch sessionMarco Brambilla
 
Enhancing and testing repository deposit interfaces
Enhancing and testing repository deposit interfacesEnhancing and testing repository deposit interfaces
Enhancing and testing repository deposit interfacesdepositMO
 
Breathe Life Into Your IDE
Breathe Life Into Your IDEBreathe Life Into Your IDE
Breathe Life Into Your IDEBenoit Combemale
 
Starting with jQuery
Starting with jQueryStarting with jQuery
Starting with jQueryAnil Kumar
 
The Future for Educational Resource Repositories in a Web 2.0 World
The Future for Educational Resource Repositories in a Web 2.0 WorldThe Future for Educational Resource Repositories in a Web 2.0 World
The Future for Educational Resource Repositories in a Web 2.0 Worldlisbk
 
Architecting an ASP.NET MVC Solution
Architecting an ASP.NET MVC SolutionArchitecting an ASP.NET MVC Solution
Architecting an ASP.NET MVC SolutionAndrea Saltarello
 
Single page apps a bleeding edge new concept or a revived old one?
Single page apps   a bleeding edge new concept or a revived old one?Single page apps   a bleeding edge new concept or a revived old one?
Single page apps a bleeding edge new concept or a revived old one?Omer Dawelbeit
 
Execution Framework of the GEMOC Studio
Execution Framework of the GEMOC StudioExecution Framework of the GEMOC Studio
Execution Framework of the GEMOC StudioBenoit Combemale
 
FEDM Meetup: Introducing Mojito
FEDM Meetup: Introducing MojitoFEDM Meetup: Introducing Mojito
FEDM Meetup: Introducing MojitoCaridy Patino
 
Latest trends in Technical Writing, Authoring on Cloud, Content Delivery for ...
Latest trends in Technical Writing, Authoring on Cloud, Content Delivery for ...Latest trends in Technical Writing, Authoring on Cloud, Content Delivery for ...
Latest trends in Technical Writing, Authoring on Cloud, Content Delivery for ...Raghuram Pandurangan
 
Web engineering notes unit 2
Web engineering notes unit 2Web engineering notes unit 2
Web engineering notes unit 2inshu1890
 
What the heck is Eclipse Modeling and why should you care !
What the heck is Eclipse Modeling and why should you care !What the heck is Eclipse Modeling and why should you care !
What the heck is Eclipse Modeling and why should you care !Cédric Brun
 
Get Started with JavaScript Frameworks
Get Started with JavaScript FrameworksGet Started with JavaScript Frameworks
Get Started with JavaScript FrameworksChristian Gaetano
 
Postmodern Web Apps
Postmodern Web AppsPostmodern Web Apps
Postmodern Web Appsmalteubl
 
Model Execution: Past, Present and Future
Model Execution: Past, Present and FutureModel Execution: Past, Present and Future
Model Execution: Past, Present and FutureBenoit Combemale
 
HTML validation, microformats, jQuery
HTML validation, microformats, jQueryHTML validation, microformats, jQuery
HTML validation, microformats, jQueryJeffrey Barke
 
Maximising Online Resource Effectiveness Workshop Session 3/8 Priority issues
Maximising Online Resource Effectiveness Workshop Session 3/8 Priority issuesMaximising Online Resource Effectiveness Workshop Session 3/8 Priority issues
Maximising Online Resource Effectiveness Workshop Session 3/8 Priority issuesPlatypus
 

Ähnlich wie Aloha Editor and Aloha Wikidocs (20)

ICWE 2010 Demonstration and Poster elevator pitch session
ICWE 2010 Demonstration and Poster elevator pitch sessionICWE 2010 Demonstration and Poster elevator pitch session
ICWE 2010 Demonstration and Poster elevator pitch session
 
Enhancing and testing repository deposit interfaces
Enhancing and testing repository deposit interfacesEnhancing and testing repository deposit interfaces
Enhancing and testing repository deposit interfaces
 
Breathe Life Into Your IDE
Breathe Life Into Your IDEBreathe Life Into Your IDE
Breathe Life Into Your IDE
 
Starting with jQuery
Starting with jQueryStarting with jQuery
Starting with jQuery
 
The Future for Educational Resource Repositories in a Web 2.0 World
The Future for Educational Resource Repositories in a Web 2.0 WorldThe Future for Educational Resource Repositories in a Web 2.0 World
The Future for Educational Resource Repositories in a Web 2.0 World
 
Introduction to Web Components
Introduction to Web ComponentsIntroduction to Web Components
Introduction to Web Components
 
Architecting an ASP.NET MVC Solution
Architecting an ASP.NET MVC SolutionArchitecting an ASP.NET MVC Solution
Architecting an ASP.NET MVC Solution
 
Single page apps a bleeding edge new concept or a revived old one?
Single page apps   a bleeding edge new concept or a revived old one?Single page apps   a bleeding edge new concept or a revived old one?
Single page apps a bleeding edge new concept or a revived old one?
 
Execution Framework of the GEMOC Studio
Execution Framework of the GEMOC StudioExecution Framework of the GEMOC Studio
Execution Framework of the GEMOC Studio
 
FEDM Meetup: Introducing Mojito
FEDM Meetup: Introducing MojitoFEDM Meetup: Introducing Mojito
FEDM Meetup: Introducing Mojito
 
Latest trends in Technical Writing, Authoring on Cloud, Content Delivery for ...
Latest trends in Technical Writing, Authoring on Cloud, Content Delivery for ...Latest trends in Technical Writing, Authoring on Cloud, Content Delivery for ...
Latest trends in Technical Writing, Authoring on Cloud, Content Delivery for ...
 
Web engineering notes unit 2
Web engineering notes unit 2Web engineering notes unit 2
Web engineering notes unit 2
 
jQuery
jQueryjQuery
jQuery
 
OpenMI 2.0: What's New?
OpenMI 2.0: What's New?OpenMI 2.0: What's New?
OpenMI 2.0: What's New?
 
What the heck is Eclipse Modeling and why should you care !
What the heck is Eclipse Modeling and why should you care !What the heck is Eclipse Modeling and why should you care !
What the heck is Eclipse Modeling and why should you care !
 
Get Started with JavaScript Frameworks
Get Started with JavaScript FrameworksGet Started with JavaScript Frameworks
Get Started with JavaScript Frameworks
 
Postmodern Web Apps
Postmodern Web AppsPostmodern Web Apps
Postmodern Web Apps
 
Model Execution: Past, Present and Future
Model Execution: Past, Present and FutureModel Execution: Past, Present and Future
Model Execution: Past, Present and Future
 
HTML validation, microformats, jQuery
HTML validation, microformats, jQueryHTML validation, microformats, jQuery
HTML validation, microformats, jQuery
 
Maximising Online Resource Effectiveness Workshop Session 3/8 Priority issues
Maximising Online Resource Effectiveness Workshop Session 3/8 Priority issuesMaximising Online Resource Effectiveness Workshop Session 3/8 Priority issues
Maximising Online Resource Effectiveness Workshop Session 3/8 Priority issues
 

Mehr von Haymo Meran

Aloha editor alpine drupalcamp
Aloha editor alpine drupalcampAloha editor alpine drupalcamp
Aloha editor alpine drupalcampHaymo Meran
 
Aloha editor ossbig
Aloha editor ossbigAloha editor ossbig
Aloha editor ossbigHaymo Meran
 
Aloha editor keynote san francisco
Aloha editor keynote san franciscoAloha editor keynote san francisco
Aloha editor keynote san franciscoHaymo 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
 

Mehr von Haymo Meran (16)

Aloha editor alpine drupalcamp
Aloha editor alpine drupalcampAloha editor alpine drupalcamp
Aloha editor alpine drupalcamp
 
Aloha editor ossbig
Aloha editor ossbigAloha editor ossbig
Aloha editor ossbig
 
Aloha editor keynote san francisco
Aloha editor keynote san franciscoAloha editor keynote san francisco
Aloha editor keynote san francisco
 
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
 

Kürzlich hochgeladen

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
 
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
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking MenDelhi Call girls
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Drew Madelung
 
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking MenDelhi Call girls
 
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountBreaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountPuma Security, LLC
 
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live StreamsTop 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live StreamsRoshan Dwivedi
 
Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)Allon Mureinik
 
Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slidespraypatel2
 
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
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024The Digital Insurer
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processorsdebabhi2
 
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
 
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
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonetsnaman860154
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024Rafal Los
 
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
 
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfThe Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfEnterprise Knowledge
 
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
 

Kürzlich hochgeladen (20)

A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
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...
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
 
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountBreaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
 
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live StreamsTop 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
 
Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)
 
Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slides
 
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
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
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
 
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...
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
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
 
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfThe Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
 
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
 

Aloha Editor and Aloha Wikidocs

  • 1. jQuery  conf  Europe  2012 @dra4kra4    Haymo  Meran jQuery  conference  Europe  2012  -­‐  Haymo  Meran
  • 2. jQuery  conference  Europe  2012  -­‐  Haymo  Meran
  • 3. DoPE @  Gen8cs guest  lecturer @  Danube  University  of  Krems @  FH  Eisenstadt invited  expert @  W3C  HTML  working  group director @  Aloha  Editor  Associa8on jQuery  conference  Europe  2012  -­‐  Haymo  Meran
  • 4. Director Of Product Experience DoPE @  Gen8cs guest  lecturer @  Danube  University  of  Krems @  FH  Eisenstadt invited  expert @  W3C  HTML  working  group director @  Aloha  Editor  Associa8on jQuery  conference  Europe  2012  -­‐  Haymo  Meran
  • 5. $(“.editable”).aloha(); $(“.editable”).mahalo(); jQuery  conference  Europe  2012  -­‐  Haymo  Meran
  • 6. jQuery  conference  Europe  2012  -­‐  Haymo  Meran
  • 7. jQuery  conference  Europe  2012  -­‐  Haymo  Meran
  • 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   compuWng  to  describe  a  system  in  which  content   displayed  during  edi8ng  appears  very  similar  to  the   final  output,[2]  which  might  be  a  printed  document,   web  page,  or  slide  presentaWon. jQuery  conference  Europe  2012  -­‐  Haymo  Meran
  • 9. 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   compuWng  to  describe  a  system  in  which  content   displayed  during  edi8ng  appears  very  similar  to  the   final  output,[2]  which  might  be  a  printed  document,   web  page,  or  slide  presentaWon. jQuery  conference  Europe  2012  -­‐  Haymo  Meran
  • 10. jQuery  conference  Europe  2012  -­‐  Haymo  Meran
  • 11. jQuery  conference  Europe  2012  -­‐  Haymo  Meran
  • 12. jQuery  conference  Europe  2012  -­‐  Haymo  Meran
  • 13. This is not Aloha Editor!!! jQuery  conference  Europe  2012  -­‐  Haymo  Meran
  • 14. jQuery  conference  Europe  2012  -­‐  Haymo  Meran
  • 15. This is Aloha Editor jQuery  conference  Europe  2012  -­‐  Haymo  Meran
  • 16. 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   compuWng  to  describe  a  system  in  which  content   displayed  during  edi8ng  appears  very  similar  to  the   final  output,[2]  which  might  be  a  printed  document,   web  page,  or  slide  presentaWon. jQuery  conference  Europe  2012  -­‐  Haymo  Meran
  • 17. jQuery  conference  Europe  2012  -­‐  Haymo  Meran
  • 18. HTML5  is  the  answer  to  the  UlWmate   QuesWon  of  Life,  the  Universe,  and  Everything jQuery  conference  Europe  2012  -­‐  Haymo  Meran
  • 19. contenteditable  in  browsers <div  contentEditable=”true”>...</div> jQuery  conference  Europe  2012  -­‐  Haymo  Meran
  • 20. contenteditable  in  browsers <div  contentEditable=”true”>...</div> jQuery  conference  Europe  2012  -­‐  Haymo  Meran
  • 21. contenteditable  in  browsers <div  contentEditable=”true”>...</div> jQuery  conference  Europe  2012  -­‐  Haymo  Meran
  • 22. contenteditable  in  browsers <div  contentEditable=”true”>...</div> jQuery  conference  Europe  2012  -­‐  Haymo  Meran
  • 23. jQuery  conference  Europe  2012  -­‐  Haymo  Meran
  • 24. jQuery  conference  Europe  2012  -­‐  Haymo  Meran
  • 25. jQuery  conference  Europe  2012  -­‐  Haymo  Meran
  • 26. What  is  Aloha  Editor  about? webdeveloper  conference  Hamburg  2011  -­‐  Haymo  Meran
  • 27. What  is  Aloha  Editor  about? webdeveloper  conference  Hamburg  2011  -­‐  Haymo  Meran
  • 28. No reload! jQuery  conference  Europe  2012  -­‐  Haymo  Meran
  • 29. No iframe! jQuery  conference  Europe  2012  -­‐  Haymo  Meran
  • 30. No browser crap! jQuery  conference  Europe  2012  -­‐  Haymo  Meran
  • 31. No menu rubbish! jQuery  conference  Europe  2012  -­‐  Haymo  Meran
  • 32. No Markup! jQuery  conference  Europe  2012  -­‐  Haymo  Meran
  • 33. just edit jQuery  conference  Europe  2012  -­‐  Haymo  Meran
  • 34. Aloha  Editor  Experience l All  interacWons  should  react  in   real8me  and  give  immediate  clear  feedback  to  the  user.   l The  user  should   see  the  exact  result  of  its  acWon  immediately. l No  apply  or  confirm  acWon  should  be  necessary.  It's  done  when  you  do  it. l Instead  everthing  can  be   undo ne. l Every  acWon  should  be  completed  with  the  minimum  possible  interac*ons. webdeveloper  conference  Hamburg  2011  -­‐  Haymo  Meran
  • 35. Improve  the  interacWon  process Measured with the KeyStroke-Level-Model (KLM) webdeveloper  conference  Hamburg  2011  -­‐  Haymo  Meran
  • 36. How  much  costs  ediWng 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 jQuery  conference  Europe  2012  -­‐  Haymo  Meran
  • 37. How  much  costs  ediWng 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 jQuery  conference  Europe  2012  -­‐  Haymo  Meran
  • 38. How  much  costs  ediWng 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 jQuery  conference  Europe  2012  -­‐  Haymo  Meran
  • 39. How  much  costs  ediWng 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 jQuery  conference  Europe  2012  -­‐  Haymo  Meran
  • 40. jQuery  conference  Europe  2012  -­‐  Haymo  Meran
  • 41. jQuery  conference  Europe  2012  -­‐  Haymo  Meran
  • 42. Who  uses  Aloha  Editor? 5 TYPO3 Phoenix will use the Aloha Editor to provide its users the most smoothest inline editing experience. jQuery  conference  Europe  2012  -­‐  Haymo  Meran
  • 44. jQuery  conference  Europe  2012  -­‐  Haymo  Meran
  • 45. Google  says:  "..and  HTML  makes  OT   (Opera8onal  Transforms)  difficult   if  not  impossible..." h]p://www.waveprotocol.org/faq jQuery  conference  Europe  2012  -­‐  Haymo  Meran
  • 46. Dear  Google, YOU  ARE  WRONG! h]p://aloha-­‐wikidocs.com jQuery  conference  Europe  2012  -­‐  Haymo  Meran
  • 47. Resources                  h]p://aloha-­‐editor.org                  h]p://aloha-­‐wikidocs.com jQuery  conference  Europe  2012  -­‐  Haymo  Meran
  • 48. Thank  you! @dra`kra` jQuery  conference  Europe  2012  -­‐  Haymo  Meran