Mobiles Internet - WAP/WML-Seiten mit VIO.Matrix

viomatrix.de auf dem PocketPC
Allerdings ein schlechtes Beispiel: Handy-Websites sollten nicht eine Kopie das klassischen Webs darstellen!

 

Kann man Ihre Website auch mit dem Handy ansehen? Nach einer Marktstudie von Nokia werden in den nächsten Jahren 500 Mio. aktiv genutzte mobile Webbrowser erwartet - bei aktuell fast 2 Mrd. Handys mit integrierten Webbrowser. Jedes Jahr nutzen 30% mehr Menschen ihr Handy zum Websurfen. Wie schnell brauchte man schonmal unterwegs eine Telefonnummer oder mochte eine Veranstaltung absagen - bieten Sie Ihren Besuchern diesen Service! Sammeln Sie damit wertvolle Erfahrungen im "Mobile Internet", die Ihren Wettbewerbern fehlen wird!

Wieso sollte mobiles Internet für mich interessant sein?

Das Thema "mobiles Internet" darf nicht verwechselt werden mit der Idee, die eigene Website inhaltsgleich für mobile Endgeräte wie Handys und PocketPC aufzubereiten! Erfahrungsgemäß nutzen Kunden eine Website nur dann auch mobil, wenn diese eine für den mobilen Einsatz sinnvolle oder gar notwendige Funktionalitäten aufweist. Endlos lange Unternehmensdarstellungen, Kontaktformulare oder Produktdarstellungen wird wohl nur ein aktuell gelangweilter Nutzer ansehen.

Um herauszuarbeiten, welche Funktionen oder Inhalte für mobile Besucher einer Website interessant sein könnten, wird wie folgt vorgegangen:

• Identifizierung aller Funktionen und inhaltlichen Themen der normalen Website (bspw. allg. Informationen, Kontakt, Seminare und Buchung, Bücher und Buchverkauf, PDF Downloads, ...)
• Auswahl, welche dieser Funktionen und Inhalte unter welchen Aspekten für die mobile Nutzung sinnvoll sind (bspw. Anfahrt zu Seminaren, Kontakt/Telefon, Seminarbuchung)
• Entwicklung zusätzlicher Funktionen, die ausschließlich für die mobile Nutzung sinnvoll sind (bspw. Telefonliste, Seminarstornierung, SMS an Besucher, wenn Seminar kurzfristag abgesagt werden muss)

Im Ergebnis erhält man eine Liste sinnvoller Funktionen und Inhalte, welche für eine mobile Nutzung verwendet werden können. Stiften diese Funktionen für den Besucher einen echten Mehrwert, dann ist der Einstieg ins "mobile Internet" durchweg zu empfehlen!

Sellen Sie sich folgende Situation vor: Sie bieten auf Ihrer Website Veranstaltungen an, welche von den Besuchern der Website gebucht werden können. Bei der Buchung wird optional die Mobilfunknummer des Kunden erfasst. Wenige Stunden vor der Veranstaltung verschickt Ihre Website automatisch eine SMS (die Kosten von ca. 10 Cent sind über die Teilnahmegebühren gedeckt), welche entweder die Veranstaltung und den Ort nochmals bestätigt oder - weil der Referent kurzfristag absagen musste - absagt. Zusätzlich ist in der SMS ein Link (Ja, SMS können Links enthalten!) , welcher auf eine Anfahrtsbeschreibung als Handywebseite verlinkt.

Welche Arten des "mobilen Internet" sind wann sinnvoll

Unter dem Oberbegriff "mobiles Internet" können eine Reihe von Diensten und Anwendungen verstanden werden, welche jeweils für verschiedene Anwendungsfelder sinnvoll einsetzbar sind.

Die Auswahl eines Dienstes oder einer Anwendung ist davon abhängig, ob mobile Kunden:

• den Kontakt zu einem Websitebetreiber (wie bspw. mit dem Handybrowser oder einer Inbound-SMS) selbst initiieren,
• der Kontakt vom Websitebetreiber (bspw. über Outbound-SMS) zum Kunden initiiert oder
• die Anwendung auf einen Spezialfall (bspw. Zählerstandserfassung, etc.) für einen überschaubaren, bekannten Kreis von Kunden bzw. Anwendern begrenzt ist.

Die erste eigene WAP-Seite mit VIO.Matrix

Selbstverständlich ist die Entwicklung eigener mobiler Anwendungen oder das Empfangen und Versenden von SMS-Kurznachrichten für viele Anwendungsfälle lohnend - kann aber recht kostenintensiv sein. Die Entwicklung mobiler Anwendungen dauert mehrere Manntage, der Empfang und das Versenden von SMS benötigt ein sg. "SMS-Gateway", deren Anbieter oft Einrichtung- und Monatspauschalen/Mindestabnahmemengen von ca. 0,04 EUR bis 0,10 EUR/SMS verlangen.

