CLT132 Mobiilit sivunkuvauskielet WML ja cHTML (viikko 5)
CLT132 – kevät 2008Sauli Nurmi Yleistä mobiiliasiasta Mobiilit sivunkuvauskielet ovat erinomainen esimerkki siitä, miten samat, jo opitut perusperiaatteet toimivat myös muissa SGML- varianteissa kuin (X)HTML:ssä Tämä asia ei kuitenkaan ole nimenomaisesti tämän kurssin oleellista sisältöä, joten jos asiapaljouden yms. takia jokin asia täytyy jättää vähemmälle huomiolle (tai kokonaan oppimatta), olkoon tämä se asia...
CLT132 – kevät 2008Sauli Nurmi Miksi mobiilikieliä? Nykyään puhelimet/kommunikaattorit osaavat näyttää jo tavallistakin HTML:ää melko hyvin (etenkin jos unohdetaan kikkailut JavaScriptillä, Javalla, Flashillä, yms.) Ennen oli toisin: Puhelimissa vähän muistia Hitaat prosessorit Hidas tiedonsiirto + kallis yhteysaika Kevyet sivunkuvauskielet tarjoavat mobiililaitteillekin yhteyden Internet-sivuihin
CLT132 – kevät 2008Sauli Nurmi Marginaalihupia Mobiileista sivunkuvauskielistä (ja mobiilisurffauksesta ylipäätään) ei ole tullut massojen mediaa Ongelmia hardwaressa, kustannuksissa, käytettävyydessä… Sivunkuvauskielten näkökulmasta mobiilimaailma on kuitenkin suht’ homogeeninen (ei juurikaan selainkohtaisia tagejä ja vastaavaa)
CLT132 – kevät 2008Sauli Nurmi Standardit ja käytännöt HTML ja XHTML vahvoja sanoja myös mobiilipuolella Näiden lisäksi WML ja cHTML + jotain muuta marginaalista, ehkä… Epäyhteensopivia toistensa kanssa, mutta periaatteessa yhteensopivia sisäisesti (esim. WML on WML sekä Nokian että muiden brandien malleissa)
CLT132 – kevät 2008Sauli Nurmi Todellisuudessa... Vaikka selainkohtaisia laajennuksia ei juurikaan ole, (ainakin ennen) eri puhelimet toimivat täysin eri tavoin saman sivun kanssa Vika puhelinten *ML-tuessa, ei itse kielissä Yhtä kaikki, tuloksena sivuja koodaavan nörtin ahdistus ja päänsärky…
CLT132 – kevät 2008Sauli Nurmi WML Wireless Markup Language XML:ään pohjautuva tiukasti määritelty kieli (vrt. XHTML) + WMLScript, skriptikieli, jolla voidaan toteuttaa pienimuotoista interaktiivista ohjelmointia, joka ei ole sivunkuvauskielten ominaisuus Vrt. JavaScript, tällä kursilla WMLScript sivuutetaan
CLT132 – kevät 2008Sauli Nurmi WML, jatkoa Sivunkuvauskieli, joka mahdollistaa WAP (Wireless Application Protocol) - sovellusten toiminnan Tiedosto.wml Virallinen standardi WML (sivunkuvaus), WMLScript (skriptit), wbmp (wireless bitmap, kuvien formaatti)
CLT132 – kevät 2008Sauli Nurmi WML Doctype Vanha versio <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" " Uusi(n?) versio <!DOCTYPE html PUBLIC"-//WAPFORUM//DTD WML 2.0//EN" "
CLT132 – kevät 2008Sauli Nurmi WML-erikoisuus! WML:n omituisin ominaisuus on tapa järjestää sisältö pakkaan ja kortteihin deck-”elementti” (= wml-tiedosto) card-elementti Kortit ikään kuin sivuja, joiden välillä linkitetään, vaikka sijaitsevatkin samassa pakassa (eli tiedostossa) Rajanveto sen välillä, milloin käyttää korttia ja milloin eri pakkaa on toisinaan vaikeaa…
CLT132 – kevät 2008Sauli Nurmi Esimerkkidokumentti You entered: Name: $(name) Password: $(password)
CLT132 – kevät 2008Sauli Nurmi Huomioitavaa Edellisessä esimerkissä on paljon ”turhaa” tavaraa, joka ei hyödytä HTML:n oppimisessa, koska sisältö WML-spesifistä Korttien väliset linkitykset do-elementti (käytännössä määrittää puhelimen nappulan painamisen toiminnon) Muuttujien käyttö
CLT132 – kevät 2008Sauli Nurmi Siltikin merkille pantavaa Tästäkin huolimatta, lienee jo tässä vaiheessa opittujen tietojen perusteella selvää, että esim. HTML:n ja WML:n välillä on enemmän yhtäläisyyksiä kuin eroavuuksia wml-elementti vs. html-elementti a-elementti vs. go-elementti JavaScript vs. WMLScript samat muotoiluelementit, taulukot, jne.
CLT132 – kevät 2008Sauli Nurmi Oleellista kurssin kontekstissa Vaikka WML on monilta osin hyvinkin erilaista kuin HTML, jo perustasonkin HTML-taitojen avulla pystyy ymmärtämään muita sivunkuvauskieliä, kuten WML:ää Yksittäiset tagit yms. saattavat vaihdella, mutta sivunkuvauksen peruslähtökohta ja idea on universaali!
CLT132 – kevät 2008Sauli Nurmi Harjoitus: tulkitse WML-koodi <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" " Welcome to THE GREAT SITE Next DECK Next CARD
CLT132 – kevät 2008Sauli Nurmi Lisää aiheesta WML Wireless Developer Network - WML Tutorial WAP Tutorial WAP Forum Releases WAP Software Development Kits
CLT132 – kevät 2008Sauli Nurmi Huomautus käytännön työstä Todellisuudessa WML-koodia kirjoitetaan erilaisten SDK:iden (software developement kit) avulla Usein puhelinmalleilla (ainakin suosituimmilla) on omat ohjelmansa, joilla voi simuloida toimintaa (näppäinten painalluksia yms.) Kurssin kontekstissa tyydytään perustason koodiin käsityönä…
CLT132 – kevät 2008Sauli Nurmi cHTML Siinä missä WAP/WML on syntynyt varta vasten luodun standardoinnin pohjalta, on cHTML syntynyt käytännön innovaationa NTT ドコモ (NTT DoKoMo) Japanista kehitti erityisen variantin HTML-kielestä nimenomaisesti mobiilisurffauksen tarpeisiin cHTML = compact HTML
CLT132 – kevät 2008Sauli Nurmi cHTML, jatkoa Koska cHTML on vain yhden yksittäisen yhtiön tuotos, se ei ole virallinen standardi Silti, siitä on olemassa ”epävirallinen W3C:n lausunto”, joka tekee siitä jotain enemmän kuin vain yhden yrityksen sisäisen asian “We proposed the Compact HTML for small information appliances. This contributes to the WWW community, especially for wireless and mobile small devices. Compact HTML can be referred as a recommended guideline for HTML services and for HTML browsing software in this area.”
CLT132 – kevät 2008Sauli Nurmi cHTML käytännössä cHTML on mitä nimikin antaa ymmärtää: kompakti, pelkistetty versio HTML:stä cHTML ei siis lisää juuri mitään, mutta ottaa eräitä elementtejä pois Konversio HTML -> cHTML suht’ helppoa Konversio cHTML -> HTML täysin triviaalia Toisin kuin WML, cHTML avautuu (tod.näk.) myös tavallisilla selaimilla ongelmitta Periaatteessa DOCTYPE ongelma, käytännössä ei
cHTML DOCTYPE Joku versio (ehkä uusin, ehkä ei…) (Japanin kieltä sujuvasti osaavat varmaankin löytävät jostain NTT DoKoMon sivuilta ajantasaiset speksit, jos yllä oleva on auttamattomasti vanhentunut…) CLT132 – kevät 2008Sauli Nurmi
cHTML:n filosofiaa… Toisin kuin WML:ssä, cHTML:ssä on (pitkälti) mahdollista pitää yllä HTML- yhteensopivaa rakennetta (eli pitäytyy elementeissä, jotka molemmat kielet tunnistavat Jos toimii näin, muutos HTML cHTML hoituu muuttamalla vain DOCTYPE! Mikäli huolehtii elementtien sulkemisista ja pienistä kirjaimista, käytännössä myös HTML = XHTML = cHTML CLT132 – kevät 2008Sauli Nurmi
cHTML ja iMode cHTML:n suhde iModeen on sama kuin WML:n suhde WAPiin cHTML:lle ei juurikaan (jos ollenkaan) käyttöä iModen ulkopuolella iMode taas lähinnä japanilaista hupia, eurooppalaiset kokeilut epäonnistuneita… Teoreettisella tasolla cHTML:n käyttö ei kuitenkaan ainakaan koodin yleisestä yhteensopivuudesta kiinni CLT132 – kevät 2008Sauli Nurmi
Lisää aiheesta cHTML Compact HTML for Small Information Appliances i-mode Resource Center Overview of i-mode Compatible HTML html/about/index.html CLT132 – kevät 2008Sauli Nurmi
Lopuksi WML ja cHTML edustavat erityiseen tarpeeseen luotua ”alikieltä” Yhteinen piirre: koska tarve (puhelimet) eivät tue monimutkaisia rakenteita, koodi pelkistettyä ja kevyttä Esim. ei tukea HTML:n tyylisille kehyksille WML ja cHTML hyödyllisiä tuntea, mutta melko hyödyttömiä osata… CLT132 – kevät 2008Sauli Nurmi
Viikon oleellisin asia Ymmärtää mobiilitarpeisiin luotujen sivunkuvauskielten perusidea Hahmottaa WML:n ja cHTML:n (ja vastaavien) asema sivunkuvauskielten kokonaiskartalla (Rajatussa määrin) oppia tuntemaan erityiskielten rakenne ja omaksua perusvalmius tuottaa koodia tarpeen vaatiessa