71
Aloha Editor at alpine drupalcamp Brixen 2011 Haymo Meran May 07, 2011 Aloha Editor

Aloha editor alpine drupalcamp

  • View
    978

  • Download
    5

Embed Size (px)

DESCRIPTION

an intro talk to d

Citation preview

Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011

Aloha  Editor

Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011

me Haymo  Meran

grown  up  in

Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011

me CTO,  director  of  product  experience@  GenEcs

guest  lecturer@  Danube  University  of  Kremsand  others

invited  expert@  W3C  HTML  working  group

opensource  developer@Aloha  Editor,  @rdfQuery

Haymo  Meran

grown  up  in

Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011

How  many  pages  is  the  internet?

hRp://www.worldwidewebsize.com/

Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011

Where  does  the  content  of  14  billon  pages  come  from?

Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011

Where  does  the  content  of  14  billon  pages  come  from?

internet  users

Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011

Where  does  the  content  of  14  billon  pages  come  from?

internet  users99,9%  user  !=  hacker

Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011

Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011

“Why  is  online  edi-ng  so  difficult?!”

Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011

“Why  does  edi-ng  not  work  like  in  Word?!”GenEcs  customers  asked  over  and  over  again

Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011

like  MS  Word  -­‐  WYSIWYGWYSIWYG  (  /ˈwɪziwɪɡ/  WIZ-­‐ee-­‐wig)[1]  is  an  acronym  for  what  you  see  is  what  you  get.  The  term  is  used  in  compuEng  to  describe  a  system  in  which  content  displayed  during  edi.ng  appears  very  similar  to  the  final  output,[2]  which  might  be  a  printed  document,  web  page,  or  slide  presentaEon.

Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011

Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011

Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011

Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011

Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011

Dear  Haymo  now  it’s  Emeto  show  the  Aloha  Editor  live.

hRp://www.aloha-­‐editor.org/

Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011

Dear  Haymo  now  it’s  Emeto  show  the  f***  unbelievable  Aloha  cube.

hRp://aloha-­‐editor.org/demos/cube/

and  a  showcase  where  this  funcEonality  makes  a  lot  of  sense.

Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011

Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011

contenteditable  in  browsers

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

Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011

contenteditable  in  browsers

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

Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011

contenteditable  in  browsers

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

Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011

contenteditable  in  browsers

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

Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011

Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011

No Markup!

Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011

No reload!

Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011

No iframe!

Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011

No menu rubbish!

Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011

No browser crap!

Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011

just edit

Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011

Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011

Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011

+Experience!

Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011

Experience is.

memories

Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011

Experience is.

big things

Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011

Experience is.

small thingshRp://flickr.com/photos/presta/151544021/sizes/l/

Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011

Experience is.

bad

Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011

Experience is.

subjective

Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011

small details

Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011

BIG DIFFERENCE

Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011

Experiencemakes things

special

Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011

Aloha  Editor  Experiencel All  interacEons  should  react  in  realEme  and  give  immediate  clear  feedback  to  the  user.  

l The  user  should  see  the  exact  result  of  its  acEon  immediately.

l No  apply  or  confirm  acEon  should  be  necessary.  It's  done  when  you  do  it.

l Instead  everthing  can  be  reverted.

l Every  acEon  should  be  completed  with  the  minimum  possible  interacEons.

l Everything  that  can  be  done  automaEcally  should  be  done  automaEcally.

Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011

Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011

Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011

Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011

Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011

Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011

Dear  Haymo  now  it’s  Emeto  show  Aloha  world.

hRp://www.aloha-­‐editor.org/demos/aloha-­‐world-­‐example/

Don’t  forget  to  show  the  link  details.

Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011

Every  acEon  should  be  completed  with  the  minimum  possible  interacEons.

Measured with the KeyStroke-Level-Model (KLM)

Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011

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

How  much  costs  ediEng

Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011

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

for the calculation we us the numbers from en.wikipedia.org in sept 2010about 35,000 users edited more than 5 pages

How  much  costs  ediEng

Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011

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

4,000,000 edits 1)

for the calculation we us the numbers from en.wikipedia.org in sept 2010about 35,000 users edited more than 5 pages

