Technologia WAP. Jzyk WML



Podobne dokumenty
Przegldanie stron wymaga odpowiedniej mikroprzegldarki w urzdzeniu mobilnym lub stosownego emulatora.

Poradnik korzystania z serwisu UNET: Dostp do poczty elektronicznej ze strony WWW

obsług dowolnego typu formularzy (np. formularzy ankietowych), pobieranie wzorców formularzy z serwera centralnego,

Zadania do wykonaj przed przyst!pieniem do pracy:

4CMSystem. Podrcznik uytkownika. Strona projektu: Realizacja projektu:

Zastosowanie programu Microsoft Excel do analizy wyników nauczania

Format HTML. Wybrane działy Informatyki Stosowanej. Definicja i przeznaczenie Struktura dokumentu Znaczniki Formularze i komponenty

Poradnik korzystania z serwisu UNET: Konfiguracja programu pocztowego

Technologie Informacyjne

Instrukcja dla pracowników Uniwersytetu Rzeszowskiego.

Zajęcia 10 obsługa formularzy w PHP

Wprowadzenie do języka HTML

Programowanie w Internecie

Podstawowe znaczniki języka HTML.

Instrukcja obsługi dodatku InsERT GT Smart Documents

System midzybankowej informacji gospodarczej Dokumenty Zastrzeone MIG DZ ver Aplikacja WWW ver. 2.1 Instrukcja Obsługi

