Sve o Wapu i izradi Wap stranica: 1-dio

Da li ste možda ikad zamišljali da imate svoju Wap stranicu, možda jeste, ali se niste htjeli upuštati u njenu izradu jer niste znali ništa o tome? Zato ćemo vam kroz ovaj tekst objasniti neka osnovna značenja WML jezika, njegovu upotrebu u pravljenju Wap stranica i prve korake za uspješno postavljanje na Wap-u (Wireless Application Protocol). Za početak objasnit ćemo šta je wml jezik i šta vam je sve potrebno za pravljenje takvih stranica.

Šta je WML?

WML (Wireless Markup Language) je jezik koji služi za izradu Wap stranica. U suštini je sličan HTML (HyperText Markup Language) jeziku, tj. jeziku za izradu Web stranica, a tko ga bar malo poznaje neće imati problema u radu s WML jezikom. Ovaj jezik je posebno napravljan kako bi se mogao prikazivati samo na mobilnim terminalima, jer da se je koristio html već bi bilo problema za prikazivanje na nekim uređajima jer je HTML dosta napredniji i zahtjevniji, a prije svega to sve otežavaju razne Java skripte, filmovi, Flash, animacije i dr., a to koliko nam je poznato nijedan mobilni uređaj ne može da izvrši. Tako je sa Wml-om uveden jedan standard koji omogućuje da se bilo koji sadržaj može prikazati na bilo kojem Wap mobitelu, npr. za prikazivanje slika koriste se posebni formati, tzv. WBMP (Wireless Bitmap), koje se mogu lako napraviti od postojećih i dobro poznatih gif, jpg, bmp i dr. Razlika je što WBMP slike mogu prikazati samo dvije boje (crno-bijela). Skriptni jezici su takođe posebno pravljeni za prikaz na mobitelima, tačnije njihov naziv je WMLScript i imaju istu funkciju kao Java, CGI ili Perl skripte za HTML jezik, samo znatno siromašnije.


Kako funkcionira jedna Wap stranica?

Prilikom pristupa nekoj Wap stranici, uz pomoć WSP (Wireless Session Protocol) protokola prvo se učita čitav niz stranica (eng. Deck), a dok će na ekranu biti prikazana samo prva stranica, odnosno karta (eng. Card). Ovaj slučaj neće biti isti ako unutar jednog decka imamo definisanu samo jednu kartu, tj. stranicu, jer u više slučaja će biti da je svaka stranica zasebno napravljena, a ne sve unutar prve, tj. unutar jednog decka. Ovo će vam sada biti malo nejasno, ali mi ćemo se bazirati na izradu stranica svaku zasebno.



Šta je sve potrebno za izradu Wap stranica?

Da bi krenuli sa izradom Wap stranica sve što vam je potrebno je: računar, odgovarajući program i pristup internetu. Podrazumjeva se da imate računar i pristup internetu, a uz to već imate i program pomoću kojeg možete praviti svoje Wap stranice. Taj program koji se sigurno nalazi na vašem računalu je jedan obični Microsoft Notepad. No, kako je ovaj program više za naprednije korisnike, jer u njega se samo upisuje wml kodovi koje treba dobro poznavati, mi ćemo vam preporučiti po nama najbolji program program za to, a to je WAPtor. WAPtor je besplatan i može se skinuti sa lokacije, http://www.wapdrive.com/DOCS/downloads/wd-waptor23.exe. Prilikom izrade stranica sa ovim programom nije potrebno nikakvo poznavanje wml kodova, jer već ima gotove funkcije (operacije) u meniju koje se naknadno dodaju. Znači, na vama ostaje samo kako ćete vaš sadržaj ubaciti unutar stranice. Još jedna velika prednost u odnosu na Notepad ovaj program ima što odmah prikazuje sa desne strane izgled vaše Wap stranice sa trenutno napisanim sadržajem, ustvari prikazuje se isti onaj sadržaj koji treba da se pokaže i na mobilnim uređajima.

