90
May 07, 2011 Aloha Editor at ossbig .11 Haymo Meran Aloha Editor Kosten sparen durch Open Source Open source community build from a pracCcal aspect

Aloha editor ossbig

Embed Size (px)

DESCRIPTION

A talk a

Citation preview

Page 1: Aloha editor ossbig

May  07,  2011Aloha  Editor    at  ossbig  .11  -­‐  Haymo  Meran

Aloha  EditorKosten  sparen  durch  Open  Source

Open  source  community  build  from  a  pracCcal  aspect

Page 2: Aloha editor ossbig

May  07,  2011Aloha  Editor    at  ossbig  .11  -­‐  Haymo  Meran

me Haymo  Meran

Page 3: Aloha editor ossbig

May  07,  2011Aloha  Editor    at  ossbig  .11  -­‐  Haymo  Meran

me CTO,  director  of  product  experience@  GenCcs

guest  lecturer@  Danube  University  of  Kremsand  others

invited  expert@  W3C  HTML  working  group

opensource  developer@Aloha  Editor,  @rdfQuery

Haymo  Meran

Page 4: Aloha editor ossbig

May  07,  2011Aloha  Editor    at  ossbig  .11  -­‐  Haymo  Meran

How  many  pages  is  the  internet?

hSp://www.worldwidewebsize.com/

Page 5: Aloha editor ossbig

May  07,  2011Aloha  Editor    at  ossbig  .11  -­‐  Haymo  Meran

Where  does  the  content  of  14  billon  pages  come  from?

Page 6: Aloha editor ossbig

May  07,  2011Aloha  Editor    at  ossbig  .11  -­‐  Haymo  Meran

Where  does  the  content  of  14  billon  pages  come  from?

internet  users

Page 7: Aloha editor ossbig

May  07,  2011Aloha  Editor    at  ossbig  .11  -­‐  Haymo  Meran

Where  does  the  content  of  14  billon  pages  come  from?

internet  users99,9%  user  !=  hacker

Page 8: Aloha editor ossbig

May  07,  2011Aloha  Editor    at  ossbig  .11  -­‐  Haymo  Meran

January  18th  2010

Page 9: Aloha editor ossbig

May  07,  2011Aloha  Editor    at  ossbig  .11  -­‐  Haymo  Meran

January  18th  20101778  –  James  Cook  is  the  first  known  European  to  discover  the  Hawaiian  Islands

Page 10: Aloha editor ossbig

May  07,  2011Aloha  Editor    at  ossbig  .11  -­‐  Haymo  Meran

January  18th  20101778  –  James  Cook  is  the  first  known  European  to  discover  the  Hawaiian  Islands

Aloha

Page 11: Aloha editor ossbig

May  07,  2011Aloha  Editor    at  ossbig  .11  -­‐  Haymo  Meran

Page 12: Aloha editor ossbig

Aloha  Editor    at  ossbig  .11  -­‐  Haymo  Meran May  07,  2011

Locked  in  for  14  days

Clemens

Haymo

Page 13: Aloha editor ossbig

May  07,  2011Aloha  Editor    at  ossbig  .11  -­‐  Haymo  Meran

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  compuCng  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  presentaCon.

Page 14: Aloha editor ossbig

May  07,  2011Aloha  Editor    at  ossbig  .11  -­‐  Haymo  Meran

Page 15: Aloha editor ossbig

May  07,  2011Aloha  Editor    at  ossbig  .11  -­‐  Haymo  Meran

Page 16: Aloha editor ossbig

May  07,  2011Aloha  Editor    at  ossbig  .11  -­‐  Haymo  Meran

Page 17: Aloha editor ossbig

May  07,  2011Aloha  Editor    at  ossbig  .11  -­‐  Haymo  Meran

Page 18: Aloha editor ossbig

May  07,  2011Aloha  Editor    at  ossbig  .11  -­‐  Haymo  Meran

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

Page 19: Aloha editor ossbig

May  07,  2011Aloha  Editor    at  ossbig  .11  -­‐  Haymo  Meran

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

Page 20: Aloha editor ossbig

May  07,  2011Aloha  Editor    at  ossbig  .11  -­‐  Haymo  Meran

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

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

An  then  to  show  the  f***  unbelievable  Aloha  cube.

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

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

Page 21: Aloha editor ossbig

May  07,  2011Aloha  Editor    at  ossbig  .11  -­‐  Haymo  Meran

Who  uses  Aloha  Editor?

Page 22: Aloha editor ossbig

May  07,  2011Aloha  Editor    at  ossbig  .11  -­‐  Haymo  Meran

Who  uses  Aloha  Editor?

Page 23: Aloha editor ossbig

May  07,  2011Aloha  Editor    at  ossbig  .11  -­‐  Haymo  Meran

