FI118310B - Verkkosivun esittäminen selainikkunassa ja menetelmä verkkosivun käsittelemiseksi - Google Patents

Verkkosivun esittäminen selainikkunassa ja menetelmä verkkosivun käsittelemiseksi Download PDF

Info

Publication number
FI118310B
FI118310B FI20040086A FI20040086A FI118310B FI 118310 B FI118310 B FI 118310B FI 20040086 A FI20040086 A FI 20040086A FI 20040086 A FI20040086 A FI 20040086A FI 118310 B FI118310 B FI 118310B
Authority
FI
Finland
Prior art keywords
web page
terminal
frame
browser window
frame model
Prior art date
Application number
FI20040086A
Other languages
English (en)
Swedish (sv)
Other versions
FI20040086A (fi
FI20040086A0 (fi
Inventor
Mikko Maekelae
Original Assignee
Nokia Corp
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Nokia Corp filed Critical Nokia Corp
Priority to FI20040086A priority Critical patent/FI118310B/fi
Publication of FI20040086A0 publication Critical patent/FI20040086A0/fi
Priority to US11/040,829 priority patent/US7581174B2/en
Priority to PCT/FI2005/050010 priority patent/WO2005071567A1/en
Priority to EP05701765A priority patent/EP1706829A1/en
Priority to KR1020067014664A priority patent/KR100853281B1/ko
Publication of FI20040086A publication Critical patent/FI20040086A/fi
Application granted granted Critical
Publication of FI118310B publication Critical patent/FI118310B/fi

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation
    • G06F16/9577Optimising the visualization of content, e.g. distillation of HTML documents
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06QINFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q50/00Systems or methods specially adapted for specific business sectors, e.g. utilities or tourism
    • G06Q50/10Services

Description

118310
VERKKOSIVUN ESITTÄMINEN SELAIN IKKUNASSA JA MENETELMÄ VERKKOSIVUN KÄSITTELEMISEKSI
Nyt esillä oleva keksintö kohdistuu verkkosivujen käsittelemiseen nii-5 den esittämiseksi päätelaitteen selainikkunassa ja erityisesti sellaisten verkkosivujen esittämiseen, jotka käsittävät kehysmallin sisällön jakamiseksi. Keksintö kohdistuu näin ollen menetelmään, järjestelmään ja päätelaitteeseen tämän toteuttamiseksi. Edelleen keksintö kohdistuu muunnosyksikköön sekä tietokoneohjelmaan.
10
Tietoverkoissa siirrettäviä sisältösivuja (myöh. verkkosivuja), kuten In-ternet-sivuja, voidaan selata jossain määrin useantyyppisillä kannettavilla päätelaitteilla. Silloin, kun verkkosivuja selataan pienikokoisilla kannettavilla päätelaitteilla (esim. matkapuhelimet, PDA-laitteet, kom-15 munikaattorit), joiden näyttö on kooltaan rajallinen, tulee selattavaa verkkosivua usein muokata näytölle sopivaksi. Joissakin tilanteissa esimerkiksi kuvia tai tekstiä voidaan muokata yksinkertaisemmiksi esimerkiksi pienentämällä tekstin fonttia tai esittämällä kuva linkkinä kyseiseen kuvaan. Verkkosivuilla on myös muita elementtejä, jotka tulisi 20 käsitellä ennen esittämistä mainitun kaltaisella näytöllä. Yksi tällainen :elementti on nk. kehysmalli (engl. frameset), jota käytetään sivulla esi-jYj tettävän sisällön jakamiseen. Kehysmalli koostuu kehyksistä (engl.
;·*·\ frames), joiden avulla verkkosivusta saadaan selkeämpi ja helpommin .·*·. ylläpidettävä. Jaetun sisällön lataaminen selaimelle voi viedä lisäksi *"* 25 vähemmän aikaa kuin kokonaisen.
• * * • * · · • * * *—* Eräs yksinkertainen esimerkki kehyksien käytöstä esitetään seuraa- vaksi. Tässä esimerkissä verkkosivu käsittää kaksikehyksisen kehys-mallin: • · · : : 30 * · · <FRAMESET COLS="28%, *"> <FRAME NAME=“Frame1" SRC="Content1 .html"> . * <FRAME NAME="Frame" SRC="Content2.html" > 0*: </FRAMESET> • · 35 2 118310
Edellä esitetty on hyvin yksinkertainen esimerkki kehysmallista; luonnollisesti kehyksien kuvaukseen voidaan käyttää myös muita attribuutteja. Esimerkissä <FRAMESET> määrittää missä suhteessa verkkosivulla esitetyt kehykset jakavat näytön. Esimerkin <FRAME> määrittää 5 kehyksen tarkemmin ja kertoo mistä kyseiseen kehykseen haetaan sisältö. Tämänkaltainen verkkosivu on tyypillisesti sovitettu tietokoneen (PC) tai vastaavan näytölle, jolloin selainikkunan vastatessa näytön kokoa, sivun sisältö näkyy kokonaan. On kuitenkin huomattava, että käyttäjän itse säätäessä (pienentäessä) selainikkunaa, kehyksien sisältö ei 10 mahdu täydellisesti näkymään. Sama ongelma, mutta vielä selvemmin, tulee esille kun tämänkaltainen sivu esitetään fyysisesti pienemmällä näytöllä, kuten esim. em. päätelaitteissa, joiden selainikkuna on näytön rajallisuuden vuoksi pieni.
15 Kehysmallin esittämiseksi kannettavan päätelaitteen näytöllä on jo kehitetty joitakin ratkaisuja. Tunnetut langattomien päätelaitteiden verk-kosivuselaimet voivat esittää kaikki kehykset yhden selainikkunan sisällä, jolloin käyttäjä voi itse valita, minkä kehyksen sisältö avataan koko selainikkunaan. Sivua on myös mahdollista katsoa siten, että kaikki 20 kehykset näkyvät kerralla, jolloin pitää valita, minkä kehyksen sisältöä halutaan selata. Tämän lisäksi kehyksen kokoa on mahdollista muuttaa : dynaamisesti, esimerkiksi tarttumalla kehyksen reunaan ja siirtämällä :Y: sitä. On selvää, että tämänkaltaiset ratkaisut lisäävät käyttäjäsyötteiden m · .···. määrää ja lisäksi ensimmäisen vaihtoehdon kohdalla verkkosivun sy- .···. 25 vyysrakenne häviää, jolloin sivun tarjoaman sisällön määrä on vaikeasti "I hahmotettavissa.
··· φ ·»· • φ *···* Vastaavasti, eräät tunnetut langattomien päätelaitteiden verkkosivuse- laimet (erityisesti yksinkertaiset tekstipohjaiset selaimet) esittävät ke-.»:* 30 hykset tekstipohjaisina linkkeinä. Käyttäjä voi valita selattavan kehyk- sen sitä vastaavasta linkistä <A HREF=”content1.html”>Link-to-content1</A> kehyksen sisältöön. Tämän toteuttaminen on helppoa, .···, mutta kuten edellisessäkin esimerkissä, kasvavien käyttäjäsyötteiden φ # '·' myötä ratkaisu ei välttämättä ole kovin käytettävä. Lisäksi kehyksien : 35 tiedostonimet ovat tavallisesti hyvin mitäänsanomattomia, jolloin halu- φ # tun sisällön hakeminen muodostuu vaikeaksi. Nimettäessä kehyksien 3 118310 sisältö jollakin yksinkertaisella tiedostonimellä on tiedostonimen antama tekstuaalinen informaatio usein huonompi kuin itse kehyksen.
Kuva 1a esittää hyvin pelkistetysti, miten näkymä kehykset F1, F2 kä-5 sittävään verkkosivuun P voi muuttua, kun verkkosivu siirretään varsinaista selainikkunaa D1 kooltaan pienempään selainikkunaan D2. Kehyksien F1, F2 sisältö C1, C2 ei mahdu selainikkunaan D2, jolloin osa niistä jää esittämättä. Tällaisen sivun selaus päätelaitteella, ja erityisesti sellaisella päätelaitteella joka ei käsitä kynä- tai hiirikäyttöliittymää, 10 muodostuu hyvin vaikeaksi ja monimutkaiseksi. Esimerkin kuvassa 1a esitetty tilanne on fiktiivinen; on huomattava, että todellisuudessa kehyksien esittämistä varten aiottu selainikkuna D1 voi olla suhteessa vielä suurempi kuin kuvassa 1a esitetty ja muistuttaa enemmän tilannetta, joka on kuvassa 1b, 15
Nyt esillä olevan keksinnön tarkoituksena on esittää yksi menetelmä kehysmallin käsittämän verkkosivun käsittelemiseksi, joka tyypillisesti on oletuksena, eli varsinaisena kohteena olevaa selainikkunaa, pienempi. Keksinnön mukaisen menetelmän myötä verkkosivu saadaan 20 sovitettua pienemmälle selainikkunalle siten, että näkymä voidaan säi-: lyttää oleellisesti samanlaisena kuin isolla selainikkunalla esitettynä tai
• M
ainakin käytettävyydeltään parhaana mahdollisena selainikkunan ko-.···. koon nähden. Lisäksi keksinnön mukaisen menetelmän myötä verkko- .···. sivu saadaan sovitettua isommasta selainikkunasta pienempään se- *; 25 lainikkunaan, vaikka itse laitteen näyttö olisikin kooltaan oletuksena *::: olevaa selainikkunaa vastaava. Täsmällisemmin ilmaistuna nyt esillä *>··1 olevalle menetelmälle on pääasiassa tunnusomaista se, että muunne taan verkkosivun kehysmalli taulukoksi, jolloin kukin kehys muunne- ..IV taan taulukon soluksi.
··· : : 30 • · · w w • ♦ • ♦ ··· • · ♦ • · · · • · · • ·♦ • · 4 118310
Nyt esillä olevan keksinnön mukaiselle järjestelmälle on pääasiassa tunnusomaista se, että järjestelmä käsittää välineet verkkosivun ke-hysmallin muuntamiseksi taulukoksi, jolloin kukin kehys muunnetaan 5 taulukon soluksi vastaavasti. Edelleen nyt esillä olevan keksinnön mukaiselle päätelaitteelle on pääasiassa tunnusomaista se, että päätelaite on sovitettu esittämään verkkosivun kehysmalli taulukkomuodossa.
Nyt esillä olevan keksinnön mukaiselle muunnosyksikölle on pääasias-10 sa tunnusomaista se, että muunnosyksikkö on järjestetty muuntamaan verkkosivun kehysmalli taulukoksi, jolloin muunnosyksikkö on järjestetty muuntamaan kukin kehys taulukon soluiksi.
Nyt esillä olevan keksinnön mukaiselle tietokoneohjelmalle on pääasi-15 assa tunnusomaista se, että mainittu tietokoneohjelma käsittää käskyjä verkkosivun kehysmallin muuntamiseksi taulukoksi, jolloin tietokoneohjelma käsittää käskyjä kunkin kehyksen muuntamiseksi taulukon soluiksi.
20 Keksinnön muita vaihtoehtoisia suoritusmuotoja on kuvattu epäitsenäisissä vaatimuksissa.
• · · • t · • · · • · ;,v Nyt esillä olevalla keksinnöllä voidaan katsoa olevan huomattavia etuja nykyisiin menetelmiin nähden. Eräs näistä eduista on käytettävyyden 25 paraneminen, millä tunnetusti on huomattava vaikutus käyttäjien mie-lenkiintoon selata verkkosivuja esimerkkeinä olevilla päätelaitteilla.
• · · · • · · • · • ·
Keksinnön voidaan lisäksi katsoa olevan helppo ratkaisu kuvattuun on- #ϊί gelmaan. Koska useissa selaimissa on vahva tuki taulukkojen käsitte- *::! 30 lylle, ei keksinnön mukaisen toiminnallisuuden lisääminen niihin aiheu- • * *·;·' ta suuria toimenpiteitä. Lisäksi keksinnön mukaisen ratkaisun myötä *:··: kehyksien tuki pystytään tuomaan myös sellaisiin selaimiin, joissa it- sessään ei ole kehystukea (edellyttäen että näistä selaimista löytyy tuki ··· ,.\m taulukoille).
5. \ 35 • · · • ·· • · 5 118310
Nyt esillä olevaa keksintöä kuvataan seuraavaksi tarkemmin viitaten samalla alla oleviin kuviin, joissa kuva 1a esittää hyvin pelkistetysti, miten verkkosivunäkymä voi 5 muuttua siirrettäessä pienemmälle näytölle, kuva 1b esittää kuvainnollisesti kahden näytön kokojen mahdollista suhdetta toisiinsa nähden, 10 kuva 2 esittää esimerkkiä verkkosivun siirrosta palvelimelta päätelaitteelle, kuva 3 esittää esimerkkiä verkkosivun käsittelystä nyt esillä olevan keksinnön mukaisesti, ja 15 kuvat 4a - b esittävät havainnollisesti esimerkkiä taulukon käsittelystä päätelaitteella.
Nyt esillä oleva keksintö kohdistuu verkkosivujen esittämiseen pääte-20 laitteella. Päätelaite voi olla mikä tahansa verkkosivujen selailuun sopiva laite, mutta erityinen tarve keksinnön mukaiselle menetelmälle on :.:V sellaisilla langattomilla päätelaitteilla, joilla on rajallisen kokoinen näyttö : Y: ja sen myötä rajallisen kokoinen selainikkuna verrattuna sellaisiin pää- :***: telaitteisiin, joiden näytöllä mainittu verkkosivu on suunniteltu esitettä- • * · 25 väksi. Päätelaite käsittää ainakin näytön verkkosivun katselemiseksi, *!:. välineet verkkosivun selaamiseksi sekä välineet verkkosivun vastaan- “··. ottamiseksi. Tällainen laite voi olla esimerkiksi jokin mobiililaite, kuten *"* matkapuhelin, PDA-laite (Personal Digital Assistant) tai kommunikaat- . tori, rajoittumatta kuitenkaan ainoastaan niihin. Tässä yhteydessä halu- • · · ·“! 30 taan vielä mainita, että selityksessä ja patenttivaatimuksissa käytetään termiä selainikkuna kuvamaan katselualaa/näkymää verkkosivuun. To-·:··: dellisuudessa selainikkunan ala voi olla oleellisesti samankokoinen .*·*. kuin kyseisen päätelaitteen näyttö, mutta selainikkuna voi joissakin yh- teyksissä olla vielä kyseisen päätelaitteen näyttöä pienempi.
• » · : ·* 35 • · • · • · • · 6 118310
Selattava verkkosivu on laadittu jollakin merkintäkielellä, joka on sinänsä tunnettu. Esimerkkeinä merkintäkielistä mainittakoon HTML (Hyper Text Markup Language) ja XHTML (extensible Hyper Text Markup Language). Kuvassa 2 on esimerkki verkkosivun P siirrosta päätelait-5 teelle MS. Verkkosivu sijaitsee palvelimella S, josta se on noudettavissa. Päätelaite MS ottaa yhteyden tietoverkon N kautta mainittuun palvelimeen S, josta verkkosivu P siirretään päätelaitteelle MS. Tietoverkko N voi olla mikä tahansa tunnettu verkkoyhteys. Esimerkkeinä mainittakoon langattomat verkot, kuten matkapuhelinverkot ja lyhyen kanta-10 man langattomat verkot sekä kaapeliverkot.
Verkkosivu P voi käsittää kehysmallin sisällön esittämiseksi. Kehysmal-limäärittely voi olla esimerkiksi seuraavanlainen, mutta on muistettava, että kehysmallimäärittely riippuu käytetystä merkintäkielestä, jolloin 15 muoto voi olla tästä esimerkistä huomattavastikin poikkeava: <frameset cols="1,20%,10%,40%" > <frame name="F1" src-"content1 .html"> <frame name="F2" src=,,content2.html" > 20 <frame name="F3" src="content3.html" > <frame name="F4" src="content4.htmlM > \:V </frameset> • · • · 2 • · · • ·
Verkkosivun esittämiseksi nyt esillä olevan keksinnön mukaisesti • I· .3. 25 käännetään kehysmalli taulukoksi konvertoimalla kehykset taulukonso- luiksi. Koska esimerkiksi tunnetuissa langattomissa päätelaitteissa tau- ]·«. lukonkäsittely on kehyksienkäsittelyä sofistikoidumpaa, on kehyksien esittäminen pienellä näytöllä ja/tai pienessä selainikkunassa näin muo- . dostettuna aiempaa käytettävämpää. Tämän vuoksi kehyksen valitse- *·· 30 miseksi tai koon muuttamiseksi ei tarvita niitä erilaisia toimenpiteitä, joi-:···: ta aiemmin on käytetty.
• · .2·; Kehysmallin muuntaminen taulukoksi voidaan toteuttaa esimerkiksi seuraavasti: * · 1 • · • · · ♦ 1 1 2 • ·· 3 • · 7 118310 1) Käsitellään <FRAMESET>-elementti taulukkona, jolloin sen sisällä olevista <FRAME>-elementeistä tarkistetaan, ovatko ne rivikehyksiä (rows) vai sarakekehyksiä (cols).
2) Jos <FRAMESET> käyttää rivi att r i b u Uttia, käsitellään 5 <FRAME>-elementit omilla riveillään olevina taulukon soluina; jos <FRAMESET> käyttää sarakeattribuuttia, käsitellään <FRAME>-elementit samalla rivillä olevina (eli vierekkäisinä) taulukon soluina 10 Jos <FRAMESET>-elementtejä on toistensa sisällä, käsitellään ne vastaavasti sisäkkäisinä taulukkoina. On selvää, että edellä kuvattu muun-nosmenetelmä on vain yksi esimerkki mahdollisista muunnosmenetel-mistä ja sen tarkoituksena on selventää keksinnön keskeinen ajatus.
15 Tiedostojen (edellä mainitussa esim. content1.html, content2.html, jne....), joissa kehykset on määritelty, sisältö voidaan sellaisenaan kopioida ja liittää taulukkosolujen määrittelyyn. Toisin sanoen kehystie-dostot määrittelevä merkintäkieliosuus kopioidaan ja liitetään taulukkotiedoston solumäärittelyn sisälle. Suorituskyvyn kannalta parempi 20 muunnostapa voi kuitenkin olla sellainen, jossa ylimääräistä kopiointi-vaihetta ei ole. Tällöin taulukkomäärittelyssä kunkin solun tiedostoläh-teeksi voidaan määritellä kehyksen sisältötiedosto. Muunnoksen myötä : V: taulukko voi näyttää esimerkiksi seuraavalta: ··· • · • · «*« ;··*; 25 "i. <table> *.*" <row> • · **··* <cell xfile src=”content1 ,html”> <cell >< file src =”content2.html”> ·»:’ 30 <cell >< file src =”content3.html”> ··« <cell x file src -”content4.html”> • · .*··. On huomattava, että ylläesitetty esimerkki ei ole sopivaa HTML- merkintäkieltä, jolloin kyseisen esimerkin myötä tulee selväksi, että ΐ V 35 muunnetun sivun ei välttämättä tarvitse olla jotain tunnettua standardoi-• * « · · • · · • 9 118310 δ tua merkintäkieltä. Oleellista on, että käytetty selain ymmärtää muunnetun sivun käyttämän version.
Jälkimmäistä toteutusmuotoa kehyksien määrittämisestä solujen sisälle 5 voidaan soveltaa myös siten, että koko kehysmuunnosta ei tehdä mer-kintäkielitasolla loppuun asti. Tällöin sivua näytetään sitä mukaa, kun se latautuu, ja ladatut kehyksien lähteet muunnetaan suoraan oikeille paikoilleen.
10 Kehykset muunnetaan siten, että oleellisesti koko niiden sisältö tulee näkyväksi. Jos verkkosivun lähteenä olevassa tiedostossa kehyksissä on vierintäpalkit, ei niitä kuitenkaan esitetä taulukkomuodossa. Kehysten välillä olevat rajat (engl. borders) käännetään vastaaviksi tauluk-kosolujen rajoiksi. Kehyksistä muodostetut taulukot esitetään tämän 15 jälkeen päätelaitteen selainikkunassa siten, kuinka taulukonkäsittely kyseisessä päätelaitteessa on hoidettu. On selvää, että taulukon muoto riippuu käytetystä merkintäkielestä. Kehysmallin kehyksille asetetut le-veydet/korkeudet muunnetaan taulukon solujen leveyksiksi/korkeuksik-si vastaavasti. Tämä tarkoittaa sitä, että säilytetään kehyksille erikseen 20 asetetut leveys/korkeus-arvot taulukkomuunnoksessa, ja taulukon näyttöalgoritmi käsittelee ne sitten sopivalla tavalla, esim. käyttää niitä \·!·* minimiarvoina solujen koolle tai jättää nämä määritykset kokonaan :Y: huomioimatta. Taulukon solujen leveydet ja korkeudet voidaan myös laskea esimerkiksi sinänsä tunnetulla ’’automatic table layout” —algorit-.··*. 25 millä (W3C:n CSS2-spesifikaatio) tai jollakin muulla tunnetulla menetel- *!:. mällä.
• · · • * **** Kuvassa 4a on yksi esimerkki, jolla taulukonkäsittely voidaan päätelait- . teessä toteuttaa. Tässä esimerkissä taulukko T, joka käsittää solut • · · ·;; 30 TD1, TD2, säilytetään oleellisesti alkuperäisessä koossaan sellaisena kuin se esitettäisiin oletuskokoisella selainikkunalla. Päätelaitteen se- ·:··: lainikkunaa D2 liikutetaan sitten vapaasti taulukon T päällä, jolloin ne ;···. taulukkoelementit, jotka ovat kyseisessä näkymässä, ovat valittavissa .Λ ja käsiteltävissä.
• · · : ·* 35 * · * * · • * · • » 9 118310
Kuvassa 4b esitetään toinen esimerkki taulukonkäsittelystä. Tässä esimerkissä päätelaite on sovitettu optimoimaan esittämänsä taulukon T. Optimointi tarkoittaa sitä, että valitaan sopivin mahdollinen esitystapa taulukolle, jolloin verkkosivun sisältö pidetään oleellisesti samanko-5 koisena alkuperäiseen verrattuna, mutta tarvittaessa rivitetään uudelleen niin, että se sopii selainikkunan leveyteen. Esimerkiksi taulukon-käsittelyssä tämä tarkoittaa sitä, että taulukkorivillä olevat päätelaitteen selainikkunan D2 kokoiset solut esitetään päätelaitteen selainikkunas-sa D2 allekkain, jos ne eivät alkuperäisessä koossaan mahdu vierek-10 käin esitettäväksi. Tämä voidaan tarkastaa vähentämällä selainikkunan D2 leveydestä jo rivillä olevan yhden tai useamman solun TD1 koot, jolloin jäljellejäävää aluetta verrataan seuraavaan soluun TD2. Jos alue vastaa oleellisesti toisen solun TD2 kokoa, sovitetaan toinen solu TD2 jo rivillä olevan tätä edeltävän solun TD1 rinnalle, mutta jos alue on 15 merkittävästi toisen solun TD2 kokoa pienempi, rivitetään toinen solu TD2 seuraavalle riville.
Yksinkertaistettuna, jos seuraava solu on suurempi kuin selainikkunaan leveyssuunnassa jäävä tila näytöllä olevan yhden tai useamman solun 20 jälkeen, seuraava solu sovitetaan seuraavalle riville. Rivillä olevien yhden tai useamman solun jälkeen jäänyt tila täytetään suurentamalla ky-:.:V seinen(set) solu(t) selainikkunan D2 leveydelle. On myös mahdollista ϊ.Ο luoda rivin loppuun täytesolu, joka vastaa taustaväriltään ja mahdolli- sesti muiltakin ominaisuuksiltaan rivillä viimeisenä olevaa solua. Jos ··· 25 solut ovat leveyssuunnassa suurempia kuin päätelaitteen selainikkuna ··· .:. D2, pakotetaan tai rajoitetaan solujen sisältö näytön leveyteen. Vaikka !«··. koon rajoittamisesta saattaa seurata sisällön pieneneminen, niin näin • · tehden päästään kuitenkin eroon sivun vaakasuuntaisesta vieritykses-. tä. Tämän vuoksi leveämpien elementtien pakottamisen näytön levey- 30 teen voidaan joissain tilanteissa katsoa olevan käytännössä parempi • * *·"' ratkaisu kuin sellaisen, josta aiheutuu vaakasuuntaista vieritystä.
• ·
Optimoinnin tuloksena syntyy usein pitkä, ikkunanleveyteen sopiva so- • · » luketju. Kuvaan 4b viitaten taulukkosolut TD1, TD2 ovat leveyssuun-*' 35 nassa päätelaitteen selainikkunaa D2 suurempia. Tällöin molempia ***** tässä esimerkissä muokataan siten, että ne mahtuvat (leveydeltään) 10 118310 päätelaitteen selainikkunaan D2. On selvä, että keksinnön yhtenä tavoitteena on saada mahdollisimman tarkka vastaavuus kehysmallin ja taulukon välille. Tällöin on myös selvää, että samalla rivillä olevat solut pyritään optimoimaan samalle riville ja eri riveillä olevat solut pidetään 5 eri riveillä.
Kehysten alkuperäiset sijainnit voidaan myös esittää taulukkosoluissa, jos käyttäjä on valinnut sivun katselemisen alkuperäisessä muodossaan. Toisin sanoen, käyttäjä voi valita optimoidaanko sivu pienelle 10 näytölle sopivaksi vai näytetäänkö sivu alkuperäisessä muodossaan (joka siis yleensä kannettavien päätelaitteiden tapauksessa on näyttöä leveämpi). Jos käyttäjä on valinnut, että sivu näytetään alkuperäisessä muodossaan, tulee kehysten muunnos taulukkomuotoon ja taulukon näyttäminen toteuttaa niin, että kehyksistä muodostettujen solujen si-15 jainnit toisiinsa nähden ovat samanlaiset kuin kehysten sijainnit toisiinsa nähden olisivat, jos sivua katsottaisiin esimerkiksi PC:n selaimilla.
Katsotaan vielä kuvaa 3, jossa esitetään yksi esimerkki keksinnön mukaisesta muunnoksesta. Ensimmäiseksi, verkkosivun P käsittely aloite-20 taan ja tarkistetaan käsittääkö se kehyksiä (FRAMES). Jos näin on (nuoli Y), kehysmalli käännetään (FRAMESET-->TABLE) taulukoksi T. Tämä taulukko T esitetään sitten selainikkunassa D2. Kuvan 3 esimer-kissä on syytä laittaa merkille se, että kuvattu muunnosprosessi voi ta-:][\· pahtua joko päätelaitteessa MS tai muunnospalvelimessa OS. Jos 25 muunnos tapahtuu muunnospalvelimessa OS siirretään muodostettu • · · taulukko T muunnospalvelimelta OS tietoverkon N kautta päätelaitteel- "··. le MS, jonka jälkeen verkkosivu on esitettävissä selainikkunassa D2.
• · ·· * . Kuten mainittu keksinnön mukainen muunnos voidaan toteuttaa palve- 30 limessa S, muunnospalvelimessa OS tai päätelaitteessa MS. Menetel-*·;·* män toteuttamiseksi voidaan järjestää erityinen muunnosyksikkö, joka ·:*·: sovitetaan päätelaitteelle MS, palvelimelle S tai muunnospalvelimelle OS, esimerkiksi tietokoneohjelmana. Muunnospalvelimessa OS, joka • « · ;.\ siis suorittaa tarvittavat muunnostoimenpiteet, ei välttämättä tarvitse ol- ·] 35 la selainohjelmaa. Vastaavasti palvelimessa S, joka toimii verkkosivun lähteenä, ei myöskään välttämättä tarvitse olla selainohjelmaa. Toisin 11 118310 sanoen muunnospalvelimen OS ja palvelimen S ei välttämättä tarvitse ymmärtää muunnettavasta/tallennettavasta sivusta mitään, sillä näyttölaite (päätelaite MS) on lopullisesti vastuussa sivun esittämisestä. Muunnospalvelu OS voi sijaita verkossa N lähdepalvelimen S ja pääte-5 laitteen MS välissä. On lisäksi selvä, että niillä selaimilla, jotka keksinnön mukaisen menetelmän toteuttamiseen osallistuvat, tulee olla tuki taulukonkäsittelylle.
Edellä esitetty kohdistuu pääasiassa keksinnön soveltamiseen merkin-10 täkielisiin dokumentteihin. Tässä vaiheessa on kuitenkin syytä huomauttaa, että keksintöä voidaan soveltaa myös muissa yhteyksissä. Keksinnön mukaisella menetelmällä on käyttöä esimerkiksi erilaisten isolle näytölle ja/tai selainikkunaan suunniteltujen ohjelmien muuntamisessa pienille näytöille. Esimerkkinä tällaisesta ohjelmasta mainitta-15 koon Java-kielinen tms. sovellus, joka on tehty isolle näytölle ja joka käyttää kehysmallia käyttöliittymässään. Jos tätä mainittua sovellusta halutaan ajaa pieninäyttöisessä laitteessa, voidaan tuo kehysmalli keksinnön mukaisesti muuttaa taulukkomalliksi.
20 Nämä kuvatut esimerkit osoittakoon, että keksinnön mukaista menetelmää voidaan soveltaa useissa erilaisissa yhteyksissä. Tällöin on sel-vää, että edellä esitettyjä yhdistelemällä voidaan aikaansaada vielä J.v keksinnön hengen mukaisia, erilaisia suoritusmuotoja. Tämän vuoksi :"j: edellä esitettyä ei tule tulkita keksintöä rajoittavasti, vaan keksinnön :***: 25 keskeinen ajatus kehysmallin muuttamisesta taulukoksi tulee pitää mie- • · · lessä. Keksinnön suoritusmuodot voivat siis vapaasti vaihdella patentti- !1··, vaatimuksissa esitettyjen keksinnöllisten piirteiden puitteissa.
··· * • · · ··· • · · • · • 1 • · · • · • · · • · • ·
»M
♦ · · * · · • · • · · * 1 1 ♦ t1 •

