Tip:
Highlight text to annotate it
X
Okay, so we've done two things so far. We've saved
a PDI File as an SVG. We've uploaded it to
a Document Library. Now it's the time for the big finish.
Let's add the PI Graphic Web Part
and hook that up to the .svg
file. So, I'll go out and find PI Graphic.
Now you'll notice it's going to be deposited without configuration
which is nothing new 'cause that's what's happened to every other Web
Part we've used so far, and,
yeah, there we go, we need to modify
this Shared Web Part.
And the configuration items we're adding
this time are a Link, or excuse, excuse
me, a reference to where you will find that
.svg file. Now, as you can see, there's other things we can configure
as well, the Default Timestamp, etc., a period of
Time, etc., but let's just out and browse for this
Graphics File that we just saved. I'm going to choose
the Browse Option and I'll
go out to look for all of my Document Libraries. The
convention in SharePoint is the two dots mean to
go up one Level. So, let me go up one Level
and see if I can find it. Now, yeah, I had created
a, a Display called ProcessBook
Files, if you remember, a Document Library called ProcessBook
Files, and that's where I just uploaded this SVG.
So I'll go ahead and select it there.
There's my Reference.
Of course, you could have typed that in there by hand if you had wanted to.
Now there are, there's a
second File here, a second Option here,
and they're actually put on even Levels like they're kind of,
you know, you would be using these all the time.
Actually, this XSL Transform File, we
don't anticipate a great deal of folks are going to be using it.
It's for doing the so-called XSLT
Transformation of an XML File
so that you can customize
what appears in that SVG.
For example, if you wanted to add some JavaScript that were,
would, would be active when you laun... launched
that Display, this is the mechanism to do that.
It's not something that I would start, you know, at 3 PM on a
Friday. It's, people tell, tell me that these
XSLT Format is fairly complex.
It, it's basically a programming job, so,
yeah, but you can take a look at, in the
documentation to find out more about that. You know, things like changing
the Server Names from one server to another so you can re-use
the same file in different sites just using this
Transform File. That's the Option or that's what you can do with this.
As I said, it's not something that a lot of users are
going to be using. Now we also have this Option here called
Current Context Path. We'll take a look at that in more detail
later on when we talk about Element and
Module Relative Displays, but
this is basically how it works. With an Element Relative
Display and the PI AF Database, you
can set up a Display that makes reference to
PI Tags as Attributes or
Properties of Elements, and
by changing the context, what you do as you switch from one
Element to another, for example, from one pump to a second pump,
we can display different information. With an
Element Relative Display, if you
use that Display as an .svg file,
you can specify what the context is. In other words, which
Element you're currently pointing at. So, you could,
again, take that same File,
just change the context path from one Element to the other, and
you would see a different set, a different set of PI Tags.
So, as I said, we will take a look at this in much more detail
when we talk about Element Relative Displays.
Okay, I'll go ahead and click on OK.
And, here's the end result. There's our
Graphic, and if I go into
View Mode without exiting the
Edit Mode, it looks like this.
Okay. Let's go back
and do some modifications to this. I think I may want to
change the size of this 'cause that's got some
borders at the edge I don't, I'm not interested in. I do want
to make a couple of points though. One of the points is that
when we set this
reference to the .svg file,
I said that you typically upload this to a Document
Library. As you saw right here, this is our reference to the
Document Library. But you could have, and instead,
made a UNC reference, you know, the slash
slash reference, to a shared
server somewhere. And also, one of the things
I think's helpful is to set the size of this
so that it's roughly the same size as
the original. And, people always ask now, what, you know,
how can I figure out, how can I make this look better?
Right now I'm not sure if we're really looking at the full
size, the original size, as it appeared
in ProcessBook.
It looks a little smaller than it was in ProcessBook.
So, one of the things you can do is
explicitly set the Height and Width. Of course to do that you need
to know what the Height and Width of the original are, so
one of the things you can do is change this to a hundred percent
inside ProcessBook. Let's make
this a little big bigger, and then just
measure this in pixels. You can do a ScreenPrint
of this, Paste it into Microsoft Paint, and then
measure the pixels. So, I know by working
with this particular Display, this is around 500 x 800
pixels. So, if I go back in here
I can specify --
now let me go ahead and edit this page --
I can specify exactly what size I'm interested in.
So I'm going to change this in
the Appearance Section.
There we go.
So I know this is going to be,
let's say about 500 x 860.
I'll go ahead and Apply
and then say OK.
Actually, we could
have just said OK as well. No big difference there.
And, I'll exit Edit Mode.
And that looks a little bit better. So now we don't have the borders
and I'm positive I've got a hundred percent of the
size that I'm interested in. Now, when you're working
within this Display, there are a couple of Features you should know
about. Now, when you double-click on any of these Active Objects
you can do an Ad Hoc Trend to that Object.
Yeah, there we go. There's our Ad Hoc Trend.
And there's an Option in the Adobe SVG
Viewer where you can zoom in and zoom out, so if you need to
do that, you can do that. I had mentioned earlier if you have
access to the Document Library,
Read-Write Access, you can go ahead and actually Edit this in place.
So, one of the Options in here, as you can
see, is this Launch in PI ProcessBook. I'll go ahead and choose
Launch in PI ProcessBook. What this will do is,
you know, like any, like any good Web-based Application, it's going to warn
you, do you really want to do this? Do
you really want to Open this File?
I'll go ahead and Acknowledge, and this goes out.
As you can see it's actually launched this in place.
I can make changes to this. So, if I say
well, this Trend really could be bigger,
I'll go ahead and do that. And, if I don't particularly like
the grid, I'll go ahead and take the grid off.
Yeah, there we go.
And then Save this back, and this is something that will
be preserved. You can also save it locally and then upload it
back to the Document Library.
Yeah, I'll go ahead and close out of that.
Go back in here. You may have to actually refresh --
let me to ahead refresh my Display.
We should see that these changes
have been implemented. There we go.
So we see we got a bigger Trend and no grid.
Now that round-trip that I just did is --
that, that's only one of the ways you could Edit this. I could
also go into the Document Library itself,
and that's one of the Options you'll see
in the Document Library. I'd like to make one final
point about this Option called Launch in PI ProcessBook.
I described it earlier as though the only reason you might want to do this
is if you needed to Edit this File.
But, remember, the other reason that you might want to do this is because the
Tools available in ProcessBook are, well, they're richer. It's a,
it's a rich client application.