Da bi se sadržaj stranice ukrasio i ponekom slikom, potrebno je imati sliku WBMP formata. Kako je već napomenuto u prijašnjem dijelu teksta WBMP su slike koje služe za prikazivanje na mobitelima, a lako se dobiju iz ostalih grafičkih formata. Na internetu se mogu naći mnogi konvertori za dobijanje WBMP slika kao i Plug In-ovi za neke najpoznatije grafičke programe, kao što su Adobe Photoshop i PaintShop Pro. Lokacija sa koje možete skinuti ove dodatke (Plug In) je http://www.telfon.net/fclick/fclick.php?fid=30, a ako želite skinuti jednostavniji konvertor, tj. program koji je nama, moramo priznati dosta dobro poslužio, onda otiđite na lokaciju http://www.telfon.net/fclick/fclick.php?fid=29. Ovaj program se naziva Pic2Wbmp.



Nakon što ste se naružali svim potrebnim za početak vašeg rada, preostaje da vas uputimo u svijet WML koda.



Vaša prva WML stranica

Wap stranicu je mnogo lakše napraviti od Web stranice, jer za web stranice pored sadržaja koji će biti publiciran treba napraviti što bolji i prikladniji dizajn, jer je to jedan od osnovnih razloga za privlačenje posjetitelja. Slučaj za Wap stranice je mnogo jednostavniji, jer uostalom ne trebate pripremati nikakav dizajn, nema nikakvih tabela sa obojenim linijama, logotipova, niti ukrašenih slova. Sve što treba da uradite je da uredno posložite linkove ili tekstove unutar wml stranice radi lakše navigacije, a lijek za privlačenje posjetilaca je zanimljiv i redovno ažuriran sadržaj.

Ako ste skinuli gore opisani program WAPtor, možemo krenuti sa radom, kao i ako ste se odlučili raditi u Notepad-u.

Nakon pokretanja programa i otvaranja novog dokumenta (deck) za rad, vidjet ćete već napisane wml kodove u stranici. Na vrhu se nalazi jedan od osnovnih sadržaja svake wml stranice, a on ovako izgleda:

<?xml version="1.0"?>

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

Ovo je samo jedan od nekoliko konteksta koji se trebaju nalaziti u svakoj wml stranici. Ostali se baziraju na pojedinim wml naredbama kako bi mobilni uređaj uredno pročitao sve podatke sa stranice. Prilikom pisanja wml kodova treba biti veoma pažljiv, jer mala greška će rezultirati tome da se neće pravilno učitati na uređaju, a za kontrolisanje pomaže kako je već opisano WAPtor koji sadržaj stranice prikazuje sa desne strane.

Pored osnovnog konteksta svake stranice koji je već naveden, trebaju se nalaziti dvije naredbe koje označavaju početak i kraj wml dokumenta:

<wml>

</wml>

Ove naredbe, tj. tagovi moraju se obavezno pisati malim slovima, jer u suprotnom rezultiraju grešci koja će se pojaviti na ekranima Wap mobitela. Sav ostatak wml koda mora se nalaziti unutar dvije navedene naredbe, kao što je slučaj u HTML jeziku sa naredbama <html> i </html>.

Još jedna od naredbi koja treba da se nalazi unutar svake stranice je definisanje karata (card), naredbe koje označavaju jednu kartu (stranicu) su:

<card>

</card>

Naredbu <card> treba definisati ovako:

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

card id možete navesti imenom koje želite u maksimalnoj dužini od 8 karaktera, a ustvari predstavlja identifikacijsku oznaku karte. Pod title navodite naslov stranice, gdje ime takođe može biti po vašem izboru, ali možete ga i izostaviti, jer njegovo izostavljanje neće smetati.

