15. 4. 2014

WAP stránky 1

WAP stránky 1

WAP je stará technológia pre zobrazenie stránok v starších mobilných telefónoch (napr nokia 3510).
Využíva xml tagy (ako html stránky), avšak zväčša iné. Stránka musí byť validná (nemôže chýbať uzavretie tagu, preklep v tagu atď), inak ju telefón vôbec nezobrazí. Ponúka prehľadnosť, potrebuje len malé prenosy dát a jednoducho sa v ňom naviguje telefónom.




Podpora

  1. "hlúpe" telefóny (nokia, sony ericsson, ..) nie úplne najnižšej rady obsahujúce podporu GPRS (kôli MMS) majú zvyčajne zabudovaný WAP prehliadač, optimalizovaný pre rýchlu navigáciu po stránke šípkami a číslami telefónu
  2. smartphone - zabudovaný browser nepodporuje WAP stránky, avšak je možné doinštalovať prehliadač opera mini alebo opera mobile
  3. PC - prehliadač opera (do verzie 12, teda pôvodné jadro presto), pluginy do firefoxu

Prenos dát

Pre použiteľné browsovanie je potrebné mať nastavené funkčné GPRS pripojenie. Toto je účtované od prenesených dát a nie času zobrazenia stránky.
Priemerná stránka by mala mať kapacitu do 1400 bytes (WAP1) kôli limitu niektorých starších telefónov. Pri týchto veľkostiach ide pri cene pripojenia predplatenky bez zaplateného dátového balíka o 2e/MB, teda 0,2c/KB.


Webhosting

Statické a dynamické stránky sa na webhosting umiestňujú podobne ako pri html stránkach v dvoch formátoch (resp podľa programovacieho jazyka):


1. Statická stránka


index.wml
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>
<head>
<meta http-equiv="Cache-Control" content="max-age=1800"/>
</head>
<card id="menu" title="TEST">
<p align="center">
testy stránok<br />
<a href="den.php">planovac</a><br />
<a href="kalend.wml">kalendar</a><br />
</p></card>
</wml>

Statická stránka má koncovku .wml a obsahuje na začiatku xml hlavičku s popisom wml verzie.

Stránka je uzavretá v tagoch <wml>.
Nepovinná sekcia <head> obsahuje meta tagy s nastavením cache.

<card id="menu" title="test">
Nasleduje jedna, alebo viac kariet v tagoch card. Karty slúžia na načítanie viacerých podstránok jedným stiahnutím. Medzi nimi je možné linkovať. Čiastočne to kompenzuje nevýhodu dlhej odozvy medzi kliknutím na linku a zobrazením ďalšej stránky. Toto je vhodné najmä pre zorganizovanie stránky na statické podsekcie, čím sa sprehľadní navigácia na malých displejoch.

id premenná v card tagu je povinná a využíva sa pri linkovaní (za znakom #, v tomto prípade #menu)
title premenná sa zobrazuje v hlavičke stránky, zobrazuje ju WAP browser

<a href="kalend.wml">kalendar</a>
Linkovanie funguje podobne ako v prípade html stránok. Je vhodné neuvádzať celú cestu kôli šetreniu každým bajtom stránky.
Občas sa používa premenná accesskey ako klávesová skratka pre kliknutie na linke priamo tlačidlom telefónu.
<a accesskey="4" href="r">spravy</a>

<br />
Vloží znak pre nový riadok, musí byť uzavretý ako XML tag.

<p align="center">text</p>
Rovnako ako v html ide o sekciu textu "paragraph". Akýkoľvek text na stránke by mal byť v týchto tagoch. Premenná align je nepovinná a nastavuje zarovnanie textu v danej sekcii.

<img src="./mg.png" alt="Meteogram"/>
V prípade vkladania obrázkov je potrebné myslieť na alternatívny text ktorý by mal byť dostatočne opisný ak má niekto vypnuté načítavanie obrázkov kvôli šetreniu dát, alebo ak obrázok vypadne.
Novšie telefóny podporujú okrem štandardných čiernobielych wbmp obrázkov aj GIF, PNG a JPG. Obrázok by mal mať malé rozlíšenie vhodné pre telefónnu obrazovku (napr 120x80). Dôležitá je tiež malá kapacita (najlepšie do 10KB) kvôli rýchlosti načítavania a cene prenesených dát.


2. Dynamická stránka


Dynamické stránky sú rovnako ako v prípade klasického webu generované napríklad cez PHP jazyk. Ten generuje rovnaký kód ako je v statických wml súboroch, avšak hlavičku posiela odlišným spôsobom.


<?php
header("Content-type: text/vnd.wap.wml\n");
header("Cache-Control: max-age=1800\n\n");
print('<?xml version="1.0" encoding="utf-8" ?>');
?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN"
"http://www.wapforum.org/DTD/wml_1.1.xml">

<wml>
...

Nabudúce práca s formulármi..

Žiadne komentáre:

Zverejnenie komentára