WebTransactions Erstellung von

Transkript

1 WebTransactions Erstellung von Copyright Fujitsu Technology Solutions 2009 Alle Rechte vorbehalten

2 1 Einführung Inhalt 1 Einführung Was ist WAP Architektur WWW Architektur WAP Architektur 3 2 W@P-Anwendungen mit WebTransactions WML und WTML Starttemplate Eingabemöglichkeiten Mastertemplate für WML-Templates Entwicklung mit WebLab Beispielanwendung 8 3 Glossar/ Abkürzungen 9 4 Literatur 10 Seite: 2/10

3 1 Einführung 1 Einführung 1.1 Was ist WAP Das Wireless Application Protocol positioniert sich am Schmelzpunkt zweier sich schnell entwickelnder Netzwerktechnologien, dem drahtlosen Datenmarkt und dem Internet. Es definiert Protokolle und Sprachen, die auf die beschränkte Hardwareausstattung der mobilen Endgeräte und die geringe Bandbreite der Mobilfunknetze zugeschnitten sind. Der WAP-Standard wird vom W@P-Forum herausgegeben ( ). Hier sind alle bedeutenden Mobifunk-Provider und Handy-Hersteller organisiert ( ). Die aktuelle Version im Status "approved" ist WAP 1.1, Version 1.2 ist in Arbeit. 1.2 Architektur WWW Architektur Hier ist noch einmal kurz das klassische WWW-Modell dargestellt. Der Webbrowser stellt Anfragen an einen Web-Server, dieser liefert die Seite zurück WAP Architektur WAP setzt mit einer Proxy-Lösung auf der vorhandenen Infrastruktur auf. Ein WAP-Gateway setzt das von den mobilen Endgeräten verwendete WTP (Wireless Transport Protocol) auf HTTP/TCP um und leitet die Anfrage auf den adressierten Web-Server um. Dieser Server muss die Seiten im richtigen Format zur Verfügung stellen, d.h. der Content-Provider muss Seite: 3/10

4 1 Einführung sein Angebot in WML (Wireless Markup Language) verfassen. Das Gateway komprimiert die Response (Umsetzung in WML-Bytecode) und die setzt das HTTP/TCP-Protokoll auf WTP um. Ein WAP-Netzwerk kann folgende Szenarien enthalten: Ein Web-Server stellt Inhalte im WML-Format bereit. Mit dem Mobil-Client können diese Seiten über das Gateway des Providers abgerufen werden. Ein Web-Server stellt Inhalte im traditionellen HTML-Format bereit. Ein zusätzlicher HTML-Filter wird eingerichtet, der vom WAP-Proxy angesprochen wird und die Originalseiten in WML konvertiert. Dieses Szenario ist sicher erstrebenswert, da so sehr einfach Web-Content als WAP-Content bereitstehen würde, allerdings gibt es noch keinen HTMLtoWML-Filter, der lesbare und ansehnliche Ausgaben auf einem Handy-Display erzeugt. Die Mobilfunkprovider stellen WAP-Content direkt auf WTA-Servern (Wireless Telephony Application) zur Verfügung. Damit wird der Zugriff auf verschiedene providerspezifische Dienste (z.b. T-D1 News, Online-Banking, Mailbox-Konfiguration) vereinheitlicht. Für diese Dienste können so Bedienoberflächen bereitgestellt werden, ohne dass das Handy diese Dienste speziell unterstützen muss. Seite: 4/10

