JP4444766B2

JP4444766B2 - Web page layout setting device, Web page layout setting method, Web page layout setting program, and recording medium

Info

Publication number: JP4444766B2
Application number: JP2004255903A
Authority: JP
Inventors: 修一武田
Original assignee: Ricoh Co Ltd
Current assignee: Ricoh Co Ltd
Priority date: 2004-09-02
Filing date: 2004-09-02
Publication date: 2010-03-31
Anticipated expiration: 2024-09-02
Also published as: JP2006072750A

Description

本発明は、Ｗｅｂページレイアウト設定装置、Ｗｅｂページレイアウト設定方法、Ｗｅｂページレイアウト設定プログラム及び記録媒体に関し、特にそれぞれが情報を表示させる一つ以上の表示領域を表示させるＷｅｂページのレイアウトを設定させるＷｅｂページレイアウト設定装置、Ｗｅｂページレイアウト設定方法、Ｗｅｂページレイアウト設定プログラム及び記録媒体に関する。 The present invention relates to a Web page layout setting device, a Web page layout setting method, a Web page layout setting program, and a recording medium, and in particular, a Web for setting a layout of a Web page for displaying one or more display areas each displaying information. The present invention relates to a page layout setting device, a Web page layout setting method, a Web page layout setting program, and a recording medium.

近年におけるＷｅｂ技術の発達により、インターネットのユーザは汎用的なブラウザによって世界中の様々なサイトで提供されている情報を手軽に閲覧することができる。しかし、入手可能な情報が膨大となった昨今において、目的とする情報を探し出すのは極めて困難な作業である。そのためインターネットの入り口としてのサイト、即ちポータルサイトが普及し、現在においてはインターネットのユーザにとって欠かせないものとなっている。 With the recent development of Web technology, Internet users can easily browse information provided at various sites around the world using a general-purpose browser. However, in the recent years when the amount of available information has become enormous, it is extremely difficult to find the target information. For this reason, a site as an entrance to the Internet, that is, a portal site, has become widespread and is now indispensable for Internet users.

一方、企業内においてもイントラネットにおける情報の共有化の手段としてＥＩＰ（Enterprise Information Portal）が導入され、必要とする情報を効率よく入手できるようになっている。 On the other hand, EIP (Enterprise Information Portal) has been introduced as a means of sharing information in an intranet within a company, so that necessary information can be obtained efficiently.

インターネットにおけるポータルサイトにしろ、ＥＩＰによるポータルサイトにしろ、そのサイトが提供するＷｅｂページ（ポータルページ）は、複数の領域に分割され、それぞれの領域には利用度の高い情報が表示されているのが一般である。従って、一つの画面において複数の情報を閲覧することが可能であり、そのような利便性もポータルサイトの人気の要因ともなっていると考えられる。 Whether it is a portal site on the Internet or a portal site by EIP, the Web page (portal page) provided by the site is divided into a plurality of areas, and high-use information is displayed in each area. Is common. Therefore, it is possible to browse a plurality of information on one screen, and such convenience is considered to be a factor of popularity of the portal site.

このようなポータルページに関してはレイアウトをユーザの好みに応じて変更させたいといった要望が高く、レイアウトを設定させるための専用のＷｅｂページ（以下「設定ページ」という。）によって、エンドユーザがポータルページのレイアウトを自ら定義できるものもある。 With regard to such a portal page, there is a high demand for changing the layout according to the user's preference, and the end user can change the portal page by using a dedicated Web page for setting the layout (hereinafter referred to as “setting page”). Some can define their own layout.

図１は、従来見受けられる設定ページの例を示す図である。図１には、ポータルページ５１０とその設定ページ５２０とが表示されている。ポータルページ５１０は、領域５１１〜５１４の４つの領域に分割されている。設定ページ５２０は、ポータルペー５１０における４つの領域のそれぞれに表示させる情報を定義するためのページである。すなわち、設定ページ５２０におけるリストボックス５２１の各行（５２１ａ、５２１ｂ、５２１ｃ、５２１ｄ）は、上から順に、ポータルページ５１０の各領域（５１１、５１２、５１３、５１４）に対応しており、各行に表示されている文字列（「検索」、「文書一覧」、「カレンダー」、「お知らせ」）は、当該行に対応する領域に表示させる情報を示すものである。 FIG. 1 is a diagram showing an example of a setting page that can be conventionally found. In FIG. 1, a portal page 510 and its setting page 520 are displayed. The portal page 510 is divided into four areas 511 to 514. The setting page 520 is a page for defining information to be displayed in each of the four areas on the portal page 510. That is, each row (521a, 521b, 521c, 521d) of the list box 521 in the setting page 520 corresponds to each region (511, 512, 513, 514) of the portal page 510 in order from the top, and is displayed in each row. The character strings (“search”, “document list”, “calendar”, “notification”) that are displayed indicate information to be displayed in the area corresponding to the line.

したがって、図１のリストボックス５２１の状態では、領域５１１には、ネット検索用の情報が、領域５１２には、文書一覧情報が、領域５１３には、カレンダー情報が、領域５１４には、お知らせ情報がそれぞれ表示されることになる。ここで、例えば、リストボックス５２１の行５２１ｂが選択状態とされ、上移動ボタン５２２又は下移動ボタン５２３がクリックされると文書一覧情報が表示される領域が他の領域と入れ替わる。 Therefore, in the state of the list box 521 in FIG. 1, information for net search is displayed in the area 511, document list information in the area 512, calendar information in the area 513, and notification information in the area 514. Will be displayed respectively. Here, for example, when the row 521b of the list box 521 is selected and the up button 522 or the down button 523 is clicked, the area where the document list information is displayed is replaced with another area.

なお、図１においては、ポータルページ５１０と設定ページ５２０とが並んで表示されているが、設定ページ５２０の操作に応じてポータルページ５１０のレイアウトが自動的に変更されるものではない。 In FIG. 1, the portal page 510 and the setting page 520 are displayed side by side, but the layout of the portal page 510 is not automatically changed according to the operation of the setting page 520.

しかしながら、図１におけるような設定ページは、単にポータルページ上のそれぞれの領域と表示情報との関連付けを定義させるものであり、各領域のレイアウトについて柔軟に設定させることができなかった。 However, the setting page as shown in FIG. 1 simply defines the association between each area on the portal page and the display information, and the layout of each area cannot be set flexibly.

本発明は、上記の点に鑑みてなされたものであって、Ｗｅｂページのレイアウトをより柔軟に設定させることができるＷｅｂページレイアウト設定装置、Ｗｅｂページレイアウト設定方法、Ｗｅｂページレイアウト設定プログラム及び記録媒体の提供を目的とする。 The present invention has been made in view of the above points, and provides a Web page layout setting device, a Web page layout setting method, a Web page layout setting program, and a recording medium capable of setting a Web page layout more flexibly. The purpose is to provide.

