WML   Links  Zurück zur Übersicht

1.Grundlagen der Wireless Markup Language (WML)

Eine WAP-Homepage zu programmieren funktioniert im Prinzip genauso wie die Erstellung einer Homepage im World Wide Web. Es gibt vergleichbare Header, Tags und Attribute.

Da WML den Möglichkeiten des Mobilfunknetzes und der WAP-fähigen Mobiltelefone entsprechend angepasst wurde, beinhaltet die WML-Programmiersprache einige Besonderheiten. Weil die Datenübermittlung vom Server zum Handy möglichst schnell verlaufen sollte, können keine aufwendigen Grafiken eingebunden werden. WAP-Informationen bestehen hauptsächlich aus Text, einfachen Bildern und Tabellen und sind durch Optionsmenüs miteinander sinnvoll verlinkt.

Während man innerhalb einer HTML-Seite über Anker hin- und herspringen kann, wird ein WML-Dokument - das man auch als Deck bezeichnet - in einzelne Cards gegliedert, die untereinander verlinkt sind. Der Vorteil dieses Systems liegt auf der Hand: Wenn Sie eine WAP-Seite mit Ihrem Mobiltelefon aufrufen, wird sofort die gesamte WML-Datei (Deck) geladen und im internen Handy-Speicher abgelegt. Da ein Handy-Display im Vergleich zu einem Monitor begrenzten Platz bietet, erscheint auf dem Display nur die erste Card der Datei. Diese ist damit auch die Startseite. Die anderen Cards sind dann durch Links zu erreichen, ohne dass eine erneute Verbindung zum Server notwendig ist.

Was Sie brauchen...

Um in WML zu programmieren, brauchen Sie nicht mehr als einen Text Editor auf Ihrem Rechner. Oder aber Sie benutzen das Nokia WAP SDK (Software Development Kit). Das Programm läuft unter Windows mit Java Unterstützung JDK 2.0 (JDK 2.0 kann kostenlos unter www.sun.com heruntergeladen werden).

Was Sie beachten sollten...

Genau wie eine HTML-Datei immer die Dateiendung ".html" enthalten muss, muss eine WML-Datei immer mit ".wml" enden.

Umlaute sind im WML nicht zugelassen. Textabschnitte wie zum Beispiel "In der Frühe üben fünf Geschädigte beängstigende Purzelbäume." sollten daher vermieden oder umgeschrieben werden. Entweder so: "In der Fruehe ueben fuenf Geschaedigte..." Oder So: "Am Morgen treibt eine Gruppe Jugendlicher Sport."

Ein WAP-Browser ist im Gegensatz zu einem HTML-Browser sehr gewissenhaft was die Schreibweise der WML-Tags betrifft. Tags müssen unbedingt immer kleingeschrieben werden, andere Schreibweisen können zu unvorhersehbaren Ergebnissen führen.

Wenn Sie Ihre WAP-Seite fertiggestellt haben, können Sie sie einfach, wie Sie es auch von HTML-Seiten her gewohnt sind, mit einem FTP-Client auf ihren Webserver übertragen. Trotzdem müssen Sie den Administrator des Servers noch darum bitten, den Webserver für folgende Mime-Types zu konfigurieren (eine gängige Routine, die nicht besonders aufwendig ist):
            1. text/vnd.wap.wml .wml
            2. image/vnd.wap.wbmp .wbmp

Die WML Seite startet mit einem Header.

<?xml version='1.0'?>
<!DOCTYPE wml PUBLIC '-//WAPFORUM//DTD WML 1.1//EN' 'http://www.wapforum.org/DTD/wml_1.1.xml'>

Jetzt können wir unser WML-Dokument eröffnen. Mit dem Tag <wml> treten wir ein, der Befehl </wml> schließt unser Dokument :

<?xml version='1.0'?>
<!DOCTYPE wml PUBLIC '-//WAPFORUM//DTD WML 1.1//EN' 'http://www.wapforum.org/DTD/wml_1.1.xml'>

<wml>

   .......

</wml>

Wie bereits in der Einführung erklärt, besteht eine WML-Datei (Deck) aus einzelnen Cards. Das bedeutet also: Die WML-Datei ist unsere Gesamtdatei , eine Card ein Teil davon . Die erste Card des Dokumentes wird zuerst vom Mobiltelefon geladen. Das heißt, wir müssen die erste Card definieren und ihr einen Titel zuordnen, der auf dem Handy-Display als Überschrift erscheint, vergleichbar mit der Titelzeile über dem Fenster eines HTML-Browsers. Die erste Card ist gleichzeitig die Startseite. Das geht so:

<card id="Galaxie" title="Willkommen in meiner Galaxie">

       <p> ... </p>

</card>