How  much  costs  ediEng

Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011

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

4,000,000 edits 1)

2 min per edit “two minutes to execute. In reality it probably takes longer”2)

for the calculation we us the numbers from en.wikipedia.org in sept 2010about 35,000 users edited more than 5 pages

How  much  costs  ediEng

Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011

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

4,000,000 edits 1)

2 min per edit “two minutes to execute. In reality it probably takes longer”2)

8,000,000 min editing per month (≈4h/user per month)

for the calculation we us the numbers from en.wikipedia.org in sept 2010about 35,000 users edited more than 5 pages

How  much  costs  ediEng

Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011

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

4,000,000 edits 1)

2 min per edit “two minutes to execute. In reality it probably takes longer”2)

8,000,000 min editing per month (≈4h/user per month)

for the calculation we us the numbers from en.wikipedia.org in sept 2010about 35,000 users edited more than 5 pages

$25 cost per hour per user

How  much  costs  ediEng

Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011

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

4,000,000 edits 1)

2 min per edit “two minutes to execute. In reality it probably takes longer”2)

8,000,000 min editing per month (≈4h/user per month)

for the calculation we us the numbers from en.wikipedia.org in sept 2010about 35,000 users edited more than 5 pages

$25 cost per hour per user

$3,333,333 cost per month

How  much  costs  ediEng

Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011

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

for the calculation we us the numbers from en.wikipedia.org in sept 2010about 35,000 users edited more than 5 pages

$3,333,333 cost per month

How  much  costs  ediEng

Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011

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

for the calculation we us the numbers from en.wikipedia.org in sept 2010about 35,000 users edited more than 5 pages

$3,333,333 cost per month

How  much  costs  ediEng

using the Aloha Editor you can

SAVE $10,000,000 per year

$833,333 per month

Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011

l Image  Plugin  (Crop&Resisze)

l Drag  and  Drop  Files

l JavaScript  Compression  and  Bundling

l CSS  Compression

l jQuery  1.5.0

l ExtJS  3.2.2

l Async  plugin  loader

l Placeholder  

Second  Quarter  2011  -­‐  0.11.0l UNDO

l UI  API

l Block  Handling

l table  columns  and  rows  to  be  resizeable

l Major  Plugin  Architecture  changes

l BeRer  Copy  &  Paste  Support

l TranslaEon  CompilaEon/Bundling

l Sewngs  CompilaEon/Bundling

First  Quarter  2011  -­‐  0.10.0

Roadmap

Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011

Aloha  Editor  for  drupal

the Aloha Editor drupal hero

hRp://drupal.org/project/wysiwyghRps://github.com/evo42/aloha-­‐drupalhRp://semanEc-­‐cms.info/

Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011

Hacker  Dojo  -­‐  June  6-­‐8  -­‐  Mountain  View

Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011

Aloha  Editor  project  factors  of  success

Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011

Aloha  Editor  project  factors  of  successl contenteditable  useable

Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011

Aloha  Editor  project  factors  of  successl contenteditable  useable

l open  plugin  infrastructure

Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011

Aloha  Editor  project  factors  of  successl contenteditable  useable

l open  plugin  infrastructure

l vivid  community

Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011

Aloha  Editor  project  factors  of  successl contenteditable  useable

l open  plugin  infrastructure

l vivid  community

l visible  roadmap  development

Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011

Aloha  Editor  project  factors  of  successl contenteditable  useable

l open  plugin  infrastructure

l vivid  community

l visible  roadmap  development

l acEve  communicaEon

Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011

Aloha  Editor  project  factors  of  successl contenteditable  useable

l open  plugin  infrastructure

l vivid  community

l visible  roadmap  development

l acEve  communicaEon connect on twitte

r

@draftkraft

Aloha  Editor    at    alpine  drupalcamp  Brixen    2011  -­‐  Haymo  Meran May  07,  2011

Aloha  Editor  project  factors  of  successl contenteditable  useable

l open  plugin  infrastructure

l vivid  community

l visible  roadmap  development

l acEve  communicaEonthanksconnect on tw

itter

@draftkraft