Kako napraviti svoju WAP stranicu
Napisao: Zoran Mrdjenovic © 2001 - 2002

Kroz ovaj cemo vam tekst objasniti neka osnovna znacenja WML jezika, njegovu upotrebu u izradi WAP (Wireless Application Protocol) stranica kojima mozete pristupati pomocu mobitela i prve korake za uspjesno postavljanje na WAP-u.

WML je napravljen specijalno za prikaz na mobilnim terminalima - s HTML-om bi bilo problema kod prikazivanja na nekim uredjajima buduci da je HTML napredniji i zahtjevniji. Dodatan bi problem predstavljale JavaScripte, filmovi, Flash, animacije i dr., a to nijedan mobilni uredjaj ne moze izvrsiti.

Tako je s WML-om uveden jedan standard koji omogucuje da se bilo koji sadrzaj moze prikazati na bilo kojem WAP mobitelu. Za prikazivanje slika se npr. koriste posebni formati, tzv. WBMP (Wireless Bitmap) slike koje se mogu lako napraviti od postojecih i dobro poznatih gif, jpg, bmp i dr. Razlika je sto WBMP slike mogu prikazati samo dvije boje (crnu i bijelu). Skriptni jezici su takodje posebno pravljeni za prikaz na mobitelima, tocnije njihov naziv je WMLScript i imaju istu funkciju kao Java, CGI ili Perl skripte za HTML jezik, samo znatno siromasnije.

Potreban vam je kompjuter, odgovarajuci program i pristup internetu. Kao program mozete koristiti obicni Microsoft Notepad no njega ce vise koristiti napredniji korisnici koji dobro poznaju WML jezik.

Pocetnicima i svima koji ne vole rucno upisivanje kodova preporucit cemo WAPtor, po nama najbolji WAP alat (besplatan je). Prilikom izrade stranica s ovim programom nije potrebno nikakvo poznavanje WML-a jer se gotove funkcije (operacije) vec nalaze u meniju, a mogu se i naknadno dodavati. WAPtor ima i trenutni prikaz izgleda vase WAP stranice.

Da bi se sadrzaj stranice ukrasio i ponekom slikom, potrebno je imati sliku u WBMP formatu. Kako je vec napomenuto u prijasnjem dijelu teksta, WBMP su slike koje sluze za prikazivanje na mobitelima, a lako se dobiju iz ostalih grafickih formata. Na internetu se mogu naci mnogi konverteri (npr. Pic2WBMP) za dobijanje WBMP slika, kao i Plug In-ovi za neke najpoznatije graficke programe kao sto su Adobe Photoshop i PaintShop Pro. Evo kako izgleda sucelje Pic2WBMP programa.

Vasa prva WML stranica

WAP stranica funkcionira tako da se prilikom pristupa nekoj WAP stranici, uz pomoc WSP (Wireless Session Protocol) protokola prvo ucita citav niz stranica (eng. Deck), dok ce na ekranu biti prikazana samo prva stranica, odnosno karta (eng. Card). Ovo ne vrijedi ako unutar jednog decka imamo definiranu samo jednu kartu, tj. stranicu (cesce ce biti da je svaka stranica zasebno napravljena, a ne sve unutar prve, tj. unutar jednog decka). U ovom vodicu cemo krenuti upravo od tog drugog primjera, dakle od izrade zasebnih stranica.

Wap stranicu je mnogo lakse napraviti od web stranice jer za web stranice pored sadrzaja treba napraviti sto bolji i prikladniji dizajn. Kod WAP stranica nema nikakvih tabela s obojenim linijama, logotipova, niti ukrasenih slova. Trebate samo uredno posloziti linkove ili tekstove unutar WML stranice radi lakse navigacije, a lijek za privlacenje posjetilaca je zanimljiv i redovno azuriran sadrzaj.

Ako ste skinuli gore opisani program WAPtor ili koristite Notepad, mozemo krenuti s radom.

Nakon pokretanja programa i otvaranja novog dokumenta (deck) za rad, vidjet cete vec napisane WML kodove u stranici. Na vrhu se nalazi jedan od osnovnih (i obaveznih) sadrzaja svake WML stranice, a on izgleda ovako:

<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN"
 "http://www.wapforum.org/DTD/wml_1.1.xml">

Prilikom pisanja WML kodova treba biti veoma pazljiv jer ce mala greska rezultirati u tome da se stranica nece pravilno ucitati na uredjaju. Za kontroliranje mozete koristiti WAPtor koji prikazuje kako ce stranica izgledati na mobitelu.

