WO2016107871A1 - Procédé adaptatif pour une présentation de page web indépendante du dispositif - Google Patents

Procédé adaptatif pour une présentation de page web indépendante du dispositif Download PDF

Info

Publication number
WO2016107871A1
WO2016107871A1 PCT/EP2015/081347 EP2015081347W WO2016107871A1 WO 2016107871 A1 WO2016107871 A1 WO 2016107871A1 EP 2015081347 W EP2015081347 W EP 2015081347W WO 2016107871 A1 WO2016107871 A1 WO 2016107871A1
Authority
WO
WIPO (PCT)
Prior art keywords
web page
layout
communication device
page content
displaying
Prior art date
Application number
PCT/EP2015/081347
Other languages
English (en)
Inventor
Klaus KONDERT
Original Assignee
1&1 Internet Ag
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 1&1 Internet Ag filed Critical 1&1 Internet Ag
Publication of WO2016107871A1 publication Critical patent/WO2016107871A1/fr

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/957—Browsing optimisation, e.g. caching or content distillation
    • G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking

Definitions

  • this invention claims a communication device that is communicatively coupled with a server hosting at least a part of a website.
  • Said communication device is adapted to, upon instruction by the user, download and display a website, by contacting the server hosting at least a part of said website and downloading multiple layout formats and web page contents.
  • the communication device is further adapted to select one of the downloaded layout formats either automatically by the web browser or based on device properties or on user interaction. Further, the communication device is adapted to apply said selected layout to the web page content and to render and display the webpage optimally based on the web page content and the applied selected layout.
  • the communication device is adapted to, upon detecting a change of the device or web browser or web page properties, change an applied layout or select a different downloaded layout format, applying said layout change or different layout format to the web page content and re-rendering and re-displaying the web page based on the web page content and the applied changed or different layout.
  • the device properties comprise one of physical or virtual screen resolution information, device orientation information, web browser window size information or status of a split screen display.
  • the present invention relates to a communication device used for displaying rich media content received from a local network, the Internet or pre-stored locally on the
  • Typical communication devices include personal computers, laptops, tablets and smart phones.
  • the communication device comprises at least one central processing unit that is adapted to execute instructions stored on a local storage medium.
  • the communication device provides for input and output means controlled by an operating system. These input and output means allow for user interactions. Typical user interactions comprise operating a keyboard and mouse or controlling a touch sensitive display by means of gestures.
  • a web browser is installed within the operating system or running as an application program within an environment provided by the operating system.
  • the web browser is a software component used for displaying rich media content on an output means and receiving information about user interactions perceived by the operating system. Prior to displaying content on the device's screen, the web browser downloads data from a source, the source typically being specified by a Unified Resource Locator, URL either pointing towards a source accessible on the local network, the Internet or stored on a local storage medium.
  • the data received by the web browser is typically encoded according to Internet Standards, such as Hyper Text Mark-up Language (HTML), Cascading Stylesheets (CSS) and JavaScript (JS).
  • HTML Hyper Text Mark-up Language
  • CSS Cascading Stylesheets
  • JS JavaScript
  • the web browser decodes the received data, executes instructions identified in the decoded data and renders a webpage on the output means of the communication device.
  • a web page is a subset of a website and may relate to a single page of a website or a sub- page or a component within a website.
  • the web browser upon instructed by the user or other programmatically instructed to retrieve a first part of a website identified by an URL, contacts the resource specified by the URL.
  • This resource is typically accessible through the Internet, i.e. on a server connected to the Internet.
  • the resource may be otherwise available, i.e. on the local area network or even stored on a local file system accessible by the communication device.
  • the communication device might not directly contact the resources but used one or more intermediate proxies that contact the resource or provide a cached copy of the resource.
  • the first part of the website contains preferably HTML encoded data which, upon decoded by the web browser causes the web browser to download subsequent parts of the website.
  • the first or subsequent parts comprise of multiple layout formats and web page contents.
  • the multiple layout formats comprise of a basic layout format suitable for general purpose communication devices and one or more specific layout formats suitable for specific communication devices such as tablets or smartphones.
  • the browser automatically selects one of the downloaded layout formats to be used for rendering the web page. This automatic selection is based on device properties, such as virtual screen resolution information, device orientation (portrait, landscape), web browser window size information or the status of a split-screen display.
  • either one specific device property is used for the selection of a particular layout or a combination of more than one device properties. If more than one device property is used, a weighting scheme might be employed to select the most suitable layout, i.e. the layout that has received the highest weight.
  • the layout format may also be selected by the user instead, or in combination with an automatic selection by the web browser. This might be beneficial in case of a high number of selectable layouts, e.g. the browser may pre-select or narrow down the choices for the user to select.
  • Fig. 1 shows the devices and the communication flow used for implementing the invention
  • Fig. 2 shows a sample layout on a desktop computer
  • Fig. 3 shows a sample layout on a tablet PC
  • Fig. 4 shows another sample layout on a smartphone
  • a website is hosted at one or more servers (100) and accessed using a communication device as shown in Fig.1 .
  • the communication device might be a stationary computer (101 ), a portable computer (1 02), a smartphone or tablet PC (103), mobile phone (1 04) or any other device suitable for displaying HTML encoded information.
  • the communication device is communicatively coupled with the server, for example by means of a connection to the Internet.
  • the communication device detects an instruction by a user to download and display a website, e.g. by receiving an URL to identify a particular web page.
  • the communication device then contacts the server to retrieve at least a part of the web page and also more than one layout formats.
  • These layout formats may be stored in a single Cascading Style Sheet (CSS) file or may be segmented in to several individual files. These files may also be retrieved from different servers if specified by the URLs pointing towards the CSS files.
  • Concerning the layouts there may be a basic or common layout format stored in a CSS file that serves as a basis for the other layout formats in that the other layout formats only consist of incremental changes towards the basic or common layout.
  • the communication device also downloads web page content, typically stored inside HTML files.
  • the communication device selects one of the just downloaded layout formats based on device properties and/or user interaction.
  • These device properties comprise of one or more of physical or virtual screen resolution information, device orientation information, web browser window size information and the status of a split-screen display.
  • the communication device applies the selected layout to the web page content and renders and displays the result on a screen of the communication device.
  • the communication device detects changes of device properties automatically.
  • the communication device notices a change of a web browser property such a resizing the browser window by the user.
  • the communication device detects a change in the web page properties, such as a changed font size, e.g. as a result of the user select font larger/smaller buttons on the web pages.
  • the communication device detects a change and selects a different layout format from the previously downloaded formats. Subsequently the different layout format is applied to the web page content again and the result is displayed on the communication device.
  • the communication devices scales the current layout as far as possible, e.g. as long full visibility of all elements or at least the important elements is given. Important elements may be marked so by special classes in the layout description or the page content.
  • the communication devices may select another of the previously downloaded layout formats. Likewise, if the user changes the font size to be smaller, the communication devices scales the current layout down until a predetermined threshold is reached and then selects another of the previously downloaded layout formats.
  • This threshold may be defined by a specific font size that is considered to be the lowest size that produces a still readable font size. Alternatively, the threshold may be determined by the actual size, typically specified in pixels of an element to be displayed.
  • this selection is implemented fully on the communication device itself, i.e. no further communication with the server is necessary. This is especially advantageous in an environment where the user is not always connected to the Internet.
  • Fig. 2 shows a sample layout typically used for a desktop computer. Due to the typically large screen size of desktop computers the web page can be displayed in full detail. For example, in case of an image gallery, the layout includes a list of directories and a thumbnail size image preview of images stored in a selected directory.
  • the layout may look as shown in Fig. 3. Note that they layout may also be used on desktop computer, e.g. when the user has scaled down the browser window or has enlarged the font size to a level which does not allow for full visibility of text elements. In the example depicted in Fig. 3, the layout still shows thumbnail sized images but the navigation is minimized.
  • a further layout may get used as depicted in Fig. 4.
  • this layout the displayed elements are even further reduced or moved to different a different navigation pane that is only visible after selecting a menu button or similar.

