WinCC OA Ultra Thin Client

Slides:



Advertisements
Similar presentations
ASP.NET Ajax Supplementary Tutorial. Why Use ASP.NET AJAX? - I ASP.NET AJAX enables you to build rich Web applications that have many advantages over.
Advertisements

MS Exchange and MS SharePoint Connectors Version
Web Applications Development Using Coldbox Platform Eddie Johnston.
UNDERSTANDING JAVA APIS FOR MOBILE DEVICES v0.01.
1 Chapter 12 Working With Access 2000 on the Internet.
Macromedia Dreamweaver 4 Advanced Level Course. Add Rollovers Rollovers or mouseovers are possibly the most popular effects used in designing Web pages.
Happy Hacking HTML5! Group members: Dongyang Zhang Wei Liu Weizhou He Yutong Wei Yuxin Zhu.
Professional Informatics & Quality Assurance Software Lifecycle Manager „Tools that are more a help than a hindrance”
HTML 1 Introduction to HTML. 2 Objectives Describe the Internet and its associated key terms Describe the World Wide Web and its associated key terms.
Chapter ONE Introduction to HTML.
© 2011 Delmar, Cengage Learning Chapter 11 Adding Media and Interactivity with Flash and Spry.
Chapter 4 Dreamweaver: Part II The Web Warrior Guide to Web Design Technologies.
FALL 2005CSI 4118 – UNIVERSITY OF OTTAWA1 Part 4 Web technologies: HTTP, CGI, PHP,Java applets)
Architecture Of ASP.NET. What is ASP?  Server-side scripting technology.  Files containing HTML and scripting code.  Access via HTTP requests.  Scripting.
Joel Bapaga on Web Design Strategies Technologies Commercial Value.
GIS technologies and Web Mapping Services
Overview of Previous Lesson(s) Over View  ASP.NET Pages  Modular in nature and divided into the core sections  Page directives  Code Section  Page.
14th IEEE-NPSS Real Time Conference 2005, 8 June Stockholm.
Chapter 6 The World Wide Web. Web Pages Each page is an interactive multimedia publication It can include: text, graphics, music and videos Pages are.
Ajax Technology for the Web Nic Shulver, FCET, Staffordshire University Introduction What is it? Pros and Cons Why is it important? Traditional Client-Server.
IE 411/511: Visual Programming for Industrial Applications
Silverlight Technology. Table of Contents 1.What is Silverlight Technology? 2.Silverlight Overview. 2.1 How it works 2.2 Silverlight development tools.
ACTIVE TECHNOLOGIES Providing Business Intelligence on any device from anywhere Copyright 2007, Information Builders. Slide 1 Presented by: Adam Lotrowski.
Web Controlled of Robot Georgi Chakarov Ivelin Stoyanov.
Industrial Control Engineering UNICOS distributed control  What does it mean?  Why do we need it  Implication for UNICOS device and tools Hervé Milcent.
About These Slides This slide set is designed to be used with the OMA sample application It is recommended you follow the steps outlined in the “Preparing.
Bringing the power of SVG to a genome browser near you! Christopher T Lewis CMPT 856 – Presentation 1.
Overview of PVSS 3.6 Oliver Holme IT-CO. 16/11/2006JCOP Project Team Meeting New features in 3.6 New Installer for PVSS on Windows New Qt User Interface.
Copyright © 2012 UNICOM Systems, Inc. Confidential Information z/Ware Product Overview illustro Systems International A Division of UNICOM Global.
Cs332a_chapt10.ppt CS332A Advanced HTML Programming DHTML Dynamic Hypertext Markup Language A term describing a series of technologies Not a stand-a-lone.
Intro to dot Net Dr. John Abraham UTPA CSCI 3327.
ASP (Active Server Pages) by Bülent & Resul. Presentation Outline Introduction What is an ASP file? How does ASP work? What can ASP do? Differences Between.
EE296 – Web-based Truth Table Program Jason Axelson Bryant Komo.
BlackBerry Applications using Microsoft Visual Studio and Database Handling.
Contents : What is Silverlight? Silverlight Overview Silverlight Toolkit Overview Timeline & Packaging Silverlight V1.0 & V1.1 Properties of V1.0 Properties.
 Web pages originally static  Page is delivered exactly as stored on server  Same information displayed for all users, from all contexts  Dynamic.
