Eclipse Orion: The IDE in the Clouds (JavaOne 2013)
4 likes1,881 views
The document introduces Eclipse Orion, an open source web-based integrated development environment (IDE) that allows software development within a browser. It discusses how Orion provides code editing, debugging, version control, and other development tools through a browser without needing to install anything. It also describes how Orion uses plugins to extend its functionality and can be self-hosted or used on the public OrionHub server.
![service de๏ฌnitions
var provider = new orion.PluginProvider();
var serviceImpl = {
runย : function(text) {
return text.toUpperCase();
}
};
var serviceProps = {
nameย : "UPPERCASE",
imgย : "/images/gear.gif",
keyย : [ "u", true ]
};
provider.registerService("orion.edit.command", serviceImpl, serviceProps);
provider.connect();
Wednesday, October 9, 13](https://image.slidesharecdn.com/orion-131008163945-phpapp02/85/Eclipse-Orion-The-IDE-in-the-Clouds-JavaOne-2013-36-320.jpg)
![</slides>
murat@muratyener.com
@yenerm
devchronicles.com
Mobile Java with MGWT: Still โWrite Once, Run Everywhereโ [BOF2042]
Monday 7:30pm, Hilton Continental Ballroom 5
The Zodiac of OSGi: Meet Eclipse Libra,Virgo, and Gemini [CON1749]
Tuesday 8:30am, Hilton Continental Ballroom 4
Eclipse Orion:The IDE in the Clouds [CON4107], [BOF3999]
Tuesday 5:30pm, Hilton Continental Ballroom 4
Wednesday 3:00pm, Hilton Continental Ballroom 7/8/9
Wednesday, October 9, 13](https://image.slidesharecdn.com/orion-131008163945-phpapp02/85/Eclipse-Orion-The-IDE-in-the-Clouds-JavaOne-2013-38-320.jpg)
![Interactive development with Vim [Techcamp]](https://cdn.slidesharecdn.com/ss_thumbnails/techcamp-interactivedevelopment-140324184704-phpapp01-thumbnail.jpg?width=560&fit=bounds)
Ad
More Related Content
What's hot (20)
Similar to Eclipse Orion: The IDE in the Clouds (JavaOne 2013) (20)
Ad
More from Murat Yener (7)
Ad
Recently uploaded (20)
Eclipse Orion: The IDE in the Clouds (JavaOne 2013)
- 1. Eclipse Orion: The IDE in the Clouds MuratYener @yenerm Wednesday, October 9, 13
- 2. who am i?? โข Java, Flex, GWT, iOS,Android developer โข Principle Mentor at Eteration โข Eclipse Committer โข GDG (GTUG) Istanbul Organizer โข Conference Speaker Wednesday, October 9, 13
- 3. who am i?? โข Java, Flex, GWT, iOS,Android developer โข Principle Mentor at Eteration โข Eclipse Committer โข GDG (GTUG) Istanbul Organizer โข Conference Speaker Wednesday, October 9, 13
- 4. who am i?? โข Java, Flex, GWT, iOS,Android developer โข Principle Mentor at Eteration โข Eclipse Committer โข GDG (GTUG) Istanbul Organizer โข Conference Speaker Mobile App Developer at Intel Wednesday, October 9, 13
- 5. who am i?? โข Java, Flex, GWT, iOS,Android developer โข Principle Mentor at Eteration โข Eclipse Committer โข GDG (GTUG) Istanbul Organizer โข Conference Speaker Mobile App Developer at Intel Wednesday, October 9, 13
- 6. What is Orion? โข Software development in browser โข Initial focus was html, javascript and css โข IBM Ottowa, demo at EclipseCon 2011 Wednesday, October 9, 13
- 7. in a browser?!? โข repositories (google code, github) โข debuggers (chrome dev tools, ๏ฌrebug) โข code review, issue/bug tracker (bugzilla, jira, gerrit) โข documentation (javadocs, wikis, apache sites) Wednesday, October 9, 13
- 8. in a browser?!? โข repositories (google code, github) โข debuggers (chrome dev tools, ๏ฌrebug) โข code review, issue/bug tracker (bugzilla, jira, gerrit) โข documentation (javadocs, wikis, apache sites) then why not coding?!? Wednesday, October 9, 13
- 9. what we need is... โข code editing โข compile(?) interpret โข projects โข search capabilities โข committing to repositories Wednesday, October 9, 13
- 10. meet Eclipse Orion โข browser based open tool integration platform for developing for the web โข written in javascript and runs in a browser โข is not an IDE in single tab, instead runs each ๏ฌle in a new tab โข up and running on OrionHub (public test) โข and.... plugins!! Wednesday, October 9, 13
- 11. but still why?!? โข zero install on the client โข lower cost of ownership โข scalable computing power โข simple control and sharing via links โข powerful engine, the browsers โข and well cloud and web is fancy :) Wednesday, October 9, 13
- 12. powered by.. โข server: java with equinox, jetty, jgit โข client: html5, js, css โข experimental server with node.js!! Wednesday, October 9, 13
- 13. cool, where to get started?!? โข on OrionHub, nothing to download or install โข on local, download and launch the orion server (30-40mb) Wednesday, October 9, 13
- 14. logging โข create an account or login *from Orion website Wednesday, October 9, 13
- 15. creating your project Wednesday, October 9, 13
- 16. creating your project Wednesday, October 9, 13
- 17. using the tools Wednesday, October 9, 13
- 18. using the tools Wednesday, October 9, 13
- 20. importing also Dragโn Dropimport ..and export Wednesday, October 9, 13
- 21. javascript development uses JSLint markers Wednesday, October 9, 13
- 22. css development Wednesday, October 9, 13
- 23. html development Wednesday, October 9, 13
- 26. searching (cont.) search ๏ฌles search within ๏ฌles Wednesday, October 9, 13
- 27. searching (cont.) search ๏ฌles search within ๏ฌles Wednesday, October 9, 13
- 28. working with git Wednesday, October 9, 13
- 29. working with git Wednesday, October 9, 13
- 30. git status Wednesday, October 9, 13
- 32. running local download unzip launch Linux: Run eclipse/orion. Mac OS X: Double-click eclipse/orion. Windows: Double-click eclipseorion.exe. Wednesday, October 9, 13
- 34. developing plugins โข create an html page โข import plugin.js โข write your service <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <!-- Dependencies --> <script type="text/javascript" src="../ orion/plugin.js"></script> <script> window.onload = function() { <!-- Service declarations go here --> }; </script> </head> <body> </body> </html> Wednesday, October 9, 13
- 35. hey what, service?? โข service registry to access libraries function Explorer(serviceRegistry, ...) { this.registry = serviceRegistry; ... } ... deleteFile: function(itemId) { var item = this.myTree.getItem(itemId); var service = registry.getService("orion.page.dialog"); var message = "Are you sure you want to delete '" + item.Name + "'?"; service.confirm(message, function(doit) { /* perform deletion */}); } Wednesday, October 9, 13
- 36. service de๏ฌnitions var provider = new orion.PluginProvider(); var serviceImpl = { runย : function(text) { return text.toUpperCase(); } }; var serviceProps = { nameย : "UPPERCASE", imgย : "/images/gear.gif", keyย : [ "u", true ] }; provider.registerService("orion.edit.command", serviceImpl, serviceProps); provider.connect(); Wednesday, October 9, 13
- 37. demo developing a plugin Wednesday, October 9, 13
- 38. </slides> [email protected] @yenerm devchronicles.com Mobile Java with MGWT: Still โWrite Once, Run Everywhereโ [BOF2042] Monday 7:30pm, Hilton Continental Ballroom 5 The Zodiac of OSGi: Meet Eclipse Libra,Virgo, and Gemini [CON1749] Tuesday 8:30am, Hilton Continental Ballroom 4 Eclipse Orion:The IDE in the Clouds [CON4107], [BOF3999] Tuesday 5:30pm, Hilton Continental Ballroom 4 Wednesday 3:00pm, Hilton Continental Ballroom 7/8/9 Wednesday, October 9, 13