TRENDING 2.0 NEW FEATURES Petra Mazdin, BE-ICS-FD September - 2017.

Slides:



Advertisements
Similar presentations
The GIMP Simple features tutorial By Mary A White.
Advertisements

COMPREHENSIVE Windows Tutorial 3 Personalizing Your Windows Environment.
®® Microsoft Windows 7 for Power Users Tutorial 2 Customizing Microsoft Windows 7.
Intermediate Level Course. Text Format The text styles, bold, italics, underlining, superscript and subscript, can be easily added to selected text. Text.
Chapter 2: The Visual Studio.NET Development Environment Visual Basic.NET Programming: From Problem Analysis to Program Design.
1 Introduction to the Visual Studio.NET IDE Powerpoint slides modified from Deitel & Deitel.
Using Charts in a Presentation Lesson 6. Software Orientation Charts can help your audience understand relationships among numerical values. The figure.
ICS 665 Jesse Abdul. jQuery UI Overview  jQuery UI javascript library Includes all UI component functionality  jQuery UI CSS framework Includes standard.
®® Microsoft Windows 7 for Power Users Tutorial 2p2 Customizing Microsoft Windows 7.
1 Creating Icons for Commands When there is not an icon related to a command in your toolbars, you will see a question mark (?). No preview available …
BUILDING RICH MEDIA ELEMENTS. Design Decisions Based on Design Specification  Following the design specification will ensure that the application is.
Domain 3 Understanding the Adobe Dreamweaver CS5 Interface.
Creating Links – Lesson 31 Creating Links Lesson 3.
Adobe InDesign CS5 – Illustrated Unit E: Using Master Pages Adobe InDesign CS5 – Illustrated Unit E: Using Master Pages.
© 2011 Delmar, Cengage Learning Chapter 1 Getting to Know Illustrator.
Pasewark & Pasewark 1 Access Lesson 5 Creating and Modifying Reports Microsoft Office 2007: Introductory.
FILES AND ASSETS PANELS
T U T O R I A L  2009 Pearson Education, Inc. All rights reserved. 1 3 Welcome Application Introduction to Visual Programming.
Getting to Know InDesign
Microsoft Office Illustrated Fundamentals Unit I: Working with Charts.
Chapter 16 Video. Importing Video Into Flash  Once you import video into Flash, you can control it using behaviors and very basic ActionScript, target.
WaveMaker Visual AJAX Studio 4.0 Training Basics: Building Your First Application Designer Basics.
Copyright 2002, Paradigm Publishing Inc. CHAPTER 18 BACKNEXTEND 18-1 LINKS TO OBJECTIVES Creating a Chart Sizing and Moving a Chart Sizing and Moving a.
Chapter 2 – Introduction to the Visual Studio .NET IDE
Lesson 1: Introduction to After Effects CMM204 – Digital Media Effects.
Return to Outline Copyright © 2011 by Maribeth H. Price 3-1 Labeling and annotation.
McGraw-Hill/Irwin The Interactive Computing Series © 2002 The McGraw-Hill Companies, Inc. All rights reserved. Microsoft PowerPoint 2002 Lesson 4 Strengthening.
Who Wants to be a Millionaire? LIFELINES 1.50/50 2.Poll the audience 3.Ask Another Student.
Macromedia Flash 8 Revealed WORKING WITH SYMBOLS AND INTERACTIVITY.
Pasewark & Pasewark 1 Access Lesson 5 Creating and Modifying Reports Microsoft Office 2007: Introductory.
CRSD Technology Training Tony Judice. Quick Access Toolbar – can be modifiedSave as… allows you to save the file to a different location and also as an.
Getting Started with Adobe Illustrator CS6. Objectives Define illustration software Start Adobe Illustrator CS6 and change preference settings View the.
Adobe Photoshop Ch 7 Notes Using Positioning Tools.
Chapter 3 Device Monitor Screen Otasuke GP-EX! Chapter 3 Device Monitor Screen Chapter 3 Device Monitor Screen.
NSP ProAlarm Configuration Date issued September 2007 Document reference & release version TR-IAS Ed 1.5 These presentation materials describe.
CMPF114 Computer Literacy Chapter 3 The Visual Basic Environment 1.
Positioning Objects with CSS and Tables
COMPUTER PROGRAMMING I 3.01 Apply Controls Associated With Visual Studio Form.
COMPUTER PROGRAMMING I 3.01 Apply Controls Associated With Visual Studio Form.
Adobe Illustrator CS5 - Illustrated Unit A:Getting Started with Adobe Illustrator CS5.
Chapter 2: The Visual Studio.NET Development Environment Visual Basic.NET Programming: From Problem Analysis to Program Design.
Windows Tutorial 3 Personalizing Your Windows Environment
ASP.NET Forms.
Chapter 2: The Visual Studio .NET Development Environment
OVERVIEW Objectives Follow a design document to prepare images for inclusion in a Web page Run a batch process to prepare multiple images in one step Use.
Working with Charts © 2016 Cengage Learning®. May not be scanned, copied or duplicated, or posted to a publicly accessible website, in whole or in part.
CARA 3.10 Major New Features
Introduction to Microsoft publisher
Positioning Objects with CSS and Tables
Chapter 2 – Introduction to the Visual Studio .NET IDE
3.01 Apply Controls Associated With Visual Studio Form
3.01 Apply Controls Associated With Visual Studio Form
Microsoft PowerPoint 2003 Illustrated Introductory
Microsoft Official Academic Course, Microsoft Word 2016
Signature: Microsoft Word 2003
Microsoft Office Illustrated Introductory, Windows XP Edition
Tutorial 6 Creating Dynamic Pages
DREAMWEAVER MX 2004 Chapter 3 Working with Tables
DREAMWEAVER MX 2004 Chapter 7 Working with Layers
Working with Symbols and Interactivity
Getting Started with Adobe Illustrator CS6
Positioning Objects with CSS and Tables
Exercise : Animated Navigation Structure in Animate (= Flash)
Overview of the IDE Visual Studio .NET is Microsoft’s Integrated Development Environment (IDE) for creating, running and debugging programs (also.
Chapter 8 Using Document Collaboration and Integration Tools
Microsoft Office Illustrated Fundamentals
Welcome To Microsoft Word 2016
Exercise : Animated Navigation Structure in Flash
Presentation transcript:

TRENDING 2.0 NEW FEATURES Petra Mazdin, BE-ICS-FD September - 2017

ENVIRONMENT OF THE TESTS Windows machine WinCC OA 3.15 P005 Release version 20170810 Procedure Create a WinCC OA project fwInstallation-8.0.5 Trending2_0 component ETM deliveries Test examples Simulator files dplist files Test_Trending_2_0 panels Pictures Post install script This presentation and documentation Petra Mazdin, BE-ICS-FD September - 2017

OVERVIEW – NEW FUNCTIONALITIES Various enhancements New labels Preselection trend Horizontal areas Area close event & Freeze mode Ruler popup Different color for Y-axis Event curves Grid features Visualization optimization Custom markers * Available ** Design suggestion (not implemented) Petra Mazdin, BE-ICS-FD September - 2017

MAJOR CHANGES Must use a reference panel with expected shapes inside: ExampleTrend_trend.pnl Define some global variable used in library functions (hardcoded in the trending widget) Now features are configured as a mapping per each curve The whole trend configuration is a mapping of mappings Legend appearance with multiple curves: last curves are overwritten Petra Mazdin, BE-ICS-FD September - 2017

FEATURE: Various Enhancements Limit the displayable time span per trend area Panel: 01_Trending_areaMaximumTimeSpan.pnl Works fine Specify the functionality usable on the trend plot/scales (flags) Panel: 02_Trending_AreaInteractionFlags.pnl Issue with documented function: areaInteractionFlag doesn’t exist Specify an automatic timeout of a set ruler Panel: 03_Trending_areaTouchRulerTimeout.pnl Issue: doesn’t work, timeout event didn’t happen Petra Mazdin, BE-ICS-FD September - 2017

FEATURE: Various Enhancements Legend curve names Drag & drop (Un)links curves’ scales Works fine Left click Curve filling on/off Right click Marking selector panel Left click: Choose a color (by default transparent) Right click: (Un)lock the handle, both handles locked to add the marking Petra Mazdin, BE-ICS-FD September - 2017

FEATURE: New Labels Place additional information at certain positions Can display HTML encoded content or an icon Moves accordingly if the area is resized Comments: Panel: 04_Trending_NewLabels.pnl Works fine Petra Mazdin, BE-ICS-FD September - 2017

FEATURE: Preselection trend Opens a view port with an overview of the main one Comments: Panel: 05_Trending_areaViewPort.pnl Works fine Style the view port: available in a css file in config folder: File name: stylesheet.css Petra Mazdin, BE-ICS-FD September - 2017

FEATURE: Area Close Event & Freeze Mode Triggering another event when closing a trend with the X-button Freeze mode stops displaying newly received values Comments: Panel: 06_Trending_Freeze.pnl Issues: Area close event unknown when closing a trend Freeze mode: Cannot be set in runtime Initialize script: works fine Petra Mazdin, BE-ICS-FD September - 2017

FEATURE: Ruler popup The previous popup is a panel now Fully customized Enhanced functionality Comments: Panel: 07_Trending_Ruler.pnl One ruler panel per project Dependency on a library with global variables Works fine Petra Mazdin, BE-ICS-FD September - 2017

FEATURE: Grid color Grid color Grid line type Comments: Panel: 08_Trending_GridOptions.pnl Works fine Petra Mazdin, BE-ICS-FD September - 2017

FEATURE: Visualization Optimization Before All values drawn even if their number exceeded the number of displayable pixels Now Only the number of visible pixels drawn Comments: Panel: 09_Trending_VisualOptimization.pnl 150min, 1 value/ms -> 9 000 000 values Works fine *Only when a very large number of values displayed Petra Mazdin, BE-ICS-FD September - 2017

FEATURE: Custom Markers Set images per curve Point type Point icon Comments: Panel: 10_Trending_CustomMarkers.pnl Works fine Warning: cannot load the image Petra Mazdin, BE-ICS-FD September - 2017

ISSUES TO REPORT Simplify usage of the main trend panel: remove dependencies in custom shapes and global variables Legend appearance with multiple curves: last curves are overwritten Flexibility with the ruler panel, currently one customization per project Flexibility with the legend panel Flexibility with the marking selector panel Petra Mazdin, BE-ICS-FD September - 2017

QUESTIONS ? Petra Mazdin, BE-ICS-FD September - 2017