Seminar Mobile Computing: Wireless Markup Language · 1. Einleitung Wireless Application Protocol...

Seminar Mobile Seminar Mobile ComputingComputing::WirelessWireless MarkupMarkup LanguageLanguage

Tobias SchwegmannTobias Schwegmann06.05.200306.05.2003

Tobias SchwegmannTobias SchwegmannSeminar Mobile Computing: Wireless Seminar Mobile Computing: Wireless

Markup LanguageMarkup Language 11

ÜbersichtÜbersicht

Einleitung (WAP/ WML)Einleitung (WAP/ WML)Browser & EditorenBrowser & EditorenStruktur von WMLStruktur von WMLWMLScriptWMLScriptXHTML BasicXHTML Basic??????



1. Einleitung1. Einleitung

WirelessWireless ApplicationApplication ProtocolProtocol (WAP)(WAP)Globaler Standard für die Kommunikation Globaler Standard für die Kommunikation zwischen mobilen Geräten und dem Internetzwischen mobilen Geräten und dem Internet1997 entwickelt von Nokia, Ericsson, Motorola 1997 entwickelt von Nokia, Ericsson, Motorola u.au.a..Vergleichbar mit anderen Vergleichbar mit anderen KommunikationsstandarsKommunikationsstandars (TCP/IP, etc.)(TCP/IP, etc.)Seit Ende 2001 gibt es WAP 2.0, basierend auf Seit Ende 2001 gibt es WAP 2.0, basierend auf XHTML Basic und WMLXHTML Basic und WML



1.Einleitung1.Einleitung

WirelessWireless MarkupMarkup LanguageLanguage (WML)(WML)WML basiert auf XML, mit starker WML basiert auf XML, mit starker Ähnlichkeit zu HTMLÄhnlichkeit zu HTMLKeine Keine prozeduraleprozeduraleProgrammiersprache wie C, Programmiersprache wie C, FortranFortranoder Pascaloder PascalDarstellung liegt am jeweiligen GerätDarstellung liegt am jeweiligen Gerät



1.Einleitung1.Einleitung

SogenannteSogenannte „„microbrowsermicrobrowser“ “ interpretieren WMLinterpretieren WMLWML im Moment in Version 1.1.3WML im Moment in Version 1.1.3Wird nicht weiterentwickeltWird nicht weiterentwickeltWird durch XHTML Basic abgelöstWird durch XHTML Basic abgelöst




Wozu eigentlich?Wozu eigentlich?-- Kommunikation:Kommunikation: EE--Mail und OnlineMail und Online--Chat an jedem Chat an jedem

beliebigen Ortbeliebigen Ort-- BrokerageBrokerage:: Aktienkurse abfragen, Aktien kaufen und Aktienkurse abfragen, Aktien kaufen und

verkaufenverkaufen-- Mobile Mobile BankingBanking:: Kontostand und ÜberweisungenKontostand und Überweisungen-- Allgemeine Informationen:Allgemeine Informationen: Wetter, Verkehrslage, Kino, Wetter, Verkehrslage, Kino,

TermineTermine-- Shopping:Shopping: Kauf von Büchern, CDs, Kinotickets, Kauf von Büchern, CDs, Kinotickets,

PreisvergleichePreisvergleiche-- Mobile Mobile OrganizerOrganizer:: Zugriff auf Kalender, AdressenZugriff auf Kalender, Adressen-- Navigation:Navigation: Routenplaner, Stadtpläne und ReiseführerRoutenplaner, Stadtpläne und Reiseführer-- HausHaus--Automatisierung:Automatisierung: Fernsteuerung von Geräten Fernsteuerung von Geräten



2. Browser & Editoren2. Browser & Editoren

EditorenEditoren-- Einfache TextEinfache Text--Editoren (Editoren (emacsemacs, , vivi oder oder

notepadnotepad))-- Abspeichern mit Endung „Abspeichern mit Endung „wmlwml““

