SemTechBiz UK 2011: Aloha Web Editable
Upcoming SlideShare
Loading in...5
×
 

SemTechBiz UK 2011: Aloha Web Editable

on

  • 2,483 views

Aloha Web Editable. The Semantic Interaction Framework or How Editing Can Save 25% of Your Costs.

Aloha Web Editable. The Semantic Interaction Framework or How Editing Can Save 25% of Your Costs.

Using Aloha Editor, Apache Stanbol and the VIE RDFa JavaScript bridge

Statistics

Views

Total Views
2,483
Views on SlideShare
1,630
Embed Views
853

Actions

Likes
1
Downloads
4
Comments
0

10 Embeds 853

http://semantic-cms.info 638
http://www.semantic-cms.info 66
http://ipv6.semantic-cms.info 46
http://www.ipv6.semantic-cms.info 45
http://www.iksfordrupal.net 34
http://semantic-cms-web 16
http://iksfordrupal.net 5
http://translate.googleusercontent.com 1
http://173.245.56.11 1
https://twitter.com 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

SemTechBiz UK 2011: Aloha Web Editable SemTechBiz UK 2011: Aloha Web Editable Presentation Transcript

  • Aloha! Web EditableThe Semantic Interaction Frameworkor How Editing Can Save 25% of Your CostsSeptember 2011 | London / UKRene Kapusta | evo42 communications Ltd. | http://evo42.net
  • Edit the web usingsemantic annotations.No forms required!http://twitter.com/rene_kapustamailto:rene@evo42.nethttp://slideshare.net/evo42http://semantic-cms.info
  • What‘s the problem with semantic web editing?
  • You often edit data that is not visible. Metadata.99.9% of the users are no hackers. Keep it simple!
  • it‘s aboutexperience
  • experience is big things
  • experience is small things
  • experience is BAD
  • small details
  • BIGDIFFERENCE
  • experience can make something special
  • loading ...
  • good experience? not even for geeks
  • loading ...
  • WYSIWYG - like MS WordWYSIWYG ( /ˈwɪziwɪɡ/ WIZ-ee-wig) is an acronymfor what you see is what you get. The term isused in computing to describe a system in whichcontent displayed during editing appears exactlyvery similar to the final output, which might bea printed document, web page, or slidepresentation.
  • WYSIWYG? a bit at least
  • confusing? for people working with content
  • 45 billion pages on google where do they come from?
  • where does the content of 45 billion pages come from?internet users
  • where does the content of 45 billion pages come from? internet users99,9 % user != hacker
  • content authored with or other systems open source cms
  • How to save 25% of your editing costs?
  • How to save 25% of your editing costs?Work more efficient!
  • no markup! html, wiki markup, bbcode, ...
  • no reload! click edit, click preview and save
  • no menu rubbish! no need for all icons all the time
  • just edit
  • it‘s abouttechnology
  • it‘s aboutopen source
  • open source matters
  • Inline HTML5 WYSIWYG editor• Interactions should react in realtime and give immediate feedback to the user.• The user should see the exact result of its action immediately.• No apply or confirm action should be necessary. Its done when you do it.• Instead everthing can be reverted.• Every action should be completed with the minimum possible interactions.• Everything that can be done automatically should be done automatically.
  • no browser crap! contenteditable in browsers
  • reduce clicks! CTRL+V that‘s it. no extra clicks!
  • no iframes uses html contenteditable
  • slick functionality - there when you need it multiple repositories are supported
  • HTML5 is the answerto the Ultimate Question of Life,the Universeand Everything
  • web page view just click to edit!
  • page edit view intuitive menu
  • http://aloha-editor.org/demos/css3/ edit the cube all visible content is editable
  • Improve the interaction process and save costs! Every action should be completed with the minimum possible interactions. Measured with the KeyStroke-Level-Model (KLM) for the calculation we us the numbers from wikipedia.org 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 SAVE $10,000,000 per year $833,333 per month1) http://stats.wikimedia.org/EN/TablesWikipediaEN.htm2) http://en.wikipedia.org/wiki/Wikipedia:Time_management
  • Apache Stanbol RESTful Semantic Engine• Persistence: services that store (or cache) semantic information and make it searchable• Lifting/Enhancement: services that add semantic information to “non- semantic” pieces of content• Knowledge models and reasoning: services that enhance the semantic information• Interaction: intelligent user interface management and generation
  • VIE RDFa JavaScript Bridge• Make the content of your web pages editable through annotations• Load RDFa entities as JavaScript objects• Sync changes to server, and to DOM• Works client and server-side (node.js)
  • ResourcesAloha Editor -- http://aloha-editor.orgApache Stanbol -- http://incubator.apache.org/stanbolIKS Project -- http://iks-project.euVIE -- https://github.com/bergie/VIEDrupal Demo -- http://semantic-cms.infoVIE^2 Demo -- http://iks.dfki.de/showcase2/demos/VIE Palsu Demo -- http://palsu.me
  • credits• Haymo Meran, Gentics @draftkraft Aloha Editor Mastermind• Henri Bergius, Nemein @bergie VIE Mastermind• IKS Project Team @iks_projectImageshttp://www.flickr.com/photos/bluecanoe/41268275http://www.flickr.com/photos/huffduff/5107515869http://www.flickr.com/photos/philipwilliamson/2500558623http://www.worldwidewebsize.com/Graph_v1.php?Searchengine=Google&corpus=0&Last=730http://trends.builtwith.com/cmshttp://www.flickr.com/photos/dullhunk/3947536364/