SlideShare a Scribd company logo
Orion - Introduction
SzymonBrandys
TomaszŻarna
IBM
Eclipse Platform & Orion
Orion - Introduction | Copyright © IBM Corp., 2011. All rights reserved.
Agenda
•What is Orion?
•A glance at web technologies
•More about Orion
•Demo
•Discussion and Q&A
Orion - Introduction | Copyright © IBM Corp., 2011. All rights reserved.
Goals of Orion
•Build developer tooling that works in a browser ,
•at web scale,
•integrating well with existing tools that exist on the web,
•based on well ‐ proven web architectures - REST, HTTP,
JSON, OAuth, OpenID, and others.
Orion - Introduction | Copyright © IBM Corp., 2011. All rights reserved.
Use Strengths of the Web
• zero install on the client
• simple connectivity – links
• trivial update mechanism
• powerful rendering engine
• look and feel easy to adapt
• large, activecommunity
• innovation by everyone
• no central “IDE”
• artifacts all over the web
• highly distributed content
• refresh the page
• scalable computing power
Orion - Introduction | Copyright © IBM Corp., 2011. All rights reserved.
Why work on this now?
•There are other online IDEs already, extremely high rate of
innovation in online tools for web development
•We need to start now, learn, fail, try again, in order to
become a player in this space
•We (IBM) would like to see a community to form around
this forms at Eclipse, and are contributing a seed
Orion - Introduction | Copyright © IBM Corp., 2011. All rights reserved.
A Glance at Web Architectures - REST
• An important concept in RESTis the existence of resources (sources of specific
information),each ofwhich is referenced with a global identifier (e.g., a URI in HTTP). In
order to manipulate these resources, componentsofthe network (user agentsand origin
servers) communicate via a standardized interface (e.g., HTTP) and exchange
representationsofthese resources (the actual documentsconveying the information).
Orion - Introduction | Copyright © IBM Corp., 2011. All rights reserved.
Web Architectures - REST
• http://en.wikipedia.org/wiki/Representational_State_Transfer
• http://prescod.net/rest/mistakes/
Orion - Introduction | Copyright © IBM Corp., 2011. All rights reserved.
A Glance at Web Architectures
•HTTP - a networking protocol for distributed,
collaborative, hypermedia information systems. HTTP is
the foundation of data communication for the WWW
•Ajax - a group of interrelated web developmentt methods
used on the client-side to create interactive web
applications. With Ajax, web applications can retrieve data
from the server asynchronously in the background
Orion - Introduction | Copyright © IBM Corp., 2011. All rights reserved.
A Glance at Web Architectures
•JSON - a lightweight text-based open standard designed
for human-readable data interchange
• JSON vs XML picture
Orion - Introduction | Copyright © IBM Corp., 2011. All rights reserved.
•OpenID – a standard that describes how users can
authenticated in a decentralized manner
Orion - Introduction | Copyright © IBM Corp., 2011. All rights reserved.
•OAuth – an open standard for authorization, which allows
users to share their private resources stored on one site
with another site without having to hand out their
credentials
Orion - Introduction | Copyright © IBM Corp., 2011. All rights reserved.
Orion Assumptions
•Software development in a browser
 editing
 navigating folders
 searching
 working with SCM
•Set of linked web pages, NOT an IDE running in a browser
 easy to integrate other functionality even if hosted on different
servers
Orion - Introduction | Copyright © IBM Corp., 2011. All rights reserved.
Why Not an IDE in a Browser?
Orion - Introduction | Copyright © IBM Corp., 2011. All rights reserved.
Why Not an IDE in a Browser?
Orion - Introduction | Copyright © IBM Corp., 2011. All rights reserved.
Why Not an IDE in a Browser?
Orion - Introduction | Copyright © IBM Corp., 2011. All rights reserved.
Why Not an IDE in a Browser?
Orion - Introduction | Copyright © IBM Corp., 2011. All rights reserved.
Context: Already in a Browser
•Bug tracking (Bugzilla, JIRA, Trac, Lighthouse, Rational
RTC)
•Builds (Hudson/Jenkins)
•Code review (Bugzilla, Gerrit, GitHub)
•Documentation, code snippets (pastebin, Gist)
•Browsing code repositories (GitHub, ViewCVS, Rational
RTC)
•Debugger (Firebug, WebKit Inspector, Developer Tools)
Orion - Introduction | Copyright © IBM Corp., 2011. All rights reserved.
What’s Missing? Not Much
•Code editor
•Navigator
•Work with SCM(commit, compare, merge, etc)
•Indexing - full text search
•Unit tests
•Initial focus on web developers working on client-side
JavaScript, HTML,CSS
Orion - Introduction | Copyright © IBM Corp., 2011. All rights reserved.
Orion Design Principles
•Regular hyperlinks, back button, bookmarking,link sharing
•Functionality on separate pages.
Page = Task + Resource
•Performant and Lightweight. Speed trumps power.
•Components should have value on their own.
•Low barrier of entry for adopters. Don’t require technology
buy‐in.