5 2 mit WebTransactions 2 W@P-Anwendungen mit WebTransactions 2.1 WML und WTML Starttemplate Für die Generierung von WML statt HTML ist im Starttemplate nur eine kleine Anpassung vorzunehmen. Die Variable WT_SYSTEM.HTTP_DEFAULT_HEADER muss mit dem für WML- Seiten passenden HTTP-Header versorgt werden. Alle erzeugten Seiten werden dann mit diesem Header versehen: <wtoncreatescript> <!-- WT_SYSTEM.HTTP_DEFAULT_HEADER = 'Content-type: text/vnd.wap.wml\n\n'; //--> </wtoncreatescript> Eingabemöglichkeiten Es gibt zwar zwei Eingabe-Controls in WML (input und select), aber im Gegensatz zu HTML keine Formulare. Alle eingegebenen Werte stehen in $-Variablen zur Verfügung und müssen bei go. oder im link explizit mit angegeben werden. Als Erweiterung der Funktionalität stehen eine optionale Formatangabe für input-felder und hierarchische select-listen zur Verfügung. WT_SYSTEM.HREF, bzw. WT_SYSTEM.HREF_ASYNC kann mit einem kleinen Trick verwendet werden: die enthaltenen "&" müssen mit der replace-methode in & umgewandelt werden. Hier ein kleines Beispiel aus dem Demo: <wml> <card id="order" title="bestellen"> <p> </p> <p> </p> Menge: <input type="text" name="menge" format="*n" size="2" maxlength="2"/> Kundennummer: <input type="text" name="kdnr" format="*n" size="8" maxlength="8"/> <a href="##wt_system.href.replace(/&/g,'&')#&command=waren"> </a> Zurück <br/> <a href="##wt_system.href.replace(/&/g,'&')#&menge=$(menge)&kdnr=$(kdnr)"> Abschicken </a> <br/> </card> </wml> <a href="##wt_system.href.replace(/&/g,'&')#&command=ende">ende</a> Mastertemplate für WML-Templates Für die Generierung von Automask und gecaptureten Templates in WML können Sie folgendes Mastertemplate verwenden: <wtoncreatescript> <!-- //WebLab(assignCommunicationObject) %%CommObj% = WT_HOST.%%CommObj%; if (%%CommObj%.WT_SYSTEM!= null) Seite: 5/10

6 2 mit WebTransactions %%CommObj%_system = %%CommObj%.WT_SYSTEM; // commu. specific system object else %%CommObj%_system = WT_SYSTEM; // global system object // // propagate communication object to included WTML documents ////////////// lastline = 1; function taggedoutput( hostobject ) if ( hostobject.startline!= lastline ) document.writeln('\n<br/>'); lastline++; output = hostobject.htmlvalue.replace(/\$/g,"$$"); if (hostobject.intensity == 'Normal') output = '<b>' + output + '</b>'; if (hostobject.blinking == 'Yes') output = '<i>' + output + '</i>'; if (hostobject.underline == 'Yes') output = '<u>' + output + '</u>'; document.write( output ); function taggedinput( hostobject ) if ( hostobject.startline!= lastline ) document.writeln('\n<br/>'); lastline++; currentlength = hostobject.length; input = '<input type=' + (hostobject.visible == 'No'? '"password"' : '"text"' ); input += ' name="' + hostobject.name + '" size="' + currentlength + '" maxlength="' + currentlength + '" value="' + hostobject.value + '"/>'; //--> document.write( input ); </wtoncreatescript> <?xml version="1.0"?> <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" <wml> " <card id="%%format%" title="webtransactions"> <p> %%LINES DisplayAttributes=Dynamic StaticText=No TaggedInput=Enforced TaggedOutput=Enforced% </p> <wtoncreatescript> <!-- urlext = ''; for( element in wtinputfields ) //--> urlext += '&' + element + '=$' + element; </wtoncreatescript> <do type="accept"> <go href="##wt_system.href.replace(/&/g,'&')+urlext#"/> </do> Seite: 6/10

