Präsentation herunterladen
Die Präsentation wird geladen. Bitte warten
1
Oliver Spritzendorfer Thomas Fekete
ActiveX Scripting – IE und DHTML (DOM): Architektur, Beispiele (Object Rexx) Oliver Spritzendorfer Thomas Fekete
2
Technologie für ausführbaren Programmcode auf Web-Seiten
ActiveX Technologie für ausführbaren Programmcode auf Web-Seiten wiederverwendbare Softwarekompononente standardisierte Schnittstelle
3
erlaubt es jede beliebige Scripting Engine in den Host zu geben
ActiveX Scripting 2 Hauptkategorien: ActiveX Scripting Engine ActiveX Scripting Host erlaubt es jede beliebige Scripting Engine in den Host zu geben jede beliebige Scripting Sprache kann verwendet werden Bsp. für Host: MS Internet Explorer
4
Dokument das ActiveX Control, Java Applet oder Document Object enthält
ActiveX Documents Dokument das ActiveX Control, Java Applet oder Document Object enthält MS Word oder MS Excel Dateien direkt im Browser öffnen <body> <a href = “word.doc“> Word Dokument word.doc öffnen</a> </body>
5
ActiveX Document Beispiel
Word-Datei im IE öffnen BEISPIEL VORFÜHREN!!! siehe
6
ActiveX Controls sind Programme oder Programm-Module
in HTML-Dateien als Objekt eingebunden nur von MS Internet Explorer unterstützt
7
Erstellung in beliebiger Programmiersprache
ActiveX Controls Erstellung in beliebiger Programmiersprache Compiler muss COM unterstützen Einbindung in Web Seite mit HTML-Tag <OBJECT> und dem <PARAM> Tag
8
ActiveX Controls Ausführung
ActiveX Controls werden aus Internet heruntergeladen lokal am Client-Rechner ausgeführt Überprüfung ob ActiveX Control schon am Rechner Mit CLSID Attribut vom <OBJECT> Tag Zertifikat-Fenster wird geöffnet
9
ActiveX Control Beispiel
Mit ActiveX Control Pad BEISPIEL VORFÜHREN! siehe
10
ActiveX Control Ansteuerung ObjectRexx
<SCRIPT LANGUAGE="Object Rexx" FOR="CommandButton1" Event="MouseDown(Button,Shift,X,Y)"> TextBox1~Text = "HELLO WORLD!" </SCRIPT>
11
DOM (Document Object Model)
von W3C entwickelt Beschreibt Verhalten, Zugriff und Behandlung von Objekten/Elementen eines HTML- oder XML-Dokumentes Innerhalb von DHTML übernimmt DOM die Regelung des Zugriffs auf einzelne Objekte
12
DOM basiert auf der Objekt Struktur eines Dokumentes Bsp.:
13
grafische Interpretation vom DOM der Tabelle
14
DOM Baum zeigt keine Datenstruktur, sondern Objekte, die Funktionen und Identitäten haben DOM definiert: Schnittstellen und Objekte, die verwendet werden um ein Dokument anzuzeigen und zu manipulieren Verhalten und Attribute der Schnittstellen Die Beziehungen und die Interaktion zwischen diesen Schnittstellen und Objekten DOM definiert nicht welche Informationen relevant sind oder wie Informationen strukturiert sind
15
DHTML (Dynamic Hyper Text Markup Language)
um eine Seite zu verändern nachdem Server diese Seite an den Browser gesendet hat Verknüpfung von: HTML CSS (Cascading Style Sheets) einer Scriptsprache (z.B. JavaScript) DOM (Document Object Model)
16
Mit DHTML lassen sich unterschiedliche Effekte realisieren wie z.B.:
einen Text oder ein Bild im angezeigten HTML Dokument verstecken und erst nach einer bestimmten Zeit oder nach einer Benutzeraktion anzeigen Text und Bilder animieren Eine Tabelle sortieren
17
Ansprechen eines Objektes - HTML
Bsp.: 7. Element auf HTML Seite Farbe Blau 1. Methode (mit Index): window.document.all(7).style.color=`blue`; 2. Methode (mit Namen): window.document.all(`Maxi`).style.color=´blue´; 3. Methode (ohne Objektbaum) Maxi.style.color=´blue´;
18
Text hüpft über den Bildschirm BEISPIEL VORFÜHREN!!!
DHTML Beispiel 1 Text hüpft über den Bildschirm BEISPIEL VORFÜHREN!!! siehe
19
Möglichkeit dynamische HTML Website erstellen
DHTML Behavior Ab Internet Explorer 5.0 Möglichkeit dynamische HTML Website erstellen Einbindung ohne <script> - Tag Einbindung durch CSS Attribut (dessen Name behavior ist) Bsp.: style="behavior:url(tableAct.htc);“
20
DHTML Beispiel 2 - Behavior
Tabelle sortieren BEISPIEL VORFÜHREN!!! siehe DHTML-Behavior.htm
21
Voraussetzung: Speech Engine am System installiert
Sprachausgabe im IE Voraussetzung: Speech Engine am System installiert Kostenlose Speech Engine -> Microsoft Speech Development Kit 5.1
22
Erzeugung des OLE Speech Objekts: Speech Engine sprechen lassen:
Einbindung MS SDK funktioniert als COM Objekt und kann in Object Rexx über Object Rexx OLE angesprochen werden Object Rexx Erzeugung des OLE Speech Objekts: VoiceObj = OLEObject~New(“SAPI.SpVoice“) Speech Engine sprechen lassen: VoiceObj~Speak (“Hello World.”)
23
Sprachausgabe Beispiel
Text wird nach Eingabe im Textfeld vorgelesen. BEISPIEL VORFÜHREN!!! siehe
24
Danke für Eure Aufmerksamkeit!
E N D E Danke für Eure Aufmerksamkeit! DOWNLOAD: -> BWL-Studium -> Arbeiten
Ähnliche Präsentationen
