WO2021066325A1 - 웹 페이지를 생성하는 방법 및 장치 - Google Patents

웹 페이지를 생성하는 방법 및 장치 Download PDF

Info

Publication number
WO2021066325A1
WO2021066325A1 PCT/KR2020/011316 KR2020011316W WO2021066325A1 WO 2021066325 A1 WO2021066325 A1 WO 2021066325A1 KR 2020011316 W KR2020011316 W KR 2020011316W WO 2021066325 A1 WO2021066325 A1 WO 2021066325A1
Authority
WO
WIPO (PCT)
Prior art keywords
information
blocks
web page
block
area
Prior art date
Application number
PCT/KR2020/011316
Other languages
English (en)
French (fr)
Inventor
김철형
Original Assignee
(주)텐스
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by (주)텐스 filed Critical (주)텐스
Publication of WO2021066325A1 publication Critical patent/WO2021066325A1/ko
Priority to US17/712,227 priority Critical patent/US12045305B2/en

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q50/00—Information and communication technology [ICT] specially adapted for implementation of business processes of specific business sectors, e.g. utilities or tourism
    • G06Q50/10—Services
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/34—Graphical or visual programming
    • 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
    • G06F16/986—Document structures and storage, e.g. HTML extensions
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00—Handling natural language data
    • G06F40/10—Text processing
    • G06F40/12—Use of codes for handling textual entities
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00—Handling natural language data
    • G06F40/10—Text processing
    • G06F40/12—Use of codes for handling textual entities
    • G06F40/14—Tree-structured documents
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00—Handling natural language data
    • G06F40/10—Text processing
    • G06F40/166—Editing, e.g. inserting or deleting
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00—Handling natural language data
    • G06F40/10—Text processing
    • G06F40/166—Editing, e.g. inserting or deleting
    • G06F40/186—Templates
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/38—Creation or generation of source code for implementing user interfaces
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces

