200 likes | 219 Views
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.
E N D
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
Dynamic Animation Properties • Size • Location • Rotation • Percent Fill • Color • Text string • Visibility/Blink • Arbitrary properties
Animation Event Handlers • Mouse events • Keyboard events (future) • Timers • Triggers
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
AnimationGraphics Primitives • Lines - line width • Polygons • Ovals • Round Rectangles • Text - fonts, sizes, styles, formatting • Images - .jpg, .gif, .bmp • Pushbuttons
Data File ExampleObjects (objects (rect1 AAGRectangle (properties (x 20) (y 50) (width 672) (height 580) (fgColor 0xffff80))))
Data File ExampleAnimation (source1 AAGWeb (properties (Server Reactor4) (DefaultAttr Value) (UpdateRate 1))) (links (rect1.fillPercentVert source1.LIC04.PV))
Animation FiltersImporters/Converters • Intellution - iFIX & FIXWEB • Aspen GCS Prototyped • Visio (DXF) Prototyped • Intouch Shipping
Sample Animations • Converted screen from Intellution’s iWEB/FIXWEB • process.grf, htm • Converted screen from WW Intouch
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
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
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!
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
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
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
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
Customizing AnimationWith just a right mouseclick - Text, resizing, hyperlinks, and more - making a good thing even better...