Interaktion per JavaScript und CGI

Thema:	Interaktion per JavaScript und CGI
Description:	Kommunikation von Flash-Movies mit ihrer Umgebung (Browser und Server) - Einleitung
Keywords:	Flash, JavaScript, CGI, Kommunikation, Interaktion, FS_Command, Popup, Preload, Counter, Formulare, Datenbank
Author:	Paul Hobrecker
Date:	21.08.1999
Doc-ID:	99-002
URL:	http://www.flashworker.de/tutorial/99/002.html
Version:	1.0
Änderungen:	Optik
Anforderungen:	-
Vorkenntnisse:	-
Download:	PC: "einleitung.zip", 34 kB MAC: "einleitung.sit", 52 kB

Einleitung

Was bringt dieses Tutorial?

Was ist JavaScript?

Was ist CGI?

Was bringt dieses Tutorial?

Insbesondere wenn man schon einige Erfahrungen mit Flash gesammelt hat, stößt man sehr schnell auf Anwendungsbereiche welche sich unter ausschließlicher Verwendung von Flash nicht mehr realisieren lassen: Die Kommunikation mit dem Browser oder dem Server.

Dieses Tutorial soll anhand einiger Beispiele die grundsätzliche Kommunikation zwischen Flash und seiner "Umgebung" erläutern. Das Augenmerk wird hier insbesondere auf die Interaktion mit der HTML-Seite per JavaScript und dem Server mittels CGI gelegt.

Vorausgesetzt werden Grundkenntnisse in Flash und HTML, Basiswissen zu JavaScript und CGI sind nützlich, aber für die bloße Anwendung der hier aufgeführten Beispiele nicht zwingend erforderlich.

Die verwendeten Beispiele stellen symbolhaft Lösungsansätze zu häufig auftretenden Anforderungen an ein Flash-Projekt zur Verfügung. Es wird versucht, auch für den angehenden Web-Profi möglichst verständliche Erläuterungen zu liefern – man möge dem Autor verzeihen, wenn daher des öfteren "höchst unwissenschaftliche" Begriffe in den Erklärungen verwendet werden, aber der Großteil der Flash-Anwender kann nun einmal wenig mit "Objekten", "Methoden", "Arrays" oder "Hashs" anfangen – hierfür gibt es ausführliche Quellen außerhalb dieses Tutorials.

Was ist JavaScript?


Abb.2: Popup-Fenster einfach: Button Action

JavaScript ist eine relativ einfache Programmiersprache welche gerne auf HTML-Seiten eingesetzt wird, um Teile der Seite oder des Browsers explizit anzusprechen. So kann man damit beispielsweise die bekannten "Bildwechsel beim überfahren mit der Maus" oder das aufpoppen neuer Browserfenster realisieren, ebenso können Rechenoperationen durchgeführt oder Zeichenketten bearbeitet werden.

In diesem Tutorial wird JavaScript als Bindeglied für die Kommunikation des Flash-Movies mit der HTML-Site genutzt und direkt im HTML-Quellcode (am besten im HEAD-Bereich) notiert.

Für ausführliche Informationen zum Thema JavaScript können folgende Quellen nützlich sein:

SelfHTML

...

Was ist CGI?

Um von vorneherein mit einem weitverbreiteten Mißverständnis aufzuräumen: CGI ist keine Programmiersprache! CGI ("Common Gateway Interface") stellt eine universelle Schnittstelle zwischen einem Server und dem Internet zur Verfügung. Mittels dieser Schnittstelle können Programme welche auf dem Server laufen ausgeführt und Daten mit diesen ausgetauscht werden. Eine beliebte Programmiersprache für diese CGI-Programme ist Perl, diese wird in diesem Tutorial für einige Beispiele der sogenannten "CGI Scripts" verwendet. Prinzipiell können aber auch andere Sprachen wie C++ oder Visual Basic etc. Verwendung finden.

Das verwenden dieser Beispiele ist nicht so einfach wie die Anwendung der JavaScript-Beispiele. Da die Beispiele grundsätzlich diese CGI-Schnittstelle erfordern, ist das Vorhandensein eines Servers unumgänglich. Es gibt jetzt zwei Möglichkeiten: Entweder man benutzt einen vorhandenen Server eines Webspace-Providers – das hat den Nachteil, daß man fast die gesamte Zeit zum herumprobieren über eine bestehende Internet-Verbindung verfügen muß, und das kann teuer werden. Der zweite und wesentlich angenehmere Weg ist die Installation eines eigenen Servers auf dem heimischen Computer – keine Panik, ein Server ist im Prinzip nicht mehr als ein Programm was den Datenverkehr zwischen Browser und Computer regelt. Verschiedene Server können aus der Liste unten ausgewählt und ohne großen Aufwand installiert werden.

CGI-Scripts können mit allen Texteditoren editiert werden, welche eine Ausgabe im UNIX-Format erlauben (z.B. "TextPad" oder auch Allaire’s "HomeSite").

Beim überspielen eines Scripts auf einen Server im Internet muß folgendes unbedingt beachtet werden:
- Das Script muß im UNIX-Format abgespeichert worden sein
- Das Script muß im Ordner "cgi-bin" oder einem Verzeichnis darunter liegen
- Nach dem überspielen müssen die Zugriffsrechte des Servers auf das Script festgelegt werden – dies geht beispielsweise mit dem FTP-Programm "WS-FTP" mittels Datei auf dem Server markieren --> rechte Maustaste --> Permissions... --> nach dem Beispielsbild unten (Abb. 1) ausfüllen

Server:

OmniHTTPd von Omnicron

Microsoft Internet Information Server

...

Informationen zu CGI / Perl:

SelfHTML

Perl.com

...