7 2 mit WebTransactions </card> </wml> <wtrem** Script executed after post of WML page ***************************> <wtonreceivescript> <!-- //WebLab(processPostedData) %%OnReceiveCopies% // //WebLab(processHostCommunication) %%CommObj%.send(); if (!WT_SYSTEM.ERROR) %%CommObj%.receive(); if ( WT_SYSTEM.ERROR && WT_SYSTEM.COMMUNICATION_ERROR_FORMAT ) setnextpage( WT_SYSTEM.COMMUNICATION_ERROR_FORMAT ); else if( %%CommObj%_system.CAPTURED_FLD == "Yes" && %%CommObj%_system.APPLICATION_PREFIX ) setnextpage( %%CommObj%_system.APPLICATION_PREFIX + '@' + %%CommObj%_system.FLD ); else setnextpage( %%CommObj%_system.FLD ); // //--> </wtonreceivescript> 2.2 Entwicklung mit WebLab Als Voraussetzung zur Entwicklung von W@P-Anwendungen unter WebTransactions benötigen Sie einen W@P-Browser auf dem Entwicklungsrechner. Diese Browser sind kostenlos im Internet erhältlich. Da diese Browser aber nicht über OLE/DDE-Schnittstellen verfügen, ist die Kopplung mit WebLab nicht ganz so komfortabel wie gewohnt. In den WebLab-Einstellung kann bei den Browsereinstellungen Zwischenablage aktiviert werden. Es wird dann der URL, der sonst beim Sitzungsstart und bei der Neudarstellung automatisch dem Browser übergeben wird in die Zwischenablage kopiert. Diese Zeichenfolge kann dann einfach mit Strg-V in das entsprechende Eingabefeld des Browsers kopiert werden. Für wiederholtes Regenerate kann auch die Reload-Funktion des Browsers verwendet werden, da sich bei gleichbleibendem Template der URL für das Regenerate nicht ändert. Wird in der Zeile Pfad bei den Browsereinstellungen der Pfad zum W@P-Browser eingeben, so wird dieser für den Sitzungsstart automatisch aufgerufen. Der URL muss dann nach dem oben beschriebenen Verfahren händisch übertragen werden. Vorgehen: Folgendes Beispiel benutzt den UP.Simulator von Phone.com ( Wählen Sie im Weblab den Befehl "Optionen/Einstellungen". Wählen Sie auf der Registerkarte "Programme" als Browser "kein Browser" und tragen Sie bei "Pfad" die UP.Simulator.exe-Datei ein. Seite: 7/10

8 2 mit WebTransactions Starten Sie die Sitzung wie immer, der UP.Simulator wird automatisch geladen. Setzen Sie nun den Focus in das Feld "Go" und drücken Sie "Strg-V" und anschließend "Return". Die WebTransactions-Sitzung wird gestartet und sie können im Browser auf das zu ändernde Template navigieren. Ändern Sie das Template im WebLab und rufen Sie den Befehl "Im Browser aktualisieren" auf. Markieren Sie im UP.Simulator wieder das Feld "Go", drücken Sie "Strg-V" und schicken Sie die eingefügte URL mit Return ab, die Neudarstellung wird dann durchgeführt. Wenn Sie am gleichen Template gleich noch eine Änderung machen, können Sie nach dem Abspeichern im WebLab direkt im UP.Simualtor den Befehl "Edit/Reload (F9)" für die Neudarstellung aufrufen. 2.3 Beispielanwendung Als Beispielanwendung finden Sie im PackAndGo-Archiv WAP-Demo.zip ein kleines Bestellsystem für Werkzeuge, Die wichtigsten im Zusammenhang mit WebTransactions werden in den Templates erläutert. Seite: 8/10

9 3 Glossar/ Abkürzungen 3 Glossar/ Abkürzungen HTTP Hypertext Transfer Protocol XML Extensible Markup Language mime Multipurpose Internet Mail Extensions WTScript WebTransactions Script (entspricht dem Javascript Sprachkern) WTML WebTransactions Markup Language WAE Wireless Application Environment WAP Wireless Application Protocoll WDP WML WSP WTA WTLS WTP Wireless Datagram Protocol Wireless Markup Language Wireless Session Protocol Wireless Telephony Application Wireless Transport Layer Security Wireless Transaction Protocol Seite: 9/10

10 4 Literatur 4 Literatur [1] W@P White Paper, Wireless Internet Today, June 1999 [2] WAP WML, WAP Forum, Version 16-Jun-1999 [3] WebTransactions V3.0, Templatesprache, Manual August 1999 Seite: 10/10