TW200910186A - Information processing apparataus, method, and program - Google Patents
Information processing apparataus, method, and program Download PDFInfo
- Publication number
- TW200910186A TW200910186A TW097132377A TW97132377A TW200910186A TW 200910186 A TW200910186 A TW 200910186A TW 097132377 A TW097132377 A TW 097132377A TW 97132377 A TW97132377 A TW 97132377A TW 200910186 A TW200910186 A TW 200910186A
- Authority
- TW
- Taiwan
- Prior art keywords
- display
- web page
- page
- editing
- displayed
- Prior art date
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
- Document Processing Apparatus (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
Description
200910186 九、發明說明 【發明所屬之技術領域】 本發明係關於資訊處理裝置及方法、以及程式,尤其 係關於可編輯Web頁面的資訊處理裝置及方法、以及程 式。 【先前技術】 近年來,多數使用者利用行動電話機來閲覽網際網路 的網站、亦即Web頁面。 關於該Web頁面的編輯,係有各種方式被提出。 以往有一種方式係利用佈局(layout)資訊設定手段來 設定佈局對象頁面中之頁面構成部件的佈局位置,根據佈 局資訊,將適合於被儲放在頁面構成部件一覽資料之資料 名稱的頁面構成部件佈局在佈局對象頁面(例如參照專利 文獻1)。 此外’亦有一種方式係由用以製作對於網際網路之對 話型、非定型的主頁(homepage)的頁面編輯畫面,按照所 欲製作的頁面佈局的構成,依序追加形成所需文章的文字 (text)類型、畫像形式的畫像類型、所蓄積的檔案類型、 及與其他網站的網址相連結之連結類型的任一者的部件, 視需要而利用製作完畢的部件,輸入該部件內所需項目, 藉由按下頁面製作完成按鍵,來登錄編輯完畢的主頁,藉 由按下取消鍵’返回最初的處理階段(參照專利文獻2)。 (專利文獻1)日本專利特開2002-8049號公報 -4- 200910186 (專利文獻2)日本專利特開2004-302760號£ 【發明內容】 (發明所欲解決之課題) 但是,近年來,逐漸在 Web頁面配置多 (text)、畫像、及連結等,而使該編輯的操作變 雜。 當在Web頁面配置有文字、畫像、及連結 構成要素時,任何構成要素均成爲編輯的對象, 目瞭然。此外,當操作文字、畫像、及連結等不 構成要素時,必須選擇操作文字的選單與操作連 (menu)爲不同等按每個構成要素的種類而異的選 編輯時必須進行繁雜的操作。此時,若不慣於操 分會難以知道哪一個構成要素被如何編輯。 本發明係鑑於如上所示的狀況而硏創者,可 且更爲確實地得知成爲編輯之對象的構成要素。 (解決課題之手段) 本發明之一態樣之資訊處理裝置係具備有: 面的第1區域’以將表示Web頁面之構成要素ί 件依前述Web頁面上之前述構成要素的配置順 示的方式控制顯示的第1顯示控制手段;以及當 示畫面的第2區域配置有前述第1物件時,以在 區域顯示用以變更以該前述第1物件所表示之前 報 數的文字 得更爲複 等多數的 而難以一 同種類的 結的選單 單,且在 作,大部 更爲簡單 在顯不畫 β第1物 序予以顯 在前述顯 前述第2 述構成要 -5- 200910186 素之屬性的第2物件的方式控制顯示的第2顯示控制手 段。 藉此,以配置在第2區域之第1物件所表示的構成要 素已成爲編輯的對象乃一目瞭然,因而可更爲簡單且更爲 確實地得知成爲編輯之對象的構成要素。 可使前述第1顯示控制手段以將表示用以指示前述 Web頁面之版式之前述構成要素的前述第1物件顯示於前 述第1區域的方式控制顯示。 由於直接顯示未顯示於頁面之改頁面等表示用以指示 Web頁面之版式之前述構成要素的前述第丨物件,因此可 更爲簡單且更爲確貫地得知成爲編輯之對象的構成要素。 可另外設置第3顯示控制手段,其係以在前述顯示畫 面的第3區域以顯示利用以顯示於前述第1區域之前述第 1物件所表示的前述構成要素予以記述的前述Web頁面的 方式控制顯示的第3顯示控制手段。 可使前述第3顯示控制手段模擬行動電話機的瀏覽器 (browser),以顯示前述Web頁面的方式控制顯示。 此時,可簡單地確認以成爲編輯之對象的構成要素予 以記述之Web頁面本身。 可使前述第1顯示控制手段以在前述第1區域顯示用 以變更以前述第1物件所表示之前述構成要素在Web頁 面上的配置的前述第2物件的方式控制顯示。 可另外設置重新排列手段,其係當用以變更前述構成 要素在前述Web頁面上的配置的前述第2物件被操作 -6- 200910186 時,即將前述Web頁面上之前述構成要素的配置 列。 藉此可簡單地變更Web頁面上之以前述第1 表示之前述構成要素的配置。 可另外設置屬性變更手段,其係當用以變更以 1物件所表示之前述構成要素之屬性的前述第2物 作時,即變更前述構成要素之屬性。 此時,可簡單地變更前述構成要素的屬性。 可使前述第2顯示控制手段以在前述第2區域 以變更以前述第1物件所表示之前述構成要素的屬 2物件與該前述第1物件鄰接顯示的方式控制顯示 藉此’不會誤爲變更與所意圖者不同之構成要 性,而可確實地變更所意圖之前述構成要素的屬性 可使前述第1顯示控制手段以在前述第1區域 示屬於與其他Web頁面相連結之要素之集合的前 要素的前述第1物件的方式控制顯示。 由於藉由前述第1物件將前述構成要素予以單 示’因此可更爲簡單且更爲確實地得知成爲編輯之 構成要素。 可使前述第1顯示控制手段以在前述第1區域 示藉由標示語言予以記述的前述構成要素的第1物 式控制顯示,且可使前述第2顯示控制手段以顯示 更藉由前述標示語言予以記述的屬性的前述第2物 式控制顯示。 重新排 物件所 前述第 件被操 ,將用 性的第 0 素之屬 〇 顯示表 述構成 純化顯 對象的 顯示表 件的方 用以變 件的方 200910186 可另外設置第1產生手段,其係產生表示前述 頁面之前述構成要素的前述第1物件,且可使前述第 示控制手段以在前述第1區域顯示所產生之前述第1 的方式控制顯示。 可以更爲簡單的操作,得知成爲編輯之對象的構 素。 可另外設置檢索手段,其係用以檢索所欲連結之 Web頁面,且可使前述第1產生手段在所被檢索之 Web頁面之中’產生表示與所被指定者相連結的前述 要素的前述第1物件。 可簡單地在 Web頁面追加對於其他 Web頁面 結。 可另外設置取得手段,其係取得表示前述Web 之前述構成要素與前述構成要素之配置的資料,且可 述第1產生手段由所取得的前述資料中產生前述第 件。 不需要複雜的操作,即可簡單地得知成爲編輯之 的構成要素。 可使前述取得手段取得表示前述Web頁面之前 成要素與前述構成要素之配置,並且包含用以指示 Web頁面之版式的前述構成要素之一覽的前述資料, 使前述第1產生手段在一覽所包含的前述構成要素之 產生表示所被指定之前述構成要素的前述第1物件。 由於直接顯示未顯示於頁面之改頁面等表示用以BACKGROUND OF THE INVENTION 1. Field of the Invention The present invention relates to an information processing apparatus and method, and a program, and more particularly to an information processing apparatus and method, and a program for an editable web page. [Prior Art] In recent years, most users have used mobile phones to view websites of the Internet, that is, Web pages. There are various ways to edit the web page. In the past, there is a method of setting a layout position of a page component in a layout object page by using a layout information setting means, and a page component suitable for a material name stored in a page component part list material according to layout information. The layout is on the layout object page (for example, refer to Patent Document 1). In addition, there is also a method of creating a page editing screen for a conversational and non-shaped homepage of the Internet, and adding the text of the desired article in sequence according to the composition of the page layout to be created. (text) type, the image type of the image format, the type of the file to be accumulated, and the type of the link type that is linked to the URL of the other site, and the created component is used as needed, and the required component is input. In the item, the edited homepage is registered by pressing the page creation completion button, and the first processing stage is returned by pressing the cancel key (refer to Patent Document 2). (Patent Document 1) Japanese Patent Laid-Open Publication No. 2002-8049-A-200910186 (Patent Document 2) Japanese Patent Laid-Open No. 2004-302760 No. [Summary of the Invention] However, in recent years, gradually Multiple texts, images, links, and the like are arranged on the web page, and the editing operation is complicated. When a text, an image, and a link component are arranged on a web page, any component is an object of editing, and it is obvious. In addition, when operating elements, images, and links, etc., it is necessary to select a menu of operation words and a menu of menus that differ in the type of each component, and must perform complicated operations. At this time, it is difficult to know which component is edited without being accustomed to the operation. The present invention has been made in view of the above-described situation, and it is possible to more reliably know the constituent elements to be edited. (Means for Solving the Problem) The information processing device according to an aspect of the present invention includes a first region of a surface to display the components of the Web page in accordance with the arrangement of the components on the Web page. The first display control means for controlling the display; and when the first object is placed in the second area of the display screen, the character for changing the number of previous reports indicated by the first object is displayed in the area. Most of the menus that are difficult to combine with the same type, and are in the process of being simpler, and it is more simple to display the first order of the β first order, and the first part of the above-mentioned second form of the constituents -5 - 200910186 2 The way of the object controls the second display control means displayed. As a result, it is clear that the constituent elements indicated by the first object arranged in the second area have been edited, and thus the constituent elements to be edited can be obtained more easily and more reliably. The first display control means can control the display so that the first object indicating the above-described constituent elements for instructing the layout of the Web page is displayed on the first region. Since the above-described second object indicating the above-described constituent elements of the layout of the Web page is directly displayed, such as a page that is not displayed on the page, it is possible to more easily and more accurately know the constituent elements to be edited. In addition, the third display control means may be provided to display the web page described by the above-described constituent elements indicated by the first object displayed in the first region in the third region of the display screen. The third display control means displayed. The third display control means can simulate the browser of the mobile phone to control the display in such a manner as to display the web page. In this case, it is possible to easily confirm the web page itself described as a component to be edited. The first display control means can control the display so as to display the second object in which the arrangement of the constituent elements indicated by the first object on the web page is changed in the first area display. Further, a rearrangement means may be additionally provided, that is, when the second object for changing the arrangement of the constituent elements on the web page is operated -6-200910186, that is, the arrangement of the constituent elements on the web page. Thereby, the arrangement of the above-described constituent elements indicated by the above-described first page on the web page can be easily changed. Further, an attribute changing means may be provided which changes the attribute of the constituent element when the second item for changing the attribute of the constituent element indicated by the object is changed. In this case, the attributes of the above-described constituent elements can be easily changed. The second display control means can control the display so that the genus object of the constituting element indicated by the first object is displayed adjacent to the first object in the second region. The constitutive property different from the intended one is changed, and the attribute of the intended constituent element can be surely changed. The first display control means can display the set of elements connected to other web pages in the first area. The mode of the first object of the previous element is controlled and displayed. Since the above-described constituent elements are simply indicated by the first object, it is possible to more easily and more reliably know the constituent elements to be edited. The first display control means may display the display of the first form of the component described by the mark language in the first area, and may display the second display control means by the mark language. The second property control display of the attribute to be described is displayed. The first piece of the reworked object is operated, and the first part of the device is used to display the display of the display object of the display object. The first object indicating the above-described constituent elements of the page may be controlled to be displayed in the first mode in which the first display is generated in the first region. It is easier to operate and know the structure that is the object of editing. Further, a search means may be provided for searching the web page to be linked, and the first generation means may generate the aforementioned element indicating the element connected to the designated person among the searched web pages. The first object. You can simply append a link to another web page on a web page. Further, an acquisition means may be provided which acquires information indicating the arrangement of the aforementioned constituent elements of the Web and the constituent elements, and the first generation means may generate the aforementioned first item from the acquired information. It is easy to know the components to be edited without complicated operations. The acquisition means may obtain the information indicating the arrangement of the element before the Web page and the component, and include the information indicating the list of the components of the layout of the Web page, and include the first generation means in the list. The generation of the above-described constituent elements indicates the first object of the specified constituent element. Because the direct display is not displayed on the page, etc.
Web 1顯 物件 成要 其他 其他 構成 的連 頁面 使前 1物 對象 述構 前述 且可 中, 指示 -8 - 200910186 可 配 所 述 第 屬 刖 件 1 式 繁 之 示 要 之 在 以The web 1 display object is composed of other other constituent pages, and the first object object is described above, and the indication -8 - 200910186 can be matched with the description of the first object.
Web頁面之版式之前述構成要素的前述第1物件,因此 更爲簡單且更爲確實地得知所欲追加的構成要素。 可另外設置第2產生手段,其係當在前述第2區域 置有前述第1物件時,產生用以變更以該前述第1物件 表示之前述構成要素之屬性的前述第2物件,且可使前 第2顯示控制手段以在前述第2區域顯示所產生之前述 2物件的方式控制顯示。 可簡單地且確實地變更所意圖之前述構成要素的 性。 可使前述第1顯示控制手段當已產生有用以變更以 述第1物件所表示之前述構成要素之屬性的前述第2物 的前述第1物件被配置在前述第1區域時,以在前述第 區域顯示前述第1物件,而無須顯示前述第2物件的方 控制顯示。 可在前述第1區域僅顯示前述第1物件,且可避免 雜的顯示,因此可更爲簡單且更爲確實地得知成爲編輯 對象的構成要素。 使前述第1顯示控制手段以在前述第1區域,將表 用以藉由行動電話機予以閲覽之前述Web頁面之構成 素的前述第1物件依前述Web頁面上之前述構成要素 上下配置的順序予以顯示的方式控制顯示。 本發明之一態樣之資訊處理方法係包含以下步驟: 顯示畫面的第1區域,將表示Web頁面之構成要素的第 物件依前述Web頁面上之前述構成要素的配置順序予 -9- 1 200910186 顯示的方式控制顯示;及當在前述顯示畫面的第2區域配 置有前述第1物件時,以在前述第2區域顯示用以變更以 前述第1物件所表示之前述構成要素之屬性的第2物件的 方式控制顯示。 藉此’以配置在第2區域之第1物件所表示的構成要 素已成爲編輯的對象乃一目瞭然,而可更爲簡單且更爲確 實地得知成爲編輯之對象的構成要素。 本發明之一態樣之程式係使電腦執行包含以下步驟之 處理:在顯示畫面的第1區域,表示Web頁面之構成要 素的第1物件以前述Web頁面上之前述構成要素之配置 順序予以顯示的方式控制顯示;及當在前述顯示畫面的第 2區域配置有前述第1物件時,在前述第2區域,以顯示 用以變更以前述第1物件所表示之前述構成要素之屬性的 第2物件的方式控制顯示。 藉此,以配置在第2區域之第1物件所表示的構成要 素已成爲編輯的對象乃一目瞭然,而可更爲簡單且更爲確 實地得知成爲編輯之對象的構成要素。 在本發明之一態樣中,在顯示畫面之第1區域,將表 示Web頁面之構成要素的第1物件依前述Web頁面上之 前述構成要素的配置順序予以顯示,當在前述顯示畫面的 第2區域配置有前述第1物件時,在前述第2區域顯示用 以變更以前述第1物件所表示之前述構成要素之屬性的第 2物件。 -10- 200910186 (發明之效果) 如以上所示,根據本發明之一態樣,可顯示Web頁 面的構成要素。 此外’根據本發明之一態樣,可更爲簡單且更爲確實 地得知成爲編輯之對象的構成要素。 【實施方式】 以下說明本發明之實施形態,若例示本發明之構成要 件、及發明之詳細說明中所記載之實施形態的對應關係, 則如以下所示。該記載係用以確認支持本發明的實施形態 已被記載於發明之詳細說明中者。因此,發明之詳細說明 中雖已記載’但是即使有在此並未予以記載的實施形態作 爲與本發明之構成要件相對應的實施形態,此並非意指該 實施形態並非爲與該構成要件相對應者。相反地,即使在 此所記載的實施形態作爲與構成要件相對應者,此亦並未 意指該實施形態爲未與該構成要件以外的構成要件相對應 者。 本發明之一態樣之資訊處理裝置(例如第丨圖的店家 終端裝置23-1)係具備有:以在顯示畫面之第1區域(例如 第23圖的顯示區),依前述Web頁面上之前述構成要素 之配置順序顯示表示Web頁面之構成要素的第1物件(例 如第2 3圖中顯示於顯示區的顯示物件)的方式控制顯示的 第1顯示控制手段(例如第9圖的顯示區顯示控制部 145);以及當在前述顯示畫面之第2區域(例如第23圖的 -11 - 200910186 編輯區)配置有前述第1物件時,以在前述第2區域顯示 用以變更以該前述第1物件所表示之前述構成要素之屬性 的第2物件(例如第2 3圖中顯示於編輯區的編輯物件)的 方式控制顯示的第2顯示控制手段(例如第9圖的編輯區 顯示控制部146)。 可另外設置第3顯示控制手段(例如第9圖的預覽畫 像顯示控制部148),在前述顯示畫面之第3區域,以顯 示利用以顯示在前述第1區域的前述第1物件所表示之前 述構成要素予以記述之前述Web頁面的方式控制顯示。 可另外設置重新排列手段(例如第9圖的重新排列部 149),以當用以變更前述構成要素在前述Web頁面上之 配置的前述第2物件被操作時,重新排列前述Web頁面 上之前述構成要素之配置。 可另外設置屬性變更手段(例如第9圖的屬性變更部 1 5 0),以當用以變更以前述第1物件所表示之前述構成要 素的屬性的前述第2物件被操作時,變更前述構成要素之 屬性。 可使前述第1顯示控制手段以在前述第1區域顯示表 示作爲與其他Web頁面相連結(link)之要素(例如第14圖 所示之構成推薦商品之構成要素的複數個要素)之集合的 前述構成要素的前述第1物件(例如第1 3圖的推薦商品的 顯示物件)的方式控制顯示。 另外設置用以產生表示前述Web頁面之前述構成要 素的前述第〗物件的第1產生手段(例如第9圖的顯示物 -12 - 200910186 件產生部1 4 3 ) ’可使前述第1顯示控制手段以在前述第1 區域顯示所產生之前述第1物件的方式控制顯示。 另外設置用以檢索所欲連結之其他W e b頁面的檢索 手段(例如第9圖的檢索部1 4 1 )’可使前述第1產生手段 產生在所被檢索之其他Web頁面中表示與經指定者相連 結的前述構成要素的前述第1物件。 另外設置用以取得表示前述Web頁面之前述構成要 素與前述構成要素之配置的資料的取得手段(例如第9圖 的編輯對象資料取得部124),可使前述第1產生手段由 所取得的前述資料中產生前述第1物件。 使前述取得手段取得包含表示前述Web頁面之前述 構成要素與前述構成要素之配置,並且指示前述Web頁 面之版式之前述構成要素之一覽(例如第20圖所示之設計 部件之一覽)的前述資料,可使前述第1產生手段產生表 不在一覽所包含之前述構成要素中經指定之前述構成要素 的前述第1物件》 另外設置第2產生手段(例如第9圖的編輯物件產生 變更部144)’以當在前述第2區域配置有前述第1物件 時,產生用以變更以前述第1物件所表示之前述構成要素 之屬性的前述第2物件,可使前述第2顯示控制手段以在 前述第2區域顯示所產生之前述第2物件的方式控制顯 示。 使電腦執行本發明之一態樣之資訊處理方法或本發明 之一態樣之程式的處理係包含:以在顯示畫面的第1區域 -13- 200910186 (例如第23圖的顯示區),依前述web頁面上之前述構成 要素之配置順序顯示表示Web頁面之構成要素的第1物 件(例如在第23圖中顯示於顯示區的顯示物件)的方式控 制顯示(例如第12圖的步驟S1007),當在前述顯示畫面的 第2區域(例如第23圖的編輯區)配置有前述第丨物件 時’以在前述第2區域顯示用以變更以前述第〗物件所表 不之前述構成要素之屬性的第2物件(例如在第23圖中顯 示於編輯區的編輯物件)的方式控制顯示(例如第2 1圖的 步驟S 5 8)的步驟。 第1圖係顯示本發明之一實施形態之資訊提供系統的 構成圖。資訊提供系統係由行動電話機1 1 -1、行動電話 機1 1 - 2、基地台1 2、閘道1 3、網路14、Web伺服器 15、應用程式伺服器16、Web頁面資料庫17、網路18、 Web伺服器1 9、應用程式伺服器20、會員資訊資料庫 21、商品資料庫22、店家終端裝置23-1、及店家終端裝 置23-2所構成。 行動電話機U -1及行動電話機1 1 -2係分別由使用者 予以操作。Since the first object of the above-described constituent elements of the web page layout is simpler and more reliable, the constituent elements to be added are known more reliably. In addition, when the first object is placed in the second region, the second object may be provided to change the property of the component indicated by the first object, and the second object may be provided. The front second display control means controls the display so as to display the two objects generated in the second area. The nature of the aforementioned constituent elements can be changed simply and surely. When the first object of the second object that is used to change the attribute of the component indicated by the first object is placed in the first region, the first display control means may be configured as described above. The area displays the aforementioned first object without displaying the square control display of the aforementioned second object. Only the first object can be displayed in the first region, and miscellaneous display can be avoided. Therefore, the constituent elements to be edited can be obtained more easily and more reliably. The first display control means causes the first object in the first area to be placed on the web page by the component of the web page viewed by the mobile phone in the order of the above-mentioned components on the web page The display is controlled in a manner that is displayed. An information processing method according to an aspect of the present invention includes the steps of: displaying a first area of a screen, and assigning an object indicating a constituent element of the web page to an order of arrangement of the constituent elements on the web page to -9- 1 200910186 The display mode control display; and when the first object is placed in the second region of the display screen, the second region is displayed to change the attribute of the component indicated by the first object. The way the object is controlled to display. By this, it is clear that the constituent elements indicated by the first object arranged in the second region are already edited, and the constituent elements to be edited can be more easily and surely obtained. The program of one aspect of the present invention causes the computer to execute a process of displaying the first object indicating the constituent elements of the Web page in the first region of the display screen in the order in which the components of the Web page are arranged. When the first object is placed in the second region of the display screen, and the second region is displayed, the second attribute for changing the attribute of the component indicated by the first object is displayed. The way the object is controlled to display. As a result, it is possible to clearly understand the constituent elements indicated by the first object arranged in the second region, and it is possible to more easily and more accurately know the constituent elements to be edited. In one aspect of the present invention, in the first area of the display screen, the first object indicating the constituent elements of the Web page is displayed in the order of arrangement of the constituent elements on the web page, and is displayed on the display screen. When the first object is disposed in the second region, the second object for changing the attribute of the constituent element indicated by the first object is displayed in the second region. -10-200910186 (Effects of the Invention) As described above, according to an aspect of the present invention, constituent elements of a web page can be displayed. Further, according to an aspect of the present invention, constituent elements to be edited can be obtained more simply and more reliably. [Embodiment] Hereinafter, embodiments of the present invention will be described, and the correspondence between the constituent elements of the present invention and the embodiments described in the detailed description of the invention will be described below. This description is for confirming that the embodiment supporting the present invention has been described in the detailed description of the invention. Therefore, although the detailed description of the invention has been described as "but an embodiment which is not described herein is an embodiment corresponding to the constituent elements of the present invention, this does not mean that the embodiment is not related to the constituent element. Corresponding. On the contrary, even if the embodiment described herein corresponds to the constituent elements, this does not mean that the embodiment corresponds to a constituent element other than the constituent elements. The information processing device (for example, the store terminal device 23-1 of the first drawing) of the present invention is provided on the web page in the first area (for example, the display area of FIG. 23) on the display screen. The first display control means (for example, the display of FIG. 9) for controlling the display of the first object (for example, the display object displayed on the display area in FIG. 2) indicating the constituent elements of the Web page is displayed in the order of arrangement of the constituent elements. The area display control unit 145); and when the first object is disposed in the second area of the display screen (for example, the -11 - 200910186 editing area of FIG. 23), the second area is displayed for changing The second display control means (for example, the editing area display of FIG. 9) for controlling the display of the second object (for example, the edited object displayed in the editing area in the second drawing) of the attribute of the component indicated by the first object Control unit 146). Further, a third display control means (for example, the preview image display control unit 148 of FIG. 9) may be additionally provided, and the third area of the display screen is displayed by the first object indicated by the first object displayed in the first area. The method of controlling the display of the above-mentioned Web page in which the constituent elements are described. Further, a rearrangement means (for example, the rearrangement unit 149 of FIG. 9) may be additionally provided to rearrange the foregoing on the web page when the second object for changing the arrangement of the constituent elements on the web page is operated The configuration of the constituent elements. In addition, the attribute changing means (for example, the attribute changing unit 150 of FIG. 9) may be provided to change the configuration when the second object for changing the attribute of the component indicated by the first object is operated. The attributes of the element. The first display control means may display, in the first area, a set indicating elements linked to other web pages (for example, a plurality of elements constituting constituent elements of the recommended product shown in FIG. 14). The first object (for example, the display item of the recommended product in FIG. 3) of the above-described components is controlled and displayed. Further, a first generating means for generating the aforementioned object indicating the above-described constituent elements of the Web page (for example, the display object -12 - 200910186 generating unit 1 4 3 of FIG. 9) is provided to enable the first display control The means controls the display so as to display the first object generated in the first area. Further, a search means for searching for another Web page to be linked (for example, the search unit 1 4 1 of FIG. 9) is provided, and the first generation means can be generated and specified in other web pages to be searched. The first object of the aforementioned constituent elements connected to each other. Further, an acquisition means (for example, an editing target data acquisition unit 124 of FIG. 9) for acquiring information indicating the arrangement of the components of the Web page and the components is provided, and the first generation means can be obtained from the aforementioned The aforementioned first object is generated in the data. The acquisition means obtains the above-mentioned information including a list indicating the configuration of the web page and the configuration of the component, and instructing a list of the components of the layout of the web page (for example, a list of design components shown in FIG. 20). The first generating means may generate the second object "the first object" which is the one of the constituent elements included in the list, and the second generating means (for example, the edited object generating change unit 144 of the ninth drawing) When the first object is placed in the second region, the second object for changing the attribute of the component indicated by the first object is generated, and the second display control means can be used as described above. The second area displays the mode control display of the generated second object. The processing method for causing a computer to execute an information processing method according to an aspect of the present invention or a program of an aspect of the present invention includes: in the first area of the display screen - 13 - 200910186 (for example, the display area of FIG. 23) The arrangement order of the above-described constituent elements on the web page displays a mode control display of the first object (for example, the display object displayed in the display area in FIG. 23) indicating the constituent elements of the Web page (for example, step S1007 in FIG. 12) When the second object (for example, the editing area of FIG. 23) is disposed on the second display area (for example, the editing area of FIG. 23), the display of the above-described second object is used to change the constituent elements indicated by the first object. The manner in which the second object of the attribute (e.g., the edited object displayed in the editing area in Fig. 23) is controlled to display (e.g., step S58 of Fig. 2). Fig. 1 is a block diagram showing an information providing system according to an embodiment of the present invention. The information providing system is composed of a mobile phone 1 1 -1, a mobile phone 1 1 - 2, a base station 1 2, a gateway 13 , a network 14, a web server 15, an application server 16, a web page database 17, The network 18, the web server 19, the application server 20, the member information database 21, the product database 22, the store terminal device 23-1, and the store terminal device 23-2 are constituted. The mobile phone U-1 and the mobile phone 1 1 - 2 are respectively operated by the user.
Web伺服器15、應用程式伺服器16、Web頁面資料 庫17、網路18、Web伺服器19、應用程式伺服器20、會 員資訊資料庫2 1、及商品資料庫22係由市場提供業者予 以經營管理。 店家終端裝置2 3 · 1及店家終端裝置2 3 - 2係分別由店 豕予以操作。 -14 - 200910186 店家係販賣商品的法人或個人(自然人)。市場提供業 者係基於來自店家的委託,對店家提供將販賣店家商品的 Web頁面提供給使用者的服務。 使用者係由藉由市場提供業者所提供的店家的Web 頁面來購買商品。 以下亦將Web頁面僅稱爲頁面。 行動電話機1 1 -1及行動電話機U -2係透過基地台1 2 而互相通訊。例如,行動電話機U-1及行動電話機1丨_2 係透過基地台1 2,將會話的聲音訊號互相進行通訊’藉 此使行動電話機1 1 -1的使用者與行動電話機1 1 -2的使用 者進行通話。 行動電話機1 1-1及行動電話機1 1-2係分別執行用以 閱覽Web頁面的瀏覽器(程式)。 例如,行動電話機Η -1及行動電話機Π -2係分別由 使用者予以操作,經由基地台1 2、閘道1 3、及網路1 4 ’ 由市場提供業者取得Web頁面的資料’顯示Web頁面’ 而使使用者閱覽Web頁面。行動電話機11-1及行動電話 機1 1 - 2之各自的使用者係由藉由市場提供業者所提供的 Web頁面,來購買店家所販賣的商品。 基地台1 2係經由無線而與行動電話機1 1 -1及行動電 話機1 1 -2的各個進行通訊。此外’基地台1 2係連接於閘 道13。 閘道1 3係連接於網路1 4與基地台1 2。例如,閘道 1 3係將經由網路1 4所傳送而來的Web頁面的資料的方式 -15- 200910186 轉換成適於行動電話機11 -1或行動電話機11 _ 2之瀏覽器 的方式,而供給至基地台12 ° 網路1 4係由有線或無線之通用線路或專用線路等所 構成的網路,例如,網際網路、LAN(Local Area Network,區域網路)、或 WAN(Wide Area Network’ 廣域 網路)等。 接著,就市場提供業者之Web伺服器1 5、應用程式 伺服器1 6、Web頁面資料庫1 7、網路1 8、Web伺服器 19、應用程式伺服器20、會員資訊資料庫21、及商品資 料庫22加以說明。 W e b伺服器1 5及W e b伺服器1 9係分別執行例如 Apache HTTP Server或美國微軟公司(Microsoft)製之 Internet Information Services 等所謂的 Web 伺服器程 式,根據 HTTP(Hypertext Transfer Protocol,超文件傳送 協定)所規定的順序,提供包含有文字(text)或畫像等各種 物件的 HTML(Hypertext Markup Language,超文件標示語 言)方式或 XML(Extensible Markup Language,可延伸標 不語言)方式等的文件(d 〇 c u m e n t)。亦即,例如文件係 Web頁面的資料。The web server 15, the application server 16, the web page database 17, the network 18, the web server 19, the application server 20, the member information database 2, and the product database 22 are provided by the market provider. Management. The store terminal device 2 3 · 1 and the store terminal device 2 3 - 2 are operated by the store. -14 - 200910186 The store is a legal person or individual (natural person) who sells goods. Based on the commission from the store, the market provider provides the store with a service to provide the user with the web page of the store's goods. The user purchases the product by the web page of the store provided by the market provider. The web page is also referred to below as a page only. The mobile phone 1 1 -1 and the mobile phone U - 2 communicate with each other through the base station 1 2 . For example, the mobile phone U-1 and the mobile phone 1丨_2 communicate the voice signals of the session with each other through the base station 1 2, thereby making the user of the mobile phone 1 1 -1 and the mobile phone 1 1 -2 The user makes a call. The mobile phone 1 1-1 and the mobile phone 1 1-2 respectively execute a browser (program) for viewing a web page. For example, the mobile phone Η-1 and the mobile phone Π-2 are operated by the user respectively, and the information of the Web page is obtained by the market provider via the base station 1, the gateway 1 3, and the network 1 4 'display web Page' allows the user to view the web page. The respective users of the mobile phone 11-1 and the mobile phone 1 1 - 2 purchase the products sold by the store by the web page provided by the market provider. The base station 1 2 communicates with each of the mobile phone 1 1 -1 and the mobile phone 1 1 - 2 via wireless. Further, the base station 12 is connected to the gateway 13. The gateway 13 is connected to the network 14 and the base station 12. For example, the gateway 13 converts the manner -15-200910186 of the information of the web page transmitted via the network 14 into a browser suitable for the mobile phone 11-1 or the mobile phone 11 _ 2, and Supply to the base station 12 ° Network 1 4 is a network of wired or wireless universal lines or dedicated lines, such as the Internet, LAN (Local Area Network), or WAN (Wide Area) Network' wide area network, etc. Next, a web server 15 for the market provider, an application server 16, a web page database 17, a network 18, a web server 19, an application server 20, a member information database 21, and The product database 22 is described. The Web server 1 5 and the Web server 1 9 respectively execute a so-called web server program such as Apache HTTP Server or Internet Information Services manufactured by Microsoft Corporation of the United States, according to HTTP (Hypertext Transfer Protocol). In the order specified by the agreement, a document including an HTML (Hypertext Markup Language) method or an XML (Extensible Markup Language) method including various texts or images (a text file) is provided. d 〇cument). That is, for example, the file is a material of a web page.
Web伺服器1 5係經由網路1 4而將由店家所委託之販 賣商品的Web頁面的資料提供給使用者。基於來自多數 店家的委託’藉由Web伺服器1 5,對使用者提供由販賣 多數商品的各個商品的頁面所構成的虛擬市場。 應用程式伺服器1 6係產生由Web伺服器1 5所提供 -16- 200910186 的Web頁面的資料。例如,應用程式伺服器1 6係經由將 Web伺服器15、應用程式伺服器16、及Web頁面資料庫 17相互連接的網路18,由Web頁面資料庫17中取得記 述所欲提供之頁面的資料,由所取得的資料中產生Web 頁面的資料。應用程式伺服器1 6係經由網路1 8,將所產 生的Web頁面的資料供給至Web伺服器15。The web server 15 provides the user with the information of the web page of the merchandise sold by the store via the network 14. Based on the commission from the majority of stores, the web server 15 is provided with a virtual market composed of pages of individual products for which most products are sold. The application server 16 generates data of a web page provided by the web server 15 -16- 200910186. For example, the application server 16 obtains the page to be provided from the web page database 17 via the network 18 that connects the web server 15, the application server 16, and the web page database 17 to each other. Information, the data of the web page generated from the obtained data. The application server 16 supplies the data of the generated web page to the web server 15 via the network 18.
Web頁面資料庫17係儲放記述Web頁面的資料(以 下稱爲頁面記述資料)。頁面記述資料係表示用以構成 Web頁面之文字、連結、畫像等構成要素、或各個構成要 素在Web頁面上的位置等。 在此,構成 Web頁面的構成要素係包含用以指示 W e b頁面之版式的改行或虛線等,並不限於文字、連結、 畫像等。 例如,Web頁面資料庫17係按每個店家及每個Web 頁面,儲放用以記述由店家所委託之販賣商品的 Web頁 面的頁面記述資料。 網路1 8係市場提供業者之所謂的企業內LAN,由有 線或無線之通用線路或專用線路等所構成的網路。網路 18係將Web伺服器15、應用程式伺服器16、Web頁面資 料庫17、Web伺服器19、應用程式伺服器20、會員資訊 資料庫2 1、及商品資料庫22相互連接。The web page database 17 stores data of a web page (hereinafter referred to as page description material). The page description data indicates constituent elements such as characters, links, and images used to constitute a Web page, or positions of respective constituent elements on a Web page. Here, the constituent elements constituting the Web page include a line or a broken line for indicating the layout of the Web page, and are not limited to characters, links, portraits, and the like. For example, the web page database 17 stores, for each store and each web page, a page description material for describing a web page of a merchandise item authorized by the store. The network 18 series provides a so-called intra-enterprise LAN for the industry, and is composed of a wired or wireless universal line or a dedicated line. The network 18 connects the web server 15, the application server 16, the web page repository 17, the web server 19, the application server 20, the member information database 21, and the product database 22 to each other.
Web伺服器19係將用以編輯其他Web頁面的Web頁 面的資料提供給店家。亦即,Web伺服器1 9係將用以編 輯販賣商品的Web頁面的Web頁面的資料提供給店家。 -17- 200910186 以下將作爲編輯對象的Web頁面稱爲編輯對象頁 面,將供編輯之用的W e b頁面稱爲編輯執行頁面。 例如編輯對象頁面係行動電話機1 1所顯示的W e b頁 面,亦即用以藉由行動電話機1 1使其閲覽的Web頁面’ 由與後述之第1 3圖的預覽區所顯示的預覽畫像爲相同的 畫像所構成的Web頁面。 例如編輯執行頁面係由後述之第1 3圖所示之畫像整 體所構成的Web頁面。 此外,Web伺服器1 9係記述編輯對象頁面的資料, 將在編輯執行頁面中所編輯的資料(以下稱爲編輯對象資 料)提供給店家。 此外,Web伺服器1 9係經由網路1 4,接收由店家傳 送而來之在店家予以編輯(已完成編輯)的編輯對象資料。 Web伺服器1 9在接收到編輯對象資料時,將來自店家的 編輯對象資料經由網路1 8而供給至應用程式伺服器20。 應用程式伺服器20係產生由Web伺服器1 9所提供 的Web頁面的資料。例如,應用程式伺服器20係產生作 爲用以使店家編輯編輯對象頁面之Web頁面的編輯執行 頁面的資料。例如,該編輯對象頁面係以行動電話機11-1或行動電話機1 1-2予以閲覽的Web頁面。 此時,應用程式伺服器20係產生編輯執行頁面的資 料,且包含Java描述語言(Java係註冊商標)等之描述語 言的資料。 此外,例如,應用程式伺服器2 0係經由網路1 8,由 -18- 200910186The web server 19 provides the store with information for editing the web pages of other web pages. That is, the Web server 19 provides the information of the Web page of the Web page for editing the merchandise to the store. -17- 200910186 The Web page to be edited is referred to as an editing object page, and the Web page for editing is referred to as an editing execution page. For example, the editing target page is a Web page displayed by the mobile phone 1 1 , that is, a web page for viewing by the mobile phone 1 1 is a preview image displayed by a preview area of the first and third figures to be described later. A web page composed of the same portrait. For example, the editing execution page is a web page composed of the entire image shown in Fig. 3 which will be described later. Further, the Web server 19 describes the material of the editing target page, and supplies the material edited on the editing execution page (hereinafter referred to as editing target material) to the store. Further, the Web server 19 receives the edit target data transmitted by the store and edited by the store (completed editing) via the network 14. When receiving the edit target data, the Web server 19 supplies the edit target data from the store to the application server 20 via the network 18. The application server 20 generates data of a web page provided by the web server 19. For example, the application server 20 generates material as an edit execution page for the store to edit the web page of the edit target page. For example, the edit target page is a web page viewed by the mobile phone 11-1 or the mobile phone 1 1-2. At this time, the application server 20 generates information for editing the execution page, and contains information of a description language such as a Java description language (Java-registered trademark). In addition, for example, the application server 20 is via the network 18, by -18-200910186
Web頁面資料庫17中取得作爲編輯對象之Web頁 面記述資料,再由所取得的頁面記述資料中產生編 資料。 應用程式伺服器20係經由網路1 8而將所產生 執行頁面的資料或編輯對象資料供給至Web伺服器 此外,應用程式伺服器20係當由Web伺服器 供給在店家經編輯的編輯對象資料時,使該編輯對 作爲頁面記述資料而儲放在Web頁面資料庫1 7。 應用程式伺服器2 0係將由經編輯的編輯對象資料 生的新的頁面記述資料以覆寫在至此爲止的頁面記 的方式儲放在Web頁面資料庫17。 會員資訊資料庫21係儲放屬於所登錄之店家 者的會員的資訊。會員資訊資料庫2 1係經由Web 15或Web伺服器19而接收來自會員對於該會員的 登錄、編輯、追加等指令,重新儲放會員的資訊, 所儲放的資訊。 商品資料庫22係儲放商品相關資訊。例如, 料庫22係儲放基於來自店家的妥託,在提供給使 頁面予以販賣的商品相關資訊。例如,商品資料庫 經由Web伺服器19而接受來自屬於店家之會員對 員所販賣商品相關資訊的登錄、編輯、追加等指令 儲放商品相關資訊’或更新所儲放的資訊。The web page database 17 acquires the web page description material to be edited, and generates the compiled material from the obtained page description data. The application server 20 supplies the data of the generated execution page or the edit target data to the web server via the network 18. The application server 20 supplies the edited object edited at the store by the web server. When the edit is made as a page description material, it is stored in the Web page database 17. The application server 20 stores the new page description data generated by the edited edit target data in the web page database 17 so as to overwrite the page record so far. The member information database 21 stores information of members belonging to the registered store owner. The member information database 2 1 receives information such as registration, editing, and addition of the member from the member via the Web 15 or the web server 19, and re-stores the information of the member and stores the information. The product database 22 stores information related to the product. For example, the repository 22 is based on the information from the store and is provided with information on the products that are sold to the page. For example, the product database receives information such as registration, editing, and addition of information related to the merchandise sold by members belonging to the store via the web server 19, and stores the information related to the product or updates the stored information.
店家終端裝置2 3 -1及店家終端裝置2 3 - 2係分 如個人電腦’經由網路1 4,藉由所登錄的會員j D 面的頁 輯對象 的編輯 19 ° 19被 象資料 例如, 中所產 述資料 及使用 伺服器 資訊的 或更新 商品資 用者的 22係 於該會 ,重新 別爲例 及密碼 -19- 200910186 進行認證’而編輯販賣各店家的商品的Web頁面,或更 新儲放在商品資料庫2 2之店家的商品的資料。 店家終端裝置23-1及店家終端裝置23-2係分別執行 用以閱覽Web頁面的瀏覽器(程式)° 店家終端裝置23-1及店家終端裝置23-2的各終端裝 置係藉由各自之使用者(例如店家的店員)予以操作。店家 終端裝置2 3 -1及店家終端裝置2 3 -2係分別經由網路1 4, 接收由Web伺服器19傳送而來之用以編輯屬於販賣各自 之使用者之商品之Web頁面的編輯對象頁面之Web頁面 的編輯執行頁面的資料。此外,店家終端裝置2 3 -1及店 家終端裝置2 3 - 2係分別經由網路1 4 ’接收由w e b伺服器 1 9傳送而來之記述編輯對象頁面的編輯對象資料。 店家終端裝置2 3 -1及店家終端裝置2 3 - 2係分別顯示 用以編輯屬於各自之使用者之Web頁面的編輯對象頁面 的編輯執行頁面。 店家終端裝置23-1及店家終端裝置23-2係分別經由 網路1 4,將經編輯(已完成編輯)的編輯對象資料傳送至 Web伺服器19。 以下當無需分別區分行動電話機1 1 -1及行動電話機 1 1 -2時,僅稱之爲行動電話機1 1。當無須分別區分店家 終端裝置23-1及店家終端裝置23-2時,僅稱之爲店家終 端裝置23。 第2圖係顯示應用程式伺服器2 0之硬體構成例的方 塊圖。 -20- 200910186 在應用程式伺服器20中,CPU(Central Processing Unit’ 中央處理卓兀)31、R〇M(Read Only Memory,唯讀 記憶體)32、RAM(Random Access Memory,隨機存取記憶 體)33係藉由匯流排34而相互連接。 在匯流排34係另外連接有輸出入介面35。在輸出入 介面3 5係連接有:由硬碟或非揮發性記憶體等所構成的 記億部3 6 ;由網路介面等所構成的通訊部3 7 ;以及用以 驅動磁碟、光碟、光磁碟、或半導體記憶體等可移除式媒 體3 9的驅動器3 8。 在如上所構成的應用程式伺服器20中,CPU3 1將例 如記憶在記億部3 6的程式,經由輸出入介面3 5及匯流排 34,下載在RAM33而予以執行,藉此進行後述之一連串 處理。 應用程式伺服器20(CPU31)所執行的程式係記錄在例 如磁碟(包含軟性磁碟)、光碟(CD-ROM(Compact Disc-Read Only Memory) 、 DVD(Digital Versatile Disc)等) 、光 磁碟、或屬於由半導體記憶體等所構成之套裝媒體 (package media)的可移除式媒體39,或者經由區域網路 或網際網路等網路1 4或網路1 8或數位衛星廣播等有線或 無線的傳送媒體而予以提供。 接著,程式係藉由將可移除式媒體3 9裝設在驅動器 3 8,經由輸出入介面3 5而記憶在記億部3 6,藉此可安裝 (install)在應用程式伺服器20。此外’程式係經由有線或 無線之傳送媒體,在通訊部3 7予以接收且記憶在記憶部 -21 - 200910186 36’藉此可安裝在應用程式伺服器20。除此之外,程式 係藉由預先記憶在R Ο Μ 3 2或記憶部3 6,可預先安裝在應 用程式伺服器20。The store terminal device 2 3 -1 and the store terminal device 2 3 - 2 are classified as a personal computer 'via the network 1 4, and the edited 19 ° 19 image of the registered member j D face is imaged, for example, 22 of the materials produced by the company and those who use the server information or update the product are in the association, and the other is the case and password -19- 200910186 to authenticate 'and edit the website of the goods sold by each store, or update The information of the goods stored in the store of the goods database. The store terminal device 23-1 and the store terminal device 23-2 respectively execute a browser (program) for viewing a web page. Each terminal device of the store terminal device 23-1 and the store terminal device 23-2 is configured by each. The user (for example, the store clerk) operates. The store terminal device 2 3 -1 and the store terminal device 2 3 - 2 receive the edit object transmitted from the web server 19 for editing the web page of the product belonging to the user who sells each of them via the network 14 The information of the editing execution page of the web page of the page. Further, the store terminal device 2 3 -1 and the store terminal device 2 3 - 2 receive the edit target data of the edit target page transmitted from the w e b server 19 via the network 1 4 '. The store terminal device 2 3 -1 and the store terminal device 2 3 - 2 respectively display an edit execution page for editing an edit target page of a web page belonging to each user. The store terminal device 23-1 and the store terminal device 23-2 respectively transmit the edited (completed edited) edit target data to the web server 19 via the network 14. Hereinafter, when it is not necessary to separately distinguish the mobile phone 1 1 -1 and the mobile phone 1 1 -2, it is simply referred to as a mobile phone 1 1. When it is not necessary to separately distinguish between the store terminal device 23-1 and the store terminal device 23-2, it is simply referred to as the store terminal device 23. Fig. 2 is a block diagram showing an example of the hardware configuration of the application server 20. -20- 200910186 In the application server 20, CPU (Central Processing Unit' 31, R〇M (Read Only Memory) 32, RAM (Random Access Memory) The bodies 33 are connected to each other by a bus bar 34. An input/output interface 35 is additionally connected to the bus bar 34. The input/output interface is connected to: a memory unit composed of a hard disk or a non-volatile memory, and a communication unit 37 composed of a network interface or the like; and a drive for driving a disk or a disc. The drive 38 of the removable medium 39 such as a magneto-optical disk or a semiconductor memory. In the application server 20 configured as described above, the CPU 3 1 downloads, for example, the program stored in the screen unit 36, via the input/output interface 35 and the bus bar 34, and executes it in the RAM 33, thereby performing a series of subsequent descriptions. deal with. The program executed by the application server 20 (CPU 31) is recorded on, for example, a magnetic disk (including a flexible disk), a compact disk (CD-ROM (Compact Disc-Read Only Memory), a DVD (Digital Versatile Disc), etc.), and a magneto-optical a disc, or a removable medium 39 belonging to a package media composed of a semiconductor memory or the like, or via a network such as a regional network or the Internet, or a network of 18 or digital satellite broadcasts, etc. Provided by wired or wireless transmission media. Then, the program is installed in the application server 20 by installing the removable medium 3 9 on the driver 3 8 via the input/output interface 35 and remembering it in the tablet 3 . Further, the program is received by the communication unit via a wired or wireless transmission medium and stored in the memory unit - 21 - 200910186 36' to be installed in the application server 20. In addition, the program can be pre-installed in the application server 20 by pre-memorizing the R Ο Μ 3 2 or the memory unit 3 6.
Web伺服器15、應用程式伺服器16、Web頁面資料 庫17、網路18、Web伺服器19、會員資訊資料庫21、及 商品資料庫2 2之各硬體的構成係與應用程式伺服器2 0相 同,故省略其說明。 第3圖係顯示店家終端裝置23之硬體構成例之方塊 圖。 在店家終端裝置23中,CPU51、ROM52、RAM53係 藉由匯流排5 4而相互連接。 在匯流排54係另外連接有輸出入介面55。在輸出入 介面55係連接有:由鍵盤、滑鼠、麥克風等所構成的輸 入部56;由顯示器、揚聲器等所構成的輸出部57;由硬 碟或非揮發性記憶體等所構成的記憶部5 8 ;由網路介面 等所構成的通訊部5 9 ;以及用以驅動磁碟、光碟、光磁 碟、或半導體記憶體等可移除式媒體61的驅動器60。 在以上所構成的店家終端裝置23中,CPU5 1例如經 由輸出入介面5 5及匯流排5 4,將記憶在記憶部5 8的程 式載入RAM 53並執行,藉此進行後述之一連串處理。 店家終端裝置23 (CPU51)所執行的程式係例如記憶在 磁碟(包含軟性磁碟)、光碟(CD-ROM、DVD等)、光磁 碟、或由半導體記憶體等所構成之屬於套裝媒體的可移除 式媒體61,或者經由區域網路或網際網路等網路14或數 -22- 200910186 位衛星廣播等有線或無線的傳送媒體予以提供。 接著’程式係可藉由將可移除式媒體61裝設於驅動 器60 ’經由輸出入介面55而記憶在記億部58,藉此安裝 在店家終端裝置2 3。此外,程式係可經由有線或無線的 傳送媒體’在通訊部5 9接收,且記憶在記憶部5 8,藉此 安裝在店家終端裝置2 3。除此以外,程式係可事先記億 在R〇M52或記憶部58,藉此事先安裝在店家終端裝置 23 ° 接著說明儲放在Web頁面資料庫17之頁面記述資料 的具體例。 第4圖係顯示儲放在Web頁面資料庫17之頁面記述 資料的例圖。在第4圖係顯示有1個Web頁面之頁面記 述資料之例。 在Web頁面資料庫17係按每一 Web頁面,相對應儲 放有:以 URL(Uniform Resource Locator,一 致資源定位 器)方式所呈現的Web頁面的網址、屬於特定店家之資訊 的店家ID(identification)、以及Web頁面的構成要素。 由於按每一 Web頁面對應儲放有店家ID,因此可按每一 Web頁面,特定在其Web頁面販賣商品的店家。 儲放在Web頁面資料庫17之Web頁面的構成要素係 由設計部件與文字資料與、藉由指標(pointer)而與其相連 結的各種資料所構成。 設計部件的各個係表示店家介紹文、評論、改行、推 薦商品、或最新禮品商品等之1個構成要素。 -23- 200910186 在此,改行係用以指示Web頁面之版式的構成要素 之一例。 推薦商品或最新禮品商品係屬於與其他Web頁面相 連結之要素之集合的構成要素之一例。 亦即,例如,作爲構成要素的推薦商品係與1個或複 數個推薦商品之各個的Web頁面相連結之要素的集合。 例如,作爲構成要素的最新禮品商品係與1個或複數個禮 品之各個的Web頁面相連結之要素的集合。 文字資料係用以使顯示於Web頁面的文字顯示的資 料。例如,屬於店家介紹文之文字資料的店家介紹文文字 資料係用以使顯不於 Web頁面的店家介紹文顯τκ的資 料。例如,屬於評論(comment)之文字資料的評論文字資 料係用以使顯示於Web頁面的評論顯示的資料。 此外,例如,屬於推薦商品之文字資料的推薦商品文 字資料係用以使推薦商品的標題顯示於Web頁面的資 料。此外,例如,屬於最新禮品商品之文字資料的最新禮 品商品文字資料係用以使最新禮品商品的標題顯示於W e b 頁面的資料。 在屬於推薦商品之設計部件及推薦商品文字資料,係 配置有與推薦商品連結資料相連結的指標’使屬於推薦商 品的設計部件及推薦商品文字資料、與推薦商品連結資料 產生關係。 例如’推薦商品連結資料係由用以說明推薦商品之各 自之Web頁面的文字的文字資料、及顯示推薦商品之各 -24- 200910186 自之Web頁面之網址的連結資料所構成。 更具體而言,推薦商品連結資料係由屬於用 薦商品之各自之 Web頁面之文字的文字資料 (anchor text) 1至錨文字3;及與錨文字i至錨文 個產生關係,屬於表示推薦商品之各自之Web 址的連結資料的連結資料1至連結資料3所構成 此外,在推薦商品連結資料係視需要包含有 商品之畫像的畫像資料。 例如,與錨文字1及連結資料1產生關係, 結資料1表示網址之Web頁面所登載之商品之 像資料係包含在推薦商品連結資料中。 其中,亦可藉由指標(pointer)或連結(link) 薦商品連結資料與畫像資料產生關係。例如亦可 品連結資料包含配置有畫像資料之Web頁面的 的網址,來取代畫像資料本身。如上所示,可輕 像資料,而無須編輯頁面記述資料。 在作爲最新禮品商品之設計部件及最新禮品 資料係配置有與最新禮品商品連結資料相連結的 作爲最新禮品商品的設計部件及最新禮品商品文 與最新禮品商品連結資料產生關係。 例如,最新禮品商品文字資料係由··用以說 品之商品之各自之Web頁面的文字的文字資料 作爲禮品之商品之各自之Web頁面的網址的連 構成。 以說明推 的錨文字 字3的各 頁面之網 〇 表示推薦 表示以連 畫像的畫 ,而使推 在推薦商 URL方式 易變更畫 商品文字 指標,使 字資料、 明作爲禮 、及表示 結資料所 -25 - 200910186 更具體而言,作爲禮品之商品係由:屬於用以說明作 爲禮品之商品之各自之Web頁面之文字的文字資料的錨 文字11至錨文字13;及與錨文字13至錨文字13的各個 產生關係且屬於表示作爲禮品之商品之各自之Web頁面 的網址的連結資料的連結資料1 1至連結資料1 3所構成。 此外,在最新禮品商品連結資料係視需要包含有表示 作爲禮品之商品之畫像的畫像資料。 如上所示’由於頁面記述資料係予以構造化,因此即 使在變更Web頁面的一部分的情形下,亦不需要變更整 體Web頁面’只要變更必要的構成要素即可。 接著’就儲放在會員資訊資料庫21且屬於所登錄之 店家及使用者之會員之資訊(記錄(record))的具體例、以 及儲放在商品資料庫2 2之商品之資料(記錄)的具體例加 以說明。 第5圖係顯示儲放在會員資訊資料庫2丨之會員之資 訊(記錄)的例圖。在會員資訊資料庫2 1係儲放有屬於用 以特定會員之資訊的會員ID(identification)、用於認證會 員的密碼、會員姓名、與會員地址相對應的郵遞區號、地 址、會員的電話號碼、會員的電子郵件地址、會員(限於 屬於自然人的會員)的出生年月日、會員(限於屬於自然人 的會員)性別、會員信用卡號碼的信用卡卡號、爲會員信 用卡之有效期限的信用卡有效期限、及會員的暱稱來作爲 會員的資通。 第6圖係顯示儲放在商品資料庫2 2之商品之資料(記 -26- 200910186 錄)的例圖。在商品資料庫22係儲放有:作爲表示商品名 字(名稱)之資料的商品名、屬於用以特定販賣商品之店家 之資料的店家ID、用以特定具有編輯以店家id予以特定 之店家之Web頁面的權限的會員的會員ID、屬於用以特 定商品之資料的商品ID、及屬於表示商品之價格之資料 的商品價格、及屬於用於說明商品之文章資料的商品說明 文。 在第6圖所示例中’對於1個店家id,儲放有2個 會員ID。此時’藉由各個會員ID所特定的各個會員可編 輯以店家ID予以特定之店家的Web頁面。 其中’亦可對於1個店家ID’儲放任意數量的會員 ID。藉由各個會員ID所特定之任意數量的會員的各個會 員係可編輯以店家ID予以特定的店家的w e b頁面。 此外’在商品資料庫2 2係儲放有:屬於表示販賣商 品之頁面網址之資料的商品頁面網址、表示有無商品畫像 的商品畫像有無旗標、及屬於表示當有商品畫像時登載有 商品畫像之頁面網址之資料的商品畫像頁面網址。 此外’在商品資料庫22係儲放有表示在店家是否有 商品存貨的可販賣旗標。換言之,可販賣旗標係表示可否 販賣商品。 此外’在商品資料庫22係儲放有表示所謂含税或不 含税的消費税旗標、表示是否需要另計運費的運費旗標、 及表示可否利用信用卡付款的可利用信用卡旗標。 此外’另外在商品資料庫22係儲放有:表示販賣商 -27- 200910186 品的店家是否作爲優良店家而被表揚的年度商店(Shop 〇f the Year)旗標;屬於表示利用聯屬營銷(affUiate)時對於 商品價格之報酬之利率之資料的聯屬營銷利用利率;屬於 表示開始銷售商品之時刻之資料的銷售開始時刻·,屬於表 示結束販賣商品之時刻之資料的銷售結束時刻;表示評論 家或購買商品的使用者之商品評價件數之資料的檢閱 (review)件數;及屬於表示其評價之平均之資料的檢閱平 均等。 接著’參照第7圖,說明藉由執行程式之應用程式伺 服器20所實現之功能的構成。 藉由由應用程式伺服器2 0執行程式,來實現描述語 言儲放部8 1、編輯執行頁面資料產生部82、通訊控制部 83、頁面記述資料取得部84、編輯對象資料產生部85、 及頁面記述資料產生部86。 描述語言儲放部8 1係儲放供編輯編輯對象頁面之用 的描述語言,換言之,供在店家終端裝置23中編輯編輯 對象資料之用的描述語言。例如,描述語言儲放部8 1係 儲放Java描述語言等供編輯之用的描述語言。描述語言 儲放部81係將所儲放的描述語言供給至編輯執行頁面資 料產生部82。 編輯執行頁面資料產生部8 2係產生編輯執行頁面的 資料。具體而言’編輯執行頁面資料產生部82係由描述 語言儲放部81中取得供編輯之用的描述語言,產生包含 所取得之描述語s的W e b頁面的資料。 -28- 200910186 通訊控制部8 3係藉由控制通訊部3 7,經由網路1 8 來控制通訊。通訊控制部83係包含送訊控制部9 1及收訊 控制部92。 送訊控制部9 1係控制通訊部3 7,經由網路1 8,來控 制對於其他機器處傳送各種資料。收訊控制部92係控制 通訊部3 7 ’經由網路i 8,控制由其他機器傳送而來的各 種資料的接收。 頁面記述資料取得部84係經由網路1 8而由W e b頁 面資料庫1 7中取得作爲編輯對象的編輯對象頁面的頁面 記述資料。亦即,例如’頁面記述資料取得部8 4係使送 訊控制部9 1經由網路1 8而對Web頁面資料庫1 7請求頁 面記述資料。接著’頁面記述資料取得部84係使收訊控 制部9 2接收由W e b頁面資料庫1 7經由網路1 8所傳送而 來的頁面記述資料’取得所接收到的頁面記述資料。 頁面記述資料取得部84係將所取得的頁面記述資料 供給至編輯對象資料產生部85。 編輯對象資料產生部8 5係由頁面記述資料產生編輯 對象資料。 例如’編輯對象資料產生部85係由如第4圖所示之 表示Web頁面之網址與構成要素的頁面記述資料,產生 以下所說明之第8圖所τκ的編輯對象資料。 第8圖係顯不由編輯對象資料產生部8 5所產生的編 輯對象資料的具體例圖。 編輯對象資料係由分別表示1個構成要素的設計部 -29- 200910186 件、及與設計部件相對應的本體資料所構成。本體資料係 • 視需要而形成爲階層構造。 • 例如’在屬於店家介紹文的構成要素係對應有店家介 . 紹文文字資料作爲本體資料。在屬於評論的構成要素係對 • 應有評論文字資料作爲本體資料。 與屬於改行資料的構成要素相對應的本體資料係爲 空。 在屬於推薦商品的構成要素係對應有推薦商品文字資 料作爲本體資料。在推薦商品文字資料中係使彼此產生關 係的錨文字1、畫像資料、及連結資料1 ;彼此產生關係 的錨文字2及連結資料2 ;彼此產生關係的錨文字3及連 結資料3產生關係而作爲下位階層的資料。 在作爲最新禮品商品的構成要素係對應有最新禮品商 品文字資料作爲本體資料。在最新禮品商品文字資料中係 使彼此產生關係的錨文字1 1及連結資料1 1 ;彼此產生關 係的錨文字1 2及連結資料1 2 ;彼此產生關係的錨文字1 3 及連結資料1 3產生關係而作爲下位階層的資料。 編輯對象資料係如上所示予以構造化,因此即使在將 設計部件的一部分或本體資料的一部分予以變更的情形 下’亦無須變更編輯對象資料整體,而可僅變更成爲其變 更對象的部分,而可更爲簡單且更爲迅速地予以變更。 其中,在編輯對象資料係包含有別於第8圖中的設計 部件’而另外包含有作爲在Web頁面所追加之構成要素 之候補的設計部件的一覽。 -30- 200910186 返回第7圖,頁面記述資料產生部8 6係從由店家終 端裝置2 3所傳送而來之經編輯(已完成編輯)的編輯對象 資料中產生頁面記述資料。在頁面記述資料產生部86 中,所產生的頁面記述資料係被傳送至Web頁面資料庫 1 7且予以儲放。 接著’參照第9圖,說明藉由執行包含描述語言之程 式的店家終端裝置23所實現的功能的構成。 由店家終端裝置23執行程式,藉此實現通訊控制部 1 2 1、瀏覽器1 22、描述語言執行部1 23 '編輯對象資料取 得部1 24、編輯對象資料儲放部1 25、及編輯部1 26。 其中,藉由執行預先安裝在店家終端裝置23的程 式,來實現通訊控制部1 2 1、瀏覽器1 22、及描述語言執 行部1 2 3。 通訊控制部1 2 1係藉由控制通訊部5 9,經由網路1 4 而控制通訊。通訊控制部1 2 1係包含送訊控制部1 3 1及收 訊控制部1 3 2。 送訊控制部1 3 1係控制通訊部5 9 ’且對於經由網路 1 4傳送各種資料至其他機器處進行控制。收訊控制部1 3 2 係控制通訊部5 9,且對於經由網路1 4接收由其他機器傳 送而來的各種資料進行控制。 瀏覽器1 2 2係藉由由W e b伺服器1 9所提供的W e b頁 面的資料,而使Web頁面顯示。例如,瀏覽器1 22係藉 由屬於用以編輯Web頁面之Web頁面的編輯執行頁面的 資料來使編輯執行頁面顯示。 -31 - 200910186 描述語言執行部1 2 3係執行由Web伺服器1 9所提供 之Web頁面的資料所包含的Java描述語言等描述語言。 例如,描述語言執行部1 23係執行編輯執行頁面的資料所 包含的描述i吾固。 編輯對象資料取得部124、編輯對象資料儲放部 125、及編輯部K6係藉由執行由描述語言執行部123所 進行之編輯執行頁面之資料所包含的描述語言而予以實 現。 編輯對象資料取得部1 2 4係經由網路1 4,由市場提 供業者取得編輯對象資料。編輯對象資料取得部1 24係使 通訊控制部1 2 1的送訊控制部1 3 1,經由網路1 4,對W e b 伺服器1 9處請求編輯對象資料。此時,連同編輯對象資 料的請求’店家的會員ID (亦即店家ID)經由網路1 4而被 傳送至Web伺服器19。 由於以與經傳送的店家的會員ID爲相同的店家id所 特定的W e b頁面的編輯對象資料係由w e b伺服器1 9傳送 而來’因此編輯對象資料取得部i 24係使通訊控制部1 2 i 的收訊控制部1 3 2,接收經由網路丨4所傳送而來的編輯 對象資料。編輯對象資料取得部】24係取得由通訊控制部 1 2 1的收訊控制部1 3 2所接收到的編輯對象資料。編輯對 象資料取得部1 24係將所取得的編輯對象資料供給至編輯 對象資料儲放部125。 編輯對象資料儲放部125係將由編輯對象資料取得部 124所供給的編輯對象資料儲放在記憶部58之記憶區域 -32- 200910186 之中所管理的記憶區域。 編輯部1 2 6係藉由編輯由編輯對象資料儲放部1 2 5所 儲放的編輯對象資料,來編輯屬於編輯對象之Web頁面 的編輯對象頁面。 編輯部1 2 6係包含·檢索部1 4 1、設計部件讀出部 1 4 2、顯示物件產生部1 4 3、編輯物件產生變更部1 44、顯 示區顯示控制部145、編輯區顯示控制部146、追加準備 區顯示控制部147、預覽畫像顯示控制部148、重新排列 部1 49、屬性變更部1 50、刪除部1 5 1、及追加部1 52。 檢索部1 4 1係檢索所販賣商品的頁面,或檢索介紹商 品的頁面(資訊頁面)。設計部件讀出部1 42係從由編輯對 象資料儲放部1 25所儲放的編輯對象資料中,讀出編輯對 象資料所包含之作爲Web頁面所追加之構成要素之候補 的設計部件的一覽。 顯示物件產生部143係從由編輯對象資料儲放部125 所儲放的編輯對象資料中產生表示Web頁面之構成要素 的顯示物件。亦即,顯示物件產生部;! 4 3係從編輯對象資 料所包含的設計部件的各個及與各個設計部件相對應的本 體資料中產生顯不物件。例如’當顯示物件顯示在畫面時 所顯示的顯示物件的名稱係設定爲設計部件的名稱。 如上所示,顯示物件產生部1 43係從編輯對象資料中 產生表示用以藉由行動電話機n予以閲覽之web頁面之 構成要素的顯示物件。換言之,顯示物件產生部丨4 3係當 藉由行動電話機1 1閲覽Web頁面時,由編輯對象資料中 -33- 200910186 產生表示藉由 CHTML(Compact HyperText Markup Language,精簡式超文件標不語言)、MML(Mobile Markup Language,移動電話標示語言)' HDML(Handheld DeviceMarkup Language ,手持標示語言)、或 XHTML(Extensible HyperText Markup Language,可延伸 超文件標示語言)等標示語言所記述的構成要素的顯示物 件。 編輯物件產生變更部144係從由編輯對象資料儲放部 1 25所儲放的編輯對象資料中,產生用以變更以顯示物件 所表示之構成要素之屬性的編輯物件。例如,編輯物件產 生變更部1 44係由編輯對象資料所包含的本體資料中產生 編輯物件。例如,更具體而言,編輯物件產生變更部1 4 4 係針對推薦商品的顯示物件,產生由用以編輯推薦商品文 字資料的欄位(field)、用以變更錨文字及連結資料之數量 的單選按鍵(Radio Button)等所構成的編輯物件。 顯不區顯不控制部1 4 5係控制編輯執行頁面中供配置 顯不物件之顯τκ區的顯不。更詳而言之,顯示區顯示控制 部145係藉由編輯ϊ彳象資料,在顯不區,表示web百面 之構成要素的顯示物件以依Web頁面上之構成要素之配 置順序予以顯示的方式控制顯示。 編輯區顯不控制部1 4 6係控制編輯執行頁面中供配置 顯示物件及編輯物件之編輯區的顯示。更詳而言之,編輯 區顯不控制部1 4 6係當在編輯區配置有顯示物件時,以在 編輯區連同顯示物件一起顯示用以變更以該顯示物件所表 -34- 200910186 不之構成要素之屬性的編輯物件的方式控制顯示。 追加準備區顯示控制部1 4 7係控制在編輯執行頁面 中’供配置Web頁面所追加之構成要素之候補之追加準 備區的顯示。追加準備區顯示控制部147係以在顯示畫面 的追加準備區顯示Web頁面所追加之構成要素之候補的 方式控制顯示。 預覽畫像顯示控制部1 4 8係控制在編輯執行頁面中供 顯示編輯中之Web頁面,亦即反映出編輯中之操作之 Web頁面的預覽區的顯示。換言之,預覽畫像顯示控制部 1 4 8係在顯示畫面的預覽區,以顯示利用以顯示區所顯示 之顯示物件所表示之構成要素予以記述之Web頁面之所 謂預覽畫像的方式控制顯示。 此外,預覽畫像顯示控制部1 48係當選擇用以確認頁 面的預覽的指令時,即顯示預覽畫像的畫面。 預覽畫像顯示控制部148係模擬(Emulate)行動電話 機Π的瀏覽器,以由記述構成要素的編輯對象資料中顯 示預覽畫像的方式控制顯示。 其中,此時,依行動電話線路提供業者的不同,所顯 示圖示(符號)亦會有所不同,但是當未特別選擇由行動電 話線路提供業者所提供的圖示(符號)時,預覽畫像顯示控 制部148係以藉由由預先選擇的預定的行動電話線路提供 業者所提供的圖示(符號)顯示預覽畫像的方式控制顯示。 重新排列部1 49係按照依編輯物件的操作所得之指 示,重新排列配置在顯示區的顯示物件、或配置在編輯區 -35- 200910186 的顯示物件。此外,重新排列部14 9係依照配置在顯示區 的顯示物件的排列順序,重新排列編輯對象資料中的構成 要素。 屬性變更部1 5 0係在用以變更以顯示物件所表示之構 成要素之屬性的編輯物件被操作時’即變更編輯對象資料 中之構成要素的屬性。 例如,參照第2 3圖容後詳述內容,屬性變更部1 5 0 係在屬於用以輸入標題的欄位(field)、及用以選擇最大顯 示件數的單選按鍵的編輯物件中’當在欄位輸入新的標題 時,即在以顯示物件所表示的構成要素的屬性中,將屬於 標題的屬性變更爲該新的標題。 例如,屬性變更部1 5 0係在屬於用以輸入標題的欄 位、及用以選擇最大顯示件數的單選按鍵的編輯物件中, 將最大顯示件數設爲5的單選按鍵設爲有效(active)時, 在以顯示物件所表示之構成要素之屬性中,將屬於最大顯 示件數的屬性變更爲5。 刪除部1 5 1係當用以刪除以顯示物件所表示之構成要 素的編輯物件被操作時,即由編輯對象資料中刪除以顯示 物件所表示之構成要素。此外,刪除部151係當用以刪除 以顯示物件所表示之構成要素的編輯物件被操作時,即刪 除顯示物件。 追加部152係當顯不物件由編輯區被拖放(drag-and-drop)在顯 示區時 ,即 在編輯 對象資 料追加 以顯示 物件所 表示的構成要素。 -36- 200910186 第1 〇圖係顯示編輯執行頁面之畫像之例圖。其中, 在第1 0圖中’以四角包圍的數字係表示基本操作的順 序,不會顯不於畫面。 在畫像的左側,亦即在編輯執行頁面的左側係顯示有 選單。此外’在畫像的中央,亦即在編輯執行頁面的中央 係設有顯示區。 在顯示區’係依照編輯對象資料上之構成要素的配置 順序配置表示屬於作爲編輯對象之Web頁面之編輯對象 頁面之構成要素的顯示物件。 在畫像中央的顯示區的下側係設有編輯區。在編輯 區’當配置有顯示物件時,係配置用以變更以顯示物件所 表示之構成要素之屬性的編輯物件。 此外,在畫像中央的編輯區的下側設有追加準備區。 在追加準備區配置有在Web頁面所追加之構成要素的候 補。 此外,在顯示區與編輯區之間,係配置有用以指示傳 送經編輯(已完成編輯)之編輯對象資料的按鍵。例如,在 用以指示傳送編輯對象資料的按鍵係顯示“正式反映”等 文字。 在畫像的右側設有預覽區。在預覽區係顯示有利用由 顯示在顯示區之顯示物件所表示之構成要素予以記述的 Web頁面。顯示在預覽區的Web頁面係所謂的預覽畫 像。當顯示區與編輯區之間之用以指示傳送編輯對象資料 的按鍵被點選時,與此時顯示於預覽區的預覽畫像相同的 -37- 200910186 畫像會顯示在於經編輯之w e b頁面進行存取的 機1 1。 如第10圖中以四角包圍的數字所示,第】 單選擇編輯的內容及對象,第2,在追加準備區 頁面所追加之構成要素之候補。藉由操作用以指 備區之追加的物件,在編輯區追加所希望的構成 該時間點,編輯區的構成要素並未在編輯對象資 追加。 第3,在編輯區,連同表示構成要素的顯示 編輯物件,俾以變更構成要素的屬性。藉φ f喿 件,來變更構成要素的屬性。 第4 >藉由在顯不區拖放編輯區所顯示的顯 可使編輯區的顯不物件在顯不區移動。在顯示區 示物件,而非顯示編輯物件。其中,用以刪除或 的編fe物件係顯不在顯不區。 以在顯示區移動的顯示物件所表示的構成要 輯對象資料中予以追加。此時,以在顯示區移動 件所表示的構成要素、與以其他顯示物件所表示 素的位置關係係與該顯示物件與其他顯示物件的 關係相同。 亦即’例如,當在顯示區移動的顯示物件被 爲下方的位置時,以所移動之顯示物件所表示的 係相對於其他構成要素被配置在最爲下方的位置 當在顯示區移動的顯示物件被配置在預定的其他 行動電話 ,藉由選 顯示 We b 示追加準 要素。在 料中予以 物件顯示 作編輯物 示物件, 係顯示顯 變更順序 素係在編 的顯示物 的構成要 相對位置 配置在最 構成要素 。例如, 顯示物件 -38- 200910186 的正上方的位置時,以所移動之顯示物件所表示的構成要 素係被配置在以預定的其他顯示物件所表示的構成要素的 正上方。 在顯示區中,當供刪除之用的編輯物件被操作時,即 刪除顯示物件,並且從編輯對象資料中刪除以該顯示物件 所表示的構成要素。當供變更順序之用的編輯物件被操作 時,即變更顯示區中之顯示物件的順序,且按照經變更之 顯示物件的順序,來變更編輯對象資料中之構成要素的順 序。 如上所示,依照顯示區中之顯示物件的順序,在編輯 對象資料中配置構成要素。 第5,在預覽區顯示與經編輯的編輯對象資料相對應 的Web頁面。 亦即,當在顯示區中使顯示物件移動,或由顯示區刪 除顯示物件時,即將與該顯示物件的移動或刪除相對應的 Web頁面立即地顯示於預覽區。 接著,第6,當供指不經編輯(已完成編輯)的編輯對 象資料的傳送之用的按鍵被點選時,即將編輯對象資料傳 送至Web伺服器19,且按照編輯對象資料來更新web頁 面。 第1 1圖係顯示W e b頁面之編輯流程之例圖。成爲編 輯對象的編輯對象頁面係:網站的首頁,亦即屬於以該網 站之網址所讀出之頁面的首頁、登載有商品相關資訊的資 訊頁面、屬於用以販賣商品的頁面的商品頁面。 -39- 200910186 藉由操作第1 〇圖左側的選單,選擇首頁的編輯、資 訊頁面的一覽、或全頁面色彩的指定的任一者。 當由選單選擇供確認頁面之用之預覽的指令(在第10 圖並未圖示)時,顯示首頁的預覽畫像,俾以確認首頁。 此外’當供指示傳送編輯對象資料之用的按鍵(例如第i 0 圖中被命名爲”正式反映”的按鍵)被點選時,即傳送編輯 對象資料,且登錄並更新首頁。 另一方面,當選擇選單中之推薦商品編輯的指令時, 即顯示用以追加供購買推薦商品之用之頁面之連結的推薦 商品登錄的畫面(例如後述的第1 4圖)。接著,當選擇供 確認頁面之用之預覽的指令時,顯示推薦商品的預覽畫像 (例如後述的第2 9圖),俾以確認推薦商品。此外,當用 以指示傳送編輯對象資料的按鍵(例如第1 〇圖中被命名爲 “正式反映”的按鍵)被點選時,即傳送編輯對象資料, 而登錄Web頁面。 當供追加商品相關頁面等對於任意頁面之連結之構成 要素之用的按鍵(例如’後述之第17圖的追加準備區之屬 於編輯物件的“追加”的按鍵)被點選,藉此使在編輯區 所追加的顯示物件於顯示區拖放時,即設定對於任意頁面 之連結。 當選擇資訊頁面之頁面編輯/ 一覽的指令時,即顯示 資訊頁面的一覽。資訊頁面係可藉由各種操作來進行編 輯。接著’當選擇供確認頁面之用之預覽的指令(例如後 述的第1 3圖的選單中所包含的預覽的指令)時,顯示資訊 -40- 200910186 頁面的預覽畫像,俾以確認資訊頁面。此外’當用以指不 傳送編輯對象資料的按鍵被點選時’即傳送編輯對象貧 料,而登錄資訊頁面。 當編輯資訊頁面時,可刪除登錄完畢的資訊頁面’或 在資訊頁面設定畫像。 此外,藉由色彩編輯的指令,可指定網站全部頁面的 顏色。其中,如後所述,可在首頁、資訊頁面、商品頁 面、其他頁面的各頁面中,藉由色彩編輯的指令,來指定 其頁面的顏色。 接著說明店家輸入會員ID(店家ID)及密碼,當由市 場提供業者認證爲正規的店家時所執行之屬於供編輯之用 之Web頁面的編輯執行頁面的顯示處理。 第1 2圖係說明屬於供編輯之用之Web頁面的編輯執 行頁面的顯示處理的流程圖。 其中’參照第12圖的流程圖,說明藉由店家終端裝 置23與應用程式伺服器20所進行之編輯執行頁面之顯示 處理’但是前提是店家終端裝置23與應用程式伺服器20 係經由Web伺服器1 9而進行通訊。 亦即’當店家終端裝置2 3經由網路14而向Web伺 服器1 9請求預定的Web頁面的資料或編輯對象資料時, Web伺服器1 9係經由網路〗8而對應用程式伺服器2〇通 知該請求。應用程式伺服器2〇係產生所請求的預定的 W e b頁面的資料或編輯對象資料,經由網路1 8而將所產 生的預定的Web頁面的資料或編輯對象資料供給至web -41 - 200910186 伺服器19。Web伺服器19係經由網路14而將預定的The composition of the hardware of the web server 15, the application server 16, the web page database 17, the network 18, the web server 19, the member information database 21, and the product database 2 and the application server Since 20 is the same, the description thereof is omitted. Fig. 3 is a block diagram showing a hardware configuration example of the store terminal device 23. In the store terminal device 23, the CPU 51, the ROM 52, and the RAM 53 are connected to each other by the bus bar 54. An input/output interface 55 is additionally connected to the bus bar 54. The input/output interface 55 is connected to an input unit 56 including a keyboard, a mouse, a microphone, etc.; an output unit 57 composed of a display, a speaker, or the like; and a memory composed of a hard disk or a non-volatile memory. a portion 58; a communication portion 59 composed of a network interface; and a driver 60 for driving a removable medium 61 such as a magnetic disk, a optical disk, an optical disk, or a semiconductor memory. In the store terminal device 23 configured as described above, the CPU 5 1 loads the program stored in the memory unit 58 into the RAM 53 via the input/output interface 55 and the bus bar 5, for example, and performs a series of processing to be described later. The program executed by the store terminal device 23 (CPU 51) is, for example, a set of media that is stored on a disk (including a flexible disk), a compact disk (CD-ROM, a DVD, etc.), a magneto-optical disk, or a semiconductor memory. The removable media 61 is provided via a network or a network such as a local area network or the Internet 14 or a wired or wireless transmission medium such as a -22-200910186 satellite broadcast. Then, the program can be stored in the store terminal device 23 by installing the removable medium 61 on the drive 60' via the input/output interface 55 in the memory unit 58. Further, the program can be received by the communication unit 59 via a wired or wireless transmission medium, and stored in the memory unit 5, thereby being installed in the store terminal device 23. In addition, the program can be pre-registered in the store terminal device 23° in the R〇M52 or the memory unit 58 in advance, and then a specific example of the page description data stored in the web page database 17 will be described. Fig. 4 is a diagram showing an example of the page description data stored in the web page database 17. In Fig. 4, an example of a page describing information on one web page is displayed. In the Web page database 17 for each Web page, there is correspondingly stored: the URL of the Web page presented by the URL (Uniform Resource Locator), and the ID of the store belonging to the information of the specific store (identification) ), and the components of the web page. Since the store ID is stored corresponding to each web page, the store that sells the product on its web page can be specified for each web page. The constituent elements of the Web page stored in the Web page database 17 are composed of various components of the design component, the text data, and the pointers. Each part of the design component represents one component of the store's introduction, comment, diversion, recommended product, or latest gift product. -23- 200910186 Here, the change is an example of a component that indicates the layout of a web page. The recommended item or the latest gift item is an example of a component of a collection of elements linked to other web pages. In other words, for example, the recommended product as a component is a set of elements connected to each of the web pages of one or a plurality of recommended products. For example, the latest gift product as a component is a collection of elements linked to a web page of one or a plurality of gifts. The text data is used to display the text displayed on the web page. For example, the introductory text of the store belonging to the text of the store introduction text is used to enable the store that does not display the web page to introduce the information of the τκ. For example, the comment text material belonging to the text of the comment is the material for displaying the comment displayed on the web page. Further, for example, the recommended product text data belonging to the text of the recommended product is used to display the title of the recommended product on the web page. Further, for example, the latest gift product text data belonging to the latest gift product text is used to display the title of the latest gift product on the Web page. In the design parts and recommended product texts of the recommended products, the indicators linked to the recommended product links are arranged to make the design parts and recommended product texts belonging to the recommended products and the recommended product links. For example, the "recommended product link data" is composed of text data indicating the text of each web page of the recommended product, and link information showing the web site of each of the recommended products -24-200910186. More specifically, the recommended product link data is an anchor text 1 to an anchor text 3 of the text of the respective web pages belonging to the recommended products; and a relationship with the anchor text i to the anchor text, belonging to the recommendation The link information 1 to the link data 3 of the link information of the respective websites of the products, and the image data of the product images are included in the recommended product link information. For example, the relationship between the anchor text 1 and the link material 1 is generated, and the image data of the product posted on the web page of the website is included in the recommended product link data. Among them, the relationship between the product and the image data may be generated by means of a pointer or a link. For example, the product link data may be replaced by a web address of a web page in which the image data is arranged. As shown above, the data can be tapped without having to edit the page description data. In the design part and the latest gift information of the latest gift product, the design item and the latest gift product text of the latest gift product are linked to the latest gift product link information. For example, the latest gift product text data is a text file of the text of the web page of each of the products of the product to be used as the link of the web page of each of the products of the gift. The net of each page of the anchored character word 3 is used to indicate that the recommended picture is displayed in the form of a continuous image, and the index of the product is easily changed in the URL of the recommender, so that the word data, the name is a gift, and the message is indicated. -25 - 200910186 More specifically, the product as a gift is: an anchor text 11 to an anchor text 13 belonging to a text material for explaining a text of a web page of a product as a gift; and an anchor text 13 to Each of the anchor characters 13 has a relationship of a link data 1 to a link data 13 that represent the link data of the web pages of the respective products of the gift. In addition, the latest gift product link information includes image data indicating the image of the product as a gift. As described above, since the page description data is structured, even when a part of the web page is changed, it is not necessary to change the entire web page, and it is only necessary to change the necessary components. Then, the specific example of the information (record) stored in the member information database 21 and belonging to the member of the registered store and the user, and the information (record) of the product stored in the product database 2 2 The specific examples are explained. Figure 5 is a diagram showing an example of the information (records) of members who are stored in the member information database. In the member information database 2 1 is a member ID (identification) belonging to the information for a specific member, a password for authenticating the member, a member name, a postal code number corresponding to the member address, an address, and a member's telephone number. , the member's email address, the date of birth of the member (limited to members who belong to the natural person), the gender of the member (limited to members who belong to the natural person), the credit card number of the member's credit card number, the credit card expiration date for the validity period of the member's credit card, and The member's nickname comes as a member's capital. Fig. 6 is a diagram showing an example of the information stored in the product database 2 (recorded in -26-200910186). In the product database 22, a product name indicating the name of the product (name), a store ID belonging to the material of the store for which the product is sold, and a store for specifying the store id by the store id are specified. The member ID of the member who has the authority of the Web page, the product ID belonging to the material for the specific product, the product price belonging to the material indicating the price of the product, and the product description text belonging to the article material for explaining the product. In the example shown in Fig. 6, 'for one store id, two member IDs are stored. At this time, each member specified by each member ID can edit the web page of the store designated by the store ID. Where 'can also store any number of member IDs for 1 store ID'. Each member of any number of members specified by each member ID can edit the w e b page of the store that is specified by the store ID. In addition, in the product database 2 2, the product page URL indicating the information on the page of the product of the product, the product image indicating whether or not the product image is present, and the flag are displayed, and the product image is displayed when the product image is displayed. The product image page URL of the page URL information. In addition, in the product database 22, a vendable flag indicating whether or not there is inventory of goods in the store is stored. In other words, the saleable flag indicates whether goods can be sold. In addition, in the product database 22, there are stored consumption tax flags indicating so-called tax-included or non-taxable, a freight flag indicating whether additional freight is required, and a usable credit card flag indicating whether credit card payment can be made. In addition, in addition, in the product database 22, there is a flag for the store that indicates whether the store of the vendor -27-200910186 is praised as a good store, and is affiliated with the affiliate store (affUiate). The affiliate sales utilization rate of the information on the interest rate of the remuneration of the commodity price; the sales start time of the information indicating the time when the commodity is started to be sold, the sales end time indicating the information indicating the time of ending the sale of the merchandise; The number of reviews of the product evaluation number of the user who purchased the product; and the review average of the data indicating the average of the evaluation. Next, the configuration of the function realized by the application server 20 executing the program will be described with reference to Fig. 7. The description language storage unit 8 1 , the edit execution page data generation unit 82 , the communication control unit 83 , the page description data acquisition unit 84 , the edit target data generation unit 85 , and the execution program are executed by the application server 20 . The page description data generating unit 86. The description language storage unit 8 1 is a description language for storing an edit target page, in other words, a description language for editing the edit target data in the store terminal device 23. For example, the description language storage unit 8 1 is a description language for storing a Java description language or the like for editing. The description language storage unit 81 supplies the stored description language to the edit execution page data generation unit 82. The edit execution page data generation unit 8 2 generates data for editing the execution page. Specifically, the edit execution page data generation unit 82 acquires a description language for editing by the description language storage unit 81, and generates data of the Web page including the obtained descriptor s. -28- 200910186 The communication control unit 8 3 controls the communication via the network 1 8 via the control communication unit 3 7 . The communication control unit 83 includes a transmission control unit 91 and a reception control unit 92. The transmission control unit 9 1 controls the communication unit 3 to control the transmission of various materials to other devices via the network 18. The reception control unit 92 controls the communication unit 37' to control the reception of various materials transmitted from other devices via the network i8. The page description material acquisition unit 84 acquires the page description material of the editing target page to be edited by the Web page database 17 via the network 18. In other words, for example, the page description data acquisition unit 84 causes the transmission control unit 91 to request page description data from the web page database 17 via the network 18. Next, the page description data acquisition unit 84 causes the reception control unit 92 to receive the page description data transmitted by the Web page database 17 via the network 1 8 to acquire the received page description data. The page description material acquisition unit 84 supplies the acquired page description data to the editing target data generation unit 85. The edit target data generation unit 8 5 generates edit target data from the page description data. For example, the editing target data generating unit 85 generates the editing target data of τκ in Fig. 8 described below by the page description data indicating the URL of the Web page and the constituent elements as shown in Fig. 4 . Fig. 8 is a view showing a specific example of the edit target data which is not generated by the edit target data generating unit 85. The editing target data is composed of design parts -29-200910186 which respectively represent one component, and main body data corresponding to the design part. Ontology data system • Formed as a hierarchical structure as needed. • For example, 'the constituent elements of the introductory text belonging to the store are corresponding to the store. The text of the text is used as the ontology material. The constituent elements belonging to the comment are paired • There should be a commentary text as the ontology material. The ontology data corresponding to the constituent elements belonging to the changed materials is empty. The constituent elements belonging to the recommended product correspond to the recommended product text data as the ontology data. In the recommended product text data, the anchor text 1, the image data, and the link data 1 that have a relationship with each other; the anchor text 2 and the link data 2 that have a relationship with each other; and the anchor text 3 and the link data 3 that have a relationship with each other are related to each other; As a material of the lower class. As a component of the latest gift product, the latest gift product text data is used as the main body material. In the latest gift product text data, the anchor character 1 1 and the link data 1 1 which have a relationship with each other; the anchor character 1 2 and the link data 1 2 which have a relationship with each other; the anchor character 1 3 and the link material 1 3 which have a relationship with each other; The relationship is generated as the material of the lower class. Since the editing target data is structured as described above, even when a part of the design component or a part of the body material is changed, it is not necessary to change the entire editing target data, and only the part to be changed can be changed. It can be changed more easily and more quickly. Here, the editing target data includes a design component that is different from the design component in Fig. 8 and includes a design component that is a candidate for a component added to the web page. -30- 200910186 Returning to Fig. 7, the page description data generating unit 8 6 generates page description data from the edited object data edited (completed editing) transmitted from the store terminal device 23. In the page description data generating unit 86, the generated page description data is transmitted to the Web page database 17 and stored. Next, with reference to Fig. 9, a configuration of a function realized by executing the store terminal device 23 including the program of the description language will be described. The program is executed by the store terminal device 23, thereby realizing the communication control unit 1 21, the browser 1 22, the description language execution unit 1 23 'the editing target data acquisition unit 14 24, the editing target data storage unit 125, and the editing unit. 1 26. Here, the communication control unit 1 21, the browser 1 22, and the description language execution unit 1 2 3 are realized by executing the program previously installed in the store terminal device 23. The communication control unit 1 2 1 controls communication via the network 14 by controlling the communication unit 55. The communication control unit 1 2 1 includes a transmission control unit 1 31 and a reception control unit 132. The transmission control unit 1 31 controls the communication unit 5 9 ' and controls the transmission of various materials to other devices via the network 14. The reception control unit 1 3 2 controls the communication unit 5 9 and controls the reception of various materials transmitted from other devices via the network 14. The browser 1 2 2 displays the web page by the data of the Web page provided by the WEB server 19. For example, the browser 1 22 causes the edit execution page to be displayed by the material of the edit execution page belonging to the web page for editing the web page. -31 - 200910186 The description language execution unit 1 2 3 executes a description language such as a Java description language included in the material of the Web page provided by the Web server 19. For example, the description language execution unit 1 23 is a description included in the material for executing the editing execution page. The edit target data acquisition unit 124, the edit target data storage unit 125, and the editing unit K6 are realized by executing the description language included in the material of the edit execution page by the description language execution unit 123. The edit target data acquisition unit 1 2 4 acquires the edit target data from the market provider via the network 14. The edit target data acquisition unit 1 24 causes the communication control unit 133 of the communication control unit 1 21 to request the edit target data from the WE b server 19 via the network 14. At this time, the member ID of the store (i.e., the store ID) is transmitted to the web server 19 via the network 14 together with the request to edit the target material. The editing target data of the Web page specified by the same store ID as the member ID of the transmitted store is transmitted from the web server 19, so the editing target data acquiring unit 24 causes the communication control unit 1 to The reception control unit 1 32 of 2 i receives the editing target data transmitted via the network port 4. The editing target data acquisition unit 24 acquires the editing target data received by the reception control unit 133 of the communication control unit 1 2 1 . The edit target data acquisition unit 1 24 supplies the acquired edit target data to the edit target material storage unit 125. The edit target data storage unit 125 stores the edit target data supplied from the edit target data acquisition unit 124 in the memory area managed by the memory area -32 - 200910186 of the storage unit 58. The editing unit 1 2 6 edits the editing target page of the Web page belonging to the editing target by editing the editing target material stored in the editing target material storage unit 1 2 5 . Editing unit 1 2 6-based inclusion/search unit 1 4 1 , design component reading unit 1 4 2, display object generating unit 1 4 3, editing object generation changing unit 1 44, display area display control unit 145, editing area display control The portion 146, the additional preparation area display control unit 147, the preview image display control unit 148, the rearrangement unit 194, the attribute changing unit 150, the deletion unit 151, and the additional unit 152. The search unit 1 4 1 searches for a page of the goods to be sold, or searches for a page (information page) for introducing the product. The design component reading unit 1 42 reads out a list of design components that are candidates for the component added to the Web page included in the editing target data from the editing target data stored in the editing target data storage unit 125. . The display object generation unit 143 generates a display object indicating the constituent elements of the Web page from the editing target material stored in the editing target material storage unit 125. That is, the display object generating unit; 4 3 generates a display object from each of the design components included in the editing target material and the body data corresponding to each of the design components. For example, the name of the display object displayed when the display object is displayed on the screen is set to the name of the design part. As described above, the display object generating unit 143 generates a display object indicating the constituent elements of the web page to be viewed by the mobile phone n from the editing target material. In other words, when the web page is viewed by the mobile phone 1 1 , the display object generating unit 产生 3 3 is generated by the editing object data -33- 200910186 by CHTML (Compact HyperText Markup Language). Display of components described in a markup language such as MML (Mobile Markup Language) HDML (Handheld Device Markup Language) or XHTML (Extensible HyperText Markup Language) object. The edited object generation change unit 144 generates an edited object for changing the attribute of the constituent element indicated by the display object from the edit target data stored in the edit target data storage unit 156. For example, the edit object creation change unit 1 44 creates an edit object from the ontology data included in the edit target data. For example, more specifically, the edited object generation change unit 14 4 displays a field for the recommended product text, a field for editing the recommended product text, and a number for changing the anchor text and the linked material. An edit object composed of a radio button or the like. The display area of the display unit is displayed in the control editing page. More specifically, the display area display control unit 145 displays the display elements of the constituent elements of the web page in the display order of the constituent elements on the web page by editing the image data in the display area. Mode control display. The editing area display control unit 1 4 6 controls the display of the edit area of the display object and the edit object in the edit edit execution page. More specifically, the editing area display control unit 1 4 6 is displayed when the display area is arranged in the editing area, and is displayed together with the display object in the editing area for changing the display object to be displayed -34- 200910186 The mode of editing the object that constitutes the attribute of the element controls the display. The additional preparation area display control unit 1 4 7 controls the display of the additional preparation area of the candidate for the component to be added to the layout web page in the editing execution page. The additional preparation area display control unit 147 controls the display so as to display the candidate of the component added to the web page in the additional preparation area of the display screen. The preview image display control unit 1 8 8 controls the display of the preview page in the edit execution page for displaying the edited web page, that is, the preview area of the web page reflecting the operation during editing. In other words, the preview image display control unit 148 is displayed in the preview area of the display screen to display a so-called preview image of the web page described by the constituent elements indicated by the display object displayed in the display area. Further, the preview image display control unit 1 48 is a screen for displaying a preview image when an instruction for confirming the preview of the page is selected. The preview image display control unit 148 is a browser for emulating a mobile phone, and controls display by displaying a preview image in the editing target data in which the components are described. At this time, depending on the mobile phone line provider, the displayed icon (symbol) may be different, but when the icon (symbol) provided by the mobile phone line provider is not specifically selected, the preview image is displayed. The display control unit 148 controls the display so as to display a preview image by a pictogram (symbol) provided by a predetermined mobile phone line provider. The rearrangement unit 1 49 rearranges the display objects arranged in the display area or the display objects arranged in the editing area -35-200910186 in accordance with the instructions obtained by the operation of editing the object. Further, the rearrangement unit 14 rearranges the constituent elements in the edit target material in accordance with the arrangement order of the display objects arranged in the display area. The attribute changing unit 150 changes the attribute of the component in the editing target data when the editing object for changing the attribute of the constituent element indicated by the display object is operated. For example, referring to the details of the second drawing, the attribute changing unit 150 is in the edit object belonging to the field for inputting the title and the radio button for selecting the maximum number of displays. When a new title is input in the field, that is, in the attribute of the component indicated by the display object, the attribute belonging to the title is changed to the new title. For example, the attribute changing unit 150 sets a radio button having a maximum number of displays of 5 in an edit object belonging to a field for inputting a title and a radio button for selecting the maximum number of displays. In the case of active, the attribute belonging to the maximum number of displays is changed to 5 in the attribute of the component indicated by the display object. The deleting unit 1 1 1 is deleted when the editing object for deleting the constituent elements indicated by the object is displayed, and is deleted from the editing target material to display the constituent elements indicated by the object. Further, the deletion unit 151 deletes the display object when the edit object for deleting the constituent elements indicated by the display object is operated. The adding unit 152 adds the object to be edited to display the component indicated by the object when the display object is drag-and-droped in the display area. -36- 200910186 The first diagram shows an example of an image of the edit execution page. Here, in the figure 10, the numbers enclosed by four corners indicate the order of the basic operations, and are not displayed on the screen. On the left side of the portrait, that is, on the left side of the edit execution page, a menu is displayed. In addition, a display area is provided in the center of the portrait, that is, in the center of the editing execution page. In the display area, the display items indicating the constituent elements of the edit target page belonging to the Web page to be edited are arranged in the order in which the constituent elements on the edit target data are arranged. An editing area is provided on the lower side of the display area in the center of the portrait. When the display object is arranged in the editing area, an editing object for changing the attribute of the constituent element indicated by the object is arranged. Further, an additional preparation area is provided on the lower side of the editing area in the center of the portrait. The candidate for the component added to the web page is placed in the additional preparation area. Further, between the display area and the editing area, a button for indicating the transfer of the edited object data of the edited (completed edit) is configured. For example, a button for instructing the transfer of the edit target data displays a text such as "formal reflection". There is a preview area on the right side of the portrait. In the preview area, a web page in which the constituent elements indicated by the display objects displayed in the display area are described is displayed. The web page displayed in the preview area is a so-called preview image. When the button between the display area and the editing area for instructing the transfer of the editing object data is clicked, the same image as the preview image displayed in the preview area at this time is displayed on the edited web page. Take the machine 1 1. As shown by the numbers surrounded by the four corners in Fig. 10, the contents and objects of the first selection edit are selected, and the candidates of the constituent elements added to the additional preparation area page are added. By operating the object to be added to the preparation area, the desired configuration is added to the editing area. At this point in time, the constituent elements of the editing area are not added to the editing target. Third, in the editing area, together with the display of the constituent elements, the editing object, 俾 to change the attributes of the constituent elements. Use φ f喿 to change the attributes of the constituent elements. The 4th > can cause the display object of the editing area to move in the display area by displaying the display displayed in the display area of the display area. Display objects in the display area instead of displaying edit objects. Among them, the items used to delete or edited are not in the obvious area. It is added to the constituent object data indicated by the display object moving in the display area. At this time, the relationship between the constituent elements indicated by the moving parts in the display area and the expressions indicated by the other display objects is the same as the relationship between the display object and the other display objects. That is, for example, when the display object moving in the display area is at the lower position, the display indicated by the displayed display object is placed at the lowest position relative to the other constituent elements when the display is moved in the display area. The object is placed on a predetermined other mobile phone, and the candidate element is added by selecting Web. The object is displayed as an edit object in the material, and the display order is changed. The structure of the display object in the series is placed at the relative position. For example, when the position directly above the object -38-200910186 is displayed, the constituent elements indicated by the displayed display object are placed directly above the constituent elements indicated by the predetermined other display objects. In the display area, when the edit object for deletion is operated, the display object is deleted, and the constituent elements indicated by the display object are deleted from the edit target material. When the edit object for the change order is operated, the order of the displayed objects in the display area is changed, and the order of the constituent elements in the edit target data is changed in accordance with the order of the changed display objects. As shown above, the constituent elements are arranged in the edit object data in accordance with the order in which the objects are displayed in the display area. Fifth, a web page corresponding to the edited edited object data is displayed in the preview area. That is, when the display object is moved in the display area, or the display object is deleted by the display area, the web page corresponding to the movement or deletion of the display object is immediately displayed in the preview area. Next, in the sixth, when the button for transmitting the edit target data without being edited (completed editing) is clicked, the edit target data is transferred to the web server 19, and the web is updated according to the edit target data. page. Figure 11 shows an example of the editing process of the Web page. The editing target page to be edited is the home page of the website, that is, the home page of the page read by the website of the website, the information page on which the product related information is posted, and the product page belonging to the page for selling the product. -39- 200910186 Select one of the editing of the first page, the list of information pages, or the designation of the full page color by operating the menu on the left side of the first drawing. When the command for previewing the confirmation page is selected by the menu (not shown in Fig. 10), the preview image of the top page is displayed, and the first page is confirmed. In addition, when the button for instructing the transfer of the edit target data (for example, the button designated as "formally reflected" in the i0 map) is clicked, the edit target data is transmitted, and the home page is registered and updated. On the other hand, when the command for editing the recommended product in the menu is selected, the screen for the recommended product registration for adding the link for the purchase of the recommended product is displayed (for example, Fig. 14 to be described later). Next, when an instruction for confirming the use of the page is selected, a preview image of the recommended product (for example, Fig. 2, which will be described later) is displayed, and the recommended product is confirmed. Further, when a button for instructing transfer of an edit target material (for example, a button named "official reflection" in Fig. 1) is clicked, the edit target data is transmitted, and the web page is registered. When a button for a component to be linked to an arbitrary product, such as a button for adding an item (for example, a "addition" to the edited object in the additional preparation area of FIG. 17 to be described later), is clicked, When the display object added in the editing area is dragged and dropped in the display area, the link to any page is set. When the page edit/list command of the information page is selected, a list of information pages is displayed. Information pages can be edited by various operations. Then, when an instruction for confirming the use of the page (for example, a preview command included in the menu of Fig. 3 described later) is selected, a preview image of the information -40-200910186 page is displayed, and the information page is confirmed. In addition, when the button for not transmitting the edit target data is clicked, the edit object is transmitted, and the information page is registered. When editing an information page, you can delete the registered information page or set the image on the information page. In addition, the color editing instructions allow you to specify the color of all pages of the website. Here, as will be described later, the color of the page can be specified by the color editing command on each page of the home page, the information page, the product page, and other pages. Next, the store enters the member ID (store ID) and password, and the display processing of the edit execution page of the web page for editing, which is executed when the market provider authenticates to the regular store. Fig. 12 is a flow chart showing the display processing of the edit execution page belonging to the web page for editing. Here, the display processing of the editing execution page by the store terminal device 23 and the application server 20 will be described with reference to the flowchart of Fig. 12, but the premise that the store terminal device 23 and the application server 20 are via the Web server. Communicator 1 9 communicates. That is, when the store terminal device 2 3 requests the web server 19 for the predetermined web page data or the editing target data via the network 14, the web server 19 accesses the application server via the network 〖8. 2〇Notify the request. The application server 2 generates the requested data of the predetermined Web page or the edited object data, and supplies the generated data of the predetermined web page or the edited object data to the web via the network 18 - 41 - 200910186 Server 19. Web server 19 will be scheduled via network 14.
Web頁面的資料或編輯對象資料傳送至店家終端裝置 23 ° 在步驟S1001中’店家終端裝置23的瀏覽器122係 請求用以編輯顯示在行動電話機U之Web頁面的頁面、 亦即編輯執行頁面的資料。具體而言,如上所述,在步驟 S 1001中’店家終端裝置23的瀏覽器122係向Web伺服 器1 9請求編輯執行頁面的資料。 換言之’瀏覽器1 2 2係使通訊控制部1 2丨的送訊控制 部1 3 1傳送編輯執行頁面的資料的請求。受到送訊控制部 1 3 1所控制的通訊部5 9係經由網路1 4而將編輯執行頁面 的資料的請求傳送至W e b伺服器1 9。 已請求編輯執行頁面的資料的W e b伺服器1 9係將編 輯執行頁面的資料的請求通知應用程式伺服器20。亦 即’ W e b伺服器1 9係經由網路1 8,對應用程式伺服器2 0 通知編fe執仃頁面的資料的請求。 在步驟S 2 0 0 1中’應用程式伺服器2 〇之通訊控制部 8 3的收訊控制部9 2係經由網路14、W e b伺服器1 9、及 網路1 8 ’使通訊部3 7接收由店家終端裝置2 3被傳送而 來的編輯執行頁面之資料的請求。接著,收訊控制部92 係將所接收到的請求通知編輯執行頁面資料產生部8 2。 編輯執行頁面資料產生部82係接受編輯執行頁面之資料 的請求。 在步驟S2 002中’編輯執行頁面資料產生部82係產 -42- 200910186 生供編輯之用之頁面的資料’且爲包含描述語言的資料, 亦即編輯執行頁面的資料。更具體而言’編輯執行頁面資 料產生部8 2係由描述語言儲放部8 1取得用以編輯編輯對 象資料的描述語言’而產生包含所取得之描述語言之屬於 Web頁面的編輯執行頁面的資料。 在步驟S2003中,編輯執行頁面資料產生部82係使 通訊控制部8 3的送訊控制部9 1將所產生的編輯執行頁面 的資料傳送至店家終端裝置2 3處。亦即,送訊控制部9 1 係使通訊部3 7經由網路1 8,將所產生的編輯執行頁面的 資料傳送至Web伺服器1 9處。接收到編輯執行頁面的資 料的Web伺服器19係經由網路14而將編輯執行頁面的 資料傳送至店家終端裝置23處。 在步驟S 1 002中,店家終端裝置23之通訊控制部 1 2 1的收訊控制部1 3係使通訊部5 9接收經由網路丨4而 傳送而來的編輯執行頁面的資料。收訊控制部1 3 2係將所 接收到的編輯執行頁面的資料供給至瀏覽器1 22。 在步驟S 1 003中,瀏覽器1 22係藉由所接收到的編輯 執行頁面的資料,使配置有追加準備區、編輯區、顯示 區、及預覽區的 Web頁面顯示於屬於顯示器的輸出部 51。 其中,在步驟S 1 003中’瀏覽器122並沒有顯示物件 或編輯物件,而是使分別僅配置有框的追加準備區、編輯 區、及顯示區的Web頁面顯示於作爲顯示器的輸出部 57 ° -43- 200910186 如上所示,可迅速地使Web頁面顯示’店家終端裝 置23的使用者係可確認處理已被執行。 在步驟S 1 004中,瀏覽器122係由編輯執行頁面的資 料中抽出描述語言,且將所抽出的描述語言供給至描述語 言執行部1 2 3。描述語言執行部1 2 3係執行編輯執行頁面 的資料所包含的描述語言。 其中,藉由描述語言執行部1 2 3執行描述語言,來實 現編輯對象資料取得部1 24、編輯對象資料儲放部1 2 5、 及編輯部126。編輯對象資料取得部124、編輯對象資料 儲放部1 25、及編輯部1 26的處理可謂係藉由執行描述語 言的描述語言執行部1 2 3來進行。 如上所示’由於藉由執行編輯執行頁面的資料所包含 的描述語言來實現編輯對象資料取得部1 24至編輯部 1 2 6 ’因此可節省預先安裝相當於描述語言之程式的麻 煩。此外,應用程式伺服器20係可配合店家終端裝置23 提供適於其的描述語言。 此外,亦可按照配合店家的描述語言,例如,所販賣 的商品或會費等,提供省略包含更高功能的描述語言或功 能的描述語言。 在步驟S 1 〇 〇 5中’編輯對象資料取得部丨2 4係藉由所 執行之描述語言所致之處理’請求顯示於行動電話機j j 的Web頁面的資料’亦即編輯對象資料。此時,描述語 言執行部123係附上店家ID而對Web伺服器19請求編 輯對象資料。 -44 - 200910186 換言之’描述語言執行部1 2 3係使通訊 送訊控制部1 3 1傳送編輯對象資料的請求。 部1 3 1控制的通訊部5 9係經由網路1 4而將 的請求傳送至W e b伺服器1 9。 經請求編輯對象資料的Web伺服器1 9 資料的請求通知應用程式伺服器20。亦即 1 9係經由網路1 8 ’對應用程式伺服器20通 料的請求。 在步驟S2004中’應用程式伺服器20 83的收訊控制部92係經由網路14、Web彳 網路1 8,使通訊部3 7接收由店家終端裝置 之已附上店家ID的編輯對象資料的請求。 制部92係將所接收到的請求通知頁面記述 部84。頁面記述資料資料取得部84係接受 的資料的請求。 在步驟S2〇05中’頁面記述資料資料思 由網路18,由Web頁面資料庫17取得以β 定之屬於編輯對象的編輯對象頁面的頁面 如,頁面記述資料資料取得部84係取得第 面記述資料。 接著’在步驟S20〇5中,頁面記述資 8 4係將所取得的頁面記述資料供給至編輯 部8 5。編輯對象資料產生部8 5係由頁面記 顯示於行動電話機的W e b頁面的資料,且 控制部1 2 1的 受到送訊控制 編輯對象資料 係將編輯對象 ,Web伺服器 知編輯對象資 之通訊控制部 同服器 1 9、及 Ϊ 2 3傳送而來 接著,收訊控 資料資料取得 編輯執行頁面 【得部8 4係經 ί家ID予以特 記述資料。例 4圖所示的頁 料資料取得部 對象資料產生 述資料,產生 爲適於店家終 -45 - 200910186 端裝置2 3中的編輯的方式的資料,亦即編輯對象資料。 例如,編輯對象資料產生部8 5係產生第8圖所示的編輯 對象資料。 在步驟S2006中’編輯對象資料產生部85係使通訊 控制部83的送訊控制部9 1將所產生的編輯對象資料傳送 至店家終端裝置2 3處。亦即,送訊控制部9 1係使通訊部 3 7經由網路1 8將所產生的編輯對象資料傳送至W e b伺服 器1 9處。已接收到編輯對象資料的W e b伺服器19係經 由網路14而將編輯對象資料傳送至店家終端裝置23處。 在步驟S 1 0 0 6中,店家終端裝置2 3之通訊控制部 1 2 1的收訊控制部1 3 2係經由網路1 4而使通訊部5 9接收 所傳送而來的編輯對象資料。收訊控制部1 3 2係將所接收 到的編輯對象資料供給至編輯對象資料取得部1 24。編輯 對象資料取得部1 24係取得編輯對象資料,且將所取得的 編輯對象資料供給至編輯對象資料儲放部125。編輯對象 資料儲放部1 2 5係將由編輯對象資料取得部1 2 4所供給的 編輯對象資料儲放在記憶部5 8之記憶區域中所管理的記 憶區域。 藉由執行編輯執行頁面的資料所包含的描述語言,取 得編輯對象資料,因此即使在W e b頁面資料庫1 7有變更 的情形等之下,亦可藉由配合該變更來變更描述語言,0 確實地取得編輯對象資料。 此外,即使欲不正當地編輯他人的Web頁面,亦f堇 有在需要描述語言時,才可由店家終端裝置23取得且予 -46- 200910186 以執行,因此難以解析描述語言’因而編輯對象資料的取 得變得更爲困難。 在步驟S 1 0 0 7中,編輯部1 2 6係藉由由編輯對象資料 儲放部1 25所儲放的編輯對象資料,在追加準備區、編輯 區、及顯示區顯示顯示物件及編輯物件,並且顯示預覽畫 像,編輯執行頁面的顯示處理即告結束。 更詳而言之,例如’在步驟S1007中,編輯部126的 顯示物件產生部143係由編輯對象資料,以將與本體資料 相對應的設計部件的名稱設爲顯示物件的名稱的方式產生 顯示物件。此外,編輯物件產生變更部1 4 4係對於所產生 的顯示物件’產生用以指示刪除的編輯物件及用以指示變 更配置的編輯物件。 接著’顯示區顯示控制部1 4 5係在顯示區顯示顯示物 件及編輯物件。另一方面,編輯區顯示控制部丨46係在編 輯區均未顯不顯示物件及編輯物件的任一者,此外,追加 準備區顯不控制部147係在追加準備區均未顯示顯示物件 及編輯物件的任一者。此外,預覽畫像顯示控制部丨48係 在預覽區,使用編輯對象資料,使利用以顯示於顯示區之 顯示物件所表示的構成要素予以記述的Web頁面作爲預 覽畫像予以顯示。 其中,如上所述,顯示物件係表示Web頁面的構成 要素。更詳而言之,顯示物件係表示當藉由行動電話機 11閲覽web頁面時,藉由CHTML ' mml、HDML、或 XHTML $標示語言所記述的構成要素n -47- 200910186 示控制部145係以在顯示區顯示表示藉由標示語言所記述 的構成要素的顯示物件的方式控制顯示。 如上所不顯不編輯執fr頁面。 在第1 3圖顯示包含顯示物件、編輯物件、及預覽畫 像之具體例的編輯執行頁面的畫像。 在第13圖所不之例中’在顯不區係配置有:屬於店 家介紹文之構成要素的顯示物件、屬於劃線的構成要素的 顯示物件、屬於評論的構成要素的顯示物件、屬於改行的 構成要素的顯示物件、屬於推薦商品的構成要素的顯示物 件、屬於最新禮品商品的構成要素的顯示物件、及屬於店 家內搜尋形式(search form)的構成要素的顯示物件。 在第13圖所示之例中,在配置在顯示區的各個顯示 物件,係在顯示區的右側(顯示物件上的右側)配置有用以 指示刪除的編輯物件及用以指示朝上側或下側變更配置的 編輯物件。用以指示刪除的編輯物件係例如以X記號表 示,用以指示朝上側變更配置的編輯物件係例如以向上的 三角形表示,用以指示朝下側變更配置的編輯物件係例如 以向下的三角形表示。 在第13圖所示之例中,在編輯區均未顯示有顯示物 件及編輯物件之任一者。在第1 3圖所示之例中,在追加 準備區係配置有用以指示商品之檢索的編輯物件。 此外,在第1 3圖所示之例中,在預覽區係顯示有以 屬於店家介紹文的構成要素、屬於虛線的構成要素、屬於 評論的構成要素、屬於改行的構成要素、屬於推薦商品的 -48 - 200910186 構成要素、屬於最新禮品商品的構成要素、及屬於店家內 搜尋形式的構成要素等予以記述的Web頁面。 第1 4圖係顯示在第1 3圖的編輯執行頁面的左側的選 單中,當推薦商品編輯的指令,被點選時所顯示之編輯執 行頁面之例圖。 在顯示區係配置有表示構成推薦商品之構成要素的複 數個要素且爲連結要素的各個的顯示物件。連結要素的各 個係連結在販賣推薦商品的各個的網站。 表示連結要素的顯示物件係由商品名及URL方式的 網址等所構成。此外,針對表示連結要素的顯示物件的各 個’顯示用以指示刪除的編輯物件及用以指示變更配置的 編輯物件。 在第14圖所示之例中並未配置有編輯區。 在第14圖所示之例中,在追加準備區係配置有用以 指示商品之檢索的編輯物件。 當追加準備區的編輯物件被操作,而在追加準備區顯 示有針對販賣商品的網站的顯示物件時,若用以指示追加 的編輯物件被點選,針對該商品的顯示物件會被追加在顯 示區’且在推薦商品的構成要素追加針對該商品的連結要 素。 此時’在預覽區係顯示有利用經追加已被指示追加之 商品要素的推薦商品的構成要素等予以記述的Web頁 面。 第1 5圖係顯示在第1 3圖的編輯執行頁面左側的選單 -49- 200910186 中,首頁之色彩編輯之指令被點選時所顯示之編輯執行頁 面之例圖。 在編輯執行頁面係配置有供以色彩主題指定色彩之用 的單選按鍵、供個別指定任意色彩之用的單選按鍵。當供 以色彩主題指定色彩之用的單選按鍵被點選而形成爲有效 時,將用以指定基本(basic)、有活力的(dynamic)、簡約 (simple)、翠綠、種族(ethnic)等各色彩主題的單選按鍵設 定爲有效(active) ’藉此可藉由色彩主題來指定首頁的顏 色。 當供個別指定任意顏色之用的單選按鍵形成爲有效 時,頁面的背景色彩、連結色彩、或文字色彩等係可各自 個別選擇。 接著說明使用第1 3圖所例示之追加準備區之用以指 示檢索商品的編輯物件、或者點選第1 3圖所示之被命名 爲資訊頁面的按鍵時’使用追加準備區所顯示之用以指示 檢索資訊頁面的編輯物件之所連結頁面的檢索處理。 第1 6圖係用以說明連結頁面的檢索處理的流程圖。 在步驟S 1 1中’編輯部1 2 6的檢索部1 4 1係判定屬於用以 指示檢索的編輯物件的指示檢索的按鍵是否已被點選,至 判定出指示檢索的按鍵已被點選之前,反覆步驟S 11的判 定處理。 在步驟S 1 1中’當判定出指示檢索的按鍵已被點選 時’手續係進至步驟s 1 2。在步驟S 1 2中,檢索部1 4 1係 將被輸入至欄位的文字作爲查詢(query)而檢索頁面。 -50- 200910186 例如,當針對商品指示進行檢索時(例如,第1 3圖所 例示之當用以指示檢索商品的編輯物件被操作而被指示進 行檢索時),檢索部1 4 1係將被輸入於欄位的文字作爲查 詢’來檢索商品資料庫22。具體而言,檢索部141係經 由網路14,在商品資料庫22,將店家的店家ID與被輸入 於欄位的文字作爲查詢,來檢索表示販賣商品之頁面網址 之資料的商品頁面網址。亦即,檢索部1 4 1係使通訊控制 部1 2 1的送訊控制部丨3丨,將查詢傳送至商品資料庫22 處。 商品資料庫2 2係經由網路1 4而將商品頁面網址的檢 索結果傳送而來,因此通訊控制部1 2 1的收訊控制部1 3 2 係使通訊部5 9控制商品頁面網址之檢索結果的接收。收 訊控制部1 3 2係將所接收到的商品頁面網址的檢索結果供 給至檢索部141,因此檢索部141係取得將店家的店家ID 與被輸入至欄位的文字作爲查詢的商品頁面網址的檢索結 果。 藉此,例如檢索用以販賣在以店家ID予以特定的店 家所販賣之包含被輸入於欄位之文字的商品的商品頁面的 網址。 此外,例如,當針對登載有商品相關資訊的頁面指示 進示檢索時,檢索部1 4 1係將被輸入於欄位的文字作爲查 詢,對由W e b伺服器1 5或其他W e b伺服器所提供的頁面 進行檢索。 在步驟S 1 3中,追加準備區顯示控制部1 4 7係在追加 -51 - 200910186 準備區顯示所被檢索頁面相關資訊及對於所被檢索頁面之 連結之追加的按鍵’連結頁面的檢索處理即告結束。 藉由點選該追加的按鍵,可簡單地追加連結。 第17圖係顯示針對商品加以檢索時,在追加準備區 顯示有檢索結果的編輯執行頁面的畫像的示意圖。 例如’在追加準備區係配置有:經檢索之商品的名 稱、商品編號、該頁面經更新的時間、該頁面以URL方 式表示的網址、及指示追加對於該頁面連結的按鍵。 例如’商品編號係儲放在商品資料庫2 2且用以特定 商品之資料的商品ID。 其中’亦可在被儲放在商品資料庫22之商品的資料 (記錄),有別於商品ID ’另外設置商品編號的項目 (item),而使用該商品編號。 當檢索與苘品相關的頁面(例如介紹商品的頁面)(資 訊頁面)時’如第18圖所示’自點選被命名爲資訊頁面的 按鍵之後,若在欄位輸入查詢’而點選指示檢索的按鍵, 同樣地,會在追加準備區配置用以指示資訊頁面的網址及 追加對於該資訊頁面之連結的按鍵等。 第1 9圖係說明已有設§十部件一覽的顯示指令被指示 時所執行之設計部件一覽之顯示處理的流程圖。 在步驟S 3 1中,設計部件讀出部1 4 2係讀出作爲預先 儲放在目前所顯示之頁面的資料,亦即編輯執行頁面的資 料之在W e b頁面所追加之構成要素之候補的設計部件一 覽。 -52- 200910186 在步驟S 3 2中,追加準備區顯示控制部1 4 7係在追加 準備區顯示一覽所包含的設計部件的名稱、說明、及追加 的按鍵,設計部件的一覽的顯示處理即告結束。 第2 0圖係顯示在追加準備區顯示有設計部件之一覽 的編輯執行頁面的畫像的示意圖。 例如,在追加準備區係按每個設計部件配置有改行或 虛線、或評論等設計部件的名稱。此外,在追加準備區係 配置有對於各個設計部件的名稱,指示該設計部件的顯示 影像、及該設計部件之追加的按鍵。 例如,關於屬於改行的設計部件,在追加準備區配置 指示屬於“改行”的設計部件名稱、“改行1行”的顯示 影像、及屬於改行之設計部件的追加的按鍵。同樣地,例 如,關於屬於虛線的設計部件,在追加準備區配置指示屬 於“ HR ”的設計部件的名稱、格線的顯示影像、及屬於 虛線的設計部件的追加的按鍵。 當點選指示追加所希望的設計部件的按鍵時,可簡單 地將該設計部件作爲構成要素配置在編輯區,此外,藉由 以下說明的處理’可由編輯區追加在Web頁面。 接著’參照第21圖及第22圖的流程圖,說明構成要 素屬性的變更處理。在步驟S 5 i中,編輯部i 26係判定是 否已指示對於所檢索頁面的連結或設計部件的追加,當判 定出指示追加的按鍵被點選等已指示對於所檢索頁面的連 結或設計部件的追加時,手續係進至步驟s 5 2。 在步驟S52中’編輯區顯示控制部ι46係使連結或設 -53- 200910186 計部件的顯示物件顯示在編輯區。 更詳而言之,在步驟S52中,首先,顯示物件產生部 1 4 3係由經追加之指示所得之對於所檢索頁面的連結的資 料、或經追加之指示所得之設計部件的資料中,產生該連 結或設計部件的顯示物件。接著,編輯區顯示控制部146 係使所產生的顯示物件顯示在編輯區。 在步驟S53中,編輯物件產生變更部144係藉由執行 描述語言,來產生用以編輯所追加的顯示物件的編輯物 件,且爲與顯示物件類型相對應的編輯物件。亦即,在步 驟S53中,編輯物件產生變更部I44係按照按每個推薦商 品、最新禮品商品、或店家內搜尋形式等顯示物件的類型 而預先記述的描述語言,產生用以編輯各類型之顯示物件 的編輯物件。 在此,所謂顯示物件的編輯係指亦包含顯示物件所表 示之構成要素之屬性的變更。 在步驟S 5 4中,編輯區顯示控制部1 4 6係在所追加之 顯示物件之下,使所產生的編輯物件顯示(例如使第23圖 所示之編輯物件顯示),手續係進至步驟S 5 5。 在步驟S5 1中,當判定出尙未指示對於所檢索頁面之 連結或設計部件的追加時,係跳過步驟S52至步驟S54, 手續進至步驟S 5 5。 在步驟S 5 5中,編輯部1 26係判定顯示物件是否已由 顯示區被拖放至編輯區,當判定出顯示物件已由顯示區被 拖放至編輯區時,手續係進至步驟S56。 -54- 200910186 在步驟S56中,顯示區顯示控制部145係將所被拖放 的顯示物件由顯示區消去。在步驟S57中,編輯區顯示控 制部140係使所被拖放的顯示物件顯示於編輯區。 在步驟S 5 8中,編輯區顯示控制部1 4 6係使編輯區在 所被拖放之顯示物件之下方顯示編輯物件,手續係進至步 驟 S59。 藉此’以顯示於編輯區的顯示物件所表示的構成要素 成爲編輯的對象即一目瞭然。 其中’當不存在有針對所被拖放的顯示物件的編輯物 件時’編輯物件產生變更部1 4 4係藉由執行描述語言,而 產生用以編輯所被拖放的顯示物件的編輯物件且爲與顯示 物件的類型相對應的編輯物件。亦即,編輯物件產生變更 部1 44係按照按每個推薦商品、最新禮品商品、或店家內 搜尋形式等之顯示物件的類型而預先予以記述的描述語 言’產生用以編輯各類型之顯示物件的編輯物件。 此外,當顯示物件被拖放至編輯區時,亦可將以該顯 示物件所表示的構成要素由編輯對象資料中刪除。此時, 亦可將編輯區之以顯示物件所表示的構成要素,有別於編 輯對象資料’另外暫時儲放在緩衝區。此時,當顯示物件 再度由編輯區被拖放至顯示區時,並不需要再度產生以顯 示物件所表示的構成要素。 在步驟S 5 5中,當判定出顯示物件尙未由顯示區被拖 放至編輯區時,手續係進至步驟S59。 在步驟S59中,編輯部126係進行判定用以指示屬性 -55- 200910186 變更的編輯物件是否已被操作。在步驟S59中,當判定出 指示屬性變更的編輯物件已被操作時,手續係進至步驟 S60。在步驟S60中,屬性變更部1 50係按照編輯物件的 操作,變更以該編輯物件之上之顯示物件所表示的構成要 素的屬性,手續則進至步驟S 6 1。 例如,屬性變更部1 5 0係在用以輸入標題的欄位、及 用以選擇最大顯示件數之屬於單選按鍵的編輯物件中,當 在欄位被輸入新的標題時,在以顯示物件所表示之構成要 素的屬性中,將屬於標題的屬性變更爲該新的標題。 例如,屬性變更部1 5 0係在用以輸入標題的欄位、及 用以選擇最大顯示件數之屬於單選按鍵的編輯物件中,當 將最大顯示件數設爲5的單選按鍵被設爲有效時,在以顯 示物件所表示之構成要素的屬性中,將屬於最大顯示件數 的屬性變更爲5。 此外,例如,屬性變更部1 5 0係在用以選擇圖示的下 拉式清單方塊(ComboBox)、用以輸入一般商品之商品名 稱之連結名稱的欄位、用以輸入URL方式之連結對象之 網址的欄位、及用以起動輔助該等之輸入之功能的按鍵的 編輯物件之中,當用以選擇圖示的下拉式清單方塊被操 作,而選擇新的圖示時,在以顯示物件所表示的構成要素 的屬性中,將圖示變更爲所被選擇之新的圖示。 此外,例如,屬性變更部1 5 0係在用以選擇圖示的下 拉式清單方塊(ComboBox)、用以輸入一'般商品之商品名 稱之連結名稱的欄位、用以輸入URL方式之連結對象之 -56- 200910186 網址的欄位、及用以起動輔助該等之輸入之功能的按鍵的 編輯物件之中,當在用以輸入URL方式之連結對象之網 址的欄位輸入新的網址時,即在以顯示物件所表示的構成 要素的屬性中,將連結對象的網址變更爲所被輸入的新的 網址。 在步驟S 5 9中,當判定出指示屬性變更的編輯物件未 被操作時,係跳過步驟S60,手續進至步驟S61。 在步驟S61中,編輯部126係進行判定指示刪除的編 輯物件是否已被操作。在步驟S 6 1中,當判定出指示刪除 的編輯物件已被操作時,手續係進至步驟S 6 2。在步驟 S 62中,刪除部1 5 1係刪除所被操作之編輯物件之上的顯 示物件及以該顯示物件所表示的構成要素,手續係進至步 驟 S63。 在步驟S 6 1中,當判定出指示刪除的編輯物件未被操 作時,係跳過步驟S62,手續進至步驟S63。 在步驟S 6 3中,編輯部1 2 6係進行判定指示重新排列 的編輯物件是否已被操作。在步驟S63中,當判定出指示 重新排列的編輯物件已被操作時,手續係進至步驟S64。 在步驟S64中,重新排列部1 49係將所被操作之編輯物件 之上的顯不物件及以該顯不物件所表不的構成要素重新排 列,構成要素的屬性變更處理即告結束。 其中,成爲重新排列之對象的顯示物件係與其上的顯 示物件重新排列(以使成爲重新排列之對象的顯示物件之 上的物件在下側、成爲重新排列之對象的顯示物件在上側 -57- 200910186 的方式重新排列),或與其下的顯示物件重新排列(以使成 爲重新排列之對象的顯示物件之下的物件在上側、成爲重 新排列之對象的顯示物件在下側的方式重新排列)。 在步驟S63中,當判定出指示重新排列的編輯物件未 被操作時,係跳過步驟S64,構成要素的屬性變更處理即 告結束。 如上所示,當顯示物件被配置在編輯區時,在顯示物 件之下顯示用以編輯顯示物件的編輯物件。接著,藉由操 作該編輯物件,即可變更以顯示物件所表示之構成要素的 屬性,或刪除構成要素,或變更構成要素的配置等對於以 顯示物件所表示的構成要素進行編輯。 其中’如上所述,顯示物件係表示當Web頁面藉由 行動電話機1 1予以閲覽時,藉由 CHTML、MML、 HDML、或XHTML等標示語言予以記述的構成要素。亦 即,編輯區顯示控制部1 4 6係以顯示用以變更藉由標示語 言所記述之屬性的編輯物件的方式控制顯示。 第2 3圖係顯示例如與第2 1圖的步驟S 5 8相對應之當 推薦商品的顯示物件、最新禮品商品的顯示物件、及店家 內搜尋形式的顯示物件由顯示區被拖放至編輯區時之編輯 執行頁面之畫像之例圖。 在編輯區係在推薦商品之顯示物件之下顯示有:屬於 關於推薦商品之顯示物件的編輯物件之用以輸入標題的欄 位、及用以選擇最大顯示件數的單選按鍵。藉由屬於關於 推薦商品之顯示物件的編輯物件之用以選擇最大顯示件數 -58- 200910186 的單選按鍵,選擇1至10中之任一者的最大顯示件數。 例如,當藉由單選按鍵選擇5的最大顯示件數時’分 別連結於推薦商品之Web頁面的5個以內的要素會作爲 推薦商品的連結而顯示在Web頁面。 此外,在編輯區係在最新禮品商品之顯示物件之下’ 顯示有屬於有關最新禮品商品之顯示物件的編輯物件的用 以輸入標題的欄位、及用以選擇最大顯示件數的單選按 鍵。藉由屬於關於最新禮品商品之顯示物件的編輯物件之 用以選擇最大顯示件數的單選按鍵,選擇1至5中之任一 者的最大顯示件數。 例如,當藉由單選按鍵選擇3的最大顯示件數時,分 別與最新禮品商品的Web頁面相連結的3個以內的要素 會作爲最新禮品商品的連結而顯示於Web頁面。 此外,在編輯區係在店家內搜尋形式之顯示物件之下 顯示有屬於有關店家內搜尋形式之顯示物件之編輯物件的 用以輸入標題的欄位。 第24圖係顯示例如在追加準備區所顯示之與屬於”一 般商品之商品名稱”的商品名稱相對應的追加指令被點選 等已被指示屬於所被檢索頁面之一般商品之商品名之連結 之追加時之編輯執行頁面之畫像之例圖。 在編輯區係在一般商品之商品名稱之連結的顯示物件 之下配置有:屬於有關該顯示物件的編輯物件之用以選擇 圖示的下拉式清單方塊、用以輸入一般商品之商品名稱之 連結之名稱的欄位、用以輸入URL方式之連結對象之網 -59- 200910186 址的欄位、及用以起動輔助該等之輸入的功能的按鍵等。 第25圖係顯示例如在追加準備區所顯示之與屬於”推 薦商品,,之設計名稱相對應的追加的指令被點選等由設計 部件之一覽之中已被指示追加設計部件時之編輯執行頁面 之畫像之例圖。 在編輯區係在屬於所追加之設計部件的推薦商品之顯 示物件之下顯示:屬於有關所被追加之推薦商品之顯示物 件的編輯物件之用以輸入標題的欄位、用以選擇最大顯不 件數的單選按鍵。藉由屬於有關推薦商品之顯示物件的編 輯物件之用以選擇最大顯示件數的單選按鍵,來選擇1至 1 0中任一者之最大顯示件數。 第2 6圖係說明藉由使編輯區的顯示物件移動至顯示 區而進行構成要素之追加處理的流程圖。在步驟S 8 1中, 編輯部1 2 6係進行判定顯示物件是否已由編輯區被拖放至 顯示區,當判定出顯示物件已由編輯區被拖放至顯示區 時,手續係進至步驟S82。 在步驟S82中,編輯區顯示控制部146係將所被拖放 的顯示物件由編輯區中消去。在步驟S83中,顯示區顯示 控制部1 45係使所被拖放的顯示物件顯示於顯示區。 在步驟S 84中,編輯物件產生變更部1 44係將用以編 輯所被拖放之顯示物件的編輯物件形成爲非顯示。亦即, 僅顯示顯示物件。 藉此’編輯物件在顯示區或編輯區均未顯示。因此, 以被拖放至顯示區的顯示物件所表示的構成要素並非爲編 -60- 200910186 輯之對象乃可一目瞭然。 在步驟S85中’追加部152係在藉由編輯對象資料儲 放部1 25所儲放的編輯對象資料中追加以顯示物件所表示 的構成要素。 在步驟S86中’預覽畫像顯示控制部148係使用已追 加以顯示物件所表示之構成要素的編輯對象資料,更新顯 示於顯示畫面之預覽區的預覽畫像,構成要素的追加處理 即告結束。換言之’預覽畫像顯示控制部1 4 8係在顯示畫 面的預覽區’以使利用以顯示於顯示區之顯示物件所表示 之構成要素予以記述的Web頁面作爲預覽畫像予以顯示 的方式控制顯示。 在步驟S 8 1中,當判定出顯示物件未由編輯區被拖放 至顯不區時,係跳過步驟S82至步驟S86,構成要素的追 加處理即告結束。 如上所示’僅將顯示物件施放至顯示區,即可在編輯 對象資料追加構成要素。 第2 7圖係藉由例如使顯示區之顯示物件之配置順序 變更’說明構成要素之配置變更處理的流程圖。在步驟 s 1 〇 1中’編輯部1 26係在配置於顯示區的編輯物件之 中’進行判定指示刪除的編輯物件(例如第2 3圖所例示之 配置於顯示區之“評論”之顯示物件之編輯物件之中之X Η己號的編輯物件)是否已被操作。在步驟s 1 〇 1中,在配置 於顯示區之編輯物件之中’當判定出指示刪除的編輯物件 已被操作時’手續係進至步驟S1 02。 -61 - 200910186 在步驟S 1 0 2中,刪除部1 5 1係刪除與所被操作的編 輯物件相對應的顯示物件。在步驟S1 03中,刪除部151 係由藉由編輯對象資料儲放部1 2 5予以儲放的編輯對象資 料中,刪除以所被刪除之顯示物件所表示的構成要素。 在步驟S104中,預覽畫像顯示控制部148係使用構 成要素已被刪除的編輯對象資料,更新顯示於顯示畫面之 預覽區的預覽畫像,手續則進至步驟S105。換言之,預 覽畫像顯示控制部1 48係在顯示畫面的預覽區,以使以顯 示於顯示區之顯示物件所表示的構成要素予以記述的Web 頁面作爲預覽畫像予以顯示的方式控制顯示。 在步驟S101中,在配置於顯示區之編輯物件之中, 當判定出指示刪除的編輯物件未被操作時,係跳過步驟 S102至步驟S104,手續進至步驟S105。 在步驟S105中,編輯部126係在配置於顯示區的編 輯物件之中,判定指示重新排列的編輯物件是否已被操作 (例如第2 3圖所例示之配置於顯示區之”評論”之顯示物件 之編輯物件之中,指示朝上移動的編輯物件,亦即,朝上 之三角形的編輯物件是否已被點選、或指示朝下移動的編 輯物件,亦即,朝下之三角形的編輯物件是否已被點 選)。在步驟S105中,在配置於顯示區之編輯物件之中, 當判定出指示重新排列的編輯物件已被操作時,手續係進 至步驟S 1 0 6。 其中,在步驟S105中,編輯部126亦可進行判定是 否藉由顯示物件的拖放來指示顯示物件之重新排列。 -62- 200910186 在步驟S 1 〇 6中,重新排列部1 4 9係將與所被操作的 編輯物件相對應的顯示物件重新排列。在步驟S 1 07中, 重新排列部1 49係在藉由編輯對象資料儲放部〗25所儲放 的編輯對象資料中,將以顯示物件所表示的構成要素重新 排列。 例如’指示朝上移動的編輯物件,亦即,當朝上之三 角形的編輯物件被點選時,與該編輯物件相對應的顯示物 件係與該顯示物件之上的顯示物件重新排列(以使與所被 操作的編輯物件相對應的顯示物件之上的顯示物件在下 側、與所被操作的編輯物件相對應的顯示物件在上側的方 式重新排列)。 例如’指示朝下移動的編輯物件,亦即,當朝下之三 角形的編輯物件被點選時,與該編輯物件相對應的顯示物 件係與該顯示物件之下的顯示物件重新排列(以使與所被 操作的編輯物件相對應的顯示物件之下的顯示物件在上 側、與所被操作的編輯物件相對應的顯示物件在下側的方 式重新排列)。 在步驟S 1 0 8中,預覽畫像顯示控制部1 4 8係使用構 成要素被重新排列的編輯對象資料,更新顯示於顯示畫面 之預覽區的預覽畫像,構成要素的配置變更處理即告結 束。換言之,預覽畫像顯示控制部1 48係在顯示畫面的預 覽區,以使利用以顯示於顯示區之顯示物件所表示的構成 要素予以記述的Web頁面作爲預覽畫像予以顯示的方式 控制顯示。 -63- 200910186 在步驟S 1 05中,在配置於顯示區的編輯物件之中, 當判定出指示重新排列的編輯物件未被操作時,係跳過步 驟S 1 06至步驟S丨,構成要素之配置變更處理即告結 束。 如上所示’在顯示區中,藉由將顯示物件予以刪除或 重新排列’可將編輯對象資料中的構成要素予以刪除或重 新排列。 通常在行動電話機1 1係採用縱長型顯示畫面的監視 器。因此,藉由行動電話機1 1所閲覽之Web頁面的觀看 方式僅與構成要素的上下配置有關,構成要素的左右配置 幾乎沒有關係。 因此,當對由行動電話機1 1所閲覽的Web頁面進行 編輯時,若僅將構成要素之上下方向的配置重新排列,即 可更爲有效地進行編輯。 其中,當編輯藉由個人電腦所閲覽的Web頁面時, 亦可分別重新排列構成要素之上下方向的配置'及構成要 素之左右方向的配置。 第28圖係說明Web頁面之更新處理的流程圖。在步 驟S 1 1 0 1中,編輯部1 2 6係藉由例如第1 〇圖所示之用以 指示傳送經編輯(已完成編輯)的編輯對象資料的按鍵是否 已被點選,來判定是否已指示更新顯示在行動電話機11 的Web頁面。 在步驟S 1 1 〇 1中,當判定出已指示更新顯示在行動電 話機1 1的w e b頁面時’手續係進至步驟s 11 0 2 ’在步驟 -64- 200910186 S 1 1 〇2中’編輯部i 26係經由網路丨4,附加店家ID, 將由編輯對象資料儲放部丨2 5所儲放的編輯對象資料傳 至Web伺服器19。 具體而言’編輯部126係使通訊控制部121的送訊 制部1 3 1對Web伺服器1 9處傳送編輯對象資料。受到 訊控制部1 3 1控制的通訊部5 9係經由網路1 4,將附加 店家ID的編輯對象資料傳送至w e b伺服器1 9。 被傳送編輯對象資料的Web伺服器1 9係接收附加 店家ID的編輯對象資料,經由網路1 8,將附加有店家 的編輯對象資料供給至應用程式伺服器2 0。 在步驟S21 01中,應用程式伺服器20之通訊控制 8 3的收訊控制部9 2係經由網路1 4、W e b伺服器1 9、 網路1 8 ’使通訊部37接收由店家終端裝置23傳送而 之附加有店家ID的編輯對象資料。接著,收訊控制部 係將所接收到的店家ID及編輯對象資料供給至頁面記 資料產生部8 6。 在步驟S2102中,頁面記述資料產生部86係產生 所接收到的編輯對象資料相對應的頁面記述資料。頁面 述資料產生部8 6係經由網路1 8,連同店家ID,一起將 產生的頁面記述資料供給至Web頁面資料庫1 7。Web 面資料庫1 7係在顯示於行動電話機之頁面之既已儲放 至目前爲止的資料,且以店家ID予以特定的資料,亦 以店家ID予以特定之至目前爲止之頁面記述資料,以 寫由應用程式伺服器2 0所供給之新的頁面記述資料的 而 送 控 送 有 有 ID 部 及 來 92 述 與 記 所 頁 之 即 覆 方 -65- 200910186 式予以記憶。 在步驟S2103中,應用程式伺服器20係使Web伺服 器1 5、應用程式伺服器1 6、及Web頁面資料庫1 7開始 提供與所覆寫之頁面記述資料相對應的Web頁面的資 料,Web頁面的更新處理即告結束。 在步驟S 1 1 0 1中,當判定出未指示更新顯示於行動電 話機11的Web頁面時,係跳過步驟S1102及步驟S210 1 至步驟S2103,無須重寫頁面記述資料,Web頁面的更新 處理即告結束。 如上所示,可簡單地將顯示於行動電話機Η的Web 頁面更新爲經編輯者。 如以上所示,可更加簡單、且更爲確實地得知成爲編 輯之對象的構成要素。 如上所示,當顯示Web頁面的構成要素而欲變更構 成要素的屬性時,係可編輯Web頁面。此外,以在顯示 畫面的第1區域(例如顯示區)依Web頁面上之構成要素之 配置順序顯示表示Web頁面之構成要素的第1物件(例如 顯示物件)的方式控制顯示,當在顯示畫面的第2區域(例 如編輯區)配置有第1物件時,以在第2區域顯示用以變 更以該第1物件所表示之構成要素之屬性的第2物件(例 如編輯物件)的方式控制顯時,係可更爲簡單、更爲確實 地得知成爲編輯之對象的構成要素。 例如,當將利用行動電話機1 1所閲覽的Web頁面利 用屬於個人電腦的店家終端裝置23進行編輯時,當將利 -66 - 200910186 用行動電話機1 1所閲覽的Web頁面直接予以顯示時, Web頁面上之構成要素的配置會偏離。接著,若在Web 頁面上之構成要素的配置偏離的狀態下直接進行編輯,則 無法確認利用行動電話機1 1閲覽時的Web頁面,且在編 輯後必須確認顯示於行動電話機1 1,較爲麻煩。 但是’例如第29圖所示之藉由預覽指令所顯示的預 覽畫像或在預覽區所顯示的預覽畫像係使用記述構成要素 的編輯對象資料’模擬行動電話機1 1 (的瀏覽器),藉此予 以描繪,因此不會發生Web頁面上之構成要素的配置偏 離,藉由僅確認預覽畫像’即可使與該預覽畫像相同的畫 像顯示於行動電話機1 1。 此外,所顯示的圖示(符號)係依行動電話線路提供業 者而異。因此’如第29圖所示,在使預覽畫像顯示的畫 面’設置用以選擇由行動電話線路提供業者所提供的圖示 (符號)的按鍵(例如被命名爲“DoDoMo”的按鍵、被命名 爲“ ai”的按鍵、被命名爲“ HardBank”的按鍵),使用 該按鍵被點選而予以選擇的圖示(符號)來使預覽畫像顯 示。 如上所示’以預覽畫像而言,可更爲正確地顯示與每 一行動電話線路提供業者顯示於行動電話機1 1的畫像相 同的畫像。 其中雖說明編輯對象頁面係由行動電話機n的使用 者所閲覽,但並非侷限於此,亦可由個人電腦或電視接收 器等其他機器予以顯示,而由其使用者所閲覽。 -67- 200910186 上述的一連串處理可藉由硬體來執行,亦可藉由軟體 來執行。當藉由軟體執行一連串處理時,可在專用硬體組 裝有構成該軟體的程式的電腦'或可藉由安裝各種程式來 執行各種功能的例如通用的個人電腦等,由程式記錄媒體 予以安裝。 其中,電腦所執行的程式可爲按照本說明書中所說明 的順序,以時間序列進行處理的程式,亦可爲以並列或者 進行叫出時等所需的時序來進行處理的程式。 此外,本發明之實施形態並不限定於上述之實施形 態,可在未脫離本發明之要旨的範圍內作各種變更。 【圖式簡單說明】 第1圖係顯示本發明之一實施形態之資訊提供系統之 構成圖。 第2圖係顯示應用程式伺服器20之硬體之構成例的 方塊圖。 第3圖係顯示店家終端裝置23之硬體之構成例的方 塊圖。 第4圖係顯示儲放在Web頁面資料庫17之頁面記述 資料的例圖。 第5圖係顯示儲放在會員資訊資料庫21之會員的資 的例圖。 第6圖係顯示儲放在商品資料庫22之商品的資料(記 錄)的例圖。 -68- 200910186 第7圖係顯示執行程式之應用程式伺服器20中之功 能之構成的方塊圖。 第8圖係顯示藉由編輯對象資料產生部85所產生之 編輯對象資料之具體例的示意圖。 第9圖係說明執行包含描述語言之程式之店家終端裝 置2 3中之功能之構成的方塊圖。 第10圖係顯示藉由瀏覽器122所顯示之畫像之例 圖。 第1 1圖係顯示Web頁面之編輯流程之例圖。 第12圖係說明屬於供編輯之用之Web頁面的編輯執 行頁面的顯示處理的流程圖。 第1 3圖係顯示包含顯示物件、編輯物件、及預覽畫 像之具體例之編輯執行頁面的畫像的示意圖。 第1 4圖係顯示當推薦商品編輯的指令被點選時所顯 示之編輯執行頁面之例圖。 第15圖係顯示當首頁之色彩編輯的指令被點選時所 顯示之編輯執行頁面之例圖。 第1 6圖係用以說明所連結頁面之檢索處理的流程 圖。 第1 7圖係顯示關於商品進行檢索時,在追加準備區 顯示有檢索結果的編輯執行頁面的畫像的示意圖。 第18圖係顯示檢索資訊頁面時之編輯執行頁面之畫 像的不意圖。 第1 9圖係用以說明設計部件之一覽之顯示處理的流 -69- 200910186 程圖。 第20圖係顯示在追加準備區顯示有設計部件之一覽 的編輯執行頁面的畫像的示意圖。 第2 1圖係用以說明構成要素之屬性變更處理的流程 圖。 第22圖係用以說明構成要素之屬性變更處理的流程 圖。 第23圖係顯示當顯示物件由顯示區被拖放至編輯區 時之編輯執行頁面之畫像之例圖。 第24圖係顯示當被指示追加屬於所檢索頁面之一般 商品之商品名稱之連結時之編輯執行頁面之畫像之例圖。 弟2 5圖係顯不由設計部件之一覽指不追加設計部件 時之編輯執行頁面之畫像之例圖。 第26圖係說明構成要素之追加處理的流程圖。 第27圖係說明構成要素之配置變更處理的流程圖。 第28圖係說明Web頁面之更新處理的流程圖。 第29圖係顯示使預覽畫像顯示之畫面之例圖。 【主要元件符號說明】 1 i-l、1 1-2、1 1 :行動電話機 1 2 :基地台 1 3 :閘道 1 4 :網路 15 : Web伺服器 -70- 200910186 1 6 :應用程 1 7 : Web 頁 1 8 :網路 19 : Web 伺 20 :應用程 21 :會員資 22 :商品資 23-1 、 23-2 31: CPU 32 : ROM 3 3 : RAM 34 :匯流排 3 5 :輸出入 3 6 :記憶部 3 7 :通訊部 3 8 :驅動器 3 9 :可移除 5 1: CPU 5 2 : ROM 53 : RAM 54 :匯流排 55 :輸出入 5 6 :輸入部 5 7 _·輸出部 式伺服器 面資料庫 服器 式伺服器 訊資料庫 料庫 、2 3 :店家終端裝置 介面 式媒體 介面 -71 - 200910186 5 8 :記憶部 5 9 :通訊部 6 0 :驅動器 6 1 :可移除式媒體 8 1 :描述語言儲放部 82 :編輯執行頁面資料產生部 8 3 :通訊控制部 84 :頁面記述資料取得部 8 5 :編輯對象資料產生部 8 6 :頁面記述資料產生部 9 1 :送訊控制部 92 :收訊控制部 1 2 1 :通訊控制部 122 :瀏覽器 123 :描述語言執行部 124 :編輯對象資料取得部 125 :編輯對象資料儲放部 1 2 6 :編輯部 1 3 1 ’·送訊控制部 1 3 2 :收訊控制部 1 4 1 :檢索部 142 :設計部件讀出部 1 4 3 :顯示物件產生部 144 :編輯物件產生變更部 -72 - 200910186 1 4 5 :顯示區顯示控制部 1 4 6 :編輯區顯示控制部 147 :追加準備區顯示控制部 148 :預覽畫像顯示控制部 149 :重新排列部 1 5 0 :屬性變更部 1 5 1 :刪除部 1 5 2 :追加部 -73-The data of the web page or the edit target data is transmitted to the store terminal device. 23 ° In step S1001, the browser 122 of the store terminal device 23 requests to edit the page displayed on the web page of the mobile phone U, That is, edit the information of the execution page. in particular, As mentioned above, In step S1001, the browser 122 of the store terminal device 23 requests the web server 19 to edit the material of the execution page. In other words, the browser 1 2 2 causes the communication control unit 1 31 of the communication control unit 1 to transmit a request to edit the material of the execution page. The communication unit 590 controlled by the transmission control unit 133 transmits a request for editing the material of the execution page to the Web server 19 via the network 14. The Web server 1 that has requested the editing of the material of the execution page notifies the application server 20 of the request to edit the material of the execution page. That is, the 'W e b server 1 9 is via the network 18. A request to the application server 20 to notify the material of the fe stub page. In step S200, the "receiving control unit 92 of the communication server 8" of the application server 2 is connected via the network 14, W e b server 19. And the network 1 8 ' causes the communication unit 3 7 to receive a request for editing the material of the execution page from the store terminal device 23. then, The reception control unit 92 notifies the edit execution page data generation unit 8 2 of the received request. The edit execution page material generation unit 82 accepts a request to edit the material of the execution page. In step S2 002, the 'edit execution page data generation unit 82 produces -42- 200910186 material for the page for editing' and is the material containing the description language. That is, edit the information of the execution page. More specifically, the 'edit execution page data generation unit 8 2 acquires the description language for editing the edit target material by the description language storage unit 8 1 to generate an edit execution page belonging to the web page including the acquired description language. data. In step S2003, The edit execution page data generation unit 82 causes the transmission control unit 91 of the communication control unit 83 to transmit the generated data of the edit execution page to the store terminal device 23. that is, The transmission control unit 9 1 causes the communication unit 37 to pass through the network 18 The generated edit execution page data is transferred to the web server 19. The web server 19 that has received the information of the editing execution page transmits the data of the editing execution page to the store terminal device 23 via the network 14. In step S 1 002, The communication control unit 13 of the store terminal device 23 receives the data of the edit execution page transmitted via the network port 4 by the communication unit 59. The reception control unit 1 2 2 supplies the data of the received editing execution page to the browser 1 22 . In step S 1 003, The browser 1 22 performs the information of the page by the received editing, Make the configuration have an additional preparation area, Editing area, Display area, The web page of the preview area is displayed on the output unit 51 belonging to the display. among them, In step S1 003, the browser 122 does not display an object or edit an object. Instead, only the additional preparation areas with frames are configured, Edit area, And the web page of the display area is displayed as the output of the display 57 ° -43- 200910186 as shown above. The user who can quickly display the web page 'store terminal device 23' can confirm that the processing has been executed. In step S1 004, The browser 122 extracts the description language from the information of the edit execution page. And the extracted description language is supplied to the description language execution unit 1 2 3 . The description language execution unit 1 2 3 is a description language included in the material of the execution execution page. among them, Descriptive language execution section 1 2 3 executes the description language, To realize the editing target data acquisition unit 1 24 Edit object data storage unit 1 2 5, And an editorial unit 126. Editing object data acquisition unit 124, Edit object data Storage unit 1 25, The processing by the editing unit 1 26 can be performed by the description language execution unit 1 2 3 executing the description language. As described above, the editing target data obtaining unit 1 24 to the editing unit 1 2 6 ' is realized by executing the description language included in the material of the editing execution page, thereby saving the trouble of pre-installing a program equivalent to the description language. In addition, The application server 20 can provide a description language suitable for it in conjunction with the store terminal device 23. In addition, It can also be in accordance with the description language of the store. E.g, Goods or membership fees sold, Provides a description language that omits a description language or function that includes a higher functionality. In the step S1 〇 〇 5, the 'editing object data obtaining unit 系 2 4 is a process of requesting the data displayed on the web page of the mobile phone j j by the processing of the executed description language, that is, the editing target material. at this time, The description language execution unit 123 attaches the store ID and requests the web server 19 to edit the target material. -44 - 200910186 In other words, the description language execution unit 1 2 3 causes the communication/transmission control unit 1 31 to transmit a request for editing the target material. The communication unit 590 controlled by the unit 1 31 transmits the request via the network 14 to the DEV server 19. The application server 20 is notified by a request for web server data requesting editing of the object data. That is, the request for communication to the application server 20 via the network 1 8 '. In step S2004, the receiving control unit 92 of the application server 20 83 is via the network 14, Web彳 Network 18 The communication unit 37 receives a request for the editing target material of the store terminal device to which the store ID is attached. The system 92 notifies the page description unit 84 of the received request. The page description material data acquisition unit 84 is a request for information accepted. In step S2〇05, the page describes the data material thinking network 18, A page of the edit target page that is determined by β to be edited by the web page database 17 The page description material data acquisition unit 84 acquires the first surface description data. Then in step S20〇5, The page description resource supplies the acquired page description material to the editing unit 85. The edit target data generation unit 8 5 is a page record information displayed on the WEB page of the mobile phone. And the control unit 1 2 1 is subjected to the communication control, and the editing target data is edited, Web server Know the editing target of the communication control unit with the server 1 And Ϊ 2 3 transmitted and then, Receiving and controlling data and obtaining the editing execution page [Department 8 4 is specially described by ί家ID. The material data acquisition unit shown in the example of FIG. 4 generates information on the object data. Produce information for the manner in which the editors in the store-end-45 - 200910186 end device 2 3 are That is to edit the object data. E.g, The edit target data generating unit 8 generates the edit target data shown in Fig. 8. In the step S2006, the editing target data generating unit 85 causes the transmission control unit 91 of the communication control unit 83 to transmit the generated editing target data to the store terminal device 23. that is, The transmission control unit 9 1 causes the communication unit 37 to transmit the generated editing target data to the Web server 19 via the network 18. The Web server 19 that has received the edit target data transmits the edit target data to the store terminal device 23 via the network 14. In step S 1 0 0 6 The communication control unit 1 2 of the communication control unit 1 2 1 receives the transmitted editing target data via the network 14 via the communication unit 59. The reception control unit 1 3 2 supplies the received editing target data to the editing target data acquisition unit 14 . Edit Object data acquisition unit 1 24 acquires editing target data. The acquired edit target data is supplied to the edit target data storage unit 125. The editing target data storage unit 1 2 5 stores the editing target data supplied from the editing target material acquisition unit 1 24 in the memory area managed by the memory area of the storage unit 58. By executing the description language contained in the material of the edit execution page, Get the edited object data, Therefore, even in the case where the Web page database 17 has changed, etc. The description language can also be changed by matching the change. 0 The edit target data is obtained reliably. In addition, Even if you want to improperly edit someone else's web page, Also, when there is a need to describe a language, It can be obtained by the store terminal device 23 and executed at -46-200910186, Therefore, it is difficult to analyze the description language' and thus the acquisition of the edited object data becomes more difficult. In step S 1 0 0 7 The editing unit 1 2 6 is an editing target material stored by the editing target data storage unit 125. In the additional preparation area, Edit area, And the display area displays the displayed object and the edited object. And display a preview image, The display processing of the edit execution page ends. In more detail, For example, 'in step S1007, The display object generation unit 143 of the editing unit 126 is composed of the editing target material. The display object is generated in such a manner that the name of the design part corresponding to the ontology data is set to the name of the display object. In addition, The edited object generation change unit 1 4 4 generates an edited object for indicating deletion and an edited object for indicating a change configuration for the generated display object. Next, the display area display control unit 145 displays the display object and the edited item in the display area. on the other hand, The editing area display control unit 系 46 does not display any of the object and the edited object in the edit area. In addition, The addition preparation area display control unit 147 does not display any of the display object and the edited item in the additional preparation area. In addition, The preview image display control unit 丨48 is in the preview area. Use edit object data, The web page described by the components indicated by the display objects displayed on the display area is displayed as a preview image. among them, As mentioned above, The display object represents the constituent elements of the web page. In more detail, The display item indicates that when the web page is viewed by the mobile phone 11, With CHTML 'mml, HDML, Or the component described in the XHTML $ markup language n - 47 - 200910186 The display control unit 145 controls the display so that the display object indicating the component described in the markup language is displayed on the display area. The above does not show the editing of the fr page. In Figure 1 3, the display contains the display object, Edit objects, And an image of the edit execution page of the specific example of the preview image. In the example of Figure 13, the configuration in the display area is: Display items belonging to the constituent elements of the store's introduction text, a display object belonging to the constituent elements of the line, a display object belonging to the constituent elements of the comment, Display items belonging to the changed elements, Display items belonging to the constituent elements of the recommended product, Display items belonging to the components of the latest gift product, And display items belonging to the components of the search form in the store. In the example shown in Figure 13, In the display objects arranged in the display area, On the right side of the display area (on the right side of the display object), an edit object that is used to indicate deletion and an edit object that is used to indicate the change of the configuration to the upper or lower side are configured. The edited object used to indicate deletion is, for example, represented by an X mark. The edit object used to indicate the configuration change to the upper side is, for example, indicated by an upward triangle. The edit object used to indicate the configuration change to the lower side is, for example, indicated by a downward triangle. In the example shown in Figure 13, None of the displayed objects and edited objects are displayed in the editing area. In the example shown in Figure 13, The edit preparation object that is used to indicate the search of the item is added to the preparation area. In addition, In the example shown in Figure 13, In the preview area, the components that belong to the store introduction text are displayed. a component belonging to a dotted line, Belonging to the constituent elements of the comment, Belonging to the elements of the change, -48 - 200910186 which is a recommended item, The components of the latest gift product, And a web page that describes the components of the search form in the store. Figure 14 is displayed in the menu on the left side of the edit execution page of Figure 13. When recommending the instructions for product editing, An example of an edit execution page displayed when selected. Display elements indicating the constituent elements constituting the recommended product and each of the connected elements are arranged in the display area. Each of the links is linked to each website where the recommended products are sold. The display object indicating the link element is composed of a product name and a URL method URL. In addition, An edit object for indicating deletion and an edit object for instructing to change the configuration are displayed for each of the display objects indicating the connected elements. In the example shown in Fig. 14, an editing area is not arranged. In the example shown in Figure 14, An edit object for indicating the search of the product is arranged in the additional preparation area. When the edit object of the additional preparation area is operated, When the additional preparation area displays a display object for a website that sells goods, If the edited object used to indicate the addition is selected, The display item for the product is added to the display area', and the connection element for the product is added to the component of the recommended product. At this time, a web page in which the constituent elements of the recommended product to which the product element added has been instructed is added is displayed in the preview area is displayed. Figure 15 is displayed in the menu -49- 200910186 on the left side of the editing execution page of Figure 13. An example of the editing execution page displayed when the home color editing command is clicked. On the Edit Execution page, there are radio buttons for specifying colors with color themes. A radio button for individually specifying any color. When a radio button for specifying a color with a color theme is selected to be effective, Will be used to specify basic, Dynamic, Simple, Green, The radio button for each color theme such as ethnic is set to active', whereby the color of the home page can be specified by the color theme. When a radio button for individually specifying an arbitrary color is formed as valid, The background color of the page, Link color, Or text color, etc. can be individually selected. Next, an edited object for referring to the searched item using the additional preparation area illustrated in Fig. 3 will be described. Or, when the button named Information Page shown in Fig. 13 is clicked, the search processing of the linked page of the edited object displayed by the additional preparation area for instructing the search information page is used. Fig. 16 is a flow chart for explaining the retrieval processing of the linked page. In step S1 1 , the search unit 1 4 1 of the editing unit 1 2 6 determines whether or not the button belonging to the instruction search for indicating the searched object for retrieval has been selected. Until it is determined that the button indicating the search has been clicked, The determination process of step S11 is repeated. In step S1 1 ' when it is determined that the button indicating the search has been clicked, the procedure proceeds to step s 1 2 . In step S 1 2, The search unit 1 4 1 searches for a page by using a character input to the field as a query. -50- 200910186 For example, When searching for product indications (for example, As exemplified in Fig. 3, when an edit object for instructing retrieval of an item is operated and is instructed to perform a search, The search unit 1 1 1 searches for the product database 22 by using the character input in the field as the query '. in particular, The retrieval unit 141 is via the network 14, In the product database 22, Use the store ID of the store and the text entered in the field as an inquiry. To retrieve the product page URL that represents the material of the page URL of the product being sold. that is, The search unit 141 sets the communication control unit 通讯3 of the communication control unit 1 2 1 to Transfer the query to the product database 22. The product database 2 2 transmits the search result of the product page URL via the network 14 Therefore, the reception control unit 1 3 2 of the communication control unit 1 2 1 causes the communication unit 59 to control the reception of the search result of the product page web address. The reception control unit 1 32 supplies the search result of the received product page URL to the search unit 141. Therefore, the search unit 141 acquires the search result of the store ID of the store and the character input to the field as the searched product page URL. With this, For example, a web site for selling a product page including a product of a character input in a field, which is sold by a store designated by the store ID, is searched for. In addition, E.g, When invoking a search for a page with information about the product, The search unit 1 4 1 uses the character input in the field as a query. Search for pages provided by the Web server 15 or other Web server. In step S13, The additional preparation area display control unit 1 4 7 is added in the -51 - 200910186 preparation area, and the search processing for displaying the information on the searched page and the button connection to the searched page is completed. By clicking on the additional button, Simply add a link. Figure 17 shows the search for goods, In the additional preparation area, a schematic diagram of an image of the editing execution page of the search result is displayed. For example, 'In the additional preparation area, there are: The name of the retrieved item, Product Number, The page has been updated, The URL of the page in the form of a URL, And instruct to add a button for linking to this page. For example, the 'product number' is a product ID stored in the product database 2 2 and used for the material of the specific product. Wherein ' can also be in the information (record) of the goods stored in the commodity database 22, An item (item) different from the item ID ’, and the item number is set. Use the item number. When searching for a page related to the product (for example, a page introducing the product) (information page), as shown in Fig. 18, after clicking the button named as the information page, If you enter the query in the field and click the button that indicates the search, Similarly, A URL for indicating the information page and a button for adding a link to the information page are arranged in the additional preparation area. Fig. 19 is a flow chart showing the display processing of the list of design parts executed when the display command of the § ten parts list is instructed. In step S 31, The design component reading unit 1 4 2 reads out the data stored in advance on the currently displayed page. That is, a view of the design components of the candidate elements added to the WEB page of the information of the execution page is edited. -52- 200910186 In step S 3 2, The additional preparation area display control unit 1 4 7 is added to the name of the design part included in the preparation area display list, Description, And additional buttons, The display processing of the list of design parts ends. Fig. 20 is a schematic diagram showing an image of an edit execution page in which a list of design parts is displayed in the additional preparation area. E.g, In the additional preparation area, there is a diversion or a dotted line for each design part. Or the name of a design part such as a comment. In addition, In the additional preparation area, the name for each design part is configured. Indicates the display image of the design part, And additional buttons for the design part. E.g, Regarding the design parts that belong to the diversion, In the additional preparation area configuration, indicate the name of the design part that belongs to "change", "Change 1 line" display image, And additional buttons that belong to the changed design part. Similarly, E.g, Regarding the design parts that belong to the dotted line, In the additional preparation area, the name of the design part indicating the "HR" is indicated, Display image of the grid line, And additional buttons belonging to the dotted design part. When clicking the button to add the desired design part, The design component can be simply configured as a component in the editing area. In addition, The processing described below can be appended to the web page by the editing area. Next, referring to the flowcharts of Figs. 21 and 22, Explain the change processing that constitutes the attribute of the element. In step S 5 i, The editing unit i 26 determines whether or not the connection to the searched page or the addition of the design component has been instructed. When it is determined that the button to be added is instructed to indicate the connection to the searched page or the addition of the design component, The procedure proceeds to step s 5 2 . In step S52, the edit area display control unit 146 displays the display object of the link or the display unit in the edit area. In more detail, In step S52, First of all, The display object generation unit 1 4 3 is a link to the searched page obtained by the additional instruction, Or the information on the design parts obtained by the additional instructions, A display object that produces the joint or design part. then, The editing area display control unit 146 causes the generated display object to be displayed in the editing area. In step S53, The edit object generation change unit 144 performs the description language by To generate an edit object for editing the added display object, And is an edit object corresponding to the display object type. that is, In step S53, The edit object generation change unit I44 is based on each recommended item, Latest gift items, Or a type of display object such as a search form in the store, and a description language described in advance, Produces an edit object to edit each type of display object. here, The term "editing the display object" is also meant to include a change in the attributes of the components represented by the display object. In step S 5 4, The editing area display control unit 1 4 6 is under the added display object, Displaying the generated edited object (for example, to display the edited object shown in Figure 23), The procedure proceeds to step S5 5. In step S51, When it is determined that the link to the retrieved page or the addition of the design part is not indicated, Skip step S52 to step S54, The procedure goes to step S 5 5. In step S 5 5, The editing unit 1 26 determines whether the displayed object has been dragged and dropped from the display area to the editing area. When it is determined that the displayed object has been dragged and dropped from the display area to the editing area, The procedure proceeds to step S56. -54- 200910186 In step S56, The display area display control unit 145 erases the displayed object that has been dragged and dropped from the display area. In step S57, The editing area display control unit 140 causes the displayed object to be dragged and dropped to be displayed in the editing area. In step S58, The editing area display control unit 1 4 6 causes the editing area to display the editing object below the displayed object to be dragged and dropped. The procedure proceeds to step S59. By this, the constituent elements indicated by the display objects displayed in the editing area are clearly visible. Wherein 'when there is no editing object for the displayed object being dragged and dropped, the edit object generation changing unit 1 4 4 is performed by executing the description language, And an edit object for editing the displayed object to be dragged and dropped is generated and is an edit object corresponding to the type of the display object. that is, Editing object generation change Department 1 44 is based on each recommended item, Latest gift items, Or a description language which is described in advance in the type of display object such as a search form in the store, which produces an edited object for editing each type of display object. In addition, When the displayed object is dragged and dropped to the editing area, The constituent elements indicated by the display object may also be deleted from the edit target data. at this time, The editing area can also be used to display the components represented by the object, It is different from editing object data' and is temporarily stored in the buffer. at this time, When the displayed object is again dragged and dropped from the editing area to the display area, It is not necessary to reproduce the constituent elements indicated by the display object. In step S 5 5, When it is determined that the display object is not dragged and dropped by the display area to the editing area, The procedure proceeds to step S59. In step S59, The editing unit 126 determines whether the edited object for indicating the change of the attribute -55-200910186 has been operated. In step S59, When it is determined that the edit object indicating the attribute change has been operated, The procedure proceeds to step S60. In step S60, The attribute changing unit 1 50 is in accordance with the operation of the edited object. Changing the attributes of the constituent elements represented by the displayed object on the edited object, The procedure proceeds to step S61. E.g, The attribute change unit 1 500 is in the field for inputting the title, And an edit object belonging to the radio button for selecting the maximum number of displays, When a new title is entered in the field, Among the attributes that represent the constituent elements represented by the object, Change the attribute that belongs to the title to the new title. E.g, The attribute change unit 1 500 is in the field for inputting the title, And an edit object belonging to the radio button for selecting the maximum number of displays, When the radio button with the maximum number of displays set to 5 is set to valid, Among the attributes of the constituent elements represented by the displayed object, Change the attribute that belongs to the maximum number of displays to 5. In addition, E.g, The attribute changing unit 150 is used to select a pull-down list box (ComboBox), The field for entering the link name of the product name of the general product, The field for entering the URL of the link object of the URL method, And an edit object for a button for starting a function that assists in the input of the input, When the drop-down list box used to select the icon is operated, And when you choose a new icon, Among the attributes of the constituent elements represented by the displayed object, Change the illustration to a new icon that has been selected. In addition, E.g, The attribute changing unit 150 is used to select a pull-down list box (ComboBox), A field for entering the name of the link of the product name of a generic product, The field of the -56- 200910186 URL used to enter the URL object, And an edit object for a button for starting a function that assists in the input of the input, When a new web address is entered in the field of the web address of the link object used to input the URL method, That is, in the attribute that shows the constituent elements represented by the object, Change the URL of the link object to the new URL that was entered. In step S59, When it is determined that the edit object indicating the attribute change is not operated, Skip step S60, The procedure goes to step S61. In step S61, The editing unit 126 performs a determination as to whether or not the edited object indicating the deletion has been operated. In step S61, When it is determined that the edited object indicating deletion has been operated, The procedure proceeds to step S62. In step S62, The deleting unit 1 1 1 deletes the display object on the edited object to be operated and the constituent elements indicated by the display object, The procedure proceeds to step S63. In step S61, When it is determined that the edited object indicating deletion is not operated, Skip step S62, The procedure goes to step S63. In step S63, The editing unit 1 2 6 performs a determination as to whether or not the edited object rearranged has been operated. In step S63, When it is determined that the edited object indicating the rearrangement has been operated, The procedure proceeds to step S64. In step S64, The rearrangement unit 1 49 rearranges the display object on the edited object to be operated and the constituent elements indicated by the display object. The attribute change processing of the constituent elements ends. among them, The display object that becomes the object of rearrangement is rearranged with the display object on it (so that the object on the display object that is the object of rearrangement is on the lower side, The display objects that become the objects of rearrangement are rearranged in the manner of the upper side -57- 200910186), Or rearrange the displayed objects below it (so that the objects under the display object that are the objects of the rearrangement are on the upper side, The display objects that become the objects of the rearrangement are rearranged in the way of the lower side. In step S63, When it is determined that the edited object indicating the rearrangement is not operated, Skip step S64, The attribute change processing of the component ends. As shown above, When the display object is configured in the editing area, An edit object for editing the displayed object is displayed below the display object. then, By operating the edited object, You can change to display the attributes of the components represented by the object. Or delete the constituent elements, Or, the arrangement of the constituent elements is changed, and the constituent elements indicated by the display object are edited. Where 'as mentioned above, Displaying the object means that when the web page is viewed by the mobile phone 11, With CHTML, MML, HDML, Or a component that is described in a markup language such as XHTML. That is, The editing area display control unit 1 4 6 controls the display so as to display an editing object for changing the attribute described by the language. The second graph shows, for example, the display item of the recommended item corresponding to step S58 of Fig. 2, Display items of the latest gift items, And the illustration of the image of the display page of the display page when the display object in the store search form is dragged and dropped to the editing area. In the editing area, under the display item of the recommended item, there are: The field for entering the title of the edited object of the display item of the recommended item, And a radio button to select the maximum number of displays. The radio button for selecting the maximum number of displays -58- 200910186 by the edit object belonging to the display object of the recommended product, Select the maximum number of displays for any of 1 to 10. E.g, When the maximum number of displays of 5 is selected by the radio button, the five elements that are connected to the web page of the recommended product are displayed as links to the recommended products and displayed on the web page. In addition, In the editing area below the display item of the latest gift item, the field for entering the title of the edit object belonging to the display item of the latest gift item is displayed, And the radio button to select the maximum number of displays. By selecting a radio button for selecting the maximum number of displays for an edit object belonging to the display item of the latest gift product, Select the maximum number of displays for any of 1 to 5. E.g, When the maximum number of displays of 3 is selected by the radio button, The three elements that are connected to the web page of the latest gift product are displayed on the web page as a link to the latest gift product. In addition, In the editing area, under the display object in the search form of the store, a field for inputting a title belonging to the edited object of the display object in the search form of the store is displayed. Fig. 24 shows a link between the product name of the general product that has been instructed to belong to the searched page, such as the additional order corresponding to the product name belonging to the "product name of the general product" displayed in the additional preparation area. An example of editing the image of the execution page when it is added. In the editing area, under the display object of the link of the product name of the general product, there are: a drop-down list box for selecting an icon for editing objects of the display object, The field for entering the name of the link of the product name of the general product, The field used to enter the URL of the link object -59- 200910186 And a button or the like for starting a function for assisting the input of the such. Fig. 25 shows, for example, that the items displayed in the additional preparation area belong to the "recommended item, , An example of an image of the edit execution page when the design component is instructed to add a design component, such as an additional command corresponding to the design name, is selected. The editing area is displayed under the display item of the recommended item belonging to the added design part: The field for entering the title of the edited object of the display object of the recommended product to be added, A radio button to select the maximum number of displays. The radio button for selecting the maximum number of displays by the edit object belonging to the display object of the recommended item, To select the maximum number of displays from 1 to 10. Fig. 26 is a flow chart for explaining the addition processing of constituent elements by moving the display object in the editing area to the display area. In step S81, The editing unit 1 2 6 determines whether the displayed object has been dragged and dropped from the editing area to the display area. When it is determined that the displayed object has been dragged and dropped from the editing area to the display area, The procedure proceeds to step S82. In step S82, The editing area display control unit 146 erases the displayed object that has been dragged and dropped from the editing area. In step S83, Display area display The control unit 1 45 displays the displayed object to be dragged and dropped on the display area. In step S84, The edited object generation changing unit 1 is formed to display the edited object for editing the displayed object to be dragged and dropped as non-display. that is, Only display objects are displayed. The 'edited object' is not displayed in the display area or the edit area. therefore, The components represented by the displayed objects that are dragged and dropped to the display area are not obscured by the objects of the series -60-200910186. In the step S85, the 'addition unit 152 adds a component indicated by the display object to the edit target material stored in the edit target data storage unit 156. In step S86, the preview image display control unit 148 uses the editing target material that has been traced to the constituent elements indicated by the display object. Update the preview image displayed in the preview area of the display screen. The addition processing of the components ends. In other words, the preview image display control unit 148 is displayed in the preview area of the display screen so that the web page described by the components indicated by the display object displayed on the display area is displayed as a preview image. In step S81, When it is determined that the display object is not dragged and dropped by the editing area to the display area, Skip step S82 to step S86, The processing of the components is completed. As shown above, 'only display objects are displayed to the display area, You can add constituent elements to the edit object data. Fig. 27 is a flowchart for explaining the arrangement change processing of the constituent elements by, for example, changing the arrangement order of the display objects in the display area. In step s1 〇1, 'editing unit 1 26 is among the editing objects arranged in the display area', and an editing object for determining deletion is performed (for example, the display of "comment" arranged in the display area illustrated in Fig. 2 is displayed. Whether the edited object of the X Η 之中 in the object of the object has been manipulated. In step s 1 〇 1, In the editing object arranged in the display area 'When it is determined that the edited object indicating the deletion has been operated, the procedure proceeds to step S102. -61 - 200910186 In step S 1 0 2, The deletion unit 1 1 1 deletes the display object corresponding to the edited object being operated. In step S1 03, The deletion unit 151 is included in the editing target material stored in the editing target data storage unit 1 2 5 . The constituent elements indicated by the displayed object to be deleted are deleted. In step S104, The preview image display control unit 148 uses the editing target material in which the constituent elements have been deleted. Update the preview image displayed in the preview area of the display screen. The procedure goes to step S105. In other words, The preview image display control unit 1 48 is in the preview area of the display screen. The web page described by the constituent elements displayed on the display object displayed in the display area is displayed as a preview image. In step S101, Among the edited objects arranged in the display area, When it is determined that the edited object indicating deletion is not operated, Skip step S102 to step S104, The procedure goes to step S105. In step S105, The editing unit 126 is among the edited objects arranged in the display area. Determining whether the edited object indicating the rearrangement has been operated (for example, in the edited object of the display object of the "comment" disposed in the display area illustrated in Fig. 2, An edit object indicating that it is moving up, that is, Whether the editing object of the upward triangle has been selected, Or an edit object that indicates moving down, that is, Whether the editing object of the downward triangle has been selected). In step S105, Among the edited objects arranged in the display area, When it is determined that the edited object indicating the rearrangement has been operated, The procedure proceeds to step S106. among them, In step S105, The editing unit 126 can also determine whether the display object is rearranged by dragging and dropping the display object. -62- 200910186 In step S 1 〇 6, The rearrangement unit 1 4 9 rearranges the display objects corresponding to the edited object being operated. In step S107, The rearrangement unit 1 is in the edit target data stored in the edit target data storage unit 25 The components represented by the displayed objects are rearranged. For example, 'indicating an edit object that moves up, that is, When the upward-triangular edit object is clicked, The display object corresponding to the edited object is rearranged with the display object above the display object (so that the display object above the display object corresponding to the edited object being operated is on the lower side, The display objects corresponding to the edited object being operated are rearranged in the upper side. For example, 'indicating an edit object that moves down, that is, When the edit object of the downward triangle is clicked, The display object corresponding to the edited object is rearranged with the display object under the display object (so that the display object under the display object corresponding to the edited object being operated is on the upper side, The display objects corresponding to the edited object being operated are rearranged in the lower side. In step S1 0 8 , The preview image display control unit 1 4 8 uses the editing target data in which the constituent elements are rearranged. Update the preview image displayed in the preview area of the display screen. The configuration change processing of the components is completed. In other words, The preview image display control unit 1 48 is in the preview area of the display screen. The display is controlled such that the web page described by the constituent elements indicated by the display object displayed on the display area is displayed as a preview image. -63- 200910186 In step S1 05, Among the edited objects arranged in the display area, When it is determined that the edited object indicating the rearrangement is not operated, Skip step S 1 06 to step S丨, The configuration change processing of the components is completed. As shown above, in the display area, The components in the edited object data can be deleted or rearranged by deleting or rearranging the displayed objects. Generally, a mobile phone 1 1 employs a monitor of a vertically long display screen. therefore, The viewing mode of the web page viewed by the mobile phone 1 1 is only related to the upper and lower arrangement of the components. There is little to do with the left and right configuration of the components. therefore, When editing a web page viewed by the mobile phone 11, If you only rearrange the configuration of the components above and below, That is, editing can be performed more efficiently. among them, When editing a web page viewed by a personal computer, It is also possible to rearrange the arrangement of the components in the up and down direction and the arrangement of the components in the left and right direction. Figure 28 is a flow chart showing the update process of the web page. In step S 1 1 0 1 , The editing unit 1 2 6 is a button for indicating that the edited object data to be edited (completed editing) has been selected, for example, as shown in the first drawing. It is determined whether or not the update is displayed on the web page of the mobile phone 11. In step S 1 1 〇 1, When it is determined that the update is displayed on the web page of the mobile phone 1 1 'the procedure proceeds to step s 11 0 2 'in the step -64 - 200910186 S 1 1 〇 2 'Editing part i 26 is via the network 丨 4 , Additional store ID, The edit target data stored by the edit target data storage unit 丨25 is transferred to the web server 19. Specifically, the editing unit 126 causes the communication unit 1 31 of the communication control unit 121 to transmit the editing target data to the Web server 19. The communication unit 59 controlled by the control unit 1 31 is via the network 14 . The edit target data of the attached store ID is transmitted to the server server 19. The Web server that transmits the edit target data receives the edit target data of the attached store ID. Via the network 18 The edit object data to which the store is attached is supplied to the application server 20. In step S21 01, The communication control unit 9 of the application server 20 receives the network control unit through the network 14. W e b server 19. The network 1 8 ' causes the communication unit 37 to receive the editing target material to which the store ID is transmitted by the store terminal device 23. then, The reception control unit supplies the received store ID and editing target data to the page data generating unit 86. In step S2102, The page description data generating unit 86 generates page description data corresponding to the received editing target data. The page data generating unit 8 6 is connected via the network 18. Together with the store ID, The generated page description data is supplied to the Web page database 1 7 together. The Web Face Database 1 7 is the information that has been stored on the page displayed on the mobile phone until now. And the specific information given by the store ID, Also, the store ID is used to specify the page descriptions so far. The new page description data supplied by the application server 20 is sent to the control unit to be sent with the ID unit, and the page is described in the format of the page -65-200910186. In step S2103, The application server 20 is a web server 15 Application server 1 6, And the web page database 1 7 starts to provide information on the web page corresponding to the overwritten page description data, The update process of the web page ends. In step S 1 1 0 1 , When it is determined that the update is displayed on the web page of the mobile phone 11, Skip step S1102 and step S210 1 to step S2103, No need to rewrite the page description data, The update of the web page is processed. As shown above, The web page displayed on the mobile phone can be simply updated to the editor. As shown above, Can be simpler, It is more sure to know the constituent elements that are the objects of editing. As shown above, When the constituent elements of the web page are displayed and the attributes of the constituent elements are to be changed, The system can edit the web page. In addition, The first area (for example, the display area) of the display screen is displayed in such a manner that the first object (for example, the display object) indicating the constituent elements of the Web page is displayed in the order of the constituent elements on the web page. When the first object is placed in the second area (for example, the editing area) of the display screen, When the second object (for example, an edited object) for changing the attribute of the constituent element indicated by the first object is displayed in the second area, the display time is controlled. Can be simpler, It is more sure to know the constituent elements of the object of editing. E.g, When the web page viewed by the mobile phone 1 is used for editing by the store terminal device 23 belonging to the personal computer, When the web page viewed by the mobile phone 1 1 is directly displayed on the -66 - 200910186, The configuration of the components on the web page will deviate. then, If you edit directly in the state where the components on the Web page are deviated, The web page when viewing by the mobile phone 1 1 cannot be confirmed. And must be confirmed on the mobile phone 1 1 after editing. More troublesome. However, for example, the preview image displayed by the preview command or the preview image displayed in the preview area shown in Fig. 29 uses the edit target data of the description component 'the browser of the analog mobile phone 1 1 ', To draw on this, Therefore, the configuration deviation of the constituent elements on the web page does not occur. The same image as the preview image can be displayed on the mobile phone 11 by confirming only the preview image. In addition, The illustrations (symbols) shown vary by mobile phone line provider. Therefore, as shown in Figure 29, A button for displaying a preview image is set to select a button (symbol) provided by a mobile phone line provider (for example, a button named "DoDoMo", The button named "ai", The button named "HardBank"), The icon (symbol) selected by clicking the button is selected to display the preview image. As shown above, in terms of preview images, The same portrait as the portrait displayed by the mobile phone line provider on the mobile phone 11 can be displayed more correctly. Although it is explained that the editing target page is viewed by the user of the mobile phone n, But not limited to this, It can also be displayed by other computers such as personal computers or TV receivers. It is viewed by its users. -67- 200910186 The above series of processing can be performed by hardware. It can also be executed by software. When performing a series of processing by software, A computer that can be equipped with a program constituting the software in a dedicated hardware group or a general-purpose personal computer such as a general-purpose personal computer that can perform various functions by installing various programs. Installed by the program recording medium. among them, The programs executed by the computer may be in the order described in this manual. a program that processes in time series, It can also be a program that processes at the timing required for juxtaposition or calling. In addition, Embodiments of the present invention are not limited to the above-described embodiments. Various changes can be made without departing from the spirit and scope of the invention. BRIEF DESCRIPTION OF THE DRAWINGS Fig. 1 is a block diagram showing an information providing system according to an embodiment of the present invention. Fig. 2 is a block diagram showing an example of the configuration of the hardware of the application server 20. Fig. 3 is a block diagram showing a configuration example of the hardware of the store terminal device 23. Fig. 4 is a diagram showing an example of the page description data stored in the web page database 17. Fig. 5 is a diagram showing an example of the assets of members who are stored in the member information database 21. Fig. 6 is a view showing an example of the material (record) of the product stored in the product database 22. -68- 200910186 Figure 7 is a block diagram showing the structure of the functions in the application server 20 executing the program. Fig. 8 is a schematic diagram showing a specific example of the edit target data generated by the edit target data generating unit 85. Fig. 9 is a block diagram showing the constitution of the functions of the store terminal device 23 including the program for describing the language. Fig. 10 is a diagram showing an example of an image displayed by the browser 122. Figure 11 shows an example of the editing process of a web page. Fig. 12 is a flow chart showing the display processing of the edit execution page belonging to the web page for editing. Figure 13 shows the display object, Edit objects, And a schematic diagram of an image of an edit execution page of a specific example of a preview image. Fig. 14 is a diagram showing an example of an edit execution page displayed when an instruction for recommending product editing is clicked. Fig. 15 is a diagram showing an example of an edit execution page displayed when the instruction for color editing of the top page is clicked. Figure 16 is a flow chart for explaining the retrieval process of the linked page. Figure 17 shows the search for goods, In the additional preparation area, a schematic diagram of an image of the editing execution page of the search result is displayed. Fig. 18 is a view showing the intention of editing the image of the execution page when the information page is retrieved. Figure 19 is a flow chart for explaining the display processing of a list of design components -69- 200910186. Fig. 20 is a schematic diagram showing an image of an edit execution page in which a list of design parts is displayed in the additional preparation area. Fig. 2 is a flow chart for explaining the attribute change processing of constituent elements. Fig. 22 is a flow chart for explaining the attribute change processing of constituent elements. Fig. 23 is a view showing an example of an image of an edit execution page when a display object is dragged and dropped from the display area to the editing area. Fig. 24 is a view showing an example of an image of an edit execution page when it is instructed to add a link of a product name belonging to a general product of the searched page. The 2nd figure shows a list of illustrations of the editing execution page when the design part is not added. Fig. 26 is a flow chart for explaining the additional processing of constituent elements. Fig. 27 is a flow chart for explaining the configuration change processing of constituent elements. Figure 28 is a flow chart showing the update process of the web page. Fig. 29 is a view showing an example of a screen for displaying a preview image. [Main component symbol description] 1 i-l, 1 1-2, 1 1 : Mobile phone 1 2 : Base station 1 3 : Gateway 1 4 : Network 15: Web server -70- 200910186 1 6 : Application 1 7 : Web page 1 8 : Network 19: Web server 20 : Application 21 : Membership 22 : Commodity capital 23-1, 23-2 31: CPU 32: ROM 3 3 : RAM 34: Bus 3 5 : Output 3 6 : Memory 3 7 : Communication Department 3 8 : Drive 3 9 : Can be removed 5 1: CPU 5 2 : ROM 53: RAM 54 : Bus 55: Output 5 6 : Input part 5 7 _·output part server surface database server type server data library twenty three : Store terminal device interface media interface -71 - 200910186 5 8 : Memory 5 9 : Communication Department 6 0 : Drive 6 1 : Removable media 8 1 : Description Language Storage Department 82 : Edit execution page data generation unit 8 3 : Communication Control Unit 84: Page description data acquisition unit 8 5 : Edit object data generation unit 8 6 : Page description data generation unit 9 1 : Transmission control unit 92: Receiving control unit 1 2 1 : Communication control unit 122: Browser 123 : Description Language Execution Department 124 : Editing object data acquisition unit 125 : Edit object data storage unit 1 2 6 : Editorial Department 1 3 1 ’·Message Control Unit 1 3 2 : Receiving control unit 1 4 1 : Search unit 142 : Design part reading unit 1 4 3 : Display object generation unit 144: Edit Object Generation Change Department -72 - 200910186 1 4 5 : Display area display control unit 1 4 6 : Edit area display control unit 147 : Additional preparation area display control unit 148: Preview image display control unit 149 : Rearrange the part 1 5 0 : Property change department 1 5 1 : Delete Department 1 5 2 : Additional Department -73-
Claims (1)
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
JP2007219690A JP2009053912A (en) | 2007-08-27 | 2007-08-27 | Information processing device, method and program |
Publications (1)
Publication Number | Publication Date |
---|---|
TW200910186A true TW200910186A (en) | 2009-03-01 |
Family
ID=40387060
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
TW097132377A TW200910186A (en) | 2007-08-27 | 2008-08-25 | Information processing apparataus, method, and program |
Country Status (3)
Country | Link |
---|---|
JP (1) | JP2009053912A (en) |
TW (1) | TW200910186A (en) |
WO (1) | WO2009028334A1 (en) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
TWI503736B (en) * | 2009-12-29 | 2015-10-11 | Rakuten Inc | Object control method, object control program and Web server |
Families Citing this family (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP5665212B2 (en) * | 2009-10-23 | 2015-02-04 | 楽天株式会社 | Information providing apparatus and method, and program |
EP2972731B1 (en) | 2013-03-14 | 2023-04-12 | Wix.com Ltd. | Website building by utilizing data lists |
JP6619478B2 (en) | 2018-05-21 | 2019-12-11 | 株式会社フューチャーショップ | Content management apparatus, content management method, and program |
Family Cites Families (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2002202937A (en) * | 2000-12-28 | 2002-07-19 | Ibi Kk | Web site automatic generating device, web site automatic generating system, web site automatic generating method, and recording medium |
JP2005165872A (en) * | 2003-12-04 | 2005-06-23 | Ntt Resonant Inc | Content display system and method of portable terminal, program and program recording medium |
JP2006293763A (en) * | 2005-04-12 | 2006-10-26 | Pioneer Electronic Corp | Information processor, information processing system, information processing method, information processing program, and recording medium having information processing program recorded therein |
-
2007
- 2007-08-27 JP JP2007219690A patent/JP2009053912A/en active Pending
-
2008
- 2008-08-13 WO PCT/JP2008/064533 patent/WO2009028334A1/en active Application Filing
- 2008-08-25 TW TW097132377A patent/TW200910186A/en unknown
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
TWI503736B (en) * | 2009-12-29 | 2015-10-11 | Rakuten Inc | Object control method, object control program and Web server |
Also Published As
Publication number | Publication date |
---|---|
JP2009053912A (en) | 2009-03-12 |
WO2009028334A1 (en) | 2009-03-05 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US7831660B2 (en) | System and method for contents upload using a mobile terminal | |
JP3798709B2 (en) | Server, information providing method, and program | |
US20020196273A1 (en) | Method and apparatus for consolidating network information | |
US20080021778A1 (en) | Web-based brand marketing communication network for enabling e-commerce transactions using Multi-Mode Virtual Kiosks (MMVKS) | |
US20060253776A1 (en) | Information processing device, information processing system, information processing method, information processing program and recording medium recording the informaiton processing program | |
US20080177708A1 (en) | System and method for providing persistent, dynamic, navigable and collaborative multi-media information packages | |
JP2008027043A (en) | Website management system, website management method, website management program, and recording medium recording same program | |
JP2011510376A (en) | Message management system, apparatus and / or method | |
JP2007317123A (en) | Server for managing dynamic images | |
JP2009266228A (en) | Content providing method and content providing system | |
CN100407189C (en) | Commodity information managing equipment | |
JP2009205319A (en) | Data processing method for cellphone in electronic book sales system, and the electronic book sales system | |
TW200910186A (en) | Information processing apparataus, method, and program | |
JP2007149016A (en) | System, method and server for supporting webpage creation | |
WO2003081441A1 (en) | Mail distribution system, mail distribution method, mail distribution program, recording medium containing the mail distribution program, and a web site creation support device | |
WO2019167698A1 (en) | Program for posting application | |
JP2020043534A (en) | Information display program, information display device, information display method, and distribution device | |
KR101697290B1 (en) | Method and system for making homepage using web browser | |
JP2009266226A (en) | Content providing method and content providing system | |
JP4147236B2 (en) | server | |
JP7003017B2 (en) | Information display program, information display device, information display method and distribution device | |
JP4428604B2 (en) | WEB page editing system | |
JP2010157006A (en) | Method for determining attribute of each website on internet | |
JP2003203141A (en) | Commodity information management device | |
JP4875401B2 (en) | Site search method, site search system, server device, and computer program |