55%

6%

3%0%

36%

WordpressdrupalTYPO3ploneothers

Page 27: Aloha editor ossbig

May  07,  2011Aloha  Editor    at  ossbig  .11  -­‐  Haymo  Meran

No Markup!

Page 28: Aloha editor ossbig

May  07,  2011Aloha  Editor    at  ossbig  .11  -­‐  Haymo  Meran

No reload!

Page 29: Aloha editor ossbig

May  07,  2011Aloha  Editor    at  ossbig  .11  -­‐  Haymo  Meran

No iframe!

Page 30: Aloha editor ossbig

May  07,  2011Aloha  Editor    at  ossbig  .11  -­‐  Haymo  Meran

No menu rubbish!

Page 31: Aloha editor ossbig

May  07,  2011Aloha  Editor    at  ossbig  .11  -­‐  Haymo  Meran

No browser crap!

Page 32: Aloha editor ossbig

May  07,  2011Aloha  Editor    at  ossbig  .11  -­‐  Haymo  Meran

just edit

Page 33: Aloha editor ossbig

May  07,  2011Aloha  Editor    at  ossbig  .11  -­‐  Haymo  Meran

Page 34: Aloha editor ossbig

May  07,  2011Aloha  Editor    at  ossbig  .11  -­‐  Haymo  Meran

Page 35: Aloha editor ossbig

May  07,  2011Aloha  Editor    at  ossbig  .11  -­‐  Haymo  Meran

Technology

Page 36: Aloha editor ossbig

May  07,  2011Aloha  Editor    at  ossbig  .11  -­‐  Haymo  Meran

Technology

Features

Page 37: Aloha editor ossbig

May  07,  2011Aloha  Editor    at  ossbig  .11  -­‐  Haymo  Meran

Technology

Features

UX

Page 38: Aloha editor ossbig

May  07,  2011Aloha  Editor    at  ossbig  .11  -­‐  Haymo  Meran

Technology

Features

UX

Page 39: Aloha editor ossbig

May  07,  2011Aloha  Editor    at  ossbig  .11  -­‐  Haymo  Meran

Technology

Features

UX

buying  /  using  de

cisio

n

Page 40: Aloha editor ossbig

May  07,  2011Aloha  Editor    at  ossbig  .11  -­‐  Haymo  Meran

Technology

Features

UX

buying  /  using  de

cisio

n

Page 41: Aloha editor ossbig

May  07,  2011Aloha  Editor    at  ossbig  .11  -­‐  Haymo  Meran

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

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

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

l Instead  everthing  can  be  reverted.

l Every  acCon  should  be  completed  with  the  minimum  possible  interacCons.

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

Page 42: Aloha editor ossbig

May  07,  2011Aloha  Editor    at  ossbig  .11  -­‐  Haymo  Meran

Page 43: Aloha editor ossbig

May  07,  2011Aloha  Editor    at  ossbig  .11  -­‐  Haymo  Meran

Page 44: Aloha editor ossbig

May  07,  2011Aloha  Editor    at  ossbig  .11  -­‐  Haymo  Meran

Page 45: Aloha editor ossbig

May  07,  2011Aloha  Editor    at  ossbig  .11  -­‐  Haymo  Meran

Page 46: Aloha editor ossbig

May  07,  2011Aloha  Editor    at  ossbig  .11  -­‐  Haymo  Meran

Page 47: Aloha editor ossbig

Aloha  Editor    at  ossbig  .11  -­‐  Haymo  Meran May  07,  2011

Every  acCon  should  be  completed  with  the  minimum  possible  interacCons.

Measured with the KeyStroke-Level-Model (KLM)

Page 48: Aloha editor ossbig

May  07,  2011Aloha  Editor    at  ossbig  .11  -­‐  Haymo  Meran

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

How  much  costs  ediCng

Page 49: Aloha editor ossbig

May  07,  2011Aloha  Editor    at  ossbig  .11  -­‐  Haymo  Meran

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  ediCng

Page 50: Aloha editor ossbig

May  07,  2011Aloha  Editor    at  ossbig  .11  -­‐  Haymo  Meran

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  ediCng

Page 51: Aloha editor ossbig

May  07,  2011Aloha  Editor    at  ossbig  .11  -­‐  Haymo  Meran

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  ediCng

Page 52: Aloha editor ossbig

May  07,  2011Aloha  Editor    at  ossbig  .11  -­‐  Haymo  Meran

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  ediCng

Page 53: Aloha editor ossbig

May  07,  2011Aloha  Editor    at  ossbig  .11  -­‐  Haymo  Meran

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  ediCng

Page 54: Aloha editor ossbig

May  07,  2011Aloha  Editor    at  ossbig  .11  -­‐  Haymo  Meran

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  ediCng

