CITGO Corpus Christi Refinery PI Here, PI There, PI Everywhere 1 PI WEB Graphics Application Management Systems, Inc. Outline pApplication Purpose, functional specifications, and general approach to the project pLive Demo pIdentification of key Microsoft and PI Software requirements for desktop and Client/Server computers. pWeb Publishing Overview pTechnologies Overview for building a Real-time process information system on a intranet

CITGO Corpus Christi Refinery 2 PI Here, PI There, PI Everywhere PI WEB Graphics Application o oEngineers, operators, and operations management require timely real-time process data Application Purpose Management Systems, Inc. o oThe Front-end Web Distribution for PI ProcessBook Graphics o oA larger set of users (corporate wide) need to view live process graphics and trends o oA COM framework for the distribution of applications on multiple data sources: PI data, Lab data and OHMS data (work in progress)

CITGO Corpus Christi Refinery 3 PI Here, PI There, PI Everywhere PI WEB Graphics Application o oVisual Basic and ASP hybrid * *Visual Basic client application to extract and publish PI graphics * *ASP application to display live PI graphics and trends over the corporate intranet (Trends - 3rd party ActiveX Control) Functional specifications Management Systems, Inc. o oAvailable technologies and components * *IIS web server with IE 4 browsers * *ProcessBook COM interface, PI API

CITGO Corpus Christi Refinery 4 PI Here, PI There, PI Everywhere PI WEB Graphics Application Graphics extraction and web publishing o oGeneral Approach * *VB client application for setup/maintenance * *Extract graphics through PB COM interface * *Convert graphics to JPG * *Publish to web server * *Extract process tags and graphics coordinates   Store static attributes in Access database Management Systems, Inc.

CITGO Corpus Christi Refinery 5 Live Demo PI Here, PI There, PI Everywhere PI WEB Graphics Application Management Systems, Inc.

CITGO Corpus Christi Refinery 6 Identification of key Microsoft and PI Software requirements for desktop and Client-Server computers. Identification of key Microsoft and PI Software requirements for desktop and Client-Server computers. PI Here, PI There, PI Everywhere PI WEB Graphics Application Server components Desktop PC components MS Internet Explorer 4.0 Custom ActiveX Control MS Internet Information Server 4.0 MS Transaction Server ActiveX Data Objects 2.0 OSI PI 3.2 Archive (NT) OSI PI API’s Custom DLL’s 3rd Party Trend Tool MS Internet Explorer 4.0 MS Access 97 OSI PI API’s (NT) OSI PI ODBC v1.1.6 Static Display Server PI & WEB Server Graphics Publisher Corporate & Gen. Users Management Systems, Inc. PI WEB

CITGO Corpus Christi Refinery 7 Publish Graphics Overview PI Here, PI There, PI Everywhere PI WEB Graphics Application ProcessBook Graphics ProcessBook COM Interface VB Application Access DBWeb Server JPEG's Management Systems, Inc. Build Core Displays Build Core Displays Maint. & Updates Maint. & Updates Static Server Access db Static Server Access db Key Component Key Component Generates html formats Generates html formats Builds Exec.

CITGO Corpus Christi Refinery 8 PI Here, PI There, PI Everywhere PI WEB Graphics Application Web Client Access DB ASP/ VB Script ActiveX DLL PI API Static Graphics ActiveX OCX ActiveX “Wrapped” Functionality Management Systems, Inc.

CITGO Corpus Christi Refinery 9 Highlights - Information PI Here, PI There, PI Everywhere PI WEB Graphics Application ¶Installs over the Intranet in minutes on any CITGO PC with IE4.0 ·Live Data Updates over the INTRANET - Scanned every 60sec ¸Casual, Non-Technical user - Easy to use Browsing and Trending Tools ¹Save Custom Trends - located in Favorites / Profile directory ºView PI Plant Data from any CITGO Corporate Workstation »View PI Plant Data Remotely while traveling using Laptops Management Systems, Inc.

CITGO Corpus Christi Refinery 10 Information Page PI Here, PI There, PI Everywhere PI WEB Graphics Application Jeff E. Nesloney Citgo Corpus Christi Refinery Corpus Christi, Texas PI System Administrator - Systems Analyst phone: Management Systems, Inc. Joe Stough Syntex Management Systems, Inc. Corpus Christi, Texas President phone: The fun stops here...

CITGO Corpus Christi Refinery 11 Technical Stuff Explained page 1 of 2 PI Here, PI There, PI Everywhere PI WEB Graphics Application Process Flow: The first step in displaying ProcessBook graphics on the web is to generate a skeleton image. Each display that is selected for web presentation is entered into an Access db. A Visual Basic application queries the database and loads each display through ProcessBook’s COM interface. Once a display is loaded, all of the value and bar controls are hidden from the viewable area and a “jpeg” image is generated through the save-as function. This process is completely automated and only needs to be run/executed when a display is modified/updated through ProcessBook. Steps for configuring ProcessBook displays for web publication: 1) Assign ProcessBook(s) enter Displays for publication { Access Application } 2) Run Static Static Server Program to extract “jpeg” image(s) and publish to web Server { Access Application } 3) Assign Processbook Button(s) to appropriate display - { Access Application } ProcessBook does not expose the button’s link through its COM interface so the button must be manually linked to the appropriate display. PB buttons must be uniquely named 4) Create hyperlink to display on a “TreeView” or any Web Page on the IntraNet Operation: When the user opens a display, the jpeg image is downloaded through an ActiveX control that resides on the client. The control then accesses an active-server page and retrieves the live values from PI. Management Systems, Inc.

CITGO Corpus Christi Refinery 12 Technical Stuff Explained page 2 of 2 PI Here, PI There, PI Everywhere PI WEB Graphics Application Functionality After a selected display is activated, the user can do several functions that can give him more information about the display and the values on it: Hover over value - displays current date/time stamp Right mouse click » » Tag Attributes - List(s) Tag Descriptor, EngUnits, PointType, Etc. » » Plot Tag - Plots current tag (User can customize to his/her preference) Management Systems, Inc.

CITGO Corpus Christi Refinery 13 Project History - information PI Here, PI There, PI Everywhere PI WEB Graphics Application The PI WEB Graphics Project was initiated in the Summer of 1998 to replace an existing Legacy VMS Process Graphics Application. CITGO Corpus Christi Refinery has one of the World’s finest plant Graphics distribution applications which supplies users with Live Process Data. When the decision was made to move to PI, we needed a mechanism / application to replace our legacy VMS displays. The door was opened when OSI announced the release of ProcessBook 2.0 which provided the functionality of building “pdi” files. Another key was Microsoft’s release of IIS4.0 with Active Server Page capability which would allow us to update PI values on the WEB Server. The PDI files allow us to capture the image and tag value locations necessary for LIVE WEB Publication. Now all’s we had to do was to develop an application to gather, manage, and publish hundreds of process displays. We developed our WEB Graphics Application with Syntex Management Systems (Systems Integration Specialists) and have fully implemented the application on all CITGO CCR workstations. The project was developed using Project management principles and techniques including a comprehensive detail design document. We completed the project on schedule and within budget with all objectives exceeding expectations. The PI WEB Graphics Application is a complimentary product to OSI’s PI ProcessBook. Our WEB Graphics Tool provides Users access to Refinery Graphics from anywhere, meaning any CITGO Refinery, Corporate office, CITGO road warrior and business traveler. Real-time data is now available on our Intranet for casual browsing, troubleshooting, or providing feedback to the Corpus Christi Refinery as necessary. Management Systems, Inc.