0
Eclipse Orion:
The IDE in the Clouds
MuratYener
@yenerm
Wednesday, October 9, 13
who am i??
• Java, Flex, GWT, iOS,Android developer
• Principle Mentor at Eteration
• Eclipse Committer
• GDG (GTUG) Istan...
who am i??
• Java, Flex, GWT, iOS,Android developer
• Principle Mentor at Eteration
• Eclipse Committer
• GDG (GTUG) Istan...
who am i??
• Java, Flex, GWT, iOS,Android developer
• Principle Mentor at Eteration
• Eclipse Committer
• GDG (GTUG) Istan...
who am i??
• Java, Flex, GWT, iOS,Android developer
• Principle Mentor at Eteration
• Eclipse Committer
• GDG (GTUG) Istan...
What is Orion?
• Software development in browser
• Initial focus was html, javascript and css
• IBM Ottowa, demo at Eclips...
in a browser?!?
• repositories (google code, github)
• debuggers (chrome dev tools, firebug)
• code review, issue/bug track...
in a browser?!?
• repositories (google code, github)
• debuggers (chrome dev tools, firebug)
• code review, issue/bug track...
what we need is...
• code editing
• compile(?) interpret
• projects
• search capabilities
• committing to repositories
Wed...
meet Eclipse Orion
• browser based open tool integration
platform for developing for the web
• written in javascript and r...
but still why?!?
• zero install on the client
• lower cost of ownership
• scalable computing power
• simple control and sh...
powered by..
• server: java with equinox, jetty, jgit
• client: html5, js, css
• experimental server with node.js!!
Wednes...
cool, where to get
started?!?
• on OrionHub, nothing to download or
install
• on local, download and launch the orion
serv...
logging
• create an account or login
*from Orion website
Wednesday, October 9, 13
creating your project
Wednesday, October 9, 13
creating your project
Wednesday, October 9, 13
using the tools
Wednesday, October 9, 13
using the tools
Wednesday, October 9, 13
actions
Wednesday, October 9, 13
importing
also Drag’n Dropimport
..and export
Wednesday, October 9, 13
javascript development
uses JSLint
markers
Wednesday, October 9, 13
css development
Wednesday, October 9, 13
html development
Wednesday, October 9, 13
loading plugins
JSBeautifier
http://mamacdon.github.com/0.5/plugins/beautify/jsbeautify.html
Wednesday, October 9, 13
searching
Wednesday, October 9, 13
searching (cont.)
search files
search within files
Wednesday, October 9, 13
searching (cont.)
search files
search within files
Wednesday, October 9, 13
working with git
Wednesday, October 9, 13
working with git
Wednesday, October 9, 13
git status
Wednesday, October 9, 13
launching
Wednesday, October 9, 13
running local
download
unzip
launch
Linux: Run eclipse/orion.
Mac OS X: Double-click eclipse/orion.
Windows: Double-click ...
plugins
Wednesday, October 9, 13
developing plugins
• create an html page
• import plugin.js
• write your service
<!DOCTYPE html>
<html>
<head>
<meta http-...
hey what, service??
• service registry to access libraries
function Explorer(serviceRegistry, ...) {
this.registry = servi...
service definitions
var provider = new orion.PluginProvider();
var serviceImpl = {
run : function(text) {
return text.toUpp...
demo
developing a plugin
Wednesday, October 9, 13
</slides>
murat@muratyener.com
@yenerm
devchronicles.com
Mobile Java with MGWT: Still “Write Once, Run Everywhere” [BOF204...
Upcoming SlideShare
Loading in...5
×

Eclipse Orion: The IDE in the Clouds (JavaOne 2013)

1,158

Published on

Published in: Technology
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,158
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
18
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Transcript of "Eclipse Orion: The IDE in the Clouds (JavaOne 2013)"

  1. 1. Eclipse Orion: The IDE in the Clouds MuratYener @yenerm Wednesday, October 9, 13
  2. 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. 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. 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. 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. 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. 7. in a browser?!? • repositories (google code, github) • debuggers (chrome dev tools, firebug) • code review, issue/bug tracker (bugzilla, jira, gerrit) • documentation (javadocs, wikis, apache sites) Wednesday, October 9, 13
  8. 8. in a browser?!? • repositories (google code, github) • debuggers (chrome dev tools, firebug) • code review, issue/bug tracker (bugzilla, jira, gerrit) • documentation (javadocs, wikis, apache sites) then why not coding?!? Wednesday, October 9, 13
  9. 9. what we need is... • code editing • compile(?) interpret • projects • search capabilities • committing to repositories Wednesday, October 9, 13
  10. 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 file in a new tab • up and running on OrionHub (public test) • and.... plugins!! Wednesday, October 9, 13
  11. 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. 12. powered by.. • server: java with equinox, jetty, jgit • client: html5, js, css • experimental server with node.js!! Wednesday, October 9, 13
  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. 14. logging • create an account or login *from Orion website Wednesday, October 9, 13
  15. 15. creating your project Wednesday, October 9, 13
  16. 16. creating your project Wednesday, October 9, 13
  17. 17. using the tools Wednesday, October 9, 13
  18. 18. using the tools Wednesday, October 9, 13
  19. 19. actions Wednesday, October 9, 13
  20. 20. importing also Drag’n Dropimport ..and export Wednesday, October 9, 13
  21. 21. javascript development uses JSLint markers Wednesday, October 9, 13
  22. 22. css development Wednesday, October 9, 13
  23. 23. html development Wednesday, October 9, 13
  24. 24. loading plugins JSBeautifier http://mamacdon.github.com/0.5/plugins/beautify/jsbeautify.html Wednesday, October 9, 13
  25. 25. searching Wednesday, October 9, 13
  26. 26. searching (cont.) search files search within files Wednesday, October 9, 13
  27. 27. searching (cont.) search files search within files Wednesday, October 9, 13
  28. 28. working with git Wednesday, October 9, 13
  29. 29. working with git Wednesday, October 9, 13
  30. 30. git status Wednesday, October 9, 13
  31. 31. launching Wednesday, October 9, 13
  32. 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
  33. 33. plugins Wednesday, October 9, 13
  34. 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. 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. 36. service definitions 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. 37. demo developing a plugin Wednesday, October 9, 13
  38. 38. </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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×