Svaka WAP stranica treba sadrzavati i dva taga koji oznacavaju pocetak i kraj WML dokumenta:

<wml>
</wml>

Ovi tagovi moraju se obavezno pisati malim slovima jer ce u suprotnom doci do greske koja ce se pojaviti na ekranima WAP mobitela.

Ostatak WML koda mora se nalaziti unutar <wml> tagova, bas kao sto se u HTML-u sav sadrzaj nalazi unutar <html> i </html> tagova.

Jos jedan obavezni tag je definiranje karata (card). Tagovi koji oznacavaju jednu kartu (stranicu) su:

<card>
</card>

Tag <card> treba definirati ovako:

<card id="cardID" title="Ime Karte">

Card id mozete navesti imenom koje zelite u maksimalnoj duzini od 8 karaktera, a ustvari predstavlja identifikacijsku oznaku karte. Pod title navedite naslov stranice po vasem izboru, a mozete ga i izostaviti jer njegovo izostavljanje nece smetati.

Ovo su bili osnovni tagovi svake WML stranice bez kojih stranica ne moze ispravno raditi.

Evo primjera WML koda jedne funkcionalne stranice koja sadrzi tekst "Napravili smo prvu wap stranicu":

<?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="MainCard" title="Probna stranica">
<p align="center">
Napravili smo prvu wap stranicu
</p>
</card>
</wml>

Tagovi <p> i </p> sluze za laksu kontrolu teksta i njegovo rasporedjivanje po stranici. U nasem slucaju tekst je poravnat po sredini (center), a moze biti poravnat lijevo ili desno. Izmedju ovih tagova se mogu upisivati tagovi za novi red, linkove i svi drugi WML kodovi.

Da biste pored teksta "Napravili smo prvu wap stranicu" napravili novi red i napisali neku drugu recenicu (npr. "Ovo je nova recenica"), moramo upotrijebiti tag <br/> (break). Evo kako to izgleda:

<wml>
<card id="MainCard" title="Probna stranica">
<p align="center">
 Napravili smo prvu wap stranicu<br/>
 Ovo je nova recenica
</p>
</card>
</wml>

Linkovi su podvuceni dijelovi teksta koji sluze za spajanje s drugim stranicama, bilo da oni vode na neku vasu stranicu ili na neki drugi server.

Naredba za dodavanje linka je ista kao u HTML-u, dakle pisemo ovako:

<a href="drugastranica.wml">Vas prvi link</a>

ili

<a href="http://www.nekiserver.com">Vas drugi link</a>

Prvi link ide na stranicu unutar vaseg servera, dok drugi link ide na neko drugo odrediste koje se ne nalazi u vasem direktoriju, tj. na vasem serveru.

Sada cemo ove kodove za linkove ubaciti u nasu prvu WML stranicu.

<wml>
<card id="MainCard" title="Probna stranica">
<p align="center">
 Napravili smo prvu wap stranicu<br/>
 Ovo je nova recenica<br/>
<a href="drugastranica.wml">Vas prvi link</a><br/>
<a href="http://www.nekiserver.com">Vas drugi link</a>
</p>
</card>
</wml>

Evo kako ce to izgledati na ekranu WAP uredjaja:

Ako uz neki sadrzaj zelite ubaciti i sliku, to radite naredbom <img src="slika.wbmp" alt="tekst"/>. Pod "tekst" upisujete svoj zeljeni naziv slike, dakle tekst koji ce se prikazati prije ucitavanja slike, kao sto je slucaj kod web stranica.

Taj kod sa slikom, npr:

<wml>
<card id="MainCard" title="Probna stranica">
<p align="center">
 Postavili smo nasu sliku<br/>
<img src="slika.wbmp" alt="Nasa slika"/>
</p>
</card>
</wml>

...izgleda ovako:

Prilikom konvertiranja slike iz drugih formata pazite da rezolucija slike bude maksimalnih 100x80 pixela i velicine do 2 kb.

Sad kad smo napravili nase prve WML stranice, preostaje da ih posaljemo na neki server. To moze biti i na serveru na kojem vec imate postavljene web stranice, a mozete naci neke besplatne na internetu.

