ICALEPCS, 15.10. 2007 1 “jddd” a Java DOOCS Data Display for the XFEL Editor for a Graphical User Interface of DOOCS & TINE and Runtime Engine Elke Sombrowski.

Slides:



Advertisements
Similar presentations
What is a Computer Program? For a computer to be able to do anything (multiply, play a song, run a word processor), it must be given the instructions.
Advertisements

Introduction to Java 2 Programming
Jddd Training for advanced users Elke Sombrowski.
 Copyright 2005 Digital Enterprise Research Institute. All rights reserved. The Web Services Modeling Toolkit Mick Kerrigan.
Wincite Introduces Knowledge Notebooks A new approach to collecting, organizing and distributing internal and external information sources and analysis.
Data Access Worldwide May 16 – 18, 2007 Copyright 2007, Data Access Worldwide May 16 – 18, 2007 Copyright 2007, Data Access Worldwide Building Great Looking.
BuddySoft Painter Capstone Project Buddy Landry December 15, 2006.
Lecture 15 Graphical User Interfaces (GUI’s). Objectives Provide a general set of concepts for GUI’s Layout manager GUI components GUI Design Guidelines.
Create slices and hotspots Create links in Web pages Create rollovers from slices Create basic animation Add tweening symbol instances to create animation.
1 GUI Elements in Java Nelson Padua-Perez Chau-Wen Tseng Department of Computer Science University of Maryland, College Park.
1 CMSC 132: Object-Oriented Programming II Nelson Padua-Perez William Pugh Department of Computer Science University of Maryland, College Park.
1 Flash and Animation Presented by : Behzad Sajed Khosrowshahi.
1 About Xcelsius Prasad BKR. 2 Agenda About Xcelsius and Editions Features and Components Comparison: MS Excel vs SAP Xcelsius Xcelsius.
Unity 3D game IDE 1.  Unity is a multi-platform, integrated IDE for scripting games, and working with 3D virtual worlds  Including:  Game engine ▪
Development of mobile applications using PhoneGap and HTML 5
Java Swing Joon Ho Cho. What is Java Swing? Part of the Java Foundation Classes (JFC) Provides a rich set of GUI components Used to create a Java program.
1 ICAS’2008 – Gosier, March 16-21, 2008 GrafiXML, A Multi-Target User Interface Builder based on UsiXML Benjamin Michotte, Jean Vanderdonckt Université.
Chapter 4 Dreamweaver: Part II The Web Warrior Guide to Web Design Technologies.
Chapter 13 Working with Components. Chapter 13 Lessons 1.Use Components in a Flash Movie 2.Use Components in a Form.
Java Beans.
20-753: Fundamentals of Web Programming Copyright © 1999, Carnegie Mellon. All Rights Reserved. 1 Lecture 16: Java Applets & AWT Fundamentals of Web Programming.
BUILDING RICH MEDIA ELEMENTS. Design Decisions Based on Design Specification  Following the design specification will ensure that the application is.
London April 2005 London April 2005 Creating Eyeblaster Ads The Rich Media Platform The Rich Media Platform Eyeblaster.
London April 2005 London April 2005 Creating Eyeblaster Ads The Rich Media Platform The Rich Media Platform Eyeblaster.
Deutsches Elektronen-Synchrotron DESY Helmholtz Association of German Research Centres Hamburg, Germany The European X-Ray Laser Project.
Max Planck Institute for Psycholinguistics Tool development report H. Brugman MPI Nijmegen.
Interface & navigation (How to build a simple presentation interface) Flash ActionScript Introduction to Thomas Lövgren
Drag and Drop Display and Builder. Timofei B. Bolshakov, Andrey D. Petrov FermiLab.
Using the Netbeans GUI Builder. The Netbeans IDE provides a utility called the GUI Builder that assists you with creating Windows applications. The Netbeans.
JAPPLET.
Chapter 10 Fireworks: Part II The Web Warrior Guide to Web Design Technologies.
CS377A: A Programming Approach to HCI Jan Borchers Spring Swing Refresher David Merrill 5/14/2002
3461A Readings from the Swing Tutorial. 3461A Overview  The follow is the Table of Contents from the trail “Creating a GUI with JFC/Swing” in the “The.
University of Sunderland CDM105 Session 6 Dreamweaver and Multimedia Fireworks MX 2004 Creating Menus and Button images.
Introducing the Eclipse Visual Editor David Gallardo.
Tutorial 7 Planning and Creating a Flash Web Site.
Selected Topics in Software Engineering - Distributed Software Development.
Creating Buttons – Lesson 51 Creating Buttons Lesson 5.
Writing Extension Modules (Plugins) for JAS 3 Mark Donszelmann Tony Johnson Victor Serbo Max Turri CHEP2004, 27 september-1 october 2004, Interlaken, Switzerland.
Session 27 Swing vs. AWT. AWT (Abstract Window ToolKit) It is a portable GUI library for stand-alone applications and/or applets. The Abstract Window.
MSc Workshop - © S. Kamin, U. ReddyLect 3 - GUI -1 Lecture 3 - Graphical User Interfaces r GUI toolkits in Java API r JFrame r GUI components.
Object Oriented programming Instructor: Dr. Essam H. Houssein.
1 CSC 222: Object-Oriented Programming Spring 2012 netBeans & GUIBuilder  netBeans IDE create/edit/run a project  GUIBuilder JFrame, JButton, JTextField,
1 Java Swing - Lecture 2 Components and Containment Boriana Koleva
CSS – Control System Studio
Introduction to Matlab & Data Analysis 2015 In this tutorial we will: Build a practical application using GUIDE Learn more about graphical user interface.
Java Applets: GUI Components, Events, Etc. Ralph Westfall June, 2010.
Creating Windows. How can we use Java to create programs that use windows (GUI applications)? How can we use Java to create programs that use windows.
Creating Applets. What is an applet? What is an applet? A Java program that runs in a web browser. A Java program that runs in a web browser. An applet.
Liang, Introduction to Java Programming, Seventh Edition, (c) 2009 Pearson Education, Inc. All rights reserved Chapter 41 JavaServer Face.
Reading Flash. Training target: Read the following reading materials and use the reading skills mentioned in the passages above. You may also choose some.
XP Tutorial 7 Creating a Flash Web Site. XP New Perspectives on Macromedia Flash 82 Objectives Plan and create a Flash Web site Create a Flash template.
Ajmer Singh PGT(IP) JAVA IDE Programming - I. Ajmer Singh PGT(IP) GUI (Graphical User Interface) It is an interface that uses a graphic entities along.
Unit 3: Text, Fields & Tables DT2510: Advanced CAD Methods.
Developing GUIs With the Eclipse Visual Editor, SWT Edition David Gallardo.
XP Tutorial 3 Creating Animations. XP New Perspectives on Macromedia Flash MX Elements of Animation Layers are used to organize the content of.
Java With NetBeans First Project. Java Are language for this semester is Java The Development Environment is Netbeans.
Graphical User Interface (GUI)
Developing GUIs With the Eclipse Visual Editor, Swing/AWT Edition David Gallardo.
Integrating Components and Dynamic Text Boxes with the Animated Map– Lesson 101 Integrating Components and Dynamic Text Boxes with the Animated Map Lesson.
Introduction to Swing Mr. Crone. What is Swing? a collection of pre-made Java classes used to create a modern graphical user interface.
BOY, A Modern Graphical Operator Interface Editor and Runtime Xihui Chen, Kay Kasemir RAD Control Group.
Introduction to Swing Mr. Crone. What is Swing? a collection of pre-made Java classes used to create a modern graphical user interface.
CSC 222: Object-Oriented Programming
Java Look-and-Feel Design Guidelines
Swing & the JFC – Advanced Java GUI
Week 8 Swing NetBeans GUI Builder
Presents: Rally To Java Conversion Suite
Java Workflow Tooling (JWT) Release review: JWT v0
Presentation transcript:

