Workshop track             Creating in place editable pages             with the new content editor24.12.2012   Tobias Her...
Agenda2    ● The new OpenCms content editor    ● From IKS and VIE to ‘in place’ editing    ● Enabling ‘in place’ editing  ...
Live Demo3       Demo      Demo                デモ                     Demo    Demo
Advantages of the new editor4    ● Improved user interface    ● Improved XSD:CHOICE integration    ● Very responsive    ● ...
IKS and VIE5
Interactive Knowledge Stack (IKS)6    ● EU funded research project    ● aims to broaden the reach of semantic CMS      tec...
VIE.js7
RDFa8    ● RDFa (or Resource Description Framework –      in – attributes)    ● store meta data in HTML attributes    <div...
RDFa9    <div class="view-article">      <h2 property="opencms://.../Title"           about="http://opencms.org/...">Day o...
OpenCms integration10                            Content service           Annotated HTML                             (Ope...
Acacia-Editor11     ● GWT base editor library     ● using VIE types and entities     ● enables in place editing using RDFA...
Live Demo12        Demo      Demo                 デモ                      Demo     Demo
Enabling ‘in place’ editing13     ● Add RDF annotations using EL     ● Constraints:       ● Content needs to placed within...
Live Demo14        Demo      Demo                 デモ                      Demo     Demo
Widgets15     ● All core widgets are supported     ● Dynamic widget configuration is supported     ● Custom widget extendi...
Outlook16     ● Extending available in place widgets       ● Image gallery       ● Date picker       ● Improved WYSIWYG wi...
17     Thank you very much for your     attention!     Tobias Herrmann     Alkacon Software GmbH     http://www.alkacon.co...
Any Questions?18     Questions ?                Fragen?        質問            ¿Preguntas?      Questiones?
Upcoming SlideShare
Loading in …5
×

OpenCms Days 2012 - OpenCms 8.5: Creating "in place" editable pages with the new Acacia editor

1,656 views

Published on

Alkacon is introducing the new Acacia Editor in OpenCms 8.5. It replaces the old editor for XML structured contents and will revolutionize the way editors create content in OpenCms.

The Acacia Editor allows unobtrusive "in place" editing for quick content changes within pages. It also provides a very much improved user interface for form based editing. Acasia makes OpenCms content editing easy, intuitive and a lot faster.

In this session, Tobias will show how to enable "in place" editing on your templates with Acasia. He will explain how Acacia utilizes RDF annotations to inject it's editing capabilities into your page. Moreover, you can use these annotations to enhance your content semantically and make search engines happy.

Tobias will also introduce the widgets for the new editor. These offer plenty of different editing options and are easy to configure. For more advanced use cases they can also be configured dynamically and use settings depending on the current user context. And if this still doesn't satisfy your needs, you can write your very own widget using either the native JavaScript interface or a Google Web Toolkit based interface.

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,656
On SlideShare
0
From Embeds
0
Number of Embeds
356
Actions
Shares
0
Downloads
31
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

OpenCms Days 2012 - OpenCms 8.5: Creating "in place" editable pages with the new Acacia editor

  1. 1. Workshop track Creating in place editable pages with the new content editor24.12.2012 Tobias Herrmann, Alkacon Software
  2. 2. Agenda2 ● The new OpenCms content editor ● From IKS and VIE to ‘in place’ editing ● Enabling ‘in place’ editing ● Widgets ● Outlook
  3. 3. Live Demo3 Demo Demo デモ Demo Demo
  4. 4. Advantages of the new editor4 ● Improved user interface ● Improved XSD:CHOICE integration ● Very responsive ● Improved validation ● No need for temporary files
  5. 5. IKS and VIE5
  6. 6. Interactive Knowledge Stack (IKS)6 ● EU funded research project ● aims to broaden the reach of semantic CMS technology ● Resulting projects: ● Apache Stanbol ● VIE.js
  7. 7. VIE.js7
  8. 8. RDFa8 ● RDFa (or Resource Description Framework – in – attributes) ● store meta data in HTML attributes <div about="http://www.opencms.org/event/opencmsdays"> <span property="title">OpenCms Days</span> <span property="location">Cologne</span> <span property="date">2012-09-24</span> </div>
  9. 9. RDFa9 <div class="view-article"> <h2 property="opencms://.../Title" about="http://opencms.org/...">Day of the rose</h2> <div property="opencms://.../Text" about="http://opencms.org/.../Paragraph[1]"> <p> The "Day of the rose" in Ulm, Germany is the first adress concerning roses. All types of roses will be shown. At the end of the day, the rose of the year will be announced. </p> <div> Venue: Southern Münsterplatz in Ulm </div> </div> </div>
  10. 10. OpenCms integration10 Content service Annotated HTML (OpenCms) Acacia Editor VIE.js
  11. 11. Acacia-Editor11 ● GWT base editor library ● using VIE types and entities ● enables in place editing using RDFA ● builds forms using semantic type definitions ● www.github.com/alkacon/acacia-editor
  12. 12. Live Demo12 Demo Demo デモ Demo Demo
  13. 13. Enabling ‘in place’ editing13 ● Add RDF annotations using EL ● Constraints: ● Content needs to placed within a single HTML element ● Content needs to be displayed without modifications (no shortening or other transformations)
  14. 14. Live Demo14 Demo Demo デモ Demo Demo
  15. 15. Widgets15 ● All core widgets are supported ● Dynamic widget configuration is supported ● Custom widget extending select-box or multi- select are mostly supported ● build you own ● using GWT ● using HTML and native JavaScript
  16. 16. Outlook16 ● Extending available in place widgets ● Image gallery ● Date picker ● Improved WYSIWYG widget ● RDFa mapping for online content ● Your feedback is required
  17. 17. 17 Thank you very much for your attention! Tobias Herrmann Alkacon Software GmbH http://www.alkacon.com http://www.opencms.org
  18. 18. Any Questions?18 Questions ? Fragen? 質問 ¿Preguntas? Questiones?

×