WO2013157678A1 - 웹페이지의 동적 변환 시스템, 방법 및 컴퓨터 판독 가능한 기록 매체 - Google Patents

웹페이지의 동적 변환 시스템, 방법 및 컴퓨터 판독 가능한 기록 매체 Download PDF

Info

Publication number
WO2013157678A1
WO2013157678A1 PCT/KR2012/003011 KR2012003011W WO2013157678A1 WO 2013157678 A1 WO2013157678 A1 WO 2013157678A1 KR 2012003011 W KR2012003011 W KR 2012003011W WO 2013157678 A1 WO2013157678 A1 WO 2013157678A1
Authority
WO
WIPO (PCT)
Prior art keywords
unit
web page
editing unit
converting
browser
Prior art date
Application number
PCT/KR2012/003011
Other languages
English (en)
French (fr)
Inventor
권오석
Original Assignee
Kwon Oh Suk
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 Kwon Oh Suk filed Critical Kwon Oh Suk
Priority to CN201280072411.0A priority Critical patent/CN104380280A/zh
Priority to JP2014560834A priority patent/JP2015518589A/ja
Priority to US14/382,311 priority patent/US20150039996A1/en
Priority to EP12874829.0A priority patent/EP2840511A4/en
Priority to AU2012377539A priority patent/AU2012377539A1/en
Publication of WO2013157678A1 publication Critical patent/WO2013157678A1/ko
Priority to IN1655MUN2014 priority patent/IN2014MN01655A/en
Priority to AU2017200140A priority patent/AU2017200140A1/en

Links

Images

Classifications

    • 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
    • G06F40/143—Markup, e.g. Standard Generalized Markup Language [SGML] or Document Type Definition [DTD]
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F17/00—Digital computing or data processing equipment or methods, specially adapted for specific functions
    • 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
    • G06F40/151—Transformation
    • G06F40/154—Tree transformation for tree-structured or markup documents, e.g. XSLT, XSL-FO or stylesheets
    • 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

