This document summarizes Lars Vogel's presentation on Eclipse E4 and OpenSocial Gadgets. It introduces Lars Vogel and his work with SAP and the Eclipse community. It then provides an overview of Eclipse E4 and its new approaches, including a modelled workbench, CSS styling, XWT declarative UI, dependency injection, and improved web integration using HTML, JavaScript, and OpenSocial Gadgets. It demonstrates how to integrate OpenSocial Gadgets into Eclipse to allow extension without Eclipse API knowledge using just XML and JavaScript.

1. Eclipse E4
Eclipse, the web and OpenSocial
Gadgets

2. About me – Lars Vogel
• Works for SAP as Product Manager
• Outsite SAP:
– Open Source Fan
– Tries to help the community via Java/ Eclipse Tutorials on www.vogella.de
– Eclipse E4 committer
www.twitter.com/vogella

3. Eclipse E4
• Explore new aproaches for Eclipse technologies
• Eclipse 3.x and Eclipse E4 will co-exists

4. Eclipse E4 - Overview
• Modelled Workbench
• Eclipse can be styled via CSS
• XWT – Declarative UI via XML
• Dependency Injection
• Improved resource handling
• Better Web integration
– Using HTML for UI‘s
– Plugins written in Javascript
– OpenSocial Gadgets
• …..

5. Eclipse and the web
• E4 targets to bring the Eclipse IDE closer to the web
• One way would be to run Eclipse in the web, e.g. via Eclipse
RAP
• Another way would be to run the web inside Eclipse
This demo shows how to bring the web to Eclipse

6. SWT Browser Widget
Demo

7. OpenSocial Gadgets
• Basically XML files with JavaScript which is placed on a server
• Must follow the OpenSocial specification
• Can be integrated in the big social sites (expect Facebook)
• Allow social interaction
• Reference implementation for an OpenSocial Container
Apache Shindig

8. OpenSocial Gadgets

9. Demo
• OpenSocial Gadgets (main developers Boris Bokowski and
Benjamin Cabé)

10. OpenSocial Gadgets in Eclipse

11. Why is this cool?
• Web integration allows the extension of Eclipse without any
knowledge of Eclipse API, just use XML and JavaScript
• Deeper integration with Web and Eclipse possible
– Using the selection service in Eclipse
– Preference Store
– Etc.
• You will be able to style SWT similar to a web app
• OpenSocial Gadgets
– Existing spec, existing gadgets
– Opens up Eclipse

13. Info – Lars Vogel
Lars.Vogel@gmail.com
www.vogella.de
www.twitter.com/vogella
Infos about OpenSocial Gadgets:
http://wiki.eclipse.org/E4/OpenSocialGadgets
http://www.vogella.de/articles/OpenSocialGadgets/article.html

14. Rational Software | Eclipse
Eclipse Application Services
(“Twenty Things”)
• Editor lifecycle • Long-running operations
• Receiving input • Progress reporting
• Producing selection • Error handling
• Standard dialogs • Navigation model
• Persisting UI state • Resource management
• Logging • Status line
• Interface to help system • Drag and drop
• Menu contributions • Undo/Redo
• Authentication • Accessing preferences
• Authorization
14 IBM Confidential © 2009 IBM Corporation