CITGOCorpus Christi RefineryCorpus Christi Refinery

PI Here, PI There, PI EverywherePI Here, PI There, PI Everywhere

11

PI WEB Graphics ApplicationPI WEB Graphics Application Management Systems, Inc.Management Systems, Inc.

OutlineOutline Application Purpose, functional specifications, and general Application Purpose, functional specifications, and general

approach to the project approach to the project

Live DemoLive Demo

Identification of key Microsoft and PI Software requirements for Identification of key Microsoft and PI Software requirements for desktop and Client/Server computers. desktop and Client/Server computers.

Web Publishing Overview Web Publishing Overview

Technologies Overview for building a Real-time process information Technologies Overview for building a Real-time process information system on a intranetsystem on a intranet

CITGOCorpus Christi RefineryCorpus Christi Refinery

22

PI Here, PI There, PI EverywherePI Here, PI There, PI EverywherePI WEB Graphics ApplicationPI WEB Graphics Application

Engineers, operators, and operations management require timely real-time process data

Application PurposeApplication Purpose

Management Systems, Inc.Management Systems, Inc.

The Front-end Web Distribution for PI ProcessBook Graphics

A larger set of users (corporate wide) need to view live process graphics and trends

A COM framework for the distribution of applications on multiple data sources: PI data, Lab data and OHMS data (work in progress)

CITGOCorpus Christi RefineryCorpus Christi Refinery

33

PI Here, PI There, PI EverywherePI Here, PI There, PI EverywherePI WEB Graphics ApplicationPI WEB Graphics Application

Visual 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 specificationsFunctional specifications

Management Systems, Inc.Management Systems, Inc.

Available technologies and components IIS web server with IE 4 browsers ProcessBook COM interface, PI API

CITGOCorpus Christi RefineryCorpus Christi Refinery

44

PI Here, PI There, PI EverywherePI Here, PI There, PI EverywherePI WEB Graphics ApplicationPI WEB Graphics Application

Graphics extraction and web publishingGraphics extraction and web publishing General 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.Management Systems, Inc.

CITGOCorpus Christi RefineryCorpus Christi Refinery

55

Live DemoLive Demo

PI Here, PI There, PI EverywherePI Here, PI There, PI EverywherePI WEB Graphics ApplicationPI WEB Graphics Application Management Systems, Inc.Management Systems, Inc.

CITGOCorpus Christi RefineryCorpus Christi Refinery

66

Identification of key Microsoft and PI Software requirements for Identification of key Microsoft and PI Software requirements for desktop and Client-Server computers. desktop and Client-Server computers.

PI Here, PI There, PI EverywherePI Here, PI There, PI EverywherePI WEB Graphics ApplicationPI WEB Graphics Application

Server componentsServer components Desktop PC componentsDesktop 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 ServerStatic Display Server

PI & WEB ServerPI & WEB Server Graphics PublisherGraphics Publisher Corporate & Gen. UsersCorporate & Gen. Users

Management Systems, Inc.Management Systems, Inc.

PIPIWEBWEB

CITGOCorpus Christi RefineryCorpus Christi Refinery

77

Publish Graphics OverviewPublish Graphics Overview

PI Here, PI There, PI EverywherePI Here, PI There, PI EverywherePI WEB Graphics ApplicationPI WEB Graphics Application

ProcessBook Graphics

ProcessBook COM Interface

VB Application

Access DB Web Server

JPEG's

Management Systems, Inc.Management Systems, Inc.

• Build Core DisplaysBuild Core Displays

• Maint. & UpdatesMaint. & Updates

• Static Server Access dbStatic Server Access db

• Key ComponentKey Component

• Generates html formatsGenerates html formats

BuildsBuilds

Exec.Exec.

CITGOCorpus Christi RefineryCorpus Christi Refinery

88

PI Here, PI There, PI EverywherePI Here, PI There, PI EverywherePI WEB Graphics ApplicationPI WEB Graphics Application

Web Client

Access DB

ASP/ VB Script

ActiveX DLL

PI API

Static Graphics

ActiveX OCX

ActiveX “Wrapped” Functionality

Management Systems, Inc.Management Systems, Inc.

CITGOCorpus Christi RefineryCorpus Christi Refinery

99

Highlights - InformationHighlights - Information

PI Here, PI There, PI EverywherePI Here, PI There, PI EverywherePI WEB Graphics ApplicationPI WEB Graphics Application

Installs over the Intranet in minutes on any CITGO PC with IE4.0Installs over the Intranet in minutes on any CITGO PC with IE4.0

Live Data Updates over the INTRANET - Scanned every 60secLive Data Updates over the INTRANET - Scanned every 60sec

Casual, Non-Technical user - Easy to use Browsing and Trending ToolsCasual, Non-Technical user - Easy to use Browsing and Trending Tools

Save Custom Trends - located in Favorites / Profile directorySave Custom Trends - located in Favorites / Profile directory

View PI Plant Data from any CITGO Corporate WorkstationView PI Plant Data from any CITGO Corporate Workstation

View PI Plant Data Remotely while traveling using LaptopsView PI Plant Data Remotely while traveling using Laptops

Management Systems, Inc.Management Systems, Inc.

CITGOCorpus Christi RefineryCorpus Christi Refinery

1010

Information PageInformation Page

PI Here, PI There, PI EverywherePI Here, PI There, PI EverywherePI WEB Graphics ApplicationPI WEB Graphics Application

Jeff E. NesloneyCitgo Corpus Christi RefineryCorpus Christi, Texas 78469PI System Administrator - Systems Analystemail: jneslon@citgo.comphone: 361-844-5774

Management Systems, Inc.Management Systems, Inc.

Joe StoughSyntex Management Systems, Inc.Corpus Christi, Texas 78469Presidentemail: jstough@syntex-ms.comphone: 361-882-2988

The fun stops here...The fun stops here...

CITGOCorpus Christi RefineryCorpus Christi Refinery

1111

Technical Stuff ExplainedTechnical Stuff Explainedpage 1 of 2page 1 of 2

PI Here, PI There, PI EverywherePI Here, PI There, PI EverywherePI WEB Graphics ApplicationPI 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.Management Systems, Inc.

CITGOCorpus Christi RefineryCorpus Christi Refinery

1212

Technical Stuff Explained Technical Stuff Explained page 2 of 2page 2 of 2

PI Here, PI There, PI EverywherePI Here, PI There, PI EverywherePI WEB Graphics ApplicationPI WEB Graphics Application

FunctionalityAfter 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 stampRight 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.Management Systems, Inc.

CITGOCorpus Christi RefineryCorpus Christi Refinery

1313

Project History - informationProject History - information

PI Here, PI There, PI EverywherePI Here, PI There, PI EverywherePI WEB Graphics ApplicationPI 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.Management Systems, Inc.