SlideShare a Scribd company logo
LOGO
Eclipse Orion
Quang Nguyen – 2013.07.09
1
Outline
2
What is Orion
Orion Server
Orion Client
Orion Plugin Architecture
What is Orion?
Software Development in a browser:
editing, navigating, searching, working
with SCM
Set of linked web pages, NOT an IDE
running in a browser
Focus on web developers working on
client-side JavaScript, CSS, HTML
3
What is Orion?
Orion is a set of components
 That together provide the server and client
side code
 That make up an extensible browser-based
development platform
Orion provides many pages to deal
with editing, navigating, searching, Git
tasks, shell access, setting up sites, or
dealing with tasks
4
Current state-of-the-art
Not nearly as complete as what the JDT
provides for Java developers
None of the existing tools provide a
great experience with content-
completion or refactoring
5
Orion Server
Server-side services exposed via
REST-oriented HTTP APIs
APIs provide services such as a
FileSystem, Search capacities, Git
support, Preferences, and Sites for self
hosted development
6
Orion Server
7
Orion Client
The Orion client is written in
JavaScript, CSS, HTML5 and runs in the
browser
It focuses on writing task and pages that
can easily support exploring and
leveraging cross-site workflows
The pages are designed without building
everything you might be able to do in the
same browser tab
8
Orion Client
9
Orion Client
 Navigation
 Go to the Git log of the file
 Open the Orion Shell page in the directory
this file is located or start a search
10
Orion Plugin Architecture
Plugins (HTML file) can be hosted on
any web server and installed into Orion
using their URL
11
Orion Plugin Architecture Example
 Plugin that takes the contents of the editor and runs it through