More Related Content

PPT
Orion Introduction
PDF
Become a Bluemix Architect in 45 Minutes
PDF
PLAT-18 Alfresco iOS Mobile Application Details and Design
PPTX
Alfresco iOS Mobile Application In Depth Details and Design
PPTX
Domain Driven Design Through Onion Architecture
PDF
Dev Con 2011
PDF
PLAT-17 Alfresco iOS Mobile Application Details and Design
KEY
FatWire Tutorial For Site Studio Developers
Orion Introduction
Become a Bluemix Architect in 45 Minutes
PLAT-18 Alfresco iOS Mobile Application Details and Design
Alfresco iOS Mobile Application In Depth Details and Design
Domain Driven Design Through Onion Architecture
Dev Con 2011
PLAT-17 Alfresco iOS Mobile Application Details and Design
FatWire Tutorial For Site Studio Developers

What's hot (20)

PDF
Xamarin.Mac Seminar
PDF
Docker, Cloud Foundry, Bosh & Bluemix
 
PDF
Integrating Apache Wookie with AEM by Rima Mittal and Ankit Gubrani
PDF
Creating a Global E-Commerce Website With E-Business Suite and Fusion Middleware
PPTX
Building mobile apps using meteorJS
PPTX
Switching to Oracle Document Cloud
PPTX
Dynamic Coupling: Pot of Gold Under Semantic Rainbow
PPT
Top 10 HTML5 Features for Oracle Cloud Developers
PPT
Integrating ADF Mobile with WebCenter
PPTX
Building iOS app using meteor
PPTX
Mainframe, the fast PHP framework
PPT
Oracle UCM Implementation Patterns
PDF
IBM Bluemix & IoT Foundation
PDF
Sitecore development approach evolution – destination helix
KEY
Benefits of an Open environment with Wakanda
PPTX
[RakutenTechConf2013] [C-2_1] Viki - Technology evolution from idea to acquis...
PDF
Introduction to Phonegap
PPTX
Bootstrap4XPages - an introduction
KEY
Creating Next-Generation ADF Mobile Applications
PPTX
The Paradox of Agile Architecture Quality: Designing for Failure
Xamarin.Mac Seminar
Docker, Cloud Foundry, Bosh & Bluemix
 
Integrating Apache Wookie with AEM by Rima Mittal and Ankit Gubrani
Creating a Global E-Commerce Website With E-Business Suite and Fusion Middleware
Building mobile apps using meteorJS
Switching to Oracle Document Cloud
Dynamic Coupling: Pot of Gold Under Semantic Rainbow
Top 10 HTML5 Features for Oracle Cloud Developers
Integrating ADF Mobile with WebCenter
Building iOS app using meteor
Mainframe, the fast PHP framework
Oracle UCM Implementation Patterns
IBM Bluemix & IoT Foundation
Sitecore development approach evolution – destination helix
Benefits of an Open environment with Wakanda
[RakutenTechConf2013] [C-2_1] Viki - Technology evolution from idea to acquis...
Introduction to Phonegap
Bootstrap4XPages - an introduction
Creating Next-Generation ADF Mobile Applications
The Paradox of Agile Architecture Quality: Designing for Failure
Ad

Viewers also liked (7)

PPT
Compare framework
PPT
What is new in Helios
PDF
Equinox/p2 - Getting started with Equinox/p2
PPT
Together in Eclipse
PPTX
המלצות
PPT
Creative Commons และแนวคิดลิขสิทธิ์
PDF
Git migration - Lessons learned
Compare framework
What is new in Helios
Equinox/p2 - Getting started with Equinox/p2
Together in Eclipse
המלצות
Creative Commons และแนวคิดลิขสิทธิ์
Git migration - Lessons learned
Ad