そこで上記課題を解決するため、本発明は、請求項１に記載されるように、それぞれが情報を表示させる一つ以上の表示領域を表示させるＷｅｂページのレイアウトを設定させるＷｅｂページレイアウト設定装置であって、前記表示領域を表す領域を配置させることにより前記Ｗｅｂページにおける前記表示領域の位置及びサイズを任意に設定させる設定領域を有する設定ページをネットワークを介して提供する設定ページ提供手段を有することを特徴とする。 Accordingly, in order to solve the above problems, the present invention provides a Web page layout setting device for setting a layout of a Web page for displaying one or more display areas each displaying information. And setting page providing means for providing a setting page having a setting area for arbitrarily setting the position and size of the display area on the Web page by arranging an area representing the display area via the network. It is characterized by.

このようなＷｅｂページレイアウト設定装置では、当該Ｗｅｂページに表示させる表示領域について実際に配置された様子を確認させつつ指定させることができるため、Ｗｅｂページのレイアウトをより柔軟に設定させることができる。 In such a Web page layout setting device, the display area to be displayed on the Web page can be specified while confirming the state of actual display, so that the layout of the Web page can be set more flexibly.

また、上記課題を解決するため、本発明は、上記Ｗｅｂページレイアウト設定装置におけるＷｅｂページレイアウト設定方法、前記Ｗｅｂページレイアウト設定方法をコンピュータに実行させるためのＷｅｂページレイアウト設定プログラム、又は前記Ｗｅｂページレイアウト設定プログラムを記録した記録媒体としてもよい。 In order to solve the above problems, the present invention provides a Web page layout setting method in the Web page layout setting apparatus, a Web page layout setting program for causing a computer to execute the Web page layout setting method, or the Web page layout. A recording medium on which the setting program is recorded may be used.

本発明によれば、Ｗｅｂページ上の各表示領域の位置及びサイズについて、実際に表示される状態を視覚的に確認させながら設定させることができるため、Ｗｅｂページのレイアウトをより柔軟に設定させることができる。 According to the present invention, the position and size of each display area on the Web page can be set while visually confirming the actual display state, so that the layout of the Web page can be set more flexibly. Can do.

以下、図面に基づいて本発明の実施の形態を説明する。図２は、本発明の実施の形態におけるＷｅｂシステムの構成例を示す図である。図２に示されるように、本実施の形態におけるＷｅｂシステム１は、Ｗｅｂサーバ１０と端末２０とがインターネットやＬＡＮ等のネットワーク３０（有線又は無線の別を問わない）を介して接続されることにより構成される。 Hereinafter, embodiments of the present invention will be described with reference to the drawings. FIG. 2 is a diagram illustrating a configuration example of the Web system according to the embodiment of the present invention. As shown in FIG. 2, in the Web system 1 according to the present embodiment, the Web server 10 and the terminal 20 are connected via a network 30 (whether wired or wireless) such as the Internet or a LAN. Consists of.

Ｗｅｂサーバ１０は、端末２０が要求する情報を表示させるＷｅｂページを端末２０に提供するための機能を有するコンピュータである。ここで、Ｗｅｂページとは、汎用的なＷｅｂブラウザで表示可能なＨＴＭＬ，ＸＭＬ形式等のデータを始め、ＣＨＴＭＬ（Compact HTML）やＷＭＬ（Wireless Markup Language）等、所定の言語で記述された表示用の構造化文書一般をいう。 The Web server 10 is a computer having a function for providing the terminal 20 with a Web page that displays information requested by the terminal 20. Here, the Web page is for display described in a predetermined language such as HTML (XML) or WML (Wireless Markup Language) as well as HTML and XML formats that can be displayed by a general-purpose Web browser. This refers to general structured documents.

端末２０は、Ｗｅｂサーバ１０が提供するＷｅｂページを閲覧させるためのＷｅｂブラウザを備えたＰＣ、ＰＤＡ（Personal Digital(Data) Assistants）、又は携帯電話等の通信端末である。 The terminal 20 is a communication terminal such as a PC, a PDA (Personal Digital (Data) Assistants), or a mobile phone provided with a Web browser for browsing a Web page provided by the Web server 10.

次に、Ｗｅｂサーバ１０の詳細について説明する。図３は、本発明の実施の形態におけるＷｅｂサーバのハードウェア構成例を示す図である。Ｗｅｂサーバ１０は、ＣＰＵ１１、ＲＯＭ１２、ＲＡＭ１３、補助記憶装置１４、ネットワークインタフェース（Ｉ／Ｆ）１５、ドライブ装置１６等から構成されている。 Next, details of the Web server 10 will be described. FIG. 3 is a diagram illustrating a hardware configuration example of the Web server according to the embodiment of the present invention. The Web server 10 includes a CPU 11, a ROM 12, a RAM 13, an auxiliary storage device 14, a network interface (I / F) 15, a drive device 16, and the like.

ＣＰＵ１１は、Ｗｅｂサーバ１０全体を制御する制御部であり、ＲＯＭ１２や補助記憶装置１４に格納された各種制御プログラムやアプリケーションプログラムを実行して装置の制御、通信の制御、データの取得及び編集等の処理を行う。 The CPU 11 is a control unit that controls the entire Web server 10 and executes various control programs and application programs stored in the ROM 12 and the auxiliary storage device 14 to control the device, control communication, acquire and edit data, and the like. Process.

ＲＯＭ１２は、主に装置の制御プログラムを記憶する記憶手段である。ＲＡＭ１３はＣＰＵ１１のワークメモリや一時的なデータの記憶に用いる記憶手段である。補助記憶装置１４は、各種アプリケーションプログラムやデータを記憶する記憶手段である。 The ROM 12 is a storage unit that mainly stores a control program for the apparatus. The RAM 13 is a storage means used for the work memory of the CPU 11 and temporary data storage. The auxiliary storage device 14 is a storage unit that stores various application programs and data.

ネットワークＩ／Ｆ１５は、Ｗｅｂサーバ１０をネットワーク３０に接続するためのインタフェースである。ドライブ装置１６は、本発明の特徴となる処理を実行するプログラムが記録されたＣＤ−ＲＯＭ等の記録媒体１７を読み取るための装置である。 The network I / F 15 is an interface for connecting the Web server 10 to the network 30. The drive device 16 is a device for reading a recording medium 17 such as a CD-ROM in which a program for executing processing that is a feature of the present invention is recorded.

なお、図３には操作部や表示部を示していないが、キーボードやマウス等による操作部や、液晶やブラウン管（ＣＲＴ）による表示部を設け、ユーザからの入力の受付や動作結果の表示を行うことができるようにしてもよい。 Although the operation unit and the display unit are not shown in FIG. 3, an operation unit using a keyboard or a mouse, a display unit using a liquid crystal or a cathode ray tube (CRT), etc. are provided to receive input from the user and display the operation result. You may be able to do that.