Chapter 11 Adding Media and Interactivity. Chapter 11 Lessons Introduction 1.Add and modify Flash objects 2.Add rollover images 3.Add behaviors 4.Add.
Web Technology (NCS-504) Prepared By Mr. Abhishek Kesharwani Assistant Professor,UCER Naini,Allahabad.
1 ITEC 4830 Graphics Design Chapter 1 Dreamweaver MX 2004 Basics.
Ajax! Ajax Programming Ajax! Ajax Programming. Ajax! Ajax Programming Take a look at a typical desktop application (Spreadsheet app, etc.) The program.
SVG technology SVG technology is what we want? is what we want? Jaehoon Woo KNU Real-Time Systems Lab. KNU Real-Time Systems Lab.
Ajax & Client-side Dynamic Web Gunwoo Park (Undergraduate)
HTML PROJECT #1 Project 1 Introduction to HTML. HTML Project 1: Introduction to HTML 2 Project Objectives 1.Describe the Internet and its associated key.
XHTML. What Is XHTML? XHTML stands for EXtensible HyperText Markup Language XHTML is almost identical to HTML XHTML is stricter than HTML XHTML is HTML.
Introducing the Microsoft® .NET Framework
Dispatcher Phoenix Is…
XML-RPC Web Services in WinCC OA An Application: online PARA JCOP FWWG Meeting Lorenzo Masetti.
Project 1 Introduction to HTML.
Rhapsody Design Manager 4.0.1
ASP.NET Web Controls.
Web Engineering CS-4513 Prepared By: Junaid Hassan Lecturer at UOS M.B.Din Campus
ITM352 PHP and Dynamic Web Pages: Server Side Processing 1.
WinCC OA Web UI Presentation at FWWG, 27th of May 2014
Chapter 4: Scalable Vector Graphics (SVG)
CONTENT MANAGEMENT SYSTEM CSIR-NISCAIR, New Delhi
Visio.
Mobile Navigation Control for Planetary Web Portals Team Members: John Calilung, Miguel Martinez, Frank Navarrete, Kevin Parton, Max Ru, Catherine Suh.
Visio.
Project 1 Introduction to HTML.
WinCC OA Ultra Thin Client
Processes The most important processes used in Web-based systems and their internal organization.
AJAX.
Microsoft Office Illustrated
Prepared for Md. Zakir Hossain Lecturer, CSE, DUET Prepared by Miton Chandra Datta
Silverlight Technology
Part of the Multilingual Web-LT Program
ASP.NET
Cloud Web Filtering Platform
Architecture of the web
#01# ASP.NET Core Overview Design by: TEDU Trainer: Bach Ngoc Toan
Presentation transcript:

WinCC OA Ultra Thin Client Daniel.Rodrigues@cern.ch

Ultra Thin Client Overview For delivery in WinCC OA 3.11 Previewing in 3.10 Fully Web Based Uses HTTP + SVG + Javascript Requires SVG support… Converted directly from xml Panels with limitations! WinCC OA UltraThinClient, FWWG, June 2011

WinCC OA UltraThinClient, FWWG, June 2011 What’s SVG SVG: Scalable Vector Graphics Specification developed by W3C www.w3.org/Graphics/SVG It is “A Markup Language for describing two-dimensional graphics applications and images and a set of related graphic script interfaces” Native support on most platforms IE8 and older require a plugin… But available on IE9 WinCC OA UltraThinClient, FWWG, June 2011

Ultra Thin Client Architecture Basic building blocks: CtrlXmlToSvg.dll Converts XML based panels into SVG files UltraThinClientServer.ctl The http server Loads CtrlXmlToSVG and handles http calls data\http\libs\*.js files Object specific javascript code data\http\panels\*.svg The panels, in SVG format WinCC OA UltraThinClient, FWWG, June 2011

Ultra Thin Client Architecture Event Manager Data Manager iii Initial process HTTP request (panel.xml) CtrlManager creates panel.svg Ctrl Manager sends panel.svg back to browser dpSet HTTP request (dp,value) CtrlManager does a PVSS dpSet(dp, value) dpConnect HTTP request (dp,clientId) CtrlManager does a dpConnect to the eventManager and adds clientId to list Sucessive HTTP requests (dp, clientid) CtrlManager eventually receives new value Browser receives value change Ctrl Manager UltraThinClientServer.ctl 2 b CtrlXmlToSVG.dll ii iv 3 iii i a 1 WinCC OA UltraThinClient, FWWG, June 2011

WinCC OA UltraThinClient, FWWG, June 2011 Workflow Create a panel and save in xml format Respecting the limitations and conventions Start the UltraThinClientServer.ctl Configurable Use your SVG enabled browser to see the panels Try it now! http://pcen33050/SVG?panel=FwwgPresentation.xml WinCC OA UltraThinClient, FWWG, June 2011

WinCC OA UltraThinClient, FWWG, June 2011 Example WinCC OA UltraThinClient, FWWG, June 2011

WinCC OA UltraThinClient, FWWG, June 2011 Limitations It is not a full fledged UI Manager! Basic communication with Server dpSet / dpConnect / dpToggle / dpExists / dpTypeName / dpGetDescription Limited number of Objects available TextEdit (no multiline) RadioCheckbox PushButton (Toggle not working) Basic Trend, Basic Alarm Limited actions per object Clicked, Command, Initialize No double click, mouse*, keyboard*, drag* … Global ScopeLib but no “#uses” No redirection when using dot notation “.”. Ex: MyText1.text Always required to use “getValue/setValue” Ex: getValue(“MyText1”, “text”) A number of misconversions and bugs Objects in reference panels Toggle, Crash on many popups… Note: WebPlugin activity just started WinCC OA UltraThinClient, FWWG, June 2011

WinCC OA UltraThinClient, FWWG, June 2011 Positives It is a real Web Based solution Unlike WebPlugin It integrates quite well with the Gedi A few objects are already automatically converted CTRL Scripts are translated to javascript “Hackable” All SVG and javascript libraries could be customized. Scalable One unique dpConnect call on many connected clients! Note: WebPlugin activity just started WinCC OA UltraThinClient, FWWG, June 2011

WinCC OA UltraThinClient, FWWG, June 2011 Questions to you Portable platforms: Would you envision using Tablets ? Additional development effort Does it make sense to develop panels exclusive to the Web? What objects are a must have? MultilineEdit / better Alarm Screen / Toggle buttons Note: WebPlugin activity just started WinCC OA UltraThinClient, FWWG, June 2011

WinCC OA UltraThinClient, FWWG, June 2011 Thank you for your attention. Questions? Note: WebPlugin activity just started WinCC OA UltraThinClient, FWWG, June 2011