Similar to Orion Introduction (20)

PDF
Orion (What's Next conference)
PPT
PDF
IBM Z for the Digital Enterprise - Zowe overview
PPTX
Cloud development technology sharing (BlueMix premier)
PDF
01/2009 - Portral development with liferay
ODP
Self service reporting on Hadoop using Actuate BIRT
PDF
Cloud development goes lightweight - Ken Walker
PPTX
Oracle JavaScript Extension Toolkit Web Components Bring Agility to App Devel...
PDF
Microservices and Container
PPTX
modeveast 2012 Appcelerator Alloy & Cloud Services Presentation
PPT
WebSphere Portal Technical Overview
PDF
OSN-Blazingly Fast GenAI App Development With Java and Spring AI
DOC
Arif_Shaik_CV
PPTX
DevOps and Cloud at NI
PPT
Simplified Web2.0 application development with Project Zero
PDF
Asp.NETZERO - A Workshop Presentation by Citytech Software
PDF
Dart Past Your Competition by Getting Your Digital Experience into Market Fas...
PDF
Easy Docker Deployments with Mesosphere DCOS on Azure
PDF
Building Cloud Native Applications with Oracle Autonomous Database.
PDF
Native Cloud-Native: Building Agile Microservices with the Micronaut Framework
Orion (What's Next conference)
IBM Z for the Digital Enterprise - Zowe overview
Cloud development technology sharing (BlueMix premier)
01/2009 - Portral development with liferay
Self service reporting on Hadoop using Actuate BIRT
Cloud development goes lightweight - Ken Walker
Oracle JavaScript Extension Toolkit Web Components Bring Agility to App Devel...
Microservices and Container
modeveast 2012 Appcelerator Alloy & Cloud Services Presentation
WebSphere Portal Technical Overview
OSN-Blazingly Fast GenAI App Development With Java and Spring AI
Arif_Shaik_CV
DevOps and Cloud at NI
Simplified Web2.0 application development with Project Zero
Asp.NETZERO - A Workshop Presentation by Citytech Software
Dart Past Your Competition by Getting Your Digital Experience into Market Fas...
Easy Docker Deployments with Mesosphere DCOS on Azure
Building Cloud Native Applications with Oracle Autonomous Database.
Native Cloud-Native: Building Agile Microservices with the Micronaut Framework

More from Tomasz Zarna (8)

PPT
ABC of Platform Workspace
PDF
Eclipse Way
PPT
What's new in Juno
PDF
Orion RESTful git API
PPT
Eclipse 3.7 : Tips and tricks
PDF
EGit - Eclipse plug-in for git
PDF
Eclipse Way
PDF
E4 UI Demos
ABC of Platform Workspace
Eclipse Way
What's new in Juno
Orion RESTful git API
Eclipse 3.7 : Tips and tricks
EGit - Eclipse plug-in for git
Eclipse Way
E4 UI Demos

Recently uploaded (20)

PDF
CIFDAQ's Market Insight: SEC Turns Pro Crypto
PDF
Review of recent advances in non-invasive hemoglobin estimation
PDF
Machine learning based COVID-19 study performance prediction
PDF
Advanced IT Governance
PDF
Reach Out and Touch Someone: Haptics and Empathic Computing
PPT
Teaching material agriculture food technology
PDF
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
DOCX
The AUB Centre for AI in Media Proposal.docx
PDF
Approach and Philosophy of On baking technology
PPTX
Big Data Technologies - Introduction.pptx
PDF
Unlocking AI with Model Context Protocol (MCP)
PDF
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
PPT
“AI and Expert System Decision Support & Business Intelligence Systems”
PDF
Dropbox Q2 2025 Financial Results & Investor Presentation
PPTX
breach-and-attack-simulation-cybersecurity-india-chennai-defenderrabbit-2025....
PDF
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
PPTX
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
PDF
Electronic commerce courselecture one. Pdf
PPTX
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
CIFDAQ's Market Insight: SEC Turns Pro Crypto
Review of recent advances in non-invasive hemoglobin estimation
Machine learning based COVID-19 study performance prediction
Advanced IT Governance
Reach Out and Touch Someone: Haptics and Empathic Computing
Teaching material agriculture food technology
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
The AUB Centre for AI in Media Proposal.docx
Approach and Philosophy of On baking technology
Big Data Technologies - Introduction.pptx
Unlocking AI with Model Context Protocol (MCP)
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
“AI and Expert System Decision Support & Business Intelligence Systems”
Dropbox Q2 2025 Financial Results & Investor Presentation
breach-and-attack-simulation-cybersecurity-india-chennai-defenderrabbit-2025....
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
Electronic commerce courselecture one. Pdf
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...

Orion Introduction

  • 2. Orion - Introduction | Copyright © IBM Corp., 2011. All rights reserved. Agenda •What is Orion? •A glance at web technologies •More about Orion •Demo •Discussion and Q&A
  • 3. Orion - Introduction | Copyright © IBM Corp., 2011. All rights reserved. Goals of Orion •Build developer tooling that works in a browser , •at web scale, •integrating well with existing tools that exist on the web, •based on well ‐ proven web architectures - REST, HTTP, JSON, OAuth, OpenID, and others.
  • 4. Orion - Introduction | Copyright © IBM Corp., 2011. All rights reserved. Use Strengths of the Web • zero install on the client • simple connectivity – links • trivial update mechanism • powerful rendering engine • look and feel easy to adapt • large, activecommunity • innovation by everyone • no central “IDE” • artifacts all over the web • highly distributed content • refresh the page • scalable computing power
  • 5. Orion - Introduction | Copyright © IBM Corp., 2011. All rights reserved. Why work on this now? •There are other online IDEs already, extremely high rate of innovation in online tools for web development •We need to start now, learn, fail, try again, in order to become a player in this space •We (IBM) would like to see a community to form around this forms at Eclipse, and are contributing a seed
  • 6. Orion - Introduction | Copyright © IBM Corp., 2011. All rights reserved. A Glance at Web Architectures - REST • An important concept in RESTis the existence of resources (sources of specific information),each ofwhich is referenced with a global identifier (e.g., a URI in HTTP). In order to manipulate these resources, componentsofthe network (user agentsand origin servers) communicate via a standardized interface (e.g., HTTP) and exchange representationsofthese resources (the actual documentsconveying the information).
  • 7. Orion - Introduction | Copyright © IBM Corp., 2011. All rights reserved. Web Architectures - REST • http://en.wikipedia.org/wiki/Representational_State_Transfer • http://prescod.net/rest/mistakes/
  • 8. Orion - Introduction | Copyright © IBM Corp., 2011. All rights reserved. A Glance at Web Architectures •HTTP - a networking protocol for distributed, collaborative, hypermedia information systems. HTTP is the foundation of data communication for the WWW •Ajax - a group of interrelated web developmentt methods used on the client-side to create interactive web applications. With Ajax, web applications can retrieve data from the server asynchronously in the background
  • 9. Orion - Introduction | Copyright © IBM Corp., 2011. All rights reserved. A Glance at Web Architectures •JSON - a lightweight text-based open standard designed for human-readable data interchange • JSON vs XML picture
  • 10. Orion - Introduction | Copyright © IBM Corp., 2011. All rights reserved. •OpenID – a standard that describes how users can authenticated in a decentralized manner
  • 11. Orion - Introduction | Copyright © IBM Corp., 2011. All rights reserved. •OAuth – an open standard for authorization, which allows users to share their private resources stored on one site with another site without having to hand out their credentials
  • 12. Orion - Introduction | Copyright © IBM Corp., 2011. All rights reserved. Orion Assumptions •Software development in a browser  editing  navigating folders  searching  working with SCM •Set of linked web pages, NOT an IDE running in a browser  easy to integrate other functionality even if hosted on different servers
  • 13. Orion - Introduction | Copyright © IBM Corp., 2011. All rights reserved. Why Not an IDE in a Browser?
  • 14. Orion - Introduction | Copyright © IBM Corp., 2011. All rights reserved. Why Not an IDE in a Browser?
  • 15. Orion - Introduction | Copyright © IBM Corp., 2011. All rights reserved. Why Not an IDE in a Browser?
  • 16. Orion - Introduction | Copyright © IBM Corp., 2011. All rights reserved. Why Not an IDE in a Browser?
  • 17. Orion - Introduction | Copyright © IBM Corp., 2011. All rights reserved. Context: Already in a Browser •Bug tracking (Bugzilla, JIRA, Trac, Lighthouse, Rational RTC) •Builds (Hudson/Jenkins) •Code review (Bugzilla, Gerrit, GitHub) •Documentation, code snippets (pastebin, Gist) •Browsing code repositories (GitHub, ViewCVS, Rational RTC) •Debugger (Firebug, WebKit Inspector, Developer Tools)
  • 18. Orion - Introduction | Copyright © IBM Corp., 2011. All rights reserved. What’s Missing? Not Much •Code editor •Navigator •Work with SCM(commit, compare, merge, etc) •Indexing - full text search •Unit tests •Initial focus on web developers working on client-side JavaScript, HTML,CSS
  • 19. Orion - Introduction | Copyright © IBM Corp., 2011. All rights reserved. Orion Design Principles •Regular hyperlinks, back button, bookmarking,link sharing •Functionality on separate pages. Page = Task + Resource •Performant and Lightweight. Speed trumps power. •Components should have value on their own. •Low barrier of entry for adopters. Don’t require technology buy‐in.
  • 20. Orion - Introduction | Copyright © IBM Corp., 2011. All rights reserved. Demo • Log in/log out • openId • Navigator + editor • Git status & log • Compare • Sites • Firebug integration • Search
  • 21. Orion - Introduction | Copyright © IBM Corp., 2011. All rights reserved. Integration Possibilities •Client-side “plug-ins” : adding commands to existing UI  Integrate withSCMs:  Git is used to speed up self-hosting  There is ongoing effort on enabling RTCin Orion  W3C validator, JSLint, ... •Hyperlink integration  Bugzilla, Gerrit, SCM stats •Integrate with browser debuggers:  Firebug, WebKit Inspector •Host additional UI components, e.g. OpenSocial Gadgets •Server-side  OSLC: Consume and produce server APIs
  • 22. Orion - Introduction | Copyright © IBM Corp., 2011. All rights reserved. Integration Possibilities (cntd.) •Web-Based integration  initializr.com - equivalent of “New Project” wizard  smush.it - lossless “compression” of images  CSS Sprite Generator  jsbeautifier.org - JavaScript code formatter
  • 23. Orion - Introduction | Copyright © IBM Corp., 2011. All rights reserved. Integration Possibilities (Demo) • Create project initializr.com • Import zip • Disable jslint • Go to page (comment in log)
  • 24. Orion - Introduction | Copyright © IBM Corp., 2011. All rights reserved. Getting Started • Homepage / OrionHub: http://eclipse.org/orion •Installing on localhost http://wiki.eclipse.org/Orion/How_Tos/Install_Orion_on_L ocalhost • Clonning  git://git.eclipse.org/gitroot/e4/org.eclipse.orion.client.git  git://git.eclipse.org/gitroot/e4/org.eclipse.orion.server.git  https://github.com/eclipse  orion-client  orion-server
  • 25. Orion - Introduction | Copyright © IBM Corp., 2011. All rights reserved. The End •Q&A •Thank you
  • 26. Orion - Introduction | Copyright © IBM Corp., 2011. All rights reserved. Legal Notice  IBMandthe IBMlogoaretrademarksor registered trademarksofIBMCorporation,intheUnitedStates,other countriesorboth.  Java andall Java-basedmarks,amongothers,are trademarksorregisteredtrademarksofSunMicrosystems inthe UnitedStates,othercountriesorboth.  EclipseandtheEclipselogoare trademarksofEclipse Foundation,Inc.  Other company,product andservicenamesmaybe trademarksorservice marksof others. 26
  • 27. Orion - Introduction | Copyright © IBM Corp., 2011. All rights reserved. Code Editor • Fast • Scalable • Works in all desktop browsers • Faster then desktop Eclipse editor
  • 28. Orion - Introduction | Copyright © IBM Corp., 2011. All rights reserved. Navigator
  • 29. Orion - Introduction | Copyright © IBM Corp., 2011. All rights reserved. Status / Compare
  • 30. Orion - Introduction | Copyright © IBM Corp., 2011. All rights reserved. Log

Editor's Notes

  • #17: intializr navigate + edit site clone, status, commit, log