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??????
Tobias SchwegmannTobias SchwegmannSeminar Mobile Computing: Wireless Seminar Mobile Computing: Wireless
Markup LanguageMarkup Language 22
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
Tobias SchwegmannTobias SchwegmannSeminar Mobile Computing: Wireless Seminar Mobile Computing: Wireless
Markup LanguageMarkup Language 33
1. Einleitung1. Einleitung
Tobias SchwegmannTobias SchwegmannSeminar Mobile Computing: Wireless Seminar Mobile Computing: Wireless
Markup LanguageMarkup Language 44
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
Tobias SchwegmannTobias SchwegmannSeminar Mobile Computing: Wireless Seminar Mobile Computing: Wireless
Markup LanguageMarkup Language 55
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
Tobias SchwegmannTobias SchwegmannSeminar Mobile Computing: Wireless Seminar Mobile Computing: Wireless
Markup LanguageMarkup Language 66
1. Einleitung1. Einleitung
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
Tobias SchwegmannTobias SchwegmannSeminar Mobile Computing: Wireless Seminar Mobile Computing: Wireless
Markup LanguageMarkup Language 77
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
Tobias SchwegmannTobias SchwegmannSeminar Mobile Computing: Wireless Seminar Mobile Computing: Wireless
Markup LanguageMarkup Language 88
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">
<!-- First Example: HelloWorld.wml -->
<wml><card title="HelloWorld"><p>Hello World!
</p></card>
</wml>
Tobias SchwegmannTobias SchwegmannSeminar Mobile Computing: Wireless Seminar Mobile Computing: Wireless
Markup LanguageMarkup Language 99
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>>UnterstrichenUnterstrichen<u><u>KursivKursiv<i><i>FettFett<b><b>
Tobias SchwegmannTobias SchwegmannSeminar Mobile Computing: Wireless Seminar Mobile Computing: Wireless
Markup LanguageMarkup Language 1010
3.1 Formatierungen3.1 Formatierungen
Kommentare: <!Kommentare: <!---- commentcomment ---->>Absatz: <p> Text </p> (Attribut: Absatz: <p> Text </p> (Attribut: alignalign))Zeilenumbruch: <Zeilenumbruch: <brbr /> oder </> oder <brbr></></brbr>>Special Special CharacterCharacter: <, >, ä, ö, ü etc.: <, >, ä, ö, ü etc.werden wie in HTML beschrieben (&werden wie in HTML beschrieben (<lt; &; >gt; ; &äauml; &; öouml; &; üuuml; etc.); etc.)
Tobias SchwegmannTobias SchwegmannSeminar Mobile Computing: Wireless Seminar Mobile Computing: Wireless
Markup LanguageMarkup Language 1111
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)
Tobias SchwegmannTobias SchwegmannSeminar Mobile Computing: Wireless Seminar Mobile Computing: Wireless
Markup LanguageMarkup Language 1212
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
Tobias SchwegmannTobias SchwegmannSeminar Mobile Computing: Wireless Seminar Mobile Computing: Wireless
Markup LanguageMarkup Language 1313
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>
Tobias SchwegmannTobias SchwegmannSeminar Mobile Computing: Wireless Seminar Mobile Computing: Wireless
Markup LanguageMarkup Language 1414
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
Tobias SchwegmannTobias SchwegmannSeminar Mobile Computing: Wireless Seminar Mobile Computing: Wireless
Markup LanguageMarkup Language 1515
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>>
Tobias SchwegmannTobias SchwegmannSeminar Mobile Computing: Wireless Seminar Mobile Computing: Wireless
Markup LanguageMarkup Language 1616
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
Tobias SchwegmannTobias SchwegmannSeminar Mobile Computing: Wireless Seminar Mobile Computing: Wireless
Markup LanguageMarkup Language 1717
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>>
Tobias SchwegmannTobias SchwegmannSeminar Mobile Computing: Wireless Seminar Mobile Computing: Wireless
Markup LanguageMarkup Language 1818
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
Tobias SchwegmannTobias SchwegmannSeminar Mobile Computing: Wireless Seminar Mobile Computing: Wireless
Markup LanguageMarkup Language 1919
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
Tobias SchwegmannTobias SchwegmannSeminar Mobile Computing: Wireless Seminar Mobile Computing: Wireless
Markup LanguageMarkup Language 2020
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()“()“
Tobias SchwegmannTobias SchwegmannSeminar Mobile Computing: Wireless Seminar Mobile Computing: Wireless
Markup LanguageMarkup Language 2121
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
Tobias SchwegmannTobias SchwegmannSeminar Mobile Computing: Wireless Seminar Mobile Computing: Wireless
Markup LanguageMarkup Language 2222
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
Tobias SchwegmannTobias SchwegmannSeminar Mobile Computing: Wireless Seminar Mobile Computing: Wireless
Markup LanguageMarkup Language 2323
6. ???6. ???
Noch Fragen?Noch Fragen?
Top Related