Claims (25)

118310
1. Menetelmä verkkosivun (P) käsittelemiseksi jossa menetelmässä kehysmallin käsittävä verkkosivu muunnetaan kohteena olevaan se- 5 lainikkunaan (D2) sopivaksi, tunnettu siitä, että muunnetaan verkkosivun (P) kehysmalli taulukoksi (T), jolloin kukin kehys (F1, F2) muunnetaan taulukon (T) soluksi (TD1, TD2).
2. Patenttivaatimuksen 1 mukainen menetelmä, tunnettu siitä, että 10 muodostunut taulukko (T) esitetään selainikkunassa (D2).
3. Patenttivaatimuksen 1 tai 2 mukainen menetelmä, tunnettu siitä, että mainittu selainikkunan (D2) ala on pienempi kuin mainitun verkkosivun (P) ala. 15
4. Patenttivaatimuksen 1 tai 2 tai 3 mukainen menetelmä, tunnettu siitä, että optimoidaan muodostettu taulukko (T) selainikkunan (D2) alaan sopivaksi.
5. Patenttivaatimuksen 4 mukainen menetelmä, tunnettu siitä, että . .·. samalla rivillä olevat solut (TD1, TD2) esitetään selainikkunassa (D2) .ν', samalla rivillä, jos - vähennettäessä selainikkunan leveydestä rivillä jo olevan yhden tai useamman solun (TD1) koko - jäljellejäävälle alueelle seuraava solu (TD2) oleellisesti mahtuu, muussa tapauksessa seuraa-25 va solu (TD2) esitetään seuraavalla rivillä. • · · **·· • · ·
6. Patenttivaatimuksen 1 - 5 mukainen menetelmä, tunnettu siitä, että eri riveillä olevat solut esitetään selainikkunassa omilla riveillään vas- : taavasti. ··· · 30 • ··
7. Patenttivaatimuksien 1 tai 2 tai 3 mukainen menetelmä, tunnettu sii- • · · *::l tä, että liikutetaan selainikkunaa (D2) muodostuneen taulukon (T) pääl- *···: lä taulukon eri alueiden selaamiseksi. • ♦ • · 1 • · · ··· · · • · · • ·# • · 118310
8. Jonkin edellisen patenttivaatimuksen mukainen menetelmä, tunnettu siitä, että muunnetaan kehysmallin rajat taulukon (T) rajoiksi vastaavasti.
9. Jonkin edellisen patenttivaatimuksen mukainen menetelmä, tunnet tu siitä, että muunnetaan kehysmallin kehyksille asetetut levey-det/korkeudet taulukon (T) solujen leveyksiksi/korkeuksiksi vastaavasti.
10. Jonkin edellisen patenttivaatimuksen mukainen menetelmä, tun-10 nettu siitä, että muunnetaan verkkosivun (P) kehysmalli taulukoksi (T) päätelaitteessa (MS).
11. Jonkin patenttivaatimuksen 1-9 mukainen menetelmä, tunnettu siitä, että muunnetaan verkkosivun (P) kehysmalli taulukoksi (T) muun- 15 nospalvelimessa (OS), jolloin muunnettu taulukko siirretään päätelaitteelle (MS).
12. Järjestelmä verkkosivun (P) esittämiseksi, joka järjestelmä käsittää päätelaitteen (MS) sekä tähän kuuluvan selainikkunan (D2), joka järjes- 20 telmä käsittää lisäksi tallennusvälineet (S) verkkosivun (P) tallentami- . .·. seksi, jotka mainitut välineet (S) on järjestetty tiedonsiirtoyhteyteen (N) • päätelaitteen (MS) kanssa verkkosivun (P) siirtämiseksi, joka mainittu verkkosivu (P) käsittää ainakin kehysmallin sisällön jakamiseksi, tun- • · nettu siitä, että järjestelmä käsittää välineet verkkosivun (P) kehysmal-25 Iin muuntamiseksi taulukoksi (T), jolloin kukin kehys (F1, F2) muunne-taan taulukon (T) soluksi (TD1, TD2). ··· * · • · ·*
13. Patenttivaatimuksen 12 mukainen järjestelmä, tunnettu siitä, että : välineet verkkosivun (P) kehysmallin muuntamiseksi on järjestetty jo- 30 honkin seuraavista: tallennusvälineet (S), mainittu päätelaite (MS) tai ·*· ·. muunnospalvelu (OS). ··· ···· • •4
14. Päätelaite verkkosivun (P) selaamiseksi, joka päätelaite (MS) käsit-:tää välineet verkkosivun vastaanottamiseksi tiedonsiirtoverkonyhtey- 35 den (N) kautta ja ainakin selainikkunan (D2) verkkosivun (P) esittämi- • ♦ 118310 seksi, tunnettu siitä, että päätelaite (MS) on sovitettu esittämään verkkosivun (P) kehysmalli taulukkomuodossa.
15. Patenttivaatimuksen 14 mukainen päätelaite, tunnettu siitä, että 5 mainittu verkkosivu (P) on järjestetty vastaanotettavaksi välineiltä (S, OS) verkkosivun kehysmallin muuntamiseksi taulukoksi (T).
16. Patenttivaatimuksen 14 mukainen päätelaite, tunnettu siitä, että päätelaite (MS) käsittää välineet verkkosivun (P) kehysmallin muunta- 10 miseksi taulukoksi (T), jolloin kukin kehys (F1, F2) muunnetaan taulukon (T) soluksi (TD1.TD2).
17. Patenttivaatimuksen 14 tai 15 tai 16 mukainen päätelaite, tunnettu välineistä muodostetun taulukon (T) optimoimiseksi selainikkunan (D2) 15 alaan sopivaksi.
18. Patenttivaatimuksen 16 tai 17 mukainen päätelaite, tunnettu siitä, että päätelaite on sovitettu esittämään samalla rivillä olevat solut (TD1, TD2) selainikkunassa (D2) samalla rivillä, jos - vähennettäessä se- 20 lainikkunan leveydestä rivillä jo olevan yhden tai useamman solun :(TD1) koko - jäljellejäävälle alueelle seuraava solu (TD2) oleellisesti .y. mahtuu, muussa tapauksessa päätelaite (MS) on sovitettu esittämään seuraava solu (TD2) seuraavalla rivillä. • · ·*· ··· • · **:* 25
19. Patenttivaatimuksien 14 tai 15 tai 16 mukainen päätelaite, tunnettu ·;;; siitä, että päätelaite käsittää vielä välineet selainikkunan (D2) liikutta- miseksi taulukon (T) päällä taulukon eri alueiden selaamiseksi.
• · : 20. Jonkin patenttivaatimuksien 14-19 mukainen päätelaite, tunnettu O 30 siitä, että päätelaite käsittää vielä välineet matkaviestinnän suorittami-seksi. ·*·♦ • · · • *
21. Muunnosyksikkö verkkosivun (P) muuntamiseksi, joka mainittu • · : verkkosivu (P) käsittää ainakin kehysmallin sisällön jakamiseksi, tun- 35 nettu siitä, että muunnosyksikkö on järjestetty muuntamaan verkkosivun (P) kehysmalli taulukoksi (T), jolloin muunnosyksikkö on järjestetty 118310 muuntamaan kukin kehys (F1, F2) taulukon (T) soluiksi (TD1, TD2) vastaavasti.
22. Patenttivaatimuksen 21 mukainen muunnosyksikkö, tunnettu siitä, 5 että muunnosyksikkö on järjestetty johonkin seuraavista: muunnospal- velimeen (OS), matkaviestimeen (MS) tai verkkosivun tallennusvälineisiin (S).
23. Tietokoneohjelma verkkosivun (P) käsittelemiseksi, joka mainittu 10 verkkosivu (P) käsittää ainakin kehysmallin sisällön jakamiseksi, tunnettu siitä, että mainittu tietokoneohjelma käsittää tietokoneella suoritettavia käskyjä verkkosivun (P) kehysmallin muuntamiseksi taulukoksi (T), jolloin tietokoneohjelma käsittää käskyjä kunkin kehyksen (F1, F2) muuntamiseksi taulukon (T) soluiksi (TD1, TD2) vastaavasti.
24. Patenttivaatimuksen 23 mukainen tietokoneohjelma, tunnettu siitä, että tietokoneohjelma käsittää tietokoneella suoritettavia käskyjä verkkosivun (P) kehysmallin esittämiseksi taulukkomuodossa.
25. Patenttivaatimuksen 23 tai 24 mukainen tietokoneohjelma, tunnet- . tu siitä, että tietokoneohjelma on osa tietokoneohjelmatuotetta joka on .·!·. tallennettu tallennusvälineisiin jossakin seuraavissa laitteista: päätelait- l.l' teessä (MS), muunnospalvelimessa (OS) tai verkkosivun tallennusväli- neissä (S). 25 *·· ··· • · • · ··# * 1 ♦ * · · ··· « »·· • · • 1 • · 1 t1«1 ··· • · * · • · · • 1 • · · • · · ♦ ·« « · • · · • ·1 • · 118310
FI20040086A 2004-01-22 2004-01-22 Verkkosivun esittäminen selainikkunassa ja menetelmä verkkosivun käsittelemiseksi FI118310B (fi)

