JP6518025B1 - Program, recording medium, and system for converting display instruction data for instructing display of web page - Google Patents

Program, recording medium, and system for converting display instruction data for instructing display of web page Download PDF

Info

Publication number
JP6518025B1
JP6518025B1 JP2019509577A JP2019509577A JP6518025B1 JP 6518025 B1 JP6518025 B1 JP 6518025B1 JP 2019509577 A JP2019509577 A JP 2019509577A JP 2019509577 A JP2019509577 A JP 2019509577A JP 6518025 B1 JP6518025 B1 JP 6518025B1
Authority
JP
Japan
Prior art keywords
data
web page
screen
tree
display instruction
Prior art date
Legal status (The legal status 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 status listed.)
Active
Application number
JP2019509577A
Other languages
Japanese (ja)
Other versions
JPWO2020065728A1 (en
Inventor
和敏 坂田
和敏 坂田
慎太郎 江頭
慎太郎 江頭
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
SYMMETRIC CO Ltd
Original Assignee
SYMMETRIC CO Ltd
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 SYMMETRIC CO Ltd filed Critical SYMMETRIC CO Ltd
Application granted granted Critical
Publication of JP6518025B1 publication Critical patent/JP6518025B1/en
Publication of JPWO2020065728A1 publication Critical patent/JPWO2020065728A1/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F13/00—Interconnection of, or transfer of information or other signals between, memories, input/output devices or central processing units

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本発明に係るシステムは、ユーザから指定された縦方向における位置でスマートフォン用Ｗｅｂページを分割した複数のセクションを、ユーザから指定された位置に再配置したＰＣ用Ｗｅｂページの表示を指示する表示指示データを生成する。本発明に係るシステムは、スマートフォン用Ｗｅｂページの構成要素の間の関係をツリー構造で示すツリーデータを生成し、当該ツリーデータをＰＣ用Ｗｅｂページに応じたツリーデータに変換する。本発明に係るシステムは、ツリーデータの変換において、Ｗｅｂページに含まれる複数のコンテンツの各々に関し、変換前のツリーデータが示すツリー構造において当該コンテンツに応じた枝に含まれる表示態様を決定するデータに応じたノードの全てが、変換後のツリーデータが示すツリー構造において当該コンテンツに応じた枝に含まれるようにする。A system according to the present invention is a display instruction for instructing display of a Web page for PC in which a plurality of sections obtained by dividing a Web page for a smartphone at a position in the vertical direction specified by the user are rearranged at the position specified by the user. Generate data. The system according to the present invention generates tree data indicating a relationship between components of a web page for a smartphone in a tree structure, and converts the tree data into tree data corresponding to the web page for PC. The system according to the present invention is data for determining, in conversion of tree data, a display mode included in a branch corresponding to the content in the tree structure indicated by the tree data before conversion, for each of a plurality of contents included in the Web page. All the nodes corresponding to are included in the branch corresponding to the content in the tree structure indicated by the converted tree data.

Description

本発明は、Ｗｅｂページの表示を指示する表示指示データを変換する技術に関する。   The present invention relates to a technology for converting display instruction data for instructing display of a web page.

従来、パーソナルコンピュータにおいて実行されるＷｅｂブラウザで表示されるＷｅｂページの表示を指示する表示指示データ（ＨＴＭＬ（HyperText Markup Language）により記述されたデータ等）を、携帯電話等の携帯端末において実行されるＷｅｂブラウザで表示されるＷｅｂページの表示を指示する表示指示データに変換する技術が提案されている。   Conventionally, display instruction data (such as data described in HTML (HyperText Markup Language)) for instructing display of a web page displayed by a web browser executed on a personal computer is executed on a portable terminal such as a mobile phone There has been proposed a technique for converting data into display instruction data for instructing display of a web page displayed by a web browser.

例えば、特許文献１には、携帯端末にＷＥＢサイト上のホームページを送信するシステムにおいて、ブラウザ機能を有する携帯端末と、ホームページを送受信するＷＥＢサーバと、両者間にあってＷＥＢサーバからの入力ファイルを携帯端末への出力ファイルに自動的に分割して送信するコンバータを組み入れたコンピュータとから構成されることを特徴とする携帯端末へのホームページ送信システムが記載されている。   For example, in Patent Document 1, in a system for transmitting a home page on a WEB site to a mobile terminal, a mobile terminal having a browser function, a WEB server for transmitting and receiving a home page, and an input file from the WEB server between the two. A home page transmission system to a portable terminal is described, which comprises: a computer incorporating a converter for automatically dividing and transmitting an output file.

特許文献１に記載のホームページ送信システムによれば、通常のインターネット上で通信可能なＨＴＭＬ（Hyper Text Markup Language）言語で作成されるパーソナルコンピュータ用のホームページの内容が、携帯端末画面でも閲覧可能となる。   According to the home page transmission system described in Patent Document 1, the contents of a home page for a personal computer created in HTML (Hyper Text Markup Language) language that can be communicated on the normal Internet can be viewed on a portable terminal screen. .

特開２００２−５５９１２号公報Unexamined-Japanese-Patent No. 2002-55912

近年、スマートフォンやタブレット型ＰＣ（パーソナルコンピュータ）が普及している。これらの携帯端末は、携帯電話と比較し、一般的に大きな画面を有し、ＷｅｂブラウザによるＷｅｂページの表示の処理も高速である。そのため、スマートフォンやタブレット型ＰＣによれば、ユーザは、ラップトップ型ＰＣやデスクトップ型ＰＣを用いる場合と同様に快適に、Ｗｅｂページの閲覧を行うことができる。さらに、スマートフォンやタブレット型ＰＣは、ラップトップ型ＰＣやデスクトップ型ＰＣと比較し、優れた携帯性を有する。従って、Ｗｅｂページがスマートフォンやタブレット型ＰＣにより閲覧される頻度が高まっている。   In recent years, smartphones and tablet PCs (personal computers) have become widespread. These portable terminals generally have a large screen as compared with a portable telephone, and the processing of displaying a web page by a web browser is also fast. Therefore, according to the smartphone or the tablet PC, the user can browse the web page comfortably as in the case of using the laptop PC or the desktop PC. Furthermore, smartphones and tablet PCs have superior portability compared to laptop PCs and desktop PCs. Therefore, the frequency with which a web page is viewed by a smartphone or a tablet PC is increasing.

スマートフォンやタブレット型ＰＣが有する表示装置の画面は通常、ラップトップ型ＰＣが有する表示装置やデスクトップ型ＰＣに接続される表示装置の画面よりも横方向のサイズが小さい。そのため、ユーザによるＷｅｂページの閲覧性を高めるために、ラップトップ型ＰＣやデスクトップ型ＰＣ用のＷｅｂページ（以下、便宜的に「ＰＣ用Ｗｅｂページ」という）に含まれるコンテンツは、縦方向及び横方向の任意の位置に配置されるが、スマートフォンやタブレットＰＣ用のＷｅｂページ（以下、便宜的に「スマートフォン用Ｗｅｂページ」という）に含まれるコンテンツは、一般的に、縦方向に一列に配置される。   The screen of the display device of the smartphone or tablet PC is usually smaller in size in the lateral direction than the screen of the display device of the laptop PC or the display device connected to the desktop PC. Therefore, the content included in the web page for a laptop PC or desktop PC (hereinafter referred to as “PC web page for convenience” for convenience) in order to improve the viewability of the web page by the user is vertical and horizontal. Content that is placed at an arbitrary position in the direction but is included in a web page for a smartphone or tablet PC (hereinafter referred to as a “smart phone web page” for convenience) is generally placed in a line in the vertical direction Ru.

上記のように、ＰＣ用Ｗｅｂページとスマートフォン用Ｗｅｂページにおいては、コンテンツの配置が異なる。従って、Ｗｅｂページの配信を行う企業等は、同じコンテンツを含むＰＣ用Ｗｅｂページとスマートフォン用Ｗｅｂページを個別に準備する必要がある。   As described above, the arrangement of content differs between the PC web page and the smartphone web page. Therefore, a company or the like who distributes web pages needs to separately prepare a web page for PC and a web page for smart phone including the same content.

上述したように、近年、一般的にスマートフォン用Ｗｅｂページが閲覧される頻度が高まっている。従って、Ｗｅｂページの配信を行う企業等の多くは、ＰＣ用Ｗｅｂページとスマートフォン用Ｗｅｂページを個別に準備し改善するにあたり、労力、時間、費用等の限られたリソースのより多くを、スマートフォン用Ｗｅｂページの準備及び改善に費やしたい、というニーズを持っている。   As described above, in recent years, the frequency at which a smartphone Web page is viewed is generally increasing. Therefore, many companies, etc. that deliver Web pages prepare more for PC Web pages and Web pages for smartphones individually and improve more resources with limited resources such as labor, time, and expenses for smartphones. I have a need to spend on preparing and improving web pages.

上述の背景に鑑み、本発明は、スマートフォン用Ｗｅｂページを用いて、ＰＣ用Ｗｅｂページの生成を可能とする技術を提供する。   In view of the above-described background, the present invention provides a technology that enables generation of a Web page for a PC using a Web page for a smartphone.

上述した課題を解決するために、本発明は、コンピュータに、第１の画面用のＷｅｂページの表示を指示する変換前表示指示データを、前記第１の画面より横方向のサイズが大きい第２の画面用のＷｅｂページの表示を指示する変換後表示指示データに変換する処理であって、前記第１の画面用のＷｅｂページの縦方向における分割位置を示す分割位置データを取得する処理と、前記分割位置データが示す分割位置において前記第１の画面用のＷｅｂページを分割して得られる複数のセクションのうち少なくとも２つのセクションが前記第２の画面において横方向に並ぶように再配置された前記複数のセクションの配置を示す配置データを取得する処理と、前記変換前表示指示データが表示を指示するＷｅｂページの構成要素の間の関係をツリー構造で示すツリーデータを生成する処理と、前記ツリーデータを、前記配置データが示す配置で前記複数のセクションが表示されるＷｅｂページに応じたツリーデータに変換する処理であって、前記変換前表示指示データが表示を指示するＷｅｂページの構成要素の各々に関し、当該構成要素に応じた枝に含まれる所定の種別のノードの全てが変換後のツリーデータが示すツリー構造における当該構成要素に応じた枝に含まれるように、前記ツリーデータを変換する処理と、前記変換する処理において変換した後のツリーデータに従い、前記変換前表示指示データを前記変換後表示指示データに変換する処理とを含む処理を実行させるためのプログラムを第１の態様として提供する。   In order to solve the problems described above, according to the present invention, before-conversion display instruction data for instructing a computer to display a Web page for the first screen, the second size of the display in the horizontal direction is larger than that of the first screen. Processing for converting into display instruction data after conversion instructing display of a Web page for the screen, and processing for acquiring division position data indicating a division position in the vertical direction of the Web page for the first screen; At least two of the plurality of sections obtained by dividing the Web page for the first screen at the division position indicated by the division position data are rearranged so as to be aligned in the second screen. A process of acquiring arrangement data indicating the arrangement of the plurality of sections, and a relationship between components of the Web page on which the display instruction data before conversion instructs the display A process of generating tree data represented by a structure and a process of converting the tree data into tree data corresponding to a Web page in which the plurality of sections are displayed in the arrangement indicated by the arrangement data, With respect to each component of the Web page for which display instruction data instructs display, all the nodes of a predetermined type included in the branch according to the component correspond to the component in the tree structure indicated by the converted tree data And processing for converting the tree data and processing for converting the display instruction data before conversion into the display instruction data after conversion according to the tree data after conversion in the conversion process so as to be included in a branch. A program for executing a process is provided as a first aspect.

上記の第１の態様に係るプログラムによれば、第１の画面用のＷｅｂページ（スマートフォン用Ｗｅｂページ）を用いて、第１の画面より横方向のサイズが大きい第２の画面用のＷｅｂページ（ＰＣ用Ｗｅｂページ）が生成される。その際、第１の画面用のＷｅｂページと、当該第１の画面用のＷｅｂページを用いて生成された第２の画面用のＷｅｂページとに含まれる同一のコンテンツの表示態様が大きく異なることがない。   According to the program of the first aspect, the web page for the second screen having a larger size in the lateral direction than the first screen, using the web page for the first screen (the web page for the smartphone) (Web page for PC) is generated. At that time, the display mode of the same content included in the web page for the first screen and the web page for the second screen generated using the web page for the first screen is largely different. There is no

上記の第１の態様に係るプログラムにおいて、前記コンピュータには、ユーザの操作を受け付ける操作装置が接続され、前記分割位置データを取得する処理は、前記操作装置を用いて行われた前記ユーザの操作に応じて生成されたデータを取得し、当該データに基づき前記分割位置データを生成する処理を含む、という構成が第２の態様として採用されてもよい。   In the program according to the first aspect, an operation device for receiving a user's operation is connected to the computer, and the process of acquiring the division position data is performed by the user's operation performed using the operation device. A configuration may be adopted as a second aspect that includes a process of acquiring data generated according to and generating the division position data based on the data.

上記の第２の態様に係るプログラムによれば、第１の画面用のＷｅｂページに含まれるコンテンツがユーザの希望する位置で複数のセクションに分割され、それらの複数のセクションが再配置された第２の画面用のＷｅｂページが生成される。   According to the program of the second aspect, the content included in the web page for the first screen is divided into a plurality of sections at a position desired by the user, and the plurality of sections are rearranged. A web page for screen 2 is generated.

上記の第１の態様に係るプログラムにおいて、前記変換前表示指示データは前記分割位置データを含んでおり、前記分割位置データを取得する処理は、前記変換前表示指示データから前記分割位置データを抽出する処理を含む、という構成が第３の態様として採用されてもよい。   In the program according to the first aspect, the display instruction data before conversion includes the division position data, and the process of acquiring the division position data extracts the division position data from the display instruction data before conversion. A configuration that includes the processing to be performed may be adopted as the third aspect.

上記の第３の態様に係るプログラムによれば、ユーザによる操作を要することなく、第１の画面用のＷｅｂページに含まれるコンテンツが適切な位置で複数のセクションに分割され、それらの複数のセクションが再配置された第２の画面用のＷｅｂページが生成される。   According to the program of the third aspect, the content included in the web page for the first screen is divided into a plurality of sections at appropriate positions without requiring a user operation, and the plurality of sections are divided. Is generated, the web page for the second screen being rearranged.

上記の第１の態様に係るプログラムにおいて、前記コンピュータには、ユーザの操作を受け付ける操作装置が接続され、前記配置データを取得する処理は、前記操作装置を用いて行われた前記ユーザの操作に応じて生成されたデータを取得し、当該データに基づき前記配置データを生成する処理を含む、という構成が第４の態様として採用されてもよい。   In the program according to the first aspect, the computer is connected to an operating device that receives a user's operation, and the process of acquiring the arrangement data is performed by the user's operation performed using the operating device. A configuration may be adopted as a fourth aspect that includes a process of acquiring data generated in response and generating the arrangement data based on the data.

上記の第４の態様に係るプログラムによれば、第１の画面用のＷｅｂページを分割した複数のセクションの各々が、ユーザの希望する位置に再配置された第２の画面用のＷｅｂページが生成される。   According to the program of the fourth aspect, each of the plurality of sections obtained by dividing the Web page for the first screen is the Web page for the second screen rearranged at the position desired by the user. It is generated.

上記の第１の態様に係るプログラムにおいて、前記コンピュータには、ユーザの操作を受け付ける操作装置が接続され、前記配置データを取得する処理は、前記操作装置を用いて行われた前記ユーザの操作に応じて生成された前記複数のセクションの各々の属性を示す属性データを取得する処理と、前記属性データが示す属性に基づき前記配置データを生成する処理とを含む、という構成が第５の態様として採用されてもよい。   In the program according to the first aspect, the computer is connected to an operating device that receives a user's operation, and the process of acquiring the arrangement data is performed by the user's operation performed using the operating device. According to a fifth aspect, there is provided, as a fifth aspect, a configuration including a process of acquiring attribute data indicating an attribute of each of the plurality of sections generated in response to the process of generating the arrangement data based on the attribute indicated by the attribute data. It may be adopted.

上記の第５の態様に係るプログラムによれば、ユーザが第１の画面用のＷｅｂページを分割した複数のセクションの各々の属性を指定すると、それらの複数のセクションが適切に再配置された第２の画面用のＷｅｂページが生成される。   According to the program of the fifth aspect, when the user designates an attribute of each of the plurality of sections obtained by dividing the web page for the first screen, the plurality of sections are appropriately rearranged. A web page for screen 2 is generated.

上記の第１の態様に係るプログラムにおいて、前記変換前表示指示データは、前記複数のセクションの各々の属性を示す属性データを含んでおり、前記配置データを取得する処理は、前記変換前表示指示データから前記属性データを抽出する処理と、前記属性データが示す属性に基づき前記配置データを生成する処理とを含む、という構成が第６の態様として採用されてもよい。   In the program according to the first aspect, the pre-conversion display instruction data includes attribute data indicating an attribute of each of the plurality of sections, and the process of acquiring the arrangement data includes the pre-conversion display instruction. A configuration including a process of extracting the attribute data from data and a process of generating the arrangement data based on the attribute indicated by the attribute data may be adopted as a sixth aspect.

上記の第６の態様に係るプログラムによれば、ユーザによる操作を要することなく、第１の画面用のＷｅｂページを分割した複数のセクションが適切な位置に再配置された第２の画面用のＷｅｂページが生成される。   According to the program according to the sixth aspect, for the second screen, the plurality of sections obtained by dividing the Web page for the first screen are rearranged at appropriate positions without requiring the operation by the user. Web page is generated.

また、本発明は、上記の第１乃至第６の態様のいずれかに係るプログラムを持続的に記録しているコンピュータ読取可能な不揮発性の記録媒体を第７の態様として提供する。   The present invention also provides, as a seventh aspect, a computer readable non-volatile recording medium in which the program according to any one of the first to sixth aspects is continuously recorded.

また、本発明は、メモリと、前記メモリに記憶されているプログラムに従いデータ処理を行うプロセッサを有するシステムであって、前記プロセッサは、第１の画面用のＷｅｂページの縦方向における分割位置を示す分割位置データを取得する処理と、前記分割位置データが示す分割位置において前記第１の画面用のＷｅｂページを分割して得られる複数のセクションのうち少なくとも２つのセクションが、前記第１の画面より横方向のサイズが大きい第２の画面において横方向に並ぶように再配置された、前記複数のセクションの配置を示す配置データを取得する処理と、前記第１の画面用のＷｅｂページの表示を指示する変換前表示指示データを用いて、前記第１の画面用のＷｅｂページの構成要素の間の関係をツリー構造で示すツリーデータを生成する処理と、前記ツリーデータを、前記配置データが示す配置で前記複数のセクションが表示されるＷｅｂページに応じたツリーデータに変換する処理であって、前記変換前表示指示データが表示を指示するＷｅｂページの構成要素の各々に関し、当該構成要素に応じた枝に含まれる所定の種別のノードの全てが変換後のツリーデータが示すツリー構造における当該構成要素に応じた枝に含まれるように、前記ツリーデータを変換する処理と、前記変換する処理において変換した後のツリーデータに従い、前記変換前表示指示データを、前記第２の画面用のＷｅｂページの表示を指示する変換後表示指示データに変換する処理とを含む処理を実行するシステムを第８の態様として提供する。   Further, the present invention is a system having a memory and a processor that performs data processing in accordance with a program stored in the memory, wherein the processor indicates a dividing position in the vertical direction of the Web page for the first screen. At least two of the plurality of sections obtained by dividing the Web page for the first screen at the division position indicated by the division position data and the process of acquiring division position data, from the first screen Processing for acquiring layout data indicating layout of the plurality of sections rearranged so as to align horizontally in the second screen having a large size in the horizontal direction, and displaying of the Web page for the first screen A tree showing, in a tree structure, a relationship between components of the Web page for the first screen using the pre-conversion display instruction data to be indicated Processing for generating data and processing for converting the tree data into tree data according to the Web page in which the plurality of sections are displayed in the arrangement indicated by the arrangement data, wherein the pre-conversion display instruction data is With respect to each component of the Web page instructing display, all of the nodes of a predetermined type included in the branch corresponding to the component are included in the branch corresponding to the component in the tree structure indicated by the tree data after conversion To convert the tree data, and the display instruction data before conversion according to the tree data after conversion in the conversion process, for instructing the display of the Web page for the second screen An eighth aspect provides a system that executes a process including a process of converting it into display instruction data.

本発明によれば、第１の画面用のＷｅｂページを用いて、第１の画面より横方向のサイズが大きい第２の画面用のＷｅｂページの生成が可能となる。   According to the present invention, it is possible to generate a second screen Web page whose size in the horizontal direction is larger than that of the first screen, using the first screen Web page.

スマートフォン用Ｗｅｂページを模式的に示した図。The figure which showed the web page for smartphones typically. ＰＣ用Ｗｅｂページを模式的に示した図。The figure which showed the web page for PC typically. 一実施形態に係るシステムの構成を示した図。The figure showing the composition of the system concerning one embodiment. 一実施形態に係るシステムの表示装置に表示される画像を示した図。FIG. 2 is a diagram showing an image displayed on a display device of a system according to an embodiment. 一実施形態に係るシステムの表示装置に表示される画像を示した図。FIG. 2 is a diagram showing an image displayed on a display device of a system according to an embodiment. 一実施形態に係るシステムの表示装置に表示される画像を示した図。FIG. 2 is a diagram showing an image displayed on a display device of a system according to an embodiment. 一実施形態に係るシステムのコンピュータが生成する変換前ツリーデータが示すツリー構造を模式的に示した図。The figure which showed typically the tree structure which the tree data before conversion which the computer of the system concerning one embodiment generates show. 一実施形態に係るシステムのコンピュータが生成する変換後ツリーデータが示すツリー構造を模式的に示した図。The figure which showed typically the tree structure which the tree data after conversion which the computer of the system concerning one embodiment generates show. 一変形例に係るシステムの表示装置に表示される画像を示した図。The figure which showed the image displayed on the display apparatus of the system which concerns on one modification.

［実施形態］
以下に、本発明の一実施形態に係るシステム１を説明する。システム１は、スマートフォン用Ｗｅｂページの表示を指示する表示指示データを用いて、ＰＣ用Ｗｅｂページの表示を指示する表示指示データを生成するシステムである。[Embodiment]
Hereinafter, a system 1 according to an embodiment of the present invention will be described. The system 1 is a system that generates display instruction data for instructing display of a Web page for PC using display instruction data for instructing display of a Web page for smartphone.

図１は、スマートフォン用ＷｅｂページであるＷｅｂページＰを模式的に示した図である。ＷｅｂページＰにはコンテンツＡ〜Ｇが含まれている。ここで、コンテンツはまとまりのある情報群を意味する。ＷｅｂページＰにおいて、コンテンツＡ〜Ｇは縦方向に一列に並ぶように配置されている。すなわち、ＷｅｂページＰにおいては、横方向に２以上のコンテンツが並ぶことはない。   FIG. 1 is a diagram schematically showing a web page P which is a web page for a smartphone. The web page P includes contents A to G. Here, the content means a group of information with unity. In the web page P, the contents A to G are arranged in a line in the vertical direction. That is, in the Web page P, two or more contents do not line up in the horizontal direction.

図２は、ＰＣ用ＷｅｂページであるＷｅｂページＱを模式的に示した図である。ＷｅｂページＱには、ＷｅｂページＰと同様に、コンテンツＡ〜Ｇが含まれている。しかし、ＷｅｂページＱにおいては、横方向において不要な隙間や余白が生じないように、コンテンツＡ〜Ｇのうちの２以上が横方向に並ぶように配置されている。   FIG. 2 is a diagram schematically showing a web page Q which is a PC web page. Similar to the web page P, the web page Q includes contents A to G. However, in the Web page Q, two or more of the contents A to G are arranged in the lateral direction so that unnecessary gaps and margins do not occur in the lateral direction.

システム１は、例えば、ＷｅｂページＰの表示を指示する表示指示データ（以下、「変換前表示指示データ」という）を用いて、ＷｅｂページＱの表示を指示する表示指示データ（以下、「変換後表示指示データ」という）を生成する。   The system 1 uses, for example, display instruction data (hereinafter referred to as “pre-conversion display instruction data”) for instructing display of the web page P to display instruction data for instructing display of the web page Q (hereinafter, “after conversion” Generating display instruction data).

図３は、システム１を構成する装置を示した図である。システム１は、コンピュータ１１と、コンピュータ１１に接続された表示装置１２と、コンピュータ１１に接続された操作装置１３を備える。   FIG. 3 is a diagram showing an apparatus constituting the system 1. The system 1 includes a computer 11, a display device 12 connected to the computer 11, and an operating device 13 connected to the computer 11.

コンピュータ１１は、各種データを記憶するメモリ１１１と、メモリ１１１に記憶されているプログラムに従いデータ処理を行うプロセッサ１１２と、表示装置１２及び操作装置１３との間でデータの授受を行うインタフェース１１３を備える。   The computer 11 includes a memory 111 for storing various data, a processor 112 for performing data processing in accordance with a program stored in the memory 111, and an interface 113 for exchanging data between the display device 12 and the operation device 13. .

表示装置１２は、例えば液晶ディスプレイであり、コンピュータ１１により生成された画像を表示する。操作装置１３は、例えばキーボード及びマウスであり、システム１のユーザがコンピュータ１１に対し行うデータ入力等の操作を受け付ける。   The display device 12 is, for example, a liquid crystal display, and displays an image generated by the computer 11. The operating device 13 is, for example, a keyboard and a mouse, and receives an operation such as data input performed by the user of the system 1 on the computer 11.

コンピュータ１１のプロセッサ１１２は、メモリ１１１に記憶されているプログラムに従い、以下の処理を行う。まず、プロセッサ１１２は、メモリ１１１に記憶されている変換前表示指示データに従い、ＷｅｂページＰを表示装置１２に表示させる。ユーザは、表示装置１２に表示されるＷｅｂページＰに対し、ＷｅｂページＰに含まれる複数のコンテンツの縦方向における境界の位置を、操作装置１３を用いて指定する。   The processor 112 of the computer 11 performs the following processing in accordance with the program stored in the memory 111. First, the processor 112 causes the display device 12 to display the web page P in accordance with the pre-conversion display instruction data stored in the memory 111. The user specifies the position of the boundary in the vertical direction of the plurality of contents included in the web page P using the operation device 13 with respect to the web page P displayed on the display device 12.

図４は、ユーザがＷｅｂページＰに対しコンテンツの境界の位置を指定するときに表示装置１２に表示される画像を示した図である。図４において、ラインＳはユーザにより指定されたコンテンツの境界の位置の一つを示している。ユーザは、必要に応じて、操作装置１３を用いてラインＳの縦方向における位置を修正することができる。   FIG. 4 is a view showing an image displayed on the display device 12 when the user designates the position of the boundary of the content on the Web page P. As shown in FIG. In FIG. 4, line S indicates one of the positions of the boundaries of the content designated by the user. The user can correct the vertical position of the line S using the operating device 13 as needed.

ユーザは、ＷｅｂページＰに含まれるコンテンツの数に応じて、コンテンツの境界の位置を指定する操作を繰り返す。プロセッサ１１２は、ユーザが行ったコンテンツの境界の位置を指定する操作に応じて操作装置１３が生成したデータを取得し、当該データに基づき、ＷｅｂページＰの縦方向における分割位置を示す分割位置データを生成する。ＷｅｂページＰは、分割位置データが示す分割位置において複数のセクションに分割される。以下の説明において、ＷｅｂページＰは図１に示したコンテンツＡ〜Ｇの各々を含むセクション（以下、「セクションＡ〜Ｇ」という）に分割されるものとする。   The user repeats the operation of specifying the position of the boundary of the content in accordance with the number of the content included in the web page P. The processor 112 acquires data generated by the controller device 13 in accordance with the user's operation of specifying the position of the boundary of the content, and division position data indicating the division position of the Web page P in the vertical direction based on the data Generate The web page P is divided into a plurality of sections at division positions indicated by division position data. In the following description, the web page P is divided into sections (hereinafter referred to as “sections A to G”) including each of the contents A to G shown in FIG. 1.

続いて、ユーザは、操作装置１３を用いて、ＰＣ用ＷｅｂページにおけるセクションＡ〜Ｇの各々の位置を指定する。図５は、ユーザがＰＣ用ＷｅｂページにおけるセクションＡ〜Ｇの各々の位置を指定するときに表示装置１２に表示される画像を示した図である。図５において、破線ＲはＰＣ用Ｗｅｂページの領域を示す。プロセッサ１１２は、ユーザが行ったＰＣ用ＷｅｂページにおけるセクションＡ〜Ｇの位置を指定する操作に応じて操作装置１３が生成したデータを取得し、当該データに基づき、ＰＣ用ＷｅｂページにおけるセクションＡ〜Ｇの各々の配置を示す配置データを生成する。本願において、ＰＣ用Ｗｅｂページにおけるセクションの配置とは、ＰＣ用Ｗｅｂページにおいてセクションが占める領域の位置と縦方向及び横方向のサイズを意味する。   Subsequently, the user uses the operation device 13 to specify the position of each of the sections A to G in the PC web page. FIG. 5 is a diagram showing an image displayed on the display device 12 when the user designates the position of each of the sections A to G in the Web page for PC. In FIG. 5, the broken line R indicates the area of the PC web page. The processor 112 acquires data generated by the controller device 13 according to the operation performed by the user to specify the positions of the sections A to G in the PC web page, and based on the data, the section A to the PC web page. Arrangement data indicating the arrangement of each of G is generated. In the present application, the arrangement of the section in the Web page for PC means the position of the area occupied by the section in the Web page for PC and the size in the vertical direction and the horizontal direction.

本実施形態において、プロセッサ１１２は、以下の条件（１）〜（３）の全てを満たすように、ユーザにより指定された位置に配置される各セクションの縦方向及び横方向のサイズを決定する。
（１）横方向に並ぶ２以上のセクションの上端及び下端が揃う。
（２）各行の最も左側のセクションの左端がＰＣ用Ｗｅｂページの左端に一致し、各行の最も右側のセクションの右端がＰＣ用Ｗｅｂページの右端に一致する。
（３）ＰＣ用Ｗｅｂページにおける各セクションの面積が、スマートフォン用Ｗｅｂページにおける各セクションの面積と一致する。In the present embodiment, the processor 112 determines the size in the vertical direction and the horizontal direction of each section arranged at the position designated by the user so as to satisfy all of the following conditions (1) to (3).
(1) The upper and lower ends of two or more sections aligned in the horizontal direction are aligned.
(2) The left end of the leftmost section of each line matches the left end of the PC Web page, and the right end of the rightmost section of each line matches the right end of the PC Web page.
(3) The area of each section in the Web page for PC matches the area of each section in the Web page for smartphone.

図６は、ユーザによりセクションＡ〜Ｇの全てに関しそれらのセクションのＰＣ用Ｗｅｂページにおける位置が指定され、プロセッサ１１２によりＰＣ用ＷｅｂページにおけるセクションＡ〜Ｇの各々の配置が決定されたときに表示装置１２に表示される画像を示した図である。   FIG. 6 is displayed when the user specifies the positions of those sections in the PC Web page for all the sections A to G, and the processor 112 determines the placement of each of the sections A to G in the PC Web page. FIG. 6 is a view showing an image displayed on the device 12;

続いて、プロセッサ１１２は、変換前表示指示データを解析し、変換前表示指示データが表示を指示するスマートフォン用Ｗｅｂページの構成要素の間の関係をツリー構造で示すツリーデータを生成する。プロセッサ１１２が生成するツリーデータは、例えば、ＤＯＭ（Document Object Model）ツリーと呼ばれるツリーを示す。   Subsequently, the processor 112 analyzes the pre-conversion display instruction data, and generates tree data indicating, in a tree structure, the relationship between the components of the smartphone Web page for which the pre-conversion display instruction data instructs display. The tree data generated by the processor 112 indicates, for example, a tree called a Document Object Model (DOM) tree.

図７は、プロセッサ１１２が変換前表示指示データを解析して生成したツリーデータ（以下、「変換前ツリーデータ」という）が示すツリー構造を模式的に示した図である。図７に示されるツリー構造に含まれるノードＡ〜Ｇは、コンテンツＡ〜Ｇに対応するノードである。また、図７に示されるツリー構造に含まれるノードＸ〜Ｚは所定の種別のノードである。具体的には、ノードＸ〜Ｚは、コンテンツＡ〜Ｇの表示態様を決定するためのデータ（例えば、ＣＳＳ（Cascading Style Sheets）やＪａｖａＳｃｒｉｐｔ（登録商標）で記述されたテキストデータ）に対応するノードである。   FIG. 7 is a view schematically showing a tree structure indicated by tree data (hereinafter, referred to as “pre-conversion tree data”) generated by analyzing the pre-conversion display instruction data by the processor 112. Nodes A to G included in the tree structure shown in FIG. 7 are nodes corresponding to the contents A to G. Also, nodes X to Z included in the tree structure shown in FIG. 7 are nodes of a predetermined type. Specifically, nodes X to Z are nodes corresponding to data for determining the display mode of the contents A to G (for example, text data described in Cascading Style Sheets (CSS) or JavaScript (registered trademark)). It is.

続いて、プロセッサ１１２は、図７に示されるツリー構造を示す変換前ツリーデータ（スマートフォン用Ｗｅｂページに応じたツリーデータ）を、図６に示される配置でコンテンツＡ〜Ｇが表示されるＰＣ用Ｗｅｂページに応じたツリーデータ（以下、「変換後ツリーデータ」という）に変換する。この変換において、プロセッサ１１２は、コンテンツＡ〜Ｇの各々に関し、変換前ツリーデータが示すツリー構造において当該コンテンツに応じた枝に含まれる所定の種別のノードの全てが、変換後ツリーデータが示すツリー構造における当該コンテンツに応じた枝に含まれるようにする。   Subsequently, the processor 112 is for a PC on which the contents A to G are displayed in the arrangement shown in FIG. 6 before the conversion tree data (tree data corresponding to the smartphone Web page) showing the tree structure shown in FIG. It is converted to tree data (hereinafter referred to as "converted tree data") according to the Web page. In this conversion, the processor 112 relates to each of the contents A to G, and in the tree structure indicated by the pre-conversion tree data, all of the nodes of a predetermined type included in the branch according to the contents Make it included in the branch according to the content in the structure.

図８は、プロセッサ１１２が生成した変換後ツリーデータが示すツリー構造を模式的に示した図である。図８に示されるツリー構造に含まれる何も符号の振られていないノードは、例えば、各セクションに含まれるコンテンツの行又は列を示すデータに対応するノードである。   FIG. 8 is a diagram schematically showing a tree structure indicated by the converted tree data generated by the processor 112. As shown in FIG. Unsigned nodes included in the tree structure shown in FIG. 8 are, for example, nodes corresponding to data indicating rows or columns of content included in each section.

図８に示されるツリー構造においては、ノードＡ〜Ｇの各々に関し、当該ノードを含む枝には、図７に示したツリー構造において当該ノードを含む枝に含まれていたノードＸ〜Ｚが全て含まれている。例えば、図７に示したツリー構造において、ノードＡ及びノードＢを含む枝にはノードＸが含まれている。図８に示したツリー構造においても、ノードＡ及びノードＢを含む枝の各々にはノードＸが含まれている。   In the tree structure shown in FIG. 8, regarding each of the nodes A to G, all the nodes X to Z included in the branch including the node in the tree structure shown in FIG. include. For example, in the tree structure shown in FIG. 7, the branch including node A and node B includes node X. Also in the tree structure shown in FIG. 8, node X is included in each of the branches including node A and node B.

ここで、ノードＡに対応するコンテンツＡと、ノードＢに対応するコンテンツＢは、異なる列に配置される。そのため、図８に示したツリー構造において、ノードＡを含む枝とノードＢを含む枝は、それらのノードに応じたコンテンツの表示態様を示すデータに応じたノードＸが配置される位置より上流で分岐している。プロセッサ１１２は、図８のツリー構造を示す変換後ツリーデータを生成するにあたり、ノードＸを複製し、ノードＡを含む枝とノードＢを含む枝の各々にノードＸを配置する。   Here, the content A corresponding to the node A and the content B corresponding to the node B are arranged in different columns. Therefore, in the tree structure shown in FIG. 8, the branch including the node A and the branch including the node B are upstream of the position where the node X according to the data indicating the display mode of the content according to those nodes is arranged. It is branched. The processor 112 duplicates the node X, and arranges the node X in each of the branch including the node A and the branch including the node B in generating the converted tree data indicating the tree structure of FIG. 8.

ノードＢ〜Ｇに関しても同様である。   The same applies to nodes B to G.

続いて、プロセッサ１１２は、図８に示したツリー構造を示す変換後ツリーデータに従い、スマートフォン用Ｗｅｂページの表示を指示する変換前表示指示データを、ＰＣ用Ｗｅｂページの表示を指示する変換後表示指示データに変換する。   Subsequently, the processor 112 displays the pre-conversion display instruction data instructing the display of the smartphone Web page in accordance with the converted tree data showing the tree structure shown in FIG. 8 after the conversion instructing the display of the PC Web page. Convert to instruction data.

プロセッサ１１２により生成された変換後表示指示データは、例えばＷｅｂサーバにアップロードされ、Ｗｅｂサーバからラップトップ型ＰＣやデスクトップ型ＰＣに配信され、ＰＣ用Ｗｅｂページの表示に用いられる。   The converted display instruction data generated by the processor 112 is uploaded to, for example, a Web server, distributed from the Web server to a laptop PC or a desktop PC, and used to display a Web page for PC.

上述したシステム１によれば、ユーザがスマートフォン用Ｗｅｂページに対し、コンテンツの境界の位置を指定する操作を行い、指定した境界において分割された複数のセクションの各々のＰＣ用Ｗｅｂページにおける位置を指定する操作を行うと、ＰＣ用Ｗｅｂページの表示を指示する表示指示データが生成される。そのように生成される表示指示データに従い表示されるＰＣ用Ｗｅｂページにおいては、スマートフォン用Ｗｅｂページに含まれるコンテンツが、ＰＣ用の画面に適した配置で、スマートフォン用Ｗｅｂページにおける表示態様と同様の表示態様で表示される。従って、ユーザは、ＰＣ用Ｗｅｂページの準備及び改善に多くのリソースを用いる必要がない。   According to the system 1 described above, the user performs an operation of specifying the position of the boundary of the content on the Web page for smartphone, and specifies the position of each of the plurality of sections divided at the specified boundary in the Web page for PC When the operation is performed, display instruction data for instructing display of the PC web page is generated. In the Web page for PC displayed according to the display instruction data generated in such a manner, the content included in the Web page for smartphone is the arrangement suitable for the screen for PC, and is the same as the display mode in the Web page for smartphone. It is displayed in the display mode. Therefore, the user does not have to use many resources for preparing and improving the web page for the PC.

［変形例］
上述したシステム１は本発明の一実施形態であり、様々に変形されてよい。以下に変形例を示す。以下の２以上の変形例が組み合わされてもよい。[Modification]
The system 1 described above is an embodiment of the present invention and may be variously modified. The modification is shown below. The following two or more modifications may be combined.

（１）上述した実施形態において、プロセッサ１１２は、ユーザが行ったコンテンツの境界の位置を指定する操作に応じて操作装置１３が生成したデータを取得し、当該データに基づきＰＣ用Ｗｅｂページの縦方向における分割位置を示す分割位置データを生成する。プロセッサ１１２が分割位置データを取得する方法はこれに限られない。 (1) In the embodiment described above, the processor 112 acquires data generated by the controller device 13 according to an operation performed by the user to specify the position of the boundary of the content, and based on the data, the length of the Web page for PC Division position data indicating a division position in the direction is generated. The method by which the processor 112 obtains division position data is not limited to this.

例えば、ＰＣ用Ｗｅｂページの表示を指示する変換前表示指示データにセクションの区切りを示すデータが含まれている場合、プロセッサ１１２が、変換前表示指示データからセクションの区切りを示すデータを、分割位置データとして抽出することにより、分割位置データを取得してもよい。   For example, in the case where the pre-conversion display instruction data instructing the display of the Web page for PC includes data indicating a section break, the processor 112 divides the data indicating the section break from the pre-conversion display instruction data into division positions. Division position data may be acquired by extracting as data.

変換前表示指示データがＨＴＭＬで記述されたデータである場合、分割位置データとして利用可能なデータとしては、例えば、ｈ１タグ〜ｈ６タグ、ａｒｔｉｃｌｅタグ、ｓｅｃｔｉｏｎタグ、ＨＴＭＬのコメント等が挙げられる。   When the pre-conversion display instruction data is data described in HTML, examples of data usable as division position data include h1 tag to h6 tag, article tag, section tag, HTML comment, and the like.

この変形例によれば、ユーザはスマートフォン用Ｗｅｂページに対し、コンテンツの境界の位置を指定する必要がない。   According to this modification, the user does not have to specify the position of the boundary of the content on the smartphone Web page.

（２）上述した実施形態において、プロセッサ１１２は、ユーザが行った各セクションのＰＣ用Ｗｅｂページにおける位置を指定する操作に応じて操作装置１３が生成したデータを取得し、当該データに基づきＰＣ用Ｗｅｂページにおける各セクションの配置を示す配置データを生成する。プロセッサ１１２が配置データを取得する方法はこれに限られない。 (2) In the embodiment described above, the processor 112 acquires data generated by the controller device 13 according to an operation performed by the user to specify the position of each section in the PC Web page, and based on the data, the processor 112 Generate arrangement data indicating the arrangement of each section in the web page. The way in which the processor 112 obtains the placement data is not limited to this.

例えば、ユーザが各セクションのＰＣ用Ｗｅｂページにおける位置を指定する代わりに、各セクションの属性を指定し、プロセッサ１１２が、ユーザにより指定された各セクションの属性を示す属性データを取得し、当該属性データに基づき配置データを生成してもよい。ここで用いられるセクションの属性は、セクションがＰＣ用Ｗｅｂページに再配置されるときに可能な変形の種別を意味する。   For example, instead of the user specifying the position of each section in the PC Web page, the attribute of each section is specified, and the processor 112 acquires attribute data indicating the attribute of each section specified by the user, and the attribute Configuration data may be generated based on the data. The attribute of the section used here means the type of deformation that is possible when the section is rearranged on the PC web page.

図９は、ユーザが各セクションの属性を指定する操作が行われるときに表示装置１２に表示される画像を示した図である。例えば、ユーザが操作装置１３を用いて、セクションＡ〜Ｇのいずれかを選択すると、プロセッサ１１２の制御下で表示装置１２は、選択されたセクションの属性の候補をリスト表示する。ユーザがリスト表示された候補の中からいずれかの属性を指定すると、プロセッサ１１２は操作装置１３からユーザの操作に応じたデータを取得し、当該データが示すユーザにより選択された属性を示す属性データを生成する。そして、プロセッサ１１２は、生成した属性データが示す属性に基づき、ＰＣ用Ｗｅｂページにおける各セクションの配置を決定し、決定した配置を示す配置データを生成する。   FIG. 9 is a view showing an image displayed on the display device 12 when an operation of designating an attribute of each section is performed by the user. For example, when the user uses the operation device 13 to select any of the sections A to G, the display device 12 displays a list of attribute candidates of the selected section under the control of the processor 112. When the user designates one of the listed attributes, the processor 112 acquires data corresponding to the user's operation from the operation device 13, and attribute data indicating the attribute selected by the user indicated by the data. Generate Then, the processor 112 determines the arrangement of each section in the Web page for PC based on the attribute indicated by the generated attribute data, and generates arrangement data indicating the determined arrangement.

この変形例によれば、ユーザが各セクションの属性を指定すると、ＰＣ用Ｗｅｂページにおける各セクションの配置が適切に決定される。   According to this modification, when the user specifies the attribute of each section, the arrangement of each section in the PC web page is appropriately determined.

また、ＰＣ用Ｗｅｂページの表示を指示する変換前表示指示データに各セクションの可能な変形の種別を示すデータが含まれている場合、プロセッサ１１２が、変換前表示指示データからそれらのデータを属性データとして抽出し、抽出した属性データが示す属性に基づき、配置データを生成してもよい。   In addition, when data indicating the type of possible deformation of each section is included in the pre-conversion display instruction data instructing the display of the Web page for PC, the processor 112 attributes those data from the pre-conversion display instruction data. The arrangement data may be generated based on the attributes extracted as data and indicated by the extracted attribute data.

属性データとして利用可能なデータとしては、例えば、写真等の固定サイズの画像の表示を指示するデータ、テーブルの表示を指示するデータ等が挙げられる。例えば、固定サイズの画像が表示されるセクションの縦方向のサイズは、その画像の縦方向のサイズより小さくすることはできず、そのセクションの横方向のサイズは、その画像の横方向のサイズより小さくすることはできない。また、テーブルが表示されるセクションの横方向のサイズは、テーブルの横方向のサイズより小さくすることはできない。ただし、テーブルを、例えば２段組にすることにより、セクションの横方向のサイズを約２倍にすると同時に、縦方向のサイズを約半分にすることができる。   Examples of data that can be used as attribute data include data that instructs display of a fixed-size image such as a photo, data that instructs display of a table, and the like. For example, the vertical size of the section in which the fixed size image is displayed can not be made smaller than the vertical size of the image, and the horizontal size of the section is greater than the horizontal size of the image. It can not be made smaller. Also, the horizontal size of the section in which the table is displayed can not be smaller than the horizontal size of the table. However, by making the table into, for example, a two-stage set, it is possible to approximately double the size in the lateral direction of the section and at the same time approximately halve the size in the longitudinal direction.

プロセッサ１１２は、上記のような各セクションの属性に応じた制約条件下で各セクションのＰＣ用Ｗｅｂページにおける配置を決定する。   The processor 112 determines the arrangement of each section on the PC Web page under the constraint conditions according to the attributes of each section as described above.

なお、スマートフォン用Ｗｅｂページの設計者が、変換前表示指示データを記述する際に、特定のタグを付して各セクションの属性を明示的に変換前表示指示データに記述しておいてもよい。その場合、プロセッサ１１２は変換前表示指示データから属性データを確実に抽出することができる。   When the designer of the Web page for smartphones describes the display instruction data before conversion, a specific tag may be added and the attribute of each section may be explicitly described in the display instruction data before conversion. . In that case, the processor 112 can reliably extract attribute data from the pre-conversion display instruction data.

この変形例によれば、変換前表示指示データに含まれる属性データが示す各セクションの属性に応じて、ＰＣ用Ｗｅｂページにおける各セクションの配置が適切に決定される。   According to this modification, the arrangement of each section in the Web page for PC is appropriately determined according to the attribute of each section indicated by the attribute data included in the pre-conversion display instruction data.

（３）変換前表示指示データから変換後表示指示データへの変換において、プロセッサ１１２が、各セクションの属性に応じた所定の規則に従い、再配置された各セクションのサイズに適した表示態様でコンテンツが表示されるように、表示指示データを書き換えてもよい。 (3) In conversion from the pre-conversion display instruction data to the post-conversion display instruction data, the processor 112 displays the content in a display mode suitable for the size of each rearranged section according to a predetermined rule according to the attribute of each section The display instruction data may be rewritten such that is displayed.

例えば、メモリ１１１に、様々なセクションの属性に応じた表示指示データの書き換え規則を示す書き換え規則データを記憶しておき、プロセッサ１１２が各セクションの属性に応じた書き換え規則データをメモリ１１１から読み出し、読み出した書き換え規則データが示す規則に従い表示指示データの書き換えを行うように構成されてもよい。   For example, rewrite rule data indicating rewrite rules of display instruction data according to the attributes of various sections is stored in the memory 111, and the processor 112 reads rewrite rule data according to the attributes of each section from the memory 111. The display instruction data may be rewritten in accordance with the rules indicated by the read rewrite rule data.

例えば、メモリ１１１に、スライドショー形式で画像を表示する、という属性のセクションに関しては、セクションの横方向のサイズに応じて、同時に表示する画像の枚数を変更する、という規則を示す書き換え規則データが記憶されているものとする。そして、スマートフォン用Ｗｅｂページに、複数枚の画像の中から１枚ずつ順次、スライドショー形式で表示するセクションＨが含まれているものとする。   For example, with regard to a section having an attribute of displaying images in a slide show format in the memory 111, rewriting rule data indicating a rule that the number of images to be simultaneously displayed is changed according to the size in the horizontal direction of the section is stored. It shall be done. Then, it is assumed that the smartphone web page includes a section H for sequentially displaying in slide show form one by one from a plurality of images.

この場合、プロセッサ１１２は、セクションＨをＰＣ用Ｗｅｂページに再配置する際、セクションＨの横方向のサイズを２倍に拡大するとともに、上記の書き換え規則データをメモリ１１１から読み出し、読み出した書き換え規則データに従い、複数枚の画像の中から２枚ずつ順次、スライドショー形式で表示するように、セクションＨに関する表示指示データを書き換える。   In this case, the processor 112 doubles the size of the section H in the horizontal direction when relocating the section H to the Web page for PC, and reads the above rewrite rule data from the memory 111 and reads the rewrite rule read out. In accordance with the data, the display instruction data relating to the section H is rewritten such that two images are sequentially displayed in a slide show format from a plurality of images.

この変形例によれば、スマートフォン用Ｗｅｂページにおけるコンテンツの表示態様がＰＣ用Ｗｅｂページにおいてそのまま採用される場合と比較して、コンテンツが望ましい表示態様で表示される。   According to this modification, the content is displayed in a desirable display mode as compared with the case where the display mode of the content on the smartphone Web page is adopted as it is on the PC Web page.

（４）上述するシステム１において、コンピュータ１１は表示装置１２及び操作装置１３が接続され、ユーザが使用する端末装置として機能するコンピュータであることが想定されている。コンピュータ１１はユーザが使用する端末装置に限られない。例えば、コンピュータ１１が、Ｗｅｂサーバ装置の代理として端末装置がＷｅｂサーバ装置との間で送受信されるデータ（Ｗｅｂページの表示に用いられるデータ等）を中継するプロキシサーバ装置として機能するコンピュータであってもよい。 (4) In the system 1 described above, it is assumed that the computer 11 is a computer to which the display device 12 and the operation device 13 are connected and which functions as a terminal device used by the user. The computer 11 is not limited to the terminal device used by the user. For example, the computer 11 is a computer that functions as a proxy server device that relays data (such as data used for displaying a Web page) transmitted and received between the terminal device and the Web server device as a proxy of the Web server device. It is also good.

（５）上述したシステム１において、スマートフォン用Ｗｅｂページからの変換により生成されるＰＣ用Ｗｅｂページは１種類であることが想定されている。スマートフォン用Ｗｅｂページからの変換により生成されるＰＣ用Ｗｅｂページは複数種類であってもよい。具体的には、ＰＣにおいてＷｅｂページの表示に用いられるブラウザの種類や画面のサイズ等に応じてセクションの配置が調整されたＰＣ用Ｗｅｂページが生成されてもよい。 (5) In the system 1 described above, it is assumed that there is one type of Web page for PC generated by conversion from the Web page for smartphone. There may be a plurality of types of PC web pages generated by conversion from the smartphone web page. Specifically, a PC Web page may be generated in which the arrangement of the sections is adjusted in accordance with the type of browser used to display the Web page, the size of the screen, and the like in the PC.

この変形例において、ＰＣにおいてＷｅｂページの表示に用いられるブラウザの種類や画面のサイズ等に応じて、セクションの配置を決定する規則を示す規則データを予めメモリ１１１が記憶しておき、プロセッサ１１２が、Ｗｅｂページの表示に用いられるブラウザの種類や画面のサイズ等を示すデータを取得して、それらのデータが示すブラウザの種類や画面のサイズ等に応じた規則データをメモリ１１１から読み出して用いる構成が採用されてもよい。   In this modification, according to the type of browser used to display the Web page in the PC, the size of the screen, etc., the memory 111 stores in advance the rule data indicating the rule for determining the arrangement of the sections, and the processor 112 A configuration that acquires data indicating the type of browser used to display the Web page, the size of the screen, etc., and reads out the rule data from the memory 111 according to the type of browser shown by those data, the size of the screen, etc. May be employed.

（６）上述したシステム１において、スマートフォン用のＷｅｂページとタブレット型ＰＣ用のＷｅｂページは区別されないものとした。これに代えて、スマートフォン用のＷｅｂページとタブレット型ＰＣ用のＷｅｂページが区別され、システム１が、スマートフォン用のＷｅｂページを変換して、タブレット型ＰＣ用のＷｅｂページを生成してもよい。 (6) In the system 1 described above, the web page for the smartphone and the web page for the tablet PC are not distinguished. Alternatively, the web page for the smartphone and the web page for the tablet PC may be distinguished, and the system 1 may convert the web page for the smartphone to generate the web page for the tablet PC.

また、上述したシステム１において、画面が縦長に配置された場合のスマートフォン用のＷｅｂページと、画面が横長に配置された場合のスマートフォン用のＷｅｂページは区別されないものとした。これに代えて、画面が縦長に配置された場合のスマートフォン用のＷｅｂページと、画面が横長に配置された場合のスマートフォン用のＷｅｂページが区別され、システム１が、例えば、画面が縦長に配置された場合のスマートフォン用のＷｅｂページを変換して、画面が横長に配置された場合のスマートフォン用のＷｅｂページを生成してもよい。   Further, in the system 1 described above, the Web page for the smartphone when the screen is arranged vertically and the Web page for the smartphone when the screen is arranged horizontally are not distinguished. Instead of this, the web page for the smartphone when the screen is arranged vertically is distinguished from the web page for the smartphone when the screen is arranged horizontally, for example, the system 1 arranges the screen vertically The web page for the smartphone may be converted to generate the web page for the smartphone when the screen is arranged horizontally.

すなわち、システム１がスマートフォン用のＷｅｂページを変換して生成するＷｅｂページは、スマートフォンの画面より横方向のサイズが大きい画面に表示される限り、その表示に用いられる装置の種別は問われない。   That is, as long as the web page generated by converting the web page for the smartphone 1 by the system 1 is displayed on the screen whose size in the horizontal direction is larger than the screen of the smartphone, the type of device used for the display does not matter.

（７）プロセッサ１１２が実行するプログラムは、例えば、インターネット等のネットワークを介してサーバ装置等からコンピュータ１１にダウンロードされた後、メモリ１１１に記憶される。ただし、コンピュータ１１がプログラムを取得する方法は、ネットワークを介したダウンロードによる方法に限られない。 (7) The program executed by the processor 112 is stored in the memory 111 after being downloaded to the computer 11 from, for example, a server device or the like via a network such as the Internet. However, the method of obtaining the program by the computer 11 is not limited to the method of downloading via the network.

例えば、プロセッサ１１２が実行するプログラムをコンピュータ読み取り可能な状態で持続的に記録したフラッシュメモリ等の不揮発性の記録媒体が配布されてもよい。この場合、コンピュータ１１は記録媒体からプログラムを読み取り、メモリ１１１に記憶する。   For example, a non-volatile recording medium such as a flash memory in which a program executed by the processor 112 is continuously recorded in a computer readable state may be distributed. In this case, the computer 11 reads the program from the recording medium and stores the program in the memory 111.

１…システム、１１…コンピュータ、１２…表示装置、１３…操作装置、１１１…メモリ、１１２…プロセッサ、１１３…インタフェース。   DESCRIPTION OF SYMBOLS 1 ... System, 11 ... Computer, 12 ... Display device, 13 ... Operation device, 111 ... Memory, 112 ... Processor, 113 ... Interface.

Claims (8)

コンピュータに、
第１の画面用のＷｅｂページの表示を指示する変換前表示指示データを、前記第１の画面より横方向のサイズが大きい第２の画面用のＷｅｂページの表示を指示する変換後表示指示データに変換する処理であって、
前記第１の画面用のＷｅｂページの縦方向における分割位置を示す分割位置データを取得する処理と、
前記分割位置データが示す分割位置において前記第１の画面用のＷｅｂページを分割して得られる複数のセクションのうち少なくとも２つのセクションが前記第２の画面において横方向に並ぶように再配置された前記複数のセクションの配置を示す配置データを取得する処理と、
前記変換前表示指示データが表示を指示するＷｅｂページの構成要素の間の関係をツリー構造で示すツリーデータを生成する処理と、
前記ツリーデータを、前記配置データが示す配置で前記複数のセクションが表示されるＷｅｂページに応じたツリーデータに変換する処理であって、前記変換前表示指示データが表示を指示するＷｅｂページの構成要素の各々に関し、当該構成要素に応じた枝に含まれる所定の種別のノードの全てが変換後のツリーデータが示すツリー構造における当該構成要素に応じた枝に含まれるように、前記ツリーデータを変換する処理と、
前記変換する処理において変換した後のツリーデータに従い、前記変換前表示指示データを前記変換後表示指示データに変換する処理と
を含む処理を実行させるためのプログラム。On the computer
Pre-conversion display instruction data for instructing display of the first screen Web page, and converted display instruction data for instructing display of the second screen Web page having a larger size in the horizontal direction than the first screen Processing to convert to
A process of acquiring division position data indicating a division position in the vertical direction of the Web page for the first screen;
At least two of the plurality of sections obtained by dividing the Web page for the first screen at the division position indicated by the division position data are rearranged so as to be aligned in the second screen. A process of acquiring arrangement data indicating an arrangement of the plurality of sections;
A process of generating tree data representing, in a tree structure, a relationship between components of the Web page which the pre-conversion display instruction data instructs to display;
A process of converting the tree data into tree data according to a Web page in which the plurality of sections are displayed in the arrangement indicated by the arrangement data, wherein the pre-conversion display instruction data instructs display. With respect to each of the elements, the tree data is selected so that all nodes of a predetermined type included in the branch corresponding to the component are included in the branch corresponding to the component in the tree structure indicated by the converted tree data. Processing to convert,
A program for executing a process including the process of converting the pre-conversion display instruction data into the converted display instruction data according to the tree data after conversion in the conversion process. 前記コンピュータには、ユーザの操作を受け付ける操作装置が接続され、
前記分割位置データを取得する処理は、前記操作装置を用いて行われた前記ユーザの操作に応じて生成されたデータを取得し、当該データに基づき前記分割位置データを生成する処理を含む
請求項１に記載のプログラム。The computer is connected to an operating device for receiving user's operation,
The process of acquiring the divisional position data includes a process of acquiring data generated according to the user's operation performed using the operation device, and generating the divisional position data based on the data. The program described in 1. 前記変換前表示指示データは前記分割位置データを含んでおり、
前記分割位置データを取得する処理は、前記変換前表示指示データから前記分割位置データを抽出する処理を含む
請求項１に記載のプログラム。The pre-conversion display instruction data includes the division position data,
The program according to claim 1, wherein the process of acquiring the division position data includes a process of extracting the division position data from the pre-conversion display instruction data. 前記コンピュータには、ユーザの操作を受け付ける操作装置が接続され、
前記配置データを取得する処理は、前記操作装置を用いて行われた前記ユーザの操作に応じて生成されたデータを取得し、当該データに基づき前記配置データを生成する処理を含む
請求項１に記載のプログラム。The computer is connected to an operating device for receiving user's operation,
The process of acquiring the arrangement data includes a process of acquiring data generated according to the user's operation performed using the operation device, and generating the arrangement data based on the data. Described program. 前記コンピュータには、ユーザの操作を受け付ける操作装置が接続され、
前記配置データを取得する処理は、前記操作装置を用いて行われた前記ユーザの操作に応じて生成された前記複数のセクションの各々の属性を示す属性データを取得する処理と、前記属性データが示す属性に基づき前記配置データを生成する処理とを含む
請求項１に記載のプログラム。The computer is connected to an operating device for receiving user's operation,
The process of acquiring the layout data includes a process of acquiring attribute data indicating an attribute of each of the plurality of sections generated according to the operation of the user performed using the operation device, and the attribute data The program according to claim 1, further comprising: a process of generating the arrangement data based on an indicated attribute. 前記変換前表示指示データは、前記複数のセクションの各々の属性を示す属性データを含んでおり、
前記配置データを取得する処理は、前記変換前表示指示データから前記属性データを抽出する処理と、前記属性データが示す属性に基づき前記配置データを生成する処理とを含む
請求項１に記載のプログラム。The pre-conversion display instruction data includes attribute data indicating an attribute of each of the plurality of sections,
The process of acquiring the arrangement data includes a process of extracting the attribute data from the pre-conversion display instruction data, and a process of generating the arrangement data based on an attribute indicated by the attribute data. . 請求項１乃至６のいずれか１項に記載のプログラムを持続的に記録しているコンピュータ読取可能な不揮発性の記録媒体。   A non-volatile computer-readable storage medium storing the program according to any one of claims 1 to 6 continuously. メモリと、前記メモリに記憶されているプログラムに従いデータ処理を行うプロセッサを有するシステムであって、
前記プロセッサは、
第１の画面用のＷｅｂページの縦方向における分割位置を示す分割位置データを取得する処理と、
前記分割位置データが示す分割位置において前記第１の画面用のＷｅｂページを分割して得られる複数のセクションのうち少なくとも２つのセクションが、前記第１の画面より横方向のサイズが大きい第２の画面において横方向に並ぶように再配置された、前記複数のセクションの配置を示す配置データを取得する処理と、
前記第１の画面用のＷｅｂページの表示を指示する変換前表示指示データを用いて、前記第１の画面用のＷｅｂページの構成要素の間の関係をツリー構造で示すツリーデータを生成する処理と、
前記ツリーデータを、前記配置データが示す配置で前記複数のセクションが表示されるＷｅｂページに応じたツリーデータに変換する処理であって、前記変換前表示指示データが表示を指示するＷｅｂページの構成要素の各々に関し、当該構成要素に応じた枝に含まれる所定の種別のノードの全てが変換後のツリーデータが示すツリー構造における当該構成要素に応じた枝に含まれるように、前記ツリーデータを変換する処理と、
前記変換する処理において変換した後のツリーデータに従い、前記変換前表示指示データを、前記第２の画面用のＷｅｂページの表示を指示する変換後表示指示データに変換する処理と
を含む処理を実行するシステム。A system comprising a memory and a processor for processing data in accordance with a program stored in the memory, the processor comprising:
The processor is
A process of acquiring division position data indicating a division position in the vertical direction of the Web page for the first screen;
A second section in which at least two of the plurality of sections obtained by dividing the Web page for the first screen at the division position indicated by the division position data are larger in size in the horizontal direction than the first screen; A process of acquiring arrangement data indicating the arrangement of the plurality of sections, which are rearranged so as to line up horizontally on the screen;
A process of generating tree data indicating a relationship between components of the first screen Web page in a tree structure using the pre-conversion display instruction data instructing the display of the first screen Web page When,
A process of converting the tree data into tree data according to a Web page in which the plurality of sections are displayed in the arrangement indicated by the arrangement data, wherein the pre-conversion display instruction data instructs display. With respect to each of the elements, the tree data is selected so that all nodes of a predetermined type included in the branch corresponding to the component are included in the branch corresponding to the component in the tree structure indicated by the converted tree data. Processing to convert,
Processing for converting the pre-conversion display instruction data into post-conversion display instruction data instructing the display of the Web page for the second screen according to the tree data after conversion in the conversion processing System to be
JP2019509577A 2018-09-25 2018-09-25 Program, recording medium, and system for converting display instruction data for instructing display of web page Active JP6518025B1 (en)

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
PCT/JP2018/035474 WO2020065728A1 (en) 2018-09-25 2018-09-25 Program, recording medium, and system for converting display instruction data for instructing display of web page

Publications (2)

Publication Number Publication Date
JP6518025B1 true JP6518025B1 (en) 2019-05-22
JPWO2020065728A1 JPWO2020065728A1 (en) 2021-01-07

Family

ID=66625546

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2019509577A Active JP6518025B1 (en) 2018-09-25 2018-09-25 Program, recording medium, and system for converting display instruction data for instructing display of web page

Country Status (2)

Country Link
JP (1) JP6518025B1 (en)
WO (1) WO2020065728A1 (en)

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20040268249A1 (en) * 2002-02-04 2004-12-30 Thomas Fennelly Document transformation
JP2009059250A (en) * 2007-08-31 2009-03-19 Just Syst Corp Data processing apparatus and data processing method

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20040268249A1 (en) * 2002-02-04 2004-12-30 Thomas Fennelly Document transformation
JP2009059250A (en) * 2007-08-31 2009-03-19 Just Syst Corp Data processing apparatus and data processing method

Also Published As

Publication number Publication date
JPWO2020065728A1 (en) 2021-01-07
WO2020065728A1 (en) 2020-04-02

Similar Documents

Publication Publication Date Title
US10268337B2 (en) Automatically generating column layouts in electronic documents
WO2017028611A1 (en) Form implementation method and apparatus
CN107885848B (en) Webpage screen capturing method based on web technology
JP5575511B2 (en) Website browsing system, server and client terminal
US20170075530A1 (en) System and method for creating and displaying previews of content items for electronic works
CN106886551B (en) Method and device for displaying image by using markup language
CN104346322A (en) Document format processing device and document format processing method
JP2009176144A (en) System, apparatus, method and program for converting markup language document
CN102915308A (en) Method and device for rendering pages
JP2017501508A (en) Chart conversion system and method using metadata
US20220222310A1 (en) Method and apparatus for generating web page
CN104050238A (en) Map labeling method and map labeling device
CN112487763A (en) SVG-based OFD file online display method, server side and system
WO2014102935A1 (en) Electronic manual viewing device and system
JP5303534B2 (en) Appearance information processing apparatus and method
JP6518025B1 (en) Program, recording medium, and system for converting display instruction data for instructing display of web page
JP2010271958A (en) Form display system, information processing apparatus, information processing method and program
KR101546359B1 (en) Web page making system and method for maintaining compatibility of web browser and font
JP2017027319A (en) Display/editing/storage method, device, and processing program of document documentation data
CN115587075A (en) Layout file processing method and device, terminal equipment and storage medium
JP2011118497A (en) Device and program for managing guideline
CN115114556A (en) Method and device for creating page
US20210279121A1 (en) Recording Medium, Recording System, Recording Device, Analysis Device, and Recording Method
JP2005107635A (en) Electronic form input system, method and program, and medium
CN114063996A (en) Method and equipment for generating webpage and storage medium

Legal Events

Date Code Title Description
A621 Written request for application examination

Free format text: JAPANESE INTERMEDIATE CODE: A621

Effective date: 20190218

A871 Explanation of circumstances concerning accelerated examination

Free format text: JAPANESE INTERMEDIATE CODE: A871

Effective date: 20190218

A975 Report on accelerated examination

Free format text: JAPANESE INTERMEDIATE CODE: A971005

Effective date: 20190318

TRDD Decision of grant or rejection written
A01 Written decision to grant a patent or to grant a registration (utility model)

Free format text: JAPANESE INTERMEDIATE CODE: A01

Effective date: 20190409

A61 First payment of annual fees (during grant procedure)

Free format text: JAPANESE INTERMEDIATE CODE: A61

Effective date: 20190418

R150 Certificate of patent or registration of utility model

Ref document number: 6518025

Country of ref document: JP

Free format text: JAPANESE INTERMEDIATE CODE: R150

S531 Written request for registration of change of domicile

Free format text: JAPANESE INTERMEDIATE CODE: R313531

R350 Written notification of registration of transfer

Free format text: JAPANESE INTERMEDIATE CODE: R350

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250