図４は、本発明の実施の形態におけるＷｅｂサーバの機能構成例を示す図である。図４においてＷｅｂサーバ１０は、Ｗｅｂサーバプログラム１０１、ポータルページモジュール１０２、設定ページモジュール１０３、設定保存モジュール１０４、ページ情報１０５等から構成される。 FIG. 4 is a diagram illustrating a functional configuration example of the Web server according to the embodiment of the present invention. 4, the Web server 10 includes a Web server program 101, a portal page module 102, a setting page module 103, a setting storage module 104, page information 105, and the like.

Ｗｅｂサーバプログラム１０１は、一般にＨＴＴＰｄ（HTTP daemon）と呼ばれるプログラムに相当するものであり、Ｗｅｂサーバ１０をＷｅｂサーバとして機能させるためのものである。すなわち、Ｗｅｂサーバプログラム１０１は、端末２０からのＨＴＴＰリクエストを受信し、端末２０からの要求に対応したポータルページモジュール１０２等の各種Ｗｅｂアプリケーションを呼び出す。また、Ｗｅｂサーバプログラム１０１は、呼び出したＷｅｂアプリケーションから出力されるＷｅｂページを端末２０に対してＨＴＴＰレスポンスとして送信する。 The Web server program 101 is generally equivalent to a program called HTTPd (HTTP daemon), and is for causing the Web server 10 to function as a Web server. That is, the Web server program 101 receives an HTTP request from the terminal 20 and calls various Web applications such as the portal page module 102 corresponding to the request from the terminal 20. Further, the Web server program 101 transmits a Web page output from the called Web application to the terminal 20 as an HTTP response.

ポータルページモジュール１０２は、Ｗｅｂサーバ１０が提供するＷｅｂサイトにユーザがログインした際に当該Ｗｅｂサイトの入り口として最初に表示されるＷｅｂページ（以下「ポータルページ」という。）を生成するＷｅｂアプリケーションである。ポータルページモジュール１０２は、ページ情報１０５に基づいてポータルページを生成する。ページ情報１０５は、ポータルページ１０５のレイアウト情報や、ポータルページにどのような情報を表示させるか等の情報を含む情報である。 The portal page module 102 is a Web application that generates a Web page (hereinafter referred to as “portal page”) that is displayed first as an entrance to the Web site when the user logs in to the Web site provided by the Web server 10. . The portal page module 102 generates a portal page based on the page information 105. The page information 105 is information including information such as layout information of the portal page 105 and what information is displayed on the portal page.

設定ページモジュール１０３は、ポータルページモジュール１０２によって生成されるポータルページのレイアウトをユーザに設定させるための各種Ｗｅｂページを生成するＷｅｂアプリケーションである。設定保存モジュール１０４は、設定ページモジュール１０３における設定結果に基づいてページ情報１０５を更新するＷｅｂアプリケーションである。 The setting page module 103 is a Web application that generates various Web pages for allowing the user to set the layout of the portal page generated by the portal page module 102. The setting storage module 104 is a Web application that updates the page information 105 based on the setting result in the setting page module 103.

以下、図２のＷｅｂシステム１の処理手順について説明する。図５は、ポータルページのレイアウトの設定手順を説明するためのフローチャートである。 Hereinafter, the processing procedure of the Web system 1 of FIG. 2 will be described. FIG. 5 is a flowchart for explaining the procedure for setting the layout of the portal page.

ステップＳ１０１において、ユーザが、ブックマークを選択する等によりポータルページの表示をＷｅｂブラウザ２１に指示すると、Ｗｅｂブラウザ２１からのＨＴＴＰリクエストに応じてポータルページモジュール１０２によって生成されたポータルページが、Ｗｅｂブラウザ２１によって表示される。 In step S101, when the user instructs the Web browser 21 to display a portal page by selecting a bookmark or the like, the portal page generated by the portal page module 102 in response to the HTTP request from the Web browser 21 is displayed on the Web browser 21. Is displayed.

図６は、ポータルページの表示例を示す図である。図６に示されるように、ポータルページ２１０には、それぞれがその範囲を示す枠で囲まれた一つ以上の矩形の表示領域（以下「ユニット」という。）が表示されており、それぞれのユニット（ユニット２１２、２１３、２１４）には、予め関連付けられた情報が表示されている。図６に示されている各ユニットは、いずれもショートカットを表示させるユニット（ショートカットユニット）であるため、その領域内にはショートカットを表現するアイコンが表示されている。 FIG. 6 is a diagram illustrating a display example of a portal page. As shown in FIG. 6, the portal page 210 displays one or more rectangular display areas (hereinafter referred to as “units”) each surrounded by a frame indicating the range. In (units 212, 213, and 214), information associated in advance is displayed. Each unit shown in FIG. 6 is a unit that displays a shortcut (shortcut unit), and therefore an icon representing the shortcut is displayed in the area.

ポータルページ２１０に表示させるユニットのレイアウトについては、ユーザの好みに応じて変更することができる。すなわち、ユーザがレイアウト設定ボタン２１１をクリックすると（Ｓ１０２）、Ｗｅｂブラウザ２１からのＨＴＴＰリクエストに応じて設定ページモジュール１０３によって生成された初期設定ページがＷｅｂブラウザ２１によって表示される（Ｓ１０３）。 The unit layout displayed on the portal page 210 can be changed according to the user's preference. That is, when the user clicks the layout setting button 211 (S102), the initial setting page generated by the setting page module 103 in response to the HTTP request from the Web browser 21 is displayed by the Web browser 21 (S103).

図７は、初期設定ページの表示例を示す図である。図７に示されるように、初期設定ページ２２０は、レイアウト設定領域２２１、行追加ボタン２２２、編集ボタン２２３、削除ボタン２２４、新規追加ボタン２２５、ＯＫボタン２２６及びキャンセルボタン２２７等から構成されている。 FIG. 7 is a diagram illustrating a display example of the initial setting page. As shown in FIG. 7, the initial setting page 220 includes a layout setting area 221, a line addition button 222, an edit button 223, a delete button 224, a new addition button 225, an OK button 226, a cancel button 227, and the like. .

レイアウト設定領域２２１はポータルページ２１０を表す領域であり、現在のポータルページ２１０におけるユニットのレイアウトが表示される領域である。すなわち、レイアウト設定領域２２１における矩形２２１ａ、矩形２２１ｂ、矩形２２１ｃは、それぞれポータルページ２１０におけるユニット２１２ａ、２１２ｂ、２１２ｃのレイアウトを表している。したがって、以下において、レイアウト設定領域２２１におけるそれぞれの矩形についても「ユニット」と呼ぶこととし、その矩形だけでなく矩形が対応するユニットをも意味するものとする。レイアウト設定領域２２１は、それぞれ複数の行と列とによってユニットの最小単位となる複数の矩形の単位領域（以下「セル」という。）に分割されている。 The layout setting area 221 is an area representing the portal page 210 and is an area in which the unit layout in the current portal page 210 is displayed. That is, the rectangles 221a, 221b, and 221c in the layout setting area 221 represent the layouts of the units 212a, 212b, and 212c in the portal page 210, respectively. Therefore, hereinafter, each rectangle in the layout setting area 221 is also referred to as “unit”, and means not only the rectangle but also a unit to which the rectangle corresponds. The layout setting area 221 is divided into a plurality of rectangular unit areas (hereinafter referred to as “cells”) which are the minimum unit of the unit by a plurality of rows and columns.

