Izrada Wap stranica

Sve o Wapu i izradi Wap stranica

Napisao: Zoran Mrđenović
http://www.telfon.net

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 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>

Napravili smo prvu wap stranicu

</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 i 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 (break). Evo kako to izgleda:

<wml>

Napravili smo prvu wap stranicu

Ovo je nova recenica

</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>

Napravili smo prvu wap stranicu

Ovo je nova recenica

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

</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>

Postavili smo nasu sliku

</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.

Zanimljivi linkovi o mobilnim komunikacijama

Sada ćemo vam navesti neke linkove o mobilnim komunikacijama, koji su po svojoj sadržini zanimljivi, a za početnike dobra solucija za naprednije učenje.

Hej!

Ovo je jedan od prvih portala koji se pojavio na našim prostorima i koji trenutno jedan od najpoznatijih. Pored mnogo zanimljivih oblasti, sadrži i oblast o mobilnim komunikacijama koja je redovno ažurirana. Teme o kojima se ovdje piše su uglavnom vijesti iz svijeta komunikacija, pa ako vas zanima dobar i svakodnevni izbor novih vijesti ovo je prvo mjesto za posjetu. Njihova adresa je: http://www.hej.hr.

CroGSM

Za razliku od Hej-a pored novosti, ovdje ćete pronaći i zanimljive linkove koji vode na druge Wap prezentacije. U zadnje vrijeme nam se čini da su stali sa ažuriranjem vijesti, ali ipak ćete pronaći neke udarne vijesti koje su obilježile prošlu godinu. Da se CroGSM redovno održava privlačio bi dosta novih posjetilaca, ovako samo ostaje da posjetite i uvidite se u njihovu kreaciju. Njihova adresa je: wap.crogsm.com.

Hr.MOBIL

Hr.MOBIL je jedna od prvih web stranica koja se bavila tematikom mobilnih komunikacija. Iz toga je proizišla wap stranica koju je možemo svakome preporučiti za posjet. Pored novosti, možete naći linkove i pojmovnik o mobilnim komunikacijama (nove tehnologije prijenosa podataka, GSM kratice i ostalo). Njihova adresa je: wap.hrmobil.com.

Telfon

Dosad jedan od boljih i korisnih linkova je ovaj na adresi www.telfon.net/wap. Od ostalih odskače što ima dosta zanimljivih tema i oblasti koji su dosta korisni za sve posjetioce. Prije svega tu su redovno ažurirane vijesti, logotipovi za Nokiu, Siemens i Ericsson koje možete download-ati na svoj mobitel, zatim Java Midleti za Siemens SL45i i uputstvo za njihovo instaliranje, provjera i slanje e-maila, linkovi, razne igre i informacije o autoru i wap sajtu. Svakako ovo je jedna od naših preporuka za sve one koji žele biti u trendu sa mobilnim komunikacijama i njenim tehnologijama da posjete ovaj sajt. Njihova adresa je: www.telfon.net/wap.

Komentari

By IGOR radiocity [ at ] absolutok [ dot ] net

Pozdrav Zorane, imam mali problemcic! Hocu da napravim WAP sajt,ali ne mogu nigde da skinem WAPtor,pa ako bi ti mogao da mi posaljes na mejl?
Unapred HVALA!!!
radiocity@absolutok.net
Pozz Igor

posted at 11:35 pm, 10 January 2006

By batak batke2 [ at ] gmail [ dot ] com

aj i meni pošalji taj waptor nemogu ga naći nigdje batke2@gmail.com

posted at 7:14 pm, 13 January 2006

By Aleksandar Djordjevic djondi [ at ] sezampro [ dot ] yu

Evo i mene... probao sam da skinem ovaj program, ali ga nigde ne mogu pronaci

... Pa bih vam bio vrlo zahvalan kada biste mi ga poslali na mail adresu :

djondi@sezampro.yu

HVALA VAM

posted at 7:16 am, 14 January 2006

By Veca

Hocu da napravim WAP sajt,ali ne mogu nigde da skinem WAPtor!
Mozete li da mi kazete gde se nalazi,ne brinite u programu cu se lako snaci?!!!!

posted at 11:29 pm, 14 January 2006

By Veca

Probala sam da skinem ovaj program ali ga nigde ne mogu pronaci?Mozete mi poslati na meil:
vicanovic@absolutok.net

posted at 11:36 pm, 14 January 2006

By jasko_mc jasko_mc [ at ] hotmail [ dot ] com

Pozdrav...
Evo imam problem kao i ostali,
ne mogu nigdje da nadjem WAPtor. Pa ako moze da mi posaljete na mail:
jasko_mc@hotmail.com
hvala

posted at 1:15 am, 24 January 2006

By dmi

link:
http://web.tiscali.it/e_business/wap/download/waptor23.exe

posted at 2:49 pm, 31 January 2006

By Zoro

Link za Waptor
http://web.tiscali.it/e_business/wap/download/waptor23.exe

posted at 8:13 pm, 1 February 2006

By Viduka Dejan dejo [ at ] conex [ dot ] co [ dot ] yu

Projatelju link WAPtor nije ispravan kao sto vidis to je mnogima problem da bi naucili da prave wap prezentacije. Saljem ti ispravan link ka tom programu.
Tutorijal je odlican.

http://www.uweramm.ready3.net/files/wd-waptor23.exe

posted at 2:30 pm, 20 February 2006

By Aldin Prelic aldin [ dot ] prelic [ at ] gmail [ dot ] com

Link za download WAPtor je neispravan,mozete li mi poslati ispravan link.

posted at 8:02 pm, 6 April 2006

By Jasmin jasko_k90 [ at ] hotmail [ dot ] com

Da li znas neku stranicu kako da napravi neka slova ili stranicu gdje imaju Html da ubacim kod sebe pravim neki sajt ? pa ako mozes da mi kazes ?

posted at 2:34 pm, 15 May 2006

By Tino broklyn [ at ] net [ dot ] hr

mene zanima kako to pislati na mobitel, da se prikaže ta poruka... kako?

posted at 8:02 pm, 20 May 2006

By Nikola nikola_rus_ul [ at ] yahoo [ dot ] com

Molim vas recite mi kako da postavim forum komentari na svoj sajt?
napisite mi na e-mail
nikola_rus_ul@yahoo.com
unapred hva;la

posted at 2:27 pm, 23 May 2006

By nikola nikolalo15 [ at ] yahoo [ dot ] com

Pozdrav!!
Mozete li mi poslati waptor na e-mail posto ga ne mogu naci na netu.
Unapred zahvalan

posted at 12:16 pm, 3 July 2006

By Pedja

Hvala bogu da sam naso link za skidanje.. ceo net sam pretrazio i kakvi su to seronje da im nista ne radi na sajtu pa nemoze nista da se skine... ma uzas... hvala onom ko je postavio link...

posted at 2:14 am, 10 July 2006

By sani nikolina_144 [ at ] hotmail [ dot ] com

Interesuje me kako mogu da napravim svoju webstranucu,citala sam sve ovo ali ne ide nikako,previse je komplikovano za mene,hocu to sam da uradis...

posted at 5:25 pm, 10 July 2006

By Dalibor dalibor_za [ at ] yahoo [ dot ] com

Ja sam uspeo da napravim sajt,ali kako sad da ga aktiviram?Naravno ako postoji neki "free" server...
Hvala unapred.
Pozz

posted at 2:03 am, 14 July 2006