WAP A Wireless Application Protocol (WAP) a vezetéknélküli eszközök (pl. mobiltelefonok, PDA-k) számára készített alkalmazások nemzetközi szabványa. A WAP lehetővé tette, hogy a mobiltelefon tulajdonosok a hagyományos beszédátvitel mellett különböző információk lekérésére is használhassák telefonjaikat (menetrendek, időjárás jelentés, árfolyamok, mozi műsorok, banki és egyéb szolgáltatások). A WAP-ot az alacsony sávszélességre, a kis memóriával és gyengébb minőségű kijelzővel rendelkező eszközökre optimalizálták. 1
WAP A szabványt a Nokia, Ericcson, Motorola és a Phone.com (Unwired Planet) által alapított WAP Forum dolgozta ki (jelenleg az Open Mobile Alliance [OMA]). http://www.openmobilealliance.org/ 2
WML (Wireless Markup Language) WML fájlok kiterjesztése a. wml. WML fájloknak a MIME-típusa (tartalomtípus) text / vnd.wap.wml. 3
A WML dokumentum felépítése <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.3//EN" "http://www.wapforum.org/dtd/wml13.dtd"> <card id="hello" title= Welcome"> <p>hello World <card> kártya, deck - pakli <p> 4
Szimulátorok - Nokia Mobile Browser Opera Mobile Emulator OpenWave Simulator http://people.vts.su.ac.rs/~chole/emobil http://validome.org https://addons.mozilla.org/en-us/firefox/addon/62 5
WML példa <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/dtd/wml_1.1.xml"> <card id="no1" title="card 1"> <p>hello World! <card id="no2" title="card 2"> <p>welcome to VTS! 6
WML példa <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.3//EN" "http://www.wapforum.org/dtd/wml13.dtd"> <card id="p" title="paragraphs"> <!-- vts info --> <p align="left"> VTS Subotica <br /><br /> <p align="right" > Marka Oreskovica 16 24000 Subotica<br /> Serbia <br /> <p align="center"> www.vts.su.ac.rs <br /> <br /> <! - comment --> 7
WML betűméret és stílus <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.3//EN" "http://www.wapforum.org/dtd/wml13.dtd"> <meta http-equiv="cache-control" content="no-cache"/> <!-- <meta http-equiv="cache-control" content="max-age=300"/> <meta http-equiv="cache-control" content="max-age=0"/> mode="nowrap" mode="wrap" --> <card id="format" title="formatting"> <p> normal<br /> <em>emphasized</em><br /> <strong>strong</strong><br /> <b>bold</b><br /> <i>italic</i><br /> <u>underline</u><br /> <big>big</big><br /> <small>small</small> <pre>e-mobil applications vts subotica </pre> <p mode="wrap"> <p mode="nowrap"> <em> </em> <strong> </strong> <b> </b> <i> </i> <u> </u> <big> </big> <small> </small> <pre> </pre> 8
WML táblázat <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.3//EN" "http://www.wapforum.org/dtd/wml13.dtd"> <card id="table" title="table"> <p> <table columns="3" align="lcr" title="vts"> <tr> <td>cell 1</td> <td>cell 2</td> <td>cell 3</td> </tr> <tr> <td> 1.1 </td> <td> 1.2 </td> <td> 1.3 </td> </tr> </table> <table> </table> <table columns="number"> <table align= LCR > <tr> </tr> <td> </td> 9
WML képek <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.3//EN" "http://www.wapforum.org/dtd/wml13.dtd"> <card title="image"> <p> Image <img src="vts.wbmp" alt="vts" />in a paragraph <!-- Wireless Bitmap (WBMP) image format. WBMP images can only contain two colors: black and white // 96*80 align="top, middle, bottom", default: bottom width height hspace - white space to the left and right of the image vspace - white space above and below the image --> <img />.wbmp Wireless Bitmap GIF 87a, GIF 89a (animated GIF), JPG, PNG 10
WML képek.wbmp Wireless Bitmap GIF 87a, GIF 89a (animated GIF), JPG, PNG 11
WML hiperhivatkozások <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.3//EN" "http://www.wapforum.org/dtd/wml13.dtd"> <card id="a1" title="anchor Tag"> <p> <anchor>next page <go href="3.wml"/> </anchor> <br /> <anchor>info <go href="#a2"/> </anchor> <card id="a2" title="info"> <p>info card<br />links <anchor> <go /></anchor> 12
WML hiperhivatkozások <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.3//EN "http://www.wapforum.org/dtd/wml13.dtd"> <card id="c1" title="links"> <p> <a href="6.wml#a2">relative link - 6.wml</a> <br /> <a href="http://people.vts.su.ac.rs/~chole/emobil/examples1/6.wml">absolute link - 6.wml</a> <br /> <a href="#c2">info card</a> <card id="c2" title="info"> <p>info card2<br />links2 <a> </a> 13