行追加ボタン２２２は、レイアウト設定領域２２１に新たな行を追加させるためのボタンである。すなわち、ユーザによって行追加ボタン２２２がクリックされると、クリックされた行追加ボタン２２２が配置されている位置に新たな行が追加される。新たな行が追加されると、新たな行の高さの分だけレイアウト設定領域２２１、すなわちポータルページ２１０の高さが拡大する。なお、行追加ボタン２２２だけでなく、列追加ボタンを配置することにより、列の追加を可能としてもよい。 The line addition button 222 is a button for adding a new line to the layout setting area 221. That is, when the line click button 222 is clicked by the user, a new line is added at the position where the clicked line add button 222 is arranged. When a new line is added, the height of the layout setting area 221, that is, the portal page 210 is increased by the height of the new line. Note that it is possible to add a column by arranging not only the row addition button 222 but also a column addition button.

編集ボタン２２３は、編集対象とされている既存のユニットの位置やサイズを変更させるためのボタンである。レイアウト設定領域２２１における各ユニットには、ラジオボタン（ラジオボタン２２１ａ−１、２２１ｂ−１、２２１ｃ−１）が付加されており、ラジオボタンがチェックされたユニットが編集対象となる。削除ボタン２２４は、編集対象とされているブロックを削除させるためのボタンである。新規追加ボタン２２５は、新たなユニットを追加させるためのボタンである。以下、編集ボタン２２３、削除ボタン２２４、新規追加ボタン２２５のそれぞれがクリックされた場合について説明する。 The edit button 223 is a button for changing the position and size of an existing unit to be edited. A radio button (radio buttons 221a-1, 221b-1, 221c-1) is added to each unit in the layout setting area 221, and the unit whose radio button is checked becomes an editing target. The delete button 224 is a button for deleting a block to be edited. The new addition button 225 is a button for adding a new unit. Hereinafter, a case where each of the edit button 223, the delete button 224, and the new addition button 225 is clicked will be described.

まず、新規追加ボタン２２５がクリックされた場合について説明する。初期設定ページ２２０において、新規追加ボタン２２５がクリックされると（Ｓ１０４で新規追加）、Ｗｅｂブラウザ２１からのＨＴＴＰリクエストに応じて設定モジュール１０３によって生成された新規追加用設定ページがＷｅｂブラウザ２１によって表示される（Ｓ１０５）。 First, a case where the new addition button 225 is clicked will be described. When the new addition button 225 is clicked on the initial setting page 220 (new addition in S104), the new addition setting page generated by the setting module 103 in response to the HTTP request from the Web browser 21 is displayed by the Web browser 21. (S105).

図８は、新規追加用設定ページの表示例を示す図である。図８に示されるように、新規追加用設定ページ２３０は、レイアウト設定領域２３１、行追加ボタン２３２、サイズ指定領域２３３、ユニット種類指定領域２３４、ユニット名指定領域２３５、表示対象指定領域２３６、ＯＫボタン２３７、及びキャンセルボタン２３８等から構成されている。 FIG. 8 is a diagram illustrating a display example of a setting page for new addition. As shown in FIG. 8, the setting page 230 for new addition includes a layout setting area 231, a line addition button 232, a size designation area 233, a unit type designation area 234, a unit name designation area 235, a display target designation area 236, and an OK. A button 237, a cancel button 238, and the like are included.

レイアウト設定領域２３１及び行追加ボタン２３２は、初期設定ページ２２０におけるレイアウト設定領域２２１及び行追加ボタン２２２と同様である。但し、新規追加用設定ページ２３０におけるレイアウト設定領域２３１の各ユニットにはラジオボタンは付加されておらず、ユニットが定義されていないそれぞれのセル（以下「未定義セル」という。）にラジオボタン（例えば、ラジオボタン２３１１−１）が付加されている。新規追加用設定ページ２３０は、既存のユニットのレイアウトを変更させるものではないため、既存のユニットを編集対象とする必要が無いからである。 The layout setting area 231 and the line addition button 232 are the same as the layout setting area 221 and the line addition button 222 in the initial setting page 220. However, a radio button is not added to each unit in the layout setting area 231 in the new addition setting page 230, and a radio button (hereinafter referred to as “undefined cell”) in which no unit is defined. For example, a radio button 2311-1) is added. This is because the new addition setting page 230 does not change the layout of an existing unit, and thus does not require an existing unit to be edited.

それぞれの未定義セルに付加されているラジオボタンは、新たに追加されるユニット（以下「新規ユニット」という。）の左上頂点を指定させるためのものである。すなわち、ラジオボタンがチェックされたセルの左上頂点が新規ユニットの左上頂点とされる。例えば、ラジオボタン２３１１−１がチェックされると、未定義セル２３１１の左上頂点が、新規ユニットの左上頂点として指定されたこととなる。なお、更に、他の未定義セルにおけるラジオボタンがチェックされると、現在選択されているラジオボタンのチェックは解除され、新たに選択されたラジオボタンが属する未定義セルの左上頂点が、新規ユニットの左上頂点とされる。 A radio button added to each undefined cell is used to designate the upper left vertex of a newly added unit (hereinafter referred to as “new unit”). That is, the upper left vertex of the cell whose radio button is checked is set as the upper left vertex of the new unit. For example, when the radio button 2311-1 is checked, the upper left vertex of the undefined cell 2311 is designated as the upper left vertex of the new unit. Furthermore, when a radio button in another undefined cell is checked, the currently selected radio button is unchecked, and the upper left vertex of the undefined cell to which the newly selected radio button belongs is the new unit. Is the upper left vertex of.

サイズ指定領域２３３は、新規ユニットのサイズ（幅及び高さ）を指定させるための領域である。サイズ指定領域２３３には、レイアウト設定領域２３１における未定義セルのチェックに応じて、チェックされた未定義セルの左上頂点を新規ユニットの左上頂点とした場合に、既存のユニットとその表示領域が重複しない範囲で新規ユニットの右下頂点となり得る右下頂点を有する全ての未定義セルに対応するセル（以下「サイズ指定用セル」という。）が表示される。サイズ指定用セルは、新規ユニットの右下頂点を選択させるためのものである。すなわち、サイズ指定領域２３３においてクリックされたサイズ指定用セルに対応する未定義セルの右下頂点が新規ユニットの右下頂点とされ、これによって、新規ユニットの幅と高さとが決定されると共に、新規ユニットがレイアウト設定領域２３１に配置される。 The size designation area 233 is an area for designating the size (width and height) of the new unit. In the size designation area 233, when the upper left vertex of the checked undefined cell is set as the upper left vertex of the new unit in accordance with the check of the undefined cell in the layout setting area 231, the existing unit and its display area overlap. Cells corresponding to all undefined cells having the lower right vertex that can be the lower right vertex of the new unit within the range not to be displayed (hereinafter referred to as “size designating cells”) are displayed. The size designating cell is for selecting the lower right vertex of the new unit. That is, the lower right vertex of the undefined cell corresponding to the size designation cell clicked in the size designation area 233 is the lower right vertex of the new unit, thereby determining the width and height of the new unit, A new unit is placed in the layout setting area 231.