Priority Applications (5)

Application Number Priority Date Filing Date Title
FI20040086A FI118310B (fi) 2004-01-22 2004-01-22 Verkkosivun esittäminen selainikkunassa ja menetelmä verkkosivun käsittelemiseksi
US11/040,829 US7581174B2 (en) 2004-01-22 2005-01-21 Displaying a web page in a browser window and a method for handling a web page
PCT/FI2005/050010 WO2005071567A1 (en) 2004-01-22 2005-01-21 Displaying a web page in a browser window and a method for handling a web page
EP05701765A EP1706829A1 (en) 2004-01-22 2005-01-21 Displaying a web page in a browser window and a method for handling a web page
KR1020067014664A KR100853281B1 (ko) 2004-01-22 2005-01-21 브라우저 창에 웹 페이지 디스플레이하기 및 웹 페이지처리 방법

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
FI20040086 2004-01-22
FI20040086A FI118310B (fi) 2004-01-22 2004-01-22 Verkkosivun esittäminen selainikkunassa ja menetelmä verkkosivun käsittelemiseksi

Publications (3)

Publication Number Publication Date
FI20040086A0 FI20040086A0 (fi) 2004-01-22
FI20040086A FI20040086A (fi) 2005-07-23
FI118310B true FI118310B (fi) 2007-09-28