Mit dem Tag <p> leiten wir die Beschreibung der Galaxie ein. Schreiben Sie, was Ihnen in den Sinn kommt. An dieser Stelle können Links zu den Planeten der Galaxie oder zu anderen Galaxien gesetzt werden. Wie das geht, erfahren Sie im 2. Kursabschnitt. Achtung! Im WML kann, anders als im HTML, Text ausschließlich zwischen <p> und </p> stehen. Um die Berichterstattung zu beenden, funken wir </p>. Mit dem </card> verlassen wir die erste Ebene. Jetzt können weitere Cards hinzugefügt werden.

<?xml version='1.0'?>
<!DOCTYPE wml PUBLIC '-//WAPFORUM//DTD WML 1.1//EN' 'http://www.wapforum.org/DTD/wml_1.1.xml'>

   <wml>
     <card id="Galaxie" title="Willkommen in meiner Galaxie">

<p>Merkur, Venus, Erde, Mars</p>

     </card>

     <card id="venus" title="Venus">

<p> Ein Tag auf der Venus entspricht 117 Erdentagen. Ein Venusjahr dauert 225 Tage. Die durchschnittliche Oberflaechentemperatur der Venus betraegt 460 Grad Celsius. Der Oberflaechendruck betraegt 95 Atmosphaeren. Das haeufigste Atmosphaerengas ist Kohlendioxid.</p>

     </card>
   </wml>

Mit dem Befehl </wml> schließen wir das WML-Deck und entfernen uns danach mit WA(r)P-Geschwindigkeit von unserer Galaxie.

2.Hier lernen Sie, wie sie Links in einer WML-Datei setzen.

Links innerhalb einer WML-Datei können zwei Funktionen erfüllen.

1. Zum einen können Sie einen Link auf ein neues WML-Deck setzen, das bei Auswahl neu geladen werden muss und zu einer erneuten Server-Verbindung führt. Sie steuern damit in eine andere Galaxie. Ein Link im WML besteht aus den gleichen Elementen wie ein Link eines HTML-Dokuments und steht zwischen <a href="..."> und </a>:

<a href="universum.wml">Ein neue Galaxie</a>

2. Im HTML besteht die Möglichkeit zwischen diversen Ankerpunkten innerhalb einer HTML-Seite hin- und herzuspringen. Das bietet WML natürlich auch, jedoch wird hier zwischen einzelnen Cards navigiert. Das Cardsystem des WML ermöglicht es, Links auf Cards innerhalb des Decks der WML-Datei zu setzen. Sie können dann von Planet zu Planet reisen, ohne dass eine erneute Verbindung zur Basisstation notwendig ist. Denn wenn eine WML-Datei aufgerufen wird, wird das gesamte Deck, das heißt alle zugehörigen Cards, komplett geladen. Auf dem Handy-Display erscheint aber nur die erste Card des Decks, sozusagen als Startseite. Die anderen Cards sind dann durch die Links zu erreichen.

<a href ="#venus">Venus</a>
<a href="#erde">Erde</a>
<a href="#mars">Mars</a>
<a href="#jupiter">Jupiter</a>
<a href="#pluto">Pluto</a>

Hier lernen Sie, wie Sie Bilder in einer WML-Datei integrieren können.

Das brauchen Sie...

Der Image-Type des WML wird als WBMP bezeichnet, entsprechend muss das Rohbild in WBMP konvertiert werden. Um Bilder fürs WAP zu erstellen, benötigen Sie ein Programm, das sogenannte WBMP (Wireless Bitmap) Bilder aus Bitmap-Images erstellen kann. Nokia stellt ein Programm bereit, das auf DOS-Ebene arbeitet. Sie können es an dieser Stelle von unserer Site downloaden:

wbmp_tools (170k)

Zur Konvertierung eines Bildes von BMP in WBMP halten Sie sich bitte an die Dokumentation Ihres WBMP-Programms. Das Bild, das Sie in Ihre WML-Seiten einbauen wollen, darf für das Nokia 7110 eine maximale Abmessung von 84 X 48 Pixeln und eine Farbtiefe von 1 BIT haben.

Bilder in WML-Seiten integrieren

Der Tag, mit dem ein Bild, beispielsweise der Saturnringe, in einen WML-Quellcode eingesetzt wird, ist ähnlich dem HTML:

<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">

<wml>
      <card id="welcome" title="Willkommen auf dem Saturn!">

         <p align="center">
             <img src="img/saturn.wbmp" alt="Ein Bild vom Saturn"/>
         </p>

      </card>
</wml>

Dem Tag können Sie folgende Attribute hinzufügen:

alt: ein alternativer Text, den Sie dem Bild zuordnen
localsrc
vspace: Abstand in Pixeln, den andere Elemente oberhalb und unterhalb vom Bild mindestens haben sollen
hspace: Abstand in Pixeln, den andere Elemente seitlich vom Bild mindestens haben sollen
align (top, middle, bottom): Die Ausrichtung des Bildes zu anderen Elementen auf der Seite
height: Höhe des Bildes in Pixeln
width: Weite des Bildes in Pixeln
xml:lang id class

4. Optionsmenüs und Eingabefelder.

Hier lernen Sie abschließend, Optionsmenüs und Eingabefelder im WML einzubauen.

Optionsmenüs im WML

Einen allumfassenden <form> Tag wie im HTML gibt es hier nicht. Im WML kann beispielsweise über die beiden Tags <select> und <option> ein individuelles Menü aufgebaut oder Eingaben und "Events" an außenstehende Scripte, wie z. B. ein CGI-Script, übergeben werden. Ein Optionsmenü ermöglicht Ihnen, beispielsweise einen Lieblingspunkt auszuwählen und sich mit seiner Hilfe durch eine WML-Datei zu navigieren.

Hier ist ein Beispiel für ein einfaches Optionsmenü ohne separate Verknüpfungen:

<?xml version='1.0'?>
<!DOCTYPE wml PUBLIC '-//WAPFORUM//DTD WML 1.1//EN' 'http://www.wapforum.org/DTD/wml_1.1.xml'>

<wml>
     <card id="id" title="">

        <p align="center">
            <select>
               <option onpick="Sonne">Sonne</option>
               <option onpick="Mond">Mond</option>
               <option onpick="und">und</option>
               <option onpick="Sterne">Sterne</option>
            </select>
        </p>

     </card>
</wml>

Alle Optionen des Menüs stehen zwischen den Tags <select> und </select>, jede einzelne Option wird durch <option onpick="... eingeleitet und mit </option> beendet.

Wenn Sie ein Optionsmenü mit separaten Scripten, wie beispielsweise einem WML-Script, WMLS-Script (ähnlich einem Java-Script) oder einem CGI-Script verknüpft haben und die ausgewählte Information des Optionsmenüs weiterverarbeitet werden soll, geben Sie anstatt "onpick" einfach "value" ein.

 

Hierbei ist zu beachten:

Wie die Eigenschaften des Menüs übertragen und weiterverarbeitet werden, hängt meist vom separaten Script (WML-Script, WMLS-Script oder CGI-Scripte) ab, mit dem das WML-Dokument verknüpft ist.

 

Eingabefelder im WML

Hier steht Ihnen, wie auch im HTML, eine Vielzahl von verschiedenen Eingabefelderarten zur Verfügung. Neben den zuvor erklärten Elementen <select> und <options> können zusätzlich die Tags <input>, <fieldset> oder <postfield> als Eingabefelder gesetzt werden. In unserem Beispiel möchten wir jedoch nur auf das Input Element eingehen. Der Input-Tag ermöglicht es, variable Eingaben zu machen und diese dann an ein externes Script weiterzuleiten. Er kann sowohl als Typ Text als auch als Typ Pass-Wort benutzt werden. Die Input-Elemente auf der WML-Website sind denen im HTML ähnlich. So haben Sie auch im WML die Möglichkeit, eine E-Mail, ein Umfrageformular oder eine verschlüsselte Passwort-Abfrage zu erstellen und die vom Benutzer eingegebenen Daten zur Auswertung, zum Beispiel an ein CGI-Script, weiterzuleiten. Der Name und die Länge des Eingabefeldes können wie im HTML variabel gesetzt werden. Soll Ihr Eingabefeld zum Beispiel aufgebaut sein wie auf dem Bild unten dargestellt, müssen Sie folgenden Quellcode erzeugen:

<?xml version='1.0'?>
<!DOCTYPE wml PUBLIC '-//WAPFORUM//DTD WML 1.1//EN' 'http://www.wapforum.org/DTD/wml_1.1.xml'>

<wml>
    <card id="id" title="">

        <p align="center">
            Name: <input format="text" name="Name" title="Name:" value=""/> <br/>
            Alter: <input format="*N" name="Alter" title="Alter:" value=""/> <br/>
            Sternzeichen: <input format="text" name="Sterne"
            title="Sternzeichen:" value=""/> </p>

    </card>
</wml>

Links

WAP-Ressourcen im Internet:
   Forum-Nokia
   Wap-Forum Deutschland
   Wap-Portal.de
   WAP-Forum.com
   WAPnet.com
   WAPweb.de
   WAPguide.com
   WAPservice.com
   web to pc.com
   Symbian.com

WebCab
MobileWays
Unwired Planet WML Samples
PalmReach WAP Portal
WapIT
wap.dsmemo.com
www.wapsite.de (Zugriff auf viele Dienste)
Razorfish

Zurück zur Übersicht