図８においては、未定義セル２３１１がチェックされているため、未定義セル２３１１、２３１２、２３１３、２３１４、２３１５及び２３１６の右下頂点が、新規ユニットの右下頂点になり得る。したがって、サイズ指定領域２３３には、前記各未定義セル（２３１１、２３１２、２３１３、２３１４、２３１５、２３１６）に対応するサイズ指定用セル２３３１、２３３２、２３３３、２３３４、２３３５、２３３６が、未定義セルと同じ配列で表示される。この状態で、サイズ指定用セル２３３５がクリックされると、サイズ指定用セル２３３５に対応する未定義セル２３１５の右下頂点が新規ユニットの右下頂点とされる。このように、新規ユニットの左上頂点、右下頂点、すなわち新規ユニットの位置、高さ及び幅をセルを単位として任意に設定させることができる。 In FIG. 8, since the undefined cell 2311 is checked, the lower right vertex of the undefined cells 2311, 2312, 2313, 2314, 2315 and 2316 can be the lower right vertex of the new unit. Accordingly, in the size designation area 233, size designation cells 2331, 2332, 2333, 2334, 2335, 2336 corresponding to the respective undefined cells (2311, 2312, 2313, 2314, 2315, 2316) are undefined cells. Are displayed in the same array. When the size designation cell 2335 is clicked in this state, the lower right vertex of the undefined cell 2315 corresponding to the size designation cell 2335 is set as the lower right vertex of the new unit. In this manner, the upper left vertex and lower right vertex of the new unit, that is, the position, height, and width of the new unit can be arbitrarily set in units of cells.

ユニット種類選択領域２３４は、新規ユニットの種類を選択させるための領域である。本実施の形態において、ユニットの種類は、ユニットに表示させる情報の種類によって分類される。したがって、ユニットが属する種類よって当該ユニットに表示される情報が特定される。図８においては、ユニット種類選択領域２３４のコンボボックスによってショートカットユニットが選択されている。したがって、新規ユニットに表示される情報はショートカットである旨が定義されたこととなる。なお、ユニットに表示させる情報の種類は、例えば、文書一覧、カレンダー、お知らせ情報、及びショートカット等、運用によって様々である。 The unit type selection area 234 is an area for selecting a new unit type. In the present embodiment, the type of unit is classified according to the type of information displayed on the unit. Therefore, the information displayed on the unit is specified according to the type to which the unit belongs. In FIG. 8, the shortcut unit is selected by the combo box in the unit type selection area 234. Therefore, it is defined that the information displayed on the new unit is a shortcut. Note that the type of information displayed on the unit varies depending on the operation, such as a document list, a calendar, notification information, and a shortcut.

ユニット名指定領域２３５は、新規ユニットを識別するための名前を入力させるための領域である。 The unit name designation area 235 is an area for inputting a name for identifying a new unit.

表示対象指定領域２３６は、新規ユニットにおける具体的な表示対象を選択させるための領域である。表示対象指定領域２３６におけるリストボックス２３６１には、ユニット種類選択領域２３４において選択された新規ユニットの種類に応じて表示対象となり得る情報の一覧が表示されている。図８においては、新規ユニットは、ショートカットユニットとして選択されているため、リストボックス２３６１にはショートカットの一覧が表示されている。リストボックス２３６１においていずれかの情報（ショートカット）が選択され、追加ボタン２３６２がクリックされると、選択されている情報が新規ユニットと関連付けられる。新規ユニットに関連づけられた情報は、新規ユニットが表示される際に新規ユニット内に表示される。 The display target designation area 236 is an area for selecting a specific display target in the new unit. A list box 2361 in the display target designation area 236 displays a list of information that can be displayed according to the type of the new unit selected in the unit type selection area 234. In FIG. 8, since the new unit is selected as the shortcut unit, a list of shortcuts is displayed in the list box 2361. When any information (shortcut) is selected in the list box 2361 and the add button 2362 is clicked, the selected information is associated with the new unit. Information associated with the new unit is displayed in the new unit when the new unit is displayed.

このように、新規追加用設定ページ２３０は、新規ユニットの位置及びサイズ（高さ、幅）と、新規ユニットの種類と、新規ユニットの表示対象とを設定させることができる。これらの項目に対する設定がなされ、ＯＫボタン２３７がクリックされると（Ｓ１０６）、新規追加用設定ページ２３０における設定結果を含む、Ｗｅｂブラウザ２１からのＨＴＴＰリクエストに応じて新規ユニットの追加が反映された初期設定ページ２２０が設定モジュール１０３によって生成される。生成された初期設定ページ２２０は、設定モジュール１０３からＷｅｂブラウザ２１に返信され、Ｗｅｂブラウザ２１によって表示される（Ｓ１０３）。 Thus, the new addition setting page 230 can set the position and size (height and width) of the new unit, the type of the new unit, and the display target of the new unit. When these items are set and the OK button 237 is clicked (S106), the addition of a new unit is reflected according to the HTTP request from the Web browser 21 including the setting result on the new addition setting page 230. An initial setting page 220 is generated by the setting module 103. The generated initial setting page 220 is returned from the setting module 103 to the Web browser 21 and displayed by the Web browser 21 (S103).

図９は、新規ユニットの追加が反映された初期設定ページの表示例を示す図である。図９に示されるように、新規ユニットの追加後に再び表示された初期設定ページ２２０のレイアウト設定領域２２１には、新規ユニットに対応する矩形２２１ｄが新規追加用設定ページ２３０において設定された位置及びサイズで表示される。なお、この段階において初期設定ページ２２０の編集ボタン２２３、削除ボタン２２４又は新規追加ボタン２２５がクリックされると、ユニットの編集、削除、又は追加等の処理が継続される（Ｓ１０４で、編集、削除、新規追加）。 FIG. 9 is a diagram illustrating a display example of an initial setting page in which addition of a new unit is reflected. As shown in FIG. 9, in the layout setting area 221 of the initial setting page 220 displayed again after the addition of the new unit, the rectangle 221d corresponding to the new unit is set at the position and size set on the setting page 230 for new addition. Is displayed. At this stage, if the edit button 223, delete button 224, or new addition button 225 on the initial setting page 220 is clicked, processing such as unit editing, deletion, or addition is continued (in step S104, editing or deletion). , New addition).