Page 55: Aloha editor ossbig

May  07,  2011Aloha  Editor    at  ossbig  .11  -­‐  Haymo  Meran

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  ediCng

Page 56: Aloha editor ossbig

May  07,  2011Aloha  Editor    at  ossbig  .11  -­‐  Haymo  Meran

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  ediCng

using the Aloha Editor you can

SAVE $10,000,000 per year

$833,333 per month

Page 57: Aloha editor ossbig

February  13,  2011Aloha  Editor  DevCon  2011  keynote  -­‐  Haymo  Meran

Who developls Aloha Editor?

Page 58: Aloha editor ossbig

February  13,  2011Aloha  Editor  DevCon  2011  keynote  -­‐  Haymo  Meran

Who developls Aloha Editor?

Page 59: Aloha editor ossbig

February  13,  2011Aloha  Editor  DevCon  2011  keynote  -­‐  Haymo  Meran

Page 60: Aloha editor ossbig

February  13,  2011Aloha  Editor  DevCon  2011  keynote  -­‐  Haymo  Meran

contributorsl ç

Text

Page 61: Aloha editor ossbig

February  13,  2011Aloha  Editor  DevCon  2011  keynote  -­‐  Haymo  Meran

Page 62: Aloha editor ossbig

February  13,  2011Aloha  Editor  DevCon  2011  keynote  -­‐  Haymo  Meran

Develop  in  a  communityl Don’t  freeze  the  trunk  for  long  periods

l weekly  skype  call  (what  have  you  done,  what  will  you  do?  -­‐  It’s  ok  if  you  don’t  do  anything,  but  say  so)

l Turnover  is  inevitable

l Respond  to  contribuCons  immediately

l Be  extremely  kind  and  visibly  appreciaCve  -­‐Encourage  a  total  absence  of  personal  negaCvity

l conference,  conference,  conference

hSp://www.codesimplicity.com/post/open-­‐source-­‐community-­‐simplified/

Page 63: Aloha editor ossbig

February  13,  2011Aloha  Editor  DevCon  2011  keynote  -­‐  Haymo  Meran

Aloha  Editor  Events

June  2011San  Francisco

February  2011Vienna

Oct  2011Sydney

April  2011  jQuery  conf  SFO

drupal  gov  days  April  2001  Brusseles

drupal  alpine  days  May  2011  Brixen

Okt  2011Colombo  (Sri  Lanka)

Aug  2011wordpress  San  Francisco

Page 64: Aloha editor ossbig

May  07,  2011Aloha  Editor    at  ossbig  .11  -­‐  Haymo  Meran

Page 65: Aloha editor ossbig

May  07,  2011Aloha  Editor    at  ossbig  .11  -­‐  Haymo  Meran

Page 66: Aloha editor ossbig

May  07,  2011Aloha  Editor    at  ossbig  .11  -­‐  Haymo  Meran

ImplementaCon

hSp://aloha-­‐editor.org/wiki/MigraCon_to_jQuery_UI

Page 67: Aloha editor ossbig

Aloha  Editor    at  ossbig  .11  -­‐  Haymo  Meran May  07,  2011

Aloha  Editor  for  drupal

the Aloha Editor drupal hero

hSp://drupal.org/project/wysiwyghSps://github.com/evo42/aloha-­‐drupalhSp://semanCc-­‐cms.info/

Page 68: Aloha editor ossbig

Aloha  Editor    at  ossbig  .11  -­‐  Haymo  Meran May  07,  2011

Aloha  Editor  and  RDFhSps://github.com/alohaeditor/Aloha-­‐Plugin-­‐VIE

Page 69: Aloha editor ossbig

Aloha  Editor    at  ossbig  .11  -­‐  Haymo  Meran May  07,  2011

Success  factorsl conferences,  conferences,  conferences

l visible  roadmap

l act  immediately  

l be  more  then  appreciaCve

l

Page 70: Aloha editor ossbig

February  13,  2011Aloha  Editor  DevCon  2011  keynote  -­‐  Haymo  Meran

Roadmap  developmentandbranching

hSp://nvie.com/posts/a-­‐successful-­‐git-­‐branching-­‐model/

Page 71: Aloha editor ossbig

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 BeSer  Copy  &  Paste  Support

l TranslaCon  CompilaCon/Bundling

l Sezngs  CompilaCon/Bundling

First  Quarter  2011  -­‐  0.10.0

Roadmap

Page 72: Aloha editor ossbig

February  13,  2011Aloha  Editor  DevCon  2011  keynote  -­‐  Haymo  Meran

Roadmap  and  the  problem  with  details

Unit = 200 kmlength = 2400 km (approx.)

