Bitmap-basierte Management View

Wenn Sie Management Views mit einem Browser ohne installierten Flash Player verwenden möchten, können Sie die Grafik-Diagramme des Quellsystems unter Verwendung von Bitmap-basierten Management Views anzeigen. Die HTML-Seite der Management View wird dynamisch vom Web-Applikationsserver generiert, der die vom Quellsystem dynamisch erzeugte Grafik eingebettet. Wenn Sie PPM als Quellsystem verwenden, wird als Grafikformat PNG verwendet.

Objektorientierte Schnittstelle

Wenn Sie die objektorientierte Schnittstelle verwenden, werden Ihre Management View Komponenten zunächst als Objekte deklariert und erzeugt (instanziiert). Nachdem die HTML-Seite geladen wurde, werden die instanziierten Objekte Ihrer Management Views initialisiert und dargestellt.

Um sicherzustellen, dass Ihre Management View-Komponenten erst nach vollständigem Laden der HTML-Seite angezeigt werden, geben Sie die JavaScript-Methode, die die init-Methoden Ihrer Management View-Objekte aufruft, im Attribut onload des HTML-Tags <body> Ihrer HTML-Seite an, z. B. <body onload="initMVComponents();">.

Deklaration

Jedes Objekt der Management View-Komponenten Ihrer html-Strukturdatei müssen Sie zunächst durch die Methode new erzeugen und in einer JavaScript-Variablen speichern. Für Bitmap-basierte Management Views gibt es hierfür das Objekt MVBitmapComponent.

Mit folgender JavaScript-Zeile erzeugen Sie ein MVBitmapComponent-Objekt und speichern es in der Variablen mv1:

...

var mv1 = new MVBitmapComponent();

...

Initialisierung und Anzeige

Zuvor erzeugte Management View Komponenten werden durch Aufruf der Objektmethode init() in Ihrer html-Seite angezeigt. Die Methode hat folgende Parameter:

init(id, favoritePath, favoriteServer, width, height);

Parameter

Beschreibung

id

Identifizierer dieser Management View Komponente. Gleichzeitig der Identifizierer des HTML-Elements, in dem die Management View Komponente angezeigt wird.

favoritePath

Pfad des Favoriten im Quellsystem

Syntax: \<favoritefolder>\...\<favoritename>

Ersetzen Sie das Backslash-Zeichen im Favoritenpfad jeweils durch die Zeichenfolge %5c und vermeiden Sie Sonderzeichen wie Umlaute u. ä. in Ordner- und Favoritennamen.

favoriteServer

Art des Favoriten, mögliche Werte:

FAVORITE_PRIVATE: benutzerspezifisch

FAVORITE_SHARED: allgemein

width

Breite der generierten Grafik in Pixel

height

Höhe der generierten Grafik in Pixel

Beispiel

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

<html>

<head>

<script language="JavaScript" type="text/javascript"

src="../assets/javascript/mvhelper.js"></script>

<script language="JavaScript" type="text/javascript"

src="../assets/javascript/linkhelper.js"></script>

<script language="JavaScript" type="text/javascript"

src="../assets/javascript/pngfix.js"></script>

<script language="JavaScript" type="text/javascript">

//

// MVComponents must be declared here

// (so that they are accessible from every point on the page)

//

var mv1 = new MVBitmapComponent();

var mv2 = new MVBitmapComponent();

//

// MVComponents must be initialized here (after page has loaded)

//

function initMVComponents() {

mv1.init("mvParent1", "%5CFav_1", "FAVORITES_SHARED", "400", "400");

mv2.init("mvParent2", "%5CFav_2", "FAVORITES_SHARED", "400", "400");

}

</script>

</head>

<body onload="initMVComponents();">

<table cellpadding="0" cellspacing="0" rules="none" frame="void" border="0"

bgcolor="#FFFFFF" width="100%" height="100%">

<tbody>

<tr>

<td id="mvParent1"/>

<td id="mvParent2"/>

</tr>

</tbody>

</table>

</body>

</html>

Prozedurale Schnittstelle

Zum Einbetten der Grafik in Ihre HTML-Seite verwenden Sie die Methode showMVBitmapComponent mit folgenden Parametern:

showMVBitmapComponent(id, favoritePath, favoriteServer, width, height);

Parameter

Beschreibung

id

Identifizierer dieser Management View Komponente

favoritePath

Pfad des Favoriten im Quellsystem

Syntax: \<favoritefolder>\...\<favoritename>

Ersetzen Sie das Backslash-Zeichen im Favoritenpfad jeweils durch die Zeichenfolge %5c und vermeiden Sie Sonderzeichen wie Umlaute u. ä. in Ordner- und Favoritennamen.

favoriteServer

Art des Favoriten, mögliche Werte:

FAVORITE_PRIVATE: benutzerspezifisch

FAVORITE_SHARED: allgemein

width

Breite der generierten Grafik in Pixel

height

Höhe der generierten Grafik in Pixel

Beispiel

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"

"http://www.w3.org/TR/html4/frameset.dtd">

<html>

<body>

<script src="../assets/javascript/mvhelper.js"

language="javascript"></script>

<script src="../assets/javascript/linkhelper.js"

language="javascript"></script>

<div>

<table cellpadding="0" cellspacing="0" rules="none"

frame="void" border="0" bgcolor="#FFFFFF" width="100%" height="100%">

<tbody>

<tr>

<td>

<script language="JavaScript" type="text/javascript">

showMVBitmapComponent("0", "%5C30+Tacho+Reaktionszeit+zum+Kunden", "FAVORITES_PRIVATE", "600","400");

</script></td>

</tr>

</tbody>

</table>

</div>

</body>

</html>