一方、ＯＫボタン２２６がクリックされると（Ｓ１０４で、ＯＫ又はキャンセル）、Ｗｅｂブラウザ２１からのＨＴＴＰリクエストに応じて設定保存モジュール１０４によって新規追加用設定ページ２３０における設定結果に基づいてページ情報１０５が更新され、更新されたページ情報１０５に基づいてポータルページモジュール１０２によってポータルページ２１０が生成される。生成されたポータルページ２１０は、Ｗｅｂブラウザ２１に返信され、Ｗｅｂブラウザ２１によって表示される（Ｓ１０１）。 On the other hand, when the OK button 226 is clicked (OK or cancel in S104), the page information 105 is updated based on the setting result in the setting page 230 for new addition by the setting storage module 104 according to the HTTP request from the Web browser 21. The portal page 210 is generated by the portal page module 102 based on the updated page information 105. The generated portal page 210 is returned to the Web browser 21 and displayed by the Web browser 21 (S101).

図１０は、新規ユニットの追加が反映されたポータルページの表示例を示す図である。図１０に示されるように、ポータルページ２１０には新規ユニット２１２ｄが、新規追加用設定ページ２３０において設定された位置及びサイズで表示される。また、新規ユニット２１２ｄ内には、新規追加用設定ページ２３０において関連付けられた表示対象（ショートカット）がアイコンとして表示される。 FIG. 10 is a diagram illustrating a display example of a portal page in which addition of a new unit is reflected. As shown in FIG. 10, the new unit 212 d is displayed on the portal page 210 at the position and size set on the new addition setting page 230. In addition, in the new unit 212d, the display target (shortcut) associated with the new addition setting page 230 is displayed as an icon.

続いて、図７の初期設定ページ２２０において編集ボタン２２３がクリックされた場合について説明する。初期設定ページ２２０において、編集対象とされるユニット（以下「対象ユニット」という。）のラジオボタンがチェックされ、編集ボタン２２３がクリックされると（Ｓ１０４で編集）、Ｗｅｂブラウザ２１からのＨＴＴＰリクエストに応じて設定モジュール１０３によって生成された編集用設定ページがＷｅｂブラウザ２１によって表示される（Ｓ１０７）。 Next, a case where the edit button 223 is clicked on the initial setting page 220 in FIG. 7 will be described. In the initial setting page 220, when the radio button of the unit to be edited (hereinafter referred to as “target unit”) is checked and the edit button 223 is clicked (edited in S104), an HTTP request from the Web browser 21 is sent. In response, the editing setting page generated by the setting module 103 is displayed by the Web browser 21 (S107).

図１１は、編集用設定ページの表示例を示す図である。図１１に示されるように、編集用設定ページ２４０の構成は、新規追加用設定ページ２３０（図８）の構成とほぼ同様である。但し、編集用設定ページ２４０のレイアウト設定領域２４１においては、未定義セルのみならず、対象ユニット２４１ａに属するセルごとにもラジオボタン（２４１ａ−１、２４１ａ−２）が付加されている。これは、対象ユニットの左上頂点が属するセルとして選択可能なセルは、未定義セルに限られず、対象ユニットに属しているセルも含まれるからである。 FIG. 11 is a diagram illustrating a display example of the editing setting page. As shown in FIG. 11, the configuration of the editing setting page 240 is almost the same as the configuration of the new addition setting page 230 (FIG. 8). However, in the layout setting area 241 of the editing setting page 240, not only undefined cells but also radio buttons (241a-1, 241a-2) are added to each cell belonging to the target unit 241a. This is because the cells that can be selected as the cell to which the upper left vertex of the target unit belongs are not limited to undefined cells, but also include cells that belong to the target unit.

レイアウト設定領域２４１においてその左上頂点を対象セルの左上頂点とするセルのラジオボタンがチェックされると、それに応じてチェックされたセルの左上頂点を対象ユニットの左上頂点とした場合に、他のユニットとその表示領域が重複しない範囲で対象ユニットの右下頂点となり得る右下頂点を有する全てのセルに対応するサイズ指定用セルが、サイズ指定領域２４３に表示される。 When the radio button of the cell whose upper left vertex is the upper left vertex of the target cell is checked in the layout setting area 241, when the upper left vertex of the checked cell is set as the upper left vertex of the target unit, the other unit The size designation cells corresponding to all the cells having the lower right vertex that can be the lower right vertex of the target unit in a range where the display areas do not overlap are displayed in the size designation area 243.

図１１においては、セル２４１１がチェックされているため、セル２４１１、２４１２、２４１３、２４１４の右下頂点が、対象ユニットの右下頂点となり得る。したがって、サイズ指定領域２４３には、前記各セル（２４１１、２４１２、２４１３、２４１４）に対応するサイズ指定用セル２４３１、２４３２、２４３３、２４３４が、前記各セルと同じ配列で表示されている。この状態で、サイズ指定用セル２４３４がクリックされると、サイズ指定用セル２４３４に対応するセル２４１４の右下頂点が対象ユニットの右下頂点とされる。 In FIG. 11, since the cell 2411 is checked, the lower right vertex of the cells 2411, 2412, 2413, and 2414 can be the lower right vertex of the target unit. Therefore, size designation cells 2431, 2432, 2433, and 2434 corresponding to the cells (2411, 2412, 2413, and 2414) are displayed in the size designation area 243 in the same arrangement as the cells. When the size designation cell 2434 is clicked in this state, the lower right vertex of the cell 2414 corresponding to the size designation cell 2434 is set as the lower right vertex of the target unit.

このように、編集用設定ページ２４０においては、対象ユニットの位置及びサイズ（高さ、幅）を変更させることができる。その他、編集用設定ページ２４０のユニット種類選択領域２４４、ユニット名指定領域２４５、表示対象指定領域２４６において、対象ユニットの種類、名前、表示対象等を変更させることもできる。 As described above, in the editing setting page 240, the position and size (height and width) of the target unit can be changed. In addition, in the unit type selection area 244, the unit name designation area 245, and the display target designation area 246 of the editing setting page 240, the type, name, display target, and the like of the target unit can be changed.

編集用設定ページ２４０における各項目の設定がなされ、ＯＫボタン２４７がクリックされると（Ｓ１０８）、編集用設定ページ２４０における設定結果を含む、Ｗｅｂブラウザ２１からのＨＴＴＰリクエストに応じて対象ユニットの編集が反映された初期設定ページ２２０が設定モジュール１０３によって生成される。生成された初期設定ページ２２０は、設定モジュール１０３からＷｅｂブラウザ２１に返信され、Ｗｅｂブラウザ２１によって表示される（Ｓ１０３）。 When each item is set on the editing setting page 240 and the OK button 247 is clicked (S108), the target unit is edited according to the HTTP request from the Web browser 21 including the setting result on the editing setting page 240. The initial setting page 220 reflecting the above is generated by the setting module 103. The generated initial setting page 220 is returned from the setting module 103 to the Web browser 21 and displayed by the Web browser 21 (S103).