BrowserBrowser-- WAPWAP--fähigefähige Handys, Handys, PDAsPDAs u.au.a..-- Für PC: Simulatoren von Nokia & Für PC: Simulatoren von Nokia &

OpenwaveOpenwave

3. Struktur von WML3. Struktur von WML

WML basiert auf XMLWML basiert auf XMLDTD vom DTD vom WAPForumWAPForum((www.wapforum.orgwww.wapforum.org))Beispiel: Beispiel: HelloWorld.wmlHelloWorld.wml<?xml version="1.0"?><!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.2.1//EN“ "http://www.wapforum.org/DTD/wml13.dtd">



<wml><card title="HelloWorld">Hello World!

</card>

</wml>

3.1 Formatierungen3.1 Formatierungen

Einige Tags sind aus HTML bekanntEinige Tags sind aus HTML bekannt

Kleiner als StandardKleiner als Standard<<smallsmall>>

GrösserGrösser als Standardals Standard<<bigbig>>

DitoDito<<strongstrong>>HervorhebungHervorhebung<<emem>>UnterstrichenUnterstrichenKursivKursivFettFett

3.1 Formatierungen3.1 Formatierungen

Kommentare: <!Kommentare: >Absatz: Text (Attribut: Absatz: Text (Attribut: alignalign))Zeilenumbruch: <Zeilenumbruch: <brbr /> oder </> oder <brbr></></brbr>>Special Special CharacterCharacter: <, >, ä, ö, ü etc.: <, >, ä, ö, ü etc.werden wie in HTML beschrieben (&werden wie in HTML beschrieben (&ltlt; &; &gtgt; ; &&aumlauml; &; &oumlouml; &; &uumluuml; etc.); etc.)

3.2 Bilder3.2 Bilder

Tag: <Tag: <imgimg srcsrc=„…“ />=„…“ />Attribute: alt, Attribute: alt, widthwidth, , heightheightEs werden normale Bitmaps (*.Es werden normale Bitmaps (*.bmpbmp) ) oder oder WirelessWireless Bitmaps (*.Bitmaps (*.wbmpwbmp) ) erkannterkanntLocaliconsLocalicons werden über Attribut werden über Attribut „„localsrclocalsrc“ angesprochen. (Beispiel)“ angesprochen. (Beispiel)



3.3 Links3.3 Links

Man unterscheidet drei Typen:Man unterscheidet drei Typen:1. 1. HyperlinkingHyperlinking

Navigation zwischen verschiedenen Navigation zwischen verschiedenen WAPWAP--SeitenSeiten

2. 2. ExternalExternal LinkingLinkingNavigation zwischen einzelnen Navigation zwischen einzelnen WMLWML--DokumentenDokumenten

3. 3. InternalInternal LinkingLinkingNavigation zwischen „Navigation zwischen „cardscards“ in einem Deck“ in einem Deck

3.3 Links3.3 Links

HyperlinkingHyperlinking: : <a <a href=„file.wml“>Namehref=„file.wml“>Name</a></a>Attribute: Attribute: accesskeyaccesskey, title, title

ExternalExternal LinkingLinking::<a <a href=file.wml#card>Namehref=file.wml#card>Name</a></a>

3.3 Links3.3 Links

InternalInternal LinkingLinking: do: do-- und und gogo--TagTagdo hat die Attribute do hat die Attribute labellabel und und typetypegogo hat wie a das Attribut hat wie a das Attribut hrefhref

<<prevprev /> führt zurück zur letzten /> führt zurück zur letzten besuchten Seitebesuchten SeiteÜber das Attribut „Über das Attribut „accesskeyaccesskey“ wird der “ wird der Zugriff per Taste ermöglichtZugriff per Taste ermöglicht

3.4 Tabellen3.4 Tabellen

Tabellen werden genau wie in HTML Tabellen werden genau wie in HTML geschriebengeschriebenUnterschied: Attribut „Unterschied: Attribut „columnscolumns““Es gibt kein <Es gibt kein <thth>>

3.5 Formulare (Grundlagen)3.5 Formulare (Grundlagen)

