KR20230073900A - Method for providing web page making service and electronic device thereof - Google Patents
Method for providing web page making service and electronic device thereof Download PDFInfo
- Publication number
- KR20230073900A KR20230073900A KR1020210160775A KR20210160775A KR20230073900A KR 20230073900 A KR20230073900 A KR 20230073900A KR 1020210160775 A KR1020210160775 A KR 1020210160775A KR 20210160775 A KR20210160775 A KR 20210160775A KR 20230073900 A KR20230073900 A KR 20230073900A
- Authority
- KR
- South Korea
- Prior art keywords
- display template
- webpage
- web page
- size display
- electronic device
- Prior art date
Links
- 238000000034 method Methods 0.000 title claims description 20
- 238000012545 processing Methods 0.000 claims abstract description 36
- 238000004891 communication Methods 0.000 claims abstract description 34
- 230000008859 change Effects 0.000 claims abstract description 32
- 238000003860 storage Methods 0.000 claims abstract description 14
- 238000011017 operating method Methods 0.000 claims abstract 2
- 238000004519 manufacturing process Methods 0.000 claims description 28
- 238000010586 diagram Methods 0.000 description 7
- 230000008569 process Effects 0.000 description 7
- 230000000694 effects Effects 0.000 description 5
- 238000011161 development Methods 0.000 description 4
- 230000006870 function Effects 0.000 description 3
- 230000003044 adaptive effect Effects 0.000 description 2
- 230000004044 response Effects 0.000 description 2
- 230000000007 visual effect Effects 0.000 description 2
- 230000010267 cellular communication Effects 0.000 description 1
- 230000001413 cellular effect Effects 0.000 description 1
- 238000005520 cutting process Methods 0.000 description 1
- 238000012217 deletion Methods 0.000 description 1
- 230000037430 deletion Effects 0.000 description 1
- 238000009434 installation Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000001172 regenerating effect Effects 0.000 description 1
- 238000011160 research Methods 0.000 description 1
- 230000000630 rising effect Effects 0.000 description 1
- 230000009466 transformation Effects 0.000 description 1
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
Landscapes
- Business, Economics & Management (AREA)
- Tourism & Hospitality (AREA)
- Health & Medical Sciences (AREA)
- Economics (AREA)
- General Health & Medical Sciences (AREA)
- Human Resources & Organizations (AREA)
- Marketing (AREA)
- Primary Health Care (AREA)
- Strategic Management (AREA)
- Physics & Mathematics (AREA)
- General Business, Economics & Management (AREA)
- General Physics & Mathematics (AREA)
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- User Interface Of Digital Computer (AREA)
- Information Transfer Between Computers (AREA)
Abstract
Description
본 발명은 웹페이지 제작 서비스 제공 방법 및 그 전자장치에 관한 것이다. 구체적으로, 간단한 조작으로 다양한 해상도에 적용 가능한 웹페이지 제작 서비스를 제공하는 방법 및 그 전자장치에 관한 것이다.The present invention relates to a web page production service providing method and an electronic device therefor. Specifically, it relates to a method for providing a web page production service applicable to various resolutions with a simple operation and an electronic device thereof.
최근 전 세계 IT 기업들 사이에서 코딩 전문가가 아니더라도 소프트웨어 개발이 가능한 해결책으로서 '노 코드(no code)' 키워드가 주목받고 있다. 산업의 디지털 전환이 가속화되고 국내 소프트웨어(software, SW) 개발의 인력난이 심화되면서 노 코드 플랫폼을 이용해 개발자의 도움 없이 빠르고 편리하게 프로그램, 특히 웹페이지를 제작하려는 수요가 증가하고 있다.Recently, among IT companies around the world, the keyword 'no code' is attracting attention as a solution that enables software development even if you are not a coding expert. As the digital transformation of the industry accelerates and the labor shortage in domestic software (SW) development intensifies, the demand for creating programs, especially web pages, quickly and conveniently without the help of developers using a no-code platform is increasing.
인터넷상에 웹페이지를 개시하기 위해서는 먼저 웹페이지를 제작해야 하는데, 웹페이지는 하이퍼텍스트(hypertext), 자바스크립트(javascript) 등으로 구현된다. 하이퍼텍스트는 HTML(Hyper Text Markup Language) 언어를 사용해야 제작할 수 있어 HTML을 알지 못하는 사용자는 웹페이지를 구현하기가 어렵다.In order to launch a web page on the Internet, a web page must first be created, and the web page is implemented with hypertext, javascript, and the like. Since hypertext can be created using the HTML (Hyper Text Markup Language) language, it is difficult for users who do not know HTML to implement web pages.
나모웹에디터 및 드림위버와 같은 사용자 편의를 지향하는 GUI(Graphic User Interface)에디터 등을 이용하여 HTML을 알지 못하는 비전문가가 손쉽게 웹페이지를 구현하더라도 웹페이지를 인터넷(월드 와이드 웹, world wide web, WWW) 상에 개시하기 위해서는 또 다른 종류의 전문 지식이 필요하다.Even if a non-expert who does not know HTML easily implements a webpage by using a user-friendly GUI (Graphic User Interface) editor such as Namo Web Editor and Dreamweaver, the webpage is displayed on the Internet (world wide web, WWW). Another kind of expertise is required to open up for awards.
따라서, 웹페이지를 제작하거나, 인터넷 상에 개시할 수 있는 능력을 보유하지 못한 대다수의 초보자들은 웹페이지를 전문적으로 제작하여 인터넷 상에 개시해주는 웹페이지 제작 대행 기관에 비용을 들여 의뢰하는 실정이다.Therefore, most beginners who do not have the ability to create web pages or publish them on the Internet request a web page production agency that professionally creates and publishes web pages on the Internet at a cost.
하지만, 비대면 개발 추세 확산과 디지털화 속도가 빨라지면서 개발 수요는 증가하지만 이를 담당할 개발 인력은 부족한 실정이다. SW 정책연구소에 따르면, 향후 5년간 SW 분야 신규 인력 수요를 약 35만 3천명 정도로 추산한다. 이는 정규 교육 과정과 정부 사업을 통해 배출되는 인력(약 32만 4천명)에 비해 약 3만명 정도가 부족한 수치로서 개발자에게 프로그램 제작을 의뢰하는 비용은 가파르게 상승하고 있다.However, as the trend of non-face-to-face development spreads and the speed of digitization accelerates, demand for development increases, but there is a shortage of development manpower to handle it. According to the SW Policy Research Institute, the demand for new manpower in the SW field is estimated at about 353,000 over the next five years. This figure is about 30,000 short of the manpower produced through regular education courses and government projects (about 324,000), and the cost of commissioning programs to developers is rising steeply.
이러한 문제를 해결하기 위한 방법으로 특정 웹페이지 및 심지어 전체 웹사이트를 구성하고 간단하게 인터넷 상에 개시하게 도움을 주는 다양한 "웹사이트 빌더" 툴이 도입되고 있다. As a way to solve this problem, various "website builder" tools have been introduced which help to construct and simply publish specific webpages and even entire websites on the Internet.
하지만, 이러한 툴은 무료 또는 저렴한 비용으로 제공되고 있어 사용자의 요구 또는 트랜드에 적절하게 대응하기 어려우며, 최근에 다양한 크기의 디스플레이를 갖는 기기들의 출시가 가속화되고, 화면을 분할하여 다양한 콘텐츠를 제공하는 서비스의 사용이 증가하고 있어 이러한 변화에 적절하게 적용 가능한 웹페이지의 제공이 필요한 실정이다.However, these tools are provided free of charge or at low cost, making it difficult to respond appropriately to user needs or trends. Recently, the release of devices with displays of various sizes has been accelerated, and a service that provides various contents by dividing the screen. As the use of is increasing, it is necessary to provide a web page appropriately applicable to these changes.
본 발명은 전술한 문제점을 해결하기 위하여 제시된 것으로, 누구나 간단하고 편리하게 웹사이트를 제작할 수 있는 서비스 및 그 전자장치를 제공하는 것을 목적으로 한다.The present invention has been proposed to solve the above-mentioned problems, and an object of the present invention is to provide a service and an electronic device through which anyone can easily and conveniently create a website.
본 발명은 전술한 문제점을 해결하기 위하여 제시된 것으로, 다양한 해상도에 적용 가능한 웹페이지를 빠르고 편리하게 제작할 수 있는 서비스 및 그 전자장치를 제공하는 것을 목적으로 한다.The present invention has been proposed to solve the above problems, and an object of the present invention is to provide a service and an electronic device capable of quickly and conveniently producing a web page applicable to various resolutions.
본 발명의 일 실시 예에 따르면, 제1 사이즈 디스플레이 템플릿을 결정하는 단계; 상기 제1 사이즈 디스플레이 템플릿이 적용된 상기 웹페이지 제작 서비스를 제공하는 단계; 제2 사이즈 디스플레이 템플릿으로 변경을 결정하는 단계; 상기 제2 사이즈 디스플레이 템플릿의 정보를 확인 및 변경하는 단계; 및 상기 제2 사이즈 디스플레이 템플릿이 적용된 상기 웹페이지 제작 서비스를 제공하는 단계;를 포함하는, 웹페이지 제작 서비스를 제공하는 전자장치의 동작 방법을 제공한다.According to one embodiment of the present invention, determining a first size display template; providing the web page creation service to which the first size display template is applied; determining a change to the second size display template; checking and changing information of the second size display template; and providing the webpage creation service to which the second size display template is applied.
여기서, 상기 제2 사이즈 디스플레이 템플릿으로 변경을 결정하는 단계는, 사용자 장치로부터 상기 웹페이지 제작 서비스를 통하여 표시된 사이즈 조절 영역에서 특정 위치를 선택하는 사용자 입력을 수신하는 단계;를 포함할 수 있다.Here, the step of determining the change to the display template of the second size may include receiving a user input for selecting a specific location in the size adjustment area displayed through the webpage creation service from the user device.
여기서, 상기 제2 사이즈 디스플레이 템플릿으로 변경을 결정하는 단계는, 사용자 장치로부터 상기 웹페이지 제작 서비스를 통하여 표시된 복수의 기준점들 중 하나를 선택하는 사용자 입력을 수신하는 단계;를 포함하고, 상기 표시된 복수의 기준점들 각각은 대응되는 디스플레이 템플릿의 해상도에 기반하여 상기 사용자 장치에 출력되는 상기 웹페이지 제작 서비스의 지정된 위치에 표시될 수 있다.Here, the step of determining the change to the second size display template includes receiving a user input for selecting one of a plurality of reference points displayed through the webpage creation service from a user device, and includes the displayed plurality of display templates. Each of the reference points of may be displayed at a designated location of the web page creation service output to the user device based on the resolution of the corresponding display template.
여기서, 상기 표시된 복수의 기준점들 각각은 대응되는 디스플레이 템플릿의 해상도가 포함되는 해상도 범위에 기반하여 둘 이상의 그룹으로 구분되고, 상기 둘 이상의 그룹은 상기 사용자 장치에 출력되는 상기 웹페이지 제작 서비스의 지정된 위치에 표시될 수 있다.Here, each of the plurality of displayed reference points is divided into two or more groups based on a resolution range including a resolution of a corresponding display template, and the two or more groups are designated locations of the webpage creation service output to the user device. can be displayed on
여기서, 상기 제2 사이즈 디스플레이 템플릿의 정보를 확인 및 변경하는 단계는, 웹페이지에 포함된 이미지 및 텍스트 중 적어도 일부의 출력에 오류가 발생되는지 확인하는 단계;를 더 포함하고, 상기 오류가 확인된 경우, 상기 오류가 발생된 적어도 일부의 이미지는 동일 또는 유사한 다른 해상도의 이미지로 변경하고, 또는, 상기 오류가 발생된 적어도 일부의 텍스트는 폰트, 사이즈, 글자간격, 장평, 줄간격, 컬러, 굵기, 기울기, 언더라인 및 정렬 중 적어도 하나의 서식을 변경할 수 있다.Here, the step of checking and changing the information of the second size display template further includes checking whether an error occurs in the output of at least some of the image and text included in the web page; In this case, at least some of the images with the error are changed to images of the same or similar resolution, or at least some of the text with the error is font, size, character spacing, length, line spacing, color, and thickness At least one of , slant, underline, and alignment may be changed.
여기서, 상기 제1 사이즈 디스플레이 템플릿이 적용된 상기 웹페이지 제작 서비스를 제공하는 단계는, 상기 결정된 제1 사이즈 디스플레이 템플릿이 적용된 제1 웹페이지 및 상기 제1 웹페이지에 대응되는 레이아웃을 표시하도록 출력하고, 상기 제2 사이즈 디스플레이 템플릿이 적용된 상기 웹페이지 제작 서비스를 제공하는 단계는, 상기 결정된 제2 사이즈 디스플레이 템플릿이 적용된 제2 웹페이지 및 상기 제2 웹페이지에 대응되는 레이아웃을 표시하도록 출력할 수 있다.Here, in the providing of the webpage production service to which the first size display template is applied, the first webpage to which the determined first size display template is applied and a layout corresponding to the first webpage are output to be displayed, In the providing of the webpage creation service to which the second size display template is applied, the second webpage to which the determined second size display template is applied and a layout corresponding to the second webpage may be output to be displayed.
여기서, 상기 제2 사이즈 디스플레이 템플릿이 적용된 상기 웹페이지 제작 서비스를 제공하는 단계는, 상기 제2 사이즈 디스플레이 템플릿의 웹페이지 데이터를 생성, 변경, 및 삭제하는 동작 중 적어도 일부에 기반하여 대응되는 동작을 상기 제1 사이즈 디스플레이 템플릿의 웹페이지 데이터에서 처리할 수 있다.Here, the providing of the webpage production service to which the second size display template is applied may include a corresponding operation based on at least a part of operations of creating, changing, and deleting webpage data of the second size display template. It can be processed in the web page data of the first size display template.
본 발명의 다양한 실시 예는, 적어도 하나의 사용자 장치와 통신하는 통신부; 상기 통신부를 통하여 송수신하는 데이터를 저장하는 저장부; 및 제1 사이즈 디스플레이 템플릿을 결정하는 단계; 상기 제1 사이즈 디스플레이 템플릿이 적용된 상기 웹페이지 제작 서비스를 제공하고, 제2 사이즈 디스플레이 템플릿으로 변경을 결정하며, 상기 제2 사이즈 디스플레이 템플릿의 정보를 확인 및 변경하고, 상기 제2 사이즈 디스플레이 템플릿이 적용된 상기 웹페이지 제작 서비스를 제공하도록 구성된 처리부;를 포함하는, 웹페이지 제작 서비스를 제공하는 전자장치를 제공한다.Various embodiments of the present invention, the communication unit for communicating with at least one user device; a storage unit for storing data transmitted and received through the communication unit; and determining a first size display template; Provides the webpage creation service to which the first size display template is applied, determines change to the second size display template, checks and changes information of the second size display template, and applies the second size display template It provides an electronic device for providing a webpage creation service, including a processing unit configured to provide the webpage creation service.
본 발명의 다양한 실시 예들에 따르면, 전자장치는 한 번의 웹페이지 제작으로 다양한 해상도에 대응하여 적절한 사이즈의 웹페이지를 제공함으로써, 웹페이지 제작에 소요되는 시간 및 비용을 절약할 수 있다.According to various embodiments of the present disclosure, an electronic device can save time and cost required to produce a webpage by providing a webpage of an appropriate size corresponding to various resolutions with one webpage production.
본 발명의 다양한 실시 예들에 따르면, 웹페이지 제작을 위한 코드(code)의 사용 없이 장치의 간단한 조작으로 높은 품질의 웹페이지 제작을 가능하게 함으로써, 사용자 및 웹페이지 제작 서비스 제공자의 수익을 향상시킬 수 있다.According to various embodiments of the present invention, it is possible to produce a high-quality webpage with a simple operation of a device without using a code for webpage production, thereby improving the profits of users and webpage production service providers. there is.
도 1은 본 발명의 일 실시 예에 따른 장치의 구성을 나타내는 도면이다.
도 2는 본 발명의 일 실시 예에 따른 전자장치 및 전자장치와 연결 가능한 장치의 구성을 도시한다.
도 3은 본 발명의 일 실시 예에 따른 전자장치의 동작 흐름을 도시한다.
도 4는 본 발명의 일 실시 예에 따른 사용자 장치에서 웹페이지 제작 서비스를 제공하는 동작을 도시하는 도면이다.
도 5는 본 발명의 일 실시 예에 따른 사용자 장치에서 웹페이지 제작 서비스를 제공하는 동작을 도시하는 도면이다.1 is a diagram showing the configuration of a device according to an embodiment of the present invention.
2 illustrates a configuration of an electronic device and a device connectable to the electronic device according to an embodiment of the present invention.
3 illustrates an operation flow of an electronic device according to an embodiment of the present invention.
4 is a diagram illustrating an operation of providing a web page creation service in a user device according to an embodiment of the present invention.
5 is a diagram illustrating an operation of providing a web page creation service in a user device according to an embodiment of the present invention.
이하, 본 발명의 실시 예를 첨부된 도면들을 참조하여 상세하게 설명한다. 우선 본 발명의 요지를 흐릴 수 있다고 판단되는 경우에는 그 상세한 설명은 생략한다. 또한, 이하에서 본 발명의 실시 예를 설명할 것이나, 본 발명의 기술적 사상은 이에 한정하거나 제한되지 않고 당업자에 의해 실시될 수 있음은 물론이다.Hereinafter, embodiments of the present invention will be described in detail with reference to the accompanying drawings. First, if it is determined that the gist of the present invention may be obscured, the detailed description thereof will be omitted. In addition, embodiments of the present invention will be described below, but the technical idea of the present invention is not limited or limited thereto and can be practiced by those skilled in the art, of course.
본 발명의 일 실시 예에 따르면, 전자장치는 웹페이지를 제작하고자 하는 사용자에게 다양한 해상도에 대응 가능한 반응형 웹페이지를 제작할 수 있는 웹페이지 제작 서비스를 제공한다. 예를 들면, 전자장치는 웹페이지를 제작하는 사용자 입력에 기반하여 복수의 디스플레이 템플릿에 적용 가능한 웹페이지를 제작하는 서비스를 제공할 수 있다. 여기서 웹페이지 제작 서비스는 전자장치에서 제공 가능하며 웹페이지 제작을 위한 다양한 프로그램으로서 제공될 수 있다.According to an embodiment of the present invention, an electronic device provides a webpage creation service capable of creating a responsive webpage capable of responding to various resolutions to a user who wants to create a webpage. For example, the electronic device may provide a service for creating a web page applicable to a plurality of display templates based on a user input for creating the web page. Here, the web page creation service can be provided in an electronic device and can be provided as various programs for creating a web page.
본 발명의 다양한 실시 예에 따르면, '제작'의 용어는 생성의 의미를 포함할 수 있다. 뿐만 아니라, 웹페이지(또는 웹페이지 데이터)를 제작한다 하였을 때, 웹페이지 데이터의 적어도 일부를 변경, 수정, 또는 삭제한다의 의미를 포함할 수 있다.According to various embodiments of the present disclosure, the term 'manufacture' may include the meaning of creation. In addition, when creating a web page (or web page data), it may include the meaning of changing, correcting, or deleting at least a part of the web page data.
이하, 도 1 내지 도 5를 참조하여 본 발명의 바람직한 실시 예들을 설명한다.Hereinafter, preferred embodiments of the present invention will be described with reference to FIGS. 1 to 5 .
도 1은 본 발명의 일 실시 예에 따른 장치의 구성을 나타내는 도면이다.1 is a diagram showing the configuration of a device according to an embodiment of the present invention.
도 1을 참조하면, 전자장치(100)는 처리부(110), 저장부(120), 및 통신부(130)를 포함할 수 있다.Referring to FIG. 1 , an
처리부(110)는 사용자 장치에 사용자 매칭 서비스를 제공할 수 있다. 일 실시 예에 따르면, 처리부(110)는 통신부(130)를 통하여 사용자 장치와 연결되며 데이터를 송수신할 수 있다. 이때, 전자장치는 웹페이지 제작 서비스를 위한 프로그램(앱, 어플, 툴, 플러그인 등, 이하 웹페이지 제작 서비스)을 사용자 장치에 제공할 수 있고, 사용자 장치에 설치된 상기 웹페이지 제작 서비스를 통하여 전자장치로부터 서비스를 제공받을 수 있다.The
여기서, 웹 페이지 제작 서비스는 사용자 장치에 설치된 웹 페이지 제작 서비스를 통해서 제공되는 것으로 설명하고 있지만, 이에 한정하지 않고, 기설치된 다른 프로그램 또는 임시 설치 프로그램을 통하여 제공될 수도 있다. 일 실시 예에 따르면, 웹페이지 제작 서비스는 무료 또는 유로로 제공되는 웹사이트 빌더의 적어도 일부를 포함하여 구성될 수 있다.Here, the web page creation service is described as being provided through the web page creation service installed in the user device, but is not limited thereto, and may be provided through other pre-installed programs or temporary installation programs. According to one embodiment, the webpage creation service may include at least a part of a website builder provided for free or for a fee.
처리부(110)는 디스플레이에 표시된 포인터의 클릭(click) 또는 드래그 앤 드롭(drag and drop)에 기반하여 제작하는 웹페이지의 사이즈를 결정할 수 있다. 이하, 본 발명의 다양한 실시 예들을 설명하면서, 클릭, 더블 클릭(double clicks), 트리플 클릭(triple clicks), 드래그 앤 드롭 등의 동작을 사용자 '입력' 또는 '선택'의 용어를 사용하여 설명할 수 있다.The
일 실시 예에 따르면, 웹페이지의 사이즈는 해상도에 기반하여 결정될 수 있다. 일 실시 예에 따르면, 웹페이지의 사이즈는 1:1, 4:3, 5:3, 16:9, 16:10, 17:10, 2.39:1과 같이 가로 및 세로의 비율로서 결정될 수 있지만, 이에 한정하지 않고, 640×480, 704×480, 720×480, 1280×720, 1920×1080, 1366×768, 1366×768, 1440×1080과 같이 수평해상도 및 수직해상도를 이용하여 결정될 수 있다. 또한, 해상도는 픽셀 단위를 이용하여 표현될 수 있다.According to one embodiment, the size of the web page may be determined based on the resolution. According to one embodiment, the size of the web page may be determined as a horizontal and vertical ratio such as 1:1, 4:3, 5:3, 16:9, 16:10, 17:10, and 2.39:1, It is not limited thereto, and may be determined using horizontal and vertical resolutions such as 640 × 480, 704 × 480, 720 × 480, 1280 × 720, 1920 × 1080, 1366 × 768, 1366 × 768, and 1440 × 1080. Also, resolution may be expressed using a pixel unit.
처리부(110)는 웹페이지의 사이즈에 따라서 기설정된 다양한 디스플레이 템플릿에 기반하여 템플릿에 포함된 구성 요소들의 배치 및/또는 사이즈를 결정할 수 있다.The
일 실시 예에 따르면, 처리부(110)는 적어도 하나의 디스플레이 템플릿을 나타내는 웹페이지(예: 샘플 페이지)를 사용자 장치를 통하여 출력하도록 처리할 수 있다. 처리부(110)는 사용자 장치로부터 수신된 사용자 입력에 기반하여 지정된 디스플레이 템플릿에 기반하는 웹페이지 제작 서비스를 사용자 장치에 출력하도록 처리할 수 있다. 처리부(110)는 웹페이지 제작 중, 웹페이지 제작 전/후에 결정되는 사용자 입력에 기반하여 복수의 디스플레이 템플릿을 선택할 수 있다.According to an embodiment, the
처리부(110)는 선택된 복수의 디스플레이 템플릿 중 하나를 통하여 웹페이지를 제작하도록 웹페이지 제작 서비스를 제공할 수 있고, 사용자는 선택된 하나의 디스플레이 템플릿을 통하여 웹페이지를 제작 중에 다른 디스플레이 템플릿을 선택함으로써 디스플레이 템플릿을 변경하여 웹페이지의 제작을 계속할 수 있다.The
일 실시 예에 따르면, 처리부(110)는 사용자 장치로부터 수신되는 사용자 입력에 기반하여 복수의 디스플레이 템플릿 중 선택된 하나의 디스플레이 템플릿으로 웹페이지를 제작하기 위한 서비스를 제공할 수 있다. 이때, 처리부(110)는 선택된 디스플레이 템플릿에 지정된 그리드(grid), 및 레이아웃(lay out)에 따른 섹션(section), 블록(block), 위젯(widget) 및 컨테이너(container)의 구성요소들 중 적어도 하나를 포함하여 제공할 수 있다.According to an embodiment, the
이때, 복수의 디스플레이 템플릿 각각을 구성하는 그리드, 및 레이아웃, 그리고 섹션, 블록, 위젯, 및 컨테이너 중 적어도 하나의 구성요소는 각각의 디스플레이 템플릿에 대하여 위치, 질감, 사이즈, 기준점, 및 효과 중 적어도 하나의 성분이 설정 및 저장된 상태일 수 있다. 이때, 블록에 텍스트를 포함하는 경우, 텍스트의 폰트, 사이즈, 글자간격, 장평, 줄간격, 컬러, 굵기, 기울기, 언더라인 및 정렬 중 적어도 하나에 대한 성분이 설정 및 저장된 상태일 수 있다.At this time, at least one component of the grid, layout, section, block, widget, and container constituting each of the plurality of display templates is at least one of position, texture, size, reference point, and effect for each display template. The components of may be in a set and stored state. In this case, when the block includes text, at least one component of the font, size, letter spacing, length, line spacing, color, thickness, slant, underline, and alignment of the text may be set and stored.
처리부(110)는 사용자 입력에 기반하여 어느 하나의 디스플레이 템플릿을 통하여 웹페이지를 제작하는 중 선택된 다른 디스플레이 템플릿 각각에 대한 구성요소 및 성분에 대하여 설정된 값을 적용하여 각각의 디스플레이 템플릿에 기반한 웹페이지를 제작할 수 있다.The
처리부(110)는 사용자가 웹페이지 제작에 이용하고 있는 디스플레이 템플릿의 데이터를 선택된 다른 디스플레이 템플릿에 적용 및 제작하는 동작을 수행함에 있어서, 웹페이지 제작 동작과 동시(또는 실시간으로)에 또는 지정된 시점에 수행할 수 있다.The
처리부(110)는 하나의 디스플레이 템플릿에서 수행되는 웹페이지 제작 동작 중 사용자 입력에 따른 구성요소들의 성분을 확인하고, 선택된 다른 디스플레이 템플릿들의 구성요소들 및 성분들에 적용하여 선택된 복수의 디스플레이 템플릿에 대응되는 웹페이지를 제작할 수 있다.The
처리부(110)는 복수의 디스플레이 템플릿 선택 또는 디스플레이 템플릿의 전환에 대하여 구성요소 및 성분 값들을 적용함에 있어서, 확대, 축소, 이동, 또는 재생성의 방법으로 처리할 수 있다.The
상술한 바에 따르면, 처리부(110)는 사용자 입력에 기반하여 제1 디스플레이 템플릿, 제2 디스플레이 템플릿, 제3 디스플레이 템플릿에 대한 웹페이지를 제작하도록 결정된 상태일 수 있다. 처리부(110)는 사용자 입력에 기반하여 제1 디스플레이 템플릿을 이용하여 웹 페이지를 제작하던 중 제2 디스플레이 템플릿으로 변경하는 사용자 입력을 확인할 수 있다.As described above, the
제1 디스플레이 템플릿을 이용하여 웹페이지를 제작하는 동작에서 처리부(11)는 제2 디스플레이 템플릿 및 제3 디스플레이 템플릿에 대응되는 웹페이지 데이터를 제작할 수 있다. 여기서, 제1 디스플레이 템플릿으로 제작되는 웹페이지 데이터에 기반하여 제2 디스플레이 템플릿 및 제3 디스플레이 템플릿의 웹페이지 데이터를 제작하는 동작은, 제1 디스플레이 템플릿으로 웹페이지 데이터를 제작하는 동작에 실시간으로 대응하여 수행할 수 있고, 또는 지정된 시간 간격마다 제1 디스플레이 템플릿의 웹페이지 데이터에 대응하여 수행할 수 있다.In the operation of creating a web page using the first display template, the processing unit 11 may create web page data corresponding to the second display template and the third display template. Here, the operation of producing web page data of the second display template and the third display template based on the web page data produced by the first display template corresponds to the operation of producing web page data using the first display template in real time. or may be performed in response to web page data of the first display template at each designated time interval.
처리부(110)는 변경이 요청된 시점까지 제작된 웹페이지의 제2 디스플레이 템플릿의 웹페이지로 전환하여 출력할 수 있고, 사용자 입력에 기반하여 제2 디스플레이 템플릿을 통한 웹페이의 제작을 완료할 수 있다.The
이때, 처리부(110)는 제2 디스플레이 템플릿으로 제작되는 웹페이지 데이터에 기반하여 제1 디스플레이 템플릿 및 제3 디스플레이 템플릿의 웹페이지 데이터를 계속 제작할 수 있다.At this time, the
이러한 웹페이지 제작 동작을 통하여, 처리부(110)는 선택된 제1 디스플레이 템플릿, 제2 디스플레이 템플릿, 및 제3 디스플레이 템플릿에 대한 웹페이지를 제작하고, 웹페이지 연결 요청 시 해당하는 디스플레이 템플릿의 웹페이지를 제공할 수 있다.Through this webpage creation operation, the
예를 들면, 처리부(110)는 제1 디스플레이 템플릿으로 제공되는 사용자 장치에서 웹페이지에 연결을 요청하는 경우 제1 디스플레이 템플릿으로 제작된 웹페이지(제1 디스플레이 템플릿의 웹페이지)를 출력하도록 처리할 수 있다.For example, the
또한, 처리부(110)는 제3 디스플레이 템플릿으로 제공되는 사용자 장치에서 웹페이지에 연결을 요청하는 경우 제3 디스플레이 템플릿으로 제작된 웹페이지(제3 디스플레이 템플릿의 웹페이지)를 출력하도록 처리할 수 있다.In addition, the
처리부(110)는 디스플레이 템플릿을 통하여 제공하는 구성요소 및 성분들의 레이아웃을 결정함에 있어서 템플릿에 따른 레이아웃 뿐만 아니라 구성요소 또는 성분들 각각에 대한 레이아웃을 결정할 수 있다. 처리부(110)는 디스플레이 템플릿각각에 설정된 데이터에 따라서 선택된 디스플레이 템플릿 각각에 대응되는 웹페이지를 제작할 수 있다In determining the layout of components and components provided through the display template, the
저장부(120)는 전자장치(110)의 적어도 하나의 구성요소(예: 처리부(110) 또는 통신부(130)에 의해 사용되는 다양한 데이터를 저장할 수 있다. 데이터는, 예를 들어, 웹페이지 제작 서비스를 위한 소프트웨어(또는 프로그램) 및, 이와 관련된 명령에 대한 입력 데이터 또는 출력 데이터를 포함할 수 있다.The
저장부(120)는 웹페이지 제작 서비스에 사용되는 디스플레이 템플릿에 대한 정보를 포함할 수 있다. 저장부(120)는 각각의 디스플레이 템플릿에 대하여 설정된 그리드, 레이아웃, 섹션, 블록, 위젯, 컨테이너 중 적어도 하나의 구성요소 데이터를 포함할 수 있다. 또한, 구성요소 데이터는 각각의 디스플레이 템플릿에 대하여 위치, 질감, 사이즈, 기준점, 및 효과 중 적어도 하나의 성분 데이터를 포함하여 저장부(120)에 저장될 수 있다.The
저장부(120)에 저장된 데이터는 사용자 입력에 기반하여 처리부(110)를 통하여 변경, 수정, 삭제, 또는 생성될 수 있다.Data stored in the
저장부(120)는, 휘발성 메모리 또는 비휘발성 메모리를 포함하여 구성될 수 있다.The
통신부(130)는 전자장치(100)와 적어도 하나의 다른 전자장치(예: 사용자 장치, 상대방 장치, 또는 서버)의 유선 통신 채널의 수립, 무선 통신 채널의 수립, 및 수립된 통신 채널을 통한 통신 수행을 지원할 수 있다.The
통신부(130)는 처리부(110)에 종속적 또는 독립적으로 운영되고, 무선 통신을 지원하는 하나 이상의 커뮤니케이션 프로세서를 포함할 수 있다. 일 실시 예에 따르면, 통신부(130)는 무선 통신 모듈(예: 셀룰러 통신 모듈, 근거리 무선 통신 모듈, 또는 GNSS(global navigation satellite system) 통신 모듈) 또는 유선 통신 모듈(예: LAN(local area network) 통신 모듈, 또는 전력선 통신 모듈)을 포함할 수 있다.The
통신부(130)는 블루투스, WiFi direct 또는 IrDA(infrared data association) 같은 근거리 통신 네트워크 및/또는 셀룰러 네트워크, 인터넷, 또는 컴퓨터 네트워크(예: LAN 또는 WAN)와 같은 원거리 통신 네트워크)를 통하여 외부 전자장치와 통신할 수 있다.The
통신부(130)를 구성하는 여러 종류의 통신 모듈들은 하나의 구성 요소(예: 단일 칩)으로 통합되거나, 또는 서로 별도의 복수의 구성 요소들(예: 복수 칩들)로 구현될 수 있다.Various types of communication modules constituting the
다양한 실시 예에 따르면, 전자장치(100)는 상술한 구성요소들에 한정하지 않고, 데이터를 입력하는 입력부(미도시), 및 데이터를 출력하는 출력부(미도시) 중 적어도 하나를 더 포함할 수 있다.According to various embodiments, the
도 2는 본 발명의 일 실시 예에 따른 전자장치 및 전자장치와 연결 가능한 장치의 구성을 도시한다.2 illustrates a configuration of an electronic device and a device connectable to the electronic device according to an embodiment of the present invention.
웹페이지 제작 서비스를 제공하는 전자장치(100)는 유선 또는 무선 통신 네트워크(10)를 통하여 사용자 장치(210), 사업자 장치(220), 서버(230) 중 적어도 하나의 장치와 연결될 수 있다.The
일 실시 예에 따르면, 사용자는 사용자 장치(210)를 통하여 웹페이지를 제작하고자 하는 고객으로 정의될 수 있다. 사업자는 사업자 장치(210)를 통하여 전자장치(100)가 웹페이지 제작 서비스를 제공하도록 처리하는 개인 또는 업체(또는 그 직원 등)로 정의될 수 있다. 서버(230)는 전자장치(100)와 연결되어 전자장치(100)와 동일 또는 유사한 동작을 수행할 수 있는 외부 장치로 정의될 수 있다.According to an embodiment, a user may be defined as a customer who wants to create a web page through the
사용자 장치(210)의 디스플레이 사이즈는 제조사, 브랜드 및 모델에 따라서 결정될 수 있다. 도 2를 참고하면, 사용자 장치(210)는 모바일 폰으로 도시되어 있지만, 모바일 폰에 한정하지 않고 모바일 패드(mobile pad), 개인용 컴퓨터(personal computer), 데스크탑 컴퓨터(desktop computer), 랩탑 컴퓨터(laptop computer) 등 디스플레이를 포함하는 어느 장치도 될 수 있다.The display size of the
사업자 장치(210)는 사업자의 선택에 따라 본 발명의 다양한 실시 예에 따른 구성 요소로서 포함될 수 있다. 예를 들면, 사업자가 사업자 장치(220)를 통하여 전자장치(100)에 연결하고 웹페이지 제작 서비스를 제공하는 것이 아닌 전자장치(100)를 직접 조작하여 웹페이지 제작 서비스를 제공할 수 있으며, 사업자 장치(220)는 사업자의 선택에 따라서 구성 요소로서 포함될 수 있다.The
도 2를 참고하면, 사업자 장치(220)는 랩탑 컴퓨터로서 도시되어 있지만, 랩탑 컴퓨터에 한정하지 않고 모바일 패드(mobile pad), 또는 데스크탑 컴퓨터(desktop computer), 랩탑 컴퓨터(laptop computer)와 같은 개인용 컴퓨터(personal computer) 등 디스플레이를 포함하는 어느 장치도 될 수 있다.Referring to FIG. 2 , the operator's
서버(230)는 사업자의 선택에 따라 본 발명의 다양한 실시 예에 따른 구성 요소로서 포함될 수 있다. 예를 들면, 서버(230)는 전자장치(100)의 처리부(110), 저장부(120), 및 통신부(130) 중 적어도 하나의 기능을 수행하거나 또는 보조하기 위하여 선택적으로 구성될 수 있다.The
도 3은 본 발명의 일 실시 예에 따른 전자장치의 동작 흐름을 도시한다.3 illustrates an operation flow of an electronic device according to an embodiment of the present invention.
도 3을 참고하면, 전자장치(100)는 사용자 입력에 기반하여 복수의 디스플레이 템플릿에 대응되는 웹페이지를 제작할 수 있다.Referring to FIG. 3 , the
301 단계에서, 전자장치(100)는 지정된 사이즈의 디스플레이 템플릿을 결정한다. 일 실시 예에 따르면, 전자장치(100)는 사용자 입력에 기반하여 사용자 장치(210)의 디스플레이 사이즈에 대응되는 디스플레이 템플릿을 결정할 수 있다.In
다양한 실시 예에 따르면, 전자장치(100)는 사용자 장치(210)로부터 수신하는 데이터에 기반하여 사용자 장치(210)의 디스플레이 사이즈에 대응되는 디스플레이 템플릿을 결정할 수 있다.According to various embodiments, the
303 단계에서, 전자장치(100)는 결정된 디스플레이 사이즈에 대응되는 디스플레이 템플릿을 적용하여 웹페이지 제작 서비스를 사용자에게 제공할 수 있다. 일 실시 예에 따르면, 전자장치(100)는 사용자 장치(210)를 통하여 웹페이지 제작 서비스를 출력하도록 처리함에 있어서 결정된 디스플레이 템플릿을 적용하여 웹페이지를 제작하도록 서비스를 제공할 수 있다.In
전자장치(100)는 301 단계에서 웹페이지 제작 서비스를 통하여 출력되는 디스플레이 템플릿 외에 선택된 적어도 하나의 디스플레이 템플릿이 확인되는 경우, 대응되는 웹페이지를 함께 제작할 수 있다.In
이때, 전자장치(100)는 웹페이지를 제작하는 사용자 입력에 기반하여 각각의 디스플레이 템플릿에 대응되는 웹페이지의 데이터를 별도로 생성, 변경, 또는 삭제할 수 있다. 또한, 전자장치(100)는 웹페이지를 제작하는 사용자 입력에 기반하여 기준이 되는 웹페이지 데이터를 결정하고, 기준이 되는 데이터에 기반하여 각각의 디스플레이 템플릿에 대응되는 웹페이지의 데이터에 적용할 수 있다.In this case, the
예를 들면, 전자장치(100)는 선택된 복수의 디스플레이 템플릿에 대하여 각각의 디스플레이 템플릿에 대응되는 웹페이지를 제작하거나, 기준이 되는 웹페이지 데이터를 제작 또는 기준이 되는 디스플레이 템플릿에 대응되는 웹페이지 데이터를 제작할 수 있다. 전자장치(100)는 웹페이지 데이터에서 적어도 하나의 값을 변수로 하여 선택된 나머지 디스플레이 템플릿에 변수를 적용함으로써 복수의 디스플레이 템플릿에 대응되는 웹페이지를 제공할 수 있다.For example, the
전자장치(100)는 생성된 웹페이지 데이터로부터 그리드, 레이아웃, 섹션, 블록, 위젯, 및 컨테이너 중 적어도 하나에 대한 사용자 입력 값(구성요소 및 성분의 값)을 확인(또는 결정)할 수 있고, 이 값을 변수로 다른 디스플레이 템플릿에 적용할 수 있다.The
전자장치(100)는 복수의 디스플레이 템플릿 선택 또는 디스플레이 템플릿의 전환에 대하여 구성요소 및 성분 값들을 적용함에 있어서, 확대, 축소, 이동, 또는 재생성의 방법으로 처리할 수 있다.The
305 단계에서, 전자장치(100)는 디스플레이 템플릿 변경을 결정한다. 전자장치(100)는 사용자 입력에 기반하여 웹페이지 제작 서비스에서 출력되는 디스플레이 템플릿 변경을 결정할 수 있다.In
일 실시 예에 따르면, 전자장치(100)는 사용자 장치(210)로부터 수신하는 사용자 입력에 기반하여 변경할 디스플레이 템플릿을 결정할 수 있다. 일 실시 예에 따르면, 디스플레이 템플릿을 결정하는 사용자 입력은 사용자 장치(210)의 웹페이지 제작 서비스에서 웹페이지를 제작하는 창 적어도 일부에 표시된 기준점을 선택하는 것일 수 있다.According to an embodiment, the
여기서, 전자장치(100)는 디스플레이 템플릿의 디스플레이 사이즈(예: 해상도 또는 화면 비율)를 나타내기 위한 기준점을 지정된 표식으로 표현하도록 처리할 수 있다. 예를 들면, 전자장치(100)는 사용자 장치(210)에 출력된 웹페이지 제작 서비스에서 디스플레이 템플릿에 대응되는 창의 모서리 일부에 기준점을 표시할 수 있다.Here, the
여기서, 전자장치(100)는 하나의 기준점에 대하여 하나의 디스플레이 템플릿의 디스플레이 해상도를 지정한 상태일 수 있고, 전자장치(100)는 웹페이지 제작 서비스를 통하여 복수의 디스플레이 템플릿들에 대응되는 기준점들을 표시할 수 있다.Here, the
여기서, 사용자 장치(210)의 디스플레이에 출력된 기준점을 선택하는 동작은, 사용자 장치(210)의 디스플레이가 터치 스크린으로 구성되는 경우 디스플레이에 표시된 기준점을 터치하는 동작일 수 있고, 또는 디스플레이에 표시된 포인터를 이용하여 기준점을 선택하는 동작일 수 있다.Here, the operation of selecting the reference point output on the display of the
다양한 실시 예에 따르면, 디스플레이 템플릿을 결정하는 사용자 입력은 사용자 장치(210)의 웹페이지 제작 서비스에서 웹페이지를 제작하는 창 적어도 일부에 해상도 또는 화면 비율을 선택하거나 또는 입력하는 것일 수 있다.According to various embodiments, a user input for determining a display template may be selecting or inputting a resolution or aspect ratio to at least a part of a window for creating a webpage in the webpage creation service of the
다양한 실시 예에 따르면, 전자장치(100)는 301 단계에서 결정된 디스플레이 템플릿들 외에도 사용자 입력에 기반하여 추가로 디스플레이 템플릿을 결정할 수 있다.According to various embodiments, the
예를 들면, 전자장치(100)는 301 단계에서 또는 다른 동작에서 기선택된 디스플레이 템플릿들에 대응되는 기준점을 웹페이지 제작 서비스의 창 적어도 일부에 표시한 상태에서, 표시된 디스플레이 템플릿들에 대응되는 기준점이 아닌 다른 기준점을 선택하거나, 해상도 또는 화면 비율을 입력하는 사용자 입력을 확인할 수 있다.For example, in a state in which the
전자장치(100)는 선택된 새로운 기준점 및 해상도에 대한 정보를 사용자 장치(210)의 웹페이지 제작 서비스를 통하여 표시하도록 처리할 수 있다.The
307 단계에서, 전자장치(100)는 변경을 위한(또는 변경이 결정된) 디스플레이 템플릿에 대한 정보를 확인하고 사용자 장치(210)의 웹페이지 제작 서비스를 통하여 출력하기 위하여 웹페이지 데이터를 변경한다.In
여기서, 변경을 위한 디스플레이 템플릿에 대응되는 웹페이지 데이터가 전자장치(100)에서 기생성된 상태인 경우 전자장치(100)는 해당 웹페이지 데이터를 호출(또는 전환)할 수 있다.Here, when webpage data corresponding to the display template for change is already generated in the
다양한 실시 예에 따르면, 기생성된 웹페이지 데이터 중 적어도 일부에 대하여 변경을 위한 디스플레이 템플릿에 대응되도록 데이터 변경하는 경우, 전자장치(100)는 기생성된 디스플레이 템플릿에 대응되는 웹페이지 데이터에서 디스플레이 템플릿 변경의 변수가 되는 정보들, 예를 들면, 그리드, 레이아웃, 섹션, 블록, 위젯, 및 컨테이너 중 적어도 하나의 값을 변경을 위한 디스플레이 템플릿에 대응하여 확대, 축소, 이동, 또는 재생성함으로써 웹페이지 데이터를 제작할 수 있다.According to various embodiments, when data is changed to correspond to a display template for change with respect to at least some of the previously created webpage data, the
309 단계에서, 전자장치(100)는 변경을 위한 디스플레이 템플릿 및 웹페이지 데이터를 적용하여 웹페이지 제작 서비스를 사용자에게 제공할 수 있다.In
도 4는 본 발명의 일 실시 예에 따른 사용자 장치에서 웹페이지 제작 서비스를 제공하는 동작을 도시하는 도면이다.4 is a diagram illustrating an operation of providing a web page creation service in a user device according to an embodiment of the present invention.
사용자는 사용자 장치(400)를 통하여 웹페이지 제작 서비스의 제공을 요청할 수 있고, 전자장치(100)는 사용자 장치(400)의 요청에 기반하여 지정된 디스플레이 템플릿에 대응되는 웹페이지 제작 서비스를 사용자 장치(400)에 제공할 수 있다.The user may request the provision of a webpage creation service through the
일 실시 예에 따르면, 사용자 장치(400)는 전면부에 디스플레이(410)가 포함될 수 있고, 별도의 입력부(미도시)를 포함하여 구성되거나, 또는 터치 디스플레이를 포함하여 구성될 수 있다.According to an embodiment, the
사용자 장치(400)를 통하여 웹페이지 제작 서비스를 제공하기 위한 웹페이지 제작 서비스는 디스플레이(410)의 적어도 일부에 지정된 영역을 가지는 창(window)(420)(이하, 웹페이지 제작 서비스(420))으로 구성되어 출력될 수 있다. 여기서, 웹페이지 제작 서비스가 제공되는 영역은 창에 한정되지 않고, 웹페이지 제작 프로그램을 출력할 수 있는 블록(block), 컨테이너(container)등 다양한 객체가 적용될 수 있다.The webpage creation service for providing the webpage creation service through the
웹페이지 제작 서비스(420)는 지정된 디스플레이 템플릿에 따른 웹페이지 제작 영역을 제공하는 제1영역(430)을 포함하고, 웹페이지의 레이아웃을 결정하는 제2영역(440) 및 웹페이지의 구성요소들 및 구성요소들의 값을 결정하는 제3영역(450) 중 적어도 일부를 포함할 수 있다.The
제1영역(430)은 지정된 디스플레이 템플릿의 해상도 및 화면 비율 중 적어도 일부에 대응하는 사이즈로 제공될 수 있다. 제1영역(430) 주변 적어도 일부에는 사용자 입력에 기반하여 디스플레이 템플릿 변경하기 위한 제4영역(431)이 구성될 수 있다. 여기서, 제4영역(431)(또는 도 5의 제4영역(531))은 사이즈 조절 영역으로 정의될 수 있다.The
일 실시 예에 따르면, 제4영역(431)은 제1영역(430) 주변에 가로 방향 및/또는 세로 방향으로 표시될 수 있다. 이때, 제4영역(431)의 특정 위치를 선택하는 사용자 입력을 확인하는 경우, 전자장치(100)는 특정 위치에 대응되는 디스플레이 템플릿의 사이즈로 제1영역(430)의 구성을 조절하도록 처리할 수 있다.According to an embodiment, the
특정 위치의 선택을 위한 일 실시 예에 따르면, 지정된 디스플레이 템플릿을 나타내기 위한 기준점을 표시하는 제4영역(431)이 구성될 수 있다.According to an embodiment for selecting a specific location, a
도 4를 참고하면, 일 실시 예에 따른 기준점은 화살표로 표시되고 있으며, 복수의 디스플레이 템플릿이 선택된 경우 각각의 기준점은 해상도 또는 화면 비율을 시각적으로 확인할 수 있도록 배치될 수 있다. 예를 들면, 각각의 디스플레이 템플릿의 기준점은 제1영역의 기준선(예: 중심선)에 대하여 대칭으로 배치될 수 있고, 예를 들면, 화면의 모서리 위치에 표시될 수 있다.Referring to FIG. 4 , reference points according to an embodiment are indicated by arrows, and when a plurality of display templates are selected, each reference point may be arranged to visually check a resolution or aspect ratio. For example, the reference point of each display template may be symmetrically arranged with respect to the reference line (eg, center line) of the first area, and may be displayed at a corner of the screen, for example.
제4영역(431)은 표시된 기준점들에 기반하여 선택된 디스플레이 템플릿의 수평해상도 및 수직해상도 중 적어도 일부에 대한 정보를 나타내거나, 또는 특정 해상도를 입력하기 위한 입력창(437)을 포함하여 구성될 수 있다.The
사용자가 제4영역(431)에 표시된 기준점들 중 하나의 기준점(예: 433)을 선택하는 경우 전자장치(100)는 기준점(433)에 대응되는 디스플레이 템플릿에 지정된 사이즈로 제1영역의 구성을 조절(또는 제어)하고 디스플레이 템플릿의 레이아웃 및 구성요소들의 설정 값이 적용된 웹페이지를 출력하도록 처리할 수 있다. 이때, 전자장치(100)는 선택된 기준점(433)을 다른 기준점들과 효과를 다르게 표시하도록 처리할 수 있다.When the user selects one of the reference points (eg, 433) among the reference points displayed on the
사용자가 제4영역에(431) 중 기준점이 표시되지 않은 특정 위치, 예를 들면, 특정 수평 위치 및/또는 특정 수직 위치를 선택하거나 또는 해상도를 표시하는 입력창(437)에 특정 해상도를 입력하는 경우, 전자장치(100)는 특정 위치 또는 특정 해상도에 대응되는 디스플레이 템플릿을 제작할 수 있다. 전자장치(100)는 제작된 디스플레이 템플릿의 기준점을 제4영역(431)에 표시할 수 있다.The user selects a specific position in the
더하여, 전자장치(100)는 사용자 장치(400)의 제4영(431)역에서 활성화된 디스플레이 템플릿의 기준점(433) 또는 기준점(435)을 터치 및 드래그 앤 드롭하거나, 또는 기준점(433) 또는 기준점(435)을 가리키는 포인터를 클릭 및 드래그 앤 드롭하는 사용자 입력을 확인함으로써 디스플레이 템플릿을 변경하도록 처리할 수 있다.In addition, the
다양한 실시 예에 따르면, 전자장치(100)는 사용자 장치(400)의 제4영역(431) 모서리를 터치 및 드래그 앤 드롭하거나, 또는 모서리를 가리키는 포인터를 클릭 및 드래그 앤 드롭하는 사용자 입력을 확인함으로써 디스플레이 템플릿을 변경하도록 처리할 수 있다.According to various embodiments, the
여기서, 디스플레이 템플릿을 변경하는 방법으로 터치 및 드래그 앤 드롭, 클릭 및 드래그 앤 드롭을 설명하고 있지만, 전자장치(100)는 다양하게 지정된 설정값에 따라서 디스플레이 템플릿의 변경 방법을 제공할 수 있다.Here, touch and drag and drop, click and drag and drop are described as methods for changing the display template, but the
제2영역(440)은 웹페이지에 설정 가능한 그리드 및 레이아웃을 표시할 수 있다. 예를 들면, 제2영역(440)은 배경, 또는 화면 상에 섹션을 구분 또는 블록(또는 위젯)들을 표시하는 적어도 하나의 옵션들을 포함하여 구성될 수 있다. 전자장치(100)는 제1영역(430)에 출력하도록 결정된 디스플레이 템플릿의 그리드 및 레이아웃에 대응되는 옵션(예: 제1옵션(441))을 표시할 수 있다.The
다양한 실시 예에 따르면, 제2영역(440)에 표시되는 웹페이지의 그리드 및/또는 레이아웃은 다양하게 표시될 수 있다. 예를 들면, 전자장치(100)는 제5영역(460, 560)의 선택에 기반하여 다양한 그룹을 표시하도록 처리할 수 있다.According to various embodiments, the grid and/or layout of the web page displayed on the
여기서, 각각의 그룹은 반응형 웹페이지에 대응되는 그리드 및 레이아웃, 적응형 웹페이지에 대응되는 그리드 및 레이아웃으로, 지정된 사이즈의 웹페이지에 대응되는 그리드 및 레이아웃 등으로 구분되어 그룹이 설정될 수 있다. 또는 지정된 사이즈의 웹페이지에 대응되는 그리드 및 레이아웃, 반응형 웹페이지에 대응되는 그리드 및 레이아웃, 및 적응형 웹페이지에 대응되는 그리드 및 레이아웃이 혼합되어 적어도 하나의 그룹에 포함될 수 있다.Here, each group can be divided into a grid and layout corresponding to a responsive web page, a grid and layout corresponding to an adaptive web page, and a grid and layout corresponding to a web page of a designated size, and the group can be set. . Alternatively, a grid and layout corresponding to a webpage of a specified size, a grid and layout corresponding to a responsive webpage, and a grid and layout corresponding to an adaptive webpage may be mixed and included in at least one group.
이때, 전자장치(100)는 웹페이지 제작 서비스를 사용하는 다양한 사용자의 데이터에 기반하여 제2영역(440, 540)의에 표시되는 그룹의 그리드 및/또는 레이아웃들을 결정할 수 있다. 더하여, 제2영역(440)에 표시되는 그룹들 또는 제2영역(440)에서 제공되는 옵션들은 사용자 입력에 따라서 수정 또는 삭제할 수 있고, 새로운 옵션을 생성할 수 있다.In this case, the
제3영역(450)은 웹페이지의 구성요소들 및 구성요소들의 값을 결정하는 기능을 제공할 수 있다. 일 실시 예에 따르면, 제3영역(450)은 지정된 설정값에 대한 적어도 하나의 그룹을 표시할 수 있다. 설정값에 대한 그룹이 복수인 경우 전자장치(100)는 단축키를 함께 제공할 수 있다. 제3영역(450)은 웹페이지 및 구성요소, 예를 들면, 블록, 컨테이너, 위젯 중 적어도 일부의 여백, 및 사이즈에 대한 설정, 콘텐츠 크기에 대한 설정, 표시 시간과 관련된 설정, 구성 요소들의 표시, 생성, 및 삭제에 대한 설정 중 적어도 일부에 대한 설정 기능을 제공할 수 있다.The
도4를 참고하면, 전자장치(100)는 웹페이지를 구성하는 게시판 필드를 사용자 입력에 기반하여 생성할 수 있고, 기 제공된 기존의 옵션을 수정하여 게시판 필드를 추가 또는 삭제하거나, 새로운 옵션을 생성할 수 있다.Referring to FIG. 4 , the
일 실시 예에 따르면, 게시판 필드에 포함되는 요소(또는 속성)들은 휴대폰 입력, 이메일(e-mail) 입력, 문의 입력, 날짜 입력, 동영상 입력, 약관 입력, 네이버 지도 좌표 입력, 다음 지도 좌표 입력, 구글 지도 좌표 입력, 선택박스(select box), 라디오(radio), 체크박스(check box) 중 적어도 하나의 요소를 포함할 수 있다. 일 실시 예에 따르면, 게시판 필드는 사용자 입력에 기반하여 노출 여부, 순서 정렬, 및 도움 항목이 적용될 수 있다.According to an embodiment, the elements (or properties) included in the bulletin board field include mobile phone input, e-mail input, inquiry input, date input, video input, terms and conditions input, Naver map coordinate input, Daum map coordinate input, It may include at least one element of a Google map coordinate input, a select box, a radio, and a check box. According to an embodiment, the bulletin board field may be subject to exposure, order sorting, and help items based on user input.
전자장치(100)는 사용자 장치(400)의 제1영역(430)에 표시된 구성요소들을 둘 이상 선택하고 데이터를 변경함으로써 선택된 복수의 디스플레이 템플릿에서 변경된 내용이 적용되도록 처리할 수 있다.The
일 실시 예에 따르면, 웹페이지 제작 서비스(420)는 활성화된 디스플레이 템플릿이 PC용인지 또는 모바일(mobile)용인지 장치 속성을 확인할 수 있는 제5영역(460)을 표시할 수 있다. 여기서, 장치 속성은 지정된 범위의 해상도를 가지는 디스플레이 템플릿들을 포함하여 복수의 그룹으로 구성될 수 있다. 다양한 실시 예에 따르면, 디스플레이 해상도에 따른 장치 속성을 PC용 또는 모바일용으로 설명하고 있지만 이에 한정하지 않고 해상도 범위에 따라 태블릿, TV 등 다양한 장치 속성을 적용할 수 있다.According to an embodiment, the web
사용자 입력에 기반하여 제5영역(460)에서 PC 또는 모바일을 선택하는 경우, 전자장치(100)는 선택된 PC 또는 모바일에 대하여 지정된 디스플레이 템플릿의 기준점점(들)을 제4영역(431)에 표시할 수 있다. 여기서, PC 및 모바일에 대하여 지정된 디스플레이 템플릿들은 적어도 일부가 동일하도록 구성될 수 있고, 중복되지 않도록 구성될 수 있다.When a PC or mobile is selected in the
일 실시 예에 따르면, 제5영역(460)에 PC를 표시하는 경우에도 제2영역(440)에 모바일용 웹페이지의 그리드 및/또는 레이아웃을 표시할 수 있다. 또한, 제5영역(460)에 PC를 표시하는 경우에도 제5영역(430)에 모바일용에 대응되는 디스플레이 템플릿의 기준점 및/또는 해상도(또는 화면비율) 영역을 표시할 수 있다.According to an embodiment, even when a PC is displayed in the
도 5는 본 발명의 일 실시 예에 따른 사용자 장치에서 웹페이지 제작 서비스를 제공하는 동작을 도시하는 도면이다.5 is a diagram illustrating an operation of providing a web page creation service in a user device according to an embodiment of the present invention.
일 실시 예에 따르면, 도 5는 도 4의 실시 예에 따른 전자장치(100)의 동작에서 디스플레이 템플릿을 변경하는 사용자 입력에 따른 결과를 사용자 장치(400)에 출력하는 도면일 수 있다.According to an embodiment, FIG. 5 may be a diagram outputting a result according to a user input for changing a display template to the
사용자는 사용자 장치(400)를 통하여 웹페이지를 제작하던 중 또는 웹페이지의 제작 전/후에 디스플레이 템플릿의 변경을 요청할 수 있고, 전자장치(100)는 사용자 장치(400)의 요청에 기반하여 변경을 위한 디스플레이 템플릿에 대응되는 웹페이지 제작 서비스를 사용자 장치(500)에 제공할 수 있다.The user may request a change of the display template while creating the web page or before/after creating the web page through the
일 실시 예에 따르면, 사용자 장치(500)는 전면부에 디스플레이(510)가 포함될 수 있고, 별도의 입력부(미도시)를 포함하여 구성되거나, 또는 터치 디스플레이를 포함하여 구성될 수 있다. 도 5의 실시 예를 설명함에 있어서 도 4의 사용자 장치(400) 및 도 5의 사용자 장치(500)는 동일한 장치일 수 있다.According to an embodiment, the
사용자 장치(500)를 통하여 웹페이지 제작 서비스를 제공하기 위한 웹페이지 제작 서비스는 디스플레이(510)의 적어도 일부에 지정된 영역을 가지는 창(window)(520)(이하, 웹페이지 제작 서비스(520))으로 구성되어 출력될 수 있다.The webpage creation service for providing the webpage creation service through the
웹페이지 제작 서비스(520)은 지정된 디스플레이 템플릿에 따른 웹페이지 제작 영역을 제공하는 제1영역(530)을 포함하고, 웹페이지의 레이아웃을 결정하는 제2영역(540) 및 웹페이지의 구성요소들 및 구성요소들의 값을 결정하는 제3영역(550) 중 적어도 일부를 포함할 수 있다. 제1영역(530) 주변 적어도 일부에는 디스플레이 템플릿을 결정하기 위한 제4영역(531)이 구성될 수 있다.The
사용자가 제4영역(531)의 특정 위치를 선택하거나, 또는 표시된 기준점들 중 하나의 기준점을 선택하는 경우 전자장치(100)는 결정된 디스플레이 템플릿에 따라서 제1영역(530)의 구성을 조절할 수 있다.When the user selects a specific position of the
예를 들면, 사용자가 제4영역(531)에 표시된 기준점(533)을 선택하는 경우, 전자장치(100)는 기준점(533)에 대응되는 디스플레이 템플릿에 지정된 사이즈로 제1영역(530)의 레이아웃 및 구성의 설정 값을 조절(또는 제어)하고 설정된 웹페이지 및 디스플레이 템플릿의 레이아웃(예: 제2옵션(541))을 표시하도록 처리할 수 있다.For example, when the user selects the
일 실시 예에 따르면, 디스플레이 템플릿을 도 4의 제1영역(430)에 표시된 디스플레이 템플릿에서 도 5의 제1영역(530)에 표시된 디스플레이 템플릿으로 변경하는 경우(또는 그 반대의 경우), 웹페이지에 포함된 이미지 및/또는 텍스트를 제1영역(430, 530)에 표시함에 있어 오류(예: 깨짐, 이탈, 잘림)가 발생할 수 있다. 전자장치(100)는 템플릿의 변경에서 데이터의 오류가 발생하는 것을 확인하는 경우, 해당 이미지 또는 텍스트를 지정된 이미지 또는 텍스트로 변경할 수 있다.According to one embodiment, when the display template is changed from the display template displayed in the
예를 들면, 전자장치(100)는 웹페이지를 구성하는 이미지 또는 텍스트와 동일 또는 유사한 다른 해상도의 이미지 또는 다른 서식의 텍스트를 포함하거나, 오류가 발생한 이미지 또는 텍스트와 동일 또는 유사한 다른 해상도의 이미지 또는 다른 서식의 텍스트를 저장부(120) 또는 외부장치로부터 확인할 수 있다. 전자장치(100)는 모바일 디스플레이 템플릿에서 출력 가능한 다른 해상도의 이미지 또는 다른 서식의 텍스트로 변경하여 변경된 디스플레이 템플릿의 웹페이지를 출력할 수 있다. 이때, 전자장치(100)는 선택된 기준점(533)을 다른 기준점들과 효과를 다르게 표시하도록 처리할 수 있다.For example, the
다른 예를 들면, 전자장치(100)는 오류가 발생한 이미지 또는 텍스트의 컨테이너 값을 수정함으로써 발생된 오류를 해결할 수 있다.For another example, the
다양한 실시 예에 따르면, 이미지 및/또는 텍스트를 제1영역(430, 530)에 표시함에 있어서 발생되는 오류는 이미지 및/또는 텍스트의 깨짐, 이탈, 잘림에 한정하지 않고, 변경된 디스플레이 템플릿에 지정되지 않은 사이즈(또는 해상도)의 이미지로 출력되거나, 지정되지 않은 서식의 텍스트로 출력되는 것을 포함할 수 있다.According to various embodiments of the present disclosure, errors occurring when displaying images and/or texts in the
도 4를 참고하면, 제4영역(431)에 표시되는 기준점들은 해상도(예: 수평해상도 및 수직해상도)에 대응되는 것으로 설명하고 있지만, 이에 한정하지 않고 다양한 디스플레이 표시 방법을 적용할 수 있다. 도 5를 참고하면, 제4영역(531)에 표시되는 기준점들은 화면 비율을 표시하도록 처리될 수 있고, 제4영역(531)은 특정 화면 비율을 입력하기 위한 입력창(537)을 포함하여 구성될 수 있다.Referring to FIG. 4 , reference points displayed in the
사용자 장치(400, 500)의 디스플레이(410, 510)에 출력되는 웹페이지 제작 서비스 및 그 동작은 전자장치(100)에 의하여 처리될 수 있다. 더하여, 도 4 및 도 5는 사용자 장치(400, 500)의 동작으로 설명하고 있지만, 이에 한정하지 않고, 전자장치(100)의 동작으로 수행될 수 있으며, 수행 결과는 포함된(또는 외부에 연결된) 디스플레이를 통하여 출력될 수 있다. 더하여, 도 4 및 도 5는 사용자 장치(400, 500) 또는 전자장치(100) 뿐만 아니라, 사업자 장치(220) 또는 서버(230)에서도 동일 또는 유사한 방법으로 적용될 수 있다.A web page creation service output to the
웹페이지 제작 서비스(520)는 도 4와 마찬가지로 활성화된 디스플레이 템플릿이 PC용인지 또는 모바일(mobile)용인지 장치 속성을 확인할 수 있는 제5영역(560)을 표시할 수 있다. 도 5의 제5영역(560)을 참고하면, 모바일용의 장치 속성에 기반하여 웹페이지 제작 서비스가 제공되고 있음을 확인할 수 있다.As in FIG. 4 , the web
더하여, 다양한 실시 예에 따르면, 제5영역(560)의 선택에 따라서 적용 가능한 디스플레이 템플릿을 제한할 수 있다. 예를 들면, 제5영역(560)에서 선택된 장치 속성들 중 적어도 하나의 옵션(예: 모바일)에서 적용 가능한 최대 해상도를 설정할 수 있다.In addition, according to various embodiments, applicable display templates may be limited according to selection of the
일 실시 예에 따르면, 특정 모바일 옵션의 경우 최대 설정 가능한 해상도가 991x767로 설정된 상태에서, 991x767보다 큰 값의 해상도를 가지는 디스플레이 템플릿은 적용되지 않도록 처리할 수 있다. 이러한 특정 옵션은 지정된 시각적 효과(561)로 표시할 수 있고, 장치 속성의 옵션으로 온(on)/오프(off) 가능하도록 제공될 수 있다. 반대로, 특정 옵션의 경우 지정된 해상도 보다 큰 값의 해상도를 가지는 디스플레이 템플릿은 적용되지 않도록 처리할 수 있음은 자명하다.According to an embodiment, in the case of a specific mobile option, in a state where the maximum configurable resolution is set to 991x767, a display template having a resolution greater than 991x767 may be processed not to be applied. This specific option can be displayed as a designated
상술한 특정 옵션을 표시하기 위한 시각적 효과(561)는 도 5를 참고하면, 지정된 위치의 점(point)으로 표시하고 있지만, 이에 한정하지 않고, 컬러를 적용하거나, 텍스트 효과, 박스 효과 등 다양한 효과를 적용하여 표시할 수 있다.Referring to FIG. 5, the
상술한 설명에 기반하여 본 발명의 일 실시 예는, 제1 사이즈 디스플레이 템플릿을 결정하는 단계; 상기 제1 사이즈 디스플레이 템플릿이 적용된 상기 웹페이지 제작 서비스를 제공하는 단계; 제2 사이즈 디스플레이 템플릿으로 변경을 결정하는 단계; 상기 제2 사이즈 디스플레이 템플릿의 정보를 확인 및 변경하는 단계; 및 상기 제2 사이즈 디스플레이 템플릿이 적용된 상기 웹페이지 제작 서비스를 제공하는 단계;를 포함하는, 웹페이지 제작 서비스를 제공하는 전자장치의 동작 방법을 개시한다.Based on the above description, an embodiment of the present invention includes determining a first size display template; providing the web page creation service to which the first size display template is applied; determining a change to the second size display template; checking and changing information of the second size display template; and providing the webpage creation service to which the second size display template is applied.
여기서, 상기 제2 사이즈 디스플레이 템플릿으로 변경을 결정하는 단계는, 사용자 장치로부터 상기 웹페이지 제작 서비스를 통하여 표시된 사이즈 조절 영역에서 특정 위치를 선택하는 사용자 입력을 수신하는 단계;를 포함할 수 있다.Here, the step of determining the change to the display template of the second size may include receiving a user input for selecting a specific location in the size adjustment area displayed through the webpage creation service from the user device.
여기서, 상기 제2 사이즈 디스플레이 템플릿으로 변경을 결정하는 단계는, 사용자 장치로부터 상기 웹페이지 제작 서비스를 통하여 표시된 복수의 기준점들 중 하나를 선택하는 사용자 입력을 수신하는 단계;를 포함하고, 상기 표시된 복수의 기준점들 각각은 대응되는 디스플레이 템플릿의 해상도에 기반하여 상기 사용자 장치에 출력되는 상기 웹페이지 제작 서비스의 지정된 위치에 표시될 수 있다.Here, the step of determining the change to the second size display template includes receiving a user input for selecting one of a plurality of reference points displayed through the webpage creation service from a user device, and includes the displayed plurality of display templates. Each of the reference points of may be displayed at a designated location of the web page creation service output to the user device based on the resolution of the corresponding display template.
여기서, 상기 표시된 복수의 기준점들 각각은 대응되는 디스플레이 템플릿의 해상도가 포함되는 해상도 범위에 기반하여 둘 이상의 그룹으로 구분되고, 상기 둘 이상의 그룹은 상기 사용자 장치에 출력되는 상기 웹페이지 제작 서비스의 지정된 위치에 표시될 수 있다.Here, each of the plurality of displayed reference points is divided into two or more groups based on a resolution range including a resolution of a corresponding display template, and the two or more groups are designated locations of the webpage creation service output to the user device. can be displayed on
여기서, 상기 제2 사이즈 디스플레이 템플릿의 정보를 확인 및 변경하는 단계는, 웹페이지에 포함된 이미지 및 텍스트 중 적어도 일부의 출력에 오류가 발생되는지 확인하는 단계;를 더 포함하고, 상기 오류가 확인된 경우, 상기 오류가 발생된 적어도 일부의 이미지는 동일 또는 유사한 다른 해상도의 이미지로 변경하고, 또는, 상기 오류가 발생된 적어도 일부의 텍스트는 폰트, 사이즈, 글자간격, 장평, 줄간격, 컬러, 굵기, 기울기, 언더라인 및 정렬 중 적어도 하나의 서식을 변경할 수 있다.Here, the step of checking and changing the information of the second size display template further includes checking whether an error occurs in the output of at least some of the image and text included in the web page; In this case, at least some of the images with the error are changed to images of the same or similar resolution, or at least some of the text with the error is font, size, character spacing, length, line spacing, color, and thickness At least one of , slant, underline, and alignment may be changed.
여기서, 상기 제1 사이즈 디스플레이 템플릿이 적용된 상기 웹페이지 제작 서비스를 제공하는 단계는, 상기 결정된 제1 사이즈 디스플레이 템플릿이 적용된 제1 웹페이지 및 상기 제1 웹페이지에 대응되는 레이아웃을 표시하도록 출력하고, 상기 제2 사이즈 디스플레이 템플릿이 적용된 상기 웹페이지 제작 서비스를 제공하는 단계는, 상기 결정된 제2 사이즈 디스플레이 템플릿이 적용된 제2 웹페이지 및 상기 제2 웹페이지에 대응되는 레이아웃을 표시하도록 출력할 수 있다.Here, in the providing of the webpage production service to which the first size display template is applied, the first webpage to which the determined first size display template is applied and a layout corresponding to the first webpage are output to be displayed, In the providing of the webpage creation service to which the second size display template is applied, the second webpage to which the determined second size display template is applied and a layout corresponding to the second webpage may be output to be displayed.
여기서, 상기 제2 사이즈 디스플레이 템플릿이 적용된 상기 웹페이지 제작 서비스를 제공하는 단계는, 상기 제2 사이즈 디스플레이 템플릿의 웹페이지 데이터를 생성, 변경, 및 삭제하는 동작 중 적어도 일부에 기반하여 대응되는 동작을 상기 제1 사이즈 디스플레이 템플릿의 웹페이지 데이터에서 처리할 수 있다.Here, the providing of the webpage production service to which the second size display template is applied may include a corresponding operation based on at least a part of operations of creating, changing, and deleting webpage data of the second size display template. It can be processed in the web page data of the first size display template.
본 발명의 다양한 실시 예는, 적어도 하나의 사용자 장치와 통신하는 통신부; 상기 통신부를 통하여 송수신하는 데이터를 저장하는 저장부; 및 제1 사이즈 디스플레이 템플릿을 결정하는 단계; 상기 제1 사이즈 디스플레이 템플릿이 적용된 상기 웹페이지 제작 서비스를 제공하고, 제2 사이즈 디스플레이 템플릿으로 변경을 결정하며, 상기 제2 사이즈 디스플레이 템플릿의 정보를 확인 및 변경하고, 상기 제2 사이즈 디스플레이 템플릿이 적용된 상기 웹페이지 제작 서비스를 제공하도록 구성된 처리부;를 포함하는, 웹페이지 제작 서비스를 제공하는 전자장치를 개시한다.본 발명의 다양한 실시 예들에서 이미지 또는 텍스트를 표현하고 있지만, 이미지는 이미지 포맷을 가지는 데이터뿐 아니라 적어도 하나의 이미지를 포함하는 그리드, 컨테이너, 갤러리, 영상, 게시판, 지도 중 적어도 하나를 포함하여 나타낼 수 있다. 마찬가지로, 텍스트는 텍스트 포맷을 가지는 데이터뿐 아니라, 적어도 하나의 텍스트를 포함하는 그리드, 컨테이너, 갤러리, 영상, 게시판, 지도 중 적어도 하나를 포함하여 나타낼 수 있다.Various embodiments of the present invention, the communication unit for communicating with at least one user device; a storage unit for storing data transmitted and received through the communication unit; and determining a first size display template; Provides the webpage creation service to which the first size display template is applied, determines change to the second size display template, checks and changes information of the second size display template, and applies the second size display template Discloses an electronic device for providing a webpage creation service, including a processing unit configured to provide the webpage creation service. In various embodiments of the present invention, an image or text is expressed, but an image is data having an image format. In addition, it may be represented by including at least one of a grid including at least one image, a container, a gallery, an image, a bulletin board, and a map. Similarly, the text may include not only text format data but also at least one of a grid including at least one text, a container, a gallery, an image, a bulletin board, and a map.
이상, 본 발명의 바람직한 실시 예에 대하여 상세히 설명하였으나, 본 발명의 기술적 범위는 전술한 실시 예에 한정되지 않고 특허청구범위에 의하여 해석되어야 할 것이다. 이때, 이 기술분야에서 통상의 지식을 습득한 자라면, 본 발명의 범위에서 벗어나지 않으면서도 많은 수정과 변형이 가능함을 고려해야 할 것이다.In the above, the preferred embodiments of the present invention have been described in detail, but the technical scope of the present invention is not limited to the above-described embodiments and should be interpreted according to the claims. At this time, those skilled in the art should consider that many modifications and variations are possible without departing from the scope of the present invention.
100: 전자장치
110: 처리부
120: 저장부
130: 통신부
210: 사용자 장치
220: 사업자 장치
230: 서버
10: 통신 네트워크
400, 500, 사용자 장치100: electronic device 110: processing unit
120: storage unit 130: communication unit
210
230: server 10: communication network
400, 500, user device
Claims (8)
제1 사이즈 디스플레이 템플릿을 결정하는 단계;
상기 제1 사이즈 디스플레이 템플릿이 적용된 상기 웹페이지 제작 서비스를 제공하는 단계;
제2 사이즈 디스플레이 템플릿으로 변경을 결정하는 단계;
상기 제2 사이즈 디스플레이 템플릿의 정보를 확인 및 변경하는 단계; 및
상기 제2 사이즈 디스플레이 템플릿이 적용된 상기 웹페이지 제작 서비스를 제공하는 단계;를 포함하는, 웹페이지 제작 서비스를 제공하는 전자장치의 동작 방법.In the operating method of an electronic device providing a web page production service,
determining a first size display template;
providing the web page creation service to which the first size display template is applied;
determining a change to the second size display template;
checking and changing information of the second size display template; and
A method of operating an electronic device that provides a webpage creation service, including providing the webpage creation service to which the second size display template is applied.
상기 제2 사이즈 디스플레이 템플릿으로 변경을 결정하는 단계는,
사용자 장치로부터 상기 웹페이지 제작 서비스를 통하여 표시된 사이즈 조절 영역에서 특정 위치를 선택하는 사용자 입력을 수신하는 단계;를 포함하는, 웹페이지 제작 서비스를 제공하는 전자장치의 동작 방법.According to claim 1,
Determining the change to the second size display template,
A method of operating an electronic device that provides a webpage creation service, comprising: receiving a user input for selecting a specific location in a size adjustment area displayed through the webpage creation service from a user device.
상기 제2 사이즈 디스플레이 템플릿으로 변경을 결정하는 단계는,
사용자 장치로부터 상기 웹페이지 제작 서비스를 통하여 표시된 복수의 기준점들 중 하나를 선택하는 사용자 입력을 수신하는 단계;를 포함하고,
상기 표시된 복수의 기준점들 각각은 대응되는 디스플레이 템플릿의 해상도에 기반하여 상기 사용자 장치에 출력되는 상기 웹페이지 제작 서비스의 지정된 위치에 표시되는 것을 특징으로 하는, 웹페이지 제작 서비스를 제공하는 전자장치의 동작 방법.According to claim 1,
Determining the change to the second size display template,
Receiving a user input for selecting one of a plurality of reference points displayed through the web page creation service from a user device; Including,
Each of the plurality of displayed reference points is displayed at a designated location of the webpage creation service output to the user device based on the resolution of the corresponding display template. method.
상기 표시된 복수의 기준점들 각각은 대응되는 디스플레이 템플릿의 해상도가 포함되는 해상도 범위에 기반하여 둘 이상의 그룹으로 구분되고,
상기 둘 이상의 그룹은 상기 사용자 장치에 출력되는 상기 웹페이지 제작 서비스의 지정된 위치에 표시되는 것을 특징으로 하는, 웹페이지 제작 서비스를 제공하는 전자장치의 동작 방법.According to claim 3,
Each of the plurality of displayed reference points is divided into two or more groups based on a resolution range including a resolution of a corresponding display template,
The method of operating an electronic device that provides a webpage creation service, characterized in that the two or more groups are displayed at a designated location of the webpage creation service output to the user device.
상기 제2 사이즈 디스플레이 템플릿의 정보를 확인 및 변경하는 단계는,
웹페이지에 포함된 이미지 및 텍스트 중 적어도 일부의 출력에 오류가 발생되는지 확인하는 단계;를 더 포함하고,
상기 오류가 확인된 경우, 상기 오류가 발생된 적어도 일부의 이미지는 동일 또는 유사한 다른 해상도의 이미지로 변경하고, 또는, 상기 오류가 발생된 적어도 일부의 텍스트는 폰트, 사이즈, 글자간격, 장평, 줄간격, 컬러, 굵기, 기울기, 언더라인 및 정렬 중 적어도 하나의 서식을 변경하는 것을 특징으로 하는, 웹페이지 제작 서비스를 제공하는 전자장치의 동작 방법.According to claim 1,
The step of checking and changing the information of the second size display template,
Further comprising: checking whether an error occurs in the output of at least some of the images and text included in the web page;
If the error is confirmed, at least some of the images in which the error has occurred are changed to images of the same or similar resolution, or at least some of the text in which the error has occurred is changed to a font, size, character spacing, length, and line. A method of operating an electronic device that provides a web page production service, characterized in that changing at least one format of spacing, color, thickness, slant, underline, and alignment.
상기 제1 사이즈 디스플레이 템플릿이 적용된 상기 웹페이지 제작 서비스를 제공하는 단계는, 상기 결정된 제1 사이즈 디스플레이 템플릿이 적용된 제1 웹페이지 및 상기 제1 웹페이지에 대응되는 레이아웃을 표시하도록 출력하고,
상기 제2 사이즈 디스플레이 템플릿이 적용된 상기 웹페이지 제작 서비스를 제공하는 단계는, 상기 결정된 제2 사이즈 디스플레이 템플릿이 적용된 제2 웹페이지 및 상기 제2 웹페이지에 대응되는 레이아웃을 표시하도록 출력하는 것을 특징으로 하는, 웹페이지 제작 서비스를 제공하는 전자장치의 동작 방법.According to claim 5,
In the providing of the webpage creation service to which the first size display template is applied, the first webpage to which the determined first size display template is applied and a layout corresponding to the first webpage are output to be displayed,
In the providing of the webpage creation service to which the second size display template is applied, the second webpage to which the determined second size display template is applied and a layout corresponding to the second webpage are output to be displayed. A method of operating an electronic device that provides a web page creation service.
상기 제2 사이즈 디스플레이 템플릿이 적용된 상기 웹페이지 제작 서비스를 제공하는 단계는,
상기 제2 사이즈 디스플레이 템플릿의 웹페이지 데이터를 생성, 변경, 및 삭제하는 동작 중 적어도 일부에 기반하여 대응되는 동작을 상기 제1 사이즈 디스플레이 템플릿의 웹페이지 데이터에서 처리하는 것을 특징으로 하는, 웹페이지 제작 서비스를 제공하는 전자장치의 동작 방법.According to claim 1,
Providing the web page creation service to which the second size display template is applied,
Based on at least a part of the operations of creating, changing, and deleting web page data of the second size display template, a corresponding operation is processed in the web page data of the first size display template, characterized in that, web page production A method of operating an electronic device providing a service.
적어도 하나의 사용자 장치와 통신하는 통신부;
상기 통신부를 통하여 송수신하는 데이터를 저장하는 저장부; 및
제1 사이즈 디스플레이 템플릿을 결정하는 단계; 상기 제1 사이즈 디스플레이 템플릿이 적용된 상기 웹페이지 제작 서비스를 제공하고, 제2 사이즈 디스플레이 템플릿으로 변경을 결정하며, 상기 제2 사이즈 디스플레이 템플릿의 정보를 확인 및 변경하고, 상기 제2 사이즈 디스플레이 템플릿이 적용된 상기 웹페이지 제작 서비스를 제공하도록 구성된 처리부;를 포함하는, 웹페이지 제작 서비스를 제공하는 전자장치.
In an electronic device providing a web page production service,
a communication unit that communicates with at least one user device;
a storage unit for storing data transmitted and received through the communication unit; and
determining a first size display template; Provides the webpage creation service to which the first size display template is applied, determines change to the second size display template, checks and changes information of the second size display template, and applies the second size display template An electronic device for providing a webpage creation service, including a processing unit configured to provide the webpage creation service.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| KR1020210160775A KR102608074B1 (en) | 2021-11-19 | 2021-11-19 | Method for providing web page making service and electronic device thereof |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| KR1020210160775A KR102608074B1 (en) | 2021-11-19 | 2021-11-19 | Method for providing web page making service and electronic device thereof |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| KR20230073900A true KR20230073900A (en) | 2023-05-26 |
| KR102608074B1 KR102608074B1 (en) | 2023-11-29 |
Family
ID=86537097
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| KR1020210160775A KR102608074B1 (en) | 2021-11-19 | 2021-11-19 | Method for providing web page making service and electronic device thereof |
Country Status (1)
| Country | Link |
|---|---|
| KR (1) | KR102608074B1 (en) |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| KR20140023534A (en) * | 2012-08-16 | 2014-02-27 | 에스케이플래닛 주식회사 | Apparatus for implementing responsive user interface, method thereof and recordable medium storing the method |
| KR20170083718A (en) * | 2016-01-09 | 2017-07-19 | 주식회사 넥스트비즈 | System of Building Responsive Website And Method there-of |
| KR101771475B1 (en) * | 2017-04-20 | 2017-08-25 | 주식회사 코코아스튜디오 | Method and apparatus for generating responsive webpage |
| KR101996816B1 (en) * | 2017-12-19 | 2019-07-08 | 하트미디어(주) | Method of measuring web style guide compliance rate in responsive web |
| KR102170306B1 (en) * | 2019-03-20 | 2020-10-26 | 주식회사 위즈위그 | System and Method for Managenting Unification Site Based on Layout Template |
-
2021
- 2021-11-19 KR KR1020210160775A patent/KR102608074B1/en active IP Right Grant
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| KR20140023534A (en) * | 2012-08-16 | 2014-02-27 | 에스케이플래닛 주식회사 | Apparatus for implementing responsive user interface, method thereof and recordable medium storing the method |
| KR20170083718A (en) * | 2016-01-09 | 2017-07-19 | 주식회사 넥스트비즈 | System of Building Responsive Website And Method there-of |
| KR101771475B1 (en) * | 2017-04-20 | 2017-08-25 | 주식회사 코코아스튜디오 | Method and apparatus for generating responsive webpage |
| KR101996816B1 (en) * | 2017-12-19 | 2019-07-08 | 하트미디어(주) | Method of measuring web style guide compliance rate in responsive web |
| KR102170306B1 (en) * | 2019-03-20 | 2020-10-26 | 주식회사 위즈위그 | System and Method for Managenting Unification Site Based on Layout Template |
Also Published As
| Publication number | Publication date |
|---|---|
| KR102608074B1 (en) | 2023-11-29 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US8201093B2 (en) | Method for reducing user-perceived lag on text data exchange with a remote server | |
| US20230036518A1 (en) | System and method for smart interaction between website components | |
| US8907990B2 (en) | Display system, display method, program, and recording medium | |
| CN104978317B (en) | Webpage generation method and device, website generation method and website establishment server | |
| US20150128064A1 (en) | Intelligent rendering of information in a limited display environment | |
| US20060036971A1 (en) | Mouse cursor display | |
| AU2022246444B2 (en) | System and method for smart interaction between website components | |
| US20140215308A1 (en) | Web Page Reflowed Text | |
| CN108008871A (en) | A kind of page generation method and device | |
| JPWO2008044321A1 (en) | Operation support computer program, operation support computer system | |
| US20090288019A1 (en) | Dynamic image map and graphics for rendering mobile web application interfaces | |
| US20220229973A1 (en) | Interactive tool for modifying an automatically generated electronic form | |
| JP5981175B2 (en) | Drawing display device and drawing display program | |
| CN112068873B (en) | Webpage generation method, device, server and storage medium | |
| AU2016256364A1 (en) | Rendering graphical assets natively on multiple screens of electronic devices | |
| US10073583B2 (en) | Inter-context coordination to facilitate synchronized presentation of image content | |
| US10324600B2 (en) | Web page generation system | |
| KR102608074B1 (en) | Method for providing web page making service and electronic device thereof | |
| EP1691278B1 (en) | Method and computer system for editing documents | |
| US20200150859A1 (en) | Method of operating widget on an electronic device | |
| CA3093640A1 (en) | Systems and methods for providing a web application to a computing device | |
| KR102608077B1 (en) | METHOD FOR PROVIDING AI-based WEB PAGE PRODUCTION SERVICE CORRESPONDING TO VARIOUS RESOLUTIONS AND ELECTRONIC DEVICE THEREOF | |
| Jermaniš | Development of MESOC Toolkit Web Application in React | |
| CN112269960B (en) | Webpage updating method, system, equipment and storage medium based on associated report | |
| US20240265192A1 (en) | Task support system, task support method, and information storage medium |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| E902 | Notification of reason for refusal | ||
| E701 | Decision to grant or registration of patent right | ||
| GRNT | Written decision to grant |