図１２は、対象ユニットの編集が反映された初期設定ページの表示例を示す図である。図１２に示されるように、対象ユニット２２１の編集後に再び表示された初期設定ページ２２０のレイアウト設定領域２２１においては、対象ユニット２２１が編集用設定ページ２４０において設定された位置及びサイズで表示される。なお、この段階において初期設定ページ２２０の編集ボタン２２３、削除ボタン２２４又は新規追加ボタン２２５をクリックされると、ユニットの編集、削除、又は追加等の処理が継続される（Ｓ１０４で、編集、削除、新規追加）。 FIG. 12 is a diagram illustrating a display example of an initial setting page in which editing of the target unit is reflected. As shown in FIG. 12, in the layout setting area 221 of the initial setting page 220 displayed again after editing the target unit 221, the target unit 221 is displayed at the position and size set in the editing setting page 240. . At this stage, when the edit button 223, delete button 224, or new addition button 225 on the initial setting page 220 is clicked, the process of editing, deleting, or adding a unit is continued (S104, edit, delete). , New addition).

一方、ＯＫボタン２２６がクリックされると（Ｓ１０４で、ＯＫ又はキャンセル）、Ｗｅｂブラウザ２１からのＨＴＴＰリクエストに応じて設定保存モジュール１０４によって編集用設定ページ２４０における設定結果に基づいてページ情報１０５が更新され、更新されたページ情報１０５に基づいてポータルページモジュール１０２によってポータルページ２１０が生成される。生成されたポータルページ２１０は、Ｗｅｂブラウザ２１に返信され、Ｗｅｂブラウザ２１によって表示される（Ｓ１０１）。 On the other hand, when the OK button 226 is clicked (OK or cancel in S104), the page information 105 is updated based on the setting result in the editing setting page 240 by the setting storage module 104 in response to the HTTP request from the Web browser 21. The portal page 210 is generated by the portal page module 102 based on the updated page information 105. The generated portal page 210 is returned to the Web browser 21 and displayed by the Web browser 21 (S101).

図１３は、対象ユニットの編集が反映されたポータルページの表示例を示す図である。図１３に示されるように、ポータルページ２１０には対象ユニット２１２ａが、編集用設定ページ２４０において設定された位置及びサイズで表示される。また、対象ユニット２１２ｄ内には、編集用設定ページ２４０において関連付けられたショートカットがアイコンとして表示される。 FIG. 13 is a diagram illustrating a display example of a portal page in which editing of the target unit is reflected. As shown in FIG. 13, the target unit 212 a is displayed on the portal page 210 at the position and size set on the editing setting page 240. In the target unit 212d, shortcuts associated with the editing setting page 240 are displayed as icons.

続いて、図７の初期設定ページ２２０において削除ボタン２２４がクリックされた場合について説明する。初期設定ページ２２０において、編集対象とされるユニット（対象ユニット）のラジオボタンがチェックされ、削除ボタン２２４がクリックされると（Ｓ１０４で削除）、確認ダイアログが表示される（Ｓ１０９）。確認ダイアログのＯＫボタンがクリックされると、Ｗｅｂブラウザ２１からのＨＴＴＰリクエストに応じて対象ユニットの削除が反映された初期設定ページ２２０が設定モジュール１０３によって生成される。生成された初期設定ページ２２０は、設定モジュール１０３からＷｅｂブラウザ２１に返信され、Ｗｅｂブラウザ２１によって表示される（Ｓ１０３）。 Next, a case where the delete button 224 is clicked on the initial setting page 220 in FIG. 7 will be described. In the initial setting page 220, the radio button of the unit to be edited (target unit) is checked, and when the delete button 224 is clicked (deleted in S104), a confirmation dialog is displayed (S109). When the OK button of the confirmation dialog is clicked, the initial setting page 220 reflecting the deletion of the target unit is generated by the setting module 103 according to the HTTP request from the Web browser 21. The generated initial setting page 220 is returned from the setting module 103 to the Web browser 21 and displayed by the Web browser 21 (S103).

図１４は、対象ユニットの削除が反映された初期設定ページの表示例を示す図である。図１４に示されるように、再び表示された初期設定ページ２２０のレイアウト設定領域２２１からは、対象ユニットに対応する矩形が削除されている。なお、この段階において初期設定ページ２２０の編集ボタン２２３、削除ボタン２２４又は新規追加ボタン２２５がクリックされると、ユニットの編集、削除、又は削除等の処理が継続される（Ｓ１０４で、編集、削除、新規削除）。 FIG. 14 is a diagram illustrating a display example of an initial setting page in which deletion of the target unit is reflected. As shown in FIG. 14, the rectangle corresponding to the target unit is deleted from the layout setting area 221 of the initial setting page 220 displayed again. At this stage, when the edit button 223, delete button 224, or new addition button 225 on the initial setting page 220 is clicked, processing such as unit editing, deletion, or deletion is continued (in step S104, editing or deletion). , Delete new).

一方、ＯＫボタン２２６がクリックされると（Ｓ１０４で、ＯＫ又はキャンセル）、Ｗｅｂブラウザ２１からのＨＴＴＰリクエストに応じて設定保存モジュール１０４によって初期設定ページ２２０における設定結果（対象ユニットの削除）に基づいてページ情報１０５が更新され、更新されたページ情報１０５に基づいてポータルページモジュール１０２によってポータルページ２１０が生成される。生成されたポータルページ２１０は、Ｗｅｂブラウザ２１に返信され、Ｗｅｂブラウザ２１によって表示される（Ｓ１０１）。 On the other hand, when the OK button 226 is clicked (OK or cancel in S104), based on the setting result (deletion of the target unit) in the initial setting page 220 by the setting storage module 104 in accordance with the HTTP request from the Web browser 21. The page information 105 is updated, and the portal page 210 is generated by the portal page module 102 based on the updated page information 105. The generated portal page 210 is returned to the Web browser 21 and displayed by the Web browser 21 (S101).

図１５は、対象ユニットの削除が反映されたポータルページの表示例を示す図である。図１５に示されるように、ポータルページ２１０からは対象ユニットとされたユニット２１２ａが削除される。 FIG. 15 is a diagram illustrating a display example of a portal page in which deletion of the target unit is reflected. As shown in FIG. 15, the unit 212 a that is the target unit is deleted from the portal page 210.

上述したように本実施の形態におけるＷｅｂサーバによれば、新規追加用設定ページ２３０や編集用設定ページ２４０におけるレイアウト設定領域２３１又は２４１において、実際の表示イメージに近い形で各ユニットの位置、高さ及び幅等を任意に設定させることができるため、ポータルページ２１０のレイアウトについて、視覚的かつ直感的な、柔軟性のある設定手段を提供することができる。 As described above, according to the Web server in the present embodiment, in the layout setting area 231 or 241 in the new addition setting page 230 or the editing setting page 240, the position and height of each unit are close to the actual display image. Since the width, width, and the like can be arbitrarily set, it is possible to provide a visually and intuitively flexible setting means for the layout of the portal page 210.