Ako ste se odlucili postaviti stranice na vas server, WML dokumente treba staviti u posebni direktorij. Index.wml datoteka se ne smije stavljati zajedno sa index.html datotekom jer je index.html primarna datoteka i nju ce server pozvati prvu i u tom slucaju Wap uredjaj ce izbaciti gresku na ekranu. Zato je najbolje da od postojece domene (www.vasadomena.com) napravite poddomenu tipa wap.vasadomena.com ili da napravite poseban direktorij tipa www.vasadomena.com/wap.

Vas server treba imati definirane mime types (server konfiguracije) sljedeceg oblika:

text/vnd.wap.wml wml
application/vnd.wap.wmlc wmlc
text/vnd.wap.wmlscript wmls
application/vnd.wap.wmlscriptc wmlsc
image/vnd.wap.wbmp wbmp

Ukoliko ne znate jesu li definirane ove server konfiguracije, kontaktirajte vaseg system administratora. Svaka ozbiljnija web hosting tvrtka bi ovo trebalo imati vec sredjeno.

Kod uploada WML stranica koristite neki FTP (File Transfer Protocol) program.

Provjeru stranica koje ste postavili na neki server mozete pregledavati i pomocu online WAP emulatora ili odgovarajucih programa za Windowse ili Linux, tzv. WAP browsera. Na internetu se nalazi dosta WAP emulatora, a najbolji su oni na lokaciji http://www.gelon.net. Ovdje cete pronaci oko 10 emulatora koji oponasaju najpoznatije WAP mobitele. Dovoljno je da kliknete na jednog i da upisete svoju ili neku drugu adresu za pregled.

Na ovom sajtu se ujedno nalazi najpoznatiji pretrazivac WAP stranica - prijavite i vi svoju.

Pogodnija rjesenja za pregledavanje WAP stranica jesu programi koji se mogu instalirati na vase racunalo. S njima pregledavate WAP stranice kao sto pregledavate web stranice s Internet Explorerom ili Netscapeom. Mozete ih snimiti i gledati njihov source code, sto je pogodno za ucenje. Najpoznatiji i najbolji WAP browser je Klondike WAP Browser, ver. 2 (besplatan je za osobnu upotrebu)

Ako vam je postupak publiciranja zapetljan, preporucit cemo vam neke besplatne servere koji jako dobro rade i ispunjavaju sve vase zahtjeve.

Wapdrive - jedan od najboljih besplatnih wap posluzitelja. Kod registriranja je potrebno navesti korisnicko ime koje ce ujedno biti i vasa domena, pa ce vasa domena biti www.wapdrive.com/vaseime. Imate mogucnost uploada stranica, editiranja postojecih i izrade novih stranica; tu je i address book, kalendar i ostalo.

TagTag - domena ce biti oblika www.tagtag.com/vaseime. Servis ima mogucnost izrade WAP stranica sa svim potrebnim i gotovim opcijama.

Ukoliko se zelite vise posvetiti izradi WAP stranica i ako zelite nesto vise saznati, posjetite odlicnu FAQ stranicu http://www.allnetdevices.com/faq i vodic na Wapdrive.com. Pomoc mozete potraziti na Telfon.net forumu.

Sajtovi o mobilnim komunikacijama dobra su solucija za naprednije ucenje:

Telfon.net - tu su redovito azurirane vijesti, logotipovi za Nokiu, Siemens i Ericsson koje mozete downloadirati na svoj mobitel, zatim Java Midleti za Siemens SL45i i uputstvo za njihovo instaliranje, provjera i slanje emaila, linkovi, razne igre i informacije o autoru i wap sajtu. Ovo je svakako jedna od nasih preporuka za sve one koji zele biti u trendu sa mobilnim komunikacijama i njenim tehnologijama.

Hej.hr - jedan od prvih portala koji se pojavio na nasim prostorima i trenutno jedan od najpoznatijih. Izmedju ostalog sadrzi i redovito azuriranu sekciju o mobilnim komunikacijama.

Hr.MOBIL - pored novosti, mozete naci linkove i pojmovnik o mobilnim komunikacijama (nove tehnologije prijenosa podataka, GSM kratice i ostalo).

O autoru:

Zoran Mrdjenovic (zoran@telfon.net) - je rodjen 1982. godine i prvenstveno se bavi sportom i racunalima. Web dizajnom se bavi nekih 14 mjeseci i u tom periodu je napravio nekoliko radova od kojih je najvrijedniji spomena onaj na www.telfon.net. Pise za magazin Mobil, kao i za razne web sajtove.