Formularze Pobierają dane od użytkownika strony i wysyłają je do przetworzenia na serwerze (gdzie potrzebne są skrypty,któredaneprzetworzą najczęściej

Konspekt do lekcji elementy informatyki dla klasy 4e Liceum Ogólnokształccego

zdefiniowanie kilku grup dyskusyjnych, z których chcemy odbiera informacje, dodawanie, usuwanie lub edycj wczeniej zdefiniowanych grup dyskusyjnych,

Test z przedmiotu. Witryny i aplikacje internetowe

O HTML. R. Robert Gajewski omklnx.il.pw.edu.pl/~rgajewski

Dokument hipertekstowy

HTML 1. Gimnazjum nr 1 w Barcinie gimbarcin.pl

Wstęp. Język HTML jest uniwersalnym jezykiem wykorzystywanym przy

I. Wstawianie rysunków

Instrukcja obsługi uczelnianego systemu zarządzania stronami internetowymi (CMS)

Planowanie adresacji IP dla przedsibiorstwa.

Tworzenie bazy danych Biblioteka tworzenie tabel i powiza, manipulowanie danymi. Zadania do wykonani przed przystpieniem do pracy:

Po zrealizowaniu materiału student będzie w stanie korzystać z usługi RSS oferowanej na stronach www utworzyć kanał RSS na stronie www

Program do konwersji obrazu na cig zero-jedynkowy

ABC języka HTML i XHTML / Maria Sokół. wyd. 2. Gliwice, cop Spis treści

Temat: Programowanie zdarzeniowe. Zdarzenia: delegacje, wykorzystywanie zdarze. Elementy Windows Application (WPF Windows Presentation Foundation).

CYKL ZAJ POZNAJEMY POWER POINT

LABORATORIUM 2 WSTĘP DO SIECI TELEINFORMATYCZNYCH TABELE I FORMULARZE

I. Formatowanie tekstu i wygląd strony

Zakres treści Czas. 2 Określenie charakteru i tematyki strony. Rodzaje witryn. Projekt graficzny witryny. Opracowanie skryptów

Instrukcja obsługi programu Pilot PS 5rc

5-6. Struktura dokumentu html. 2 Określenie charakteru i tematyki strony. Rodzaje witryn. Projekt graficzny witryny. Opracowanie skryptów

Mozilla Firefox PL. Wykorzystanie certyfikatów niekwalifikowanych w oprogramowaniu Mozilla Firefox PL. wersja 1.1

Proste kody html do szybkiego stosowania.

Podłczenie HMI do LOGO!..0BA7 (WinCC Basic V11)

Po zakończeniu rozważań na temat World Wide Web, poznaniu zasad organizacji witryn WWW, przeczytaniu kilkudziesięciu stron i poznaniu wielu nowych

Program SMS4 Monitor

INSTYTUT TECHNIKI Zakad Elektrotechniki i Informatyki mdymek@univ.rzeszow.pl FLASH

2 Podstawy tworzenia stron internetowych

Poniszy rysunek przedstawia obraz ukoczonej powierzchni wykorzystywanej w wiczeniu.

1. Informacje ogólne.

Bazy danych i strony WWW

ECDL/ICDL Web Editing Moduł S6 Sylabus - wersja 2.0

Instrukcja instalacji HP Instant Support Enterprise Edition Standard Configuration (ISEE SC) MS Windows (HP Proliant, HP Netserver)

Justyna Klimczyk Nauczyciel informatyki Gimnazjum im. Władysława Stanisława Reymonta w Kleszczowie

Uywanie licencji typu On-Demand. Using an On-Demand License Japanese. Language. Contents

Ateus - Helios. System domofonowy

Twoja instrukcja użytkownika HP SCANJET G3010 PHOTO SCANNER

Jak posługiwać się edytorem treści

Wykład 03 JavaScript. Michał Drabik

geometry a w przypadku istnienia notki na marginesie: 1 z 5

CSS. Kaskadowe Arkusze Stylów

AUDYT DOSTĘPNOŚCI STRONY INTERNETOWEJ

Utworzenie aplikacji mobilnej Po uruchomieniu Visual Studio pokazuje się ekran powitalny. Po lewej stronie odnośniki do otworzenia lub stworzenia

Mozilla Thunderbird PL

Przyk adowa konfiguracja zwielokrotnianienia po czenia za pomoc Link Aggregation Control Protocol

Klonowanie MAC adresu oraz TTL

Przed instalacj naley sprawdzi wersj posiadanych sterowników urzdzenia. Powinna by nie starsza ni:

Co nowego w wersji 3.0?

Autorzy: Kraków, stycze 2007 Łukasz Dziewanowski Filip Haftek (studenci AGH III roku kierunku Automatyka i Robotyka)

Spis treci. Dzie 1. I Wprowadzenie (wersja 0911) II Dostp do danych biecych specyfikacja OPC Data Access (wersja 0911)

Instrukcja obsługi systemu przywoławczego pomidzy kabin LF a laboratorium analiz chemicznych

FORTECA DF - terminal kasowy

Programowanie CGI. Jolanta Bachan Informatyka

HTML5 i CSS. Deklaracja <!DOCTYPE> musi być na początki dokumentu napisanego w HTML5 przed tagiem <html>.

HTML (HyperText Markup Language) hipertekstowy język znaczników

TIN Techniki Internetowe zima

Formularze i ramki w HTML

Typy bazy danych Textract

M-biznes: Mobile Business. Realizacja aplikacji mobilnych w języku Java. Typy urządzeń przenośnych. Przykłady zastosowań

Podstawy JavaScript ćwiczenia

Laboratorium 7 Blog: dodawanie i edycja wpisów

Rozwiązanie ćwiczenia 8a

Spis treści CZĘŚĆ I JĘZYK SIECI 17. Wstęp 13. Rozdział 1 Wprowadzenie do HTML5 19. Rozdział 2 Znajomość znaczników HTML5 37

Języki programowania wysokiego poziomu. HTML cz.2.

Pierwsza strona internetowa

Dostp do zasobów dyskowych uytkowników lcme10 przez protokół SMB (Microsoft Networking)

Elementy baz danych w edytorze tekstu. Elementy baz danych w arkuszu kalkulacyjnym. Jednorodna tabela jako ródło danych:

I. Menu oparte o listę

Rys.2.1. Drzewo modelu DOM [1]

Dostępne nośniki reklamowe

Oczywiście występują także znaczniki, bez ich odpowiednika kończącego, np. <BR>

Tabele. Przykład 15a.htm. <HTML><HEAD><TITLE> Cennik</TITLE></HEAD><BODY><H3>Cennik</H3> <TABLE BORDER="1"> <TR>

KONKURS PRZEDMIOTOWY INFORMATYCZNY DLA UCZNIÓW GIMNAZJUM

Beniamin. Ponisza instrukcja dotyczy programu do wersji włcznie. Nowe funkcjonalnoci kolejnych wersji, bd uwzgldniane w formie dodatku.

używane skróty: HTTP - protokół do transferu tekstu, hipertekstu, zbiorów binarnych URL - jednolity lokalizator zasobów

Instrukcja obsługi regulatora i wizualizacji pieca pokrocznego na Walcowni Drobnej P46 Strona 1 z 26

Twoja instrukcja użytkownika HP PAVILION DV6-1215SA

INSTRUKCJA OBSŁUGI SYSTEM ZARZĄDZANIA TREŚCIĄ

Layout, czyli szablony

Rysunek otaczany przez tekst

Uywanie licencji typu Standalone. Japanese Using a Standalone License. Language. Contents

Komponent Formularz. Rys. 1. Strona programu Joomla - Rys. 2. Instalacja komponentu

Bazy danych. Plan wykładu. Zalenoci funkcyjne. Wykład 4: Relacyjny model danych - zalenoci funkcyjne. SQL - podzapytania A B

Transkrypt:

Technologia WAP. Jzyk WML Wykład prowadzi: Mikołaj Sobczak 1

Protokół WAP Przeznaczenie WAP Wersje protokołu WAP WAP 1.x Moliwoci Ograniczenia WAP 2.0 Protokoły internetowe Jzyk XHTML MP Technologia WAP. Jzyk WML(2) WAP (ang. Wireless Application Protocol) - to protokół umoliwiajcy dostp od specjalnie przygotowanych serwisów WWW, które uwzgldniaj ograniczenia dotyczce interfejsu i wskich kanałów bezprzewodowych urzdze mobilnych - telefonów komórkowych, palmtopów itd. Umoliwia dwustronne przesyłanie danych midzy terminalem mobilnym i serwerem. Wyrónia si kilka wersji protokołu WAP: WAP 1.x WAP w tej wersji umoliwia uytkownikowi mobilnemu na korzystanie ze specjalnie przygotowanych serwisów internetowych,. Podstaw ich tworzenia jest jzyk opisu strony WML (ang. Wireless Markup Language). Istnieje wiele ogranicze tego standardu, spowodowanych nisk rozdzielczoci ekranu, prostym mechanizmem nawigacji i ubog grafik. Przegldanie stron wymaga odpowiedniej mikroprzegldarki w urzdzeniu mobilnym lub stosownego emulatora. WAP 2.0 Wykorzystuje protokoły internetowe IP, TCP, HTTP co umoliwia dostp do wikszej iloci usług, ni w przypadku WAP 1.0. Strony w WAP 2.0 tworzy si w jzyku XHTML MP, którego podstaw jest jzyk XHTML, wykorzystuje si równie style CSS (wersja 2.0). Na urzdzeniach mobilnych stosowane bd przegldarki go interpretujce, jak np. Microsoft Mobile. Strony w WAP 2.0 mog by równie interpretowane przez zwykłe przegldarki na komputerze stacjonarnym, a strony tradycyjne na urzdzeniu mobilnym. Pozwoli to na jednorazow prac nad serwisem internetowym i jego uywanie na rónych platformach internetowych. 2

WAP PUSH Idea WAP PUSH uytkownik nie poszukuje informacji, pojawia si sama Zasada działania Bogate zastosowania: Download aplikacji Informacje periodyczne Powiadomienia Technologia WAP. Jzyk WML(3) Idea WAP Push polega na zapewnieniu uytkownikowi mobilnemu potrzebnych informacji, bez tradycyjnej interakcji klient-serwer i kadorazowemu wysyłaniu da. Uytkownik moe sobie zamówi np. usług okresow, przekazujc mu codziennie informacje gospodarcze, polityczne i inne. Moe poprosi o poinformowanie go o rónych wydarzeniach, choby realizacji jego zamówienia, opłaceniu faktury czy pojawieniu si oczekiwanej ksiki w bibliotece. Usługa ta równie słuy do cigania aplikacji z sieci. W usłudze tej uytkownik otrzymuje na telefon komórkowy wiadomo SMS, zawierajc odnonik do strony WAP. Po jego wybraniu moe cign dane spod tego adresu. Aplikacje wykorzystujce WAP Push maj nastpujce zastosowania: dzwonki i tapety reklamy aplikacje i aplety w Javie, informacje gospodarcze (waluty, giełda), powiadomienia o przychodzcej poczcie elektronicznej 3

Jzyk WML Znaczniki z zawartoci lub puste: <tag>zawarto</tag> <tag/> Znaczniki z atrybutami: <tag atrybut="warto"> zawarto </tag> <tag atrybut="warto"/> Technologia WAP. Jzyk WML(4) Znaczniki lub tagi s, podobnie jak na przykład w jzyku HTML, cigiem znaków objtych nawiasami trójktnymi, w wikszoci s zblione do znaczników jzyka XML. Podobnie równie wymagane jest zamykanie wszystkich znaczników. W jzyku WML wystpuj znaczniki zawierajce tre i znaczniki puste. Znaczniki mog równie posiada atrybuty, które umieszczamy w dowolnej kolejnoci. S one oddzielone spacjami, a ich format jest nastpujcy atrybut= warto. 4

Struktura dokumentu <?xml version="1.0 encoding="iso-8859-1"?> <!DOCTYPE wml PUBLIC "- //WAPFORUM//DTD WML 1.2//EN" "http://www.wapforum.org/dtd/wml_1.1.xml"> <wml> </wml> <head> </head> Technologia WAP. Jzyk WML(5) Dokument WML, czyli talia, zaczyna si od prologu. Deklaruje si w nim typ dokumentu. Mona równie okreli stron kodow dokumentu, uywajc parametru encoding w nastpujcej formie: encoding="iso-8859-1" Gdzie warto parametru okrela uyt stron kodow. Po prologu nastpuje para znaczników <wml></wml>, midzy którymi znajduje cała tre strony. Para <head></head> to nagłówek strony, który moe zawiera dodatkowe informacje, dotyczce choby kodowania jak i ogranicze dostpu. W tej czci mog zosta umieszczone podstawowe informacje o dokumencie, czyni si to za pomoc znaczników <meta> i <access>. Znacznik <access> słuy do blokowania dostpu do wybranego zestawu kart. Przykład jego zastosowania przestawiono poniej <access domain= www.cs.put.poznan.pl" path="/mobile"> Zapis taki oznacza, e jedynie uytkownik, który przechodzi z kart znajdujcych si na serwerze Instytutu Informatyki PP w katalogu mobile moe mie dostp do danego dokumentu. 5

Opis kart Strona w WML to talia złoona z jednej lub wielu kart <card id="pierwsza title= Galeria > <! zawarto karty nr 1 --> <card id="druga"> <!-- zawarto karty nr 2 --> Technologia WAP. Jzyk WML(6) Jeden dokument WML, czyli talia, moe składa si z jednej lub wielu kart. Karta jest wyznaczona przez znaczniki <card> i. Znacznik ten moe posiada atrybut id, który jest obligatoryjny, jeli w talii znajduje si wicej niz jedna karta. Jednoznacznie identyfikuje on kart w talii, umoliwia równie nawigacj w ramach talii Parametr title jest tytułem karty i pojawia si w górnej czci ekranu telefonu komórkowego. 6

Pierwsza strona w WAP <?xml version="1.0"?> <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/dtd/wml_1.1.xml"> <wml> <card title="pierwszy raz"> <p> Z pewn tak niemiałoci:)))) </wml> Technologia WAP. Jzyk WML(7) Przykład powyej jest pierwsz nasz stron WAP. Składa si ona z jednej karty, dlatego atrybut id został pominity. Dodatkowo wprowadzono atrybut title o wartoci Pierwszy raz. Wewntrz karty znajduje si akapit, w którym wprowadzono tekst Z pewn tak niemiałoci:)))). Efekt mona obejrze na załczonym ekranie emulatora. Konieczno uycia znacznika <p> bdzie omówiona za chwil. 7

Teksty i formatowanie Konieczno uzywania pary znaczników <p> Atrybuty znacznika <p> <?xml version="1.0"?> <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/dtd/wml_1.1.xml"> <wml> <card title="pierwszy raz"> <p align="center"> Z pewna taka niesmialoscia:)))) </wml> Technologia WAP. Jzyk WML(8) Przy tworzeniu dowolnych stron internetowych w jzyku HTML lub XHTML mona umieci dowolny tekst bez adnych znaczników. Poniewa strona WWW jest dokumentem tekstowym, tak wprowadzony tekst pojawi si w oknie przegldarki. W przypadku jzyka WML uycie znaczników <p> jest obligatoryjne. Znacznik <p>, podobnie jak w jzyku HTML, tworzy akapit, w którym moe znale si tekst i inne obiekty. Posiada on atrybut align, odpowiedzialny za wyrównanie tekstu w akapicie. Moliwe s nastpujce jego wartoci: align="left" - wyrównanie do lewej, align="center" - wycentrowanie tekstu. align="right" - wyrównanie do prawej, Przykład powyej jest stron WAP złoon równie z jednej karty, wprowadzono atrybut title o wartoci Pierwszy raz. Wewntrz karty znajduje si akapit, w którym wprowadzono tekst Z pewn tak niemiałoci:)))). Zastosowano wyrównanie akapitu, a dokładniej wycentrowanie jego zawartoci. Efekt mona obejrze na ekranie emulatora. 8

Formatowanie tekstu <?xml version="1.0"?> <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/dtd/wml_1.1.xml"> <wml> <card title="pierwszy raz"> <p align="center" > <BIG>Z</BIG> <U><SMALL>pewna</SMALL></U> <I>taka</I><B>niesmialoscia:))))</B> </wml> Technologia WAP. Jzyk WML(9) Podobnie jak w jzyku HTML, w jzyku WML mona stosowa kilka znaczników słucych do formatowania tekstów. Tekst objty par takich znaczników przyjmuje wygld zgodny z intencj twórcy strony. Do znaczników tych nale: <B></B> czcionka pogrubiona <I></I> czcionka pochylona <U ></U> czcionka podkrelona <BIG></BIG> czcionka powikszona <SMALL> </SMALL> czcionka zmniejszona Innym przydatnym znacznikiem jest <br/>, który powoduje przejcie do nastpnej linii. W przykładzie widzimy zastosowanie znaczników <U ></U> i <SMALL> </SMALL> do napisu pewn, <I></I> do słowa taka, znacznika <B></B> do słowa niemiałoci:))))) i <BIG></BIG> do słowa Z. Efekt mona obejrze na ekranie emulatora. Zwróci naley uwag na fakt, e napis taka nie jest napisany kursyw, co wie si z niemonoci wywietlania czcionki pochylonej ne ekranie tego typu telefonu. 9

Obrazki Osadzenie obrazka na stronie WAP <img/> - wstawienie obrazka do karty Składnia <img src=" nazwa_pliku.wbmp ">, Atrybuty znacznika <img> Technologia WAP. Jzyk WML(10) Dokumenty WML mog zawiera jedynie prost grafik, stosuje si pliki w w formacie.wbmp. S dwa sposoby pozyskania plików tego typu: edytory programy do tworzenia plików wbmp przez uytkownika konwertery programy do konwersji z innych formatów do pliku wbmp Składania znacznika osadzajcego obrazek wyglda nastpujco: <img src= nazwa_pliku.wbmp"> Podstawowe atrybuty znacznika <img> to: vspace horyzontalna odległo obrazka od zawartoci strony, hspace wertykalna odległo obrazka od zawartoci strony, width, height szeroko i wysoko obrazka w pikselach lub w %, align wyrównanie obrazka wzgldem zawartoci strony alt tekst alternatywny, pojawiajcy si, gdy z rónych przyczyn obrazek nie moe byc wywietlony 10

Obrazki!"#$%&'"#' "( )*+,"-+. / 0""1 2-3**-45- + '67&+4+3*)8)0)*8 "+ "2-3 " Technologia WAP. Jzyk WML(11) Przykład pokazuje sposób osadzenia obrazka na stronie WAP. W karcie o tytule Tabelka osadzono plik graficzny pies.wbmp. Uyto znacznika <IMG SRC="pies.wbmp" width=200 height=200> Parametry szeroko i wysoko ustawiono na 200 pikseli. Naley zwróci uwag, e podobnie jak wszystkie inne obiekty na stronie WAP, obrazek został osadzony pomidzy obligatoryjn par znaczników <p>. Plik został utworzony za pomoc narzdzia NMIT, a efekt jest widoczny na emulatorze telefonu. 11

Tabele W jzyku WML mozna równie definiowa tabele Nie ma tak bogatego formatowania jak w HTML. Tabele, czyli znaczniki <TABLE></TABLE> naley umieci pomidzy znacznikami <p>. Nie mona budowa zbyt duych tabel (mały ekran telefonu) Technologia WAP. Jzyk WML(12) Jzyk WML pozwala na definiowanie tabel, które jednak s znacznie skromniejsze ni te, budowane w jzyku HTML. Ich konstrukcja jest bardzo zbliona do tabel HTML-owych, liczba parametrów jest mniejsza. Tabele, jak i inne elementy strony WAP naley umieci pomidzy znacznikami <p>. Tabele, poza skromnym formatowaniem, nie mog równie mie duego rozmiaru, co jest oczywicie spowodowane wielkoci ekranu telefonu komórkowego. Podstawowe znaczniki do tworzenia i formatowania tabel to: <table> </table> - tworzy tabel. Posiada dwa wane atrybuty: columns liczba kolumn w tabeli, parametr obligatoryjny okrelajcy ile kolumn zawiera tabela, align wyrównanie zawartoci tabelki. Atrybut ten posiada trzy wartoci: "L - wyrównanie do lewej, "R -wyrównanie do prawej "C - wycentrowanie. <tr> </tr> oznacza pocztek i koniec wiersza tabeli. <td> </td> - oznacza pocztek i koniec pojedynczej komórki Kada tabelka ma zatem posta: <table columns=...> <tr> <td> </td>... </tr>... </table> 12

Tabele- przykład!""#$%&'""#'""( )*+,""-+. / 0""1 2-3**-45- +-02* *-42/6 * *3 "*3 *3(!5"*3 *3#5"*3 "* * *37--"*3 *38*- -"*3 *369"*3 "* "*-4 "+ "2-3 " Technologia WAP. Jzyk WML(13) W przykładzie tym na karcie o tytule Tabelka utworzono tabel, posiadajc trzy kolumny. Zdefiniowano dwa wiersze tabeli uywajc znaczników <tr></tr>. Kady wiersz składa si z trzech kolumn, wypełnionych treci. Zawarto tabelki jest wyrównana do rodka, tabelka jest wyrodkowana przez atrybut znacznika <p>. Cało umieszczona jest w karcie zatytułowanej Tabelka, napis ten pojawia si na górze ekranu. 13

Linki i nawigacja <?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="karta1" title="talia1"> <p> <a href="miki2.wml">link</a> do T2 </wml> Technologia WAP. Jzyk WML(14) Odnonik jest elementem umoliwiajcym skok do: innej karty w ramach jednej talii do innej talii do miejsca w sieci. Tworzy si go bardzo podobnie jak w jzyku HTML za pomoc znacznika <a> </a>. Posiada obligatoryjny atrybut href, okrelajcy miejsce, do którego prowadzi. W przykładzie pokazano odnonik do talii miki2.wml: <a href="miki2.wml">link</a> Przy podwietlonym napisie Link i naciniciu zielonego przycisku na klawiaturze emulatora nastpi przejcie pod wskazany adres lub do innej karty w tej lub innej talii. 14

Nawigacja wewntrz talii <?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="k1" title="karta1"> <p align="center"> <a href="#k2">karta 2</a> <br/> <a href="#k3">karta 3</a> <card id="k2" title="karta2"> <p align="center"> <a href="#k1">karta 1</a> <br/> <a href="#k3">karta 3</a> </wml> Technologia WAP. Jzyk WML(15) W tym przykładzie pokazano mechanizm nawigacji pomidzy kartami w ramach jednej talii. Stworzono dwie karty o identyfikatorach k1 i k2 i tytułach odpowiednio KARTA 1 i KARTA 2. Na karcie k1 umieszczono odnoniki do karty k2 i k3. <a href="#k2">karta 2</a> <br/> <a href="#k3">karta 3</a> Konstrukcja odnonika do innej karty wymaga wstawienia znaku # przed nazw karty w odnoniku. Na karcie k2 umieszczono odnoniki do kart k1 i k3. <a href="#k1">karta 1</a> <br/> <a href="#k3">karta 3</a> Ekran emulatora prezentuje karty k1 i k2. 15

Odnonik do karty w innej talii <?xml version="1.0"?> <!DOCTYPE wml PUBLIC "- //WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/dtd/wml_1.1.x ml"> <wml> <card id="k1" title="karta1"> <p align="center"> <a href= miki2.wml#k2">karta 2</a> <br/> <a href=" miki2.wml #k3">karta 3</a> </wml> Technologia WAP. Jzyk WML(16) Obie te techniki mona oczywicie połczy, tworzc odnoniki do karty lecej w innej talii. W przykładzie stworzono kart k1 w której umieszczono dwa odnoniki do kart k2 i k3 <a href= miki2.wml#k2">karta 2</a> <br/> <a href=" miki2.wml #k3">karta 3</a> ale znajdujcych si w talii miki2.wml. W parametrze href wprowadzono nazw talii i nazw karty oddzielone znakiem #. 16

Zdarzenia i akcje Zdarzenia wystpujce na stronach WAP onenterforward, onenterbackward, ontimer, do Akcje podejmowane po zajciu zdarzenia go, prev, refresh, noop Technologia WAP. Jzyk WML(17) W jzyku WML wprowadzono równie pewne elementy zdarzeniowoci. Strona moe reagowa na kilka rodzajów wystpujcych zdarze i podejmowane s odpowiednie akcje. Zdarzenia te przedstawiono poniej: onenterforward zdarzenie wywoływane przy przejciu do nowej karty, onenterbackward zdarzenie wywoływane przy powrocie do ostatnio odwiedzanej karty, ontimer - zdarzenie wywoływane po upłyniciu okrelonego czasu, do - zdarzenie wywoływane po naciniciu przycisku. Zdarzenia mog wywoływa akcje przedstawione poniej: go - przejcie do innej karty, prev przejcie do karty ostatnio odwiedzonej, refresh - odwieanie karty. noop - nic nie rób 17

Przyklad przejcie na inn kart <?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="k1" onenterforward="#k2"> <card id="k2"> <p> jestem sobie 2 </wml> Technologia WAP. Jzyk WML(18) Przykład dotyczy zdarzenie onenterforward, wywoływanego po wejciu na now kart. Jak wida nazw zdarzenia wprowadza si w znaczniku <card>. <card id="k1" onenterforward="#k2"> Po wejciu na kart k1, zdarzenie onenterforward nastpuje przekierowanie na kart k2. Znajduje si na niej prosty akapit informujcy o fakcie przejcia na t kart: <p> jestem sobie 2 Ekran emulatora pokazuje, iz pojawia si na nim karta k2. 18

Przyklad - odliczanie czasu <?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="k1" ontimer="#k2"> <timer value="30"/> <p> ja bede tylko 3 sekundy <card id="k2"> <p> wskoczylam na miejsce tamtej </wml> Technologia WAP. Jzyk WML(19) Przykład dotyczy zdarzenia ontimer. Nazw zdarzenia wprowadza si w znaczniku <card>, akcj jest przekierowanie do karty k2. <card id="k1" ontimer="#k2"> Czas do odliczenia wprowadzany jest w znaczniku <timer value="30"/> Jednostk czasu jest 1/10 sekundy, tak wic wprowadzona warto oznacza 3 sekundy. Po wejciu na kart k1 pojawia si napis ja bd tylko trzy sekundy. Po upłyniciu czasu równego 3 sekundom uruchamiane jest zdarzenie ontimer i nastpuje przejcie na kart k2. Na ekranie emulatora pojawia si tekst wskoczyłam na miejsce tamtej. 19

Przykład zdarzenie DO <?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="k1" title="karta121"> <P> <do type="accept" label="dalej idz"> <go href="#k2"/> </do> <P/> <do type="prev" name="previous" label="wstecz"> </do> <card id="k2" title="karta121"> <p>kiss<p/> </wml> Technologia WAP. Jzyk WML(20) Przykład pokazuje wykorzystanie zdarzenia DO. Zwizane jest ono z kart k1. <do type="accept" label="dalej idz"> Ustawienie parametrów DO powoduje, e po wybraniu opcji Dalej idz nastpuje przejcie do karty k2 <go href="#k2"/> Z kolei wybranie opcji Wstecz powoduje przejcie do karty, z której karta k2 była wywołana. <do type="prev" name="previous" label="wstecz"> W tym przypadku bdzie to karta k1. Ekrany emulatora, pokazujce wybór opcji Dalej idz i Wstecz przedstawiono na rysunku. 20

Formularze! "#$%&'"#'"( )*+,"-+. / 0""1 2-335**% /- 9 + +/**:+**-" " "2-3 " Technologia WAP. Jzyk WML(21) Na stronach WAP mona stosowa formularze słuce do wprowadzania danych, bd wyboru z pewnej puli dostpnych opcji. Mona wykorzysta w tym celu nastpujce znaczniki: <input> pole tekstowe do wprowadzania danych. Posiada parametr okrelajcy typ pola oraz parametr nazwa. Inne parametry mog okrela jego długo, liczb wprowadzanych znaków oraz formatowa wprowadzone dane. <select> <option></select> - pole wyboru, które umoliwia wyselekcjonowanie pojedynczej opcji. <select multiple= true > <option></select> - pole wyboru, które umoliwia wyselekcjonowanie wielu opcji. W przykładzie pokazano działanie formularza z polem <input> o nazwie imie. <input type="text" name="imie"/> Ekran emulatora pokazuje pole imie gotowe do wprowadzenia danych. 21

Formularze-przykład <wml> <card id= k1" title= Formularz"> <do type="accept" label= Wrozba"> <go href="#k2"/> </do> <p> <select name= imie"> <option value= Zosia">caluje</option> <option value= Basia">kocha</option> <option value= Kasia">lubi</option> </select> <card id= k2" title= Wrozba"> <p> Wybrank twego serca jest: $(imie) </wml> Technologia WAP. Jzyk WML(22) Powyszy fragment kodu zawiera formularz, znajdujcy si na karcie k1, a złoony z pola select posiadajcego trzy opcje do wyboru: <select name="name"> <option value="html">html Tutorial</option> <option value="xml">xml Tutorial</option> <option value="wap">wap Tutorial</option> </select> Po wybraniu opcji Wrozba, nastpuje przejcie do karty k2, za co odpowiada poniszy fragment kodu: <do type="accept" label= Wrozba"> <go href="#k2"/> </do> W karcie drugiej (k2) zaimplementowano obsług wywietlania wartoci zmiennej imie. Odpowiada za to linia: Wybrank twego serca jest: $(imie) Prosz zwróci uwag, i nazwa zmiennej imie jest tosama z nazw pola typu select na karcie k1. Wywietlona zostanie warto parametru value wybranej opcji. 22

Wysyłanie formularza <?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="p1" title="formularz"> <do type="accept" label="wyslij"> <go href="dodaj.php?imie=$(imie)&naz=$(nazwisko)"/> </do> <p>podaj imie:<input name="imie"/><br/> Podaj nazwisko:<input name="nazwisko" /> </wml> Technologia WAP. Jzyk WML(23) Przykład pokazuje wysłanie formularza. Składa si on z dwóch pól tekstowych o nazwach imie i nazwisko. Podaj imie:<input name="imie"/><br/> Podaj nazwisko:<input name="nazwisko" /> Po wprowadzeniu danych uytkownik moe wybra opcj Wyslij, co jest obsługiwane przez zdarzenie DO. <do type="accept" label="wyslij"> Nastpuje wówczas wywołanie akcji GO i przekierowanie na stron dodaj.php. <go href="dodaj.php?imie=$(imie)&naz=$(nazwisko)"/> Zostaj równie przekazane, jako parametry GET, wartoci wprowadzone w pola tekstowe imie i nazwisko. Na uwag zasługuje fakt, e przekazanie parametrów przez POST jest w tej technologii niemoliwe. 23

Połczenie z PHP <?php header ("Content-type: text/vnd.wap.wml"); echo "<?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= k1" title= Wyswietlamy goscia"> <p align="center">witaj <? echo ( Wprowadzony: $imie $naz );?> </wml> Technologia WAP. Jzyk WML(24) Przykład pokazuje moliwo połczenia strony WML z PHP. W karcie k1 umieszczono wycentrowany paragraf, zawierajcy skrypt PHP. Składa si on z jednej instrukcji echo <? echo ( Wprowadzony: $imie $naz );?> wypisujcej na ekranie wartoci zmiennych imie i nazwisko, przekazanych przez GET ze strony z formularzem. 24

Połczenie telefoniczne <?xml version="1.0"?> <!DOCTYPE wml PUBLIC "- //WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/dtd/wml_1.1.xm l"> <wml> <card id="p1" title="formularz"> <p> <a href="wtai://wp/mc;602834255">call me</a> </wml> Technologia WAP. Jzyk WML(25) Powyszy przykład pokazuje sposób umieszczenia na stronie WAP odnonika do numeru telefonu. Po podwietleniu opcji call me i naciniciu zielonego przycisku na telefonie, nastpi połczenie z wybranym numerem. Niestety na emulatorze tego efektu uzyska si nie da... 25

Dzikuj za uwag Technologia WAP. Jzyk WML(26) 26