Landscapes

  • Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Data Mining & Analysis (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

Dispositif de communication couplé en communication avec un serveur hébergeant au moins une partie d'une page web, le dispositif de communication étant adapté, sur la base d'une instruction saisie par un utilisateur du dispositif de communication, pour télécharger et afficher une page web en contactant le serveur hébergeant au moins une partie de ladite page web et en téléchargeant plusieurs formats de mise en page et contenus de page web; pour sélectionner l'un des formats de mise en page téléchargés automatiquement par le navigateur web sur la base des caractéristiques du dispositif et/ou en fonction de l'interaction de l'utilisateur; pour appliquer ledit format de mise en page sélectionné au contenu de la page web; et pour rendre et afficher la page web de manière optimale sur la base du contenu de la page web et de la mise en page sélectionnée appliquée.
PCT/EP2015/081347 2014-12-30 2015-12-29 Procédé adaptatif pour une présentation de page web indépendante du dispositif WO2016107871A1 (fr)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
GB1423367.0A GB2533800A (en) 2014-12-30 2014-12-30 Adaptive method for device independent web page presentation
GB1423367.0 2014-12-30

Publications (1)

Publication Number Publication Date
WO2016107871A1 true WO2016107871A1 (fr) 2016-07-07

Family

ID=52471647

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/EP2015/081347 WO2016107871A1 (fr) 2014-12-30 2015-12-29 Procédé adaptatif pour une présentation de page web indépendante du dispositif

Country Status (2)

Country Link
GB (1) GB2533800A (fr)
WO (1) WO2016107871A1 (fr)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111198668A (zh) * 2019-12-26 2020-05-26 成都中科合迅科技有限公司 一种基于浏览器的多屏系统和多屏交互方法
US20230325455A1 (en) * 2022-04-12 2023-10-12 Yandex Europe Ag Method and system for controlling display of a web page

Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2014191756A (ja) * 2013-03-28 2014-10-06 Fujitsu Ltd 表示変更プログラム、表示変更方法及び表示変更装置

Patent Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2014191756A (ja) * 2013-03-28 2014-10-06 Fujitsu Ltd 表示変更プログラム、表示変更方法及び表示変更装置

Non-Patent Citations (2)

* Cited by examiner, † Cited by third party
Title
BRAD FROST: "Creating a Mobile-First Responsive Web Design", HTML5 ROCKS, 16 April 2012 (2012-04-16), pages 1 - 15, XP055264800, Retrieved from the Internet <URL:http://www.html5rocks.com/en/mobile/responsivedesign/> [retrieved on 20160412] *
DAVID BUSHELL: "Resolution Independence With SVG", SMASHING MAGAZINE, 16 January 2012 (2012-01-16), pages 1 - 16, XP055261084, Retrieved from the Internet <URL:https://www.smashingmagazine.com/2012/01/resolution-independence-with-svg/> [retrieved on 20160324] *

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111198668A (zh) * 2019-12-26 2020-05-26 成都中科合迅科技有限公司 一种基于浏览器的多屏系统和多屏交互方法
US20230325455A1 (en) * 2022-04-12 2023-10-12 Yandex Europe Ag Method and system for controlling display of a web page

Also Published As

Publication number Publication date
GB2533800A (en) 2016-07-06
GB201423367D0 (en) 2015-02-11

Similar Documents

Publication Publication Date Title
US9600595B2 (en) Modification of windows across multiple displays
US8307279B1 (en) Smooth zooming in web applications
US8341543B2 (en) Method and apparatus of scrolling a document displayed in a browser window
EP1914640B1 (fr) Moteur de rendu pour de multiples tailles d&#39;écran
US20140380229A1 (en) System, method and user interface for designing customizable products from a mobile device
US9436772B2 (en) Appending a uniform resource identifier (URI) fragment identifier to a uniform resource locator (URL)
US20140006986A1 (en) Responsive graphical user interface
US20150074561A1 (en) Customizable themes for browsers and web content
US8949858B2 (en) Augmenting user interface elements with information
US10891423B2 (en) Portlet display on portable computing devices
US20100175021A1 (en) Overflow Viewing Window
CN105335071A (zh) 一种页面元素的显示方法及装置
TW201443670A (zh) 提供不計內容格式及類型之內容可存取性的虛擬庫
US20130036196A1 (en) Method and system for publishing template-based content
JP2011525001A (ja) ビューアクライアントにおける文書の高忠実度レンダリング
JP2014149860A (ja) 携帯型多機能端末の情報表示方法及びそれを用いた情報表示システム、並びに携帯型多機能端末
JP2007233659A (ja) ネットワークサービスにおける情報配信システム
Harb et al. Responsive web design
US20060150094A1 (en) Web companion
CN107391534B (zh) 页面显示、页面文件返回方法及装置、计算机存储介质
CN108108417B (zh) 跨平台自适应控制的交互方法、系统、设备及存储介质
WO2016107871A1 (fr) Procédé adaptatif pour une présentation de page web indépendante du dispositif
US20140189478A1 (en) Web browsers for mobile and small screen devices
US20120110481A1 (en) Automatic formatting of display screen to reflect past correlative changes to data display windows
JP2009048333A (ja) ウェブページ閲覧装置およびウェブページ閲覧サーバ

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 15828337

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 15828337

Country of ref document: EP

Kind code of ref document: A1