a common JavaScript library known as JSBeautify
12
Orion-based Development Tools.
Firefox Scatchpad
JazzHub Cloud (https://hub.jazz.net)
Scripted from VMWare
HP DevAnywhere
13
Resources
The Fundamentals of the Orion Project
http://www.eclipse.org/community/eclip
se_newsletter/2013/june/article2.php
Scripted – Embracing Eclipse Orion
http://www.slideshare.net/martinlippert/
scripted-embracing-eclipse-orion
http://www.slideshare.net/bokowski/ori
on-8414877
14
Thank you
15

More Related Content

PPTX
Html 5
PDF
Architecture of the Web browser
PPT
Web browser architecture.87 to 88
PPTX
Web browser architecture
PPTX
Browsers. Magic is inside.
PDF
Nuxeo WebEngine: a practical introduction
PPSX
Rendering engine
PPT
Meet Magento Belarus 2015: Jurģis Lukss
Html 5
Architecture of the Web browser
Web browser architecture.87 to 88
Web browser architecture
Browsers. Magic is inside.
Nuxeo WebEngine: a practical introduction
Rendering engine
Meet Magento Belarus 2015: Jurģis Lukss

What's hot (20)

PPTX
Android chromium web view
PDF
How Browsers Work
PPTX
Share point saturday presentation 9 29-2012-2
PPTX
Web component
PPT
Web 2.0
PPTX
Industrial training seminar ppt on asp.net
PPT
Firefox vs. chrome
PDF
Hardware Acceleration in WebKit
PDF
Android Chromium Rendering Pipeline
PPTX
Introduction to asp.net
PPTX
Back to the Basics - 1 - Introduction to Web Development
PPT
Asp.net basic
PPT
DotNetNuke
PPTX
Spsmi13 charts
PPTX
Asp Net Advance Topics
PPT
Chromium vs. Firefox
PPT
The complete ASP.NET (IIS) Tutorial with code example in power point slide show
DOC
Dot Net Nuke
PDF
OVERVIEW: Chromium Source Tree
Android chromium web view
How Browsers Work
Share point saturday presentation 9 29-2012-2
Web component
Web 2.0
Industrial training seminar ppt on asp.net
Firefox vs. chrome
Hardware Acceleration in WebKit
Android Chromium Rendering Pipeline
Introduction to asp.net
Back to the Basics - 1 - Introduction to Web Development
Asp.net basic
DotNetNuke
Spsmi13 charts
Asp Net Advance Topics
Chromium vs. Firefox
The complete ASP.NET (IIS) Tutorial with code example in power point slide show
Dot Net Nuke
OVERVIEW: Chromium Source Tree
Ad

Similar to Eclipse orion (20)

PDF
Cloud development goes lightweight - Ken Walker
PDF
10 Important Web Development Tools Every Developer Should Know.pdf
PPT
PDF
Prominent Back-end frameworks to consider in 2022!
PPTX
Portable single page applications with AngularJS in SharePoint
PPTX
Web-Development-From-Idea-to-Deployment.pptx
PDF
Topic_Popular Web Development Frameworks.pdf
PPT
Orion Introduction
DOCX
SumerSingh_Ashawat
PDF
Mozilla Add-Ons Evolution 2011 in review and Upcoming in 2012
PPT
Orion Introduction
PDF
Mastering Web Development.pdf
PDF
Web Application Development Tools for Creating Perfect User Experience
PPTX
Web Development Course in Chandigarh Join Now
PPTX
Browser core red bus presentation
PDF
A Complete Guide to Python Web Development
PDF
Liferay plugin customization to change the behavior in portal
ODP
Netbeans65 Osum Slides
PDF
AEM-UG - Midwest Chapter Meeting 08282024.pdf
PDF
5 Top Python Frameworks You Should Consider.pdf
Cloud development goes lightweight - Ken Walker
10 Important Web Development Tools Every Developer Should Know.pdf
Prominent Back-end frameworks to consider in 2022!
Portable single page applications with AngularJS in SharePoint
Web-Development-From-Idea-to-Deployment.pptx
Topic_Popular Web Development Frameworks.pdf
Orion Introduction
SumerSingh_Ashawat
Mozilla Add-Ons Evolution 2011 in review and Upcoming in 2012
Orion Introduction
Mastering Web Development.pdf
Web Application Development Tools for Creating Perfect User Experience
Web Development Course in Chandigarh Join Now
Browser core red bus presentation
A Complete Guide to Python Web Development
Liferay plugin customization to change the behavior in portal
Netbeans65 Osum Slides
AEM-UG - Midwest Chapter Meeting 08282024.pdf
5 Top Python Frameworks You Should Consider.pdf
Ad

More from Nguyen Quang (11)

PDF
Apache Zookeeper
PDF
Apache Storm
PPTX
Deep Reinforcement Learning
PPTX
Deep Dialog System Review
PPTX
Sequence to Sequence Learning with Neural Networks
PPT
Introduction to cassandra
PPT
X Query for beginner
PPT
Redistributable introtoscrum
PPT
Text categorization
PPTX
A holistic lexicon based approach to opinion mining
PPTX
Overview of NoSQL
Apache Zookeeper
Apache Storm
Deep Reinforcement Learning
Deep Dialog System Review
Sequence to Sequence Learning with Neural Networks
Introduction to cassandra
X Query for beginner
Redistributable introtoscrum
Text categorization
A holistic lexicon based approach to opinion mining
Overview of NoSQL

Recently uploaded (20)

PPTX
cloud_computing_Infrastucture_as_cloud_p
PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
PDF
Approach and Philosophy of On baking technology
PPTX
TLE Review Electricity (Electricity).pptx
PDF
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
PDF
NewMind AI Weekly Chronicles - August'25-Week II
PDF
A comparative study of natural language inference in Swahili using monolingua...
PDF
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
PPTX
OMC Textile Division Presentation 2021.pptx
PPTX
TechTalks-8-2019-Service-Management-ITIL-Refresh-ITIL-4-Framework-Supports-Ou...
PDF
Diabetes mellitus diagnosis method based random forest with bat algorithm
PDF
A comparative analysis of optical character recognition models for extracting...
PDF
Univ-Connecticut-ChatGPT-Presentaion.pdf
PDF
Getting Started with Data Integration: FME Form 101
PDF
Heart disease approach using modified random forest and particle swarm optimi...
PDF
Reach Out and Touch Someone: Haptics and Empathic Computing
PPTX
Machine Learning_overview_presentation.pptx
PPTX
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
PDF
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
PDF
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
cloud_computing_Infrastucture_as_cloud_p
Agricultural_Statistics_at_a_Glance_2022_0.pdf
Approach and Philosophy of On baking technology
TLE Review Electricity (Electricity).pptx
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
NewMind AI Weekly Chronicles - August'25-Week II
A comparative study of natural language inference in Swahili using monolingua...
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
OMC Textile Division Presentation 2021.pptx
TechTalks-8-2019-Service-Management-ITIL-Refresh-ITIL-4-Framework-Supports-Ou...
Diabetes mellitus diagnosis method based random forest with bat algorithm
A comparative analysis of optical character recognition models for extracting...
Univ-Connecticut-ChatGPT-Presentaion.pdf
Getting Started with Data Integration: FME Form 101
Heart disease approach using modified random forest and particle swarm optimi...
Reach Out and Touch Someone: Haptics and Empathic Computing
Machine Learning_overview_presentation.pptx
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
Profit Center Accounting in SAP S/4HANA, S4F28 Col11

Eclipse orion

  • 2. Outline 2 What is Orion Orion Server Orion Client Orion Plugin Architecture
  • 3. What is Orion? Software Development in a browser: editing, navigating, searching, working with SCM Set of linked web pages, NOT an IDE running in a browser Focus on web developers working on client-side JavaScript, CSS, HTML 3
  • 4. What is Orion? Orion is a set of components  That together provide the server and client side code  That make up an extensible browser-based development platform Orion provides many pages to deal with editing, navigating, searching, Git tasks, shell access, setting up sites, or dealing with tasks 4
  • 5. Current state-of-the-art Not nearly as complete as what the JDT provides for Java developers None of the existing tools provide a great experience with content- completion or refactoring 5
  • 6. Orion Server Server-side services exposed via REST-oriented HTTP APIs APIs provide services such as a FileSystem, Search capacities, Git support, Preferences, and Sites for self hosted development 6
  • 8. Orion Client The Orion client is written in JavaScript, CSS, HTML5 and runs in the browser It focuses on writing task and pages that can easily support exploring and leveraging cross-site workflows The pages are designed without building everything you might be able to do in the same browser tab 8
  • 10. Orion Client  Navigation  Go to the Git log of the file  Open the Orion Shell page in the directory this file is located or start a search 10
  • 11. Orion Plugin Architecture Plugins (HTML file) can be hosted on any web server and installed into Orion using their URL 11
  • 12. Orion Plugin Architecture Example  Plugin that takes the contents of the editor and runs it through a common JavaScript library known as JSBeautify 12
  • 13. Orion-based Development Tools. Firefox Scatchpad JazzHub Cloud (https://hub.jazz.net) Scripted from VMWare HP DevAnywhere 13
  • 14. Resources The Fundamentals of the Orion Project http://www.eclipse.org/community/eclip se_newsletter/2013/june/article2.php Scripted – Embracing Eclipse Orion http://www.slideshare.net/martinlippert/ scripted-embracing-eclipse-orion http://www.slideshare.net/bokowski/ori on-8414877 14