Ovo su bile predstavljene osnovne naredbe svake wml stranice bez kojih stranica ne može ispravno raditi. Sada će biti prikazan sav wml kod jedne funkcionalne stranice koja sadrži 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>

Kada ovakav sadržaj wml koda prikažemo u nekom emulatoru ili kada stranica bude učitana na mobitelu, dobićemo ovo:



Tagovi <p> i </p> služe za lakšu kontrolu teksta i njegovo raspoređivanje po stranici, u našem slučaju tekst je poravnat po sredini (center), a može biti poravnat lijevo iili desno. Između ovih tagova se mogu upisivati naredbe za novi red, linkove i sve druge wml naredbe (kodove). Da bi pored teksta «Napravili smo prvu wap stranicu» napravili novi red i napisali neku drugu rečenicu (npr. Ovo je nova recenica) moramo upotijebiti naredbu <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>

Sve dosad što smo naveli su prvi i osnovni koraci u stvaranju jedne Wap (WML) stranice. U nastavku ćemo vam objasniti kako napraviti link na neku drugu stranicu. Linkovi su podvučeni dijelovi teksta koji služe za spajanje sa drugim stranicama, bilo da oni vode na neku vašu stranicu ili na neki drugi server.

Naredba za dodavanje linka je ista kao u html jeziku, dakle pišemo ovako: <a href=”drugastranica.wml”>Vas prvi link</a> ili <a href=”http://www.nekiserver.com”>Vas drugi link</a>.

Prvi navedeni link ide na lokaciju (stranicu) unutar vašeg servera, dok drugi link ide na neko drugo odredište koje se ne nalazi u vašem direkroriju, tj. na vašem serveru.

Sada ćemo ove kodove za linkove ubaciti u našu 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>

Na ekranu Wap uređaja će to ovako izgledati:



Ubacivanje slika

Ako uz neki sadržaj želite ubaciti i sliku, to radite naredbom <img src="slika.wbmp" alt="Tekst"/>, pod «tekst» upisujete svoj željeni naziv slike, dakle tekst koji će se prikazati prije učitavanja slike, kao što je slučaj kod web stranica.

Kad tu naredbu ubacimo u naš kod wml stranice, 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>

dobićemo ovo:



Prilikom konvertovanja slike iz drugih formata, pazite da rezolucija slike bude maksimalnih 100x80 pixela i veličine do 2 kb. Naša slika koju smo napravili je rezolucije 100x51 pixela i ima 667 bajtova (bytes), manje od 1 kb.

Publiciranje na server

Sad kad smo napravili naše prve WML stranice, preostaje da ih publiciramo na neki poslužitelj. To može biti i na poslužitelju na kojem već imate postavljene web stranice, a možete i naći neke besplatne na internetu. Ako ste se odlučili postaviti na vaš poslužitelj, kojeg imate otkupljenog ili držite na njemu web stranice, wml dokumente treba publicirati u posebni direktorij. Index.wml datoteka se ne smije stavljati zajedno sa index.html datotekom, jer je index.html primarna datoteka i ona će biti prva opozvana, a u tom slučaju Wap uređaj će izbaciti grešku na ekranu. Zato je najbolje da od postojeće domene (www.vašadomena.com) napravite poddomenu tipa, wap.vašadomena.com ili da napravite poseban direktorij tipa www.vašadomena.com/wap. Vaš poslužitelj na kojem su vam postavljene stranice treba imati definisane mime types (server konfiguracije) slijedećeg 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 da li su definisane ove server konfiguracije, kontaktirajte vašeg System Administratora. Uostalom, svako ozbiljnije preduzeće koje se bavi Web hostingom bi ovo trebalo imati urađeno. Kod uploada stranica sve vaše wml datoteke publicirate kao i html, dakle preko nekog FTP (File Transfer Protocol) programa.

Ako vam je ovaj postupak publiciranja zapetljan, prepočiti ćemo vas na neke besplatne poslužitelje koji veoma dobro rade i ispunjavaju sve vaše zahtjeve.