なお、本実施の形態においては、矩形のセルを例として説明したが、セルの形状については必ずしも矩形である必要はない。三角形や六角形等、必要とされるレイアウトの柔軟性等に合わせて適宜適当な形状を採用すればよい。 In the present embodiment, a rectangular cell has been described as an example. However, the shape of the cell is not necessarily rectangular. Appropriate shapes may be employed as appropriate in accordance with the required layout flexibility, such as triangles and hexagons.

以上、本発明の好ましい実施例について詳述したが、本発明は係る特定の実施形態に限定されるものではなく、特許請求の範囲に記載された本発明の要旨の範囲内において、種々の変形・変更が可能である。 The preferred embodiments of the present invention have been described in detail above, but the present invention is not limited to such specific embodiments, and various modifications can be made within the scope of the gist of the present invention described in the claims.・ Change is possible.

従来見受けられる設定ページの例を示す図である。It is a figure which shows the example of the setting page seen conventionally. 本発明の実施の形態におけるＷｅｂシステムの構成例を示す図である。It is a figure which shows the structural example of the Web system in embodiment of this invention. 本発明の実施の形態におけるＷｅｂサーバのハードウェア構成例を示す図である。It is a figure which shows the hardware structural example of the Web server in embodiment of this invention. 本発明の実施の形態におけるＷｅｂサーバの機能構成例を示す図である。It is a figure which shows the function structural example of the Web server in embodiment of this invention. ポータルページのレイアウトの設定手順を説明するためのフローチャートである。It is a flowchart for demonstrating the setting procedure of the layout of a portal page. ポータルページの表示例を示す図である。It is a figure which shows the example of a display of a portal page. 初期設定ページの表示例を示す図である。It is a figure which shows the example of a display of an initial setting page. 新規追加用設定ページの表示例を示す図である。It is a figure which shows the example of a display of the setting page for new addition. 新規ユニットの追加が反映された初期設定ページの表示例を示す図である。It is a figure which shows the example of a display of the initial setting page in which addition of the new unit was reflected. 新規ユニットの追加が反映されたポータルページの表示例を示す図である。It is a figure which shows the example of a display of the portal page in which addition of the new unit was reflected. 編集用設定ページの表示例を示す図である。It is a figure which shows the example of a display of the setting page for edit. 対象ユニットの編集が反映された初期設定ページの表示例を示す図である。It is a figure which shows the example of a display of the initial setting page in which the edit of the target unit was reflected. 対象ユニットの編集が反映されたポータルページの表示例を示す図である。It is a figure which shows the example of a display of the portal page in which edit of the target unit was reflected. 対象ユニットの削除が反映された初期設定ページの表示例を示す図である。It is a figure which shows the example of a display of the initial setting page in which deletion of the target unit was reflected. 対象ユニットの削除が反映されたポータルページの表示例を示す図である。It is a figure which shows the example of a display of the portal page in which deletion of the target unit was reflected.

Explanation of symbols

１Ｗｅｂシステム
１０Ｗｅｂサーバ
１１ＣＰＵ
１２ＲＯＭ
１３ＲＡＭ
１４補助記憶装置
１５ネットワークＩ／Ｆ
１６ドライブ装置
１７記録媒体
２０端末
２１Ｗｅｂブラウザ
３０ネットワーク
１０１Ｗｅｂサーバプログラム
１０２ポータルページモジュール
１０３設定ページモジュール
１０４設定保存モジュール１０４
１０５ページ情報１０５ 1 Web system 10 Web server 11 CPU
12 ROM
13 RAM
14 Auxiliary storage 15 Network I / F
16 Drive device 17 Recording medium 20 Terminal 21 Web browser 30 Network 101 Web server program 102 Portal page module 103 Setting page module 104 Setting storage module 104
105 Page information 105

Claims

A web page layout setting device for setting a layout of a web page for displaying one or more display areas each displaying information,
A setting page providing means for providing a setting page for arbitrarily setting the position and size of the display area in the Web page by arranging the display area via a network;
The configuration page
The display area is divided into a plurality of unit areas that are the minimum unit of the display area, and the display area range that has been set is displayed based on the unit area, and by selecting the unit area, the upper left of the unit area is displayed. A first setting area that causes a vertex to be designated as the upper left vertex of the display area;
A second setting area for designating the lower right vertex of the display area,
The second setting area has a lower right vertex that can be a candidate for the lower right vertex of the display area according to the designation of the upper left vertex of the display area in the first setting area, and is already set A web page layout setting device for displaying a corresponding unit area corresponding to the unit area in a range not overlapping with the display area.

The unit area is formed by dividing the first setting area by a plurality of rows and a plurality of columns,
The Web page layout setting apparatus according to claim 1, wherein at least one of the row and the column can be added.

The Web page layout setting device according to claim 1, wherein the setting page causes a display target to be displayed in the display area to be selected.

4. The Web page layout setting apparatus according to claim 3, wherein the setting page displays a list of information that can be displayed in the display area, and selects information to be displayed from the list.

A web page layout setting method for setting a layout of a web page for displaying one or more display areas each displaying information using a computer,
A setting page providing procedure for providing, via a network, a setting page for arbitrarily setting the position and size of the display area in the Web page by arranging the display area;
By dividing the unit area in the first setting area of the setting page that is divided into a plurality of unit areas that are the minimum unit of the display area and displays the range of the display area that has already been set, A first input procedure for designating the upper left vertex of the unit area as the upper left vertex of the display area;
In accordance with the designation of the upper left vertex of the display area in the first setting area, it has a lower right vertex that can be a candidate for the lower right vertex of the display area, and in a range that does not overlap the already set display area A second input procedure for designating the lower right vertex of the display area by selecting the corresponding unit area in the second setting area of the setting page for displaying the corresponding unit area corresponding to the unit area; A web page layout setting method executed by the computer .

6. The Web page layout setting method according to claim 5, wherein the computer further executes a display object selection procedure for selecting a display object to be displayed in the display area on the setting page.

A web page layout setting program for setting a layout of a web page for displaying one or more display areas each displaying information,
A setting page providing procedure for providing, via a network, a setting page for arbitrarily setting the position and size of the display area in the Web page by arranging the display area;
By dividing the unit area in the first setting area of the setting page that is divided into a plurality of unit areas that are the minimum unit of the display area and displays the range of the display area that has already been set, A first input procedure for designating the upper left vertex of the unit area as the upper left vertex of the display area;
In accordance with the designation of the upper left vertex of the display area in the first setting area, it has a lower right vertex that can be a candidate for the lower right vertex of the display area, and in a range that does not overlap the already set display area A second input procedure for designating the lower right vertex of the display area by selecting the corresponding unit area in the second setting area of the setting page for displaying the corresponding unit area corresponding to the unit area; Web page layout setting program for causing a computer to execute.

A computer-readable recording medium on which the Web page layout setting program according to claim 7 is recorded.