ICALEPCS, “jddd” a Java DOOCS Data Display for the XFEL Editor for a Graphical User Interface of DOOCS & TINE and Runtime Engine Elke Sombrowski

ICALEPCS, Content Motivation The “old” ddd (DOOCS Data Display) Considerations about what we need in future The new jddd (Java DOOCS Data Display) The jddd editor Reusable components in jddd Special features of jddd How to start jddd Experience & Outlook

ICALEPCS, Motivation We don't want do design all panels in the controls group Non-programmers / subsystem experts should develop graphical controls panels We already have ddd (C++) since 10 years synapical displays editor but ddd needs an “update”

ICALEPCS, ddd The “old” ddd-Editor

ICALEPCS, ddd ddd Screenshot Flash: ~ 1300 control panels

ICALEPCS, ddd UNIX / C++ version: + Editor: simple creation of control panels with a set of standard components: text, buttons, graphical components, values, dials, plots, “If”, animated components + Control panels are saved in text-files and parsed at runtime - Some new editor features are difficult to implement (e.g. undo functionality) - Open look library is no longer supported

ICALEPCS, jddd What we need in Future: Keep the good things of ddd: simple Editor Editor with modern look&feel and functionality Improved components (plots with math functions,...) New components (TabbedPane,...) Platform independence More flexible usage: Reuse of displays in other applications Web interface (Applet) Convertibility of the old text-files to a new format