Wapdrive

Ovo je jedan od najboljih besplatnih wap poslužitelja, a nalazi se na adresi www.wapdrive.com. Prilikom našeg posjeta ovim stranicama, imali su preko 100.000 hostanih wap stranica, što je stvarno zavidan broj. Kod registriranja potrebno je navesti ime (username), a on će ujedno biti i vaša domena, tj. ime koje će se dodati na www.wapdrive.com, pa će vaša domena biti www.wapdrive.com/vašeime, ostalo što morate ispuniti je lozinka i broj vašeg mobitela. Tim je završena registracija i prelazite na vaš kontrolni panel. U tom kontrol panelu naći ćete mnoštvo opcija, kao što su: publiciranje stranica, editovanje postojećih stranica, pravljenje novih, address book, kalendar i ostalo. Uz to što vam Wapdrive omogućuje bezbrižno i besplatano stavljanje vaših stranica na njihov server, omogućuje vam i izradu wap stranica preko vašeg kontrol panela. Ovdje će izrada biti malo teža, jer je potrebno poznavati wml kod, isto kao što smo na početku teksta spomenuli za Notepad. Ipak, to nije nikakva prepreka za odustajanje od ovako dobrog servisa kakav je Wapdrive.

TagTag

Još jedan servis koji ćemo vam predstaviti nalazi se na adresi www.tagtag.com. Postupak kod odabira domene i registracije je isti kao kod Wapdrive-a, a domena će biti ovog oblika www.tagtag.com/vašeime. Ono što nas nije razveselilo kod ovog servisa je teže snalaženje na stranici, jer je potrebno neko određeno vrijeme da se snađete i da krenete sa radom. No, nakon malo više rada i vremena to će te prevazići i biti će lakše. Ono što veseli kod ovog servisa je što nudi izradu wap stranica, ali ovog puta sa svim potrebnim i gotovim opcijama izvedeno u Java aplikaciji (dodavanje linkova, slika, razmaka, novih redova i dr.). Ovaj servis dobija slabu ocijenu od naše strane, jer je zapetljaniji i teži za početnike, pa je naša preporuka da se prijavite na Wapdrive.


Pomoć pri izradi i zanimljivi tutorijali

Ukoliko se želite više posvetiti izradi Wap stranica i ako želite nešto više saznati, posjetite odličnu FAQ stranicu http://www.allnetdevices.com/faq i tutorijale na stranici http://www.wapdrive.com/DOCS/wml_tutorial/index.html ili potražite pomoć na forumu na lokaciji http://www.telfon.net/forum.


Wap emulatori i prijava stranica na pretraživače

Provjeru stranica koje ste postavili na neki server možete i pregledavati pomoću Wap emulatora ili odgovarajućih programa za Windowse ili Linux Operativne Sisteme, tzv. Wap Browseri. Na internetu se nalazi dosta Wap emulatora koji prikazuju Wap stranice, a najvrijedniji spomena su oni na lokaciji http://www.gelon.net. Ovdje će te pronaći oko 10 emulatora koji oponašaju najpoznatije Wap mobitele. Dovoljno je da kliknete na jednog i da upišete svoju ili neku drugu adresu za pregled.

Ujedno, na ovoj stranici se nalazi najpoznatiji pretraživač Wap stranica, a i vi možete prijaviti svoju, što daje šanse većoj posjećenosti.

Pogodnija rješenja za pregledavanje Wap stranica su programi koji se mogu instalirati na vaše računalo. Sa njima pregledavate Wap stranice kao što pregledavate Web stranice sa Internet Explorer-om ili Netscape-om, možete ih sačuvati ili gledati njihov Source code, što je pogodno za učenje. Najpoznatiji i najbolji Wap browser je Klondike Wap Browser, ver. 2, a možete ga skinuti sa http://www.apachesoftware.com, koji je besplatan, ali samo za osobnu upotrebu.