Definitions

  • the present invention relates to a dynamic conversion system of a web page, and more particularly, to a dynamic conversion system, a method and a computer of a web page for building a site and a web application supporting a cross browser and a cross platform.
  • a readable recording medium A readable recording medium.
  • the Internet is an open network that can be freely connected and used by applying a common protocol called TCP / IP to other computers that anyone wants to access anywhere in the world.
  • TCP / IP a common protocol
  • Various services such as e-mail, file transfer, and the World Wide Web (WWW) can be used, for example, to be used for the delivery of information.
  • WWW World Wide Web
  • a smart phone is an intelligent mobile phone that adds computer support to a mobile phone.
  • the smartphone is faithful to the mobile phone function, but adds a personal digital assistant (PDA) function, Internet function, and video playback function.
  • PDA personal digital assistant
  • the screen is provided to provide a more convenient interface.
  • by supporting the wireless Internet function it is connected to the Internet and a computer to perform functions as a terminal such as e-mail, web browsing, fax, banking, and games.
  • functions can be implemented through the smart phone, and various dedicated application programs and contents driven in the smart phone are being developed.
  • the mobile terminal is difficult to use the existing wired Internet level due to limitations in the terminal hardware such as a small screen size or limited input device or limitation of wireless network resources. Apart from the wireless Internet has been built to provide services.
  • this method has a problem that it differs from the information of the original web page because the HTML data is provided with limited translation of the original web page according to the performance of the mobile station.
  • the mobile station browser does not support the HTML format, there is a problem that the original web page can not be browsed.
  • the conventional web site development and maintenance method is a method of program coding a designed document and uploading it to a web server to check the result. It is expensive and time consuming. In addition, it is almost impossible for non-experts to develop or operate their own websites or web applications.
  • An object of the present invention is to enable a web page format to be converted through a web page conversion engine so that a web page dynamic conversion system, method, and computer readable system can provide applications that operate in the same manner in various browsers and OS environments. In providing a recording medium.
  • Another object of the present invention is to provide a cross-browser or application by converting an application built in Flash or an HTML5 produced by the conversion engine of the web application that can be operated under the standard language HTML5 and JavaScript based cross-browser
  • a cross-platform dynamic conversion system method and a computer-readable recording medium.
  • Another object of the present invention is to parameterize the Flash or HTML5-based website and content generated in real time in the database and to store the website and web application for each type in real time through the conversion engine upon request of the user
  • a dynamic conversion system, method, and computer readable recording medium for generating and providing a web page are provided.
  • an object of the present invention is to provide a layout editor, display engine, property editor, and converter (Flash to HTML5 or HTML5 to Flash) in making a web page.
  • the present invention provides a dynamic conversion system, method, and computer readable recording medium for a web page that provides a function for building a website, a mobile site, content, etc.).
  • a dynamic conversion system of a web page the library storage unit for storing at least one component constituting a web page or a web application;
  • a layout editing unit for arranging the components selected from the library storage unit on a layout to form a web page;
  • An attribute editing unit for setting an attribute for each component arranged by the layout editing unit;
  • a content editing unit providing a function of editing the content arranged by the layout editing unit;
  • a parameter converting unit converting each component arranged by the layout editing unit into a standard parameter value;
  • a standard parameter information database for storing standard parameter values converted by the parameter converting unit;
  • a browser determination unit determining a type of a browser or an operating system of a user terminal according to a user's conversion request;
  • a conversion engine unit for converting the standard parameter information stored in the standard parameter information database into a web page source of a suitable type according to the determination of the browser determination unit;
  • a display engine unit configured to display the converted source.
  • the components constituting the web page or the web application is characterized in that at least one selected from the image, video, text and sound.
  • the editable property of the property editor is at least one selected from among horizontal, vertical, transparent, background, rotation, photo, title, and skin.
  • the conversion engine unit is characterized in that for converting the web page in the HTML5 standard format or flash format from the standard parameter information.
  • the system further comprises a mobile editing unit for re-editing the web page produced by the layout editing unit in accordance with the properties of the mobile web page.
  • the dynamic conversion method of the web page each step performed in the dynamic conversion system of the web page, the step of storing at least one component constituting the web page or web application in the library storage unit ; Disposing the component selected from the library storage unit on a layout to form a web page in a layout editing unit; Setting an attribute for each component arranged by the layout editing unit in an attribute editing unit; Providing a function of editing a content arranged by the layout editing unit in a content editing unit; Converting each component arranged by the layout editing unit into a standard parameter value in a parameter converting unit; Storing the standard parameter value converted by the parameter converter in a standard parameter information database; Determining, by the browser determination unit, the type of browser or operating system of the user terminal according to the user's request for conversion; Converting, by the conversion engine unit, from the standard parameter information stored in the standard parameter information database into a web page source of a suitable type according to the determination of the browser determination unit; And displaying the converted source in a display engine
  • the components constituting the web page or the web application is characterized in that at least one selected from the image, video, text and sound.
  • the editable property of the property editor is at least one selected from among horizontal, vertical, transparent, background, rotation, photo, title, and skin.
  • the step of converting to the web page source is characterized in that the conversion from the standard parameter information to a web page in the HTML5 standard format or flash format.
  • the method further comprises the step of re-editing the web page produced by the layout editing unit in accordance with the properties of the mobile web page in the mobile editor.
  • the information for receiving the dynamic conversion method of the web page may be stored in a recording medium readable by a server computer.
  • Such recording media includes all kinds of recording media on which programs and data are stored so that they can be read by a computer system. Examples include Read Only Memory (ROM), Random Access Memory (RAM), Compact Disk (CD), Digital Video Disk (DVD) -ROM, Magnetic Tape, Floppy Disk, Optical Data Storage, etc. It also includes implementations in the form of (eg, transmission over the Internet). In addition, these recording media can be distributed over network coupled computer systems so that the computer readable code is stored and executed in a distributed fashion.
  • image editors in a conventional image editing program e.g., Photoshop, etc.
  • image editors in a conventional image editing program convert the original rectangular image into an elliptical image, and the converted image is generated separately, so that the image as much as the conversion effect is applied to the storage space. And wasted storage space.
  • the conversion effect is converted into standard parameters and stored in a database, and when requested by the user, the parameters are converted and displayed according to Flash or HTML5 to produce a large number of conversion effects with one original, and at the same time, waste of storage space. There is an advantage to reduce.
  • the editing of the original image was not easy in the functions such as the size, extension, rotation, and quality change of the general image editor program.
  • the image parameter conversion according to the present invention by changing the image parameter conversion according to the present invention, the shape of the image can be changed even in the general public. There is an advantage that can be facilitated.
  • FIG. 1 is a diagram illustrating a concept of converting a Flash file into an HTML5 web document according to an embodiment of the present invention.
  • FIG. 2 is a diagram illustrating a concept of converting an HTML5 application into a flash page according to an embodiment of the present invention.
  • FIG. 3 is a block diagram illustrating a structure of a dynamic conversion system of a web page according to an embodiment of the present invention.
  • FIG. 4 is a diagram illustrating a concept of a webpage conversion structure according to an embodiment of the present invention.
  • FIG. 5 is a diagram showing the processing configuration of the layout editing unit of the dynamic conversion system according to the embodiment of the present invention.
  • FIG. 6 is a diagram showing the processing configuration of the content editing unit of the dynamic conversion system according to the embodiment of the present invention.
  • FIG. 7 is a diagram illustrating an existing property editing method.
  • FIG. 8 is a diagram illustrating a processing configuration of an attribute editing unit of a dynamic conversion system according to an embodiment of the present invention.
  • FIG. 9 is a flowchart illustrating a web page conversion procedure according to an embodiment of the present invention.
  • FIG. 10 is a flowchart illustrating a conversion procedure to a mobile web page according to an embodiment of the present invention.
  • FIG. 11 is a diagram illustrating a concept of converting a web page in Flash or HTML5 format into a mobile page according to an embodiment of the present invention.
  • FIG. 12 illustrates a concept of converting a web page in Flash or HTML5 format into a page in HTML5 or Flash format according to an embodiment of the present invention.
  • FIG. 14 is a view showing a region designation method according to an embodiment of the present invention.
  • 15 is a diagram illustrating a concept of general image conversion.
  • 16 is a diagram illustrating a concept of image conversion according to an embodiment of the present invention.
  • FIG 17 illustrates an image parameter conversion method according to an embodiment of the present invention.
  • the present invention discloses a dynamic conversion system for building a website and a web application supporting a cross browser and a cross platform, and a method of operating the same.
  • the web in order to solve the inconvenience of developing an application for various browsers and OSs separately, the web can be operated under the Javascript (javascript (jQuery, Prototype)) supporting HTML5, which is a standard language, and a cross browser.
  • Javascript Javascript (jQuery, Prototype)
  • HTML5 which is a standard language
  • a cross browser Provides a transformation engine for building applications.
  • a cross-browser and a cross-platform are implemented by converting an application produced in a Flash-based application or an application produced in an HTML5 format by the conversion engine.
  • the layout editing unit modularizes the website using a builder, and the attribute editing unit enables editing of the website and the web application by personalizing the editor.
  • the display engine implements a dynamic screen with various editing effects, and the conversion unit automatically converts the HTML5 file into a flash file.
  • FIG. 1 illustrates a concept of converting a Flash file into an HTML5 web document
  • FIG. 2 illustrates a concept of converting an HTML5 document into Flash.
  • FIG. 1 is a diagram illustrating a concept of converting a Flash file into an HTML5 web document according to an embodiment of the present invention.
  • a flash file flash file
  • the flash file is converted into parameters and stored in a database according to an embodiment of the present invention.
  • the information stored in the database as a result of the parameter conversion may be location information of each component for each component constituting the flash file, an attribute, and a file (eg, a file name on a library) of the corresponding component.
  • the parameter-converted flash information stored in the database is converted into HTML5 parameters at the request of the user. Then create an HTML5 website or web application.
  • the HTML5 format application may be disposed by dragging and dropping each component (eg, image, video, text, sound, etc.) constituting a webpage stored in a library with a mouse. Create an HTML5 application. At this time, the HTML5 application file is converted into HTML5 parameters and stored in a database according to an embodiment of the present invention.
  • each component eg, image, video, text, sound, etc.
  • the information stored in the database as a result of the parameter conversion will be information on the location of each component, the attribute and the file of the corresponding component (eg, a file name on a library) for each component constituting the HTML5 format file. Can be.
  • the parameter-converted HTML5 information stored in the database may be converted into flash parameters according to a user's request. Then create a Flash website or web application.
  • the dynamic conversion system includes a library storage unit 301, a layout editing unit 302, an attribute editing unit 303, a content editing unit 304, a mobile editing unit 305, and standard parameters.
  • the conversion unit 306, the standard parameter information database 307, the browser determination unit 308, the conversion engine unit 309, and the display engine unit 310 may be configured.
  • the library storage unit 301 stores each library as a component constituting a web page or a web application, and the library may be, for example, an image, a video, a text, a sound, or the like.
  • the layout editing unit 302 provides a function of editing a web page by dragging and dropping each library stored in the library storage unit 301 with a mouse.
  • the property editing unit 303 may set properties for each component arranged by the layout editing unit 302.
  • the content editing unit 304 provides a function of re-editing the content arranged by the layout editing unit 302, and the re-editing may be, for example, resizing, color changing, rotating, and transparent setting. have.
  • the standard parameter converting unit 306 converts the standard page into a standard parameter value, and the converted value is stored in the standard parameter information database 307.
  • the mobile editing unit 305 is re-edited according to the properties of the mobile web page.
  • the browser determination unit 308 determines the type of the browser or the OS of the conversion request of the user. Accordingly, the conversion engine unit 309 converts the standard parameter information stored in the standard parameter information database 307 into a web page of a suitable type according to the determination of the browser determination unit 308.
  • the source information converted according to the type is displayed in the HTML5 format or the flash format by the display engine 310 in accordance with the user browser and the execution environment.
  • FIG. 4 is a diagram illustrating a concept of a webpage conversion structure according to an embodiment of the present invention.
  • a user drags and drops each component from a library and places the component at a desired position.
  • the mobile editor reconfigures the mobile page to meet the mobile page standard.
  • the layout editing unit may edit the properties of each component through the property editing unit, and may edit the respective content through the content editing unit.
  • Editable properties of the property editing unit may be horizontal, vertical, transparent, background, rotation, photo, title, skin, and the like. Detailed description thereof will be described later.
  • the web page is converted into a standard parameter and stored in a database according to an embodiment of the present invention.
  • the user when a user requests a browsing of a web page, the user first inspects the user's web browser and collects information such as a user's ID, page key value, and browser.
  • the conversion engine unit converts standard parameters to fit the user browser by referring to the collected information.
  • the HTML5 converter converts the standard parameter stored above into an HTML5 format web page.
  • the flash converter converts the stored standard parameters into web pages in the flash format.
  • the layout editing unit may drag and drop information (eg, position, size, transparency, color, rotation, etc.) of elements constituting a website or a mobile web, such as a web application or multimedia data, using a mouse. Can be arranged in such a way.
  • information eg, position, size, transparency, color, rotation, etc.
  • the arranged information may be converted into parameters and stored in a database, and may be dynamically displayed in real time according to a user's call as described above.
  • the user's browser can be checked and converted into HTML5 format or Flash format for display.
  • FIG. 6 is a diagram showing the processing configuration of the content editing unit of the dynamic conversion system according to the embodiment of the present invention.
  • the content editing unit may change the size or color of each arranged multimedia content, and may provide a function such as rotation or transparency.
  • FIG. 7 is a diagram illustrating an existing property editing method. As illustrated in FIG. 7, it is difficult to edit an attribute when there is no specialized knowledge such as HTML and JavaScript when constructing a website using a bulletin board such as a zero board or a gnu board. Therefore, although the functions of the bulletin board and the like can be used free of charge, there was a problem in which an expert should be paid at an additional cost.
  • the property of each content can be edited through the property editing unit. That is, when the desired web application of the web page is arranged by dragging and dropping as described above, the quick editing unit is executed to display the properties of each application (eg, arrangement, size, color, font, rotation, transparency, etc.). It can be easily edited by In this way, the user can easily create a web page desired by the user by redefining the properties of each application.
  • the properties of each application eg, arrangement, size, color, font, rotation, transparency, etc.
  • FIG. 8 is a diagram showing a processing configuration of an attribute editing unit of a dynamic conversion system according to an embodiment of the present invention.
  • an edit mode is executed when a property of a specific bulletin board (for example, bulletin board 1) of a web page being manufactured is executed
  • an attribute edit window screen is provided by an attribute editor, and the user is displayed in the attribute edit window.
  • the attribute can be easily edited by selecting or entering the attribute.
  • the attribute editing is completed as described above and the storage is executed, the webpage information after the attribute editing is converted into parameter information and stored in the database.
  • the above-described display engine unit converts the standard parameters generated by the layout editing unit, the content editing unit, the attribute editing unit, the conversion engine unit, etc. and stored in the database into executable sources for each browser or OS. To display in the user's browser and execution environment.
  • a source is generated and executed in real time so that a flash player can execute a standard parameter stored in a database, and then display the result in a user browser.
  • the HTML5 display engine generates and executes a source (that is, 'HTML5 + JavaScript') in real time so that the standard parameters stored in the database can be executed in each browser, and then displays the result in the user's browser.
  • a source that is, 'HTML5 + JavaScript'
  • the content generated according to the present invention can be used without limitation, and the existing HTML editor can be replaced to maximize user convenience. It can be effective.
  • FIG. 9 is a flowchart illustrating a web page conversion procedure according to an embodiment of the present invention.
  • a layout editor is first executed (S901), and web components constituting a webpage from a library are dragged (S902) and placed on a webpage. Then, selectively arrange each of the arranged components, specify properties (S903), and edit the content of the content.
  • each component of the arranged webpage is converted into a parameter and stored in a database (S904).
  • the call occurs by the user (S905)
  • the user's browser is an HTML5-supporting browser
  • the parameters stored in the database are converted into an HTML5 document (S907), and then browsed and displayed on the user's terminal (S908).
  • the user's browser is a browser that does not support HTML5
  • the parameter stored in the database is converted into a flash file (S909), and the converted flash file is displayed on the user terminal (S910).
  • FIG. 10 is a flowchart illustrating a conversion procedure to a mobile web page according to an embodiment of the present invention.
  • a layout editor is first executed (S1001), and web components constituting a webpage from a library are dragged (S1002) and placed on a webpage. Then, selectively arrange each of the arranged components, specify properties (S1003), and edit the contents of the content.
  • the mobile web page editing function is executed to re-edit to fit the mobile page (S1005).
  • each component of the arranged webpage is converted into a parameter and stored in a database (S1006).
  • the call occurs by the user (S1007), it is determined whether the user's browser is a browser that supports the HTML5 format (S1008). As a result of the check, when the user's browser is an HTML5-supporting browser, the parameter stored in the database is converted into an HTML5 document (S1009), and the browser is displayed and displayed on the user's terminal (S1010).
  • FIG. 11 is a diagram illustrating a concept of converting a web page in Flash or HTML5 format into a mobile page according to an embodiment of the present invention.
  • a web page may be configured to optimize contents of a web page or content dynamically generated by a user by using a drag and drop method as described above.
  • information eg, size, transparency, color, position, etc.
  • each component eg, image, video, text, and sound
  • the model name is selected for a particular mobile terminal as shown in the mobile page edit screen is displayed to fit the screen size of the mobile terminal, the user can easily create a web page for the mobile terminal.
  • the parameter information stored in the database is converted into HTML5 format or the like by the user's request, and then browsed to the user's mobile terminal.
  • FIG. 12 illustrates a concept of converting a web page in Flash or HTML5 format into a page in HTML5 or Flash format according to an embodiment of the present invention.
  • a web page is configured to be optimized for HTML5 or Flash by dragging and dropping content of a dynamically generated website or content, the configured information (eg, size, transparency, color, Location, etc.) and save it in the database.
  • the configured information eg, size, transparency, color, Location, etc.
  • the parameter information stored in the database is converted into a flash or HTML5 format by the user's request, and then browsed to the user's terminal as a flash website or an HTML5 website. Therefore, even if a user creates a web page of a specific format, browsing is possible regardless of a supported browser or OS of the user terminal.
  • FIG. 13 is a diagram illustrating a region designation movement of a general resize processor
  • FIG. 14 is a diagram illustrating a region designation method according to an exemplary embodiment of the present invention.
  • resizing is performed using four or eight handlers, but in a mobile environment (for example, a smartphone or a tablet), the size of the handler becomes small, which is inconvenient to use. There was a ham.
  • the resizing operation can be easily provided by automatically designating the entire region as shown in FIG. 14. That is, the user can easily resize by designating a certain region of the upper, lower, left, and right of the object as a handler.
  • FIG. 15 is a diagram illustrating a concept of general image transformation
  • FIG. 16 is a diagram illustrating a concept of image transformation according to an embodiment of the present invention.
  • the conversion is converted to standard parameters and stored in the database, and when the user's request to convert the parameters in accordance with Flash or HTML5 format to display a number of conversion effects in one original
  • the waste of storage space can be reduced.
  • FIG. 17 illustrates an image parameter conversion method according to an embodiment of the present invention.
  • editing of an original image was considerably difficult in functions such as size, extension, rotation, and quality change supported by a general image editor program.
  • the present invention has an advantage of facilitating a change in image form by applying an image parameter conversion function.
  • such functional units may include such processes and operations in accordance with various aspects of the invention, and / or any other operation as disclosed herein. And functions, and their respective equivalents.
  • processing is performed together by a first functional unit in the first device and a second functional unit in the second device.
  • processing, operations, and the like are performed entirely by processors in one particular apparatus. Even in other embodiments, such processing, operations are performed using at least a first functional unit and a second functional unit in one single device.
  • the terms 'system', 'apparatus', ' ⁇ unit' may be a single processing device or a plurality of processing devices.
  • processing devices may include microprocessors, microcontrollers, digital signal processors, microcomputers, central processing units, field programmable gate arrays, programmable logic devices, state machines, logic circuits, analog circuits, digital circuits, and / or the circuits and / or It may be any device that manipulates signals (analog and / or digital) based on hard coding of operating instructions.
  • the processing module, module, processing circuit, and / or processing unit may be a single memory device, a plurality of memory devices, and / or a combination that may be an embedded circuit of the processing module, module, processing circuit, and / or processing unit.
  • Memory and / or integrated memory elements Such memory devices may be read only memory (ROM), random access memory (RAM), volatile memory, nonvolatile memory, static memory, dynamic memory, flash memory, cache memory, and / or any device that stores digital information. have. If the processing module, module, processing circuitry, and / or processing unit comprise one or more processing devices, the processing devices may be centrally located (ie, directly together over a wired and / or wireless bus structure).
  • the computing may be distributed, located in a distributed manner (eg, cloud computing via indirect connections via local area networks and / or wide area networks).
  • the processing module, module, processing circuitry, and / or processing unit implements one or more of their functions via a static machine, analog circuitry, digital circuitry, and / or circuitry, storing memory and / or memory components
  • the corresponding operating instructions may be internal to or external to a circuit comprising the static machine, analog circuit, digital circuit, and / or logic circuit.
  • the memory element may be stored and the processing module, module, processing circuitry, and / or processing unit may be hard coded and / or corresponding to at least some of the steps and / or functions represented in one or more of the figures. It is still further noted that executing the operating instructions.
  • Such a memory device or memory element may be included in the part of manufacture.
  • Embodiments of the invention are used herein to represent the invention, aspects thereof, features thereof, concepts thereof, and / or examples thereof.
  • Physical embodiments of an apparatus, article of manufacture, machine, and / or process embodying the present invention may include one or more aspects, features, concepts, examples, etc., described with reference to one or more embodiments described herein. It may include.
  • embodiments may incorporate the same or similarly named functions, steps, modules, etc. that may use the same or different reference numbers, and as such, the functions, The steps, modules, etc. may be the same or similar functions, steps, modules, etc. or others.
  • signals from and / or between are analog or digital, continuous or discrete time, electrical, optical, and single-ended ( It may be a single-ended or differential signal.
  • a single path is shown as a single-ended path, it also represents a differential single path.
  • a single path is shown as a differential path, it also represents a single-ended signal path.
  • one or more specific architectures are disclosed herein, it is not clearly shown whether there is a direct connection between elements, and / or indirect coupling between other elements, as will be appreciated by a person of ordinary skill in the art. It can be implemented using one or more databuses.
  • the term "processing unit” is used in the description of various embodiments of the present invention.
  • the module includes a functional block implemented through hardware to perform one or more functions, such as processing one or more input signals to generate one or more output signals.
  • the hardware implementing the functional block can operate directly in combination with software and / or firmware.
  • a module may include one or more sub-modules that are themselves modules.

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Databases & Information Systems (AREA)
  • Artificial Intelligence (AREA)
  • Health & Medical Sciences (AREA)
  • Audiology, Speech & Language Pathology (AREA)
  • Computational Linguistics (AREA)
  • General Health & Medical Sciences (AREA)
  • Data Mining & Analysis (AREA)
  • Mathematical Physics (AREA)
  • Software Systems (AREA)
  • Information Transfer Between Computers (AREA)
  • Document Processing Apparatus (AREA)

Abstract

본 발명은 크로스 브라우저(Cross browser) 및 크로스 플랫폼(Cross Platform)을 지원하는 사이트 및 웹 애플리케이션 구축을 위한 웹페이지의 동적 변환 시스템에 관한 것으로, 특히 웹페이지 또는 웹 애플리케이션을 구성하는 적어도 하나의 구성 요소들을 저장하는 라이브러리 저장부; 상기 라이브러리 저장부로부터 선택된 상기 구성 요소를 웹페이지를 구성할 레이아웃 상에 배치시키는 레이아웃 편집부; 상기 레이아웃 편집부에 의해 배치된 각 구성 요소에 대한 속성을 설정하는 속성 편집부; 상기 레이아웃 편집부에 의해 배치된 콘텐츠를 편집하는 기능을 제공하는 콘텐츠 편집부; 상기 레이아웃 편집부에 의해 배치된 각 구성 요소를 표준 파라미터 값으로 변환시키는 파라미터 변환부; 상기 파라미터 변환부에 의해 변환된 표준 파라미터 값을 저장하는 표준 파라미터 정보 데이터베이스; 사용자의 변환 요청에 따라 사용자 단말의 브라우저의 종류 또는 운영 체제의 종류를 판단하는 브라우저 판단부; 상기 표준 파라미터 정보 데이터베이스에 저장된 표준 파라미터 정보로부터 상기 브라우저 판단부의 판단에 따라 적합한 종류의 웹페이지 소스로 변환시키는 변환 엔진부; 및 상기 변환된 소스를 디스플레이시키는 디스플레이 엔진부;를 포함함을 특징으로 한다.

Description

웹페이지의 동적 변환 시스템, 방법 및 컴퓨터 판독 가능한 기록 매체
본 발명은 웹페이지의 동적 변환 시스템에 관한 것으로, 보다 상세하게는 크로스 브라우저(Cross browser) 및 크로스 플랫폼(Cross Platform)을 지원하는 사이트 및 웹 애플리케이션 구축을 위한 웹페이지의 동적 변환 시스템, 방법 및 컴퓨터 판독 가능한 기록 매체에 관한 것이다.
일반적으로, 인터넷은 전세계 어디서나 누구나 접속하고자 하는 상대편 컴퓨터에 TCP/IP라는 공통의 프로토콜을 적용하여 자유롭게 연결하여 사용할 수 있도록 구성된 개방형 네트워크로서, 기본적인 문자 정보의 전달은 물론 압축 기술의 발전과 더불어 멀티미디어 정보의 전달에 이용되는 등 전자 우편, 파일 전송, WWW(World Wide Web) 등의 다양한 서비스를 이용할 수 있다.
이와 같은 인터넷은 국내를 비롯하여 세계적으로 사용이 급격하게 증가하면서 기존 산업의 전 부분에 걸쳐 효율성과 생산성 제고를 위한 전략적인 도구로서 중요성이 급속히 증대되고 있으며, 인터넷을 통한 새로운 비즈니스 기회가 지속적으로 창출됨은 물론, 그 영역도 확장되고 있는 추세로서 인터넷을 이용한 사업자들도 점점 더 증가되고 있다.
한편, 최근 출시되는 스마트폰들의 성능이 향상되면서 일반 휴대폰에서 스마트폰으로 사용자들이 많이 옮겨가고 있는 추세이다. 스마트폰(smart phone)이란, 휴대폰에 컴퓨터 지원 기능을 추가한 지능형 휴대폰으로서, 휴대폰 기능에 충실하면서도 개인 휴대 정보 단말기(PDA) 기능, 인터넷 기능, 동영상 재생 기능 등이 추가되며, 다양한 입력 방식과 터치스크린 등이 구비되어 사용에 보다 편리한 인터페이스를 제공한다. 또한, 무선 인터넷 기능의 지원으로 인터넷 및 컴퓨터에 접속되어 이메일, 웹브라우징, 팩스, 뱅킹, 게임 등 단말기로서의 기능도 수행한다. 이와 같이 스마트폰을 통해 다양한 기능의 구현이 가능해짐에 따라 스마트폰 내에서 구동되는 다양한 전용 응용 프로그램(application program)들과 콘텐츠(content)들이 많이 개발되고 있다.
또한, 오늘날 인터넷의 광범위한 보급은 이제 유선을 넘어 무선 이동 통신 기술로의 급발전을 가져오게 되었고, 실생활에 있어서도 휴대폰, PDA, 핸드헬드(Hand-Held) 컴퓨터 등의 모바일 단말기를 통한 인터넷 상에서의 정보 검색이 시간과 장소에 구애받지 않고 가능하게 되었다.
그런데, 모바일 단말은 작은 화면 사이즈나 제한된 입력 장치와 같은 단말기 하드웨어 상의 제약이나 무선망 자원의 제한으로 인해 기존의 유선 인터넷 수준의 사용이 어려우며, 이에 따라 국내외의 모바일 웹 서비스 업체들은 유선에서 사용되는 정보와 별도로 무선 인터넷을 구축하여 서비스를 제공하여 왔다.
그러나, 이러한 기존의 모바일 웹 서비스 방식은 자원의 중복을 초래하기 때문에 매우 비효율적이고, 무선과 유선이 공존할 경우 정보 검색과 활용에 대하여 매번 각각의 서비스를 제공하는 사이트가 구축되어야 하는 문제가 있으며, 이에 따라 모바일 인터넷 상의 여러 가지 서비스 모델이나 기존의 방대한 유선 웹 컨텐츠 자원을 무선 웹에서 간단히 재사용할 수 있도록 하는 다양한 모바일 웹 서비스 방법들이 제안되었다.
한편, 모바일 단말의 종류에 따라 다양한 방식의 브라우저와 운영 체제(OS)들이 별도로 개발되어 왔다. 따라서, 이러한 브라우저 및 OS 등의 차이들로 인해 개발되는 애플리케이션도 각 브라우저 및 OS에 맞게 개발되고 있다. 예컨대, 마이크로소프트(MS) 사의 인터넷 익스플로러(IE), 오페라, 크롬, 사파리 등의 다양한 브라우저들이 완벽하게 표준을 지원하지 않고, 구글 안드로이드, 애플 IOS 등의 OS에 따라 애플리케이션이 동일하게 동작하지 않아 부득이하게 각 브라우저 및 OS에 맞게 별도의 애플리케이션을 개발하여야 하는 문제점이 있다.
한편, 이러한 웹페이지의 포맷을 상이한 포맷으로 변환하는 방법에 관한 기술로서, 대한민국 공개특허공보 제2003-0057285호의 "웹페이지의 에이치티엠엘 데이터를 이동국에서 표현하기에 적합한 형태로 변환하는 장치 및 방법(삼성전자 주식회사)"(문헌 1)에는 HTML 데이터를 이동국의 성능 및 제한성에 따라 이동국의 디스플레이에 적합한 새로운 포맷으로 변환하는 방법이 개시된다. 이를 위해 문헌 1에서는 이동국에서 사용하는 디스플레이에 HTML 데이터를 최적화하기 위한 HTML 필터링 프로세스를 제공한다.
그러나, 이러한 방법은 HTML 데이터를 이동국의 성능에 따라 원본 웹페이지를 제한적으로 변역하여 제공하기 때문에 원본 웹페이지의 정보와는 상이하다는 문제점이 있다. 또한, 이동국 브라우저가 HTML 포맷을 지원하지 않는 경우에는 원본 웹페이지를 브라우징할 수 없다는 문제점이 있다.
따라서, 다양한 브라우저에서도 동일하게 동작할 수 있는 웹 애플리케이션의 변환 엔진 개발의 필요성이 요구되고 있는 실정이다.
또한, 상술한 바와 같이 스마트폰이 대중화되면서 기존의 PC 기반의 웹사이트와 함께 모바일용 웹사이트가 필요하게 되어 동일한 내용을 포함하는 웹사이트를 모바일용으로 별도로 제작함으로 인해 시간, 비용 및 효율성 측면에서 서비스 업체에 상당한 부담을 가져오고 있다. 이러한 부담은 웹사이트나 모바일 사이트 또는 웹 애플리케이션을 개발하는 종래의 방법들이 비효율적이기 때문이다.
예컨대, 종래의 웹사이트 개발 및 유지 보수 방식은 디자인된 문서를 프로그램 코딩 작업한 후, 웹 서버에 업로드하여 그 결과를 확인하는 방법이며, 디자인 리뉴얼이나 기능의 확장 시 상기와 같은 절차를 거침으로 인해 많은 비용과 시간이 소요된다. 또한, 비전문가는 자신만의 웹사이트나 웹 애플리케이션을 개발 또는 운영하는 것이 거의 불가능한 실정이다.
본 발명의 목적은 웹페이지의 변환 엔진을 통해 웹페이지의 포맷이 상호 변환 가능하도록 함으로써 다양한 브라우저 및 OS 환경에서도 동일하게 동작하는 애플리케이션을 제공할 수 있는 웹페이지의 동적 변환 시스템, 방법 및 컴퓨터 판독 가능한 기록 매체를 제공함에 있다.
또한, 본 발명의 다른 목적은 표준 언어인 HTML5 및 크로스 브라우저를 지원하는 자바 스크립트 기반 하에서 동작 가능한 웹 애플리케이션의 변환 엔진에 의해 플래시 기반에서 제작된 애플리케이션 또는 HTML5로 제작된 애플리케이션을 상호 변환함으로써 크로스 브라우저 또는 크로스 플랫폼을 제공하는 웹페이지의 동적 변환 시스템, 방법 및 컴퓨터 판독 가능한 기록 매체를 제공함에 있다.
또한, 본 발명의 다른 목적은 실시간으로 생성된 플래시 또는 HTML5 기반의 웹사이트 및 콘텐츠를 파라미터화하여 데이터베이스에 저장하고, 사용자의 요청 시 변환 엔진을 통해 실시간으로 각 형태에 맞는 웹사이트 및 웹 애플리케이션을 생성하여 제공하는 웹페이지의 동적 변환 시스템, 방법 및 컴퓨터 판독 가능한 기록 매체를 제공함에 있다.
또한, 본 발명의 목적은 웹페이지를 제작함에 있어 레이아웃 편집부, 디스플레이 엔진, 속성 편집부, 변환부(플래시에서 HTML5로 또는 HTML5에서 플래시로)를 지원함으로써 비전문가로 용이하게 저비용, 고효율의 사이트(즉, 웹사이트, 모바일 사이트, 콘텐츠 등)를 구축할 수 있도록 기능을 제공하는 웹페이지의 동적 변환 시스템, 방법 및 컴퓨터 판독 가능한 기록 매체를 제공함에 있다.
본 발명의 상기 목적과 여러 가지 장점은 이 기술 분야에 숙련된 사람들에 의해 본 발명의 바람직한 실시예로부터 더욱 명확하게 될 것이다.
상기한 바와 같은 본 발명의 목적을 달성하고, 후술하는 본 발명의 특유의 효과를 달성하기 위한, 본 발명의 특징적인 구성은 하기와 같다.
본 발명의 일 측면에 따르면, 웹페이지의 동적 변환 시스템은, 웹페이지 또는 웹 애플리케이션을 구성하는 적어도 하나의 구성 요소들을 저장하는 라이브러리 저장부; 상기 라이브러리 저장부로부터 선택된 상기 구성 요소를 웹페이지를 구성할 레이아웃 상에 배치시키는 레이아웃 편집부; 상기 레이아웃 편집부에 의해 배치된 각 구성 요소에 대한 속성을 설정하는 속성 편집부; 상기 레이아웃 편집부에 의해 배치된 콘텐츠를 편집하는 기능을 제공하는 콘텐츠 편집부; 상기 레이아웃 편집부에 의해 배치된 각 구성 요소를 표준 파라미터 값으로 변환시키는 파라미터 변환부; 상기 파라미터 변환부에 의해 변환된 표준 파라미터 값을 저장하는 표준 파라미터 정보 데이터베이스; 사용자의 변환 요청에 따라 사용자 단말의 브라우저의 종류 또는 운영 체제의 종류를 판단하는 브라우저 판단부; 상기 표준 파라미터 정보 데이터베이스에 저장된 표준 파라미터 정보로부터 상기 브라우저 판단부의 판단에 따라 적합한 종류의 웹페이지 소스로 변환시키는 변환 엔진부; 및 상기 변환된 소스를 디스플레이시키는 디스플레이 엔진부;를 포함함을 특징으로 한다.
바람직하게는, 상기 웹페이지 또는 웹 애플리케이션을 구성하는 구성 요소는, 이미지, 동영상, 텍스트 및 사운드 중에서 선택된 어느 하나 이상인 것을 특징으로 한다.
바람직하게는, 상기 속성 편집부의 편집 가능한 속성은 가로, 세로, 투명, 배경, 회전, 사진, 타이틀 및 스킨 중에서 선택된 어느 하나 이상인 것을 특징으로 한다.
바람직하게는, 상기 변환 엔진부는 상기 표준 파라미터 정보로부터 HTML5 표준 포맷 또는 플래시 포맷의 웹페이지로 변환시키는 것을 특징으로 한다.
바람직하게는, 상기 시스템은 상기 레이아웃 편집부에서 제작된 웹페이지를 모바일 웹페이지의 속성에 맞게 재편집하는 모바일 편집부;를 더 포함하는 것을 특징으로 한다.
본 발명의 다른 측면에 따르면, 웹페이지의 동적 변환 방법은, 웹페이지의 동적 변환 시스템에서 수행되는 각 단계가, 라이브러리 저장부에서 웹페이지 또는 웹 애플리케이션을 구성하는 적어도 하나의 구성 요소들을 저장하는 단계; 레이아웃 편집부에서 상기 라이브러리 저장부로부터 선택된 상기 구성 요소를 웹페이지를 구성할 레이아웃 상에 배치시키는 단계; 속성 편집부에서 상기 레이아웃 편집부에 의해 배치된 각 구성 요소에 대한 속성을 설정하는 단계; 콘텐츠 편집부에서 상기 레이아웃 편집부에 의해 배치된 콘텐츠를 편집하는 기능을 제공하는 단계; 파라미터 변환부에서 상기 레이아웃 편집부에 의해 배치된 각 구성 요소를 표준 파라미터 값으로 변환시키는 단계; 상기 파라미터 변환부에 의해 변환된 표준 파라미터 값을 표준 파라미터 정보 데이터베이스에 저장하는 단계; 브라우저 판단부에서 사용자의 변환 요청에 따라 사용자 단말의 브라우저의 종류 또는 운영 체제의 종류를 판단하는 단계; 변환 엔진부에서 상기 표준 파라미터 정보 데이터베이스에 저장된 표준 파라미터 정보로부터 상기 브라우저 판단부의 판단에 따라 적합한 종류의 웹페이지 소스로 변환시키는 단계; 및 디스플레이 엔진부에서 상기 변환된 소스를 디스플레이시키는 단계;를 포함함을 특징으로 한다.
바람직하게는, 상기 웹페이지 또는 웹 애플리케이션을 구성하는 구성 요소는, 이미지, 동영상, 텍스트 및 사운드 중에서 선택된 어느 하나 이상인 것을 특징으로 한다.
바람직하게는, 상기 속성 편집부의 편집 가능한 속성은 가로, 세로, 투명, 배경, 회전, 사진, 타이틀 및 스킨 중에서 선택된 어느 하나 이상인 것을 특징으로 한다.
바람직하게는, 상기 웹페이지 소스로 변환시키는 단계는 상기 표준 파라미터 정보로부터 HTML5 표준 포맷 또는 플래시 포맷의 웹페이지로 변환시키는 것을 특징으로 한다.
바람직하게는, 상기 방법은 모바일 편집부에서 상기 레이아웃 편집부에서 제작된 웹페이지를 모바일 웹페이지의 속성에 맞게 재편집하는 단계;를 더 포함하는 것을 특징으로 한다.
한편, 상기 웹페이지의 동적 변환 방법을 제공받기 위한 정보는 서버 컴퓨터로 읽을 수 있는 기록 매체에 저장될 수 있다. 이러한 기록 매체는 컴퓨터 시스템에 의하여 읽혀질 수 있도록 프로그램 및 데이터가 저장되는 모든 종류의 기록 매체를 포함한다. 그 예로는, 롬(Read Only Memory), 램(Random Access Memory), CD(Compact Disk), DVD(Digital Video Disk)-ROM, 자기 테이프, 플로피 디스크, 광데이터 저장장치 등이 있으며, 또한 케리어 웨이브(예를 들면, 인터넷을 통한 전송)의 형태로 구현되는 것도 포함된다. 또한, 이러한 기록 매체는 네트워크로 연결된 컴퓨터 시스템에 분산되어 분산 방식으로 컴퓨터가 읽을 수 있는 코드가 저장되고 실행될 수 있다.
상술한 바와 같이, 본 발명에 따르면, 웹페이지의 변환 엔진을 통해 웹페이지의 포맷이 상호 변환 가능하도록 함으로써 다양한 브라우저 및 OS 환경에서도 동일하게 동작하는 애플리케이션을 제공할 수 있는 장점이 있다.
또한, 본 발명에 따르면, HTML5 및 크로스 브라우저를 지원하는 자바 스크립트 기반 하에서 동작 가능한 웹 애플리케이션의 변환 엔진에 의해 플래시 기반에서 제작된 애플리케이션 또는 HTML5로 제작된 애플리케이션을 상호 변환할 수 있는 장점이 있다.
또한, 본 발명에 따르면, 실시간으로 생성된 플래시 또는 HTML5 기반의 웹사이트 및 콘텐츠를 파라미터화하여 데이터베이스에 저장함으로써, 사용자의 요청 시 변환 엔진을 통해 실시간으로 각 형태에 맞는 웹사이트 및 웹 애플리케이션을 생성하여 제공할 수 있는 장점이 있다.
또한, 종래에는 웹페이지의 영역 지정에 있어 4개 또는 8개의 핸들러를 이용하여 리사이징하였으나 모바일 환경(예컨대, 스마트폰 도는 태블릿)에서는 핸들러의 크기가 작아져 사용하기가 불편하였다. 이에 따라, 본 발명에서는 객체의 상, 하, 좌, 우의 일정 영역을 핸들러로 지정함으로써 모바일 환경에서 리사이징 작업 시 용이하게 작업할 수 있는 장점이 있다.
또한, 종래의 이미지 편집 프로그램(예컨대, 포토샵 등)에서의 이미지 편집기들은 사각의 원본 이미지를 타원형의 이미지로 변환할 때, 변환된 이미지가 별도로 생성됨으로써 변환 효과를 적용한 만큼의 이미지가 저장 공간에 기록되어 저장 공간이 낭비되었다. 그러나, 본 발명에서는 변환 효과를 표준 파라미터로 변환시킨 후 데이터베이스에 저장하고, 사용자의 요청이 있을 경우 플래시 또는 HTML5에 맞게 파라미터를 변환하여 디스플레이함으로써 하나의 원본으로 수많은 변환 효과를 내는 동시에 저장 공간의 낭비를 줄일 수 있는 장점이 있다.
또한, 일반적인 이미지 편집기 프로그램이 가지고 있는 크기, 확장자, 회전, 화질 변경 등의 기능에서는 원본 이미지에 대한 편집이 용이하지 않았으나, 본 발명에 따른 이미지 파라미터 변환을 적용함으로써 일반인의 경우에도 이미지 모양의 변경을 용이하게 할 수 있는 장점이 있다.
도 1은 본 발명의 실시예에 따른 플래시 파일을 HTML5 웹 문서로 변환시키는 개념을 나타내는 도면이다.
도 2는 본 발명의 실시예에 따른 HTML5 애플리케이션을 플래시 페이지로 변환시키는 개념을 나타내는 도면이다.
도 3은 본 발명의 실시예에 따른 웹페이지의 동적 변환 시스템의 구조를 나타내는 블록도이다.
도 4는 본 발명의 실시예에 따른 웹페이지 변환 구조의 개념을 나타내는 도면이다.
도 5는 본 발명의 실시예에 따른 동적 변환 시스템의 레이아웃 편집부의 처리 구성을 나타내는 도면이다.
도 6은 본 발명의 실시예에 따른 동적 변환 시스템의 콘텐츠 편집부의 처리 구성을 나타내는 도면이다.
도 7은 기존의 속성 편집 방법을 나타내는 도면이다.
도 8은 본 발명의 실시예에 따른 동적 변환 시스템의 속성 편집부의 처리 구성을 나타내는 도면이다.
도 9는 본 발명의 실시예에 따른 웹페이지 변환 절차를 나타내는 흐름도이다.
도 10은 본 발명의 실시예에 따른 모바일 웹페이지로의 변환 절차를 나타내는 흐름도이다.
도 11은 본 발명의 실시예에 따른 플래시 또는 HTML5 형식의 웹페이지를 모바일 페이지로 변환하는 개념을 나타내는 도면이다.
도 12는 본 발명의 실시예에 따른 플래시 또는 HTML5 형식의 웹페이지를 HTML5 또는 플래시 형식의 페이지로 변환하는 개념을 나타내는 도면이다.
도 13은 일반적인 리사이즈 처리기의 영역 지정 이동을 나타내는 도면이다.
도 14는 본 발명의 실시예에 따른 영역 지정 방법을 나타내는 도면이다.
도 15는 일반적인 이미지 변환의 개념을 나타내는 도면이다.
도 16은 본 발명의 실시예에 따른 이미지 변환의 개념을 나타내는 도면이다.
도 17은 본 발명의 실시예에 따른 이미지 파라미터 변환 방법을 나타내는 도면이다.
후술하는 본 발명에 대한 상세한 설명은, 본 발명이 실시될 수 있는 특정 실시예를 예시로서 도시하는 첨부 도면을 참조한다. 이들 실시예는 당업자가 본 발명을 실시할 수 있기에 충분하도록 상세히 설명된다. 본 발명의 다양한 실시예는 서로 다르지만 상호 배타적일 필요는 없음이 이해되어야 한다. 예를 들어, 여기에 기재되어 있는 특정 형상, 구조 및 특성은 일 실시예에 관련하여 본 발명의 정신 및 범위를 벗어나지 않으면서 다른 실시예로 구현될 수 있다. 또한, 각각의 개시된 실시예 내의 개별 구성 요소의 위치 또는 배치는 본 발명의 정신 및 범위를 벗어나지 않으면서 변경될 수 있음이 이해되어야 한다. 따라서, 후술하는 상세한 설명은 한정적인 의미로서 취하려는 것이 아니며, 본 발명의 범위는 적절하게 설명된다면 그 청구항들이 주장하는 것과 균등한 모든 범위와 더불어 첨부된 청구항에 의해서만 한정된다. 도면에서 유사한 참조 부호는 여러 측면에 걸쳐서 동일하거나 유사한 기능을 지칭한다.
본 발명은 크로스 브라우저(Cross browser) 및 크로스 플랫폼(Cross platform)을 지원하는 웹사이트 및 웹 애플리케이션 구축을 위한 동적 변환 시스템 및 그 운영 방법을 개시한다. 특히, 본 발명에서는 다양한 브라우저 및 OS에 맞게 별도로 애플리케이션을 개발해야 하는 불편함을 해결하기 위해 표준 언어인 HTML5와 크로스 브라우저를 지원하는 자바 스크립트(javascript(jQuery, Prototype)) 기반 하에서 동작할 수 있도록 웹 애플리케이션을 구축할 수 있는 변환 엔진을 제공한다. 이에 따라 상기 변환 엔진에 의해 플래시 기반에서 제작된 애플리케이션이나 HTML5 포맷으로 제작된 애플리케이션을 상호 변환하여 크로스 브라우저 및 크로스 플랫폼을 구현한다.
한편, 종래에도 플래시(flash) 파일을 HTML5 포맷으로 변환해주는 툴이 있었으나, 미리 제작된 정적인 "swf" 포맷의 파일을 HTML5 포맷으로 변환해주기만 할 뿐, 사용자가 실시간으로 생성하는 웹사이트 및 콘텐츠에 대해서는 변환이 불가능하였다. 그러나, 본 발명에서는 실시간으로 생성되는 플래시 또는 HTML5 기반의 웹사이트 및 콘텐츠를 파라미터(parameter)화하여 데이터베이스에 저장한다. 그런 다음, 사용자의 요청 시에 본 발명의 실시예에 따른 변환 엔진을 이용하여 실시간으로 "HTML5 + 자바 스크립트(jQuery, Prototype)" 형태의 웹사이트 및 웹 애플리케이션을 생성하여 브라우저에 디스플레이한다.
또한, 본 발명의 실시예에 따라 웹페이지를 제작함에 있어 레이아웃 편집부, 디스플레이 엔진, 속성 편집부, 변환부(플래시에서 HTML5로 또는 HTML5에서 플래시로)를 지원함으로써 비전문가도 용이하게 저비용, 고효율의 사이트(즉, 웹사이트, 모바일 사이트, 콘텐츠 등)를 구축할 수 있도록 기능을 제공한다.
상기 레이아웃 편집부는 빌더(builder)를 사용하여 웹사이트를 모듈화하며, 속성 편집부는 편집기의 개인화로 웹사이트 및 웹 애플리케이션을 편집할 수 있도록 한다. 또한, 상기 디스플레이 엔진은 다양한 편집 효과로 동적인 화면을 구현하며, 변환부는 HTML5 파일을 플래시 파일로 자동 변환시킨다.
이하, 본 발명이 속하는 기술 분야에서 통상의 지식을 가진 자가 본 발명을 용이하게 실시할 수 있도록 하기 위하여, 본 발명의 바람직한 실시예들에 관하여 첨부된 도면을 참조하여 상세히 설명하기로 한다.
웹페이지의 동적 변환의 개념 시스템
도 1은 플래시 파일을 HTML5 웹 문서로 변환시키는 개념을 나타내며, 도 2는 HTML5 문서를 플래시로 변환시키는 개념을 나타낸다.
도 1은 본 발명의 실시예에 따른 플래시 파일을 HTML5 웹 문서로 변환시키는 개념을 나타내는 도면이다. 도 1을 참조하면, 라이브러리(library)에 저장된 웹페이지를 구성하는 각 구성 요소(예컨대, 이미지, 동영상, 텍스트, 사운드 등)를 마우스로 드래그 앤 드롭(Drag & Drop)하여 배치함으로써 플래시 파일(flash file)을 생성한다. 이때, 상기 플래시 파일을 본 발명의 실시예에 따라 파라미터 변환시켜 데이터베이스에 저장한다.
상기 파라미터 변환 결과로 상기 데이터베이스에 저장되는 정보는 상기 플래시 파일을 구성하는 각 구성 요소에 대한 상기 구성 요소별 위치, 속성 및 해당 구성 요소의 파일(예컨대, 라이브러리 상에서의 파일 이름) 정보가 될 수 있다. 이와 같이 데이터베이스에 저장된 파라미터 변환된 플래시 정보는 사용자의 요청에 따라 HTML5 파라미터로 변환된다. 그런 다음, HTML5 웹사이트 또는 웹 애플리케이션을 생성한다.
도 2는 본 발명의 실시예에 따른 HTML5 애플리케이션을 플래시 페이지로 변환시키는 개념을 나타내는 도면이다. 도 2를 참조하면, 라이브러리(library)에 저장된 웹페이지를 구성하는 각 구성 요소(예컨대, 이미지, 동영상, 텍스트, 사운드 등)를 마우스로 드래그 앤 드롭(Drag & Drop)하여 배치함으로써 HTML5 포맷의 애플리케이션(HTML5 application)을 생성한다. 이때, 상기 HTML5 애플리케이션 파일을 본 발명의 실시예에 따라 HTML5 파라미터로로 변환시켜 데이터베이스에 저장한다.
상기 파라미터 변환 결과로 상기 데이터베이스에 저장되는 정보는 상기 HTML5 포맷의 파일을 구성하는 각 구성 요소에 대한 상기 구성 요소별 위치, 속성 및 해당 구성 요소의 파일(예컨대, 라이브러리 상에서의 파일 이름) 정보가 될 수 있다. 이와 같이 데이터베이스에 저장된 파라미터 변환된 HTML5 정보는 사용자의 요청에 따라 플래시 파라미터로 변환될 수 있다. 그런 다음, 플래시 웹사이트 또는 웹 애플리케이션을 생성한다.
이하, 도 3 내지 도 8을 참조하여 본 발명의 실시예에 따른 시스템 및 장치의 구조를 설명하며, 다음으로 도 9 및 도 10을 참조하여 본 발명의 실시예에 따른 서비스 절차를 상세히 설명한다.
웹페이지의 동적 변환 시스템
도 3은 본 발명의 실시예에 따른 웹페이지의 동적 변환 시스템의 구조를 나타내는 블록도이다. 도 3을 참조하면, 본 발명의 실시예에 따른 동적 변환 시스템은 라이브러리 저장부(301), 레이아웃 편집부(302), 속성 편집부(303), 콘텐츠 편집부(304), 모바일 편집부(305), 표준 파라미터 변환부(306), 표준 파라미터 정보 데이터베이스(307), 브라우저 판단부(308), 변환 엔진부(309) 및 디스플레이 엔진부(310)를 포함하여 구성될 수 있다.
먼저, 라이브러리 저장부(301)는 웹페이지 또는 웹 애플리케이션을 구성하는 구성 요소로서의 각 라이브러리를 저장하며, 상기 라이브러리는 예컨대, 이미지, 동영상, 텍스트, 사운드 등이 될 수 있다.
레이아웃 편집부(302)는 상기 라이브러리 저장부(301)에 저장된 각 라이브러리를 마우스로 드래그 앤 드롭(Drag & Drop)하여 웹페이지를 편집하는 기능을 제공한다. 이때, 속성 편집부(303)에 의해 상기 레이아웃 편집부(302)에 의해 배치된 각 구성 요소에 대한 속성을 설정할 수 있다. 또한, 콘텐츠 편집부(304)는 상기 레이아웃 편집부(302)에 의해 배치된 콘텐츠를 재편집하는 기능을 제공하며, 상기 재편집은 예컨대, 크기 변경, 색상 변경, 회전, 투명 설정 등의 작업이 될 수 있다.
이와 같이, 레이아웃 편집부(302)를 통해 웹페이지의 편집이 완료되면, 표준 파라미터 변환부(306)에 의해 표준 파라미터 값으로 변환되고, 상기 변환된 값은 표준 파라미터 정보 데이터베이스(307)에 저장된다. 한편, 상기 레이아웃 편집부(302)에서 제작된 웹페이지가 모바일용 웹페이지일 경우, 모바일 편집부(305)에 의해 모바일 웹페이지의 속성에 맞게 재편집된다.
이와 같이 편집된 웹페이지가 표준 파라미터 값으로 저장된 후, 사용자에 의해 변환 요청 정보가 입력되면, 브라우저 판단부(308)에서는 상기 사용자의 변환 요청에 대한 브라우저의 종류 또는 OS의 종류를 판단한다. 이에 따라 변환 엔진부(309)에서는 상기 표준 파라미터 정보 데이터베이스(307)에 저장된 표준 파라미터 정보로부터 상기 브라우저 판단부(308)의 판단에 따라 적합한 종류의 웹페이지로 변환시킨다.
상기와 같이 해당 종류에 맞게 변환된 소스 정보는 디스플레이 엔진부(310)에서 사용자 브라우저 및 실행 환경에 맞게 HTML5 포맷 또는 플래시 포맷으로 디스플레이한다.
도 4는 본 발명의 실시예에 따른 웹페이지 변환 구조의 개념을 나타내는 도면이다. 도 4를 참조하면, 상술한 바와 같이 레이아웃 편집부에서 라이브러리로부터 사용자가 각 구성 요소를 드래그 앤 드롭하여 원하는 위치에 배치시킨다. 이때, 모바일 웹페이지를 생성하고자 할 경우에는 모바일 편집부에 의해 모바일 페이지 규격에 맞게 재배치시켜 구성하게 된다.
한편, 상기 레이아웃 편집부를 통해 편집 과정 중 속성 편집부를 통해 각 구성 요소에 대한 속성을 편집할 수 있으며, 콘텐츠 편집부를 통해 각 콘텐츠를 편집할 수 있다. 상기 속성 편집부의 편집 가능한 속성으로는 가로, 세로, 투명, 배경, 회전, 사진, 타이틀, 스킨 등이 될 수 있다. 이에 대한 상세한 설명은 후술하기로 한다.
이와 같이 상기 레이아웃 편집부 또는 모바일 편집부에 의해 원하는 웹페이지가 구성되면, 본 발명의 실시예에 따라 표준 파라미터로 변환시켜 데이터베이스에 저장한다.
이때, 사용자로부터 웹페이지의 브라우징 요청이 있을 경우, 먼저 사용자의 웹브라우저를 검사하고, 사용자의 ID, 페이지 키 값, 브라우저 등의 정보를 수집한다.
상술한 바와 같이 상기 변환 엔진부에서는 상기 수집된 정보를 참조하여 사용자 브라우저에 맞도록 표준 파라미터를 변환시킨다. 예컨대, 사용자 브라우저가 HTML5 포맷을 지원하는 브라우저일 경우 HTML5 변환기를 통해 상기에서 저장된 표준 파라미터를 HTML5 포맷의 웹페이지로 변환시킨다. 반면, 사용자 브라우저가 HTML5 포맷을 지원하지 않는 브라우저일 경우 플래시 변환기를 통해 상기에서 저장된 표준 파라미터를 플래시 포맷의 웹페이지로 변환시킨다. 마지막으로 상기 변환 엔진부를 통해 변환되어 생성된 웹페이지는 디스플레이 엔진부를 통해 브라우징되며, 상기 브라우징된 정보는 다시 데이터베이스에 저장될 수 있다.
이하, 도 5 내지 도 8을 참조하여, 상기 도 3 및 도 4에서 상술한 본 발명의 실시예에 따른 각 기능부들을 보다 상세히 설명하기로 한다.
도 5는 본 발명의 실시예에 따른 동적 변환 시스템의 레이아웃 편집부의 처리 구성을 나타내는 도면이다. 도 5를 참조하면, 레이아웃 편집부는 웹 애플리케이션, 멀티미디어 데이터 등과 같이 웹사이트 또는 모바일 웹을 구성하는 요소들의 정보(예컨대, 위치, 크기, 투명, 색상, 회전 등)를 마우스 등을 이용하여 드래그 앤 드롭 방식으로 배치할 수 있다.
또한, 상기 배치된 정보를 파라미터로 변환한 후 데이터베이스에 저장하고, 상술한 바와 같이 사용자의 호출에 따라 실시간으로 동적으로 디스플레이할 수 있다. 이때, 본 발명의 실시예에 따라 사용자의 브라우저를 확인하여 HTML5 포맷 또는 플래시 포맷으로 변환하여 디스플레이할 수가 있다.
도 6은 본 발명의 실시예에 따른 동적 변환 시스템의 콘텐츠 편집부의 처리 구성을 나타내는 도면이다. 일반적으로 웹상에서 고품질의 멀티미디어 콘텐츠를 생성하기 위해서는 디자인, HTML, 자바 스크립트(Javascript) 등의 전문적인 지식이 필요하다. 따라서, 일반 사용자들은 생성된 웹페이지의 내용을 변경하거나 단순한 디자인을 변경하고자 할 때에도 비용과 시간을 들여 전문가에게 의뢰를 해야 하는 어려움이 있었다. 그러나, 도 6에 도시된 바와 같이, 본 발명의 실시예에 따라 상술한 바와 같이 드래그 앤 드롭으로 이미지, 동영상, 사운드, 텍스트 등의 멀티미디어 콘텐츠를 배치하고, 이를 콘텐츠 편집부를 통해 재편집하여 데이터베이스에 저장할 수 있다. 예컨대, 상기 콘텐츠 편집부에서는 각 배치된 멀티미디어 콘텐츠의 크기를 변경하거나 색상을 변경할 수도 있으며, 회전 또는 투명 등의 기능을 제공할 수도 있다.
다음으로, 도 7 및 도 8을 참조하여 속성 편집부의 기능을 설명한다.
도 7은 기존의 속성 편집 방법을 나타내는 도면이다. 도 7에 도시된 바와 같이, 종래에는 제로보드 또는 그누보드 등의 게시판을 이용하여 웹사이트 구축 시 HTML, 자바 스크립트 등의 전문 지식이 없을 경우 속성의 편집이 어려웠다. 따라서, 상기 게시판 등의 기능들을 무료로 사용할 수 있음에도 불구하고 전문가에게 추가 비용을 주고 의뢰하여야 하는 문제가 있었다.
그러나, 본 발명의 실시예에 따라 속성 편집부를 통해 각 콘텐츠의 속성을 편집할 수가 있다. 즉, 상술한 바와 같이 드래그 앤 드롭으로 웹페이지의 원하는 웹 애플리케이션이 배치되면, 상기 속셩 편집부를 실행하여 각 애플리케이션의 속성(예컨대, 배치, 크기, 색상, 폰트, 회전, 투명 등)을 직관적인 UI에 의해 용이하게 편집할 수 있다. 이와 같이 사용자가 각 애플리케이션의 속성을 재정의함으로써 사용자가 원하는 웹페이지를 용이하게 제작할 수가 있다.
*도 8은 본 발명의 실시예에 따른 동적 변환 시스템의 속성 편집부의 처리 구성을 나타내는 도면이다. 도 8을 참조하면, 제작 중인 웹페이지의 특정 게시판(예컨대, 게시판 1)의 속성을 편집하고자 할 경우 편집 모드를 실행하면, 속성 편집부에 의해 속성 편집 창 화면이 제공되며, 상기 속성 편집 창에서 사용자가 해당 속성을 선택 또는 입력함으로써 용이하게 속성 편집이 가능해진다. 이와 같이 속성 편집이 완료되고 저장을 실행하면, 상기 속성 편집된 이후의 웹페이지 정보가 파라미터 정보로 변환되어 데이터베이스에 저장된다.
한편, 도면상에 도시되지는 않았으나 상술한 디스플레이 엔진부는 상기 레이아웃 편집부, 콘텐츠 편집부, 속성 편집부, 변환 엔진부 등을 통해 생성하여 데이터베이스에 저장한 표준 파라미터를 각 브라우저 또는 OS에 맞게 실행 가능한 소스로 변환하여 사용자의 브라우저 및 실행 환경에 디스플레이하는 기능을 수행한다.
예컨대, 플래시 디스플레이 엔진의 경우 데이터베이스에 저장되어 있는 표준 파라미터를 플래시 플레이어에서 실행할 수 있도록 실시간으로 소스를 생성하여 실행한 후, 그 결과를 사용자 브라우저에 디스플레이한다.
또한, HTML5 디스플레이 엔진의 경우 데이터베이스에 저장되어 있는 표준 파라미터를 각 브라우저에서 실행할 수 있도록 실시간으로 소스(즉, 'HTML5+자바스크립트')를 생성하여 실행한 후, 그 결과를 사용자 브라우저에 디스플레이한다.
한편, 상기 디스플레이 엔진부를 종래의 게시판, 블로그, 미니홈피, 메일 등에 삽입할 경우 본 발명에 따라 생성된 콘텐츠를 제한 없이 사용할 수 있게 되며, 기존의 HTML 편집기를 대체할 수 있어 사용자의 편의성을 극대화할 수 있는 효과가 있다.
이상으로 본 발명의 실시예에 따른 시스템의 각 기능부를 상세히 설명하였다. 다음으로, 도 9 및 도 10을 참조하여 본 발명의 실시예에 따른 웹페이지의 동적 변환 절차를 설명한다.
웹페이지 동적 변환 절차
도 9는 본 발명의 실시예에 따른 웹페이지 변환 절차를 나타내는 흐름도이다. 도 9를 참조하면, 먼저 레이아웃 편집기를 실행(S901)하고, 라이브러리로부터 웹페이지를 구성할 웹 구성 요소들을 드래그(S902)하여 웹페이지 상에 배치시킨다. 그런 다음, 선택적으로 상기 배치된 각 구성 요소들을 정렬하고 속성을 지정(S903)하며, 콘텐츠의 내용을 편집한다.
다음으로, 본 발명의 실시예에 따른 파라미터 변환 실행에 따라 상기 배치된 웹페이지의 각 구성 요소들을 파라미터로 변환하여 데이터베이스에 저장(S904)시킨다.
한편, 사용자에 의해 호출(S905)이 발생할 경우, 상기 사용자의 브라우저가 HTML5 포맷을 지원하는 브라우저인지를 확인(S906)한다. 상기 확인 결과, 상기 사용자의 브라우저가 HTML5 지원 브라우저일 경우에는 상기 데이터베이스에 저장된 파라미터를 HTML5 문서로 변환(S907)시키고, 이를 브라우징하여 사용자의 단말에 디스플레이(S908)시킨다.
반면, 상기 확인 결과, 상기 사용자의 브라우저가 HTML5 미지원 브라우저일 경우에는 상기 데이터베이스에 저장된 파라미터를 플래시 파일로 변환(S909)하고, 변환된 플래시 파일을 사용자 단말에 디스플레이(S910)시킨다.
도 10은 본 발명의 실시예에 따른 모바일 웹페이지로의 변환 절차를 나타내는 흐름도이다. 도 10을 참조하면, 먼저 레이아웃 편집기를 실행(S1001)하고, 라이브러리로부터 웹페이지를 구성할 웹 구성 요소들을 드래그(S1002)하여 웹페이지 상에 배치시킨다. 그런 다음, 선택적으로 상기 배치된 각 구성 요소들을 정렬하고 속성을 지정(S1003)하며, 콘텐츠의 내용을 편집한다.
한편, 상기 생성하고자 하는 웹페이지가 모바일 단말을 위한 웹페이지일 경우(S1004), 모바일 웹페이지 편집 기능을 실행하여 모바일 페이지에 맞도록 재편집(S1005)한다.
다음으로, 본 발명의 실시예에 따른 파라미터 변환 실행에 따라 상기 배치된 웹페이지의 각 구성 요소들을 파라미터로 변환하여 데이터베이스에 저장(S1006)시킨다.
한편, 사용자에 의해 호출(S1007)이 발생할 경우, 상기 사용자의 브라우저가 HTML5 포맷을 지원하는 브라우저인지를 확인(S1008)한다. 상기 확인 결과, 상기 사용자의 브라우저가 HTML5 지원 브라우저일 경우에는 상기 데이터베이스에 저장된 파라미터를 HTML5 문서로 변환(S1009)시키고, 이를 브라우징하여 사용자의 단말에 디스플레이(S1010)시킨다.
이상으로, 본 발명의 실시예에 따른 시스템 및 방법을 상세히 설명하였다. 다음으로, 도 11 내지 도 17을 참조하여 본 발명의 실시예에 따른 다양한 구현 예를 설명한다.
실시예
도 11은 본 발명의 실시예에 따른 플래시 또는 HTML5 형식의 웹페이지를 모바일 페이지로 변환하는 개념을 나타내는 도면이다. 도 11을 참조하면, 사용자가 동적으로 생성한 웹페이지 또는 콘텐츠의 내용들을 상술한 바와 같이 드래그 앤 드롭 방식을 이용하여 모바일 단말에 최적화되도록 웹페이지를 구성할 수 있다. 이때, 본 발명의 실시예에 따라 각 구성 요소(예컨대, 이미지, 동영상, 텍스트, 사운드)에 대한 정보(예컨대, 크기, 투명, 색상, 위치 등)를 파라미터로 변경한 후 데이터베이스에 저장한다.
한편, 도시된 바와 같이 특정 모바일 단말에 대한 모델명이 선택될 경우 모바일 페이지 편집 화면에는 해당 모바일 단말의 화면 크기에 맞도록 표시됨으로써, 사용자가 해당 모바일 단말에 맞는 웹페이지를 용이하게 제작할 수 있다.
이와 같이 데이터베이스에 저장된 파라미터 정보는 사용자의 요청에 의해 HTML5 포맷 형식 등으로 변환된 후, 사용자의 모바일 단말에 브라우징된다.
도 12는 본 발명의 실시예에 따른 플래시 또는 HTML5 형식의 웹페이지를 HTML5 또는 플래시 형식의 페이지로 변환하는 개념을 나타내는 도면이다. 도 12를 참조하면, 사용자가 동적으로 생성한 웹사이트 또는 콘텐츠의 내용을 드래그 앤 드롭 방식을 이용하여 HTML5 또는 플래시에 최적화되도록 웹페이지를 구성한 후, 상기 구성된 정보(예컨대, 크기, 투명, 색상, 위치 등)를 파라미터로 변경한 후 데이터베이스에 저장한다.
이때, 상기 데이터베이스에 저장된 파라미터 정보는 사용자의 요청에 의해 플래시 또는 HTML5 포맷 형식 등으로 변환된 후, 사용자의 단말에 플래시 웹사이트 또는 HTML5 웹사이트로 브라우징된다. 따라서, 사용자가 특정 포맷의 웹페이지를 생성하더라도 사용자 단말의 지원 브라우저 또는 OS에 상관없이 브라우징이 가능하다.
이하, 도 13 내지 도 17을 참조하여, 본 발명의 실시예에 따른 추가 기능들에 대해 설명한다.
도 13은 일반적인 리사이즈 처리기의 영역 지정 이동을 나타내는 도면이며, 도 14는 본 발명의 실시예에 따른 영역 지정 방법을 나타내는 도면이다. 도 13 및 도 14를 참조하면, 종래에는 4개 또는 8개의 핸들러(handler)를 이용하여 리사이징(resizing)을 수행하였으나 모바일 환경(예컨대, 스마트폰 또는 태블릿)에서는 핸들러의 크기가 작아지므로 사용에 불편함이 있었다.
따라서, 본 발명에서는 도 14에서와 같이 전체 영역을 자동으로 지정함으로써 리사이징 작업을 용이하게 제공할 수 있다. 즉, 객체(object)의 상, 하, 좌, 우의 일정 영역을 핸들러로 지정함으로써 사용자가 용이하게 리사이징 작업을 할 수 있다.
도 15는 일반적인 이미지 변환의 개념을 나타내는 도면이며, 도 16은 본 발명의 실시예에 따른 이미지 변환의 개념을 나타내는 도면이다. 도 15 및 도 16을 참조하면, 종래에는 포토샵 등의 이미지 편집기 등을 사용하여 사각의 원본 이미지를 타원형의 이미지로 변환하고자 할 때, 변환된 이미지가 별도로 생성되어 변환 효과를 적용한 만큼의 이미지가 저장 공간에 기록된다. 따라서, 저장 공간이 낭비가 되는 문제가 발생한다.
그러나, 도 16에서와 같이 본 발명에서는 변환시 표준 파라미터로 변환하여 데이터베이스에 저장하고, 사용자의 요청이 있을 때 플래시 또는 HTML5 포맷에 맞게 파라미터를 변환하여 디스플레이함으로써 하나의 원본으로 다수의 변환 효과를 내는 동시에 저장 공간의 낭비를 줄일 수 있다.
도 17은 본 발명의 실시예에 따른 이미지 파라미터 변환 방법을 나타내는 도면이다. 도 17을 참조하면, 일반적인 이미지 편집기 프로그램에서 지원하는 크기, 확장자, 회전, 화질 변경 등의 기능에서 원본 이미지에 대한 편집은 상당히 어려웠다. 예컨대, 포토샵 또는 일러스트레이터 프로그램 사용 시 전문 지식이 없을 경우 이미지 형태의 변경이 용이하지 않은 문제가 있었다. 그러나, 도 17에 도시된 바와 같이 본 발명에서는 이미지 파라미터의 변환 기능을 적용하여 이미지 형태의 변경을 용이하게 할 수 있는 장점이 있다.
여기에서 다양한 방법들에 관해 설명된 바와 같은 다양한 동작들 및 기능들은 특정 프로세싱 기능부 및/또는 그 안에 구현된 프로세싱 기능부, 및/또는 그 안의 다른 구성 요소들과 같은 많은 유형의 기능부들 중 어느 것 내에서 수행될 수 있다. 예를 들면, 그러한 기능부들은 여기에 설명된 바와 같은 다양한 동작들 및 처리들, 또는 여기에 설명된 바와 같은 어느 다른 동작들 및 기능들 등 또는 그 각 등가물들을 수행하는 것뿐만 아니라 여기에 설명된 바와 같은 그러한 정보들을 생성하고 그러한 동작들, 처리들 등을 수행할 수 있다.
일부 실시예들에서, 그러한 기능부들(동일한 장치 또는 구별된 장치들 상에서 구현될 수 있는)은 본 발명의 다양한 측면들에 따른 그러한 처리 및 동작들 등, 및/또는 여기에 개시된 바와 같은 어느 다른 동작들 및 기능들, 및 그 각 등가물들을 수행할 수 있다. 일부 실시예들에서, 그러한 처리는 제1 장치에서의 제1 기능부, 및 제2 장치 내의 제2 기능부에 의해 함께 수행된다. 다른 실시예들에서, 그러한 프로세싱, 동작들 등은 하나의 특정 장치 내에서 처리부들에 의해 전적으로 수행된다. 심지어 다른 실시예들에서, 그러한 프로세싱, 동작들이 하나의 단일 디바이스내에서 적어도 제1 기능부 및 제2 기능부를 사용하여 수행된다.
또한, 상술한 설명에서, 용어들 '시스템', '장치', '~부'는 단일 프로세싱 디바이스 또는 복수의 프로세싱 디바이스들일 수 있다. 그러한 프로세싱 디바이스는 마이크로 프로세서, 마이크로 컨트롤러, 디지털 신호 처리기, 마이크로 컴퓨터, 중앙 처리 유닛, 필드 프로그래머블 게이트 어레이, 프로그래머블 로직 디바이스, 스테이트 머신, 로직 회로, 아날로그 회로, 디지털 회로, 및/또는 상기 회로 및/또는 동작 지시들의 하드 코딩에 기반하여 신호들(아날로그 및/또는 디지털)을 조작하는 소정의 디바이스일 수 있다. 상기 프로세싱 모듈, 모듈, 프로세싱 회로, 및/또는 프로세싱 유닛은 단일 메모리 디바이스, 복수의 메모리 디바이스들, 및/또는 상기 프로세싱 모듈, 모듈, 프로세싱 회로, 및/또는 프로세싱 유닛의 내장된 회로일 수 있는 결합된 메모리 및/또는 집적된 메모리 엘리먼트를 가질 수 있다. 그러한 메모리 디바이스는 읽기 전용 메모리(ROM), 랜덤 액세스 메모리(RAM), 휘발성 메모리, 비휘발성 메모리, 정적 메모리, 동적 메모리, 플래시 메모리, 캐시 메모리, 및/또는 디지털 정보를 저장하는 소정의 디바이스일 수 있다. 만약, 상기 프로세싱 모듈, 모듈, 프로세싱 회로, 및/또는 프로세싱 유닛이 하나 이상의 프로세싱 디바이스를 포함한다면, 상기 프로세싱 디바이스들은 집중적으로 위치될 수 있거나(즉, 유선 및/또는 무선 버스 구조를 통해 함께 직접적으로 연결된), 분산되어 위치될 수 있음(예컨대, 근거리 통신망 및/또는 광역 네트워크를 통한 간접적인 연결을 통한 클라우드 컴퓨팅)을 주목하여야 한다. 만약, 상기 프로세싱 모듈, 모듈, 프로세싱 회로, 및/또는 프로세싱 유닛이 정적 머신, 아날로그 회로, 디지털 회로, 및/또는 회로, 저장하는 메모리 및/또는 메모리 구성 요소를 통해 하나 이상의 그 기능들을 구현한다면, 그 대응하는 동작 지시들은 상기 정적 머신, 아날로그 회로, 디지털 회로, 및/또는 논리 회로를 포함하는 회로의 내부에 내장되거나 외부에 있을 수 있음을 더 주목하여야 한다. 상기 메모리 엘리먼트는 저장할 수 있으며, 상기 프로세싱 모듈, 모듈, 프로세싱 회로, 및/또는 프로세싱 유닛은 상기 도면들 중 하나 이상에서 나타내는 단계들 및/또는 기능들 중 적어도 일부에 대응하는 하드 코딩된 및/또는 동작 지시들을 실행한다는 것을 여전히 더 주목하여야 한다. 그러한 메모리 디바이스 또는 메모리 엘리먼트는 제조의 부품 내에서 포함될 수 있다.
본 발명은 특정 기능들 및 그의 관계들의 성능을 나타내는 방법 단계들의 목적을 가지고 위에서 설명되었다. 이러한 기능적 구성 요소들 및 방법 단계들의 경계들 및 순서는 설명의 편의를 위해 여기에서 임의로 정의되었다. 상기 특정 기능들 및 관계들이 적절히 수행되는 한 대안적인 경계들 및 순서들이 정의될 수 있다. 임의의 그러한 대안적인 경계들 및 순서들은 그러므로 상기 청구된 발명의 범위 및 사상 내에 있다. 추가로, 이러한 기능적 구성 요소들의 경계들은 설명의 편의를 위해 임의로 정의되었다. 어떠한 중요한 기능들이 적절히 수행되는 한 대안적인 경계들이 정의될 수 있다. 마찬가지로, 흐름도 블록들은 또한 어떠한 중요한 기능성을 나타내기 위해 여기에서 임의로 정의되었을 수 있다. 확장된 사용을 위해, 상기 흐름도 블록 경계들 및 순서는 정의되었을 수 있으며 여전히 어떠한 중요한 기능을 수행한다. 기능적 구성 요소들 및 흐름도 블록들 및 순서들 둘 다의 대안적인 정의들은 그러므로 청구된 본 발명의 범위 및 사상 내에 있다. 당업자는 또한 여기에서의 상기 기능적 구성 요소들 및 다른 도시된 블록들, 모듈들, 및 구성 요소들이 도시된 바와 같이 또는 분리된 구성 요소들, 반도체 집적 회로(ASIC)들, 적절한 소프트웨어를 실행하는 프로세서들 및 그와 유사한 또는 임의의 조합에 의해 구현될 수 있음을 인지할 것이다.
본 발명은 또한 하나 이상의 실시예들의 용어로, 적어도 부분적으로 설명되었을 수 있다. 본 발명의 실시예는 본 발명, 그 측면, 그 특징, 그 개념, 및/또는 그 예를 나타내기 위해 여기에서 사용된다. 본 발명을 구현하는 장치, 제조의 물건, 머신, 및/또는 프로세스의 물리적인 실시예는 여기에 설명된 하나 이상의 실시예들을 참조하여 설명된 하나 이상의 측면들, 특징들, 개념들, 예들 등을 포함할 수 있다. 더구나, 전체 도면에서, 실시예들은 상기 동일한 또는 상이한 참조 번호들을 사용할 수 있는 상기 동일하게 또는 유사하게 명명된 기능들, 단계들, 모듈들 등을 통합할 수 있으며, 그와 같이, 상기 기능들, 단계들, 모듈들 등은 상기 동일한 또는 유사한 기능들, 단계들, 모듈들 등 또는 다른 것들일 수 있다.
특별히 반대로 언급되지는 않았으나, 여기에 나타낸 도면들 중 어느 것의 도면 내에서의 엘리먼트들로, 로부터 및/또는 사이의 신호들은 아날로그 또는 디지털, 연속 시간 또는 이산 시간, 전기적, 광학, 및 싱글-엔드(single-ended) 또는 차동(differential) 신호일 수 있다. 예를 들면, 단일 경로가 싱글-엔드 경로로서 도시된다면, 그것은 또한 차동 단일 경로를 나타낸다. 유사하게, 만약 단일 경로가 차동 경로로 도시된다면, 그것은 또한 싱글-엔드 신호 경로를 나타낸다. 하나 이상의 특정 아키텍쳐들이 여기에 개시된 반면, 유사하게 당 업계의 평균적 기술을 가진 사람에 의해 알 수 있는 바와 같이 엘리먼트들 사이에서 직접 연결, 및/또는 다른 엘리먼트들 사이에서 간접적으로 결합하는지 명확히 보여지지 않는 하나 이상의 데이터버스들을 사용하여 구현될 수 있다.
용어 "~처리부"는 본 발명의 다양한 실시예들의 설명에서 사용된다. 모듈은 하나 이상의 출력 신호들을 생성하기 위해 하나 이상의 입력 신호들의 처리와 같은 하나 이상의 기능들을 수행하기 위해 하드웨어를 통해 구현되는 기능적 블록을 포함한다. 상기 기능적 블록을 구현하는 하드웨어는 소프트웨어 및/또는 펌웨어를 결합하여 직접 동작할 수 있다. 여기에서 사용된 바와 같이, 모듈은 자체적으로 모듈인 하나 이상의 서브-모듈들을 포함할 수 있다.
본 발명의 여러 가지 기능들 및 특정들의 특별한 조합들이 여기에 분명히 설명된 반면, 이러한 특징들 및 기능들의 다른 조합들이 마찬가지로 가능하다. 본 발명은 여기에 개시된 특정한 예들에 제한되지 않으며, 이러한 다른 조합들을 명백히 통합한다.
이상과 같이 본 발명에서는 구체적인 구성 요소 등과 같은 특정 사항들과 한정된 실시예 및 도면에 의해 설명되었으나 이는 본 발명의 보다 전반적인 이해를 돕기 위해서 제공된 것일 뿐, 본 발명은 상기의 실시예에 한정되는 것은 아니며, 본 발명이 속하는 분야에서 통상적인 지식을 가진 자라면 이러한 기재로부터 다양한 수정 및 변형이 가능하다.
따라서, 본 발명의 사상은 설명된 실시예에 국한되어 정해져서는 아니되며, 후술하는 특허청구범위뿐 아니라 이 특허청구범위와 균등하거나 등가적 변형이 있는 모든 것들은 본 발명 사상의 범주에 속한다고 할 것이다.

Claims (10)

  1. 웹페이지 또는 웹 애플리케이션을 구성하는 적어도 하나의 구성 요소들을 저장하는 라이브러리 저장부;
    상기 라이브러리 저장부로부터 선택된 상기 구성 요소를 웹페이지를 구성할 레이아웃 상에 배치시키는 레이아웃 편집부;
    상기 레이아웃 편집부에 의해 배치된 각 구성 요소에 대한 속성을 설정하는 속성 편집부;
    상기 레이아웃 편집부에 의해 배치된 콘텐츠를 편집하는 기능을 제공하는 콘텐츠 편집부;
    상기 레이아웃 편집부에 의해 배치된 각 구성 요소를 표준 파라미터 값으로 변환시키는 파라미터 변환부;
    상기 파라미터 변환부에 의해 변환된 표준 파라미터 값을 저장하는 표준 파라미터 정보 데이터베이스;
    사용자의 변환 요청에 따라 사용자 단말의 브라우저의 종류 또는 운영 체제의 종류를 판단하는 브라우저 판단부;
    상기 표준 파라미터 정보 데이터베이스에 저장된 표준 파라미터 정보로부터 상기 브라우저 판단부의 판단에 따라 적합한 종류의 웹페이지 소스로 변환시키는 변환 엔진부; 및
    상기 변환된 소스를 디스플레이시키는 디스플레이 엔진부;를 포함함을 특징으로 하는, 웹페이지의 동적 변환 시스템.
  2. 청구항 1에 있어서,
    상기 웹페이지 또는 웹 애플리케이션을 구성하는 구성 요소는, 이미지, 동영상, 텍스트 및 사운드 중에서 선택된 어느 하나 이상인 것을 특징으로 하는, 웹페이지의 동적 변환 시스템.
  3. 청구항 1에 있어서,
    상기 속성 편집부의 편집 가능한 속성은,
    가로, 세로, 투명, 배경, 회전, 사진, 타이틀 및 스킨 중에서 선택된 어느 하나 이상인 것을 특징으로 하는, 웹페이지의 동적 변환 시스템.
  4. 청구항 1에 있어서,
    상기 변환 엔진부는,
    상기 표준 파라미터 정보로부터 HTML5 표준 포맷 또는 플래시 포맷의 웹페이지로 변환시키는 것을 특징으로 하는, 웹페이지의 동적 변환 시스템.
  5. 청구항 1에 있어서,
    상기 시스템은,
    상기 레이아웃 편집부에서 제작된 웹페이지를 모바일 웹페이지의 속성에 맞게 재편집하는 모바일 편집부;를 더 포함하는 것을 특징으로 하는, 웹페이지의 동적 변환 시스템.
  6. 웹페이지의 동적 변환 시스템에서 수행되는 각 단계가,
    라이브러리 저장부에서 웹페이지 또는 웹 애플리케이션을 구성하는 적어도 하나의 구성 요소들을 저장하는 단계;
    레이아웃 편집부에서 상기 라이브러리 저장부로부터 선택된 상기 구성 요소를 웹페이지를 구성할 레이아웃 상에 배치시키는 단계;
    속성 편집부에서 상기 레이아웃 편집부에 의해 배치된 각 구성 요소에 대한 속성을 설정하는 단계;
    콘텐츠 편집부에서 상기 레이아웃 편집부에 의해 배치된 콘텐츠를 편집하는 기능을 제공하는 단계;
    파라미터 변환부에서 상기 레이아웃 편집부에 의해 배치된 각 구성 요소를 표준 파라미터 값으로 변환시키는 단계;
    상기 파라미터 변환부에 의해 변환된 표준 파라미터 값을 표준 파라미터 정보 데이터베이스에 저장하는 단계;
    브라우저 판단부에서 사용자의 변환 요청에 따라 사용자 단말의 브라우저의 종류 또는 운영 체제의 종류를 판단하는 단계;
    변환 엔진부에서 상기 표준 파라미터 정보 데이터베이스에 저장된 표준 파라미터 정보로부터 상기 브라우저 판단부의 판단에 따라 적합한 종류의 웹페이지 소스로 변환시키는 단계; 및
    디스플레이 엔진부에서 상기 변환된 소스를 디스플레이시키는 단계;를 포함함을 특징으로 하는, 웹페이지의 동적 변환 방법.
  7. 청구항 6에 있어서,
    상기 웹페이지 또는 웹 애플리케이션을 구성하는 구성 요소는, 이미지, 동영상, 텍스트 및 사운드 중에서 선택된 어느 하나 이상인 것을 특징으로 하는, 웹페이지의 동적 변환 방법.
  8. 청구항 6에 있어서,
    상기 속성 편집부의 편집 가능한 속성은,
    가로, 세로, 투명, 배경, 회전, 사진, 타이틀 및 스킨 중에서 선택된 어느 하나 이상인 것을 특징으로 하는, 웹페이지의 동적 변환 방법.
  9. 청구항 6에 있어서,
    상기 웹페이지 소스로 변환시키는 단계는,
    상기 표준 파라미터 정보로부터 HTML5 표준 포맷 또는 플래시 포맷의 웹페이지로 변환시키는 것을 특징으로 하는, 웹페이지의 동적 변환 방법.
  10. 청구항 6에 있어서,
    상기 방법은,
    모바일 편집부에서 상기 레이아웃 편집부에서 제작된 웹페이지를 모바일 웹페이지의 속성에 맞게 재편집하는 단계;를 더 포함하는 것을 특징으로 하는, 웹페이지의 동적 변환 방법.
PCT/KR2012/003011 2012-04-16 2012-04-19 웹페이지의 동적 변환 시스템, 방법 및 컴퓨터 판독 가능한 기록 매체 WO2013157678A1 (ko)

Priority Applications (7)

Application Number Priority Date Filing Date Title
CN201280072411.0A CN104380280A (zh) 2012-04-16 2012-04-19 动态转换网页的系统、方法以及计算机可读记录介质
JP2014560834A JP2015518589A (ja) 2012-04-16 2012-04-19 ウェブページの動的変換システム、方法及びコンピュータ読み取り可能な記録媒体
US14/382,311 US20150039996A1 (en) 2012-04-16 2012-04-19 System and method for dynamically converting webpage, and computer-readable recording medium
EP12874829.0A EP2840511A4 (en) 2012-04-16 2012-04-19 SYSTEM AND METHOD FOR THE DYNAMIC CONVERSION OF A WEBSITE AND COMPUTER READABLE RECORDING MEDIUM
AU2012377539A AU2012377539A1 (en) 2012-04-16 2012-04-19 System and method for dynamically converting webpage, and computer-readable recording medium
IN1655MUN2014 IN2014MN01655A (ko) 2012-04-16 2014-08-14
AU2017200140A AU2017200140A1 (en) 2012-04-16 2017-01-09 System and method for dynamically converting webpage, and computer-readable recording medium

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
KR10-2012-0039245 2012-04-16
KR1020120039245A KR101299670B1 (ko) 2012-04-16 2012-04-16 웹페이지의 동적 변환 시스템, 방법 및 컴퓨터 판독 가능한 기록 매체

Publications (1)

Publication Number Publication Date
WO2013157678A1 true WO2013157678A1 (ko) 2013-10-24

Family

ID=49221161

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/KR2012/003011 WO2013157678A1 (ko) 2012-04-16 2012-04-19 웹페이지의 동적 변환 시스템, 방법 및 컴퓨터 판독 가능한 기록 매체

Country Status (8)

Country Link
US (1) US20150039996A1 (ko)
EP (1) EP2840511A4 (ko)
JP (1) JP2015518589A (ko)
KR (1) KR101299670B1 (ko)
CN (1) CN104380280A (ko)
AU (2) AU2012377539A1 (ko)
IN (1) IN2014MN01655A (ko)
WO (1) WO2013157678A1 (ko)

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2015108526A1 (en) * 2014-01-17 2015-07-23 Hewlett-Packard Development Company, L.P. Automatic adjustment of documents
JP2015167014A (ja) * 2014-03-03 2015-09-24 バイドゥ オンライン ネットワーク テクノロジー（ペキン） カンパニー リミテッド ウェブアプリケーションを実施する方法、装置、サーバ、及びシステム
CN110781423A (zh) * 2019-10-10 2020-02-11 腾讯科技（深圳）有限公司 网页生成方法、装置及电子设备

Families Citing this family (30)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP5892746B2 (ja) * 2010-09-29 2016-03-23 インターナショナル・ビジネス・マシーンズ・コーポレーションＩｎｔｅｒｎａｔｉｏｎａｌ Ｂｕｓｉｎｅｓｓ Ｍａｃｈｉｎｅｓ Ｃｏｒｐｏｒａｔｉｏｎ 個別化コンテンツ・レイアウトのための方法、システム、およびプログラム（個別化コンテンツ・レイアウトのためのシステムおよび方法）
JP5599959B1 (ja) * 2013-05-20 2014-10-01 楽天株式会社 情報処理装置
AU2014319964B2 (en) * 2013-09-12 2019-01-17 Wix.Com Ltd. System and method for automated conversion of interactive sites and applications to support mobile and other display environments
AU2015258733B2 (en) * 2014-05-14 2020-03-12 Pagecloud Inc. Methods and systems for web content generation
CN105574049B (zh) * 2014-10-30 2020-07-03 阿里巴巴集团控股有限公司 移动应用的页面处理方法、装置和系统
KR101573276B1 (ko) 2014-12-31 2015-12-02 (주) 사이냅소프트 브라우저간 문서 호환성 지원 시스템 및 방법
KR101659489B1 (ko) * 2015-04-07 2016-09-23 주식회사 위시링크 동적인 화면을 생성할 수 있는 네이티브 어플리케이션 제공 방법 및 그 어플리케이션
CN105302558A (zh) * 2015-11-03 2016-02-03 北京京东尚科信息技术有限公司 一种用于多客户端的内容展现系统及方法
WO2017150751A1 (ko) * 2016-03-04 2017-09-08 엄지홍 배경 프레임과 반투명 레이아웃을 이용한 화면 구성 방법
CN107346306A (zh) * 2016-05-04 2017-11-14 北京京东尚科信息技术有限公司 网页描述方法和装置
US11042600B1 (en) * 2017-05-30 2021-06-22 Amazon Technologies, Inc. System for customizing presentation of a webpage
KR101835856B1 (ko) 2017-06-13 2018-03-08 주식회사 기가코리아 통합 애플리케이션을 이용한 맞춤형 애플리케이션 제작 서버, 방법 및 이를 실행하기 위하여 컴퓨터 판독가능한 기록매체에 저장된 애플리케이션
TWI638314B (zh) * 2017-08-10 2018-10-11 易易資設有限公司 編輯超文件標示語言文件之方法
CN107995187A (zh) * 2017-11-30 2018-05-04 上海哔哩哔哩科技有限公司 基于html5浏览器的视频主播、直播方法、终端和系统
KR102462516B1 (ko) 2018-01-09 2022-11-03 삼성전자주식회사 디스플레이 장치 및 이의 컨텐츠 제공 방법
US10909306B2 (en) * 2018-03-16 2021-02-02 Canva Pty Ltd. Systems and methods of publishing a design
KR102126723B1 (ko) * 2018-07-05 2020-06-26 현재봉 웹 콘텐츠 관리 방법 및 장치
CN109358919B (zh) * 2018-08-20 2024-04-02 中国平安人寿保险股份有限公司 通用页面的动态配置方法、装置、计算机设备及存储介质
US11003835B2 (en) * 2018-10-16 2021-05-11 Atos Syntel, Inc. System and method to convert a webpage built on a legacy framework to a webpage compatible with a target framework
CN109710863A (zh) * 2018-11-27 2019-05-03 平安科技（深圳）有限公司 信息转换方法、装置、计算机设备及存储介质
US11243867B1 (en) 2018-12-07 2022-02-08 Amazon Technologies, Inc. System for federated generation of user interfaces from a set of rules
CN109726379B (zh) * 2018-12-28 2023-01-10 腾讯科技（深圳）有限公司 内容项编辑方法、装置、电子设备及存储介质
WO2020234881A1 (en) * 2019-05-20 2020-11-26 Wix.Com Ltd. System and method providing responsive editing and viewing, integrating hierarchical fluid components and dynamic layout
CN111679826B (zh) * 2020-04-27 2024-04-05 深圳赛安特技术服务有限公司 实时预览网页编辑内容的方法、装置、设备及存储介质
US11650831B2 (en) * 2020-04-30 2023-05-16 Salesforce, Inc. Enhancement of application service engagement based on user behavior
CN111597010A (zh) * 2020-05-27 2020-08-28 北京智美智学科技有限公司 一种Web页面的图片生成方法、装置、打印设备和记录介质
CN112269960B (zh) * 2020-11-12 2024-02-13 携程旅游网络技术（上海）有限公司 基于关联报表的网页更新方法、系统、设备及存储介质
US12014703B2 (en) 2022-01-28 2024-06-18 Samsung Electronics Co., Ltd. Electronic device and operation method of electronic device for controlling screen display
KR20240047222A (ko) * 2022-10-04 2024-04-12 삼성전자주식회사 디스플레이 장치 및 이의 제어 방법
CN116009959B (zh) * 2023-01-17 2024-02-27 广州创盒信息科技有限公司 Flash项目的移植方法、装置、系统及存储介质

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20020019328A (ko) * 2000-09-05 2002-03-12 주재선 홈페이지 제작 지원서버 및 제작 지원방법
KR20030057285A (ko) 2001-12-27 2003-07-04 삼성전자주식회사 웹페이지의 에이치티엠엘 데이터를 이동국에서 표현하기에적합한 형태로 변환하는 장치 및 방법
KR20030095546A (ko) * 2002-06-12 2003-12-24 (주)아이비솔루션 웹모듈을 이용한 웹페이지 및 웹사이트 구축방법
KR20080060693A (ko) * 2006-12-27 2008-07-02 엔에이치엔(주) 웹문서 편집 서비스 제공 방법 및 시스템

Family Cites Families (13)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US5845299A (en) * 1996-07-29 1998-12-01 Rae Technology Llc Draw-based editor for web pages
WO2001018679A2 (en) * 1999-09-10 2001-03-15 Everypath, Inc. Method for converting two-dimensional data into a canonical representation
US20040172484A1 (en) * 2000-04-04 2004-09-02 Gudmundur Hafsteinsson Device-specific communicating between a transmitting device and a receving device
JP3620716B2 (ja) * 2000-07-26 2005-02-16 日本電気株式会社 遠隔操作システムとその遠隔操作方法、及び遠隔操作プログラムを記録した記録媒体
US7574486B1 (en) * 2000-11-06 2009-08-11 Telecommunication Systems, Inc. Web page content translator
JP2002342213A (ja) * 2001-05-18 2002-11-29 Flex-Firm Inc コンテンツ提供方法
JP2003091529A (ja) * 2001-09-19 2003-03-28 Sharp Corp ホームページ作成装置及びコンテンツ変換装置
JP2003196264A (ja) * 2001-12-26 2003-07-11 Fukui Computer Kk ウエブページ作成方法、ウエブページ作成プログラム及びウエブページ作成装置
EP1947575A1 (en) * 2007-01-18 2008-07-23 Wapple.net Ltd Computer system
US8715235B2 (en) * 2007-07-05 2014-05-06 Baxter International Inc. Dialysis system having disposable cassette and heated cassette interface
JP2009020709A (ja) * 2007-07-12 2009-01-29 Dainippon Printing Co Ltd 情報提示装置、情報提示方法、及び情報提示処理プログラム
JP2009176144A (ja) * 2008-01-25 2009-08-06 Access Co Ltd マークアップ言語文書変換システム、マークアップ言語文書変換装置、マークアップ言語文書変換方法およびマークアップ言語文書変換プログラム
CN102163233A (zh) * 2011-04-18 2011-08-24 北京神州数码思特奇信息技术股份有限公司 一种网页标记语言格式转换方法及系统

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20020019328A (ko) * 2000-09-05 2002-03-12 주재선 홈페이지 제작 지원서버 및 제작 지원방법
KR20030057285A (ko) 2001-12-27 2003-07-04 삼성전자주식회사 웹페이지의 에이치티엠엘 데이터를 이동국에서 표현하기에적합한 형태로 변환하는 장치 및 방법
KR20030095546A (ko) * 2002-06-12 2003-12-24 (주)아이비솔루션 웹모듈을 이용한 웹페이지 및 웹사이트 구축방법
KR20080060693A (ko) * 2006-12-27 2008-07-02 엔에이치엔(주) 웹문서 편집 서비스 제공 방법 및 시스템

Non-Patent Citations (2)

* Cited by examiner, † Cited by third party
Title
See also references of EP2840511A4
YANG ET AL.: "A New Mobile Content Adaptation Based on Content Provider-Specified Web Clipping", JOURNAL OF KIPS, vol. 11-B, no. 1, February 2004 (2004-02-01), pages 35 - 44, XP008174589 *

Cited By (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2015108526A1 (en) * 2014-01-17 2015-07-23 Hewlett-Packard Development Company, L.P. Automatic adjustment of documents
JP2015167014A (ja) * 2014-03-03 2015-09-24 バイドゥ オンライン ネットワーク テクノロジー（ペキン） カンパニー リミテッド ウェブアプリケーションを実施する方法、装置、サーバ、及びシステム
US9928088B2 (en) 2014-03-03 2018-03-27 Baidu Online Network Technology (Beijing) Co., Ltd. Method, apparatus, server and system for implementing web application
CN110781423A (zh) * 2019-10-10 2020-02-11 腾讯科技（深圳）有限公司 网页生成方法、装置及电子设备
CN110781423B (zh) * 2019-10-10 2024-02-06 腾讯科技（深圳）有限公司 网页生成方法、装置及电子设备

Also Published As

Publication number Publication date
US20150039996A1 (en) 2015-02-05
JP2015518589A (ja) 2015-07-02
AU2017200140A1 (en) 2017-02-02
CN104380280A (zh) 2015-02-25
IN2014MN01655A (ko) 2015-05-29
KR101299670B1 (ko) 2013-08-27
EP2840511A1 (en) 2015-02-25
EP2840511A4 (en) 2016-06-22
AU2012377539A1 (en) 2014-09-11

Similar Documents

Publication Publication Date Title
WO2013157678A1 (ko) 웹페이지의 동적 변환 시스템, 방법 및 컴퓨터 판독 가능한 기록 매체
WO2016032080A1 (ko) 메타 데이터를 이용한 차트 변환 시스템 및 그 방법
WO2017030306A1 (en) Method and system for bookmarking a webpage
WO2017039337A1 (en) Method and device of tagging links included in a screenshot of webpage
CN103701909B (zh) 视频应用的快速生成方法及系统
CN104410720A (zh) 一种基于web图形的实时监控平台系统及其方法
WO2022218034A1 (zh) 交互方法、装置和电子设备
WO2016186325A1 (ko) 이미지가 이용되는 소셜 네트워크 서비스 시스템 및 방법
WO2014058146A1 (ko) 웹 문서의 고속 웹 스크롤을 지원하는 사용자 단말 장치 및 스크롤 방법
WO2019164119A1 (ko) 전자 장치 및 그 제어 방법
WO2020048424A1 (zh) 网页构建方法、装置和存储介质
WO2017131354A2 (en) Apparatus and method for managing history information in an electronic device
WO2016114493A1 (ko) 매체에 맞춰진 광고를 제공하는 방법 및 장치
US20110126171A1 (en) Dynamic native editor code view facade
US10331800B2 (en) Search results modulator
WO2014046382A1 (ko) 마크업 언어 기반의 문맥 인식 사용자 인터페이스 제공 시스템 및 방법
WO2016186326A1 (ko) 검색어 리스트 제공 장치 및 이를 이용한 방법
WO2018034509A1 (ko) 웹 브라우저에서 구현되는 웹사이트 제작 방법 및 시스템
CN115904372A (zh) 数据处理方法及装置
CN109815455A (zh) 项目文件处理方法和装置
WO2018008861A1 (ko) 사용자 서버를 이용한 html 제어 시스템 및 방법
WO2018016804A1 (ko) 온라인 저작 서비스가 수행되는 사용자 단말 및 이의 문서 저장 방법
WO2016108677A1 (ko) 웹 컨텐츠 출력 장치 및 방법
WO2014133343A1 (en) Apparatus and method for manufacturing web widget
WO2013187555A1 (ko) 데이터 공유 서비스 시스템, 데이터 공유 서비스를 위한 장치 및 방법

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: 12874829

Country of ref document: EP

Kind code of ref document: A1

REEP Request for entry into the european phase

Ref document number: 2012874829

Country of ref document: EP

WWE Wipo information: entry into national phase

Ref document number: 2012874829

Country of ref document: EP

WWE Wipo information: entry into national phase

Ref document number: 14382311

Country of ref document: US

ENP Entry into the national phase

Ref document number: 2014560834

Country of ref document: JP

Kind code of ref document: A

ENP Entry into the national phase

Ref document number: 2012377539

Country of ref document: AU

Date of ref document: 20120419

Kind code of ref document: A

NENP Non-entry into the national phase

Ref country code: DE