Single-Window Integrated Development Environment Ivan Ruchkin Moscow State University Faculty of Computational Mathematics and Cybernetics Computing Systems.

Slides:



Advertisements
Similar presentations
6 Copyright © 2005, Oracle. All rights reserved. Building Applications with Oracle JDeveloper 10g.
Advertisements

©2004 BLACKBOARD, INC. ALL RIGHTS RESERVED. Java Integrated Development Environments Heather Natour Senior Lead Engineer Blackboard Inc. July 18 th 10:15am.
Introduction to Eclipse. Start Eclipse Click and then click Eclipse from the menu: Or open a shell and type eclipse after the prompt.
Introduction to JDeveloper. Benefits of Using JDeveloper Standard, open, and extensible Improved productivity –Visual and declarative –Simpler development.
Introduction to HT-IDE3000 Micro-C development System Department.
Professional Toolkit V2.0 C:\Presentations - SmartCafe_Prof_V2.0 - bsc page 1 Professional Toolkit 2.0.
Introduction to Eclipse plugin development for CSU 670 course project, Selector language (Xaspect) editor plugin implementation.
Chapter 1 - VB 2008 by Schneider1 Chapter 1 - An Introduction to Computers and Problem Solving 1.1 An Introduction to Computers 1.2 Windows, Folders, and.
DEV-2: Getting Started with OpenEdge® Architect – Part I
Extensions to Svetovid students’ submission environment Doni Pracner, Ivan Pribela, Mirjana Ivanović, Zoran Budimac.
MT311 Tutorial Li Tak Sing( 李德成 ). Uploading your work You need to upload your work for tutorials and assignments at the following site:
The IDE (Integrated Development Environment) provides a DEBUGGER for locating and correcting errors in program logic (logic errors not syntax errors) The.
1 / 31 CS 425/625 Software Engineering User Interface Design Based on Chapter 15 of the textbook [SE-6] Ian Sommerville, Software Engineering, 6 th Ed.,
20-Jun-15 Eclipse. Most slides from: 2 About IDEs An IDE is an Integrated Development Environment.
Copyright 2003 : Ismail M.Romi, PPU. All Rights Reserved 1 بسم الله الرحمن الرحيم Palestine Polytechnic University College of Administrative science and.
Chapter 2: The Visual Studio.NET Development Environment Visual Basic.NET Programming: From Problem Analysis to Program Design.
Evaluating the usability of the BlueJ environment. Marilyn Barallon Supervisor: Dr.Linda McIver.
DEBUGGERS For CS302 Data Structures Course Slides prepared by TALHA OZ (most of the text is from
1 Software Reuse in Eclipse Kellie-Ann Smith Norgye Yuanyuan Song Xiang Yin Jia Xu.
What is so good about Archie and RevMan 5
Eclipse IDE. 2 IDE Overview An IDE is an Interactive Development Environment Different IDEs meet different needs BlueJ and DrJava are designed as teaching.
03 Using Eclipse. 2 IDE Overview An IDE is an Interactive Development Environment Different IDEs meet different needs BlueJ and DrJava are designed as.
PART A Emac Lisp   Emac Lisp is a programming language  Emacs Lisp is a dialect.
© 2006 by IBM 1 How to use Eclipse to Build Rich Internet Applications With PHP and AJAX Phil Berkland IBM Software Group Emerging.
VIDEOOPTIONS PIPE LIST PIPE INFO CAMERAS STATUS SLIDER.
1. 2 What’s New in NetBeans IDE What is NetBeans IDE?  Ready to use out of the box  Support for latest Java specifications & standards  Other.
Modern concepts of programming - Course presentation - Prof. Dr Dragan Jankovic.
HagIT: The future is in your hands Designed and presented by: Hamza Khurshid Ahmad Ghunaim Ghassan Knayzeh.
Overview-An Overview of Visual Basic.NET1 An Overview of Visual Basic.NET.
The NetBeans IDE CSIS 3701: Advanced Object Oriented Programming.
An Introduction to Visual Basic
1 Chapter 2 First Java Programs Fundamentals of Java: AP Computer Science Essentials, 4th Edition Lambert / Osborne.
1 1 Lab1 Ismail M. Romi – IT Dept, PPU, Visual Basic 2005 Programming Tour.
Lesson 6. GCSE Computing – programming languages Candidates should be able to:  describe common tools and facilities available in an integrated development.
Chapter 3: Using GUI Objects and the Visual Studio IDE.
Introduction to Eclipse Plug-in Development. Who am I? Scott Kellicker Java, C++, JNI, Eclipse.
Dreamweaver MX BTA3Open. Dreamweaver MX Application used for creating web sites Homepage must always be saved as index.htm All files names must be in.
Debugging Dwight Deugo Nesa Matic
Debugging. 2 © 2003, Espirity Inc. Module Road Map 1.Eclipse Debugging  Debug Perspective  Debug Session  Breakpoint  Debug Views  Breakpoint Types.
Chapter 19: Visual Lisp. After completing this Chapter, you will be able to do the following: What is AutoLISP Launching Visual LISP Terminology and Fundamental.
Guide to Programming with Python Chapter One Getting Started: The Game Over Program.
Welcome To Eclipse. Basic Concepts Workspace – directory where your projects are stored –Projects grouping of related works –Resources generic term to.
9/2/ CS171 -Math & Computer Science Department at Emory University.
Eclipse. An IDE is an Integrated Development Environment Different IDEs meet different needs BlueJ, DrJava are designed as teaching tools Emphasis is.
Eclipse 3.1 IDE Overview.
Eclipse 24-Apr-17.
11/25/2015Slide 1 Scripts are short programs that repeat sequences of SPSS commands. SPSS includes a computer language called Sax Basic for the creation.
Debuggers in Python. The Debugger Every programming IDE has a tool called a debugger. This application does NOT locate or fix your bugs for you! It slows.
Eclipse. An IDE is an Integrated Development Environment Different IDEs meet different needs BlueJ, DrJava are designed as teaching tools Emphasis is.
©Ian Sommerville 2004Software Engineering, 7th edition. Chapter 4 Slide 1 Slide 1 What we'll cover here l Using the debugger: Starting the debugger Setting.
Dreamweaver MX. 2 Tools for Code Editing (p. 366) n An HTML editor like Dreamweaver writes most of the code you need, but at times you will need to perform.
© 2002 IBM Corporation Transaction Processing Facility TPF Users Group Acapulco May 2004 © 2004 IBM Corporation Pete Nicholls IBM Toronto Lab TPF Toolkit.
Exploring Spyder: An IDE for scientific computing
15 Copyright © 2004, Oracle. All rights reserved. Debugging Triggers.
Eclipse 27-Apr-17.
Creating Web Pages with Links, Images, and Embedded Style Sheets
Microsoft Visual C# 2010 Fourth Edition Chapter 3 Using GUI Objects and the Visual Studio IDE.
1 1 1 Introduction to Java. 2 History of Java Java – Originally for intelligent consumer-electronic devices – Then used for creating Web pages with dynamic.
What's New in Visual Studio 2010 Debugging Brian Peek Senior Consultant, ASPSOFT, Inc. Microsoft MVP - C#
Debugging using By: Samuel Ashby. What is debugging?  A bug is an error in either a program or the hardware itself.  Debugging is first locating and.
COMPREHENSIVE Excel Tutorial 12 Expanding Excel with Visual Basic for Applications.
Java IDE Dwight Deugo Nesa Matic
Debuggers. Errors in Computer Code Errors in computer programs are commonly known as bugs. Three types of errors in computer programs –Syntax errors –Runtime.
1 Using an Integrated Development Environment. Integrated Development Environments An Integrated Development Environment, or IDE, permits you to edit,
Visual Basic Code & No.: CS 218
ATS Application Programming: Java Programming
IDE++ User study & Eclipse Tutorial
Important terms Black-box testing White-box testing Regression testing
Important terms Black-box testing White-box testing Regression testing
Debugging Dwight Deugo
Presentation transcript:

Single-Window Integrated Development Environment Ivan Ruchkin Moscow State University Faculty of Computational Mathematics and Cybernetics Computing Systems Lab Vladimir Prus Moscow State University Faculty of Computational Mathematics and Cybernetics Computing Systems Lab

Outline Introduction Single-window design Implementation Results and future work IntroductionDesignImplementationResults Single-window IDE SYRCoSE 2010

IDEs Combine: Code editing tools Build system Debugger VCS … IntroductionDesignImplementationResults Single-window IDE SYRCoSE 2010 Provide: Syntax highlighting Code completion Build management Refactoring … Integrated Development Environments

Popularity Many developers prefer text editors to IDEs Reasons for that are not clear One of possible reasons – GUI usability IntroductionDesignImplementationResults Single-window IDE SYRCoSE 2010

Tool views IntroductionDesignImplementationResults Single-window IDE SYRCoSE 2010

Text editor IntroductionDesignImplementationResults Single-window IDE SYRCoSE 2010

Our approach Remove all tool views Provide tool views functions through text editor window Introduce additional widgets if necessary IntroductionDesignImplementationResults Single-window IDE SYRCoSE 2010

Steps Collect tool views from existing IDEs Compose an IDE tool view model consisting of abstract tool views Create a single-window interface design by removing all abstract tool views Implement single-window interface in KDevelop Do usability testing IntroductionDesignImplementationResults Single-window IDE SYRCoSE 2010

Tool view model Abstract tool views: Project view Files view Build results view Code objects view Tasks view Call stack view Threads view Breakpoints view Variables view IntroductionDesignImplementationResults Single-window IDE SYRCoSE 2010

Removal approach We have a list of abstract tool views Most of them are either tree-like or list-like Tree-like tool views can be replaced with breadcrumbs List-like tool views can be shown in text Messages and status information can be shown in status bar IntroductionDesignImplementationResults Single-window IDE SYRCoSE 2010

Additional widgets Breadcrumbs bar IntroductionDesignImplementationResults Single-window IDE SYRCoSE

Additional widgets Inline text widgets IntroductionDesignImplementationResults Single-window IDE SYRCoSE 2010

Additional widgets Enhanced status bar IntroductionDesignImplementationResults Single-window IDE SYRCoSE

Removing tool views Project view –Show navigation tree in breadcrumbs bar, mode Project Files view –Show navigation tree in breadcrumbs bar, mode Files IntroductionDesignImplementationResults Single-window IDE SYRCoSE 2010

Removing tool views Build results view –Marks in Project and Files breadcrumbs modes –Static element in status bar with number of errors –Inline widget with Next/Previous buttons –Status bar message Build complete Code objects view –Navigation with breadcrumbs IntroductionDesignImplementationResults Single-window IDE SYRCoSE 2010

Removing tool views Tasks view –Inline Next/Previous buttons –Marks in Projects and Files breadcrumbs –Static status bar element Number of tasks Call stack view and threads view –Show navigation tree in breadcrumbs, mode Threads and Stacks IntroductionDesignImplementationResults Single-window IDE SYRCoSE 2010

Removing tool views Breakpoints view –Inline widget with Next/Previous buttons –Marks in Files, Project and Code Objects breadcrumbs –Static status bar element Number of breakpoints –Status bar message Breakpoint hit Variables view –Inline widget (always on top of text editor) IntroductionDesignImplementationResults Single-window IDE SYRCoSE 2010

Implementation Breadcrumbs bar IntroductionDesignImplementationResults Single-window IDE SYRCoSE

Implementation Build errors in text IntroductionDesignImplementationResults Single-window IDE SYRCoSE

Implementation Enhanced status bar IntroductionDesignImplementationResults Single-window IDE SYRCoSE

Results Described a tool view model Designed a single-window interface Implemented single-window interface IntroductionDesignImplementationResults Single-window IDE SYRCoSE 2010

Future work Finish implementation Usability testing of vanilla KDevelop Usability testing of single-window KDevelop Comparison and conclusion IntroductionDesignImplementationResults Single-window IDE SYRCoSE 2010

The end Thank you for your attention! Questions? Single-window IDE SYRCoSE 2010 Vladimir Prus Ivan Ruchkin