Um einem mobilen Besucher bspw. die Anfahrt zu erleichtern oder wichtige Telefonnummern anzubieten, bietet sich die Einrichtung einer eigenen WAP-Seite an. Diese Seite sollte parallel zur eigentlichen Website exisitieren und automatisch an mobile Endgeräte geschickt werden - normale Webbrowser erhalten weiterhin die "normalen" HTML-Seiten. Es sind folgende Fälle zu unterscheiden:

Aufgabe des Webserver ist also, den Webbrowser eines PC vom dem eines Handy oder PocketPCs zu unterscheiden. Wurde ein Handy oder PocketPC erkannt, muss eine WML-Webseite erzeugt bzw. ausgeliefert werden, ansonsten eine HTML-Webseite. Zu dieser Unterscheidung kann für statische Websites eine .htaccess-RewriteRule, für dynamisch generierte Webseiten des CIS eine modifizierte Pipeline genutzt werden.

.htaccess-RewriteRule für statische Webseiten

Das Codebeispiel entscheidet anhand des HTTP-Request-Headers "Accept:", ob der anfragende Webbrowser den Mime-Type: "text/vnd.wap.wml" unterstützt. Da Standard-Webbrowser - bis auf Opera - diesen Mime-Type nicht unterstützen, kann mit hoher Sicherheit davon ausgegangen werden, das es sich hier um ein mobiles Endgerät handelt. Alternativ könnte anhand der HTTP-Request-Header "Ua-pixels:" und/oder "User-agent" ermittelt werden, ob es sich um ein mobiles Endgerät handelt. Wurde ein mobiles Endgerät identifiziert, wird statt der index.html-Seite die index.wml-Seite ausgeliefert. Diese index.wml muss selbstverständlich im Rahmen einer statischen Seitengenerierung von VIO.Matrix CIS erzeugt werden.

Die AddType-Angaben sind notwendig, weil die Mime-Typen für WML bisher nicht automatisch unterstützt werden und deshalb in die .htaccess eingetragen werden müssen. Dem Webserver wird damit mitgeteilt, dass bspw. Dateien mit der Endung .wml mit dem Content-Type "text/vnd.wap.wml" zu versehen sind. Fehlt diese Angabe, würde der Webserver die .wml-Datei mit dem Standard-Content-Type "text/html" versehen, welcher nicht dem eigentlichen Dokumententyp entspricht - die Webseite würde auf dem Handy nicht oder falsch dargestellt werden.

WML-Websites mit VIO.Matrix erzeugen

Damit der CIS dynamische und statische WML-Dokumente erzeugen kann, müssen folgende Einstellungen vorgenommen werden:

• Ergänzung der Komponentendefinition um einen WML-Serialisierer

• Erzeugung eines Unterlayoutes (bspw. mit dem Namen "wml")
• Modifizierung der Pipeline des Unterlayouts

Damit ist sichergestellt, dass beim dynamischen Aufruf des betreffenden Unterlayouts ein WML-konformer HTTP-Response-Header, beim der statischen Seitengenerierung eine Datei mit der Endung .wml generiert wird. Über die Eingangs vorgenommen Definition des Mime-Types "text/vnd.wap.wml", wird der Webserver bei Anforderung einer .wml-Datei automatisch den korrekten Content-type: text/vnd.wap.wml übermitteln.

Programmierung einer WML-Website

In einem letzten Schritt muss nur noch die eigentliche WML-Website in Form eines klassischen VIO.Matrix-Templates programmiert werden. Im dazu geschaffenen Unterlayout "wml" muss lediglich ein valides WML-Dokument erzeugt werden.

<wml> <card id="card1" title="#INSERT_OR_VAR_de_menu!"> #INSERT_OR_VAR_de_text! <p>Zur <a href="#card2">Navigation</a></p> </card> <card id="card2" title="Navigation">#INSERT_OR_#1_ZEILE</card> </wml><p> <a href="#INSERT_SP_CGI?kd=#INSERT_KD_ID&amp;or=#INSERT_OR_ID&amp;typ=wml">#INSERT_OR_VAR_de_menu!</a> </p>

Testen Sie hier die beschriebene VIO.Matrix-Funktion.
Nutzen Sie den Button um den eingegebenen Code zu prüfen.
Über können Sie den Ausgangszustand wiederherstellen.

 

Zeichen:

 

PUBLISH

Über diesen Button, können Sie Ihren, im oberen Fenster, eingebenen Code auf Richtigkeit überprüfen und den entsprechenden (X)HTML Code ausgeben lassen.

Code überprüfen

 

 

 

Links

WML-Tutorials

• http://www.zvon.org/xxl/WMLTutorial/Output/introduction.html
• http://www.w3schools.com/wap/
• http://www.wml-tutorial.de/
• http://schmitzo.de/selfwml/wml.html

SMS-Gateways

• goyya.com OHG, http://www.massenversand.de/
• mes.mo GmbH, http://www.any-sms.info/
• Internext® GmbH, http://www.seriensms.de/
• web-me.de Internet Service e.K., http://www.teammessage.de/

Validatoren für mobile Websites

• W3C Validator, http://validator.w3.org/mobile/