1 / 20

Web@aGlance Animation

Web@aGlance Animation. Animation Applet. Enables viewing of animated process graphics in a Web Browser Thin client, Pure Java, requires no client installation Object-oriented drawing description, stored in separate file Drawings created via Animation Filters or by Animation Editor.

Download Presentation

Web@aGlance Animation

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. Web@aGlance Animation

  2. Animation Applet • Enables viewing of animated process graphics in a Web Browser • Thin client, Pure Java, requires no client installation • Object-oriented drawing description, stored in separate file • Drawings created via Animation Filters or by Animation Editor

  3. Animation Overview

  4. Dynamic Animation Properties • Size • Location • Rotation • Percent Fill • Color • Text string • Visibility/Blink • Arbitrary properties

  5. Animation Event Handlers • Mouse events • Keyboard events (future) • Timers • Triggers

  6. Java Animation Library • Basic console graphical features • Graphics primitives • Complex objects • Container/Component Design • Dynamic properties • Interactive objects • Data sources/connections • Open interfaces for objects, data

  7. AnimationGraphics Primitives • Lines - line width • Polygons • Ovals • Round Rectangles • Text - fonts, sizes, styles, formatting • Images - .jpg, .gif, .bmp • Pushbuttons

  8. Data File ExampleObjects (objects (rect1 AAGRectangle (properties (x 20) (y 50) (width 672) (height 580) (fgColor 0xffff80))))

  9. Data File ExampleAnimation (source1 AAGWeb (properties (Server Reactor4) (DefaultAttr Value) (UpdateRate 1))) (links (rect1.fillPercentVert source1.LIC04.PV))

  10. Animation FiltersImporters/Converters • Intellution - iFIX & FIXWEB • Aspen GCS Prototyped • Visio (DXF) Prototyped • Intouch Shipping

  11. Sample Animations • Converted screen from Intellution’s iWEB/FIXWEB • process.grf, htm • Converted screen from WW Intouch

  12. Intouch Graphics Converter/Importer • Developed by Intuitive • Standalone program, may be run independent of Intouch and/or WAAG • Most objects converted • GUI with logging available

  13. Intouch WAAGObject Conversion • Converted: H/V Line Line Rectangle Rounded Rectangle Symbol Cell Ellipse Polyline Polygon Text Bitmap Real Trend Button • Not Converted: History Trend Alarm Summary ActiveX Object OCX Object • Objects Created: Generated objects to support animation links, expressions, hyperlinks, and more

  14. Intouch Graphics Conversionstep-by-step • Launch Convertgui.exe • (ww_wdws.nbk - maps win numbers to descriptive names • Output directory - accessible via url - under web root or aliased • Dump Intouch tags • Launch @aGlance Intouch Server, and view converted screen from browser!

  15. iWeb/FIXWeb Components • iWEB Converter • FIX Dynamics Pictures Java Definition Files • [GRF(ODF) JDF] • Java Class Libraries • Define display & animation • FIX Dynamics Data Server • Services real-time data requests - read only • FIX Playback Applet • Enables replay of historical data

  16. Converting FIX drawings • WebConverter • add to Dynamics Workspace toolbar • Select: • source file, destination directory • update rate (polling) • image format for bitmaps - bmp/jpg • Convert • Log file • conversion status/summary/errors • names of files created

  17. Conversion from Intellution’s iWEB • 2.1 FIX Dynamics Picture Elements Which are Not Supported by Fix Dynamics Web Server • 2.1.1 OLE Objects and Active X Controls • 2.1.2 Charts • 2.1.3 Text Object Background Color • 2.1.4 Only Float and String Values Supported • 2.1.5 Rectangle Rotation • 2.1.6 Foreground/Background Properties of Alarm Summaries

  18. iFIX / FIXWEB ++ • iFIX/FIXWEB, SCS & Web@aGlance • Smooth upgrade path • 1 - FIXWEB - provides converter ( GRF->JDF) • 2 - Server Connection Suite [FIXAAG] • must install on SCADA/View node • communicates w/any @aGlance client • S2S bridge & OPC connection • 3 - Web@aGlance - Server & Designer • install locally or separate host (Server edition) • full charting & editing capabilities (Designer edition) • may be used for control - write-access

  19. Customizing AnimationWith just a right mouseclick - Text, resizing, hyperlinks, and more - making a good thing even better...

  20. Animation Editor Lab

More Related