We think you have liked this presentation. If you wish to download it, please recommend it to your friends in any social system. Share buttons are a little bit lower. Thank you!
Presentation is loading. Please wait.
Published byLila Emmott
Modified over 2 years ago
© Copyright 2012 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice. Pronq IDE – Collaboration Code Review Technion Project
© Copyright 2012 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice. 2 Pronq IDE Product description Web-based IDE for developing web applications Currently supports java-script only Powered by Eclipse Orion editor Advantages over other web-based IDEs Source files are stored on client-side (in-browser storage) Better performance (and lighter server) Full privacy Fully extensible For more details – read ‘CodeAnywhere: Web IDE – The next generation’
© Copyright 2012 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice. 3 Technologies Must – java script (Java Script – the good parts book) including deferred+promises – html - http://www.w3schools.com/html/default.asphttp://www.w3schools.com/html/default.asp – require.js - http://requirejs.org/docs/start.htmlhttp://requirejs.org/docs/start.html – node.js - http://nodejs.org/api/ (REST API, socket.io)http://nodejs.org/api/ Choose – jquery - http://www.w3schools.com/jquery/http://www.w3schools.com/jquery/ – angular.js (Angular JS book) Choose – git - http://git-scm.com/abouthttp://git-scm.com/about – svn - http://subversion.tigris.org/http://subversion.tigris.org/ Optional – html5 - http://www.isoc.org.il/openacademy/html5/http://www.isoc.org.il/openacademy/html5/ – css - http://www.w3schools.com/css/default.asphttp://www.w3schools.com/css/default.asp – less - http://lesscss.org/http://lesscss.org/
© Copyright 2012 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice. 4 Architecture High level Single page application All business logic resides in the client-side (expect for certain use-cases) Each js file is a require.js module Extension loader – loads all extensions Most of the rest are extensions
© Copyright 2012 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice. 5 Extensibility Extension Everything is extension (extendable, replaceable) Extension is a set of modules (described in config.js file) Each module is a require.js module and may contribute one service Each module may depend on other modules (either of the same extension or others’) that are available via dependency injection A module life-cycle has two phases – init – collect information from other modules, contributes information to other moduels – start – expose/present the information
© Copyright 2012 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice. 6 Core Extensions Layout Service Responsible for managing all panes and sub panes (tabs) Provides the API for adding new sub panes Project Service Responsible for managing all projects and project files Provides the API for adding, getting and removing files to/from the project Editors Service Responsible for managing all open editors Provides the API for opening/closing an editor Provides the API for manipulation of editor contents
© Copyright 2012 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice. 7 Project Goals Collaboration Integrated offline code review system to the IDE Developer should be able to request code review – Select the changes – Select the code reviewer – Send the request Backend server gets the request and routes it to the code reviewer (push with socket.io)
© Copyright 2012 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice. 8 Project Goals Collaboration – cont. Backend server gets the request and routes it to the code reviewer (push with socket.io) Code reviewer gets the notification and opens the code review dedicated view – File tree shows the changed files – Contents is taken from the base line (where the changes are made upon) + the diff – Changes should be presented according to the change type (add line, remove, etc.) – Navigation between changes – Adding comments, approving or disabling a change Send back the review to the developer Checking all changes in the shared code-base
© Copyright 2012 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice. 9 Code Review 1 Introduce changes Select code reviewer Send 2 Push notification 3 Get notification Open code review view Review and send back
© Copyright 2012 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice. Thank you
Orion 'Code Edit': A Really Sweet Stand-Alone Code Editor Eric Moffatt Orion Committer IDS Web IDE (Tooling)
IS 4420 Database Fundamentals Chapter 10: The Internet Database Environment Leon Chen.
APP DESIGN AND DEVELOPMENT WITH THE IONIC FRAMEWORK Chuck Leone https://github.com/ChuckLeone/
Trunica Inc. 500 East Kennedy Blvd #300 Tampa, FL Cross Platform Mobile Apps With Cordova and Visual Studio 2015 © Copyright 2015.
ATS Lua Plugin Kit Chan 1.
Mobile App Development Using: Presented by Tyler Richey Images from
Introduction to Web Services By J. H. Wang Nov. 28, 2011.
Jenkins User Conference Jenkins User Conference Israel, 06 June 2013 #jenkinsconf Pre-Tested Commits with Jenkins and Reviewboard Yardena Meymann VMware.
Plug-in Architectures Presented by Truc Nguyen. What’s a plug-in? “a type of program that tightly integrates with a larger application to add a special.
Web 2.0 Programming 1 © Tongji University, Computer Science and Technology. Web Web Programming Technology 2012.
Location based Streaming Topics for our 1 st presentation Thesis Description Positioning System Streaming over positioning Questions Session.
AJAX Development By Gary Mandela December 26, 2006
Designveloper Overview of Web and App development process March 11 th, 2014 Hung Vo - CEO.
Sustainable SharePoint 2010 Customizations By Bill Keys.
Developing downloadable mobile apps using HTML5 and PhoneGap Apache Callback Ron Perry, CTO, Worklight Inc.
Web Integration to an Appx Backend Server. Unix web servers + CGI Win2K web servers + ASP Win2K web servers + ODBC Processing requests Generating HTML.
IIS Technologies. Introduction Designed to deliver high speed and secure information publishing Serves as a platform for developers to extend internet.
Client 1. Requests html page (URL) 3. sends page to client 4. browser interprets html page & displays Typical html Request/Response cycle 2. retrieves.
Basics of Web Databases With the advent of Web database technology, Web pages are no longer static, but dynamic with connection to a back-end database.
Multiple Tiers in Action Database Web Client with Browser Web Server Database with Tables 1 2 HTML PHP Java Script 3.
Overview of Previous Lesson(s) Over View ASP.NET Pages Modular in nature and divided into the core sections Page directives Code Section Page.
1/7/2016www.infocampus.co.in1. 1/7/2016www.infocampus.co.in2 Web Development training gives you and all-round training in both the design and the development.
Some essentials difference syntax and concept for jquery developers Roohullah Afzali
Restricted © Siemens AG All rights reserved A Developer’s Insights Into Performance Optimizations for Mobile Web Apps CT DC AA EM LP2 | June 2015.
Applets & Servlets. 2 Overview This presentation will provide an overview of the basics of applets and servlets as well as their roles in web development.
Creating and Editing a Web Page Using Inline Styles HTML5 & CSS 7 th Edition.
Developing Mobile Apps for Drupal Sites Manil Maskey Information Technology & Systems Center University of Alabama in Huntsville ESIP.
Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.
AJAX & By – Anupama Sharma. Defining Ajax Ajax isn’t a technology. It’s really several technologies, each flourishing in its own right, coming together.
Client side web programming Introduction Jaana Holvikivi, DSc. School of ICT.
Computer Science 101 Web Access to Databases Overview of Web Access to Databases.
SAFARI TEST AUTOMATION: NAVIGATING THROUGH THE JUNGLE BY KARAN KUMAR AND JAMES CHUONG.
What year was the World Wide Web invented? 1989, by Tim Berners-Lee What year was the Internet developed? Can be traced back to 1958 — the year that.
A Presentation Presentation On JSP On JSP & Online Shopping Cart Online Shopping Cart.
Internet of Things with Intel Edison Web controller Pierre Collet Intel Software
A really fairly simple guide to: mobile browser-based application development (part 1) Chris Greenhalgh G54UBI / Chris Greenhalgh
Attie Naude 14 May 2013 Windows Azure Mobile Services.
Java Programming: Advanced Topics 1 Building Web Applications Chapter 13.
RUG Australia meeting 2012 Feb 6, V Tiers & sequencing suppliers Tiers and sequencing and load balancing Tiers = groups of suppliers.
Building Applications using ASP.NET and C# / Session 1 / 1 of 21 Session 1.
Legal Meetings: Extended Instructions on Movica and Screencast.
Understanding StarTeam Enterprise Advantage Course #4124.
New Release Announcements and Product Roadmap Chris DiPierro, Director of Software Development April 9-11, 2014
Architecture Of ASP.NET. What is ASP? Server-side scripting technology. Files containing HTML and scripting code. Access via HTTP requests. Scripting.
Complete The Jigsaw Accessibility, Joomla! Markup languages and you Joshue O Connor Senior A11y Consultant NCBI Centre for Inclusive Technology CFIT.ie.
3 Copyright © 2004, Oracle. All rights reserved. Working in the Forms Developer Environment.
27.1 Chapter 27 WWW and HTTP Copyright © The McGraw-Hill Companies, Inc. Permission required for reproduction or display.
Jan Hatje, DESY CSS ITER March 2009: Technology and Interfaces XFEL The European X-Ray Laser Project X-Ray Free-Electron Laser 1 CSS – Control.
IT 210 The Internet & World Wide Web introduction.
© 2017 SlidePlayer.com Inc. All rights reserved.