<<inputinput>>Attribute: Attribute: namename, , maxlengthmaxlength, , formatformatBeispiel für Beispiel für formatformat: NN: NN\\.NN.NN\\.NNNN.NNNNMöglichkeitenMöglichkeiten

Festes ZeichenFestes Zeichen\\charcharGr. ZeichenGr. ZeichenXXBel. AnzahlBel. Anzahl*Val*ValNummerNummerNNBest. AnzahlBest. AnzahlnValnValKl. BuchstabeKl. BuchstabeaaKl. ZeichenKl. ZeichenxxGr. BuchstabeGr. BuchstabeAA

3.5 Formulare (Grundlagen)3.5 Formulare (Grundlagen)

<<selectselect>>Attribute: Attribute: namename, multiple, multiple<<optionoption value=„Wert“>Namevalue=„Wert“>Name</</optionoption>>

Einträge werden in gleichnamige Variablen Einträge werden in gleichnamige Variablen gespeichert (Zugriff: $gespeichert (Zugriff: $VarNameVarName))Abschicken eines Formulars über <do> Abschicken eines Formulars über <do> --<<gogo>>

3.6 3.6 TemplatesTemplates

CardsCards teilen sich Elemente und teilen sich Elemente und AttributeAttributeUm Dateien zu verkleinernUm Dateien zu verkleinern<<templatetemplate> gibt Elemente an alle > gibt Elemente an alle CardsCards im Deck weiterim Deck weiter<<noopnoop /> verhindert Benutzung eines /> verhindert Benutzung eines TemplatesTemplates

3.7 3.7 SetvarSetvar / / RefreshRefresh / / OneventOnevent

<<setvarsetvar> setzt Variablen> setzt Variablen<<setvarsetvar name=„varname=„var“ “ value=„wertvalue=„wert“ />“ />

<<refreshrefresh> macht Update für die > macht Update für die VariablenVariablen<<oneventonevent> mit Attributen: > mit Attributen: onpickonpick, , onenterforwardonenterforward, , onenterbackwardonenterbackward, , ontimerontimer



4. 4. WMLScriptWMLScript

Ähnlich zu JavaScript bei HTMLÄhnlich zu JavaScript bei HTMLStrukturen und Befehle haben sehr Strukturen und Befehle haben sehr starke Ähnlichkeit zu anderen starke Ähnlichkeit zu anderen ProgrammiersprachenProgrammiersprachenEs gibt nur modulare Elemente, nur Es gibt nur modulare Elemente, nur externe Funktionenexterne FunktionenDateien haben Endung „Dateien haben Endung „wmlswmls“, Aufruf “, Aufruf über „*.über „*.wmls#functionwmls#function()“()“



5. XHTML Basic5. XHTML Basic

Initiative vom W3C für gemeinsame Initiative vom W3C für gemeinsame MarkupMarkup LanguageLanguage für mobile Gerätefür mobile GeräteXHTML Basic ist Teil von WAP 2.0XHTML Basic ist Teil von WAP 2.0XHTML Basic soll WML ablösenXHTML Basic soll WML ablösenSubset zu XHTMLSubset zu XHTMLSeiten für mehrere Plattformen Seiten für mehrere Plattformen gleichzeitiggleichzeitig



5. XHTML Basic5. XHTML Basic

Einbinden von WML möglichEinbinden von WML möglichFramesFrames & Farben& FarbenMultimedia (MP3 & MPEG)Multimedia (MP3 & MPEG)Zu achten:Zu achten:-- Kleines DisplayKleines Display-- Wenig SpeicherWenig Speicher-- ÜbertragungsgeschwindigkeitÜbertragungsgeschwindigkeit



6. ???6. ???

Noch Fragen?Noch Fragen?

Seminar Mobile Computing: Wireless Markup Language · 1. Einleitung Wireless Application Protocol...

Documents

Transcript of Seminar Mobile Computing: Wireless Markup Language · 1. Einleitung Wireless Application Protocol...