Definitions

  • the present invention relates to a method and apparatus for generating a web page.
  • websites are not easy to produce by ordinary Internet users who do not have professional knowledge or experience in production, but some websites provide a service that automatically creates websites.
  • these services are only at the level of creating a simple function webpage that can simply output the information entered by the user, and it was difficult for a general person without experience in website to create a website with various functions.
  • This homepage creation solution is a skin-centered solution that imports pre-made skins, individually selects components (e.g., images, text, buttons, etc.) to compose the homepage, and creates a homepage after editing the selected components. Provides a way.
  • the homepage can be built in a short time, but the homepage layout provided as a demo is used as it is. Instead, if it is modified to suit the user's taste and purpose, there is a problem that it may take a considerable amount of time to produce the homepage.
  • a user wants to create a homepage for a specific purpose e.g., a promotional homepage, etc.
  • the user must purchase and install a plug-in separately because the existing homepage creation solution does not provide special functions used for the homepage. There was a hassle.
  • Patent Document 1 Korean Patent Publication No. 2006-0100491 (published on September 21, 2006)
  • the present invention is to solve the problems of the prior art described above, and an object of the present invention is to generate various types of web pages by arranging a plurality of blocks selected from among a plurality of blocks including information on at least one configuration.
  • the present invention is to output a web page in which the arrangement of blocks in the work area of the web page is changed according to the resolution of the device accessing the web page.
  • the technical problem to be achieved by the present embodiment is not limited to the technical problems as described above, and other technical problems may exist.
  • a method for generating a web page comprises: providing a plurality of blocks including information on at least one configuration constituting a web page; Selecting each of the plurality of blocks and placing each of the plurality of blocks in the working area based on an input placed in the working area; Modifying at least one configuration included in each of the plurality of blocks based on an input for modifying each of the plurality of blocks; Outputting a web page based on arrangement information of each of the plurality of blocks for the work area and information on at least one configuration included in each of the plurality of blocks; And storing information on the web page and information on each of the plurality of blocks in a user block database, wherein the arrangement information of each of the plurality of blocks includes location information and resolution information of each of the plurality of blocks. And, the arrangement of each of the plurality of blocks in the work area may be changed according to the resolution of the device accessing the web page based on the location information and the
  • a web page generating apparatus for generating a web page according to a second aspect of the present invention includes: a block providing unit providing a plurality of blocks including information on at least one configuration constituting a web page; A block arranging unit for arranging a selected block from among the plurality of blocks based on an input placed in the working area of the web page; A correction unit for modifying at least one configuration included in each of the plurality of blocks based on a correction input for each of the plurality of blocks arranged in the work area; A web page output unit that outputs the web page based on the arrangement information of each of the plurality of blocks for the work area and information on at least one configuration included in each of the plurality of blocks; And a storage unit for storing information on the web page and information on each of the plurality of blocks in a user block database, wherein the arrangement information of each of the plurality of blocks includes location information and resolution information of each of the plurality of blocks. And, the arrangement of each of the plurality of blocks in the work area may be changed according to the resolution of
  • the present invention provides an individual function for constructing a web page without a structure (conventional problem) dependent on one skin (a form in which a specific layout is formed by precombining blocks). They can be provided by visualizing them in a block form by modularizing them.
  • various types of web pages may be generated by arranging a plurality of blocks selected from among a plurality of blocks including information on at least one configuration.
  • a user can create a layout more easily by combining a plurality of modularized blocks, and a user-customized web page can be produced by freely combining or editing blocks according to the user's purpose of use. .
  • the present invention may output a web page in which the arrangement of each block in the work area of the web page is changed according to the resolution of the device accessing the web page.
  • the present invention can build a functional web page (e.g., a web page including a bulletin board, a gallery, etc.) without a separate development process, thereby reducing the development cost of the web page and reducing the labor cost incurred in operating the home page. It can be drastically reduced.
  • FIG. 1 is a block diagram of an apparatus for generating a web page according to an embodiment of the present invention.
  • FIG. 2A is a diagram illustrating a method of generating a web page according to an embodiment of the present invention.
  • 2B is a diagram illustrating a method of generating a web page according to an embodiment of the present invention.
  • 2C is a diagram illustrating a method of generating a web page according to an embodiment of the present invention.
  • 2D is a diagram illustrating a method of generating a web page according to an embodiment of the present invention.
  • 2E is a diagram illustrating a method of generating a web page according to an embodiment of the present invention.
  • FIG. 3 is a diagram illustrating a screen in which an arrangement of a block diagram constituting a web page is changed according to a resolution of a device accessing a web page according to an embodiment of the present invention.
  • FIG. 4 is an exemplary diagram illustrating a web page generated by assembling a plurality of blocks according to an embodiment of the present invention.
  • FIG. 5 is a diagram for explaining a method of editing a web page according to a block configuration of a web page previously completed by another user according to an embodiment of the present invention.
  • FIG. 6 is a flowchart illustrating a method of generating a web page according to an embodiment of the present invention.
  • unit includes a unit realized by hardware, a unit realized by software, and a unit realized using both. Further, one unit may be realized by using two or more hardware, or two or more units may be realized by one piece of hardware.
  • FIG. 1 is a block diagram of an apparatus 10 for generating a web page according to an embodiment of the present invention.
  • the web page generating apparatus 10 includes a block providing unit 100, a block arranging unit 110, a correction unit 120, a web page output unit 130, a storage unit 140, and a web page. It may include a recommendation unit 150.
  • the web page generating apparatus 10 shown in FIG. 1 is only an example of implementation of the present invention, and various modifications are possible based on the components shown in FIG. 1.
  • FIGS. 2A to 5 together with FIG. 1.
  • the block providing unit 100 may provide a plurality of blocks including information on at least one configuration (a configuration having an individual design or a function) constituting a web page.
  • the block providing unit 100 may search for, extract, and provide a plurality of blocks to be used to construct a web page from the entire block database.
  • the plurality of blocks is a block in which at least one component having an individual design (eg, a text configuration, an image configuration, a button configuration, etc.) is modularized and combined.
  • the first block may be a block in which a plurality of text configurations and one gallery configuration are combined
  • the second block may be a block in which a text configuration and an image configuration are combined with a background image configuration and a background image configuration.
  • the authoring screen of a web page includes a work area including at least one of a menu area, a header area, a content area, and a footer area, and each of the menu area, header area, content area, and footer area may be positioned on the web page. I can.
  • the block providing unit 100 may provide a plurality of blocks corresponding to each area for each work area of the web page. For example, the block providing unit 100 may search and provide a plurality of blocks corresponding to an area requested or selected by a user among a menu area, a header area, a content area, and a footer area from the entire block database.
  • the block providing unit 100 divides the web page area into a menu area, a header area, a content area, and a footer area, and provides a plurality of blocks 20 corresponding to the menu area and a plurality of blocks corresponding to the header area.
  • a block 22 of, a plurality of blocks 24 corresponding to the content area, and a plurality of blocks 26 corresponding to the footer area may be provided.
  • the block providing unit 100 when a user terminal accessing a site providing a web page creation solution places a cursor on the top of the authoring screen 200-1 of a web page, the block providing unit 100 A plurality of blocks corresponding to each of the menu area and the header area that may be disposed on the top of the web page may be provided through the sub screen 200-2.
  • the block providing unit 100 provides a plurality of blocks corresponding to the content area that can be placed on the interruption of the web page. It can be provided through -2).
  • the block providing unit 100 When the user terminal places the cursor at the bottom of the authoring screen 200-1 of the web page, the block providing unit 100 provides a plurality of blocks corresponding to the footer area that can be disposed at the bottom of the web page. It can be provided through -2).
  • the block providing unit 100 provides each menu area, header area, and content area through the sub screen 200-2 even if the user terminal does not place the cursor on the work area of the authoring screen 200-1 of the web page. And a plurality of blocks corresponding to each footer area may be provided at the same time.
  • the block selected by the user terminal may be arranged on the authoring screen 200-1 of the web page at a preset location of the work area belonging to each block.
  • the user terminal selects a first block from among a plurality of blocks corresponding to the menu area on the sub-screen 200-2, selects a second block from among a plurality of blocks corresponding to the content area, and
  • a third block is selected from among a plurality of corresponding blocks
  • the first block is arranged at the top of the web page authoring screen 200-1 where the menu area will be located
  • the second block is the web page authoring screen 200-
  • the content area may be disposed in a middle portion to be positioned
  • the third block may be disposed in a lower portion where the footer area is positioned in the authoring screen 200-1 of the web page.
  • the block arranging unit 110 may place each of the plurality of blocks in the work area based on an input disposed in the work area. For example, referring to FIG. 2B, the user terminal selects and drags the first block 201 from among a plurality of blocks corresponding to the menu area arranged on the sub-screen 200-2, and the web page on which the menu area is to be placed. When dropped on the top of the authoring screen 200-1 of, the block arranging unit 110 may place the first block 201 on the top.
  • the block arranging unit 110 displays the authoring screen 200- where the menu area to which the first block 201 belongs is located.
  • the first block 201 may be disposed on the top of 1).
  • the user terminal selects the second block 203 from among a plurality of blocks 20 corresponding to the menu area, and among the plurality of blocks 22 corresponding to the header area.
  • the block arranging unit 110 assigns the second block 203 to the menu area of the authoring screen 200-1 of the web page as indicated by reference numeral 215.
  • the third block 205 in the header area of the authoring screen 200-1 of the web page, and the fourth block 207, the fifth block 209, and the sixth block 211 The content area of the authoring screen 200-1 of the page may be disposed, and the seventh block 213 may be disposed in the footer area of the authoring screen 200-1 of the web page.
  • the block arrangement unit 110 may change the size of each of a plurality of blocks arranged in the work area. For example, if the user puts two or more blocks in the content area of the web page, and the user inputs the arrangement and size of the block (e.g., input the arrangement order and size of the adjusted blocks through the block arrangement and size adjustment interface) Value), the block arrangement unit 110 may adjust the arrangement order of each block and change the size of each block based on an arrangement and/or a size input for the block. If an input for changing the size of only one block among the plurality of blocks is received by the user, the location and size of the other block may be automatically changed.
  • the arrangement and size of the block e.g., input the arrangement order and size of the adjusted blocks through the block arrangement and size adjustment interface
  • the block arrangement unit 110 may adjust the arrangement order of each block and change the size of each block based on an arrangement and/or a size input for the block. If an input for changing the size of only one block among the plurality of blocks is received by the user, the location and
  • the storage unit 140 may map URL information of a web page (identification information of a web page) and store information about each of a plurality of blocks used in a web page in a tree format in a user block database. For example, the storage unit 140 may store URL information of a web page and an image, text, video, etc. used in each block for each of a plurality of mapped blocks in the user block database.
  • the storage unit 140 stores one of the URL information of the web page, the identifier of each of a plurality of blocks used in the web page, the arrangement information of each of the plurality of blocks, and the resolution information of each of the plurality of blocks in the user block database. I can.
  • the storage unit 140 maps the identifiers of each of the plurality of blocks used for the page corresponding to the page number of the web page together with the URL information of the web page to the page number and page type information, and stores them in the user block database.
  • a plurality of blocks combined for each page may be linked to the URL information of the web page and the ID of the page number and stored in the user block database in a skin structure.
  • the storage unit 140 includes URL information of a web page assigned to a user's ID (a URL address accessible to an external user), and at the top of the authoring screen 200-1 of the web page.
  • An identifier for the arranged first block 201, arrangement information of the first block 201, and resolution information of the first block 201 may be mapped and stored in the user block database.
  • the block may include a design block and a functional block.
  • the design block may include at least one of a configuration including html information, a configuration including background information, a configuration including image information, and a configuration including text information.
  • the first design block may be a block consisting of a configuration including html information and a configuration including background information
  • the second design block includes a configuration including background information, a configuration including image information, and text information
  • It may be a block consisting only of a configuration including
  • the third design block may be a block consisting of a configuration including html information, a configuration including background information, a configuration including image information, and a configuration including text information.
  • an editor capable of editing content contents such as locations, contents, images, etc. of components included in the design block may be provided according to a user's purpose.
  • the function block is a block for enabling interaction with the user of the web page, and a bulletin board or gallery (e.g., album-type gallery, list) in the configuration of the design block (html information, background information, image information, and text information) Type gallery, etc.).
  • the function block implementing the function of the bulletin board may include a function of setting writing permission or reading permission on the bulletin board, setting whether or not to allow comments on the bulletin board, or setting whether to write a secret article.
  • a write permission function of the bulletin board or a read permission function may be set in a configuration including text information.
  • a function block implementing the function of a gallery may include a function of uploading or downloading a photo or image.
  • a function for a user to upload a photo/image may be set in a configuration including image information.
  • the correction unit 120 may modify at least one configuration included in each of the plurality of blocks based on an input for modifying each of the plurality of blocks.
  • the revising unit 120 may perform at least one of design modification, permission setting, and field property modification for at least one configuration included in each of the plurality of blocks.
  • the revision unit 120 may provide a design block editing screen 219 that provides an editing function for a design block 217 selected by a user among a plurality of design blocks. .
  • the revision unit 120 changes the contents of the design modified by the user through the design block editing window 219 (eg, background color change, image information and frame text information position change, font size, thickness, and color change, At least one configuration included in the selected design block 217 may be modified based on text content change, etc.).
  • the correction unit 120 may provide a function block editing screen 223 that provides an editing function for a function block 221 selected by a user among a plurality of function blocks.
  • the revision unit 120 sets permission for the modified bulletin board (or gallery) through the function block editing screen 223 (e.g., post/board reading permission, writing permission, setting of secret text reading permission, etc.) and field properties (e.g., at least one component included in the selected function block 221 may be modified based on the modified content of the bulletin board or gallery title and content change.
  • the function block editing screen 223 e.g., post/board reading permission, writing permission, setting of secret text reading permission, etc.
  • field properties For example, at least one component included in the selected function block 221 may be modified based on the modified content of the bulletin board or gallery title and content change.
  • the revising unit 120 may provide the code content for the design block through the code area, and may modify the content included in the code area based on the correction input of the code area.
  • the revision unit 120 when the revision unit 120 receives a request to modify a specific design block 227 among a plurality of blocks constituting the web page 225 completed by the user, the user block After calling the specific design block 227 requested for modification from the database, a design block editing window 219 for design modification for the specific design block 227 is provided, or the code content for the specific design block 227 is displayed.
  • the code area 229 may be output so that it can be modified.
  • the code area 229 for the specific design block 227 includes HTML information, JavaScript information, and CSS information for the specific design block 227, and image information constituting the specific design block 227 is displayed. Can be.
  • the correction unit 120 may modify the contents of the code area 229 for the specific design block 227 based on the contents corrected by the user.
  • the storage unit 140 When the modification of a specific block of the web page is completed, the storage unit 140 includes URL information of a web page stored in the user block database and information on a block modified by a user among a plurality of blocks used in the mapped web page. Can be modified and saved back to the user block database.
  • the revising unit 120 deletes the specific design block from the web page, and the storage unit 140 You can delete a specific design block requested to be deleted from the database.
  • the contents of at least one block included in the web page can be modified according to the user's purpose and taste, and the user can freely configure a layout by freely combining a plurality of blocks.
  • the web page output unit 130 may output a web page based on arrangement information of each of the plurality of blocks for the work area of the web page and information on at least one configuration included in each of the plurality of blocks.
  • the web page output unit 130 extracts information on a web page requested for access from a user block database and information on each of a plurality of blocks, and information on the extracted web page and information on each of a plurality of blocks Based on, a web page in which each of a plurality of blocks is arranged may be output.
  • the web page output unit 130 configures the first page of the first web page that is mapped and stored with the URL address of the first web page from the user block database.
  • Information on each of the plurality of blocks may be extracted, and the first page of the first web page in which each block is arranged may be output based on the information on each of the extracted plurality of blocks.
  • the web page output unit 130 moves a screen from the first web page to another page (for example, a page corresponding to a selected menu among a plurality of menus displayed on the first page of the first web page) by the user, Information on each of the plurality of blocks constituting the corresponding other page may be extracted from the user block database, and another page of the first web page in which the extracted blocks are arranged may be output.
  • the web page output unit 130 may output a web page in which the arrangement of each of the plurality of blocks is changed based on information about the web page and information about each of the plurality of blocks from the user block database. Since the location of the plurality of blocks included in the web page is implemented so that the arrangement of the blocks on the work area of the web page is changed according to the resolution, the user needs to separately create a PC web page and a mobile web page for each type of user terminal. There is no need to set a separate content change according to the resolution.
  • the web page output unit 130 arranges each of the plurality of blocks in the work area based on the location information and resolution information of each of the plurality of blocks included in the web page according to the resolution of the device accessing the web page. You can change it and display the web page.
  • the web page output unit 130 when the device accessing the first web page 301 is a first type of user terminal (eg, a laptop computer, a desktop, etc.), the web page output unit 130 When the device that outputs the first web page 301 through the user terminal of and accesses the first web page 301 is a second type of user terminal (for example, a mobile terminal, etc.), as shown in reference numeral 303, the first web page in which the size of the first web page 301 is adjusted according to the resolution of the second type of user terminal and the positions of each of the plurality of blocks included in the first web page 301 are rearranged is a second type. It can be output through the user terminal of.
  • a first type of user terminal eg, a laptop computer, a desktop, etc.
  • a plurality of blocks constituting the first web page 301 have a web standard logical structure in the order of assembling by the user. Multiple blocks are automatically numbered in logical order, and are automatically arranged from left to right and top to bottom in a preset order according to the resolution of the second type of user terminal, and automatically adjusted according to the screen size of the second type of user terminal. Can be.
  • the present invention may design web pages 403 composed of various skins by combining blocks selected by a user among a plurality of blocks 401 as shown in FIG. 4.
  • the present invention may provide by linking contents (images, texts, etc.) 405 set by the user to each of the plurality of web pages 403 designed by the user.
  • the present invention can provide a template (that is, a skin in which a pre-made design block is combined) 503 for a completed web page 501 that has already been created, and the user can
  • a web page can be created by copying the template for the page as it is and editing information on each block included in the web page.
  • the web page recommendation unit 150 receives user information (e.g., the user's business type, age, region, preferred color, information on the main users of the web page, necessary information on the propensity of the web page, etc.) from the user.
  • user information e.g., the user's business type, age, region, preferred color, information on the main users of the web page, necessary information on the propensity of the web page, etc.
  • a customized web page of the user may be provided based on the input user information.
  • the web page recommendation unit 150 may select at least one or more layouts from the layout database based on the input user information.
  • the plurality of layouts stored in the layout database are, for example, a first layout (i.e., a scroll type layout) capable of arranging web content capable of expressing all site maps in a single page, and each of the site maps as independent URLs.
  • a second layout having a configured web page i.e., a multi-page type layout
  • a third layout in which web content is rearranged in response to the resolution size of the device i.e., a responsive type layout
  • It may include a fourth layout (ie, an optimized homepage type layout) in which web content is selectively arranged according to the type.
  • the web page recommendation unit 150 may input the received user information into a web page recommendation algorithm and perform deep learning, derive at least one layout from a layout database, and select an optimal layout from among the derived layouts.
  • the webpage recommendation unit 150 may generate a sitemap using a result obtained by deep learning the selected layout again in a webpage recommendation algorithm. For example, when the web page recommendation unit 150 is a customer in their 20s to 30s, and a second layout and a fourth layout are selected according to user information including a cafe industry in Seoul, who prefers blue color, a web page recommendation algorithm A site map may be generated based on a preferred function (eg, a dynamic gallery, a dynamic bulletin board, an attendance check, a reservation function, a message function, a map, a stamp function, etc.) in the web page derived by the method.
  • a preferred function eg, a dynamic gallery, a dynamic bulletin board, an attendance check, a reservation function, a message function, a map, a stamp function, etc.
  • the web page recommendation unit 150 may generate a customized web page by placing a plurality of blocks derived by deep learning by inputting the generated site map into a web page recommendation algorithm in the work area of the web page.
  • the web page recommendation unit 150 selects at least one most suitable block (design block, function block) based on the generated site map, the selected layout, and user information from the entire block database for each work area of the web page. It is possible to create a customized web page by extracting and combining the extracted blocks.
  • the block providing unit 100, the block arranging unit 110, the correction unit 120, the web page output unit 130, the storage unit 140, and the web page recommendation unit 150 are separated from each other. It will be fully understood that it may be implemented, or one or more of these may be implemented in combination.
  • FIG. 6 is a flowchart illustrating a method of generating a web page according to an embodiment of the present invention.
  • the web page generating apparatus 10 may provide a plurality of blocks including information on at least one configuration constituting a web page.
  • the plurality of blocks includes a plurality of design blocks and a plurality of functional blocks
  • the design block includes at least one of html information, background information, image information, and text information as at least one component
  • the functional block is at least one As a configuration of, at least one of html information, background information, image information, and text information may be included, and information for implementing a function of a bulletin board or gallery may be further included.
  • the web page generating apparatus 10 may select each of a plurality of blocks and place each of the plurality of blocks in the work area based on an input placed in the work area.
  • the work area may include at least one of a menu area, a header area, a content area, and a footer area.
  • the web page generating apparatus 10 may modify at least one configuration included in each of the plurality of blocks based on an input for modifying each of the plurality of blocks.
  • the web page generating apparatus 10 may output a web page based on arrangement information of each of the plurality of blocks for the work area and information on at least one configuration included in each of the plurality of blocks.
  • the arrangement information of each of the plurality of blocks may include location information and resolution information of each of the plurality of blocks.
  • the arrangement of each of the plurality of blocks in the work area may be changed according to the resolution of the device accessing the web page based on the location information and resolution information of each of the plurality of blocks.
  • the web page generating apparatus 10 may store information about a web page and information about each of a plurality of blocks in a user block database.
  • steps S601 to S609 may be further divided into additional steps or may be combined into fewer steps, according to an embodiment of the present invention.
  • some steps may be omitted as necessary, or the order between steps may be changed.
  • An embodiment of the present invention may also be implemented in the form of a recording medium including instructions executable by a computer, such as a program module executed by a computer.
  • Computer-readable media can be any available media that can be accessed by a computer, and includes both volatile and nonvolatile media, removable and non-removable media. Further, the computer-readable medium may include all computer storage media. Computer storage media includes both volatile and nonvolatile, removable and non-removable media implemented in any method or technology for storage of information such as computer readable instructions, data structures, program modules or other data.

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Software Systems (AREA)
  • General Health & Medical Sciences (AREA)
  • Health & Medical Sciences (AREA)
  • Business, Economics & Management (AREA)
  • Databases & Information Systems (AREA)
  • Tourism & Hospitality (AREA)
  • Artificial Intelligence (AREA)
  • Audiology, Speech & Language Pathology (AREA)
  • Computational Linguistics (AREA)
  • Data Mining & Analysis (AREA)
  • Human Computer Interaction (AREA)
  • Economics (AREA)
  • Human Resources & Organizations (AREA)
  • Marketing (AREA)
  • Primary Health Care (AREA)
  • Strategic Management (AREA)
  • General Business, Economics & Management (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

웹 페이지 생성 방법은 웹 페이지를 구성하는 적어도 하나의 구성에 관한 정보를 포함하는 복수의 블록을 제공하는 단계, 복수의 블록 각각을 선택하고, 작업 영역에 배치하는 입력에 기초하여 작업 영역에 복수의 블록 각각을 배치하는 단계, 복수의 블록 각각을 수정하는 입력에 기초하여 복수의 블록 각각에 포함되는 적어도 하나의 구성을 수정하는 단계, 작업 영역에 대한 복수의 블록 각각의 배치 정보 및 복수의 블록 각각에 포함되는 적어도 하나의 구성에 대한 정보에 기초하여 웹 페이지를 출력하는 단계 및 웹 페이지에 관한 정보 및 복수의 블록 각각에 대한 정보를 사용자 블록 데이터베이스에 저장하는 단계를 포함하고, 복수의 블록 각각의 배치 정보는 복수의 블록 각각의 위치 정보 및 해상도 정보를 포함하고, 위치 정보 및 해상도 정보에 기초하여 웹페이지에 접근하는 장치의 해상도에 따라 작업 영역에서의 복수의 블록 각각의 배치가 변동될 수 있다.

Description

웹 페이지를 생성하는 방법 및 장치
본 발명은 웹 페이지를 생성하는 방법 및 장치에 관한 것이다.
일반적으로　웹사이트는　웹사이트에　제작에 대한 전문 지식이나 경험이 없는 통상의 인터넷 사용자들이　제작하기는　용이하지 않았으나, 일부　웹사이트에서 자동으로　웹사이트를　제작하여 주는 서비스를 제공하고 있다. 하지만, 이러한 서비스는 사용자가 입력한 정보를 단순히 출력할 수 있는 단순한 기능의　웹페이지를 생성하는 수준에 불과하여,　웹사이트　제작에 경험이 없는 일반인이 다양한 기능의　웹사이트를　제작하기에는 어려움이 있었다.
한편, 최근에는 비전문가도 웹사이트를 간편하게 제작할 수 있는 홈페이지 작성 솔루션이 개발되었다. 이러한 홈페이지 제작 솔루션은 스킨 중심의 솔루션으로서 미리 만들어진 스킨을 불러와 홈페이지를 구성할 구성 요소(예컨대, 이미지, 텍스트, 버튼 등)를 개별적으로 선택하고, 선택된 구성 요소에 대한 편집을 거쳐 홈페이지를 제작하는 방식을 제공한다.
그러나, 상술한 종래의 홈페이지 제작 솔루션의 경우, 사용자가 기존의 홈페이지 제작 솔루션에서 데모로 제공된 홈페이지 레이아웃을 그대로 사용하게 될 경우, 홈페이지를 빠른 시간 내에 구축할 수 있지만, 데모로 제공된 홈페이지 레이아웃을 그대로 이용하지 않고, 사용자 취향 및 목적에 맞게 수정하는 경우, 홈페이지의 제작에 상당한 시간이 소요될 수 있는 문제가 있다. 또한, 사용자가 특정 목적을 갖는 홈페이지(예컨대, 홍보용 홈페이지 등)를 제작하고자 하는 경우, 해당 홈페이지에 사용되는 특수 기능은 기존의 홈페이지 제작 솔루션에서 제공하지 않기 때문에 사용자는 플러그인을 별도로 구매하여 설치해야 하는 번거로움이 있었다.
(특허문헌 1) 한국공개특허공보 제2006-0100491호 (2006.09.21. 공개)
본 발명은 전술한 종래 기술의 문제점을 해결하기 위한 것으로서, 적어도 하나의 구성에 관한 정보를 포함하는 복수의 블록 중 선택된 복수의 블록을 배치하여 다양한 형태의 웹 페이지를 생성하고자 한다. 또한, 본 발명은 웹 페이지에 접근하는 장치의 해상도에 따라 웹 페이지의 작업 영역에서의 각 블록의 배치가 변동된 웹 페이지를 출력하고자 한다. 다만, 본 실시예가 이루고자 하는 기술적 과제는 상기된 바와 같은 기술적 과제들로 한정되지 않으며, 또 다른 기술적 과제들이 존재할 수 있다.
상술한 기술적 과제를 달성하기 위한 기술적 수단으로서, 본 발명의 제 1 측면에 따른 웹 페이지 생성 방법은 웹 페이지를 구성하는 적어도 하나의 구성에 관한 정보를 포함하는 복수의 블록을 제공하는 단계; 상기 복수의 블록 각각을 선택하고, 작업 영역에 배치하는 입력에 기초하여 상기 작업 영역에 상기 복수의 블록 각각을 배치하는 단계; 상기 복수의 블록 각각을 수정하는 입력에 기초하여 상기 복수의 블록 각각에 포함되는 적어도 하나의 구성을 수정하는 단계; 상기 작업 영역에 대한 상기 복수의 블록 각각의 배치 정보 및 상기 복수의 블록 각각에 포함되는 적어도 하나의 구성에 대한 정보에 기초하여 웹 페이지를 출력하는 단계; 및 상기 웹 페이지에 관한 정보 및 상기 복수의 블록 각각에 대한 정보를 사용자 블록 데이터베이스에 저장하는 단계를 포함하고, 상기 복수의 블록 각각의 배치 정보는 상기 복수의 블록 각각의 위치 정보 및 해상도 정보를 포함하고, 상기 위치 정보 및 해상도 정보에 기초하여 상기 웹페이지에 접근하는 장치의 해상도에 따라 상기 작업 영역에서의 상기 복수의 블록 각각의 배치가 변동될 수 있다.
본 발명의 제 2 측면에 따른 웹 페이지를 생성하는 웹 페이지 생성 장치는 웹 페이지를 구성하는 적어도 하나의 구성에 관한 정보를 포함하는 복수의 블록을 제공하는 블록 제공부; 상기 웹 페이지의 작업 영역에 배치하는 입력에 기초하여 상기 복수의 블록 중 선택된 블록을 배치하는 블록 배치부; 상기 작업 영역에 배치된 복수의 블록 각각에 대한 수정 입력에 기초하여 상기 복수의 블록 각각에 포함되는 적어도 하나의 구성을 수정하는 수정부; 상기 작업 영역에 대한 상기 복수의 블록 각각의 배치 정보 및 상기 복수의 블록 각각에 포함되는 적어도 하나의 구성에 대한 정보에 기초하여 상기 웹 페이지를 출력하는 웹 페이지 출력부; 및 상기 웹 페이지에 관한 정보 및 상기 복수의 블록 각각에 대한 정보를 사용자 블록 데이터베이스에 저장하는 저장부를 포함하고, 상기 복수의 블록 각각의 배치 정보는 상기 복수의 블록 각각의 위치 정보 및 해상도 정보를 포함하고, 상기 위치 정보 및 해상도 정보에 기초하여 상기 웹페이지에 접근하는 장치의 해상도에 따라 상기 작업 영역에서의 상기 복수의 블록 각각의 배치가 변동될 수 있다.
상술한 과제 해결 수단은 단지 예시적인 것으로서, 본 발명을 제한하려는 의도로 해석되지 않아야 한다. 상술한 예시적인 실시예 외에도, 도면 및 발명의 상세한 설명에 기재된 추가적인 실시예가 존재할 수 있다.
전술한 본 발명의 과제 해결 수단 중 어느 하나에 의하면, 본 발명은 하나의 스킨(블록들이 기조합되어 특정 레이아웃이 형성된 형태)에 종속되는 구조(종래의 문제점)를 벗어나 웹 페이지를 구성하는 개별 기능들을 모듈화하여 블록 형태로 시각화하여 제공할 수 있다.
또한, 본 발명은 적어도 하나의 구성에 관한 정보를 포함하는 복수의 블록 중 선택된 복수의 블록을 배치하여 다양한 형태의 웹 페이지를 생성할 수 있다. 구체적으로, 본 발명은 사용자가 직접 모듈화된 복수의 블록을 조합하여 보다 쉽게 레이아웃을 생성할 수 있고, 사용자의 사용 목적에 맞게 블록을 자유롭게 조합하거나 편집할 수 있어 사용자 맞춤형의 웹 페이지를 제작할 수 있다.
또한, 본 발명은 웹 페이지에 접근하는 장치의 해상도에 따라 웹 페이지의 작업 영역에서의 각 블록의 배치가 변동된 웹 페이지를 출력할 수 있다. 이를 통해, 본 발명은 기능성 웹 페이지(예컨대, 게시판, 갤러리 등이 포함된 웹 페이지)를 별도의 개발과정 없이도 구축할 수 있어 웹 페이지의 개발 비용을 줄일 수 있고, 홈페이지를 운영하는데 발생하는 인건비를 대폭 줄일 수 있다.
도 1은 본 발명의 일 실시예에 따른, 웹 페이지 생성 장치의 블록도이다.
도 2a는 본 발명의 일 실시예에 따른, 웹 페이지를 생성하는 방법을 설명하기 위한 도면이다.
도 2b는 본 발명의 일 실시예에 따른, 웹 페이지를 생성하는 방법을 설명하기 위한 도면이다.
도 2c는 본 발명의 일 실시예에 따른, 웹 페이지를 생성하는 방법을 설명하기 위한 도면이다.
도 2d는 본 발명의 일 실시예에 따른, 웹 페이지를 생성하는 방법을 설명하기 위한 도면이다.
도 2e는 본 발명의 일 실시예에 따른, 웹 페이지를 생성하는 방법을 설명하기 위한 도면이다.
도 3은 본 발명의 일 실시예에 따른, 웹 페이지에 접근하는 장치의 해상도에 따라 웹 페이지를 구성하는 블록도의 배치가 변동된 화면을 도시한 도면이다.
도 4는 본 발명의 일 실시예에 따른, 복수의 블록을 조립하여 생성된 웹 페이지를 나타낸 예시 도면이다.
도 5는 본 발명의 일 실시예에 따른, 타사용자에 의해 기완성된 웹 페이지의 블록 구성에 따라 웹 페이지를 편집하는 방법을 설명하기 위한 도면이다.
도 6은 본 발명의 일 실시예에 따른, 웹 페이지의 생성 방법을 나타낸 흐름도이다.
아래에서는 첨부한 도면을 참조하여 본 발명이 속하는 기술 분야에서 통상의 지식을 가진 자가 용이하게 실시할 수 있도록 본 발명의 실시예를 상세히 설명한다. 그러나 본 발명은 여러 가지 상이한 형태로 구현될 수 있으며 여기에서 설명하는 실시예에 한정되지 않는다. 그리고 도면에서 본 발명을 명확하게 설명하기 위해서 설명과 관계없는 부분은 생략하였으며, 명세서 전체를 통하여 유사한 부분에 대해서는 유사한 도면 부호를 붙였다.
명세서 전체에서, 어떤 부분이 다른 부분과 "연결"되어 있다고 할 때, 이는 "직접적으로 연결"되어 있는 경우뿐 아니라, 그 중간에 다른 소자를 사이에 두고 "전기적으로 연결"되어 있는 경우도 포함한다. 또한 어떤 부분이 어떤 구성요소를 "포함"한다고 할 때, 이는 특별히 반대되는 기재가 없는 한 다른 구성요소를 제외하는 것이 아니라 다른 구성요소를 더 포함할 수 있는 것을 의미한다.
본 명세서에 있어서 '부(部)'란, 하드웨어에 의해 실현되는 유닛(unit), 소프트웨어에 의해 실현되는 유닛, 양방을 이용하여 실현되는 유닛을 포함한다. 또한, 1 개의 유닛이 2 개 이상의 하드웨어를 이용하여 실현되어도 되고, 2 개 이상의 유닛이 1 개의 하드웨어에 의해 실현되어도 된다.
본 명세서에 있어서 단말 또는 디바이스가 수행하는 것으로 기술된 동작이나 기능 중 일부는 해당 단말 또는 디바이스와 연결된 서버에서 대신 수행될 수도 있다. 이와 마찬가지로, 서버가 수행하는 것으로 기술된 동작이나 기능 중 일부도 해당 서버와 연결된 단말 또는 디바이스에서 수행될 수도 있다.
이하, 첨부된 구성도 또는 처리 흐름도를 참고하여, 본 발명의 실시를 위한 구체적인 내용을 설명하도록 한다.
도 1은 본 발명의 일 실시예에 따른, 웹 페이지 생성 장치(10)의 블록도이다.
도 1을 참조하면, 웹 페이지 생성 장치(10)는 블록 제공부(100), 블록 배치부(110), 수정부(120), 웹 페이지 출력부(130), 저장부(140) 및 웹페이지 추천부(150)를 포함할 수 있다. 다만, 도 1에 도시된 웹 페이지 생성 장치(10)는 본 발명의 하나의 구현 예에 불과하며, 도 1에 도시된 구성요소들을 기초로 하여 여러 가지 변형이 가능하다.
이하에서는 도 1과 함께 도 2a 내지 5를 참조하여 설명하기로 한다.
블록 제공부(100)는 웹 페이지를 구성하는 적어도 하나의 구성(개별 디자인 또는 기능을 갖는 구성)에 관한 정보를 포함하는 복수의 블록을 제공할 수 있다. 블록 제공부(100)는 전체 블록 데이터베이스로부터 웹 페이지를 구성하는데 사용될 복수의 블록을 검색 및 추출하여 제공할 수 있다. 여기서, 복수의 블록은 개별 디자인을 갖는 적어도 하나의 구성(예컨대, 텍스트 구성, 이미지 구성, 버튼 구성 등)이 모듈화되어 결합된 블록이다. 예를 들어, 제 1 블록은 복수개의 텍스트 구성 및 하나의 갤러리 구성이 결합된 블록이고, 제 2 블록은 및 배경 이미지 구성에 하나의 텍스트 구성 및 이미지 구성이 결합된 블록일 수 있다.
웹 페이지의 저작 화면은 메뉴 영역, 헤더 영역, 컨텐츠 영역 및 푸터 영역 중 적어도 하나를 포함하는 작업 영역을 포함하고 있고, 메뉴 영역, 헤더 영역, 컨텐츠 영역 및 푸터 영역 각각은 웹 페이지에서 위치가 정해져 있을 수 있다.
블록 제공부(100)는 웹 페이지의 작업 영역 별로 각 영역에 대응하는 복수의 블록을 제공할 수 있다. 예를 들어, 블록 제공부(100)는 메뉴 영역, 헤더 영역, 컨텐츠 영역 및 푸터 영역 중 사용자에 의해 요청 또는 선택된 영역에 대응하는 복수의 블록을 전체 블록 데이터베이스로부터 검색하여 제공할 수 있다.
도 2a를 참조하면, 블록 제공부(100)는 웹 페이지의 영역을 메뉴 영역, 헤더 영역, 컨텐츠 영역 및 푸터 영역으로 구분하여 메뉴 영역에 대응하는 복수의 블록(20), 헤더 영역에 대응하는 복수의 블록(22), 컨텐츠 영역에 대응하는 복수의 블록(24) 및 푸터 영역에 대응하는 복수의 블록(26)을 제공할 수 있다.
예를 들어, 도 2b를 참조하면, 웹 페이지의 생성 솔루션을 제공하는 사이트로 접속한 사용자 단말이 웹 페이지의 저작 화면(200-1)의 상단에 커서를 놓게 되면, 블록 제공부(100)는 웹 페이지의 상단에 배치될 수 있는 메뉴 영역 및 헤더 영역 각각에 대응하는 복수의 블록을 서브 화면(200-2)을 통해 제공할 수 있다. 사용자 단말이 웹 페이지의 저작 화면(200-1)의 중단에 커서를 놓게 되면, 블록 제공부(100)는 웹 페이지의 중단에 배치될 수 있는 컨텐츠 영역에 대응하는 복수의 블록을 서브 화면(200-2)을 통해 제공할 수 있다. 사용자 단말이 웹 페이지의 저작 화면(200-1)의 하단에 커서를 놓게 되면, 블록 제공부(100)는 웹 페이지의 하단에 배치될 수 있는 푸터 영역에 대응하는 복수의 블록을 서브 화면(200-2)을 통해 제공할 수 있다.
다른 실시 예로, 블록 제공부(100)는 사용자 단말이 웹 페이지의 저작 화면(200-1)의 작업 영역에 커서를 놓지 않더라도 서브 화면(200-2)을 통해 각 메뉴 영역, 헤더 영역, 컨텐츠 영역 및 푸터 영역 별로 대응되는 복수의 블록을 동시에 제공할 수 있다. 이 경우, 사용자 단말에 의해 선택된 블록은 각 블록에 속하는 작업 영역의 기설정된 위치로 웹 페이지의 저작 화면(200-1)에 배치될 수 있다. 예를 들어, 사용자 단말이 서브 화면(200-2)에서 메뉴 영역에 대응되는 복수의 블록 중 제 1 블록을 선택하고, 컨텐츠 영역에 대응되는 복수의 블록 중 제 2 블록을 선택하고, 푸터 영역에 대응되는 복수의 블록 중 제 3 블록을 선택한 경우, 제 1 블록은 웹 페이지의 저작 화면(200-1)에서 메뉴 영역이 위치할 상단에 배치되고, 제 2 블록은 웹 페이지의 저작 화면(200-1)에서 컨텐츠 영역이 위치할 중단에 배치되고, 제 3 블록은 웹 페이지의 저작 화면(200-1)에서 푸터 영역이 위치할 하단에 배치될 수 있다.
다시 도 1로 돌아오면, 블록 배치부(110)는 복수의 블록이 선택되면, 작업 영역에 배치하는 입력에 기초하여 작업 영역에 복수의 블록 각각을 배치할 수 있다. 예를 들어, 도 2b를 참조하면, 사용자 단말이 서브 화면(200-2)에 배치된 메뉴 영역에 대응하는 복수의 블록 중 제 1 블록(201)을 선택 및 드래그하여 메뉴 영역이 배치될 웹 페이지의 저작 화면(200-1)의 상단에 드롭하게 되면, 블록 배치부(110)는 해당 상단에 제 1 블록(201)을 배치시킬 수 있다. 다른 예로, 사용자 단말이 서브 화면(200-2)에서 제 1 블록(201)을 더블 클릭하면, 블록 배치부(110)는 제 1 블록(201)이 속하는 메뉴 영역이 위치할 저작 화면(200-1)의 상단에 제 1 블록(201)을 배치할 수 있다.
예를 들어, 도 2a 내지 도 2c를 참조하면, 사용자 단말이 메뉴 영역에 대응하는 복수의 블록(20) 중 제 2 블록(203)을 선택하고, 헤더 영역에 대응하는 복수의 블록(22) 중 제 3 블록(205)을 선택하고, 컨텐츠 영역에 대응하는 복수의 블록(24) 중 제 4 블록(207), 제 5 블록(209) 및 제 6 블록(211)을 선택하고, 푸터 영역에 대응하는 복수의 블록(26) 중 제 7 블록(213)을 선택한 경우, 블록 배치부(110)는 도면부호 215와 같이 제 2 블록(203)을 웹 페이지의 저작 화면(200-1)의 메뉴 영역에 배치하고, 제 3 블록(205)을 웹 페이지의 저작 화면(200-1)의 헤더 영역에 배치하고, 제 4 블록(207), 제 5 블록(209) 및 제 6 블록(211)을 웹 페이지의 저작 화면(200-1)의 컨텐츠 영역에 배치하고, 제 7 블록(213)을 웹 페이지의 저작 화면(200-1)의 푸터 영역에 배치할 수 있다.
블록 배치부(110)는 작업 영역에 배치된 복수의 블록 각각의 크기를 변경할 수 있다. 예를 들어, 사용자가 웹 페이지의 컨텐츠 영역에 넣은 블록이 2개 이상이고, 사용자로부터 블록에 대한 배치 및 크기 입력(예컨대, 블록의 배치 및 크기 조절 인터페이스를 통해 조절된 블록의 배치 순서 및 크기 입력값)을 수신한 경우, 블록 배치부(110)는 블록에 대한 배치 및/또는 크기 입력에 기초하여 각 블록의 배치 순서를 조정하고, 각 블록의 크기를 변경할 수 있다. 만일, 복수의 블록 중 사용자에 의해 하나의 블록에 대한 크기만이 변경되도록 하는 입력이 수신되면, 다른 블록은 자동으로 위치 및 크기가 변경될 수도 있다.
저장부(140)는 웹 페이지의 URL 정보(웹 페이지의 식별 정보)와 매핑하여 웹 페이지에 사용된 복수의 블록 각각에 대한 정보를 트리 형식으로 사용자 블록 데이터베이스에 저장할 수 있다. 예를 들어, 저장부(140)는 웹 페이지의 URL 정보와 매핑된 복수의 블록 별로 각 블록에서 사용된 이미지, 텍스트, 동영상 등을 사용자 블록 데이터베이스에 저장할 수 있다.
구체적으로, 저장부(140)는 웹 페이지의 URL 정보, 웹 페이지에 사용된 복수의 블록 각각의 식별자, 복수의 블록 각각의 배치 정보, 복수의 블록 각각의 해상도 정보 중 하나를 사용자 블록 데이터베이스에 저장할 수 있다.
예를 들어, 저장부(140)는 웹 페이지의 URL 정보와 함께 웹 페이지의 페이지 번호에 대응하는 페이지에 사용된 복수의 블록 각각의 식별자를 페이지 번호 및 페이지 타입 정보에 매핑하여 사용자 블록 데이터베이스에 저장할 수 있다. 각 페이지 별로 조합된 복수의 블록은 웹 페이지의 URL 정보 및 페이지 번호의 아이디에 링크되어 스킨 구조로 사용자 블록 데이터베이스에 저장될 수 있다.
예를 들어, 도 2b를 참조하면, 저장부(140)는 사용자의 아이디에 할당된 웹 페이지의 URL 정보(외부 사용자가 접속 가능한 URL 주소), 웹 페이지의 저작 화면(200-1)의 상단에 배치된 제 1 블록(201)에 대한 식별자, 제 1 블록(201)의 배치 정보, 제 1 블록(201)의 해상도 정보를 매핑하여 사용자 블록 데이터베이스에 저장할 수 있다.
한편, 블록은 디자인 블록 및 기능 블록을 포함할 수 있다. 여기서, 디자인 블록은 html 정보를 포함하는 구성, 배경 정보를 포함하는 구성, 이미지 정보를 포함하는 구성 및 텍스트 정보를 포함하는 구성 중 적어도 하나의 구성을 포함할 수 있다. 예를 들어, 제 1 디자인 블록은 html 정보를 포함하는 구성 및 배경 정보를 포함하는 구성으로 이루어진 블록일 수 있고, 제 2 디자인 블록은 배경 정보를 포함하는 구성, 이미지 정보를 포함하는 구성 및 텍스트 정보를 포함하는 구성만으로 이루어진 블록일 수 있고, 제 3 디자인 블록은 html 정보를 포함하는 구성, 배경 정보를 포함하는 구성, 이미지 정보를 포함하는 구성 및 텍스트 정보를 포함하는 구성으로 이루어진 블록일 수 있다. 모든 디자인 블록의 경우, 사용자의 목적에 맞게 디자인 블록에 포함된 구성들의 위치, 내용, 이미지 등의 컨텐츠 내용을 편집할 수 있는 에디터가 제공될 수 있다.
여기서, 기능 블록은 웹 페이지의 이용자와의 상호 작용이 가능하도록 하기 위한 블록으로서, 디자인 블록의 구성(html 정보, 배경 정보, 이미지 정보 및 텍스트 정보)에 게시판 또는 갤러리(예컨대, 앨범형 갤러리, 리스트형 갤러리 등)의 기능의 구현을 위한 정보를 포함할 수 있다. 예를 들어, 게시판의 기능을 구현하는 기능 블록은 게시판에 쓰기 권한 또는 읽기 권한을 설정하거나, 게시판의 댓글의 허용 유무를 설정하거나 비밀글의 작성 유무를 설정하도록 하는 기능을 포함할 수 있다. 예를 들어, 게시판의 기능이 구현된 제 1 기능 블록의 경우, 텍스트 정보를 포함하는 구성에 게시판의 쓰기 권한 기능을 설정하거나 읽기 권한 기능을 설정할 수 있다. 예를 들어, 갤러리의 기능을 구현하는 기능 블록은 사진 또는 이미지를 업로드하거나 다운로드할 수 있는 기능을 포함할 수 있다. 예를 들어, 갤러리의 기능이 구현된 제 2 기능 블록의 경우, 이미지 정보를 포함하는 구성에 사용자가 사진/이미지를 업로드할 수 있는 기능을 설정할 수 있다.
수정부(120)는 복수의 블록 각각을 수정하는 입력에 기초하여 복수의 블록 각각에 포함되는 적어도 하나의 구성을 수정할 수 있다.
구체적으로, 수정부(120)는 복수의 블록 각각에 포함된 적어도 하나의 구성에 대한 디자인 수정, 권한 설정, 필드 속성 수정 중 적어도 하나를 수행할 수 있다. 예를 들어, 도 2d를 참조하면, 수정부(120)는 복수의 디자인 블록 중 사용자에 의해 선택된 디자인 블록(217)에 대한 편집 기능을 제공하는 디자인 블록 편집 화면창(219)을 제공할 수 있다.
수정부(120)는 디자인 블록 편집 화면창(219)을 통해 사용자에 의해 수정된 디자인의 수정 내용(예컨대, 배경색 변경, 이미지 정보 및 테 텍스트 정보의 위치 변경, 폰트 크기, 굵기 및 컬러의 변경, 텍스트 내용 변경 등)에 기초하여 선택된 디자인 블록(217)에 포함된 적어도 하나의 구성을 수정할 수 있다. 또는, 수정부(120)는 복수의 기능 블록 중 사용자에 의해 선택된 기능 블록(221)에 대한 편집 기능을 제공하는 기능 블록 편집 화면창(223)을 제공할 수 있다.
수정부(120)는 기능 블록 편집 화면창(223)을 통해 수정된 게시판(또는 갤러리)에 대한 권한 설정(예컨대, 게시물/게시판 읽기 권한, 쓰기 권한, 비밀글 읽기 권한의 설정 등) 및 필드 속성(예컨대, 게시판 또는 갤러리의 제목 및 내용 변경 등)의 수정 내용에 기초하여 선택된 기능 블록(221)에 포함된 적어도 하나의 구성을 수정할 수 있다.
또한, 수정부(120)는 디자인 블록에 대한 코드 내용을 코드 영역을 통해 제공하고, 코드 영역의 수정 입력에 기초하여 코드 영역에 포함된 내용을 수정할 수 있다.
예를 들어, 도 2e를 참조하면, 수정부(120)는 사용자에 의해 완성된 웹 페이지(225)를 구성하는 복수의 블록 중 특정 디자인 블록(227)에 대한 수정 요청을 수신한 경우, 사용자 블록 데이터베이스로부터 수정 요청된 특정 디자인 블록(227)을 불러온 후, 특정 디자인 블록(227)에 대한 디자인 수정을 위한 디자인 블록 편집 화면창(219)을 제공하거나 특정 디자인 블록(227)에 대한 코드 내용을 수정할 수 있도록 코드 영역(229)을 출력할 수 있다. 여기서, 특정 디자인 블록(227)에 대한 코드 영역(229)에는 특정 디자인 블록(227)에 대한 HTML 정보, 자바 스크립트 정보 및 CSS 정보가 포함되고, 특정 디자인 블록(227)을 구성하는 이미지 정보가 표시될 수 있다. 또한, 수정부(120)는 사용자에 의해 수정 입력된 내용에 기초하여 특정 디자인 블록(227)에 대한 코드 영역(229)의 내용을 수정할 수 있다.
저장부(140)는 웹 페이지의 특정 블록에 대한 수정이 완료되면, 사용자 블록 데이터베이스에 저장된 웹 페이지의 URL 정보와 매핑된 웹 페이지에 사용된 복수의 블록 각각 중 사용자에 의해 수정된 블록에 대한 정보를 수정하여 사용자 블록 데이터베이스에 재저장할 수 있다.
또한, 수정부(120)는 사용자에 의해 완성된 웹 페이지를 구성하는 복수의 블록 중 특정 디자인 블록에 대한 삭제를 요청한 경우, 웹 페이지에서 특정 디자인 블록을 삭제하고, 저장부(140)는 사용자 블록 데이터베이스에서 삭제 요청된 특정 디자인 블록을 삭제할 수 있다.
이처럼, 본 발명은 사용자의 목적 및 취향에 따라 웹 페이지에 포함된 적어도 하나의 블록에 대한 내용을 수정하고, 사용자가 자유롭게 복수의 블록을 조합함으로써 레이아웃을 자유롭게 구성할 수 있다.
웹 페이지 출력부(130)는 웹 페이지의 작업 영역에 대한 복수의 블록 각각의 배치 정보 및 복수의 블록 각각에 포함되는 적어도 하나의 구성에 대한 정보에 기초하여 웹 페이지를 출력할 수 있다.
구체적으로, 웹 페이지 출력부(130)는 사용자 블록 데이터베이스로부터 접속 요청된 웹 페이지에 관한 정보 및 복수의 블록 각각에 대한 정보를 추출하고, 추출된 웹 페이지에 관한 정보 및 복수의 블록 각각에 대한 정보에 기초하여 복수의 블록 각각이 배치된 웹 페이지를 출력할 수 있다.
예를 들어, 제 1 웹 페이지의 URL 주소로 접속 요청이 수신되면, 웹 페이지 출력부(130)는 사용자 블록 데이터베이스로부터 제 1 웹 페이지의 URL 주소와 매핑되어 저장된 제 1 웹 페이지의 첫 페이지를 구성하는 복수의 블록 각각에 대한 정보를 추출하고, 추출된 복수의 블록 각각에 대한 정보에 기초하여 각 블록이 배치된 제 1 웹 페이지의 첫 페이지를 출력할 수 있다.
또한, 웹 페이지 출력부(130)는 제 1 웹 페이지 중 사용자에 의해 다른 페이지(예컨대, 제 1 웹 페이지의 첫 페이지에 표시된 복수의 메뉴 중 선택된 메뉴에 해당하는 페이지)로의 화면이 이동하는 경우, 해당 다른 페이지를 구성하는 복수의 블록 각각에 대한 정보를 사용자 블록 데이터베이스로부터 추출하여 추출된 각 블록이 배치된 제 1 웹 페이지의 다른 페이지를 출력할 수 있다.
웹 페이지 출력부(130)는 사용자 블록 데이터베이스로부터 웹 페이지에 관한 정보 및 복수의 블록 각각에 대한 정보에 기초하여 복수의 블록 각각의 배치가 변동된 웹 페이지를 출력할 수 있다. 웹 페이지에 포함된 복수의 블록의 위치는 해상도에 따라 웹 페이지의 작업 영역 상에서 배치가 변동되도록 구현되어 있기 때문에 사용자가 별도로 사용자 단말의 종류별로 PC용 웹페이지와 모바일용 웹페이지 각각으로 제작할 필요가 없고, 해상도에 따른 컨텐츠 변화를 따로 설정하지 않아도 된다.
구체적으로, 웹 페이지 출력부(130)는 웹 페이지에 접근하는 장치의 해상도에 따라 웹 페이지에 포함된 복수의 블록 각각의 위치 정보 및 해상도 정보에 기초하여 작업 영역에서의 복수의 블록 각각의 배치를 변동시켜 웹 페이지를 출력할 수 있다.
예를 들어, 도 3을 참조하면, 웹 페이지 출력부(130)는 제 1 웹 페이지(301)에 접근하는 장치가 제 1 종류의 사용자 단말(예컨대, 노트북, 데스크탑 등)인 경우, 제 1 종류의 사용자 단말을 통해 제 1 웹 페이지(301)를 출력하고, 제 1 웹 페이지(301)에 접근하는 장치가 제 2 종류의 사용자 단말(예컨대, 모바일 단말 등)인 경우, 도면부호 303과 같이, 제 2 종류의 사용자 단말의 해상도에 따라 제 1 웹 페이지(301)의 크기가 조절되고, 제 1 웹 페이지(301)에 포함된 복수의 블록 각각의 위치가 재정렬된 제 1 웹 페이지를 제 2 종류의 사용자 단말을 통해 출력할 수 있다.
여기서, 제 1 웹 페이지(301)를 구성하는 복수의 블록은 사용자가 조립한 순서대로 웹표준 논리 구조를 갖고 있다. 복수의 블록은 논리 순서대로 자동 넘버링되고, 제 2 종류의 사용자 단말의 해상도에 따라 기설정된 순서대로 좌측에서 우측으로 위에서 아래로 자동 정렬되며, 제 2 종류의 사용자 단말의 화면 크기에 따라 자동으로 조절될 수 있다.
이처럼, 본 발명은 도 4와 같이, 복수의 블록(401) 중 사용자에 의해 선택된 블록들을 조합하여 다양한 스킨으로 구성된 웹 페이지들(403)을 디자인할 수 있다. 본 발명은 사용자에 의해 디자인된 복수의 웹 페이지(403) 각각에 사용자가 설정한 컨텐츠들(이미지, 텍스트 등)(405)을 링크하여 제공할 수 있다.
한편, 본 발명은 도 5와 같이, 이미 만들어진 완성형의 웹 페이지(501)에 대한 템플릿(즉, 기제작된 디자인 블록이 조합된 스킨)(503)을 사용자에게 제공할 수 있고, 사용자는 해당 웹 페이지에 대한 템플릿을 그대로 카피하고, 웹 페이지에 포함된 각 블록에 대한 정보를 편집하여 웹 페이지를 제작할 수 있다.
한편, 웹페이지 추천부(150)는 사용자로부터 사용자 정보(예컨대, 사용자의 업종, 연령, 지역, 선호하는 색상, 웹 페이지의 주요 이용 고객층에 대한 정보, 웹 페이지의 성향에 대한 필요한 정보 등)를 입력받은 경우, 입력받은 사용자 정보에 기초하여 사용자의 맞춤형 웹 페이지를 제공할 수 있다.
구체적으로, 웹페이지 추천부(150)는 입력받은 사용자 정보에 기초하여 레이아웃 데이터베이스로부터 적어도 하나 이상의 레이아웃을 선정할 수 있다. 여기서, 레이아웃 데이터베이스에 저장된 복수의 레이아웃은 예를 들어, 원페이지 안에서 사이트맵을 모두 표현할 수 있는 웹 컨텐츠를 배치할 수 있는 제 1 레이아웃(즉, 스크롤타입 레이아웃)과, 사이트 맵 각각이 독립된 URL로 구성된 웹 페이지를 갖는 제 2 레이아웃(즉, 멀티페이지타입 레이아웃)과, 디바이스의 해상도 크기에 반응하여 웹 컨텐츠가 재배치되는 제 3 레이아웃(즉, 반응형타입 레이아웃)과, 웹 페이지로 접근하는 디바이스의 종류에 따라 선택적으로 웹 컨텐츠가 배치되는 제 4 레이아웃(즉, 최적화 홈페이지 타입 레이아웃) 등을 포함할 수 있다.
웹페이지 추천부(150)는 입력받은 사용자 정보를 웹 페이지 추천 알고리즘에 입력하여 딥러닝한 후, 레이아웃 데이터베이스로부터 적어도 하나의 레이아웃을 도출하고, 도출된 레이아웃 중 최적의 레이아웃을 선정할 수 있다.
웹페이지 추천부(150)는 선정된 레이아웃을 다시 웹 페이지 추천 알고리즘에 딥러닝하여 도출된 결과를 이용하여 사이트 맵(sitemap)을 생성할 수 있다. 예를 들어, 웹페이지 추천부(150)는 20~30대 고객층이고, 블루 컬러를 선호하는 서울지역 카페업종을 포함한 사용자 정보에 따라 제 2 레이아웃과 제 4 레이아웃이 선정된 경우, 웹 페이지 추천 알고리즘에 의해 도출된 웹 페이지에서의 선호 기능(예컨대, 동적 갤러리, 동적 게시판, 출석체크, 예약 기능, 메시지 기능, 지도, 스템프 기능 등)에 기초하여 사이트 맵을 생성할 수 있다.
웹페이지 추천부(150)는 생성된 사이트 맵을 웹 페이지 추천 알고리즘에 입력함으로써 딥러닝하여 도출된 복수의 블록을 웹 페이지의 작업 영역에 배치함으로써 맞춤형 웹 페이지를 생성할 수 있다.
예를 들어, 웹페이지 추천부(150)는 생성된 사이트 맵, 선정된 레이아웃 및 사용자 정보에 기초하여 가장 적합한 적어도 하나의 블록(디자인 블록, 기능 블록)을 웹 페이지의 작업 영역 별로 전체 블록 데이터베이스로부터 추출하고, 추출된 블록을 조합하여 맞춤형 웹 페이지를 생성할 수 있다.
한편, 당업자라면, 블록 제공부(100), 블록 배치부(110), 수정부(120), 웹 페이지 출력부(130), 저장부(140) 및 웹페이지 추천부(150) 각각이 분리되어 구현되거나, 이 중 하나 이상이 통합되어 구현될 수 있음을 충분히 이해할 것이다.
도 6은 본 발명의 일 실시예에 따른, 웹 페이지의 생성 방법을 나타낸 흐름도이다.
도 6을 참조하면, 단계 S601에서 웹 페이지 생성 장치(10)는 웹 페이지를 구성하는 적어도 하나의 구성에 관한 정보를 포함하는 복수의 블록을 제공할 수 있다. 여기서, 복수의 블록은 복수의 디자인 블록 및 복수의 기능 블록을 포함하고, 디자인 블록은 적어도 하나의 구성으로서 html 정보, 배경 정보, 이미지 정보 및 텍스트 정보 중 적어도 하나를 포함하고, 기능 블록은 적어도 하나의 구성으로서 html 정보, 배경 정보, 이미지 정보 및 텍스트 정보 중 적어도 하나를 포함하고, 게시판 또는 갤러리의 기능의 구현을 위한 정보를 더 포함할 수 있다.
단계 S603에서 웹 페이지 생성 장치(10)는 복수의 블록 각각을 선택하고, 작업 영역에 배치하는 입력에 기초하여 작업 영역에 복수의 블록 각각을 배치할 수 있다. 여기서, 작업 영역은 메뉴 영역, 헤더 영역, 컨텐츠 영역 및 푸터 영역 중 적어도 하나를 포함할 수 있다.
단계 S605에서 웹 페이지 생성 장치(10)는 복수의 블록 각각을 수정하는 입력에 기초하여 복수의 블록 각각에 포함되는 적어도 하나의 구성을 수정할 수 있다.
단계 S607에서 웹 페이지 생성 장치(10)는 작업 영역에 대한 복수의 블록 각각의 배치 정보 및 복수의 블록 각각에 포함되는 적어도 하나의 구성에 대한 정보에 기초하여 웹 페이지를 출력할 수 있다. 여기서, 복수의 블록 각각의 배치 정보는 복수의 블록 각각의 위치 정보 및 해상도 정보를 포함할 수 있다. 여기서, 복수의 블록 각각의 위치 정보 및 해상도 정보에 기초하여 웹페이지에 접근하는 장치의 해상도에 따라 작업 영역에서의 복수의 블록 각각의 배치가 변동될 수 있다.
단계 S609에서 웹 페이지 생성 장치(10)는 웹 페이지에 관한 정보 및 복수의 블록 각각에 대한 정보를 사용자 블록 데이터베이스에 저장할 수 있다.
상술한 설명에서, 단계 S601 내지 S609는 본 발명의 구현예에 따라서, 추가적인 단계들로 더 분할되거나, 더 적은 단계들로 조합될 수 있다. 또한, 일부 단계는 필요에 따라 생략될 수도 있고, 단계 간의 순서가 변경될 수도 있다.
본 발명의 일 실시예는 컴퓨터에 의해 실행되는 프로그램 모듈과 같은 컴퓨터에 의해 실행 가능한 명령어를 포함하는 기록 매체의 형태로도 구현될 수 있다. 컴퓨터 판독 가능 매체는 컴퓨터에 의해 액세스될 수 있는 임의의 가용 매체일 수 있고, 휘발성 및 비휘발성 매체, 분리형 및 비분리형 매체를 모두 포함한다. 또한, 컴퓨터 판독가능 매체는 컴퓨터 저장 매체를 모두 포함할 수 있다. 컴퓨터 저장 매체는 컴퓨터 판독가능 명령어, 데이터 구조, 프로그램 모듈 또는 기타 데이터와 같은 정보의 저장을 위한 임의의 방법 또는 기술로 구현된 휘발성 및 비휘발성, 분리형 및 비분리형 매체를 모두 포함한다.
전술한 본 발명의 설명은 예시를 위한 것이며, 본 발명이 속하는 기술분야의 통상의 지식을 가진 자는 본 발명의 기술적 사상이나 필수적인 특징을 변경하지 않고서 다른 구체적인 형태로 쉽게 변형이 가능하다는 것을 이해할 수 있을 것이다. 그러므로 이상에서 기술한 실시예들은 모든 면에서 예시적인 것이며 한정적이 아닌 것으로 이해해야만 한다. 예를 들어, 단일형으로 설명되어 있는 각 구성 요소는 분산되어 실시될 수도 있으며, 마찬가지로 분산된 것으로 설명되어 있는 구성 요소들도 결합된 형태로 실시될 수 있다.
본 발명의 범위는 상세한 설명보다는 후술하는 특허청구범위에 의하여 나타내어지며, 특허청구범위의 의미 및 범위 그리고 그 균등 개념으로부터 도출되는 모든 변경 또는 변형된 형태가 본 발명의 범위에 포함되는 것으로 해석되어야 한다.

Claims (14)

  1. 웹 페이지 생성 방법에 있어서,
    웹 페이지를 구성하는 적어도 하나의 구성에 관한 정보를 포함하는 복수의 블록을 제공하는 단계;
    상기 복수의 블록 각각을 선택하고, 작업 영역에 배치하는 입력에 기초하여 상기 작업 영역에 상기 복수의 블록 각각을 배치하는 단계;
    상기 복수의 블록 각각을 수정하는 입력에 기초하여 상기 복수의 블록 각각에 포함되는 적어도 하나의 구성을 수정하는 단계;
    상기 작업 영역에 대한 상기 복수의 블록 각각의 배치 정보 및 상기 복수의 블록 각각에 포함되는 적어도 하나의 구성에 대한 정보에 기초하여 웹 페이지를 출력하는 단계; 및
    상기 웹 페이지에 관한 정보 및 상기 복수의 블록 각각에 대한 정보를 사용자 블록 데이터베이스에 저장하는 단계
    를 포함하고,
    상기 복수의 블록 각각의 배치 정보는 상기 복수의 블록 각각의 위치 정보 및 해상도 정보를 포함하고,
    상기 위치 정보 및 해상도 정보에 기초하여 상기 웹페이지에 접근하는 장치의 해상도에 따라 상기 작업 영역에서의 상기 복수의 블록 각각의 배치가 변동되는 것인, 웹 페이지 생성 방법.
  2. 제 1 항에 있어서,
    상기 블록은 디자인 블록 및 기능 블록을 포함하고,
    상기 디자인 블록은 상기 적어도 하나의 구성으로서 html 정보, 배경 정보, 이미지 정보 및 텍스트 정보 중 적어도 하나를 포함하고,
    상기 기능 블록은 상기 적어도 하나의 구성으로서 html 정보, 배경 정보, 이미지 정보 및 텍스트 정보 중 적어도 하나를 포함하고, 게시판 또는 갤러리의 기능의 구현을 위한 정보를 더 포함하는 것인, 웹 페이지 생성 방법.
  3. 제 1 항에 있어서,
    상기 작업 영역은 메뉴 영역, 헤더 영역, 컨텐츠 영역 및 푸터 영역 중 적어도 하나를 포함하고,
    상기 복수의 블록을 제공하는 단계는
    상기 메뉴 영역, 헤더 영역, 컨텐츠 영역 및 푸터 영역 각각에 대응하는 복수의 블록을 제공하는 단계를 포함하는 것인, 웹 페이지 생성 방법.
  4. 제 1 항에 있어서,
    상기 복수의 블록 각각에 포함되는 적어도 하나의 구성을 수정하는 단계는
    상기 적어도 하나의 구성에 대한 디자인 수정, 권한 설정, 필드 속성 수정 중 적어도 하나를 수행하는 단계를 포함하는 것인, 웹 페이지 생성 방법.
  5. 제 1 항에 있어서,
    상기 복수의 블록 각각을 배치하는 단계는
    상기 복수의 블록 각각의 크기를 변경하는 단계를 포함하는 것인, 웹 페이지 생성 방법.
  6. 제 1 항에 있어서,
    상기 사용자 블록 데이터베이스에는 상기 웹 페이지의 URL 정보, 상기 웹 페이지에 사용된 복수의 블록 각각의 식별자, 상기 복수의 블록 각각의 상기 배치 정보, 상기 복수의 블록 각각의 상기 해상도 정보 중 적어도 하나가 저장되는 것인, 웹 페이지 생성 방법.
  7. 제 1 항에 있어서,
    상기 장치로부터 상기 웹 페이지의 출력 요청을 수신하는 단계;
    상기 사용자 블록 데이터베이스로부터 상기 웹 페이지에 관한 정보 및 상기 복수의 블록 각각에 대한 정보를 추출하는 단계; 및
    상기 웹 페이지에 관한 정보 및 상기 복수의 블록 각각에 대한 정보에 기초하여 상기 복수의 블록 각각의 배치가 변동된 상기 웹 페이지를 출력하는 단계를 더 포함하는 것인, 웹 페이지 생성 방법.
  8. 웹 페이지를 생성하는 웹 페이지 생성 장치에 있어서,
    웹 페이지를 구성하는 적어도 하나의 구성에 관한 정보를 포함하는 복수의 블록을 제공하는 블록 제공부;
    상기 웹 페이지의 작업 영역에 배치하는 입력에 기초하여 상기 복수의 블록 중 선택된 블록을 배치하는 블록 배치부;
    상기 작업 영역에 배치된 복수의 블록 각각에 대한 수정 입력에 기초하여 상기 복수의 블록 각각에 포함되는 적어도 하나의 구성을 수정하는 수정부;
    상기 작업 영역에 대한 상기 복수의 블록 각각의 배치 정보 및 상기 복수의 블록 각각에 포함되는 적어도 하나의 구성에 대한 정보에 기초하여 상기 웹 페이지를 출력하는 웹 페이지 출력부; 및
    상기 웹 페이지에 관한 정보 및 상기 복수의 블록 각각에 대한 정보를 사용자 블록 데이터베이스에 저장하는 저장부를 포함하고,
    상기 복수의 블록 각각의 배치 정보는 상기 복수의 블록 각각의 위치 정보 및 해상도 정보를 포함하고,
    상기 위치 정보 및 해상도 정보에 기초하여 상기 웹페이지에 접근하는 장치의 해상도에 따라 상기 작업 영역에서의 상기 복수의 블록 각각의 배치가 변동되는 것인, 웹 페이지 생성 장치.
  9. 제 8 항에 있어서,
    상기 블록은 디자인 블록 및 기능 블록을 포함하고,
    상기 디자인 블록은 상기 적어도 하나의 구성으로서 html 정보, 배경 정보, 이미지 정보 및 텍스트 정보 중 적어도 하나를 포함하고,
    상기 기능 블록은 상기 적어도 하나의 구성으로서 html 정보, 배경 정보, 이미지 정보 및 텍스트 정보 중 적어도 하나를 포함하고, 게시판 또는 갤러리의 기능의 구현을 위한 정보를 더 포함하는 것인, 웹 페이지 생성 장치.
  10. 제 8 항에 있어서,
    상기 작업 영역은 메뉴 영역, 헤더 영역, 컨텐츠 영역 및 푸터 영역 중 적어도 하나를 포함하고,
    상기 블록 제공부는 상기 메뉴 영역, 헤더 영역, 컨텐츠 영역 및 푸터 영역 각각에 대응하는 복수의 블록을 제공하는 것인, 웹 페이지 생성 장치.
  11. 제 8 항에 있어서,
    상기 수정부는 상기 적어도 하나의 구성에 대한 디자인 수정, 권한 설정, 필드 속성 수정 중 적어도 하나를 수행하는 것인, 웹 페이지 생성 장치.
  12. 제 8 항에 있어서,
    상기 블록 배치부는 상기 복수의 블록 각각의 크기를 변경하는 것인, 웹 페이지 생성 장치.
  13. 제 8 항에 있어서,
    상기 저장부는 상기 웹 페이지의 URL 정보, 상기 웹 페이지에 사용된 복수의 블록 각각의 식별자, 상기 복수의 블록 각각의 상기 배치 정보, 상기 복수의 블록 각각의 상기 해상도 정보 중 적어도 하나를 상기 사용자 블록 데이터베이스에 저장하는 것인, 웹 페이지 생성 장치.
  14. 제 8 항에 있어서,
    상기 웹 페이지 출력부는
    상기 사용자 블록 데이터베이스로부터 상기 웹 페이지에 관한 정보 및 상기 복수의 블록 각각에 대한 정보를 추출하고,
    상기 추출된 웹 페이지에 관한 정보 및 상기 복수의 블록 각각에 대한 정보에 기초하여 상기 복수의 블록 각각의 배치가 변동된 상기 웹 페이지를 출력하는 것인, 웹 페이지 생성 장치.
PCT/KR2020/011316 2019-10-04 2020-08-25 웹 페이지를 생성하는 방법 및 장치 WO2021066325A1 (ko)

Priority Applications (1)

Application Number Priority Date Filing Date Title
US17/712,227 US12045305B2 (en) 2019-10-04 2022-04-04 Method and apparatus for generating web page using blocks

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
KR10-2019-0123059 2019-10-04
KR1020190123059A KR102358855B1 (ko) 2019-10-04 2019-10-04 웹 페이지를 생성하는 방법 및 장치

Related Child Applications (2)

Application Number Title Priority Date Filing Date
US17/712,227 Continuation US12045305B2 (en) 2019-10-04 2022-04-04 Method and apparatus for generating web page using blocks
US17/946,780 Continuation US20230085553A1 (en) 2021-08-30 2022-09-16 Electronic device for adjusting frequency of reference signal used to generate rf signal

Publications (1)

Publication Number Publication Date
WO2021066325A1 true WO2021066325A1 (ko) 2021-04-08

Family

ID=75337137

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/KR2020/011316 WO2021066325A1 (ko) 2019-10-04 2020-08-25 웹 페이지를 생성하는 방법 및 장치

Country Status (3)

Country Link
US (1) US12045305B2 (ko)
KR (1) KR102358855B1 (ko)
WO (1) WO2021066325A1 (ko)

Families Citing this family (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR102637888B1 (ko) * 2022-03-21 2024-02-20 주식회사 가비아씨엔에스 웹사이트 모듈 기반 웹사이트 제작 시스템 및 그 방법
KR102524187B1 (ko) * 2022-03-29 2023-04-21 주식회사 오투유엑스 웹 페이지 업그레이드를 위한 평가 데이터 제공 장치 및 방법
KR102570254B1 (ko) * 2023-02-01 2023-08-24 주식회사 비지웰 사용자 맞춤형 홈페이지 제작 지원 방법 및 이를 실행하는 사용자 맞춤형 홈페이지 제작 지원 서버
KR102639324B1 (ko) 2023-10-31 2024-02-21 (주)플랜아이 웹서비스 구축 자동화 시스템 및 방법, 이를 이용한 웹서비스 제공 방법

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20140337767A1 (en) * 2013-05-07 2014-11-13 Axure Software Solutions, Inc. Design environment for responsive graphical designs
KR101509392B1 (ko) * 2014-03-10 2015-04-07 윤영조 웹 상에서 구현되는 홈페이지 제작방법
WO2016129765A1 (ko) * 2015-02-13 2016-08-18 김효환 웹페이지 구축 장치 및 방법
KR20170083718A (ko) * 2016-01-09 2017-07-19 주식회사 넥스트비즈 반응형 웹사이트 빌더 시스템 및 그 방법
KR101771473B1 (ko) * 2017-04-20 2017-08-25 주식회사 코코아스튜디오 반응형 웹페이지 생성 방법 및 장치

Family Cites Families (14)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
EP1668542A1 (en) * 2003-09-30 2006-06-14 British Telecommunications Public Limited Company Web content adaptation process and system
KR20060100491A (ko) 2005-03-17 2006-09-21 박상덕 웹사이트 구축시 레이아웃 및 컨텐츠 자동생성관리시스템
US20120159314A1 (en) * 2010-12-16 2012-06-21 Microsoft Corporation Adaptive content layout
US20120192063A1 (en) * 2011-01-20 2012-07-26 Koren Ziv On-the-fly transformation of graphical representation of content
DE102013202782A1 (de) * 2012-02-20 2013-08-22 Wixpress Ltd Server-basiertes Webseiten-Designsystem, das ein dynamisches Layout und dynamischen Inhalt integriert
US9280523B2 (en) * 2013-01-23 2016-03-08 Go Daddy Operating Company, LLC System for conversion of website content
US20150012818A1 (en) * 2013-07-07 2015-01-08 Ana Rink System and method for semantics-concise interactive visual website design
US20150040000A1 (en) * 2013-08-02 2015-02-05 Moboom Ltd. Methods and systems for generating server-side media queries
CA2923580C (en) * 2013-09-12 2021-10-12 Wix.Com Ltd. System and method for automated conversion of interactive sites and applications to support mobile and other display environments
US9639263B2 (en) * 2014-08-05 2017-05-02 Weebly, Inc. Native overlay for rapid editing of web content
US11048484B2 (en) * 2015-10-09 2021-06-29 Oracle International Corporation Automated responsive grid-based layout design system
US10210144B2 (en) * 2016-08-16 2019-02-19 Adobe Inc. Creation and display of a webpage with alternative layouts for different webpage widths
US20180059919A1 (en) * 2016-08-26 2018-03-01 Adobe Systems Incorporated Responsive Design Controls
EP3973419A4 (en) * 2019-05-20 2023-03-29 Wix.com Ltd. SYSTEM AND METHOD FOR PROVIDING RESPONSIVE EDIT AND VIEWING, INTEGRATE HIERARCHICAL FLUID COMPONENTS AND DYNAMIC LAYOUT

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20140337767A1 (en) * 2013-05-07 2014-11-13 Axure Software Solutions, Inc. Design environment for responsive graphical designs
KR101509392B1 (ko) * 2014-03-10 2015-04-07 윤영조 웹 상에서 구현되는 홈페이지 제작방법
WO2016129765A1 (ko) * 2015-02-13 2016-08-18 김효환 웹페이지 구축 장치 및 방법
KR20170083718A (ko) * 2016-01-09 2017-07-19 주식회사 넥스트비즈 반응형 웹사이트 빌더 시스템 및 그 방법
KR101771473B1 (ko) * 2017-04-20 2017-08-25 주식회사 코코아스튜디오 반응형 웹페이지 생성 방법 및 장치

Also Published As

Publication number Publication date
KR102358855B1 (ko) 2022-02-08
US12045305B2 (en) 2024-07-23
KR20210040611A (ko) 2021-04-14
US20220222310A1 (en) 2022-07-14

Similar Documents

Publication Publication Date Title
WO2021066325A1 (ko) 웹 페이지를 생성하는 방법 및 장치
US7176931B2 (en) Modifying hyperlink display characteristics
US10565296B2 (en) Designing interactive web templates
WO2013157678A1 (ko) 웹페이지의 동적 변환 시스템, 방법 및 컴퓨터 판독 가능한 기록 매체
KR101760777B1 (ko) 반응형 웹사이트 빌더 시스템 및 그 방법
CN104317563A (zh) 一种在线课件协作开发***
CN104798067B (zh) 辞典***以及辞典调用方法
WO2021112465A1 (ko) 클라우드 저작물 분석을 통한 디자인 추천 방법
WO2012033337A2 (en) Multimedia apparatus and method for providing content
JP4055382B2 (ja) ディジタルコンテンツ表示装置及びプログラム及びコンピュータ読み取り可能な記録媒体
WO2014030869A1 (ko) 스마트 ｔｖ에서 디지털 사이니지 탬플릿을 편집하기 위한 시스템 및 그 방법
WO2018225968A1 (ko) 동영상 템플릿의 조합 시스템 및 그 방법
JP6712486B2 (ja) 電子書籍表示装置、電子書籍生成装置及びプログラム
JP2011065288A (ja) 会合システム、表示制御方法、プログラム
JP2006172319A (ja) 情報管理装置、端末装置、情報管理システム、情報管理方法、及び情報管理プログラム
CN104850316A (zh) 电子图书字体调整方法及装置
WO2016129765A1 (ko) 웹페이지 구축 장치 및 방법
WO2023229087A1 (ko) 위젯을 편집하기 위한 방법 및 전자 장치
WO2010050745A2 (ko) 문서의 일부 영역을 표시하는 부분 리더기 시스템 및 부분 리더기 표시 방법
WO2021177719A1 (ko) 번역 플랫폼 운용 방법
JP3968230B2 (ja) Ｗｅｂブラウザのレイアウト制御装置、及びデータ会議装置
US20230146648A1 (en) Immersive learning application framework for video with web content overlay control
WO2019013364A1 (ko) 반응형 웹사이트 빌더 시스템 및 그 방법
Krilavičius Matsvei Kabak
WO2013066094A1 (en) Method and apparatus for scraping of digital magazine that is edited in layers

Legal Events

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

Ref document number: 20872872

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

32PN Ep: public notification in the ep bulletin as address of the adressee cannot be established

Free format text: NOTING OF LOSS OF RIGHTS PURSUANT TO RULE 112(1) EPC (EPO FORM 1205 DATED 08/09/2022)

122 Ep: pct application non-entry in european phase

Ref document number: 20872872

Country of ref document: EP

Kind code of ref document: A1