Family

ID=30129417

Family Applications (1)

Application Number Title Priority Date Filing Date
FI20040086A FI118310B (fi) 2004-01-22 2004-01-22 Verkkosivun esittäminen selainikkunassa ja menetelmä verkkosivun käsittelemiseksi

Country Status (5)

Country Link
US (1) US7581174B2 (fi)
EP (1) EP1706829A1 (fi)
KR (1) KR100853281B1 (fi)
FI (1) FI118310B (fi)
WO (1) WO2005071567A1 (fi)

Families Citing this family (22)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US9477775B2 (en) * 2005-06-03 2016-10-25 Nokia Technologies Oy System and method for maintaining a view location during rendering of a page
US7489323B2 (en) * 2006-01-10 2009-02-10 Delta Electronics, Inc. Display apparatus adapted for a display wall, image adjustment method therefor and display wall therewith
US8463245B2 (en) * 2006-03-30 2013-06-11 Shoreline Innovations, Llc Systems and methods for communicating music indicia
ATE527610T1 (de) * 2006-08-23 2011-10-15 Hewlett Packard Development Co MASCHINE FÜR MEHRFACHE BILDSCHIRMGRÖßENDARSTELLUNG
KR20080024734A (ko) 2006-09-14 2008-03-19 삼성전자주식회사 웹문서 구성 장치 및 방법과 웹문서 배열 설정 장치
US8181107B2 (en) 2006-12-08 2012-05-15 Bytemobile, Inc. Content adaptation
KR100893305B1 (ko) * 2007-01-01 2009-04-24 주식회사 로직플랜트 원격지 서버 컴퓨터를 이용한 다중 사용자용 웹 브라우징환경 제공 시스템과 그 제어 방법
WO2008088244A1 (en) * 2007-01-17 2008-07-24 Obigo Korea Co. Portable device and method for displaying ml content in a portable device
KR101489501B1 (ko) * 2007-02-14 2015-02-05 주식회사 비즈모델라인 무선 환경의 브라우징 제공 방법
US20080243823A1 (en) * 2007-03-28 2008-10-02 Elumindata, Inc. System and method for automatically generating information within an eletronic document
US20080301545A1 (en) * 2007-06-01 2008-12-04 Jia Zhang Method and system for the intelligent adaption of web content for mobile and handheld access
US9189478B2 (en) * 2008-04-03 2015-11-17 Elumindata, Inc. System and method for collecting data from an electronic document and storing the data in a dynamically organized data structure
US8041712B2 (en) * 2008-07-22 2011-10-18 Elumindata Inc. System and method for automatically selecting a data source for providing data related to a query
US8037062B2 (en) 2008-07-22 2011-10-11 Elumindata, Inc. System and method for automatically selecting a data source for providing data related to a query
US8176042B2 (en) * 2008-07-22 2012-05-08 Elumindata, Inc. System and method for automatically linking data sources for providing data related to a query
US10198414B2 (en) * 2009-09-10 2019-02-05 Usablenet Inc. Methods for optimizing interaction with a form in a website page and systems thereof
US8713473B2 (en) 2011-04-26 2014-04-29 Google Inc. Mobile browser context switching
US20140281901A1 (en) * 2013-03-18 2014-09-18 Google Inc. Estimating visibility of content items
US9600595B2 (en) * 2013-05-21 2017-03-21 International Business Machines Corporation Modification of windows across multiple displays
KR101474507B1 (ko) * 2013-12-09 2014-12-23 주식회사 비즈모델라인 무선 환경의 브라우징 제공 방법
KR101533678B1 (ko) * 2014-05-07 2015-07-08 주식회사 비즈모델라인 무선 환경의 브라우징 제공 방법
KR101985015B1 (ko) * 2018-05-25 2019-06-03 주식회사 아이피엑스엠 모바일 웹페이지 제공 방법