ICALEPCS, jddd jddd implementation: Use JAVA Standard JAVA technology (Swing, Java Beans) Save panels in standard xml file format Options for jddd editor: - use Eclipse or Netbeans and write Plugins - develop a GUI Editor based on the Netbeans visual library → we decided to write a completely new editor, because we want to be independent of external libraries and we want to have the highest flexibility

ICALEPCS, jddd Editor Editor Window Component Inspector Component Palette Component Properties

ICALEPCS, jddd components Pane Components: – TabbedPane – LayeredPane – IncludeComponent – DynamicList Static Components: – Label – Line – Oval – Rectangle – Triangle – Icon Dynamic Components: Button Value Dial CheckBox ProgressBar Slider StatusRegister Audio ColouredIndicator LocationChooser CameraImage TextArea Logic Components: If Switch Plot Component: PlotSpectrum New Components

ICALEPCS, jddd components Pane Components IncludeComponent Library component which can be used in multiple panels steerer.xml TabbedPane

ICALEPCS, jddd components ColouredIndicator - colour(variable in contr. sys) Dynamic Components Checkbox Dial Slider ProgressBar StatusRegister Audio Component - plays.wav file - plays dynamic beep f(variable in contr. sys)

ICALEPCS, jddd components Dynamic Component LocationChooser: changes the base address of the whole panel

ICALEPCS, jddd components Logic Component Switch: selects one of multiple layers Cases

ICALEPCS, jddd components Plot Component Plots with mathematical functions, autoscale

ICALEPCS, jddd special features Special Features: Rotated components Drag & Drop Tooltips Layers Applet Use jddd for high level applications Convert old text-files to new xml file format

ICALEPCS, jddd special features Rotated Components

ICALEPCS, jddd special features Drag & Drop A control system address can be dragged & dropped from one component to another.

ICALEPCS, jddd special features Layers

ICALEPCS, jddd special features jddd for high level applications: 1) Export jddd panels as Java source code: Export as JFrame or JPanel Disadvantage: Panels can't be revised with the jddd editor after the export. 2) Use jddd panels as Java Beans: Create a java application and add the following lines to insert a jddd panel as Java Bean: jdddPanel panel = new jdddpanel(); panel.setXmlFile(new java.io.File("/home/ttflinac/jdddFileName.xml")); To access components of the jddd panel: DOOCSOval oval1 = (DOOCSOval)panel.getDoocsComponent("LayeredPane1/Oval1"); oval1.setDoocsFillColor(Color.orange);

ICALEPCS, Import FLASH Panels Old ddd panel converted to new jddd panel.

ICALEPCS, How to start jddd Java Web Start

ICALEPCS, Experience & Outlook General Experience: Java has proved to be a good choice for GUI development Java / jdoocs API is fast enough Java Webstart works fine Outlook: Replace ddd by jddd as fast as possible Save xml-files in a subversioning system and many more ideas... Thank you for your attention!