JP2007108994A - Layout editing device and layout editing program - Google Patents
Layout editing device and layout editing program Download PDFInfo
- Publication number
- JP2007108994A JP2007108994A JP2005298988A JP2005298988A JP2007108994A JP 2007108994 A JP2007108994 A JP 2007108994A JP 2005298988 A JP2005298988 A JP 2005298988A JP 2005298988 A JP2005298988 A JP 2005298988A JP 2007108994 A JP2007108994 A JP 2007108994A
- Authority
- JP
- Japan
- Prior art keywords
- block
- layout
- information
- area
- page
- 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.)
- Pending
Links
- 238000000034 method Methods 0.000 claims description 44
- 230000008569 process Effects 0.000 claims description 39
- 238000012937 correction Methods 0.000 claims description 36
- 238000004458 analytical method Methods 0.000 claims description 20
- 230000008859 change Effects 0.000 claims description 19
- 238000013500 data storage Methods 0.000 claims description 11
- 238000004891 communication Methods 0.000 claims description 4
- 238000012916 structural analysis Methods 0.000 claims description 2
- 238000012986 modification Methods 0.000 claims 1
- 230000004048 modification Effects 0.000 claims 1
- 238000012545 processing Methods 0.000 description 25
- 230000006870 function Effects 0.000 description 19
- 238000010586 diagram Methods 0.000 description 13
- 230000000694 effects Effects 0.000 description 4
- 238000007726 management method Methods 0.000 description 3
- 238000011946 reduction process Methods 0.000 description 3
- 230000006837 decompression Effects 0.000 description 2
- 230000009471 action Effects 0.000 description 1
- 230000008901 benefit Effects 0.000 description 1
- 238000004364 calculation method Methods 0.000 description 1
- 230000008602 contraction Effects 0.000 description 1
- 238000007796 conventional method Methods 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 230000003628 erosive effect Effects 0.000 description 1
- 230000007246 mechanism Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000010363 phase shift Effects 0.000 description 1
- 230000009467 reduction Effects 0.000 description 1
- 238000007493 shaping process Methods 0.000 description 1
Images
Landscapes
- Document Processing Apparatus (AREA)
- Editing Of Facsimile Originals (AREA)
- Processing Or Creating Images (AREA)
Abstract
Description
本発明は、文書を複数のブロック領域に分割し、各ブロックごとに文書を作成し編集する仕組みに関する。 The present invention relates to a mechanism for dividing a document into a plurality of block areas, and creating and editing the document for each block.
文書を作成・編集するに際しては、様々なレイアウト構成が考えられる。このため、レイアウトを自由に決定し、それぞれの領域に文字や図表を入力するのは、何ら入力支援機能が無い場合には、煩雑な手作業を必要とし、通常のワープロソフトや表計算ソフトでは、複数のページ全体を通して統一的なレイアウト構成を維持するのは困難であった。
特に、Webページ(ホームページ)作成に際しては、複数のページ全体を通して、統一的なレイアウト構成を採用することが望まれており、様々な入力支援機能が開発されてきた。
このような技術は、たとえば、特許文献1に開示されている。
特許文献1は、ブラウザ上での表示状態を確認しながら容易に編集することができるコンピュータ画面レイアウト編集方法に関するものであり、1ページを、複数のブロックに分割し、各ブロックを複数の文字領域もしくは画像データ領域に割り当て、ブロック毎にデータを入力する支援機能が記載されている。
When creating / editing a document, various layout configurations can be considered. Therefore, deciding the layout freely and inputting characters and charts in each area requires complicated manual work if there is no input support function, and with ordinary word processing software and spreadsheet software It has been difficult to maintain a uniform layout configuration across multiple pages.
In particular, when creating a Web page (homepage), it is desired to adopt a uniform layout configuration throughout the plurality of pages, and various input support functions have been developed.
Such a technique is disclosed in
具体的には、上下方向に分割するか左右方向に分割するかの入力パターンを指定し、指定された入力パターンに応じてコンピュータ画面を複数のブロックに分割し、各ブロックに順番に番号付けを行い、ブロック番号を指定し、ブロック単位で文字データまたは画像データを入力するという処理を行なっている。
このため、図1ないしは図2に示されているように、1ページが縦に長い構成になり、必ずしも1ページが表示画面に収まるものではなかったため、Webページを複数備える構成に応するには不向きであった。また、入力支援機能としても、図7に示されているように、入力しているブロックと、実際に表示されるレイアウト構成との対応関係が分かりにくい構成となっているという欠点があった。
Specifically, specify the input pattern to divide vertically or horizontally, divide the computer screen into multiple blocks according to the specified input pattern, and number each block in turn The block number is designated, and character data or image data is input in units of blocks.
For this reason, as shown in FIGS. 1 and 2, since one page has a vertically long configuration and one page does not necessarily fit on the display screen, it is necessary to respond to a configuration including a plurality of Web pages. It was unsuitable. Further, as shown in FIG. 7, the input support function has a drawback in that it is difficult to understand the correspondence between the input block and the layout configuration actually displayed.
また、Webページ(ホームページ)を作成した後、あるいは作成している最中に、特定のブロック(たとえば画像ブロック)の大きさを変更する処理が必要となるが、Webページは文字や画像の位置情報をタグで定義する方式を採用しており、ひとつのブロックの大きさや位置を変更すると、他のブロックの領域を定義するタグもすべて変更しなければならず、その煩雑さゆえ、従来の技術では十分な入力支援機能としてサポートできていない現状があった。
このような技術は、たとえば、特許文献2に開示されている。
特許文献2は、ホームページデータのレイアウト情報として、文章および画像から構成され、且つこれら文章と画像の位置情報を有する複数の段落およびこれら段落相互間の位置情報を保存する技術が開示されている。
しかし、各ブロックの位置を入れ替える技術については説明があるものの、画像データを拡大縮小する操作に応じて文字入力領域を可変する機能を備えておらず、(文字は所定の大きさで入力することを前提としているのでともかく)、画像データは小さすぎて見えない場合に、これを大きく表示するための処理が必要となる点に応えることができないという問題があった。
Also, after creating a web page (homepage) or during creation, it is necessary to change the size of a specific block (for example, an image block). It uses a method of defining information with tags. If the size or position of one block is changed, all the tags that define the area of other blocks must be changed. However, there was a situation where it was not supported as a sufficient input support function.
Such a technique is disclosed in
However, although there is an explanation about the technology for changing the position of each block, it does not have a function for changing the character input area according to the operation for enlarging or reducing the image data. However, when the image data is too small to be seen, there is a problem that it is impossible to meet the point that processing for displaying the image data in a large size is required.
上記のように従来の技術では、入力しているブロックと、実際に表示されるレイアウト構成との対応関係が分かりにくいという問題点や、画像のサイズ伸長に対応できないという問題点があった。
そこで、本発明は、レイアウトのマップを表示し、マップに示されたブロックを選択し、選択された各ブロック毎に入力を受け付ける機能を提供することで、入力しているブロックと、実際に表示されるレイアウト構成との対応関係を明示しつつ、入力を行ない得る入力・編集支援機能を提供することを目的とする。
また、一部のブロックを伸縮すると、それに応じて他のブロックの領域が変更される機能(レイアウト修正機能)を提供することで、特に画像のサイズ伸長に柔軟に対応し得る入力・編集支援機能を提供することを目的とする。
As described above, the conventional technique has a problem that it is difficult to understand the correspondence between the input block and the layout configuration that is actually displayed, and a problem that the image size cannot be expanded.
Therefore, the present invention provides a function of displaying a layout map, selecting a block indicated on the map, and receiving an input for each selected block, thereby displaying the input block and the actual display. An object of the present invention is to provide an input / editing support function capable of inputting while clearly indicating the correspondence with the layout configuration.
In addition, by providing a function (layout correction function) that changes the area of other blocks according to the expansion or contraction of some blocks, an input / editing support function that can respond flexibly to image size expansion. The purpose is to provide.
上述した課題を解決し、目的を達成するために、本発明にかかるレイアウト編集装置における第1の発明は、文字列入力または選択指示入力またはポインタ入力などの入力を受け付ける入力部と、文書のレイアウトのパターン情報を格納するレイアウト情報格納部と、前記レイアウトを分割して構成する各ブロックの情報を格納するブロック情報格納部と、レイアウトの制御および選択を行なうレイアウト制御部と、ブロックの制御を行なうブロック制御部と、レイアウト・マップを表示するマップ表示部とを備え、レイアウト制御部により選択されたレイアウト情報を取得して、該選択されたレイアウト構成をマップ表示部によりレイアウト・マップとして表示し、該レイアウト・マップを構成するブロックを任意に選択可能として、各ブロック毎に入力データを受け付けることを特徴とする。 In order to solve the above-described problems and achieve the object, a first invention in a layout editing apparatus according to the present invention includes an input unit that receives an input such as a character string input, a selection instruction input, or a pointer input, and a document layout. A layout information storage unit for storing the pattern information, a block information storage unit for storing information of each block formed by dividing the layout, a layout control unit for controlling and selecting a layout, and a block control A block control unit, and a map display unit for displaying a layout map, obtaining layout information selected by the layout control unit, and displaying the selected layout configuration as a layout map by the map display unit; Each block can be arbitrarily selected from the blocks constituting the layout map. Characterized in that it accepts the input data for each click.
また、本発明にかかるレイアウト編集装置における第2の発明は、装置内あるいはネットワークの接続先にコンテンツを格納するコンテンツ格納部と、前記コンテンツを制御するコンテンツ制御部と、前記コンテンツを選択するコンテンツ選択部とをさらに備え、コンテンツ選択部により選択した前記コンテンツを基に、前記入力データを生成すること、を特徴とする。 According to a second aspect of the layout editing apparatus of the present invention, a content storage unit that stores content in the apparatus or a network connection destination, a content control unit that controls the content, and content selection that selects the content And the input data is generated based on the content selected by the content selection unit.
また、本発明にかかるレイアウト編集装置における第3の発明は、文書データおよびページ情報を生成するデータ生成部と、前記ページ情報を格納するデータ格納部とをさらに備え、該データ生成部によって、前記レイアウト情報に前記入力データを組み込んで文書データを生成し、該文書データを基にページ情報を生成し、データ格納部に格納すること、を特徴とする。 The third aspect of the layout editing apparatus according to the present invention further includes a data generation unit that generates document data and page information, and a data storage unit that stores the page information. Document data is generated by incorporating the input data into layout information, page information is generated based on the document data, and stored in a data storage unit.
また、本発明にかかるレイアウト編集装置における第4の発明は、前記入力部により受け付けた、第一のブロックの領域の修正量を解析する構造解析部と、前記第一のブロックの領域の修正量の解析結果に基づいて、他のブロック領域の領域情報を修正する領域情報修正部とを備えたこと、を特徴とする。 According to a fourth aspect of the layout editing apparatus of the present invention, the structural analysis unit that analyzes the correction amount of the first block region received by the input unit, and the correction amount of the first block region And an area information correction unit that corrects area information of other block areas based on the analysis result of the above.
また、本発明にかかるレイアウト編集装置における第5の発明は、前記第一のブロックの領域の修正量の解析結果に基づいて、他のブロック領域の領域情報を修正する際に、当該他のブロック領域に含まれる文字列の量に基づいて、ブロックの領域情報を変更することを特徴とする。 According to a fifth aspect of the layout editing apparatus of the present invention, when the area information of another block area is corrected based on the analysis result of the correction amount of the area of the first block, the other block The area information of the block is changed based on the amount of character strings included in the area.
また、本発明にかかるレイアウト編集装置における第6の発明は、前記他のブロックの領域情報を変更する際に、当該変更処理がブロック領域の伸長処理である場合であって、当該ブロック領域の伸長処理に伴って、全ブロックが予め設定された1ページ領域内に収まらないと判断する場合には、ページサイズを伸長あるいはスクロール・バー表示を行なうことを特徴とする。 According to a sixth aspect of the layout editing apparatus of the present invention, when the area information of the other block is changed, the change process is a block area extension process, and the block area is extended. Along with the processing, when it is determined that all the blocks do not fit within a preset page area, the page size is expanded or a scroll bar is displayed.
また、本発明にかかるレイアウト編集プログラムにおける第1の発明は、レイアウトを一覧表示するステップと、一覧表示の中から所定のレイアウトを選択するステップと、前記選択されたレイアウトに対応づけられたレイアウト・マップを表示するステップと、前記レイアウト・マップを構成する特定のブロックを選択するステップと、を備えたことを特徴とする。 The first invention in the layout editing program according to the present invention includes a step of displaying a list of layouts, a step of selecting a predetermined layout from the list display, and a layout associated with the selected layout. And a step of displaying a map, and a step of selecting a specific block constituting the layout map.
また、本発明にかかるレイアウト編集プログラムにおける第2の発明は、プレビューを表示するステップと、第一のブロックについて領域修正を受け付けるステップと、前記第一のブロックの領域修正を検出するステップと、領域修正後の第一のブロックの構造を解析する第一の解析ステップと、前記第一の解析ステップの結果に基づいて他のブロックの領域情報を決定するステップと、を備えたことを特徴とする。 Further, the second invention in the layout editing program according to the present invention includes a step of displaying a preview, a step of accepting an area correction for the first block, a step of detecting an area correction of the first block, and an area A first analysis step of analyzing the structure of the first block after correction; and a step of determining region information of another block based on a result of the first analysis step. .
また、本発明にかかるレイアウト編集プログラムにおける第3の発明は、前記第一のブロックの領域の修正量の解析結果に基づいて、他のブロック領域の領域情報を修正する際に、当該他のブロック領域に含まれる文字数を取得するステップと、当該取得した他のブロック領域に含まれる文字数と当該他のブロック領域における表示可能文字数とを比較するステップと、1ページを画面表示領域内に納めるか否かを示す情報を取得するステップと、当該取得した1ページを画面表示領域内に納めるか否かを示す情報と前記比較結果とを基に、当該他のブロックの構造を決定すること、を特徴とする。 According to a third aspect of the layout editing program of the present invention, when the area information of another block area is corrected based on the analysis result of the correction amount of the area of the first block, the other block A step of acquiring the number of characters included in the area, a step of comparing the number of characters included in the acquired other block area with the number of displayable characters in the other block area, and whether or not one page fits in the screen display area Determining the structure of the other block based on the step of acquiring information indicating whether or not the acquired one page is stored in the screen display area and the comparison result. And
また、本発明にかかるレイアウト編集プログラムにおける第4の発明は、前記取得した1ページを画面表示領域内に納めるか否かを示す情報に基づいて、1ページのページサイズを伸長する処理を行なうか、またはスクロール・バー表示をするか、のいずれかを判断するステップを備えたこと、を特徴とする。 In a fourth aspect of the layout editing program according to the present invention, is the process for expanding the page size of one page based on the information indicating whether or not the acquired one page is stored in the screen display area? Or a scroll bar display is included.
また、本発明にかかるレイアウト編集プログラムにおける第5の発明は、ページ情報に各ブロックの優先順位を示す優先順位情報を登録するステップと、前記登録された優先順位情報を取得するステップと、前記取得した優先順位情報に基づいて前記他のブロックの領域情報を決定すること、を特徴とする。 According to a fifth aspect of the layout editing program of the present invention, the step of registering priority information indicating the priority of each block in page information, the step of acquiring the registered priority information, and the acquisition The area information of the other block is determined based on the priority order information.
請求項1記載の発明によれば、レイアウト制御部により選択されたレイアウト情報を取得して、該選択されたレイアウト構成をマップ表示部によりレイアウト・マップとして表示し、該レイアウト・マップを構成するブロックを任意に選択可能として、各ブロック毎に入力データを受け付けることとしたので、多様なレイアウト選択を可能とするとともに、選択されたレイアウトをクリッカブル・レイアウト・マップとして絶えず画面に表示しつつ、各ブロック毎に入力・編集作業をすることができ、レイアウトの「どの部分」の入力を行なっているかを明瞭に把握しつつ、入力・編集作業をすることが可能となる。 According to the first aspect of the present invention, the layout information selected by the layout control unit is acquired, the selected layout configuration is displayed as a layout map by the map display unit, and the layout map is configured Can be selected arbitrarily, and input data is accepted for each block, so various layouts can be selected, and each block is displayed while the selected layout is continuously displayed on the screen as a clickable layout map. Each input / editing operation can be performed, and it is possible to perform an input / editing operation while clearly grasping which portion of the layout is being input.
また、請求項2または請求項3記載の発明によれば、コンテンツ選択部により選択したコンテンツを基に、入力データを生成することとしたので、サンプル文章などのコンテンツを基に、修正あるいは追記入力するだけで、各項目のデータを作成することが可能となる。
Further, according to the invention described in
また、請求項4記載の発明によれば、前記レイアウト情報に前記入力データを組み込んで文書データを生成し、該文書データを基にページ情報を生成し、データ格納部に格納することとしたので、クリッカブル・レイアウト・マップをガイドとして各ブロック毎に入力・編集した生成データを、HTML形式に代表されるデータ形式に組み込むことことができるという効果を奏する。 According to a fourth aspect of the invention, document data is generated by incorporating the input data into the layout information, page information is generated based on the document data, and stored in a data storage unit. The generated data input and edited for each block using the clickable layout map as a guide can be incorporated into a data format typified by the HTML format.
また、請求項5記載の発明によれば、ページの構造を階層化するとともに、レイアウト種別情報に基づいて、ページのレイアウトを共通に設定することとしたので、文書やホームページの全体について統一されたレイアウト構成を容易に構築することが可能となる。 According to the invention described in claim 5, since the page structure is hierarchized and the page layout is set in common based on the layout type information, the entire document and homepage are unified. A layout configuration can be easily constructed.
また、請求項6記載の発明によれば、入力部により受け付けた、第一のブロックの領域の修正量を解析する構造解析部と、前記第一のブロックの領域の修正量の解析結果に基づいて、他のブロック領域の領域情報を修正する領域情報修正部とを備えたので、一部のブロック領域を伸縮すると、それに応じて他のブロックの領域を最適な大きさに修正できるという効果を奏する。 According to the invention of claim 6, based on the analysis result of the correction amount of the first block area, which is received by the input unit, and analyzing the correction amount of the first block area. In addition, an area information correction unit that corrects the area information of other block areas is provided, so that when some block areas are expanded or contracted, the area of other blocks can be corrected to the optimum size accordingly. Play.
また、請求項7記載の発明によれば、前記第一のブロックの領域の修正量の解析結果に基づいて、他のブロック領域の領域情報を修正する際に、当該他のブロック領域に含まれる文字列の量に基づいて、ブロックの領域情報を変更することとしたので、文字列の量に応じて他のブロックの領域を最適な大きさに修正できるという効果を奏する。 According to the invention of claim 7, when the area information of the other block area is corrected based on the analysis result of the correction amount of the area of the first block, it is included in the other block area. Since the block area information is changed based on the amount of the character string, the area of the other block can be corrected to an optimum size according to the amount of the character string.
また、請求項8記載の発明によれば、記他のブロックの領域情報を変更する際に、当該変更処理がブロック領域の伸長処理である場合であって、前記構造解析部が、当該ブロック領域の伸長処理に伴って、全ブロックが予め設定された1ページ領域内に収まらないと判断する場合には、ページサイズを伸長することとしたので、ブロック内の文字列の量に制限されること無く、豊富な情報量を持つホームページの作成を可能とする。 According to an eighth aspect of the present invention, when changing the area information of another block, the change process is an extension process of the block area, and the structure analysis unit When it is determined that all the blocks do not fit within the preset one page area, the page size is expanded, so that the amount of character string in the block is limited. It is possible to create a website with abundant information.
また、請求項9記載の発明によれば、前記他のブロックの領域情報を変更する際に、当該変更処理がブロック領域の伸長処理である場合であって、前記構造解析部が、当該ブロック領域の伸長処理に伴って、全ブロックが予め設定された1ページ領域内に収まらないと判断する場合において、1ページを画面表示領域内に納める設定がされている場合には、当該ブロックの伸長処理を行なわず、当該ブロックについてスクロール・バー表示を行なうこととしたので、第一のブロックの領域を変更しても同じレイアウト構成を維持することができるという効果を奏する。 According to the ninth aspect of the present invention, when the area information of the other block is changed, the change process is an extension process of the block area, and the structure analysis unit When it is determined that all the blocks do not fit within the preset one page area in accordance with the decompression process, if the setting is made to fit one page within the screen display area, the decompression process of the block is performed. Since the scroll bar display is performed for the block without performing the above steps, the same layout configuration can be maintained even if the area of the first block is changed.
また、請求項10記載の発明によれば、ページ情報に各ブロックの優先順位を示す優先順位情報を備え、前記他のブロック領域の変更処理を行なう際に、当該他のブロック領域に含まれる文字列の量および前記優先順位情報を基にして、当該他のブロック領域の変更処理を行なうこととしたので、多数のブロック領域を備えたページレイアウト構成の場合でも、(第一のブロックの領域を変更に応じて他のブロック領域の修正を行なう際に)特定の他のブロックについて必要な領域の確保が容易となるという効果を奏する。 According to a tenth aspect of the present invention, the priority information indicating the priority order of each block is included in the page information, and the characters included in the other block area when the other block area is changed. Since the other block area is changed based on the column quantity and the priority order information, even in the case of a page layout configuration having a large number of block areas (the area of the first block is There is an effect that it becomes easy to secure a necessary area for a specific other block (when modifying another block area in accordance with the change).
また、請求項11記載の発明によれば、レイアウトを一覧表示するステップと、一覧表示の中から所定のレイアウトを選択するステップと、前記選択されたレイアウトに対応づけられたレイアウト・マップを表示するステップと、前記レイアウト・マップを構成する特定のブロックを選択するステップと、を備えたので、多様なレイアウト選択を可能とするとともに、選択されたレイアウトをクリッカブル・レイアウト・マップとして絶えず画面に表示しつつ、各ブロック毎に入力・編集作業をすることができ、レイアウトのどの部分の入力を行なっているかを明瞭に把握しつつ、入力・編集作業をすることが可能となる。 According to the eleventh aspect of the present invention, a step of displaying a list of layouts, a step of selecting a predetermined layout from the list display, and a layout map associated with the selected layout are displayed. And a step of selecting a specific block constituting the layout map, so that various layouts can be selected and the selected layout is continuously displayed on the screen as a clickable layout map. On the other hand, the input / editing work can be performed for each block, and the input / editing work can be performed while clearly grasping which part of the layout is being input.
また、請求項12記載の発明によれば、さらにプレビューを表示するステップと、第一のブロックについて領域修正を受け付けるステップと、前記第一のブロックの領域修正を検出するステップと、領域修正後の第一のブロックの構造を解析する第一の解析ステップと、前記第一の解析ステップの結果に基づいて他のブロックの領域情報を決定するステップと、を備えたので、一部のブロック領域を伸縮すると、それに応じて他のブロックの領域を最適な大きさに修正できるという効果を奏する。 According to the twelfth aspect of the invention, a step of displaying a preview, a step of accepting region correction for the first block, a step of detecting region correction of the first block, A first analysis step for analyzing the structure of the first block; and a step of determining region information of another block based on the result of the first analysis step. When it expands and contracts, the effect is that the area of other blocks can be corrected to the optimum size accordingly.
また、請求項13記載の発明によれば、前記第一のブロックの領域の修正量の解析結果に基づいて、他のブロック領域の領域情報を修正する際に、当該他のブロック領域に含まれる文字数を取得するステップと、当該取得した他のブロック領域に含まれる文字数と当該他のブロック領域における表示可能文字数とを比較するステップと、1ページを画面表示領域内に納めるか否かを示す情報を取得するステップと、当該取得した1ページを画面表示領域内に納めるか否かを示す情報と前記比較結果とを基に、当該他のブロックの構造を決定することとしたので、文字列の量に応じて他のブロックの領域を最適な大きさに修正できるという効果を奏する。 According to the invention of claim 13, when the area information of the other block area is corrected based on the analysis result of the correction amount of the area of the first block, it is included in the other block area. Information indicating whether the number of characters is obtained, the number of characters included in the obtained other block area is compared with the number of displayable characters in the other block area, and whether one page is stored in the screen display area The structure of the other block is determined on the basis of the step of acquiring the information, the information indicating whether or not the acquired one page fits in the screen display area, and the comparison result. There is an effect that the area of another block can be corrected to an optimum size according to the amount.
また、請求項14記載の発明によれば、前記取得した1ページを画面表示領域内に納めるか否かを示す情報に基づいて、1ページのページサイズを伸長する処理を行なうか、またはスクロール・バー表示をするか、のいずれかを判断するステップを備えたので、ブロック内の文字列の量に制限されること無く、豊富な情報量を持つホームページの作成を可能とする。 According to the fourteenth aspect of the present invention, the process of expanding the page size of one page is performed based on the information indicating whether or not the acquired one page is stored in the screen display area, or the scrolling Since there is a step of determining whether to display a bar, it is possible to create a homepage with abundant information without being limited by the amount of character strings in the block.
また、請求項15記載の発明によれば、ページ情報に各ブロックの優先順位を示す優先順位情報を登録するステップと、前記登録された優先順位情報を取得するステップと、前記取得した優先順位情報に基づいて前記他のブロックの領域情報を決定することとしたので、多数のブロック領域を備えたページレイアウト構成の場合でも、(第一のブロックの領域を変更に応じて他のブロック領域の修正を行なう際に)特定の他のブロックについて必要な領域の確保が容易となるという効果を奏する。 According to the fifteenth aspect of the present invention, the step of registering priority information indicating the priority of each block in the page information, the step of acquiring the registered priority information, and the acquired priority information Since the area information of the other block is determined based on the above, even in the case of a page layout configuration having a large number of block areas (the correction of the other block areas in accordance with the change of the area of the first block) When performing the above, there is an effect that it becomes easy to secure a necessary area for a specific other block.
以下、本発明の実施の形態について図面を参照しながら説明する。
図1は本発明の実施の形態による文書編集装置の概略構成を示す機能ブロック図である。図1を参照すると、制御部100には、記憶部200、表示部40、入力部10および20がそれぞれ接続されていることがわかる。
また、制御部100は、レイアウトを制御するレイアウト制御部110と、レイアウトの各ブロックを制御するブロック制御部120と、画像や文章データで構成されるコンテンツを制御するコンテンツ制御部130と、HTMLデータを作成するデータ制御部140と、により構成されている。
また、記憶部200は、レイアウト情報を格納するレイアウト情報格納部210、およびレイアウトの各ブロックのブロック情報を格納するブロック情報格納部220と、画像や文章データなどのコンテンツ(図10における画像群563や図11におけるサンプル文章568など)を格納するコンテンツ格納部240と、生成したHTMLデータを格納するデータ格納部250と、により構成されている。
Hereinafter, embodiments of the present invention will be described with reference to the drawings.
FIG. 1 is a functional block diagram showing a schematic configuration of a document editing apparatus according to an embodiment of the present invention. Referring to FIG. 1, it can be seen that a
The
Further, the
また、表示部40は、レイアウト構成を表示するレイアウト表示部42と、クリッカブル・レイアウト・マップ530を表示するマップ表示部44と、により構成されている。
なお、コンテンツ格納部240に格納されたコンテンツや、データ格納部250に格納された生成したHTMLデータは、制御部100を介して表示部40により表示される(図示せず)。
The
Note that the content stored in the
1.レイアウト選択処理の概要
次に、各部の動作概要について、主に図1を参照しつつ説明する。
レイアウト構成は(図8の571以下に示すように)予め複数のパターンが用意されており、レイアウト情報格納部210に格納されている。レイアウト制御部110は、この複数のパターンのレイアウト構成(レイアウト情報)を読み出してレイアウト表示部42に渡し、レイアウト表示部42により画面に表示される。
次に、レイアウト選択部112は、オペレーターの指示により入力部10ないし20を通して選択指示された、レイアウト構成(レイアウト情報)を選択する。
次に、ブロック制御部120は、選択指示されたレイアウト構成(レイアウト情報)に対応する、各ブロックのブロック情報を読み出し、縮小処理を行なって、マップ表示部44に渡し、マップ表示部44により、図8に示すようにクリッカブル・レイアウト・マップ530として画面に表示される。ここで、「クリッカブル」とは、マウスなどの入力部によるクリック操作による選択指示入力が可能であることを意味する。
1. Outline of Layout Selection Process Next, an outline of the operation of each unit will be described with reference mainly to FIG.
As the layout configuration, a plurality of patterns are prepared in advance (as shown in 571 and the following in FIG. 8) and stored in the layout
Next, the layout selection unit 112 selects a layout configuration (layout information) that is instructed to be selected through the
Next, the
レイアウトの各ブロックは、それぞれ種別分けされており、たとえば、図8に示すように(1)事務所名、(2)画像、(3)記事、(4)広告というように種別分けされている。
そして、各ブロック毎にコンテンツ(文章や画像)の入力を行なっていくことになるが、たとえば、(1)事務所名のブロックが選択指示された場合、ブロック選択部122によりブロック情報格納部220を参照して、当該ブロックのブロック情報(図4参照)を取得する。
次に、コンテンツの入力もしくは選択が行なわれると、データ生成部160により、ブロック情報にコンテンツを付加した形式で各ページのページ情報250(図5)が生成される。
ここで、コンテンツ制御部130は、必要なコンテンツをコンテンツ格納部240を参照して表示し、オペレータによる選択指示が行われると、コンテンツ格納部から当該コンテンツデータを取得して、データ生成部160に渡す動作を行なう。
Each block of the layout is classified according to type, for example, as shown in FIG. 8, (1) office name, (2) image, (3) article, (4) advertisement. .
Then, contents (sentences and images) are input for each block. For example, (1) when an office name block is instructed to be selected, the block selection unit 122 causes the block
Next, when content is input or selected, the
Here, the
また、コンテンツは通信制御部50、ネットワーク60を介して、他の装置やシステムのコンテンツ格納部70から取得することもできる。この場合、コンテンツ格納部70に最新のコンテンツをアップロードすることとすれば、タイムリーなコンテンツを含む文書、ホームページの作成が可能となる。
データ生成部160はレイアウトの各ブロックのブロック情報にコンテンツを組み込む形で、HTMLデータを生成し、データ格納部250に保存する。
以上、ページ毎にレイアウトが決定され、レイアウトを構成する各ブロック毎にコンテンツが組み込まれて、HTMLデータが生成され、保存されるまでの動作の概要を説明した。
The content can also be acquired from the
The
The outline of the operation until the layout is determined for each page, the content is incorporated in each block constituting the layout, and the HTML data is generated and stored has been described.
2.装置全体の構成例
図3は、本発明の装置全体の構成を示した図である。
図3によれば、制御部100には、文字列入力を行なうキー入力部10およびポインタ入力あるいは選択指示入力を行なうマウス20などの入力部が接続されており、文字の入力のほか、処理内容の選択指示入力、位置を指し示すためのポインタ入力、所定の領域の縮小拡大指示入力、各種コンテンツの選択指示入力が可能なように構成されている。
また、制御部100には、表示部40が接続されており、各種コンテンツを表示したり、入力結果やデータ生成の結果が確認可能なように構成されている。
2. Configuration Example of Entire Device FIG. 3 is a diagram showing a configuration of the entire device of the present invention.
Referring to FIG. 3, the
Further, the
また、制御部100には、通信制御部50が接続されており、ネットワーク60を経由するアクセスが可能なように構成されている。
また、制御部100には、記憶部200が接続されており、本発明におけるレイアウト編集処理を実行するアプリケーションプログラムを格納するアプリケーションプログラム格納領域280およびアプリケーションデータ格納領域290が設けられている。
また、制御部100には、記憶媒体をアクセスする記憶媒体アクセス部30が接続されており、ディスク(HDD)のほか光記憶媒体(CD、CD−R、MO、DVD、DVD−R、DVD−RW、DVD−RAM、ブルーレイディスクなど)へのアクセスを可能としている。
Further, the
In addition, the
The
3.レイアウト情報の構成
図4は、各レイアウトに対する、各ブロックの情報の構成を示したものである。
図4によれば、レイアウト情報群210には、レイアウトA情報、レイアウトB情報・・・がそれぞれ格納されており、各レイアウト情報はレイアウトを構成する各ブロックの情報220で構成されていることが示されている。
各ブロックの情報は、たとえば、レイアウトB情報の場合、ブロック(1)情報〜(4)情報で構成されていることが示されている。
そして、ブロック情報は、ブロック番号230、ブロック種別232、X・Y位置234、X・Yサイズ236などにより構成されている。
3. Configuration of Layout Information FIG. 4 shows the configuration of information of each block for each layout.
According to FIG. 4,
For example, in the case of layout B information, the information of each block is shown to be composed of block (1) information to (4) information.
The block information includes a
4.各ページ情報の構成
図5は、各ページの情報の構成を示したものである。
図5によれば、各ページ情報群250には、各ページの情報であるページ情報が格納されており、ページ情報260は、ページ番号、ページサイズ、レイアウト種別、ブロック数、ブロック情報(ブロック(1)データ情報〜(4)データ情報)により構成されていることが示されている。
そして、ブロック(1)データ情報は、ブロック(1)情報にコンテンツを含む形で構成された情報であり、換言すると「領域情報+コンテンツ(画像または文章)」で構成された情報である。
ブロック(1)データ情報には、ブロック番号270、ブロック種別272、X・Y位置274、X・Yサイズ276、コンテンツ278などが含まれている。
ここで、ページ情報260の中の、階層レベルの情報は、図7における階層1(410)、階層2(42)・・・の情報が格納されていることを示している。
4). Configuration of Each Page Information FIG. 5 shows the configuration of information on each page.
According to FIG. 5, each
The block (1) data information is information configured to include content in the block (1) information, in other words, information configured by “region information + content (image or text)”.
The block (1) data information includes a
Here, the hierarchy level information in the
また、ページ情報260の中の、項目名の情報は、図7において、たとえば、階層2にあっては業務案内422、事務所案内424・・・、もしくは階層3にあっては記帳指導440、経営指導442・・・が格納されることを示している。
また、ページ情報260の中の、レイアウト種別の情報は、図4におけるレイアウトA情報、レイアウトB情報・・・が格納されることを示している。
このような構成を採用したので、図5において、ページ情報260の中の、レイアウト種別の情報を設定しさえすれば(図8の処理でレイアウトを選択することに対応)、図4のように設定されているレイアウトの情報が、図5のブロックデータ情報の部分に、一括して組み込まれるように書込み処理することができる。
以上の処理は、各階層の各項目について、共通のレイアウトを設定できることを意味するので、各階層の各項目について簡易に共通のレイアウトの使用が可能となるメリットがある。
もちろん、各階層や各項目毎に異なるレイアウトを選択することもできるので、多様なホームページの作成を可能とするものである。
In FIG. 7, the item name information in the
Also, the layout type information in the
Since such a configuration is adopted, as long as layout type information is set in
Since the above processing means that a common layout can be set for each item of each layer, there is an advantage that a common layout can be easily used for each item of each layer.
Of course, since different layouts can be selected for each layer and each item, various home pages can be created.
図6は、ページ1のページ情報を元に画像が形成された状態を示す図である。
図6によれば、ブロック(1)のX、Y位置312を基準として、ブロック(1)のXサイズ314およびブロック(1)のYサイズ316の領域に展開したブロック(1)が表示されていることが示されている。
これを、図5との関係で説明すると、制御部100は、ページ1のページ情報に格納されたブロック(1)データ情報から、X・Y位置274、X・Yサイズ276を取得し、さらにブロック種別272には事務所名の情報であることが示されているので、ブロック(1)の左端付近に「事務所名」のテキスト表示を行なう(図示せず)。
そして、コンテンツ278には事務所名(たとえば「デジタル税理士事務所」)が格納されているので、これを取得し、ブロック(1)の中央付近にテキスト表示を行なう(図示せず)。
以降、ブロック(2)・・・についても同様の処理を行ない、1ページ全体の画面表示を行なう。
FIG. 6 is a diagram illustrating a state in which an image is formed based on the page information of
According to FIG. 6, the block (1) developed in the area of the X size 314 of the block (1) and the Y size 316 of the block (1) is displayed with reference to the X and Y positions 312 of the block (1). It has been shown that
This will be described with reference to FIG. 5. The
And since the office name (for example, "digital tax accountant office") is stored in the
Thereafter, the same processing is performed for the block (2)... And the entire page is displayed on the screen.
図7は、ホームページを構成する各ページの階層構造を示す図である。
図7によれば、ホームページを構成する各ページは、階層1から階層3までの階層構造を有していることが示されている。
たとえば、階層1(410)にはトップページ412を割り付けることができ、階層2(420)には、業務案内422、会員サポート426、お役立ち情報428などを割り付けることができる。
そして、階層2(420)には、下位の階層として、さらに、階層3(430)の階層を有しており、たとえば、業務案内422には、記帳指導440、経営指導442、税務申告444、相続相談446などが割り付けられている。
同様に、事務所案内424の下位の階層には、ご挨拶450・・・が割り付けられ、お役立ち情報428には税務リンク集460・・・などが割り付けられている。
このようにして、階層構造を持つように割り付けられた各データは、記憶部100に格納される。
FIG. 7 is a diagram showing a hierarchical structure of each page constituting the home page.
FIG. 7 shows that each page constituting the home page has a hierarchical structure from
For example, the
The level 2 (420) has a level 3 (430) as a lower level. For example, the
Similarly,
In this way, each data allocated to have a hierarchical structure is stored in the
5.データの生成
図8は、レイアウト構成のパターンを選択する画面表示を示す図である。
図8によれば、基本情報入力541のフェーズを終了後、パターン選択542のフェーズに移行した際の画面表示が示されている(図では「パターン選択542」の欄が影付きの表示となり、差別表示されている様子が示されている)。
レイアウト構成のパターンは、571、572、573のように表示されており、たとえば、マウス操作などにより572が選択指示されると、選択したパターンに対応するクリッカブル・レイアウト・マップ530が表示される。
また、当該画面表示では、ページツリー・ビュー520が表示され、ホームページの項目を、階層毎に選択して決定することができる。
5. Generation of Data FIG. 8 is a diagram showing a screen display for selecting a layout configuration pattern.
According to FIG. 8, after the phase of the
The layout configuration patterns are displayed as 571, 572, and 573. For example, when 572 is selected by a mouse operation or the like, a
In the screen display, a
たとえば、トップページの下位の階層である業務案内521、および、さらに下位の階層の記帳指導522、税務申告523のチェックボックスがそれぞれ選択指示され、また、トップページの下位の階層である事務所案内524、および、さらに下位の階層のご挨拶525のチェックボックスがそれぞれ選択指示されている。
そして、業務案内のタイトル581を説明する文章582の入力が可能なように構成されていることが示されている。
For example, the business guidance 521, which is the lower hierarchy of the top page, and the check boxes for the lower level bookkeeping guidance 522 and the tax return 523 are selected and instructed, and the office guidance, which is the lower hierarchy of the top page. Check boxes 524 and a greeting 525 in a lower hierarchy are selected and designated.
Then, it is shown that a sentence 582 for explaining the business guide title 581 can be input.
図9は、レイアウト構成のパターンを選択するパターン選択542のフェーズが終了し、データ入力543のフェーズに移行したときの画面表示を示す図である(図では「データ入力543」の欄が影付きの表示となり、差別表示されている様子が示されている)。
このフェーズでは、ページツリー・ビュー520において、前記選択指示されたホームページの項目(522〜525)が階層構造形式で表示されている。
FIG. 9 is a diagram showing a screen display when the phase of
In this phase, in the
ここで、ページツリー・ビュー520において、トップページが選択指示され(図では「トップページ」の欄が影付きの表示となり、差別表示されている様子が示されている)、さらに、クリッカブル・レイアウト・マップ530は各ブロック毎にクリッカブルに構成されているので、クリッカブル・レイアウト・マップ530において「(1)事務所名」のブロックが選択指示(クリック)されると、事務所名562を入力できる入力画面が表示される。
図9では、すでに基本情報入力で受け付けた事務所名が初期状態として表示されている様子が示されているが、ここで事務所名を修正したり、フォントを選択したりすることができる。
これを図5でみると、ページ情報260の階層レベル欄には、トップページに対応する「1」が格納され、項目名欄には「トップページ」の文字列あるいはコードが格納され、事務所名に対応するブロック(1)データ情報のコンテンツ278には「事務所名」の文字列あるいはコードが格納されることになる。
Here, in the
FIG. 9 shows a state in which the office name already received by the basic information input is displayed as an initial state, but the office name can be corrected or the font can be selected here.
In FIG. 5, “1” corresponding to the top page is stored in the hierarchical level column of the
図10は、データ入力543のフェーズにあって画像を選択するモードに移行したときの画面表示を示す図である。
図9に引き続き、トップページが選択指示された状態を維持している(図では選択された後、「トップページ」の欄が影付きの表示となり、差別表示されている様子が示されている)。ここで、クリッカブル・レイアウト・マップ530において「(2)画像」の欄が選択指示されると、画像1〜画像6・・・などが選択できる画像選択画面が表示される。
次に、たとえば、画像1が選択されると、画像ブロックには画像1のデータ(JPEG形式あるいはGIF形式のほかビットマップ形式などのデータ)が組み込まれる。
これを図5でみると、ページ情報260の階層レベル欄には、トップページに対応する「1」が格納され、項目名欄には「トップページ」の文字列あるいはコードが格納され、画像欄に対応するブロック(2)データ情報のコンテンツ278には当該「画像1」のデータが格納されることになる(あるいは、画像1のデータの格納位置がリンクされるように構成してもよい)。
FIG. 10 is a diagram showing a screen display when the mode is shifted to the mode for selecting an image in the phase of the
The state in which the top page is instructed to be selected is maintained following FIG. 9 (in the figure, after being selected, the “top page” field is shaded to show a discrimination display). ). Here, when the “(2) Image” field is instructed to be selected in the
Next, for example, when the
In FIG. 5, “1” corresponding to the top page is stored in the hierarchical level column of the
図11は、データ入力543のフェーズにあって記事を入力する入力モードに移行したときの画面表示を示す図である。
図11によれば、ページツリー・ビュー520において、「業務案内」の欄が選択指示され「業務案内」の欄が影付きの表示となり、差別表示されている様子が示されている。
ここで、クリッカブル・レイアウト・マップ530において「(3)記事」の欄が選択指示されると、ページタイトル欄564、記事に書く項目数欄565、項目567、文章568・・・などを、入力あるいは選択できる画面が表示される。
図では、記事に書く項目数欄565において、「2」が表示されているが、これは前述のようにページツリー・ビュー520において、業務内容521において、記帳指導521と税務申告522の2つのチェックボックスが選択指示されたことに対応するものであるが、この段階で「3」と修正指示すれば、経営指導や相続相談などの項目(図7の階層3の項目)を追加することができる。
そして、この項目数が「2」であることに対応して、項目1欄566、項目2欄が表示され、項目ごとに項目内容や文章を入力できるような画面表示がなされる。
FIG. 11 is a diagram showing a screen display when the mode is the
According to FIG. 11, in the
Here, when the “(3) Article” field is selected and specified in the
In the figure, “2” is displayed in the
Corresponding to the number of items being “2”, the
次に、項目1(566)が選択指示されると、該目1における、項目内容や文章を入力できる。
図では、項目567として「記帳指導」が表示され、対応する文章568のサンプルが表示されているが、この文章は文章の追加、変更などの訂正入力が可能である。
これを図5でみると、ページ情報260の階層レベル欄には、記帳指導に対応する「3」が格納され、項目名欄には「記帳指導」の文字列あるいはコードが格納され、記事欄に対応するブロック(3)データ情報のコンテンツ278には、前記入力した「文章」の文字列が格納されることになる。
Next, when an item 1 (566) is selected and instructed, the item content and text in the
In the figure, “bookkeeping guidance” is displayed as the
In FIG. 5, “3” corresponding to the bookkeeping guidance is stored in the hierarchical level column of the
6.プログラムの態様の実施例
図12は、クリッカブル・レイアウト・マップ530の各ブロック毎に入力を受け付けて、文書データあるいはホームページ用HTMLデータ、を生成するまでの処理フローを示す図である。
制御部100は、アプリケーションプログラム格納領域280から、当該処理フローを実行させるプログラムをRAMなどで構成される主記憶上にロードして、図の各ステップの処理を実行する。
これを図12のフローチャートにより詳細に説明する。
まず、レイアウト表示(図8の571〜573)処理を実行し(ステップ610)、オペレータから所定のレイアウトの選択指示があると(ステップ612)、当該選択されたレイアウトに対応するクリッカブル・レイアウト・マップ530(図8)の表示処理を実行する(ステップ614)。
6). Embodiment of Program Mode FIG. 12 is a diagram showing a processing flow from receipt of input for each block of the
The
This will be described in detail with reference to the flowchart of FIG.
First, a layout display (571 to 573 in FIG. 8) process is executed (step 610). When an operator selects a predetermined layout (step 612), a clickable layout map corresponding to the selected layout is displayed. The display process of 530 (FIG. 8) is executed (step 614).
次に、クリッカブル・レイアウト・マップ530(図8)の、各ブロックについて、どのブロックを選択したかの選択指示を受け付けると(ステップ616)、選択されたブロックが「画像ブロック」であるか否かの判定を行ない(ステップ618)、画像ブロックであると判定する場合には画像コンテンツ一覧の画面表示処理に進み(ステップ622)、画像ブロック以外であると判定する場合には、ブロックの内容を入力するブロック入力画面表示処理に進み(ステップ620)、サンプル文章の表示処理および文字の入力を受け付ける入力受付処理に進む(ステップ624)。
次に、入力および画像の選択処理が完了したか否かを判定し(ステップ626)、入力および画像の選択処理が完了すると、領域情報に、画像や文章のデータを加えたHTMLデータを生成し、データ格納部250に格納して処理を終了する(ステップ628)。
Next, when an instruction to select which block is selected for each block in the clickable layout map 530 (FIG. 8) is received (step 616), whether or not the selected block is an “image block”. (Step 618), if it is determined that the block is an image block, the process proceeds to a screen display process of the image content list (step 622). If it is determined that the block is not an image block, the contents of the block are input. The process proceeds to a block input screen display process (step 620), and proceeds to a sample sentence display process and an input reception process for receiving character input (step 624).
Next, it is determined whether or not the input and image selection processing is completed (step 626). When the input and image selection processing is completed, HTML data is generated by adding image and text data to the region information. Then, the data is stored in the
7.レイアウト修正機能
レイアウト修正機能とは、画像データ領域の修正に応じて他のブロックの領域を修正する処理を行なう機能である。これを図2、図13、図16などを用いて以下説明する。
(i)レイアウト修正機能の動作概要
図2は、レイアウト修正機能の動作の概要を示す図である。
図2によれば、入力部10、20から、画像ブロックの領域の大きさを変更する入力指示を整形処理部150が受けると、構造解析部152は、変更された画像ブロックの大きさや位置を解析し、他のブロックの変更後の大きさを計算する。そして、該計算結果は領域情報修正部150に渡されて、領域情報修正部150は、変更されたブロックの大きさや位置情報などの領域情報を修正する。
次に、領域情報はHTMLデータ生成部164によりHTMLデータに返還され、出力部162によりデータ格納部250に格納される。
7). Layout Correction Function The layout correction function is a function that performs a process of correcting the area of another block in accordance with the correction of the image data area. This will be described below with reference to FIG. 2, FIG. 13, FIG.
(I) Outline of Operation of Layout Correction Function FIG. 2 is a diagram showing an outline of operation of the layout correction function.
According to FIG. 2, when the shaping
Next, the area information is returned to HTML data by the HTML
(ii)レイアウト修正機能における処理の詳細
まず、図10において、プレビューボタン553の選択指示が行なわれると(ステップ640)、それまでに入力した文章データや画像データを組み込んだHTMLデータをプレビューするためのプレビュー表示処理が実行される(ステップ642)。なお、「プレ」というのは、ホームページ公開に先立って表示するという意味であり、「ビュー」とは閲覧という意味である。
プレビュー表示の一例としては、図13に示すような形態の表示がある。
図13によれば、(1)タイトル、(2)画像、(3)記事といった、プレビュー表示がなされている様子が示されている。
(Ii) Details of Processing in Layout Correction Function First, in FIG. 10, when a selection instruction for the
As an example of the preview display, there is a display as shown in FIG.
FIG. 13 shows a state in which preview displays such as (1) title, (2) image, and (3) article are being displayed.
ここで、特定のブロック、たとえば、(2)画像のブロック、の大きさをマウス操作などにより伸縮自在に可能なように構成することができる。この場合、1ページの表示エリアを固定した場合、(2)画像ブロックの拡大/縮小に伴って、他のブロック(「(1)タイトル」および「(2)記事」のブロック)の大きさを変更する処理が必要となる。
これを、図を用いて説明すると、図13(a)に示すように(2)画像ブロック320の大きさを、破線の矢印Aに示すように拡大指示した場合、図13(b)に示すように、(1)タイトル、(2)記事のブロックの大きさを縮小した形で、ページが再構成される。この際、変更前の(3)記事のブロックにおける文章を構成する文字列の文字数を取得して、変更後の同ブロックにおいて表示可能な文字数を計算(あるいはテーブル化したリストから取得)して、変更後に表示可能な1行の文字数bに対応して算出された行数bに文字列を展開して再表示する。
Here, the size of a specific block, for example, (2) a block of an image, can be configured to be freely expandable and contractable by a mouse operation or the like. In this case, when the display area of one page is fixed, (2) the size of other blocks (the blocks of “(1) Title” and “(2) Article”) is increased as the image block is enlarged / reduced. Processing to change is required.
This will be described with reference to the drawing. As shown in FIG. 13 (a), (2) when the size of the
このアルゴリズムを示したのが図16(画像データ領域の修正に応じて、他のブロックの領域を修正する処理フローを示す図)である。
図16によれば、プレビューを選択すると(ステップ640)、プレビュー表示がなされ(ステップ642)、画像ブロックの領域の修正指示がなされると(ステップ644)、修正後の画像ブロックのX、Yサイズを取得し(ステップ646)、1ページ全体の大きさから逆算して他のブロックのX、Yサイズを計算する(ステップ648)。
そして、他のブロック領域が、記事のブロックである場合には、記事を構成する文章の文字数を取得して、ブロック領域変更後の表示可能文字数と比較し(ステップ650)、当該ブロック領域内に収まると判断される場合には(ステップ652)、1行の文字数と行数を算出して、文字列を展開して表示する(ステップ662)。
This algorithm is shown in FIG. 16 (a diagram showing a processing flow for correcting the area of another block in accordance with the correction of the image data area).
According to FIG. 16, when a preview is selected (step 640), a preview is displayed (step 642), and when an image block region correction instruction is issued (step 644), the X and Y sizes of the corrected image block are displayed. (Step 646), the X and Y sizes of the other blocks are calculated by calculating backward from the size of the entire page (step 648).
If the other block area is a block of the article, the number of characters of the sentence constituting the article is acquired and compared with the number of displayable characters after the block area is changed (step 650). If it is determined that it will fit (step 652), the number of characters and the number of lines in one line are calculated, and the character string is expanded and displayed (step 662).
ここで、当該ブロック領域内に収まらないと判断された場合には(ステップ652)、ページ情報260からページサイズ情報を取得し(ステップ654)、1ページを画面表示エリア内に納めるか否かについて入力を求め(選択入力受付)、1ページを画面表示エリア内に納めるか否かの選択指示の有無を判断し(ステップ656)、1ページを画面表示エリア内に納める旨の選択指示があった場合には、スクロール・バー表示により、当該ブロック内に納める画面表示(スクロール・バーによる表示)を行なう(ステップ660)。そして、1ページを画面表示エリア内に納めない旨の選択指示があった場合には、先のステップ654で取得した1ページのページサイズを伸長する処理が行なわれる(ステップ658)。
次に、ステップ658およびステップ660の処理の実行が終了すると、1行の文字数と行数を算出して、文字列を展開して表示する(ステップ662)。
以上の一連の処理の実行が終了すると、データ生成部160は、変更後のHTMLデータを作成して、データ登録部250に格納する(ステップ664)。
Here, if it is determined that it does not fit within the block area (step 652), page size information is acquired from the page information 260 (step 654), and whether or not one page fits within the screen display area. Asking for input (selection input accepted), determining whether or not there is a selection instruction as to whether or not to fit one page within the screen display area (step 656), and receiving a selection instruction to fit one page within the screen display area In this case, screen display (display by scroll bar) that fits in the block is performed by scroll bar display (step 660). If there is a selection instruction not to fit one page in the screen display area, processing for expanding the page size of one page acquired in the previous step 654 is performed (step 658).
Next, when the execution of the processing of step 658 and step 660 is completed, the number of characters and the number of lines in one line are calculated, and the character string is expanded and displayed (step 662).
When the execution of the above series of processing ends, the
前記ステップ640以降の処理を図14および図15を用いて説明すると、
まず図14によれば、1ページを画面表示エリア内に納める旨の選択指示があった場合には、スクロール・バー表示を行なうことで、(3)記事のブロックを所定の範囲内に納める処理を行なう(図14(b))。この場合において、表示しきれない文字列はスクロール・バーの操作により表示される。
1ページを画面表示エリア内に納めない旨の選択指示があった場合には、ページサイズの伸長処理(イ)を行ない、あわせて(3)記事のブロックを2ページ目に伸長する処理(ロ)を実行する(図14(a))。
The processing after step 640 will be described with reference to FIGS. 14 and 15.
First, according to FIG. 14, when there is an instruction to select one page to be stored in the screen display area, (3) a process of storing the article block within a predetermined range by performing a scroll bar display. (FIG. 14B). In this case, the character string that cannot be displayed is displayed by operating the scroll bar.
When there is an instruction to select that one page cannot fit in the screen display area, page size expansion processing (a) is performed, and (3) processing for expanding the article block to the second page (b) ) Is executed (FIG. 14A).
図15は、画像ブロックが複数ある場合において、メインの画像ブロック(2)が最優先(優先順位1)に設定されていると仮定し、他のブロックの優先順位が図に示すような、優先順位に設定されている場合における、画像ブロック(2)の大きさを伸長したときの、変更前と変更後の画面表示を示したものである。なお、各ブロックの優先順位はページ情報260(図5)に格納されている。
図15(a)によれば、(3)記事のブロックは優先順位3に設定され、(4)画像のブロックは優先順位5に設定され、(5)記事のブロックは優先順位4に設定されている様子が示されている。
この場合において、(2)画像ブロックを矢印Aのように拡大した場合、(3)〜(5)のブロックそれぞれについてブロック領域の変更処理がなされる。
FIG. 15 assumes that when there are a plurality of image blocks, the main image block (2) is set to the highest priority (priority order 1), and the priority order of other blocks is as shown in the figure. The screen display before a change and after a change when the magnitude | size of the image block (2) is expanded in the case where it is set to the order is shown. The priority order of each block is stored in the page information 260 (FIG. 5).
According to FIG. 15 (a), (3) the article block is set to
In this case, when (2) the image block is enlarged as indicated by the arrow A, the block area changing process is performed for each of the blocks (3) to (5).
まず、優先順位2のブロックである(1)タイトルのについて変更処理が行われる。
次に、(3)記事のブロックについて変更処理が行われる。(3)記事のブロックは、より高い優先順位の(2)画像のブロックの拡大処理により、画面に対して水平(X軸)方向に領域が侵食されているので、まず、水平(X軸)方向の領域の縮小処理がなされる。そして、当該ブロックに含まれている文字列を表示できるように、(これより低い優先順位のブロックの最低領域が確保される範囲で)画面に対して鉛直(Y軸)方向の領域の拡大処理がなされる。
First, change processing is performed for (1) titles which are blocks of
Next, (3) change processing is performed on the block of the article. (3) Since the area of the article block is eroded in the horizontal (X-axis) direction with respect to the screen by the enlargement process of the higher-priority (2) image block, first the horizontal (X-axis) The direction area is reduced. Then, in order to be able to display the character string included in the block, the process of enlarging the area in the vertical (Y-axis) direction with respect to the screen (to the extent that the lowest area of the lower priority block is secured) Is made.
次に、(5)記事のブロックは、より高い優先順位の(2)画像のブロックの拡大処理により、画面に対して水平(X軸)方向および鉛直(Y軸)方向に領域が侵食されるとともに、前述のように(3)記事のブロックの鉛直(Y軸)方向の拡大処理により侵食を受ける結果、図のように水平(X軸)方向および鉛直(Y軸)方向それぞれについて縮小処理がなされる。ここで、併行して(4)画像のブロックは縮小処理がなされるが、最小領域まで達したので縮小処理が終了し、残った領域について、(5)記事のブロックに含まれる文字列の全ての文字列の表示ができないと判断されたので、図のようにスクロール・バーを用いた表示が行われる。
なお、以上は(3)画像のブロックの拡大処理を行なった場合における、他のブロック領域の変更処理を示したが、(3)画像のブロックを縮小処理を行なった場合も同様に、他のブロックの優先順位に従って、他のブロックの変更処理が行われる。
Next, (5) the article block is eroded in the horizontal (X-axis) direction and the vertical (Y-axis) direction with respect to the screen by the enlargement process of the higher priority (2) image block. At the same time, as described above, as a result of (3) erosion by the enlargement process in the vertical (Y-axis) direction of the article block, the reduction process is performed in each of the horizontal (X-axis) direction and the vertical (Y-axis) direction as shown in the figure. Made. At the same time, (4) the image block is reduced, but the reduction process is completed because the minimum area has been reached, and (5) all the character strings included in the article block for the remaining area. Since it is determined that the character string cannot be displayed, display using the scroll bar is performed as shown in the figure.
In the above, (3) another block area changing process in the case where the image block enlargement process is performed has been described. In accordance with the priority order of blocks, other blocks are changed.
本発明に係る文書編集装置、文書編集システム、および文書編集プログラム、ホームページ作成用途のほか、文書作成・編集等の様々な分野に適用できる。 The present invention can be applied to various fields such as document creation / editing in addition to a document editing apparatus, a document editing system, a document editing program, and a homepage creation application according to the present invention.
10、20 入力部
30 記憶媒体アクセス部
40 表示部
50 通信制御部
60 ネットワーク
70 コンテンツ格納部
100 制御部
200 記憶部
310 プレビュー表示におけるブロック(1)
410 ページの階層構造における階層1
510 各フェーズにおける画面表示
520 ページ・ツリー・ビュー
530 クリッカブル・レイアウト・マップ
10, 20
510 Screen display in each
Claims (15)
文書のレイアウトのパターン情報を格納するレイアウト情報格納部と、
前記レイアウトを分割して構成する各ブロックの情報を格納するブロック情報格納部と、
レイアウトの制御および選択を行なうレイアウト制御部と、
ブロックの制御を行なうブロック制御部と、
レイアウト・マップを表示するマップ表示部とを備え、
レイアウト制御部により選択されたレイアウト情報を取得して、
該選択されたレイアウト構成をマップ表示部によりレイアウト・マップとして表示し、
該レイアウト・マップを構成するブロックを任意に選択可能として、
各ブロック毎に入力データを受け付けることを特徴とするレイアウト編集装置。 An input unit that accepts character string input, selection instruction input, or pointer input;
A layout information storage section for storing document layout pattern information;
A block information storage unit for storing information of each block configured by dividing the layout;
A layout control unit for controlling and selecting a layout;
A block control unit for controlling the block;
A map display unit for displaying a layout map;
Get the layout information selected by the layout controller,
The selected layout configuration is displayed as a layout map by the map display unit,
The blocks constituting the layout map can be arbitrarily selected,
A layout editing apparatus characterized by receiving input data for each block.
前記コンテンツを制御するコンテンツ制御部と、
前記コンテンツを選択するコンテンツ選択部とをさらに備え、
コンテンツ選択部により選択した前記コンテンツを基に、前記入力データを生成すること、
を特徴とする請求項1記載のレイアウト編集装置。 A content storage unit for storing content;
A content control unit for controlling the content;
A content selection unit that selects the content;
Generating the input data based on the content selected by the content selection unit;
The layout editing apparatus according to claim 1.
該コンテンツ格納部から、通信制御部により、ネットワークを介してコンテンツを取得することを特徴とする請求項2記載のレイアウト編集装置。 The content storage unit is configured in a device connected to a network,
3. The layout editing apparatus according to claim 2, wherein content is acquired from the content storage unit by a communication control unit via a network.
前記ページ情報を格納するデータ格納部とをさらに備え、
該データ生成部によって、前記レイアウト情報に前記入力データを組み込んで文書データを生成し、
該文書データを基にページ情報を生成し、データ格納部に格納すること、
を特徴とする請求項2または請求項3に記載のレイアウト編集装置。 A data generator for generating document data and page information;
A data storage unit for storing the page information;
The data generation unit generates document data by incorporating the input data into the layout information,
Generating page information based on the document data and storing it in a data storage unit;
The layout editing apparatus according to claim 2 or claim 3, wherein
前記第一のブロックの領域の修正量の解析結果に基づいて、他のブロック領域の領域情報を修正する領域情報修正部とを備えたこと、
を特徴とする請求項1から請求項5のいずれか一つに記載のレイアウト編集装置。 A structural analysis unit that analyzes the correction amount of the region of the first block received by the input unit;
An area information correction unit for correcting area information of other block areas based on the analysis result of the correction amount of the area of the first block;
The layout editing apparatus according to claim 1, wherein:
前記構造解析部が、当該ブロック領域の伸長処理に伴って、全ブロックが予め設定された1ページ領域内に収まらないと判断する場合には、ページサイズの伸長処理を行なうことを特徴とする請求項7記載のレイアウト編集装置。 When changing the area information of the other block, the change process is a block area extension process,
The structure analysis unit performs a page size expansion process when determining that all the blocks do not fit within a preset one page area in accordance with the expansion process of the block area. Item 8. The layout editing device according to Item 7.
前記構造解析部が、当該ブロック領域の伸長処理に伴って、全ブロックが予め設定された1ページ領域内に収まらないと判断する場合において、1ページを画面表示領域内に納める設定がされている場合には、
当該ブロックの伸長処理を行なわず、当該ブロックについてスクロール・バー表示を行なう、
ことを特徴とする請求項7記載のレイアウト編集装置。 When changing the area information of the other block, the change process is a block area extension process,
When the structure analysis unit determines that all the blocks do not fit within the preset one page area in accordance with the expansion process of the block area, the setting is made so that one page fits within the screen display area. in case of,
Scroll bar display for the block without expanding the block,
8. The layout editing apparatus according to claim 7, wherein:
前記他のブロック領域の変更処理を行なう際に、
当該他のブロック領域に含まれる文字列の量および前記優先順位情報を基にして、
当該他のブロック領域の変更処理を行なうこと、
を特徴とする請求項6から請求項9のいずれか一つに記載のレイアウト編集装置。
The page information includes priority information indicating the priority of each block,
When changing the other block area,
Based on the amount of character strings included in the other block area and the priority information,
Changing the other block area,
10. The layout editing apparatus according to any one of claims 6 to 9, wherein:
一覧表示の中から所定のレイアウトを選択するステップと、
前記選択されたレイアウトに対応づけられたレイアウト・マップを表示するステップと、
前記レイアウト・マップを構成する特定のブロックを選択するステップと、
を備えたことを特徴とするレイアウト編集プログラム。 Listing layouts, and
Selecting a predetermined layout from the list display;
Displaying a layout map associated with the selected layout;
Selecting specific blocks making up the layout map;
A layout editing program characterized by comprising:
第一のブロックについて領域修正を受け付けるステップと、
前記第一のブロックの領域修正を検出するステップと、
領域修正後の第一のブロックの構造を解析する第一の解析ステップと、
前記第一の解析ステップの結果に基づいて他のブロックの領域情報を決定するステップと、
を備えたことを特徴とするレイアウト編集プログラム。 A step to display a preview;
Receiving a region correction for the first block;
Detecting an area modification of the first block;
A first analysis step for analyzing the structure of the first block after region correction;
Determining region information of other blocks based on the result of the first analysis step;
A layout editing program characterized by comprising:
当該取得した他のブロック領域に含まれる文字数と当該他のブロック領域における表示可能文字数とを比較するステップと、
1ページを画面表示領域内に納めるか否かを示す情報を取得するステップと、
当該取得した1ページを画面表示領域内に納めるか否かを示す情報と前記比較結果とを基に、
当該他のブロックの構造を決定すること、
を特徴とする請求項12記載のレイアウト編集プログラム。 Based on the analysis result of the correction amount of the area of the first block, when correcting the area information of the other block area, obtaining the number of characters included in the other block area;
Comparing the number of characters included in the acquired other block area with the number of displayable characters in the other block area;
Obtaining information indicating whether or not to fit one page within the screen display area;
Based on the information indicating whether or not to fit the acquired one page within the screen display area and the comparison result,
Determining the structure of the other block,
The layout editing program according to claim 12.
1ページのページサイズを伸長する処理を行なうか、またはスクロール・バー表示をするか、のいずれかを判断するステップを備えたこと、
を特徴とする請求項12または請求項13記載のレイアウト編集プログラム。 Based on the information indicating whether or not the acquired one page fits in the screen display area,
A step of determining whether to perform a process of expanding the page size of one page or to display a scroll bar;
The layout editing program according to claim 12 or 13,
前記登録された優先順位情報を取得するステップと、
前記取得した優先順位情報に基づいて前記他のブロックの領域情報を決定すること、
を特徴とする請求項12から請求項14記載のいずれか一つに記載のレイアウト編集プログラム。
Registering priority information indicating the priority of each block in the page information;
Obtaining the registered priority information;
Determining region information of the other block based on the acquired priority information;
15. The layout editing program according to any one of claims 12 to 14, wherein:
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| JP2005298988A JP2007108994A (en) | 2005-10-13 | 2005-10-13 | Layout editing device and layout editing program |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| JP2005298988A JP2007108994A (en) | 2005-10-13 | 2005-10-13 | Layout editing device and layout editing program |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| JP2007108994A true JP2007108994A (en) | 2007-04-26 |
Family
ID=38034818
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| JP2005298988A Pending JP2007108994A (en) | 2005-10-13 | 2005-10-13 | Layout editing device and layout editing program |
Country Status (1)
| Country | Link |
|---|---|
| JP (1) | JP2007108994A (en) |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2009110378A (en) * | 2007-10-31 | 2009-05-21 | Fuji Xerox Co Ltd | Display device, image forming apparatus, information processor, information processing system and program |
| JP6235744B1 (en) * | 2017-02-22 | 2017-11-22 | エヴリ・チューンズ株式会社 | Web page creation support system |
| JP2024123264A (en) * | 2017-11-28 | 2024-09-10 | ウィックス.コム リミテッド. | System and method for creating and editing textual content in a website building system - Patents.com |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2005004392A (en) * | 2003-06-10 | 2005-01-06 | Sun Corp | Web page creation support device |
| JP2005216180A (en) * | 2004-01-30 | 2005-08-11 | Canon Inc | Document processing apparatus, document processing method, and document processing program |
| JP2005246706A (en) * | 2004-03-02 | 2005-09-15 | Kyocera Mita Corp | Image forming apparatus |
| JP2005267055A (en) * | 2004-03-17 | 2005-09-29 | Dainippon Screen Mfg Co Ltd | Printing data processor, printing system, object synthesizing method to page data, and program |
-
2005
- 2005-10-13 JP JP2005298988A patent/JP2007108994A/en active Pending
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2005004392A (en) * | 2003-06-10 | 2005-01-06 | Sun Corp | Web page creation support device |
| JP2005216180A (en) * | 2004-01-30 | 2005-08-11 | Canon Inc | Document processing apparatus, document processing method, and document processing program |
| JP2005246706A (en) * | 2004-03-02 | 2005-09-15 | Kyocera Mita Corp | Image forming apparatus |
| JP2005267055A (en) * | 2004-03-17 | 2005-09-29 | Dainippon Screen Mfg Co Ltd | Printing data processor, printing system, object synthesizing method to page data, and program |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2009110378A (en) * | 2007-10-31 | 2009-05-21 | Fuji Xerox Co Ltd | Display device, image forming apparatus, information processor, information processing system and program |
| JP6235744B1 (en) * | 2017-02-22 | 2017-11-22 | エヴリ・チューンズ株式会社 | Web page creation support system |
| JP2018136786A (en) * | 2017-02-22 | 2018-08-30 | エヴリ・チューンズ株式会社 | Web page creation assisting system |
| JP2024123264A (en) * | 2017-11-28 | 2024-09-10 | ウィックス.コム リミテッド. | System and method for creating and editing textual content in a website building system - Patents.com |
| JP7723803B2 (en) | 2017-11-28 | 2025-08-14 | ウィックス.コム リミテッド. | System and method for creating and editing textual content in a website building system |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| JP4095558B2 (en) | Document processing apparatus, document processing method, and computer program | |
| CN100392653C (en) | Information processing device and control method thereof | |
| US8434014B1 (en) | System and method for editing information | |
| US7555710B2 (en) | Method, apparatus and program for determining layout of a page using links between partial areas in the page | |
| RU2419856C2 (en) | Various types of formatting with harmonic layout for dynamically aggregated documents | |
| JP4262164B2 (en) | Information processing apparatus, control method therefor, and program | |
| JP4560416B2 (en) | Information processing apparatus, control method therefor, and program | |
| US20090307583A1 (en) | Document layout method | |
| JP4956202B2 (en) | Information processing apparatus, information processing method, and program | |
| KR100919738B1 (en) | Content creation system, content creation method, computer-executable program for executing the content creation method, computer-readable recording medium containing the program, graphical user interface system, and display control method | |
| JP2016535907A (en) | Systems and methods for automatic conversion of interactive sites and applications that support mobile and other display environments | |
| CN101183353A (en) | Information processing device, control method, and computer-readable medium | |
| JP2005056028A (en) | Navigation generating device, information managing device, navigation generating method, site structure managing method, program, and site structure data | |
| US7581173B1 (en) | Methods and apparatuses for formatting web pages | |
| JP2008158797A (en) | Information processing apparatus, control method therefor, and program | |
| US7765472B2 (en) | Method and device for editing SVG type digital graphical documents in particular from a browser | |
| JP4194501B2 (en) | Document processing method, document processing apparatus, and document processing program | |
| JPH06251007A (en) | Table data input device | |
| US7996780B1 (en) | Block visualization | |
| JP2007108994A (en) | Layout editing device and layout editing program | |
| JP4566196B2 (en) | Document processing method and apparatus | |
| WO2007052680A1 (en) | Document processing device and document processing method | |
| JP3454987B2 (en) | Document editing apparatus and method | |
| US20070192694A1 (en) | Information display for disparate data sets | |
| JP2007265011A (en) | Screen program layout change method, information processor, program and recording medium |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| A621 | Written request for application examination |
Free format text: JAPANESE INTERMEDIATE CODE: A621 Effective date: 20080917 |
|
| RD02 | Notification of acceptance of power of attorney |
Free format text: JAPANESE INTERMEDIATE CODE: A7422 Effective date: 20091207 |
|
| A131 | Notification of reasons for refusal |
Free format text: JAPANESE INTERMEDIATE CODE: A131 Effective date: 20101116 |
|
| A02 | Decision of refusal |
Free format text: JAPANESE INTERMEDIATE CODE: A02 Effective date: 20110412 |