Family Cites Families (11)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6178433B1 (en) * 1997-07-15 2001-01-23 International Business Machines Corporation Method and system for generating materials for presentation on a non-frame capable web browser
US20020054126A1 (en) * 1998-10-16 2002-05-09 Owen John Gamon Browser translation between frames and no frames
US20040049737A1 (en) 2000-04-26 2004-03-11 Novarra, Inc. System and method for displaying information content with selective horizontal scrolling
US6556217B1 (en) * 2000-06-01 2003-04-29 Nokia Corporation System and method for content adaptation and pagination based on terminal capabilities
US7210099B2 (en) 2000-06-12 2007-04-24 Softview Llc Resolution independent vector display of internet content
US20030050931A1 (en) * 2001-08-28 2003-03-13 Gregory Harman System, method and computer program product for page rendering utilizing transcoding
US20040100509A1 (en) * 2002-11-27 2004-05-27 Microsoft Corporation Web page partitioning, reformatting and navigation
WO2004068320A2 (en) * 2003-01-27 2004-08-12 Vincent Wen-Jeng Lue Method and apparatus for adapting web contents to different display area dimensions
US7362311B2 (en) * 2003-04-07 2008-04-22 Microsoft Corporation Single column layout for content pages
US8205152B2 (en) * 2004-11-08 2012-06-19 Opera Software Asa System and method for formatting and displaying frameset documents
US20060101162A1 (en) * 2004-11-08 2006-05-11 Opera Software Asa Method and device for adapting a computer program to a device on which it is installed