hSp://blogs.gnome.org/bolsh/2011/02/07/drawing-­‐up-­‐a-­‐roadmap/

Page 73: Aloha editor ossbig

February  13,  2011Aloha  Editor  DevCon  2011  keynote  -­‐  Haymo  Meran

Roadmap  and  the  problem  with  details

Unit = 200 kmlength = 2400 km (approx.)

Unit = 50 kmlength = 3400 km

hSp://blogs.gnome.org/bolsh/2011/02/07/drawing-­‐up-­‐a-­‐roadmap/

Page 74: Aloha editor ossbig

February  13,  2011Aloha  Editor  DevCon  2011  keynote  -­‐  Haymo  Meran

Roadmap  and  the  problem  with  details

Unit = 200 kmlength = 2400 km (approx.)

Unit = 50 kmlength = 3400 km

hSp://blogs.gnome.org/bolsh/2011/02/07/drawing-­‐up-­‐a-­‐roadmap/

Page 75: Aloha editor ossbig

February  13,  2011Aloha  Editor  DevCon  2011  keynote  -­‐  Haymo  Meran

Roadmap  and  the  problem  with  details

Unit = 200 kmlength = 2400 km (approx.)

Unit = 50 kmlength = 3400 km

hSp://blogs.gnome.org/bolsh/2011/02/07/drawing-­‐up-­‐a-­‐roadmap/

Page 76: Aloha editor ossbig

February  13,  2011Aloha  Editor  DevCon  2011  keynote  -­‐  Haymo  Meran

How  to  contribute  ?l get  a  task  (bug  or  roadmap)

l integrate  Aloha  Editor  

l help  reproducing  and  describing  bugs

l write  /  improve  documentaCon

l translate  Aloha  Editor  dicConaries  

l write  improve  outstanding  examples  (with  your  so{ware?)

Page 77: Aloha editor ossbig

February  13,  2011Aloha  Editor  DevCon  2011  keynote  -­‐  Haymo  Meran

Make  outstanding  examples.Let  your  work  shine!

Page 78: Aloha editor ossbig

February  13,  2011Aloha  Editor  DevCon  2011  keynote  -­‐  Haymo  Meran #8BCDEF  -­‐  #005294

Communicate                                                                        acCveAloha  Editor                                                                                  vivid

Page 79: Aloha editor ossbig

February  13,  2011Aloha  Editor  DevCon  2011  keynote  -­‐  Haymo  Meran

gray  #333,  background    #0091BE

Visual  communicaCon  conjointly  with  HTML5

Page 80: Aloha editor ossbig

February  13,  2011Aloha  Editor  DevCon  2011  keynote  -­‐  Haymo  Meran

Tell  on  your  website

Page 81: Aloha editor ossbig

February  13,  2011Aloha  Editor  DevCon  2011  keynote  -­‐  Haymo  Meran

show  on  your  body

Page 82: Aloha editor ossbig

May  07,  2011Aloha  Editor    at  ossbig  .11  -­‐  Haymo  Meran

Hacker  Dojo  -­‐  June  6-­‐8  -­‐  Mountain  ViewSan  Francisco

Page 83: Aloha editor ossbig

Aloha  Editor    at  ossbig  .11  -­‐  Haymo  Meran May  07,  2011

Aloha  Editor  project  factors  of  success

Page 84: Aloha editor ossbig

Aloha  Editor    at  ossbig  .11  -­‐  Haymo  Meran May  07,  2011

Aloha  Editor  project  factors  of  successl contenteditable  useable

Page 85: Aloha editor ossbig

Aloha  Editor    at  ossbig  .11  -­‐  Haymo  Meran May  07,  2011

Aloha  Editor  project  factors  of  successl contenteditable  useable

l open  plugin  infrastructure

Page 86: Aloha editor ossbig

Aloha  Editor    at  ossbig  .11  -­‐  Haymo  Meran May  07,  2011

Aloha  Editor  project  factors  of  successl contenteditable  useable

l open  plugin  infrastructure

l vivid  community

Page 87: Aloha editor ossbig

Aloha  Editor    at  ossbig  .11  -­‐  Haymo  Meran May  07,  2011

Aloha  Editor  project  factors  of  successl contenteditable  useable

l open  plugin  infrastructure

l vivid  community

l visible  roadmap  development

Page 88: Aloha editor ossbig

Aloha  Editor    at  ossbig  .11  -­‐  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 acCve  communicaCon

Page 89: Aloha editor ossbig

Aloha  Editor    at  ossbig  .11  -­‐  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 acCve  communicaCon connect on twitte

r

@draftkraft

Page 90: Aloha editor ossbig

Aloha  Editor    at  ossbig  .11  -­‐  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 acCve  communicaConthanksconnect on tw

itter

@draftkraft