Also Published As

Publication number Publication date
EP1706829A1 (en) 2006-10-04
US20050188298A1 (en) 2005-08-25
KR20060126729A (ko) 2006-12-08
WO2005071567A1 (en) 2005-08-04
KR100853281B1 (ko) 2008-08-20
FI20040086A (fi) 2005-07-23
FI20040086A0 (fi) 2004-01-22
US7581174B2 (en) 2009-08-25

Similar Documents

Publication Publication Date Title
FI118310B (fi) Verkkosivun esittäminen selainikkunassa ja menetelmä verkkosivun käsittelemiseksi
US10976888B2 (en) Automatically generating column layouts in electronic documents
US7853593B2 (en) Content markup transformation
US6826725B1 (en) Techniques for invoking system commands from within a mark-up language document
US7345688B2 (en) Semantic thumbnails
CA2292336C (en) Systems, methods and computer program products for tailoring web page content in hypertext markup language format for display within pervasive computing devices using extensible markup language tools
US8205152B2 (en) System and method for formatting and displaying frameset documents
JP4248411B2 (ja) 文書を表示するための方法、システム、コンピュータプログラムおよび記憶装置
US9465780B2 (en) User terminal device and scroll method supporting high-speed web scroll of web document
KR20020031691A (ko) 실시간 인터넷 콘텐츠 변환 방법 및 시스템
WO2008132706A1 (en) A web browsing method and system
US20050044484A1 (en) Updating information content onto small display
US9648381B2 (en) Method and system for managing display of web-based content on portable communication devices
US20140195894A1 (en) Method and system for continuous rendering of web content
CN102681848A (zh) 以微技方式开发及访问网页的方法、装置、终端和系统
Mahdavi et al. Web transcoding for mobile devices using a tag-based technique
Stormer Exploring solutions for a mobileweb
US20090024560A1 (en) Method and apparatus for having access to web page
EP1998261A1 (en) Method and apparatus for processing XML for display on a mobile device
JP2004252546A (ja) コンテンツ変換方法及び装置並びにプログラム
CN116204741A (zh) 网页适配的方法、装置、电子设备及介质
Locati et al. A WebGIS tool for the dissemination of earthquake data
Kulkarni et al. WAP Management with user defined content reduction
Jou et al. THE DESIGN AND IMPLEMENTATION OF A SEMANTICS-BASED WEB CONTENT ADAPTATION FRAMEWORK FOR MOBILE DEVICES

Legal Events

Date Code Title Description
FG Patent granted

Ref document number: 118310

Country of ref document: FI

MM Patent lapsed