KR20160002163A - System for creation electronic mail and method for creation electronic mail - Google Patents

System for creation electronic mail and method for creation electronic mail Download PDF

Info

Publication number
KR20160002163A
KR20160002163A KR1020140081093A KR20140081093A KR20160002163A KR 20160002163 A KR20160002163 A KR 20160002163A KR 1020140081093 A KR1020140081093 A KR 1020140081093A KR 20140081093 A KR20140081093 A KR 20140081093A KR 20160002163 A KR20160002163 A KR 20160002163A
Authority
KR
South Korea
Prior art keywords
component
content page
unit
template
components
Prior art date
Application number
KR1020140081093A
Other languages
Korean (ko)
Inventor
김희성
이준용
Original Assignee
주식회사 포워드벤처스
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 주식회사 포워드벤처스 filed Critical 주식회사 포워드벤처스
Priority to KR1020140081093A priority Critical patent/KR20160002163A/en
Publication of KR20160002163A publication Critical patent/KR20160002163A/en

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06QINFORMATION 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/00Information and communication technology [ICT] specially adapted for implementation of business processes of specific business sectors, e.g. utilities or tourism
    • G06Q50/60Business processes related to postal services

Landscapes

  • Business, Economics & Management (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)
  • Tourism & Hospitality (AREA)
  • Physics & Mathematics (AREA)
  • General Business, Economics & Management (AREA)
  • General Physics & Mathematics (AREA)
  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

According to an embodiment of the present invention, disclosed is a system for generating an electronic mail. The system for generating an electronic mail comprises: a first content page generation unit for generating a first content page constituted of a markup language by using content inputted by a user; an image storage unit for storing one or more image files by capturing the first content page; a second content page generation unit for generating a second content page including information for the image file, position information for one or more areas on the image file, and link information for each area; and a user interface management unit for managing one or more components included in the first content page or a template including the components.

Description

이메일 생성 시스템 및 이메일 생성 방법{SYSTEM FOR CREATION ELECTRONIC MAIL AND METHOD FOR CREATION ELECTRONIC MAIL}FIELD OF THE INVENTION [0001] The present invention relates to a method of generating an electronic mail,

본 발명의 실시예들은 이메일 생성 시스템 및 이메일 생성 방법에 관한 것으로, 더 상세하게는 기존에 비해 용량이 작은 이메일을 보다 신속하고 용이하게 생성할 수 있는 시스템 및 방법에 관한 것이다. BACKGROUND OF THE INVENTION 1. Field of the Invention [0002] Embodiments of the present invention relate to an e-mail generation system and an e-mail generation method, and more particularly, to a system and a method capable of generating e-mail having a smaller capacity than the existing e-mail system more quickly and easily.

오늘날 인터넷 등 통신망의 급격한 발전과 더불어 통신망을 통한 정보 검색이 매우 일반화되고 있다. 즉, 인터넷을 이용하여 인터넷 사용자는 언제, 어디서나 용이하게 필요한 정보를 얻고 있으며, 이러한 정보 검색은 우리 생활 전반에 걸쳐 많은 변화를 가져다주고 있다. 이러한 인터넷은 통신 및 컴퓨터의 발전으로 인해 국경을 초월하는 대중적인 통신 수단으로 이용되고 있고, 그 사용자의 수는 점차 늘어나고 있으며, 이에 발맞추어 인터넷 사용자를 대상으로 하는 서비스가 점차 늘어나고 있다.Today, along with the rapid development of communication networks such as the Internet, information retrieval through a communication network is becoming very common. In other words, Internet users can easily obtain necessary information anytime and anywhere using the Internet, and such information retrieval brings about a lot of changes throughout our lives. The Internet has been used as a popular communication tool that transcends borders due to the development of communication and computers. The number of users is gradually increasing, and accordingly, services for Internet users are gradually increasing.

이와 같은 인터넷을 통한 메일 서비스를 통해 각 사용자들은 필요한 정보 또는 데이터 등을 주고받을 수 있게 되었다. 그리고, 인터넷 쇼핑몰 또는 소셜 커머스 사이트와 같은 전자상거래 사이트에서는, 자신들의 상품 또는 서비스 등을 홍보하기 위해 사용자에게 상품 정보 등을 기재한 뉴스 레터 형식의 이메일을 발송하고 있다. Through such mail service through the Internet, each user can exchange necessary information or data. In an e-commerce site such as an Internet shopping mall or a social commerce site, an e-mail in the form of a newsletter in which product information is described to the user is sent to promote their goods or services.

전술한 배경기술은 발명자가 본 발명의 도출을 위해 보유하고 있었거나, 본 발명의 도출 과정에서 습득한 기술 정보로서, 반드시 본 발명의 출원 전에 일반 공중에게 공개된 공지기술이라 할 수는 없다.The above-described background technology is technical information that the inventor holds for the derivation of the present invention or acquired in the process of deriving the present invention, and can not necessarily be a known technology disclosed to the general public prior to the filing of the present invention.

본 발명의 실시예들은 이메일 생성 시스템 및 이메일 생성 방법을 제공한다.Embodiments of the present invention provide an email generation system and an email generation method.

본 발명의 일 실시예는 사용자에 의해 입력된 컨텐츠를 이용하여 마크 업 언어(Markup Language)로 구성된 제1 컨텐츠 페이지를 생성하는 제1 컨텐츠 페이지 생성부; 상기 제1 컨텐츠 페이지를 캡처하여 하나 이상의 이미지 파일로 저장하는 이미지 저장부; 상기 이미지 파일에 대한 정보와, 상기 이미지 파일 상의 하나 이상의 영역에 대한 위치 정보 및 각 영역에 대한 링크 정보를 포함하는 제2 컨텐츠 페이지를 생성하는 제2 컨텐츠 페이지 생성부; 및 상기 제1 컨텐츠 페이지에 포함되는 하나 이상의 컴포넌트 또는 상기 컴포넌트들을 포함하는 템플릿을 관리하는 유저 인터페이스 관리부;를 포함하는 이메일 생성 시스템을 개시한다. According to an embodiment of the present invention, there is provided a content distribution system comprising: a first content page generation unit for generating a first content page configured in a markup language using content input by a user; An image storage unit for capturing the first content page and storing the first content page as one or more image files; A second content page generation unit for generating a second content page including information on the image file, location information on one or more areas on the image file, and link information on each area; And a user interface managing unit managing one or more components included in the first content page or a template including the components.

본 실시예에 있어서, 상기 제2 컨텐츠 페이지 상의 상기 이미지 파일에서 특정 영역을 선택하면, 선택된 영역에 해당하는 링크 정보에 포함된 페이지로 이동할 수 있다. In this embodiment, if a specific region is selected from the image file on the second content page, the page can be moved to a page included in the link information corresponding to the selected region.

본 실시예에 있어서, 상기 이미지 저장부는, 상기 제1 컨텐츠 페이지를 기 설정된 소정의 크기로 분할하여 저장할 수 있다. In the present exemplary embodiment, the image storage unit may divide the first content page into a predetermined size and store the first content page.

본 실시예에 있어서, 상기 마크 업 언어(Markup Language)는 HTML(hypertext markup language), SGML(Standard Generalized Markup Language), XML(eXtensible markup language) 중 하나 이상을 포함할 수 있다. In the present embodiment, the markup language may include at least one of hypertext markup language (HTML), standard generalized markup language (SGML), and eXtensible markup language (XML).

본 실시예에 있어서, 상기 제2 컨텐츠 페이지 생성부에서 생성된 제2 컨텐츠 페이지를 포함하는 이메일을 하나 이상의 사용자 단말로 전송하는 이메일 전송부를 더 포함할 수 있다. The e-mail server may further include an e-mail transmitter for transmitting e-mails including the second content page generated by the second content page generator to one or more user terminals.

본 실시예에 있어서, 상기 유저 인터페이스 관리부는, 단말 상에 디스플레이되는 컴포넌트 디스플레이 영역에 배치되는 하나 이상의 컴포넌트의 생성, 삭제, 각 컴포넌트 간의 그룹 설정 또는 계층 설정을 제어하는 컴포넌트 관리부; 및 상기 각 컴포넌트의 속성을 관리하는 컴포넌트 속성 관리부;를 더 포함하고, 상기 제어부는, 상기 템플릿 편집 영역에 배치된 컴포넌트에 대한 편집 요청이 수신되면, 단말 상에 상기 컴포넌트 디스플레이 영역 또는 컴포넌트 속성 설정 영역이 디스플레이되도록 제어할 수 있다. In the present embodiment, the user interface management unit may include a component management unit for creating and deleting one or more components disposed in a component display area displayed on the terminal, and for controlling group setting or layer setting among the respective components; And a component attribute management unit that manages attributes of each component, and when the editing request for a component disposed in the template editing area is received, the controller displays the component display area or the component attribute setting area Can be controlled to be displayed.

본 실시예에 있어서, 상기 컴포넌트 관리 요청은, 컴포넌트의 생성, 삭제, 각 컴포넌트 간의 그룹 설정 또는 계층 설정에 관한 요청을 포함할 수 있고, 상기 컴포넌트 속성 관리 요청은, 각 컴포넌트의 크기 속성, 위치 속성, 색상 속성 및 글꼴 속성 중 하나 이상의 속성에 대한 설정 요청을 포함할 수 있다. In the present exemplary embodiment, the component management request may include a request for creating, deleting, setting a group or setting a hierarchy between components, and the component attribute management request may include a size attribute, , A color attribute, and a font attribute.

본 실시예에 있어서, 상기 유저 인터페이스 관리부는, 단말 상에 소정의 템플릿 편집 영역이 디스플레이되도록 제어하는 템플릿 제공부; 및 상기 템플릿 편집 영역에서 하나 이상의 컴포넌트가 생성, 삭제 또는 이동되도록 제어하는 템플릿 편집부;를 포함하고, 상기 제어부는, 템플릿 관리 요청이 수신되면, 상기 템플릿 편집 영역 상에서 상기 관리 요청이 수신된 컴포넌트의 변경이 적용되어 디스플레이되도록 제어할 수 있다. In the present embodiment, the user interface management unit may include: a template providing unit that controls a predetermined template editing area to be displayed on the terminal; And a template editing unit configured to control the template editing unit to create, delete, or move one or more components in the template editing area, and when the template management request is received, Can be applied and controlled to be displayed.

본 실시예에 있어서, 상기 템플릿은 하나 이상의 컴포넌트가 구비된 소정의 메일 생성 포맷일 수 있다. In the present embodiment, the template may be a predetermined mail generation format having one or more components.

본 발명의 다른 실시예는 사용자에 의해 입력된 컨텐츠를 이용하여 마크 업 언어(Markup Language)로 구성된 제1 컨텐츠 페이지를 생성하고, 상기 제1 컨텐츠 페이지를 캡처하여 하나 이상의 이미지 파일로 저장하고, 상기 이미지 파일에 대한 정보와, 상기 이미지 파일 상의 하나 이상의 영역에 대한 위치 정보 및 각 영역에 대한 링크 정보를 포함하는 제2 컨텐츠 페이지를 생성하고, 상기 제1 컨텐츠 페이지에 포함되는 하나 이상의 컴포넌트 또는 상기 컴포넌트들을 포함하는 템플릿을 관리하는 애플리케이션을 이메일 생성 장치에 제공하는 애플리케이션 제공 서버를 개시한다. According to another embodiment of the present invention, a method of generating a first content page configured with a markup language using content input by a user, capturing the first content page and storing the first content page as one or more image files, A second content page including information about an image file, location information for one or more areas on the image file, and link information for each area, and wherein the one or more components included in the first content page or the component And provides the application for managing the template including the application program to the email generation device.

본 발명의 다른 실시예는 사용자에 의해 입력된 컨텐츠를 이용하여 마크 업 언어(Markup Language)로 구성된 제1 컨텐츠 페이지를 생성하는 단계; 상기 제1 컨텐츠 페이지를 캡처하여 하나 이상의 이미지 파일로 저장하는 단계; 상기 이미지 파일에 대한 정보와, 상기 이미지 파일 상의 하나 이상의 영역에 대한 위치 정보 및 각 영역에 대한 링크 정보를 포함하는 제2 컨텐츠 페이지를 생성하는 단계; 및 상기 제1 컨텐츠 페이지에 포함되는 하나 이상의 컴포넌트 또는 상기 컴포넌트들을 포함하는 템플릿을 관리하는 단계;를 포함하는 이메일 생성 방법을 개시한다. According to another aspect of the present invention, there is provided a method of generating a content, the method comprising: generating a first content page configured in a markup language using content input by a user; Capturing and storing the first content page as one or more image files; Creating a second content page including information about the image file, location information for one or more areas on the image file, and link information for each area; And managing one or more components included in the first content page or a template including the components.

본 실시예에 있어서, 상기 제2 컨텐츠 페이지 상의 상기 이미지 파일에서 특정 영역을 선택하면, 선택된 영역에 해당하는 링크 정보에 포함된 페이지로 이동할 수 있다. In this embodiment, if a specific region is selected from the image file on the second content page, the page can be moved to a page included in the link information corresponding to the selected region.

본 실시예에 있어서, 상기 마크 업 언어(Markup Language)는 HTML(hypertext markup language), SGML(Standard Generalized Markup Language), XML(eXtensible markup language) 중 하나 이상을 포함할 수 있다. In the present embodiment, the markup language may include at least one of hypertext markup language (HTML), standard generalized markup language (SGML), and eXtensible markup language (XML).

본 실시예에 있어서, 상기 제1 컨텐츠 페이지를 캡처하여 하나 이상의 이미지 파일로 저장하는 단계는, 상기 제1 컨텐츠 페이지를 기 설정된 소정의 크기로 분할하여 저장할 수 있다. In the present exemplary embodiment, the step of capturing the first content page and storing the first content page as one or more image files may divide the first content page into predetermined sizes and store the divided first content pages.

본 실시예에 있어서, 상기 제2 컨텐츠 페이지를 생성하는 단계 이후에, 상기 생성된 제2 컨텐츠 페이지를 포함하는 이메일을 하나 이상의 사용자 단말로 전송하는 단계;를 더 포함할 수 있다. In the present embodiment, after the step of generating the second content page, the step of transmitting an email including the generated second content page to one or more user terminals.

본 실시예에 있어서, 상기 제1 컨텐츠 페이지에 포함되는 하나 이상의 컴포넌트 또는 상기 컴포넌트들을 포함하는 템플릿을 관리하는 단계는, 상기 템플릿 편집 영역에 배치된 컴포넌트에 대한 편집 요청이 수신되는 단계; 단말 상에 컴포넌트 디스플레이 영역 및 컴포넌트 속성 설정 영역이 디스플레이되는 단계; 컴포넌트 디스플레이 영역에 배치되는 하나 이상의 컴포넌트에 대한 관리 요청이 수신되면, 상기 관리 요청이 수신된 컴포넌트에 대한 변경이 적용되어 디스플레이되는 단계; 상기 컴포넌트 디스플레이 영역에 배치된 어느 일 컴포넌트가 선택되면, 상기 선택된 컴포넌트의 속성을 제어하기 위한 하나 이상의 속성 설정부가 컴포넌트 속성 설정 영역에 디스플레이되는 단계; 상기 선택된 컴포넌트의 하나 이상의 속성에 대한 관리 요청이 수신되면, 상기 관리 요청이 수신된 컴포넌트 속성에 대한 변경이 적용되어 디스플레이되는 단계; 및 상기 컴포넌트 또는 상기 컴포넌트 속성에 대한 데이터베이스 반영 요청이 수신되면, 이를 데이터베이스에 반영하여 저장하는 단계;를 더 포함할 수 있다. In the present exemplary embodiment, the step of managing one or more components included in the first content page or a template including the components may include: receiving an edit request for a component disposed in the template editing area; Displaying a component display area and a component property setting area on the terminal; When a management request for one or more components disposed in the component display area is received, the management request is displayed with a change to the received component applied thereto; Displaying one or more attribute settings in a component property setting area for controlling an attribute of the selected component when a component disposed in the component display area is selected; When a management request for one or more attributes of the selected component is received, the management request is applied and displayed with a change to the received component attribute; And receiving a database reflection request for the component or the attribute of the component, and reflecting the database reflection request to the database.

본 실시예에 있어서, 상기 컴포넌트 관리 요청은, 컴포넌트의 생성, 삭제, 각 컴포넌트 간의 그룹 설정 또는 계층 설정에 관한 요청을 포함할 수 있고, 상기 컴포넌트 속성 관리 요청은, 각 컴포넌트의 크기 속성, 위치 속성, 색상 속성 및 글꼴 속성 중 하나 이상의 속성에 대한 설정 요청을 포함할 수 있다. In the present exemplary embodiment, the component management request may include a request for creating, deleting, setting a group or setting a hierarchy between components, and the component attribute management request may include a size attribute, , A color attribute, and a font attribute.

본 실시예에 있어서, 상기 제1 컨텐츠 페이지에 포함되는 하나 이상의 컴포넌트 또는 상기 컴포넌트들을 포함하는 템플릿을 관리하는 단계는, 단말 상에 소정의 템플릿 편집 영역이 디스플레이되는 단계; 상기 템플릿 편집 영역에 배치되는 하나 이상의 컴포넌트에 대한 관리 요청이 수신되면, 상기 관리 요청이 수신된 컴포넌트에 대한 변경이 적용되어 디스플레이되는 단계; 상기 템플릿에 대한 데이터베이스 반영 요청이 수신되면, 이를 데이터베이스에 반영하여 저장하는 단계;를 포함할 수 있다. In the present exemplary embodiment, the step of managing one or more components included in the first content page or a template including the components may include displaying a predetermined template editing area on the terminal; When a management request for one or more components arranged in the template editing area is received, the management request is applied and displayed on the changed component; And receiving a database reflection request for the template, reflecting the database reflection request and storing the database reflection request.

본 실시예에 있어서, 상기 템플릿은 하나 이상의 컴포넌트가 구비된 소정의 메일 생성 포맷일 수 있다. In the present embodiment, the template may be a predetermined mail generation format having one or more components.

본 발명의 다른 실시예는 상기 어느 한 항에 따른 방법을 실행하기 위한 컴퓨터 프로그램을 기록하는 컴퓨터 판독 가능한 기록 매체를 개시한다. Another embodiment of the present invention discloses a computer readable recording medium for recording a computer program for executing the method according to any one of the preceding claims.

전술한 것 외의 다른 측면, 특징, 이점이 이하의 도면, 특허청구범위 및 발명의 상세한 설명으로부터 명확해질 것이다. Other aspects, features, and advantages will become apparent from the following drawings, claims, and detailed description of the invention.

본 발명의 실시예들에 관한 이메일 생성 시스템 및 이메일 생성 방법에 의해, 기존에 비해 용량이 작은 이메일을 신속하고 용이하게 생성할 수 있다.The e-mail generating system and the e-mail generating method according to the embodiments of the present invention can quickly and easily generate e-mail having a smaller capacity than the existing e-mail generating system.

도 1은 본 발명의 일 실시예에 따른 이메일 생성 시스템을 개략적으로 나타내는 블록도이다.
도 2는 도 1의 이메일 생성 시스템을 더욱 상세히 나타내는 블록도이다.
도 3은 도 1의 단말상에 이메일 생성 툴이 디스플레이되고 있는 화면이다.
도 4는 HTML 형식의 제1 컨텐츠 페이지에 네 개의 이미지(image1 ~ image4)가 포함된 모습을 나타내는 도면이다.
도 5는 도 1의 단말상에 컴포넌트 관리 툴이 디스플레이되고 있는 화면이다.
도 6 내지 도 8은 본 발명의 일 실시예에 따른 이메일 생성 방법의 흐름을 나타낸 도면이다.
도 9는 본 발명의 다른 일 실시예에 따른 이메일 생성 시스템을 개략적으로 나타내는 블록도이다.
도 10은 본 발명의 다른 일 실시예에 따른 이메일 생성 방법의 흐름을 나타낸 도면이다.
1 is a block diagram schematically illustrating an e-mail generation system according to an embodiment of the present invention.
Figure 2 is a block diagram illustrating the e-mail generating system of Figure 1 in greater detail.
3 is a screen in which an email generation tool is displayed on the terminal of FIG.
4 is a view showing a state in which four images (image1 to image4) are included in a first content page in HTML format.
5 is a screen in which the component management tool is displayed on the terminal of FIG.
6 to 8 are diagrams illustrating a flow of an e-mail generation method according to an embodiment of the present invention.
9 is a block diagram schematically illustrating an e-mail generation system according to another embodiment of the present invention.
10 is a flowchart illustrating an e-mail generation method according to another embodiment of the present invention.

본 발명은 다양한 변환을 가할 수 있고 여러 가지 실시예를 가질 수 있는 바, 특정 실시예들을 도면에 예시하고 상세한 설명에 상세하게 설명하고자 한다. 본 발명의 효과 및 특징, 그리고 그것들을 달성하는 방법은 도면과 함께 상세하게 후술되어 있는 실시예들을 참조하면 명확해질 것이다. 그러나 본 발명은 이하에서 개시되는 실시예들에 한정되는 것이 아니라 다양한 형태로 구현될 수 있다. 이하의 실시예에서, 제1, 제2 등의 용어는 한정적인 의미가 아니라 하나의 구성 요소를 다른 구성 요소와 구별하는 목적으로 사용되었다. 또한, 단수의 표현은 문맥상 명백하게 다르게 뜻하지 않는 한, 복수의 표현을 포함한다. 또한, 포함하다 또는 가지다 등의 용어는 명세서상에 기재된 특징, 또는 구성요소가 존재함을 의미하는 것이고, 하나 이상의 다른 특징들 또는 구성요소가 부가될 가능성을 미리 배제하는 것은 아니다. 또한, 도면에서는 설명의 편의를 위하여 구성 요소들이 그 크기가 과장 또는 축소될 수 있다. 예컨대, 도면에서 나타난 각 구성의 크기 및 두께는 설명의 편의를 위해 임의로 나타내었으므로, 본 발명이 반드시 도시된 바에 한정되지 않는다.BRIEF DESCRIPTION OF THE DRAWINGS The present invention is capable of various modifications and various embodiments, and specific embodiments are illustrated in the drawings and described in detail in the detailed description. The effects and features of the present invention and methods of achieving them will be apparent with reference to the embodiments described in detail below with reference to the drawings. The present invention may, however, be embodied in many different forms and should not be construed as limited to the embodiments set forth herein. In the following embodiments, the terms first, second, and the like are used for the purpose of distinguishing one element from another element, not the limitative meaning. Also, the singular expressions include plural expressions unless the context clearly dictates otherwise. Also, the terms include, including, etc. mean that there is a feature, or element, recited in the specification and does not preclude the possibility that one or more other features or components may be added. Also, in the drawings, for convenience of explanation, the components may be exaggerated or reduced in size. For example, the size and thickness of each component shown in the drawings are arbitrarily shown for convenience of explanation, and thus the present invention is not necessarily limited to those shown in the drawings.

이하, 첨부된 도면을 참조하여 본 발명의 실시예들을 상세히 설명하기로 하며, 도면을 참조하여 설명할 때 동일하거나 대응하는 구성 요소는 동일한 도면부호를 부여하고 이에 대한 중복되는 설명은 생략하기로 한다.
Hereinafter, exemplary embodiments of the present invention will be described in detail with reference to the accompanying drawings, wherein like reference numerals refer to like or corresponding components throughout the drawings, and a duplicate description thereof will be omitted .

도 1은 본 발명의 일 실시예에 따른 이메일 생성 시스템(10)을 개략적으로 나타내는 블록도이다. 1 is a block diagram that schematically illustrates an email generation system 10 in accordance with one embodiment of the present invention.

도 1을 참조하면, 본 발명의 일 실시예에 따른 이메일 생성 시스템(10)은 하나 이상의 관리자 단말(100), 하나 이상의 사용자 단말(200), 관리자 단말(100) 및 사용자 단말(200)과 연결되는 이메일 생성 장치(300), 및 관리자 단말(100)과 사용자 단말(200)과 이메일 생성 장치(300)를 서로 연결하는 통신망(400)을 포함한다. 1, an e-mail generation system 10 according to an exemplary embodiment of the present invention includes at least one administrator terminal 100, at least one user terminal 200, an administrator terminal 100, and a user terminal 200 And a communication network 400 that connects the administrator terminal 100, the user terminal 200, and the email generating apparatus 300 to each other.

관리자 단말(100)들은 광고 또는 홍보 등의 목적으로 이메일을 생성하여 다수의 사용자 단말(200)들에게 송신하고자 하는 관리자 측의 단말을 의미한다. 여기서 관리자 단말(100)은 관리자의 퍼스널 컴퓨터일 수도 있고, 또는 관리자의 휴대용 단말기일 수도 있다. 도 1에서는 관리자 단말(100)로 퍼스널 컴퓨터가 도시되었지만, 본 발명의 사상은 이에 제한되지 아니하며, 상술한 바와 같이 웹 브라우징이 가능한 단말은 제한 없이 차용될 수 있다.The administrator terminal 100 means a terminal of the administrator side who generates an e-mail for the purpose of advertisement or publicity and transmits it to a plurality of user terminals 200. Here, the administrator terminal 100 may be a personal computer of an administrator or a portable terminal of an administrator. In FIG. 1, the personal computer is illustrated as the administrator terminal 100, but the idea of the present invention is not limited thereto, and the terminal capable of web browsing as described above can be borrowed without limitation.

사용자 단말(200)들은 유무선 통신 환경에서 웹 서비스를 이용할 수 있는 통신 단말기를 의미한다. 여기서 사용자 단말(200)은 사용자의 퍼스널 컴퓨터일 수도 있고, 또는 사용자의 휴대용 단말기일 수도 있다. 도 1에서는 사용자 단말(200)로 스마트폰(smart phone)이 도시되었지만, 본 발명의 사상은 이에 제한되지 아니하며, 상술한 바와 같이 웹 브라우징이 가능하거나 또는 이메일을 수신할 수 있는 애플리케이션을 탑재한 단말은 제한 없이 차용될 수 있다.The user terminals 200 are communication terminals capable of using a web service in a wired / wireless communication environment. Here, the user terminal 200 may be a user's personal computer or a user's portable terminal. 1, a smart phone is illustrated as a user terminal 200, but the spirit of the present invention is not limited thereto. As described above, a terminal capable of web browsing or an application capable of receiving e- May be borrowed without limitation.

이메일 생성 장치(300)는 관리자 단말(100) 및 사용자 단말(200)과 통신망(400)을 통해 연결되며, 관리자 단말(100)에 이메일 생성 기능을 제공하고, 관리자 단말(100)에 이메일 생성용 유저 인터페이스를 관리하는 기능을 제공하며, 나아가 관리자 단말(100)의 요청에 의해 이메일을 생성하여 이를 사용자 단말(200)로 발송하는 역할을 수행한다. 여기서, 도면에는 이메일 생성 장치(300)가 이메일 생성 기능과 이메일 생성용 유저 인터페이스의 관리 기능과 이메일 발송 기능을 함께 수행하는 것으로 도시되어 있으나, 이러한 기능들은 물리적 또는 개념적으로 분리된 별도의 서버에서 각각 수행될 수도 있을 것이다. The e-mail generating apparatus 300 is connected to the administrator terminal 100 and the user terminal 200 via the communication network 400 and provides an e-mail generating function to the administrator terminal 100, And also generates an e-mail at the request of the administrator terminal 100 and sends the generated e-mail to the user terminal 200. Although the e-mail generating apparatus 300 is illustrated as performing the e-mail generating function and the e-mail generating user interface management function together with the e-mail sending function in the drawing, these functions may be performed in separate physical or conceptually separate servers .

여기서, 본 발명의 일 실시예에 따른 이메일 생성 시스템(10)은 사용자에 의해 입력된 컨텐츠를 이용하여 마크 업 언어(Markup Language)로 구성된 제1 컨텐츠 페이지를 생성하고, 상기 제1 컨텐츠 페이지를 캡처하여 하나 이상의 이미지 파일로 저장하고, 상기 이미지 파일에 대한 정보와, 상기 이미지 파일 상의 하나 이상의 영역에 대한 위치 정보 및 각 영역에 대한 링크 정보를 포함하는 제2 컨텐츠 페이지를 생성하는 것을 일 특징으로 한다. 나아가, 본 발명의 일 실시예에 따른 이메일 생성 시스템(10)은 이메일 작성 시 사용되는 소정의 정형화된 포맷을 정의해 둔 컴포넌트 및 이를 구비한 템플릿의 관리를 수행하는 것을 일 특징으로 한다. 이와 같은 본 발명에 대해서는 도 2 이하에서 더욱 상세히 설명하도록 한다. Here, the e-mail generation system 10 according to an embodiment of the present invention generates a first content page configured in a markup language using content input by a user, and captures the first content page And generates a second content page including information on the image file, location information on one or more areas on the image file, and link information on each area, . Furthermore, the e-mail generation system 10 according to the embodiment of the present invention is characterized by performing management of a component having defined a predetermined format used for creating an e-mail and a template having the defined e-mail format. The present invention will be described in more detail with reference to FIG.

통신망(400)은 복수 개의 관리자 단말(100)들과 이메일 생성 장치(300) 및/또는 복수 개의 사용자 단말(200)들과 이메일 생성 장치(300)를 연결하는 역할을 수행한다. 즉, 통신망(400)은 관리자 단말(100)들 및 사용자 단말(200)들이 이메일 생성 장치(300)에 접속한 후 데이터를 송수신할 수 있도록 접속 경로를 제공하는 통신망을 의미한다. 즉, 도 1의 통신망(400)은 예컨대 LANs(Local Area Networks), WANs(Wide Area Networks), MANs(Metropolitan Area Networks), ISDNs(Integrated Service Digital Networks) 등의 유선 네트워크나, 무선 LANs, CDMA, 블루투스, 위성 통신 등의 무선 네트워크를 망라할 수 있으나, 본 발명의 범위가 이에 한정되는 것은 아니다.
The communication network 400 connects the plurality of administrator terminals 100, the e-mail generating apparatus 300 and / or the plurality of user terminals 200 to the e-mail generating apparatus 300. That is, the communication network 400 refers to a communication network that provides connection paths so that the administrator terminals 100 and the user terminals 200 can connect to the email generating apparatus 300 and then send and receive data. 1 may be a wired network such as LANs (Local Area Networks), WANs (Wide Area Networks), MANs (Metropolitan Area Networks), ISDNs (Integrated Service Digital Networks), wireless LANs, CDMA, Bluetooth, satellite communication, and the like, but the scope of the present invention is not limited thereto.

도 2는 도 1의 이메일 생성 시스템(10)을 더욱 상세히 나타내는 블록도이다. 2 is a block diagram illustrating the email generation system 10 of FIG. 1 in greater detail.

도 2를 참조하면, 본 발명의 일 실시예에 따른 관리자 단말(100)은 통신부(110), 사용자 인터페이스부(120), 제어부(130) 및 데이터베이스(150) 등을 포함할 수 있다. 이하에서는 별도의 언급이 없다면, "관리자 단말(100)"을 "단말(100)"로 지칭하도록 한다. 2, the administrator terminal 100 according to an exemplary embodiment of the present invention includes a communication unit 110, a user interface unit 120, a controller 130, and a database 150. Hereinafter, unless otherwise noted, the term "administrator terminal 100" is referred to as "terminal 100 ".

통신부(110)는 통신망(도 1의 400 참조)을 통해 단말(100)과 이메일 생성 장치(300)를 연결하며, 단말(100)과 이메일 생성 장치(300) 간의 데이터 송수신 기능을 수행한다. The communication unit 110 connects the terminal 100 and the e-mail generation apparatus 300 through a communication network (see 400 in FIG. 1), and performs a data transmission / reception function between the terminal 100 and the e-mail generation apparatus 300.

사용자 인터페이스부(120)는 사용자로부터의 입력 신호를 수신하는 동시에 사용자에게 출력 신호를 출력하는 역할을 수행하며, 키보드, 마우스, 모니터 등을 포함할 수 있다. 또한, 사용자 인터페이스부(120)는 태블릿 퍼스널 컴퓨터(tablet personal computer)의 터치 스크린 등일 수도 있다. The user interface unit 120 receives an input signal from a user and outputs an output signal to the user, and may include a keyboard, a mouse, a monitor, and the like. Also, the user interface unit 120 may be a touch screen of a tablet personal computer or the like.

제어부(130)는 단말(100)의 사용자 인터페이스부(120)에 이메일 생성 툴(600)을 표시하고, 이를 통해 사용자로부터 컨텐츠를 입력받는 역할을 수행한다. The control unit 130 displays the email generation tool 600 on the user interface unit 120 of the terminal 100 and receives content from the user through the tool.

상세히, 단말(100) 상에 이메일 생성 툴이 디스플레이되고 있는 화면인 도 3을 참조하면, 관리자는 단말(100)에 디스플레이된 이메일 생성 툴(600)을 통해 사용자에게 이메일로 발송하고자 하는 컨텐츠를 입력할 수 있다. 3, which is a screen in which an email generating tool is displayed on the terminal 100, the administrator inputs the content to be sent to the user via email through the email generating tool 600 displayed on the terminal 100 can do.

예를 들어, 사용자는 컨텐츠 입력 영역(C1 ~ C5)에 소정의 거래 정보 코드를 입력할 수 있다. 이 경우, 입력된 거래 정보 코드가 이메일 생성 장치(300)로 전송되고, 이 거래 정보 코드에 해당하는 거래 정보(예를 들어, 상품명, 상품 이미지, 상품 가격 등)가 이메일 생성 장치(300)의 데이터베이스(390)에서 추출되어 제1 컨텐츠 페이지에 포함될 수 있다. For example, the user can input a predetermined transaction information code into the content input areas C1 to C5. In this case, the inputted transaction information code is transmitted to the email generating apparatus 300, and transaction information (for example, a product name, a product image, a product price, etc.) corresponding to the transaction information code is transmitted to the e- May be extracted from the database 390 and included in the first content page.

또는, 사용자는 컨텐츠 입력 영역(C)에 텍스트 또는 이미지 정보를 직접 입력할 수도 있다. 이 경우, 입력된 텍스트 또는 이미지 정보가 이메일 생성 장치(300)로 전송되고, 이 텍스트 또는 이미지 정보가 제1 컨텐츠 페이지에 포함될 수 있다. Alternatively, the user may directly input text or image information into the content input area C. In this case, the input text or image information is transmitted to the e-mail generating apparatus 300, and the text or image information may be included in the first content page.

또한, 제어부(130)는 이메일 생성 장치(300)가 제공하는 이메일 생성 툴(600) 상의 템플릿 편집 영역(610)을 디스플레이하는 역할을 수행할 수 있다. 관리자는 단말(100)에 디스플레이된 이메일 생성 툴(600)을 통해 이메일 생성을 위한 템플릿을 관리할 수 있다. The control unit 130 may also serve to display a template editing area 610 on the e-mail generating tool 600 provided by the e-mail generating apparatus 300. The administrator can manage a template for generating e-mail through the e-mail generation tool 600 displayed on the terminal 100.

또한, 제어부(130)는 이메일 생성 장치(300)가 제공하는 컴포넌트 관리 툴(500) 상의 컴포넌트 디스플레이 영역(510) 및 컴포넌트 속성 설정 영역(520)을 디스플레이하는 역할을 수행할 수 있다. 즉, 단말(100) 상에 컴포넌트 관리 툴이 디스플레이되고 있는 화면인 도 5를 참조하면, 관리자는 단말(100)에 디스플레이된 컴포넌트 관리 툴(500)을 통해 컴포넌트를 관리할 수 있다. The control unit 130 may also display the component display area 510 and the component attribute setting area 520 on the component management tool 500 provided by the e-mail generating apparatus 300. 5, which is a screen on which the component management tool is displayed on the terminal 100, the administrator can manage the component through the component management tool 500 displayed on the terminal 100. [

한편, 제어부(130)는 사용자 인터페이스부(120)를 통해 입력된 컨텐츠를, 통신부(110)를 통해 이메일 생성 장치(300)로 전송하는 역할을 수행한다. 또한, 제어부(130)는 이메일 생성 장치(300)로부터 전송된 제1 컨텐츠 페이지, 제2 컨텐츠 페이지 등을 사용자 인터페이스부(120) 상에 디스플레이하는 역할을 수행한다. 나아가, 제어부(130)는 사용자 인터페이스부(120)를 통해 입력된 이메일 발송 요청을, 통신부(110)를 통해 이메일 생성 장치(300)로 전송하여 사용자 단말(도 1의 200 참조)로 이메일을 발송하도록 하는 역할을 수행한다. The control unit 130 transmits the contents input through the user interface unit 120 to the e-mail generating apparatus 300 through the communication unit 110. The controller 130 displays the first content page, the second content page, and the like transmitted from the email generating apparatus 300 on the user interface unit 120. Further, the control unit 130 transmits the e-mail sending request inputted through the user interface unit 120 to the e-mail generating apparatus 300 through the communication unit 110 and sends an e-mail to the user terminal (see 200 in Fig. 1) .

나아가, 제어부(130)는 사용자 인터페이스부(120)를 통해 입력된 컴포넌트 속성 등을 통신부(110)를 통해 이메일 생성 장치(300)로 전송하는 역할을 수행한다. 나아가, 제어부(130)는 사용자 인터페이스부(120)를 통해 입력된 데이터베이스 반영 요청을, 통신부(110)를 통해 이메일 생성 장치(300)로 전송하여 변경 사항이 데이터베이스에 반영되도록 하는 역할을 수행한다.
The control unit 130 transmits the attribute of the component input through the user interface unit 120 to the email generating apparatus 300 through the communication unit 110. Further, the control unit 130 transmits the database reflecting request inputted through the user interface unit 120 to the email generating apparatus 300 through the communication unit 110, so that the changed information is reflected in the database.

한편, 본 발명의 일 실시예에 따른 이메일 생성 장치(300)는 통신부(310), 제어부(320), 제1 컨텐츠 페이지 생성부(330), 이미지 저장부(340), 제2 컨텐츠 페이지 저장부(350) 및 데이터베이스(390) 등을 포함할 수 있다. 나아가 본 발명의 일 실시예에 따른 이메일 생성 장치(300)는 유저 인터페이스 관리부(360)를 더 포함하고, 유저 인터페이스 관리부(360)는 컴포넌트 관리부(370), 컴포넌트 속성 관리부(375), 템플릿 제공부(380), 템플릿 편집부(385)를 포함할 수 있다. The e-mail generating apparatus 300 according to an exemplary embodiment of the present invention includes a communication unit 310, a control unit 320, a first content page generating unit 330, an image storing unit 340, A database 350, a database 390, and the like. Further, the e-mail generating apparatus 300 according to an embodiment of the present invention further includes a user interface managing unit 360. The user interface managing unit 360 includes a component managing unit 370, a component attribute managing unit 375, (380), and a template editing unit (385).

통신부(310)는 통신망(도 1의 400 참조)을 통해 단말(100)과 이메일 생성 장치(300)를 연결하며, 단말(100)과 이메일 생성 장치(300) 간의 데이터 송수신 기능을 수행한다. The communication unit 310 connects the terminal 100 and the e-mail generating apparatus 300 through a communication network (see 400 in FIG. 1), and performs a data transmission / reception function between the terminal 100 and the e-mail generating apparatus 300.

제1 컨텐츠 페이지 생성부(330)는 단말(100)로부터 전송된 컨텐츠를 이용하여 마크 업 언어(Markup Language)로 구성된 제1 컨텐츠 페이지를 생성하는 역할을 수행한다. The first content page generating unit 330 generates a first content page configured in a markup language using the content transmitted from the terminal 100.

상세히, 제1 컨텐츠 페이지 생성부(330)는 단말(100)로부터 전송된 컨텐츠를 이용하여, 사용자에게 전송할 이메일에 포함될 제2 컨텐츠 페이지의 기반 내지는 소스(source)가 되는 제1 컨텐츠 페이지를 생성하며, 이때 제1 컨텐츠 페이지는 HTML과 같은 마크 업 언어(Markup Language)로 구성될 수 있다. In detail, the first content page generating unit 330 generates a first content page as a source or a base of a second content page to be included in an email to be transmitted to the user, using the content transmitted from the terminal 100 , The first content page may be configured with a markup language such as HTML.

여기서, 마크 업 언어(Markup Language)란 마크업 정보를 표현하는 언어를 의미한다. 상세히, 문서에는 문서 내용 이외에, 문서의 논리 구조나 체제와 같은 문서의 서식 작성(formatting)을 지정하거나, 문서 내용의 찾아보기 또는 찾아보기 작업(indexing) 방법을 지정하거나, 문서 중의 단어나 구, 화상과 같은 어떤 요소를 같은 문서 또는 다른 문서 중의 다른 요소와 연결(link)하는 방법을 지정하여 컴퓨터 시스템에 지시하는 마크업 정보가 추가된다. 이와 같은 마크업 정보를 표현하기 위한 언어인 마크업 언어는 문서 내에 끼워 넣는(embed) 일련의 부호로 구성된다. 대표적인 마크업 언어로는 월드 와이드 웹(WWW)의 홈 페이지에 사용되는 하이퍼텍스트 생성 언어(hypertext markup language, HTML)와 국제표준화기구(ISO)가 표준화한 표준 범용 문서 생성 언어(Standard Generalized Markup Language, SGML)를 들 수 있다. 나아가 HTML5와 같은 HTML의 다양한 발전/변형 모델과 XML(eXtensible markup language) 등 다양한 형태의 마크 업 언어가 본 발명에 적용 가능하다 할 것이다. 이런 종류의 마크업 언어는 대부분 텍스트 문서와 파일이 기종과 독립적으로 응용 프로그램 간에 교환될 수 있도록 이식성을 높이기 위해 설계된다.Here, a markup language means a language for expressing markup information. In detail, in addition to the content of a document, a document may specify a formatting of a document such as a logical structure or a system of the document, specify a method of browsing or indexing the contents of the document, Markup information is added that directs the computer system to specify how to link an element, such as a picture, with other elements in the same document or other document. A markup language, which is a language for expressing such markup information, is composed of a series of codes embedding in a document. Representative markup languages include the hypertext markup language (HTML) used in the home page of the World Wide Web and the standardized generalized markup language standardized by the International Organization for Standardization (ISO) SGML). Furthermore, various types of markup languages such as various development / modification models of HTML such as HTML5 and XML (eXtensible markup language) can be applied to the present invention. Most of these types of markup languages are designed for portability so that text documents and files can be exchanged between applications independently of the model.

이미지 저장부(340)는 제1 컨텐츠 페이지 생성부(330)에서 생성한 제1 컨텐츠 페이지를 캡처하여, 이를 하나 이상의 이미지 파일로 생성하고 저장하는 역할을 수행한다. 이를 더욱 상세히 설명하면 다음과 같다. The image storage unit 340 captures the first content page generated by the first content page generation unit 330 and generates and stores the captured first content page as one or more image files. This will be described in more detail as follows.

제1 컨텐츠 페이지 생성부(330)에서 생성한 HTML 형식의 제1 컨텐츠 페이지는 하나 이상의 이미지 정보 및 각 이미지에 해당하는 링크 정보를 가지고 있을 수 있다. 그런데, 인터넷 쇼핑몰 또는 소셜 커머스 사이트와 같은 전자상거래 사이트에서 발송하는 뉴스 레터 등의 이메일의 경우, 다수 개의 이미지 정보 및 각 이미지에 해당하는 링크 정보를 포함할 수 있으며, 이 경우 HTML 파일의 용량이 과도하게 커져서, 이메일을 발송하는데 과도한 네트워크 및/또는 하드웨어 리소스를 필요로 할 수 있다는 문제점이 존재하였다. 또한 이메일을 수신하는 사용자 입장에서도 큰 용량의 이메일을 수신할 경우, 해당 메일의 수신에 거부감을 느낄 수 있으며, 이는 상품 등을 홍보하고자 하는 목적으로 이메일을 발송하는 측에게 오히려 역효과를 불러일으킬 수 있다는 문제점이 존재하였다. The first content page of the HTML format generated by the first content page generating unit 330 may have one or more image information and link information corresponding to each image. However, in the case of e-mail such as a newsletter sent from an e-commerce site such as an Internet shopping mall or a social commerce site, a plurality of image information and link information corresponding to each image may be included. In this case, There is a problem in that it may require excessive network and / or hardware resources to send e-mail. In addition, if a user receiving an e-mail receives a large amount of e-mail, he / she may feel uncomfortable in receiving the e-mail, which may adversely affect the sender of e-mail for the purpose of promoting goods There was a problem.

이와 같은 문제점을 해결하기 위하여, 본 발명의 일 실시예에 따른 이메일 생성 시스템(10)은 제1 컨텐츠 페이지 생성부(330)에서 생성한 HTML 형식의 제1 컨텐츠 페이지를 캡처하여 하나의(또는 경우에 따라서는 복수 개의) 이미지 파일로 저장함으로써, 이메일에 포함될 컨텐츠 페이지의 용량을 현격하게 감소시키는 것을 일 특징으로 한다. 즉 다수 개의 이미지 정보 및 각 이미지에 해당하는 링크 정보를 포함하는 HTML 형식의 제1 컨텐츠 페이지를 스크린 샷 형태로 캡처하여 용량이 작고 가벼운 하나의(또는 경우에 따라서는 복수 개의) 이미지 파일로 저장하는 것이다. In order to solve such a problem, the email generation system 10 according to the embodiment of the present invention captures the first content page of the HTML format generated by the first content page generation unit 330, , The size of the content page to be included in the e-mail is remarkably reduced. That is, a first content page in HTML format including a plurality of pieces of image information and link information corresponding to each image is captured in the form of a screen shot and stored as a single (or possibly multiple) image file having a small capacity and light weight will be.

이때, 이미지 저장부(340)는 제1 컨텐츠 페이지 생성부(330)에서 생성한 HTML 형식의 제1 컨텐츠 페이지를 캡처하여 이미지 파일로 형성하여 저장함에 있어서, 제1 컨텐츠 페이지를 기 설정된 소정의 크기로 분할하여 저장할 수 있다. 즉, 이미지 파일의 폭 또는 높이가 일정 크기 이상일 경우, 이를 복수 개의 적절한 크기의 이미지 파일로 나누어 형성함으로써, 이미지의 크기가 필요 이상으로 커지는 것을 방지할 수 있다. At this time, the image storage unit 340 captures the first content page of the HTML format generated by the first content page generating unit 330 and forms and stores the first content page as an image file, and stores the first content page in a predetermined size Can be divided and stored. That is, when the width or height of the image file is equal to or larger than a predetermined size, it is formed by dividing the image file into a plurality of appropriately sized image files, thereby preventing the size of the image from becoming unnecessarily large.

제2 컨텐츠 페이지 저장부(350)는 이미지 저장부(340)에서 생성된 이미지 파일에 대한 정보와, 상기 이미지 파일 상의 하나 이상의 영역에 대한 위치 정보 및 각 영역에 대한 링크 정보를 포함하는 제2 컨텐츠 페이지를 생성하는 역할을 수행한다. The second content page storage unit 350 stores the information about the image file generated in the image storage unit 340, the location information of one or more areas on the image file, and the second content Create a page.

통상적인 HTML 문서에는 특정 웹사이트로 이동할 수 있는 URL(Uniform Resource Locator)을 삽입하여, 특정 단어나 이미지를 클릭했을 때 지정된 웹사이트로 이동할 수 있는 링크가 형성된다. URL 링크 정보는 HTML 문서를 작성할 때 태그를 이용하여 삽입할 수 있는데, 특정한 단어나 이미지 외에도 HTML 문서에 포함된 이미지의 특정 영역에만 링크를 할 수도 있다. In a typical HTML document, a URL (Uniform Resource Locator) capable of moving to a specific website is inserted, and a link is formed to move to a designated website when a specific word or image is clicked. URL link information can be inserted using a tag when creating an HTML document. In addition to specific words or images, links to specific areas of an image included in an HTML document can also be linked.

이를 이용하여, 본 발명의 일 실시예에 따른 이메일 생성 시스템(10)은, HTML 형식의 제1 컨텐츠 페이지를 스크린 샷 형태로 캡처하여 용량이 작고 가벼운 하나의(또는 경우에 따라서는 복수 개의) 이미지 파일로 만든다. 그리고, 제2 컨텐츠 페이지가 이 단일 이미지 파일 상에서의 하나 이상의 영역에 대한 위치 정보 및 각 영역에 대한 링크 정보를 포함하도록 한다. Using this, the e-mail generation system 10 according to the embodiment of the present invention captures a first content page in the form of a screen shot in the HTML format to generate a small (and possibly plural) image File. And the second content page includes location information for one or more areas on the single image file and link information for each area.

예를 들어, 도 4에 도시된 바와 같이, HTML 형식의 제1 컨텐츠 페이지에 네 개의 이미지(image1 ~ image4)가 포함되어 있으며 이들 각각에 대해 서로 다른 링크가 걸려 있을 경우, 그 소스 코드는 다음과 같게 된다. For example, as shown in FIG. 4, when four images (image1 to image4) are included in a first content page in HTML format and different links are attached to each of them, Respectively.

......

<a href="http://aaa.com" target="_blank"><img src="aaa.jpg"></a><a href="http://aaa.com" target="_blank"> <img src = "aaa.jpg"> </a>

<a href="http://bbb.com" target="_blank"><img src="bbb.jpg"></a><a href="http://bbb.com" target="_blank"> <img src = "bbb.jpg"> </a>

<a href="http://ccc.com" target="_blank"><img src="ccc.jpg"></a><a href="http://ccc.com" target="_blank"> <img src = "ccc.jpg"> </a>

<a href="http://ddd.com" target="_blank"><img src="ddd.jpg"></a><a href="http://ddd.com" target="_blank"> <img src = "ddd.jpg"> </a>

......

즉, 제1 컨텐츠 페이지 내에는 네 개의 이미지 파일 및 이들 각각에 대한 링크 정보가 포함되어 있으며, 이 경우 이미지 파일의 개수가 많아지면 많아질수록 이메일 전체의 용량은 계속 증가하게 된다. That is, the first content page includes four image files and link information for each of the four image files. In this case, as the number of image files increases, the capacity of the entire e-mail increases continuously.

이와 같은 제1 컨텐츠 페이지에 본 발명의 일 실시예를 적용할 경우, 먼저 이미지 저장부(340)에서 제1 컨텐츠 페이지를 캡처하여 하나의 이미지 파일(예를 들어, 대표도.jpg)를 생성하여 저장한다. 즉, 제1 컨텐츠 페이지 내에 이미지 파일이 아무리 많이 포함되어 있다고 하더라도, 이를 캡처하여 하나의 이미지 파일로 만듦으로써 전체 컨텐츠 페이지의 용량을 현격하게 감소시킬 수 있는 것이다. When one embodiment of the present invention is applied to the first content page, first, an image storage unit 340 captures a first content page to generate one image file (for example, representative image .jpg) . That is, even if the image file is included in the first content page, the capacity of the entire content page can be significantly reduced by capturing it and making it into one image file.

그리고, HTML 형식의 제1 컨텐츠 페이지 상에서 다수 개의 이미지 각각을 클릭하였을 때 서로 다른 페이지로 이동하던 것과 동일한 효과를 주기 위하여, 이미지 저장부(340)에서 생성한 하나의 이미지 파일(예를 들어, 대표도.jpg)의 각 영역에 대한 위치 정보와, 그 위치에 대한 링크 정보를 함께 저장한다. In order to achieve the same effect as moving to different pages when each of a plurality of images is clicked on a first content page in HTML format, an image file (for example, a representative image (.Jpg), and link information for the position.

예를 들어, 제1 컨텐츠 페이지 내에서 제1 이미지(image 1)가 위치하던 영역의 좌표값과, 제1 이미지(image 1)를 클릭하였을 때 이동할 링크 정보를 제2 컨텐츠 페이지에 저장하는 것이다. 즉, 제1 컨텐츠 페이지 내에서 제1 이미지(image 1)가 위치하던 직사각형 영역의 양쪽 모서리의 좌표값인 (0,0), (50, 50)과, 제1 이미지(image 1)를 클릭하였을 때 이동할 페이지의 URL인 "http://aaa.com"을 포함하는 제2 컨텐츠 페이지를 생성하는 것이다. For example, the coordinate value of the area where the first image (image 1) is located in the first content page and the link information to be moved when the first image (image 1) is clicked are stored in the second content page. That is, the coordinate values of (0,0), (50,50), and the first image (image 1), which are coordinate values of both edges of the rectangular area in which the first image (image 1) Quot ;, and a second content page including "http://aaa.com ", which is the URL of the page to be moved.

이와 같이 생성된 HTML 형식의 제2 컨텐츠 페이지의 소스 코드는 다음과 같으며, 제1 컨텐츠 페이지에서와 동일하게 네 개의 이미지(image1 ~ image4) 각각에 해당하는 영역을 클릭하면, 이들 각각에 대해 서로 다른 페이지로 이동할 수 있는 것이다. The source code of the second content page of the HTML format generated in this manner is as follows. When the region corresponding to each of the four images (image1 to image4) is clicked in the same manner as in the first content page, You can move to another page.

......

<img src="대표도.jpg" usemap="#이미지맵 이름"><img src = "Representative map.jpg" usemap = "# image map name">

<map name="이미지맵 이름"><map name = "image map name">

<area shape="rect" coords="0, 0, 50, 50" href="http://aaa.com" ><area shape = "rect" coords = "0, 0, 50, 50" href = "http://aaa.com">

<area shape="rect" coords="60, 0, 110, 50" href="http://bbb.com" ><area shape = "rect" coords = "60, 0, 110, 50" href = "http://bbb.com">

<area shape="rect" coords="0, 60, 50, 110" href="http://ccc.com" ><area shape = "rect" coords = "0, 60, 50, 110" href = "http://ccc.com">

<area shape="rect" coords="60, 60, 110, 110" href="http://ddd.com" ><area shape = "rect" coords = "60, 60, 110, 110" href = "http://ddd.com">

</map> </ map>

......

제1 컨텐츠 페이지와 제2 컨텐츠 페이지를 비교하면, 제1 컨텐츠 페이지에는 n개의 이미지 파일이 포함되어 있던 것이, 제2 컨텐츠 페이지에는 하나의 이미지 파일만 포함되도록 함으로써, 양자 동일한 효과를 구현하면서도 전체 컨텐츠 페이지의 용량을 현격하게 감소시키는 효과를 얻을 수 있다.
By comparing the first content page with the second content page, n image files are included in the first content page, and only one image file is included in the second content page, The effect of significantly reducing the capacity of the page can be obtained.

나아가 본 발명의 일 실시예에 따른 이메일 생성 장치(300)는 유저 인터페이스 관리부(360)를 더 포함하고, 유저 인터페이스 관리부(360)는 컴포넌트 관리부(370), 컴포넌트 속성 관리부(375), 템플릿 제공부(380), 템플릿 편집부(385)를 포함할 수 있다. Further, the e-mail generating apparatus 300 according to an embodiment of the present invention further includes a user interface managing unit 360. The user interface managing unit 360 includes a component managing unit 370, a component attribute managing unit 375, (380), and a template editing unit (385).

컴포넌트 관리부(370)는 단말 상에 디스플레이되는 컴포넌트 디스플레이 영역에 배치되는 하나 이상의 컴포넌트의 생성, 삭제, 각 컴포넌트 간의 그룹 설정 또는 계층 설정을 제어하는 역할을 수행한다. The component management unit 370 controls creation, deletion, and group setting or hierarchical setting of one or more components disposed in a component display area displayed on the terminal.

상세히, 컴포넌트 관리부(370)는 컴포넌트 디스플레이 영역에 새로운 컴포넌트를 생성하거나, 또는 기 존재하는 컴포넌트를 삭제할 수 있다. 나아가, 컴포넌트 관리부(370)는 하나 이상의 컴포넌트 간의 그룹 설정 또는 계층 설정을 제어하는 역할을 수행할 수 있다. 이를 더욱 상세히 설명하면 다음과 같다. In detail, the component management unit 370 can create a new component in the component display area, or delete an existing component. Further, the component management unit 370 may control the group setting or the layer setting among one or more components. This will be described in more detail as follows.

도 2 및 도 5를 참조하면, 단말(100) 상에 컴포넌트 관리 툴(500)이 실행되고, 컴포넌트 관리 툴(500)에는 컴포넌트 디스플레이 영역(510) 및 컴포넌트 속성 설정 영역(520)이 디스플레이된다. 2 and 5, the component management tool 500 is executed on the terminal 100, and the component display area 510 and the component attribute setting area 520 are displayed in the component management tool 500. [

여기서, 컴포넌트 관리 툴(500)은 웹 브라우져 상에서 실행되어, 이메일 생성 장치(300)와 상호 작용하도록 형성될 수 있다. Here, the component management tool 500 may be configured to run on a web browser and interact with the email generation device 300.

또는, 컴포넌트 관리 툴이 이메일 생성 장치(300)에서 직접 실행될 수도 있다. 즉, 유저 인터페이스를 관리하고자 하는 관리자가 통신망을 통해 이메일 생성 장치(300)에 접속하는 것이 아니라, 이메일 생성 장치(300)에 사용자 인터페이스부가 추가로 구비되어, 관리자가 별도의 통신망을 거치지 않고 직접 이메일 생성 장치(300)에서 컴포넌트를 관리할 수 있는 것이다. Alternatively, the component management tool may be executed directly in the e-mail generating apparatus 300. [ That is, instead of the administrator who wants to manage the user interface to access the e-mail generating apparatus 300 through the communication network, the e-mail generating apparatus 300 is additionally provided with a user interface unit, And can manage the components in the production apparatus 300.

또는, 컴포넌트 관리 툴이 관리자 단말에서 독자적으로 실행되는 스탠드-얼론(stand-alone) 형태의 애플리케이션일 수도 있다. 즉, 관리자 단말에 컴포넌트 관리, 컴포넌트 속성 관리를 단독으로 수행할 수 있는 애플리케이션이 설치되어, 이메일 생성 장치(300)에게 별도의 요청을 수행할 필요 없이 관리자 단말에서 직접 컴포넌트를 관리할 수도 있는 것이다. Alternatively, the component management tool may be a stand-alone application that is executed independently in the administrator terminal. That is, an application that can perform component management and component attribute management alone is installed in the administrator terminal, and the administrator can directly manage the components in the administrator terminal without having to perform a separate request to the email generating device 300.

다시 도 5를 참조하면, 컴포넌트 디스플레이 영역(510)에는 복수 개의 컴포넌트들이 배치될 수 있다. 여기서, 도 5에는 컴포넌트 디스플레이 영역(510)에 두 개의 단위 컴포넌트(511)가 배치된 것으로 도시되어 있다. 여기서, 각각의 단위 컴포넌트(511)는 세 개의 컴포넌트를 포함할 수 있다. 즉, 각각의 단위 컴포넌트(511)는 이미지 컴포넌트(511a), 상품명 컴포넌트(511b), 상품 가격 컴포넌트(511c)의 세 개의 컴포넌트를 포함할 수 있으며, 이들 세 개의 컴포넌트(511a, 511b, 511c)는 독립적인 컴포넌트인 동시에 각 단위 컴포넌트(511)의 일종의 서브 컴포넌트라고 볼 수도 있다. 이와 같이 각각의 컴포넌트들 간에는 계층이 설정되어, 상위 컴포넌트와 하위 컴포넌트가 존재할 수 있다. Referring again to FIG. 5, a plurality of components may be disposed in the component display area 510. Here, FIG. 5 shows that two unit components 511 are disposed in the component display area 510. Here, each unit component 511 may include three components. That is, each unit component 511 may include three components: an image component 511a, a product name component 511b, and a goods price component 511c, and these three components 511a, 511b, and 511c It can be regarded as a subcomponent of each unit component 511 as well as an independent component. Thus, a hierarchy is established between each of the components, and a parent component and a subcomponent may exist.

나아가 다수 개의 컴포넌트가 하나의 그룹으로 설정되어 관리될 수도 있다. 예를 들어 이메일 작성 시, 두 개의 상품이 가로 방향으로 나란히 배치되는 구성이 많이 사용된다면, 두 개의 단위 컴포넌트(511)를 하나의 그룹으로 묶는 것도 가능할 것이다. 이렇게 하면, 단위 컴포넌트(511)를 두 번 호출할 필요없이, 이들이 그룹화된 컴포넌트 그룹을 한 번만 호출함으로써, 보다 신속하고 용이하게 이메일을 작성할 수 있을 것이다. Furthermore, a plurality of components may be managed as one group. For example, if a configuration in which two products are arranged side by side in a horizontal direction is used at the time of creating an email, it is also possible to group two unit components 511 into one group. This way, without having to call the unit component 511 twice, it will be possible to create emails more quickly and easily by only calling the group of the grouped components once.

결과적으로 컴포넌트 관리부(370)는 하나 이상의 컴포넌트 간의 그룹 설정 또는 계층 설정을 제어하는 역할을 수행할 수 있게 된다. As a result, the component management unit 370 can control the group setting or the layer setting among one or more components.

그리고, 단말(100)로부터 이메일 생성 장치(300)로 컴포넌트 생성 요청, 컴포넌트 삭제 요청, 복수 개의 컴포넌트에 대한 그룹 설정 요청, 또는 복수 개의 컴포넌트 간의 계층 설정 요청과 같은 컴포넌트 관리 요청이 전송되면, 이메일 생성 장치(300)의 컴포넌트 관리부(370)는 관리 요청이 수신된 컴포넌트에 대한 변경이 적용되어 단말(100) 상에서 디스플레이되도록 제어한다. If a component management request such as a component creation request, a component deletion request, a group setting request for a plurality of components, or a hierarchy setting request for a plurality of components is transmitted from the terminal 100 to the email generating apparatus 300, The component management unit 370 of the device 300 controls the management request so that a change to the received component is applied and displayed on the terminal 100. [

즉, 컴포넌트 생성 요청이 전송되면 컴포넌트 관리부(370)는 해당 컴포넌트가 컴포넌트 디스플레이 영역(510)에 새롭게 디스플레이되도록 하고, 컴포넌트 삭제 요청이 전송되면 컴포넌트 관리부(370)는 해당 컴포넌트가 컴포넌트 디스플레이 영역(510)에서 사라지도록 할 수 있다. 또한, 복수 개의 컴포넌트에 대한 그룹 설정 요청이 전송되면, 컴포넌트 관리부(370)는 해당 컴포넌트들이 하나의 그룹으로 설정되어 있음을 표시하며(예를 들어 동일 그룹을 테두리부로 표시), 또는 복수 개의 컴포넌트 간의 계층 설정 요청이 전송되면, 해당 컴포넌트들이 계층 구조를 이루고 있음을 표시할 수 있다.(예를 들어 컴포넌트 선택 시, 상위 또는 하위 컴포넌트를 소정의 법으로 표시) That is, when the component creation request is transmitted, the component management unit 370 newly displays the corresponding component in the component display area 510. When the component deletion request is transmitted, the component management unit 370 displays the corresponding component in the component display area 510, To disappear from. In addition, when a group setup request for a plurality of components is transmitted, the component management unit 370 indicates that the corresponding components are set as one group (for example, the same group is displayed as a frame) When a layer setup request is transmitted, it can indicate that the components are in a hierarchical structure (for example, when selecting a component, the upper or lower component is displayed by a predetermined method)

컴포넌트 속성 관리부(375) 각 컴포넌트의 여러 속성을 관리하는 역할을 수행한다. 이를 더욱 상세히 설명하면 다음과 같다. The component property management unit 375 manages various properties of each component. This will be described in more detail as follows.

다시 도 2 및 도 5를 참조하면, 단말(100) 상에 컴포넌트 관리 툴(500)이 실행되고, 컴포넌트 관리 툴(500)에는 컴포넌트 디스플레이 영역(510) 및 컴포넌트 속성 설정 영역(520)이 디스플레이된다. 2 and 5, the component management tool 500 is executed on the terminal 100 and the component display area 510 and the component attribute setting area 520 are displayed in the component management tool 500 .

사용자가 컴포넌트 디스플레이 영역(510)에 배치된 어느 하나의 컴포넌트를 선택하면, 선택된 컴포넌트의 속성을 제어하기 위한 하나 이상의 속성 설정부가 컴포넌트 속성 설정 영역(520)에 디스플레이된다. 물론 사용자가 특정 컴포넌트를 선택하기 이전에는 디폴트로 특정 컴포넌트에 대한 속성 설정부가 컴포넌트 속성 설정 영역(520)에 디스플레이될 수 있다. When the user selects any one of the components arranged in the component display area 510, one or more attribute setting parts for controlling the properties of the selected component are displayed in the component property setting area 520. [ Of course, before the user selects a specific component, by default, the attribute setting for the specific component may be displayed in the component attribute setting area 520. [

도 5는 사용자가 컴포넌트 디스플레이 영역(510)에서 단위 컴포넌트(511)를 선택한 상태를 나타내고 있다. 즉, 컴포넌트 속성 설정 영역(520)에는 단위 컴포넌트(511)의 속성을 제어하기 위한 하나 이상의 속성 설정부가 디스플레이되어 있는 것이다. 이때 속성 설정부는 해당 컴포넌트의 이름을 표시하는 컴포넌트 이름 표시부(521), 해당 컴포넌트의 계층 구조를 표시하는 동시에 상/하위 컴포넌트를 선택할 수 있도록 하는 컴포넌트 계층 표시/선택부(522), 컴포넌트 내에 표시될 컨텐츠를 입력하는 컨텐츠 입력부(523), 컴포넌트의 크기 속성을 설정하는 크기 속성 설정부(524), 컴포넌트의 위치 속성을 설정하는 위치 속성 설정부(525), 표시되지 아니한 속성 설정부를 추가로 표시하기 위한 속성 설정 추가부(526)를 포함할 수 있다. 나아가, 컴포넌트 내에 입력될 텍스트, 컴포넌트와 연결될 링크 정보, 컴포넌트 크기, 컴포넌트 색상, 컴포넌트 테두리, 컴포넌트 이미지, 컴포넌트 글꼴 등 다양한 속성을 입력할 수 있는 속성 설정부를 추가하거나 또는 삭제할 수 있다. FIG. 5 shows a state in which the user selects the unit component 511 in the component display area 510. That is, one or more attribute setting units for controlling the attributes of the unit component 511 are displayed in the component attribute setting area 520. [ At this time, the attribute setting unit includes a component name display unit 521 for displaying a name of a corresponding component, a component layer display / selecting unit 522 for displaying a hierarchical structure of the component and selecting upper and lower components, A content input unit 523 for inputting content, a size property setting unit 524 for setting a size property of a component, a location property setting unit 525 for setting a location property of a component, and an attribute setting unit And an attribute setting addition unit 526 for setting an attribute. Further, it is possible to add or delete a property setting unit that can input various attributes such as text to be input into the component, link information to be connected to the component, component size, component color, component frame, component image, and component font.

한편, 사용자는 상술한 각종 설정부에 소정의 속성을 입력(예를 들어 크기 입력, 위치 입력)하여, 이메일 생성 장치(300)로 각 속성에 대한 관리 요청을 전송할 수 있다. 또는 사용자가 드래그 앤 드롭(Drag & Drop) 신호 또는 터치 앤 드래그(Touch & Drag) 방식으로 컴포넌트를 직접 조절함으로써(예를 들어 크기 조절, 위치 조절), 이메일 생성 장치(300)로 각 속성에 대한 관리 요청을 전송할 수도 있다. On the other hand, the user can input a predetermined attribute (e.g., size input, position input) to the above-described various setting units, and send a management request for each attribute to the email generating apparatus 300. [ Or by directly adjusting (e.g., resizing, positioning) the component in a drag & drop signal or a touch & drag manner by the user, It may also send a management request.

한편, 단말(100)로부터 이메일 생성 장치(300)로 해당 컴포넌트의 크기 속성, 위치 속성, 색상 속성 및 글꼴 속성 등의 다양한 속성에 대한 관리 요청 내지는 변경 요청이 전송되면, 이메일 생성 장치(300)의 컴포넌트 속성 관리부(375)는 관리 요청이 수신된 컴포넌트 속성에 대한 변경이 적용되어 단말(100) 상에서 디스플레이되도록 제어할 수 있다. 즉, 각 컴포넌트의 크기 속성, 위치 속성, 색상 속성 및 글꼴 속성 등에 대한 변경 요청 수신시, 컴포넌트 속성 관리부(375)는 변경된 속성이 적용된 컴포넌트가 컴포넌트 디스플레이 영역(510)에 디스플레이되도록 할 수 있는 것이다.
Meanwhile, when a management request or a change request is sent from the terminal 100 to the email generating apparatus 300 for various attributes such as the size attribute, the location attribute, the color attribute, and the font attribute of the corresponding component, The component property management unit 375 can control the display of the management request on the terminal 100 to which the change of the received component attribute is applied. That is, when receiving a change request for the size attribute, the location attribute, the color attribute, and the font attribute of each component, the component attribute management unit 375 can display the component to which the changed attribute is applied in the component display area 510.

템플릿 제공부(380)는 단말(100) 상에 소정의 템플릿 편집 영역(610)이 디스플레이되도록 제어하는 역할을 수행한다. 즉, 템플릿 제공부(380)는 단말(100)의 이메일 생성 툴(600) 상에 템플릿 편집 영역(610)이 디스플레이되도록 제어하는 것이다. The template providing unit 380 controls the display of a predetermined template editing area 610 on the terminal 100. That is, the template providing unit 380 controls the template editing region 610 to be displayed on the email generating tool 600 of the terminal 100.

템플릿 편집부(385)는 상기 템플릿 편집 영역(610)에서 하나 이상의 컴포넌트가 생성, 삭제 또는 이동되도록 제어하는 역할을 수행한다. The template editing unit 385 controls the creation, deletion, or movement of one or more components in the template editing region 610.

상세히, 템플릿 편집부(385)는 템플릿 편집 영역(610)에 새로운 컴포넌트를 생성하거나, 또는 기 존재하는 컴포넌트를 삭제할 수 있다. 또한, 템플릿 편집부(385)는 템플릿 편집 영역(610)에서 컴포넌트를 이동할 수도 있다. In detail, the template editing unit 385 can create a new component in the template editing area 610, or delete existing components. In addition, the template editing unit 385 may move the components in the template editing area 610.

도 2 및 도 3을 참조하면, 단말(100) 상에 이메일 생성 툴(600)이 실행되고, 이메일 생성 툴(600)에는 템플릿 편집 영역(610)이 디스플레이된다. 한편, 이메일 생성 툴(600) 상에는 컴포넌트 생성부(620) 및 컴포넌트 삭제부(630)가 형성되며, 컴포넌트 생성부(620) 및 컴포넌트 삭제부(630)는 템플릿 상에 소정의 컴포넌트를 추가하거나 삭제하는 역할을 수행한다. 또한, 이메일 생성 툴(600)의 템플릿 편집 영역(610)에는 하나 이상의 컴포넌트들(C1 ~ C5)이 배치되어있다. 상기 하나 이상의 컴포넌트들(C1 ~ C5)은 추가로 더 생성될 수도 있고, 삭제될 수도 있으며, 그 위치 또한 사용자 입력에 의해 이동이 가능하다. 또한, 이메일 생성 툴(600) 상에는 템플릿 선택부(640)가 형성되며, 템플릿 선택부(640)는 기 제작되어 있는 다수 개의 템플릿 중 어느 하나의 템플릿을 선택하여 호출하는 역할을 수행한다. 2 and 3, an email generation tool 600 is executed on the terminal 100, and a template editing region 610 is displayed in the email generation tool 600. [ The component generation unit 620 and the component deletion unit 630 are formed on the email generation tool 600. The component generation unit 620 and the component deletion unit 630 may add or delete a predetermined component . In the template editing area 610 of the email generation tool 600, one or more components C1 to C5 are disposed. The one or more components C1 to C5 may be further generated or deleted, and the location thereof may also be moved by user input. A template selection unit 640 is formed on the email generation tool 600. The template selection unit 640 selects and invokes any one of a plurality of previously prepared templates.

또한, 단말(100)로부터 이메일 생성 장치(300)로 템플릿 상에서의 컴포넌트 생성 요청, 컴포넌트 삭제 요청, 컴포넌트 이동 요청과 같은 템플릿 편집 요청이 전송되면, 이메일 생성 장치(300)의 템플릿 편집부(385)는 관리 요청이 수신된 컴포넌트에 대한 변경이 적용되어 단말(100) 상에서 디스플레이되도록 제어한다. In addition, when a template editing request such as a component creation request, a component deletion request, and a component movement request is transmitted from the terminal 100 to the email generation apparatus 300, the template editing unit 385 of the email generation apparatus 300 The management request is controlled so that the change to the received component is applied and displayed on the terminal 100.

즉, 컴포넌트 생성 요청이 전송되면 템플릿 편집부(385)는 해당 컴포넌트가 템플릿 편집 영역(610)에 새롭게 디스플레이되도록 하고, 컴포넌트 삭제 요청이 전송되면 템플릿 편집부(385)는 해당 컴포넌트가 템플릿 편집 영역(610)에서 사라지도록 할 수 있다. That is, when the component creation request is transmitted, the template editing unit 385 displays the corresponding component in the template editing area 610. When the component editing request is transmitted, the template editing unit 385 displays the corresponding component in the template editing area 610, To disappear from.

한편, 사용자가 드래그 앤 드롭(Drag & Drop) 신호 또는 터치 앤 드래그(Touch & Drag) 방식으로 컴포넌트를 직접 조절함으로써(예를 들어 크기 조절, 위치 조절), 템플릿 편집 영역(610) 상에서 컴포넌트를 이동하고, 이메일 생성 장치(300)로 템플릿에 대한 관리 요청을 전송할 수도 있다. On the other hand, when the user moves the component on the template editing area 610 by directly adjusting the component (for example, resizing and positioning) by a drag and drop signal or a touch & And send a management request for the template to the email generating device 300.

한편, 사용자가 템플릿 편집 영역에 배치된 컴포넌트에 대한 편집 요청을 입력하면, 단말상에 도 5에 도시된 컴포넌트 관리 툴(500)이 디스플레이될 수 있다. 예를 들어, 사용자가 편집을 원하는 컴포넌트를 더블 클릭하는 등의 방법으로 컴포넌트에 대한 편집 요청을 입력하면, 컴포넌트 디스플레이 영역(510)과 컴포넌트 속성 설정 영역(520)이 디스플레이되어, 해당 컴포넌트를 편집할 수 있게 된다.
On the other hand, when the user inputs an edit request for a component placed in the template editing area, the component management tool 500 shown in FIG. 5 may be displayed on the terminal. For example, when an editing request for a component is inputted by a user, for example, by double-clicking a component desired to be edited, the component display area 510 and the component property setting area 520 are displayed, .

데이터베이스(390)는 거래 정보 코드 및 이에 해당하는 거래 정보(예를 들어, 상품명, 상품 이미지, 상품 가격 등)를 저장할 수 있다. 그리고, 단말(100)로부터 거래 정보 코드가 전송될 경우, 이 거래 정보 코드에 해당하는 거래 정보(예를 들어, 상품명, 상품 이미지, 상품 가격 등)가 이메일 생성 장치(300)의 데이터베이스(390)에서 추출되어 제1 컨텐츠 페이지에 포함될 수 있는 것이다. The database 390 may store transaction information codes and corresponding transaction information (e.g., product names, product images, product prices, etc.). When the transaction information code is transmitted from the terminal 100, transaction information (for example, a product name, a product image, a product price, etc.) corresponding to the transaction information code is stored in the database 390 of the e- And may be included in the first content page.

나아가, 데이터베이스(390)는 컴포넌트 데이터베이스(391) 및 템플릿 데이터베이스(392)를 더 포함할 수 있다. Further, the database 390 may further include a component database 391 and a template database 392.

컴포넌트 데이터베이스(391)에는 컴포넌트에 대한 데이터 또는 컴포넌트 속성에 대한 데이터가 저장된다. 여기서, 컴포넌트에 대한 데이터란 컴포넌트 자체에 대한 데이터, 즉 컴포넌트의 이름, 설명, 타입, 그룹 관계, 계층 관계 등을 포함할 수 있다. 한편, 컴포넌트 속성에 대한 데이터란 컴포넌트의 속성에 대한 데이터, 즉 크기 속성, 위치 속성, 색상 속성 및 글꼴 속성 등을 포함할 수 있다. 사용자가 컴포넌트 관리 툴(500)에서 저장 버튼을 클릭하여 컴포넌트 또는 컴포넌트 속성에 대한 데이터베이스 반영 요청을 전송하면, 제어부(320)의 제어 하에 컴포넌트에 대한 데이터 또는 컴포넌트 속성에 대한 데이터가 데이터베이스에 반영되어 저장되는 것이다. The component database 391 stores data on the component or component attributes. Here, the data for the component may include data on the component itself, that is, name, description, type, group relationship, hierarchical relationship, etc. of the component. On the other hand, the data for the component attribute may include data on the attribute of the component, that is, size attribute, position attribute, color attribute, and font attribute. When the user clicks the save button in the component management tool 500 and transmits a database reflection request for a component or a component attribute, the data about the component or the attribute of the component is reflected in the database under the control of the control unit 320 .

템플릿 데이터베이스(392)에는 템플릿에 대한 데이터가 저장된다. 여기서, 템플릿에 대한 데이터란 템플릿의 이름, 설명, 타입, 템플릿에 포함된 각 컴포넌트에 대한 데이터, 템플릿 상에서의 각 컴포넌트의 위치 등을 포함할 수 있다. The template database 392 stores data about the template. Here, the data for the template may include the name of the template, the description, the type, the data for each component included in the template, the position of each component on the template, and the like.

제어부(320)는 통신부(310), 제1 컨텐츠 페이지 생성부(330), 이미지 저장부(340), 제2 컨텐츠 페이지 저장부(350) 및 데이터베이스(390)를 제어하여, 사용자에 의해 입력된 컨텐츠를 이용하여 마크 업 언어(Markup Language)로 구성된 제1 컨텐츠 페이지를 생성하고, 상기 제1 컨텐츠 페이지를 캡처하여 하나 이상의 이미지 파일로 저장하고, 상기 이미지 파일에 대한 정보와, 상기 이미지 파일 상의 하나 이상의 영역에 대한 위치 정보 및 각 영역에 대한 링크 정보를 포함하는 제2 컨텐츠 페이지를 생성하는 역할을 수행한다. 또한, 제어부(320)는 유저 인터페이스 관리부(360)를 제어하여, 사용자가 자유롭게 템플릿 및 컴포넌트를 관리할 수 있도록 한다. The control unit 320 controls the communication unit 310, the first content page generation unit 330, the image storage unit 340, the second content page storage unit 350, and the database 390, The method of claim 1, further comprising: generating a first content page configured in a markup language using the content; capturing the first content page and storing the first content page as one or more image files; And generates a second content page including location information on the area and link information for each area. In addition, the control unit 320 controls the user interface management unit 360 so that the user can freely manage the templates and components.

이와 같은 본 발명에 의해서, 메일의 용량이 현격히 감소함으로써 관리자 측및/또는 사용자 측에서 이메일을 송신 및 수신하는데 필요한 네트워크 및/또는 하드웨어 리소스를 절감하는 효과를 얻을 수 있다. 나아가, 이메일을 수신하는 사용자에게 호감을 불러일으킴으로써 홍보 효과를 높일 수도 있을 것이다. According to the present invention as described above, the capacity of mail is greatly reduced, and it is possible to obtain the effect of reducing the network and / or hardware resources required for transmitting and receiving emails on the administrator side and / or the user side. Furthermore, it may increase the publicity effect by attracting users who receive the e-mail.

나아가, 본 발명에 의해서, 하나의 메일 내에서 동일한 포맷이 여러 번 반복 사용되거나 또는 메일을 보낼 때마다 동일한 포맷이 반복사용될 경우에 자주 사용되는 포맷을 미리 정의해놓은 컴포넌트를 활용할 수 있다. 나아가 이와 같은 컴포넌트가 하나 이상 구비된 템플릿을 활용할 수 있다. 이와 같이 템플릿 상에서 컴포넌트를 신속하고 용이하게 생성/삭제/편집 등 관리할 수 있도록 함으로써, 이메일 작성을 보다 신속하고 용이하게 하는 효과를 얻을 수 있다.
Furthermore, according to the present invention, it is possible to utilize a component having a predefined format that is frequently used when the same format is repeatedly used in one mail or when the same format is repeatedly used each time a mail is sent. Further, a template having one or more of such components can be utilized. By making it possible to quickly and easily create / delete / edit components on a template in this way, it is possible to obtain an effect of making e-mail creation faster and easier.

이하에서는 본 발명의 일 실시예에 따른 이메일 생성 방법에 대해 설명한다. Hereinafter, an email generation method according to an embodiment of the present invention will be described.

도 6은 본 발명의 일 실시예에 따른 이메일 생성 방법의 흐름을 나타낸 도면이다.6 is a flowchart illustrating an e-mail generation method according to an embodiment of the present invention.

도 2 및 도 6을 참조하면, 본 발명의 일 실시예에 따른 이메일 생성 방법은 사용자로부터 컨텐츠를 입력받는 단계(S110 단계), 사용자에 의해 입력된 컨텐츠를 이메일 생성 장치(300)로 전송하는 단계(S120 단계), 이메일 생성 장치(300)의 제1 컨텐츠 페이지 생성부(330)가 전송된 컨텐츠를 이용하여 마크 업 언어(Markup Language)로 구성된 제1 컨텐츠 페이지를 생성하는 단계(S130 단계), 이메일 생성 장치(300)에서 단말(100)로 생성된 제1 컨텐츠 페이지가 전송되는 단계(S140 단계), 단말(100)에서 이메일 생성 장치(300)로 제2 컨텐츠 페이지 생성 요청이 전송되는 단계(S150 단계), 이메일 생성 장치(300)의 이미지 저장부(340)가 제1 컨텐츠 페이지를 캡처하여 하나 이상의 이미지 파일로 저장하는 단계(S160 단계), 이메일 생성 장치(300)의 제2 컨텐츠 페이지 저장부(350)가 상기 이미지 파일에 대한 정보와, 상기 이미지 파일 상의 하나 이상의 영역에 대한 위치 정보 및 각 영역에 대한 링크 정보를 포함하는 제2 컨텐츠 페이지를 생성하는 단계(S170 단계), 단말(100)에서 이메일 생성 장치(300)로 이메일 발송 요청이 전송되는 단계(S180 단계), 및 이메일 생성 장치(300)에서 사용자 단말(도 1의 200 참조)로 이메일이 발송되는 단계(S190 단계)를 포함한다. 2 and 6, an e-mail generation method according to an embodiment of the present invention includes receiving content from a user (step S110), transmitting content inputted by a user to an e-mail generation apparatus 300 The first content page generating unit 330 of the email generating apparatus 300 generates a first content page configured in a markup language using the transmitted content in operation S130, A second content page creation request is transmitted from the terminal 100 to the e-mail generation apparatus 300 (step S140), in which the first content page generated in the terminal 100 is transmitted from the e-mail generation apparatus 300 In operation S150, the image storing unit 340 of the e-mail generating apparatus 300 captures a first content page and saves the first content page as one or more image files in operation S160. When the unit 350 receives Generating a second content page including information on the image file, location information on one or more areas on the image file, and link information for each area in operation S170, 300), and an e-mail is sent to the user terminal (see 200 in FIG. 1) in the e-mail generating apparatus 300 (step S190).

상세히, 단말(100)의 사용자 인터페이스부(120)에 이메일 생성 툴이 표시되고, 이를 통해 사용자로부터 컨텐츠를 입력받는다(S110 단계). 이때 사용자는 소정의 거래 정보 코드를 입력할 수도 있고, 텍스트 또는 이미지 정보를 직접 입력할 수도 있다. In detail, the e-mail generation tool is displayed on the user interface unit 120 of the terminal 100, and content is input from the user through the e-mail creation tool (step S110). At this time, the user may input a predetermined transaction information code or input text or image information directly.

다음으로, 사용자에 의해 입력된 컨텐츠는 이메일 생성 장치(300)로 전송된다(S120 단계). 예를 들어, 도 3의 이메일 생성 툴의 미리보기 버튼(B1)이 입력되면, 컨텐츠는 이메일 생성 장치(300)로 전송될 수 있다. Next, the content input by the user is transmitted to the e-mail generating apparatus 300 (step S120). For example, when the preview button B1 of the e-mail generating tool of Fig. 3 is input, the contents can be transmitted to the e-mail generating apparatus 300. [

다음으로, 이메일 생성 장치(300)의 제1 컨텐츠 페이지 생성부(330)는 전송된 컨텐츠를 이용하여 마크 업 언어(Markup Language)로 구성된 제1 컨텐츠 페이지를 생성(S130 단계)한다. 이때, 제1 컨텐츠 페이지를 구성하는 마크 업 언어는 HTML(hypertext markup language), SGML(Standard Generalized Markup Language), XML(eXtensible markup language) 등 다양한 마크 업 언어일 수 있다. Next, the first content page generator 330 of the email generating apparatus 300 generates a first content page configured in a markup language using the transmitted content (step S130). At this time, the markup language constituting the first content page may be various markup languages such as hypertext markup language (HTML), standard generalized markup language (SGML), and eXtensible markup language (XML).

다음으로, 이메일 생성 장치(300)에서 단말(100)로 생성된 제1 컨텐츠 페이지가 전송(S140 단계)되어, 단말(100) 상에서 HTML 형태의 제1 컨텐츠 페이지가 디스플레이될 수 있다. 이때, 단말(100) 상에서 제1 컨텐츠 페이지는 미리보기 형식으로 디스플레이될 수 있다. Next, a first content page generated in the terminal 100 in the email generating apparatus 300 is transmitted (step 140), and a first content page in HTML form may be displayed on the terminal 100. At this time, the first content page on the terminal 100 can be displayed in a preview format.

다음으로, 단말(100)에서 이메일 생성 장치(300)로 제2 컨텐츠 페이지 생성 요청이 전송(S150 단계)된다. 예를 들어, 도 3의 이메일 생성 툴의 파일생성 버튼(B2)이 입력되면, 제2 컨텐츠 페이지 생성 요청이 이메일 생성 장치(300)로 전송될 수 있다. Next, a second content page creation request is transmitted from the terminal 100 to the email generating apparatus 300 (step S150). For example, when a file creation button B2 of the email generation tool of FIG. 3 is input, a second content page creation request may be transmitted to the email generation apparatus 300. [

다음으로, 이메일 생성 장치(300)의 이미지 저장부(340)가 제1 컨텐츠 페이지를 캡처하여 하나 이상의 이미지 파일로 저장(S160 단계)한다. 상세히, 이미지 저장부(340)는 제1 컨텐츠 페이지 생성부(330)에서 생성한 HTML 형식의 제1 컨텐츠 페이지를 캡처하여 하나의(또는 경우에 따라서는 복수 개의) 이미지 파일로 저장함으로써, 이메일에 포함될 컨텐츠 페이지의 용량을 현격하게 감소시킨다. 이때, 이미지 저장부(340)는 제1 컨텐츠 페이지 생성부(330)에서 생성한 HTML 형식의 제1 컨텐츠 페이지를 캡처하여 이미지 파일로 형성하여 저장함에 있어서, 제1 컨텐츠 페이지를 기 설정된 소정의 크기로 분할하여 저장할 수 있다. Next, the image storage unit 340 of the e-mail generating apparatus 300 captures the first content page and stores it as one or more image files (step S160). In detail, the image storage unit 340 captures the first content page of the HTML format generated by the first content page generating unit 330 and saves the first content page as one (or possibly a plurality of) image files, Thereby significantly reducing the capacity of the content page to be included. At this time, the image storage unit 340 captures the first content page of the HTML format generated by the first content page generating unit 330 and forms and stores the first content page as an image file, and stores the first content page in a predetermined size Can be divided and stored.

다음으로, 이메일 생성 장치(300)의 제2 컨텐츠 페이지 저장부(350)가 상기 이미지 파일에 대한 정보와, 상기 이미지 파일 상의 하나 이상의 영역에 대한 위치 정보 및 각 영역에 대한 링크 정보를 포함하는 제2 컨텐츠 페이지를 생성(S170 단계)한다. 여기서, 이미지 파일에 대한 정보는 이미지 저장부(340)가 저장한 이미지 파일의 경로 정보 등일 수 있다. Next, the second content page storage unit 350 of the e-mail generating apparatus 300 receives the information about the image file, location information about one or more areas on the image file, and link information for each area 2 content page (step S170). Here, the information on the image file may be path information of the image file stored in the image storage unit 340, and the like.

상세히, 이미지 저장부(340)에서 제1 컨텐츠 페이지를 캡처하여 하나의 이미지 파일(예를 들어, 대표도.jpg)를 생성하여 저장한다. 즉, 제1 컨텐츠 페이지 내에 이미지 파일이 아무리 많이 포함되어 있다고 하더라도, 이를 캡처하여 하나의 이미지 파일로 만듦으로써 전체 컨텐츠 페이지의 용량을 현격하게 감소시킬 수 있는 것이다. 그리고, HTML 형식의 제1 컨텐츠 페이지 상에서 다수 개의 이미지 각각을 클릭하였을 때 서로 다른 페이지로 이동하던 것과 동일한 효과를 주기 위하여, 이미지 저장부(340)에서 생성한 이미지의 각 영역에 대한 위치 정보와, 그 위치에 대한 링크 정보를 포함하는 제2 컨텐츠 페이지를 생성하는 것이다. In detail, the image storage unit 340 captures a first content page to generate and store one image file (e.g., representative image .jpg). That is, even if the image file is included in the first content page, the capacity of the entire content page can be significantly reduced by capturing it and making it into one image file. In order to achieve the same effect as moving to different pages when each of a plurality of images is clicked on a first content page in HTML format, the position information for each region of the image generated by the image storage unit 340, And generates a second content page including link information for the position.

즉, 제2 컨텐츠 페이지 또한 HTML과 같은 마크 업 언어(Markup Language)로 구성되나, 제1 컨텐츠 페이지에 비해 페이지 내에 포함된 이미지 파일의 개수가 현격히 감소함으로써, 컨텐츠 페이지의 용량을 감소시키는 것이다. That is, the second content page is also configured with a markup language such as HTML, but the number of image files included in the page is significantly reduced compared to the first content page, thereby reducing the capacity of the content page.

다음으로, 단말(100)에서 이메일 생성 장치(300)로 이메일 발송 요청이 전송되면(S180 단계), 이메일 생성 장치(300)에서 사용자 단말(도 1의 200 참조)로 이메일을 발송(S190 단계)한다. 이때 발송되는 이메일에는 제2 컨텐츠 페이지가 포함되어 있으므로, 메일의 용량이 현격히 감소함으로써 관리자 측 및/또는 사용자 측에서 이메일을 송신 및 수신하는데 필요한 네트워크 및/또는 하드웨어 리소스를 절감하는 효과를 얻을 수 있다. 나아가, 이메일을 수신하는 사용자에게 호감을 불러일으킴으로써 홍보 효과를 높일 수도 있을 것이다.
Next, when an email sending request is transmitted from the terminal 100 to the email generating apparatus 300 in step S180, the email generating apparatus 300 sends an email to the user terminal 200 in step S190. do. Since the second content page is included in the e-mail sent at this time, the capacity of the e-mail is significantly reduced, thereby reducing the network and / or hardware resources required for transmitting and receiving e-mails on the administrator side and / or the user side . Furthermore, it may increase the publicity effect by attracting users who receive the e-mail.

이하에서는 본 발명의 일 실시예에 따른 이메일 생성용 유저 인터페이스 관리 방법에 대해 설명한다. Hereinafter, a user interface management method for generating e-mail according to an embodiment of the present invention will be described.

도 7 및 도 8은 본 발명의 일 실시예에 따른 이메일 생성용 유저 인터페이스 관리 방법의 흐름을 나타낸 도면이다.7 and 8 are flow charts of a method of managing a user interface for email generation according to an embodiment of the present invention.

도 2 및 도 7을 참조하면, 본 발명의 일 실시예에 따른 이메일 생성용 유저 인터페이스 관리 방법은, 단말(100) 상에 템플릿 편집 영역(610)이 디스플레이되는 단계(S310 단계), 사용자로부터 템플릿 편집 영역(610) 상에서의 컴포넌트의 생성, 삭제, 이동을 요청하는 템플릿 관리 요청이 입력되는 단계(S320 단계), 이와 같이 템플릿에 대한 관리 요청이 수신(S330 단계)되면, 상기 관리 요청이 수신된 템플릿에 대한 변경이 적용되어 단말 상에서 디스플레이되는 단계(S340 단계), 템플릿에 대한 데이터베이스 반영 요청이 수신(S350 단계)되면, 이를 데이터베이스에 반영하여 저장(S360 단계)하고, 데이터베이스 반영 결과를 전송하는 단계(S370 단계)를 포함한다. 나아가, 편집을 원하는 컴포넌트가 있을 경우, 사용자로부터 템플릿 편집 영역(610)에 배치된 컴포넌트에 대한 편집 요청이 입력되는 단계(S380 단계)를 더 포함할 수 있다. Referring to FIGS. 2 and 7, a method for managing a user interface for generating emails according to an embodiment of the present invention includes displaying template editing area 610 on a terminal 100 (step S310) A template management request for requesting the creation, deletion, and movement of components on the editing area 610 is inputted (step S320). When the management request for template is received (step S330), the management request is received The template is reflected on the terminal and displayed on the terminal in operation S340. When the template reflecting request for the template is received in operation S350, the template is reflected on the database and stored in operation S360. (Step S370). In addition, if there is a component desired to be edited, an editing request for a component arranged in the template editing area 610 may be input from the user (step S380).

상세히, 단말(100) 상에 템플릿 편집 영역(610)이 디스플레이(S310 단계)된다. 다음으로, 사용자에 의해 단말(100)로 템플릿 편집 영역(610) 상에서의 컴포넌트의 생성, 삭제, 이동과 같은 템플릿 관리 요청이 입력(S320 단계)된다. In detail, the template editing area 610 is displayed on the terminal 100 (step S310). Next, a template management request such as creation, deletion, and movement of components on the template editing area 610 is input to the terminal 100 by the user (step S320).

이와 같이 템플릿에 대한 관리 요청이 단말(100)로부터 이메일 생성 장치(300)로 전송(S330 단계)되면, 이메일 생성 장치(300)의 템플릿 편집부(385)는 관리 요청이 수신된 템플릿에 대한 변경이 적용되어 단말(100) 상에서 디스플레이되도록 제어(S350 단계)한다. When the management request for the template is transmitted from the terminal 100 to the email generating apparatus 300 in step S330 as described above, the template editing unit 385 of the email generating apparatus 300 generates a change And is displayed on the terminal 100 (step S350).

즉, 컴포넌트 생성 요청이 전송되면 템플릿 편집부(385)는 해당 컴포넌트가 템플릿 편집 영역(610)에 새롭게 디스플레이되도록 하고, 컴포넌트 삭제 요청이 전송되면 템플릿 편집부(385)는 해당 컴포넌트가 템플릿 편집 영역(610)에서 사라지도록 할 수 있다. That is, when the component creation request is transmitted, the template editing unit 385 displays the corresponding component in the template editing area 610. When the component editing request is transmitted, the template editing unit 385 displays the corresponding component in the template editing area 610, To disappear from.

다음으로, 사용자가 이메일 생성 툴(600)에서 저장 버튼을 클릭하여 템플릿에 대한 데이터베이스 반영 요청을 전송(S350 단계)하면, 제어부(320)의 제어 하에 템플릿에 대한 데이터가 데이터베이스에 반영되어 저장(S360 단계)되고, 이메일 생성 장치(300)에서 단말(100)로 데이터베이스 반영 결과를 전송(S370 단계)한다.Next, when the user clicks the save button in the email generation tool 600 and transmits a database reflection request for the template (S350), the template data is reflected in the database under control of the control unit 320 And the e-mail generating apparatus 300 transmits the database reflecting result to the terminal 100 (step S370).

다음으로, 사용자가 각각의 컴포넌트에 대한 편집을 원할 경우, 템플릿 편집 영역(610)에 배치된 컴포넌트에 대한 편집 요청을 입력(S380 단계)한다. 그러면, 단말상에 도 5에 도시된 컴포넌트 관리 툴(500)이 디스플레이될 수 있다. 예를 들어, 사용자가 편집을 원하는 컴포넌트를 더블 클릭하는 등의 방법으로 컴포넌트에 대한 편집 요청을 입력하면, 컴포넌트 디스플레이 영역(510)과 컴포넌트 속성 설정 영역(520)이 디스플레이되어, 해당 컴포넌트를 편집할 수 있게 된다. 이하에서는 이러한 컴포넌트 편집에 대해 보다 상세히 설명한다.
Next, if the user wishes to edit each component, an edit request for a component arranged in the template editing area 610 is inputted (step S380). Then, the component management tool 500 shown in Fig. 5 can be displayed on the terminal. For example, when an editing request for a component is inputted by a user, for example, by double-clicking a component desired to be edited, the component display area 510 and the component property setting area 520 are displayed, . This component editing will be described in more detail below.

도 2 및 도 8을 참조하면, 본 발명의 일 실시예에 따른 이메일 생성용 유저 인터페이스 관리 방법은, 단말(100) 상에 컴포넌트 디스플레이 영역(510) 및 컴포넌트 속성 설정 영역(520)이 디스플레이되는 단계(S410 단계), 사용자로부터 컴포넌트의 생성, 삭제, 각 컴포넌트 간의 그룹 설정 또는 계층 설정을 요청하는 컴포넌트 관리 요청이 입력되는 단계(S420 단계), 이와 같이 하나 이상의 컴포넌트에 대한 관리 요청이 수신(S430 단계)되면, 상기 관리 요청이 수신된 컴포넌트에 대한 변경이 적용되어 단말 상에서 디스플레이되는 단계(S440 단계), 사용자 입력에 의해 컴포넌트 디스플레이 영역에 배치된 어느 일 컴포넌트가 선택되면, 상기 선택된 컴포넌트의 속성을 제어하기 위한 하나 이상의 속성 설정부가 단말 상에 디스플레이되는 단계(S450 단계), 사용자로부터 컴포넌트 속성의 입력, 삭제, 수정 등의 컴포넌트 속성 관리 요청이 입력되는 단계(S460 단계), 선택된 컴포넌트의 하나 이상의 속성에 대한 관리 요청이 수신(S470 단계)되면, 상기 관리 요청이 수신된 컴포넌트 속성에 대한 변경이 적용되어 디스플레이되는 단계(S480 단계), 컴포넌트 또는 컴포넌트 속성에 대한 데이터베이스 반영 요청이 수신(S491 단계)되면, 이를 데이터베이스에 반영하여 저장(S493 단계)하고, 데이터베이스 반영 결과를 전송하는 단계(S495 단계)를 포함한다.2 and 8, a method for managing a user interface for generating emails according to an embodiment of the present invention includes displaying a component display area 510 and a component attribute setting area 520 on a terminal 100 (S410), a component management request for requesting creation or deletion of a component from a user, a group setting or a hierarchy setting of each component is input (S420), and a management request for one or more components is received (S430 ), The management request is displayed on the terminal to which the change of the received component is applied (S440). When a component arranged in the component display area is selected by user input, the attribute of the selected component is controlled (Step S450), and the step of displaying the attribute information When a management request for one or more attributes of the selected component is received (step S470), the management request is input to the received component attribute (step S460) (Step S493), and when the component or component property is requested to receive a database reflection request (S491), it is reflected in the database (S493), and the database reflection result is transmitted S495).

상세히, 단말(100) 상에 컴포넌트 디스플레이 영역(510) 및 컴포넌트 속성 설정 영역(520)이 디스플레이(S410 단계)된다. In detail, the component display area 510 and the component property setting area 520 are displayed on the terminal 100 (step S410).

다음으로, 사용자에 의해 단말(100)로 컴포넌트 생성 요청, 컴포넌트 삭제 요청, 복수 개의 컴포넌트에 대한 그룹 설정 요청, 또는 복수 개의 컴포넌트 간의 계층 설정 요청과 같은 컴포넌트 관리 요청이 입력(S420 단계)된다. Next, a component management request such as a component creation request, a component deletion request, a group setting request for a plurality of components, or a hierarchy setting request for a plurality of components is input to the terminal 100 by the user in operation S420.

이와 같이 하나 이상의 컴포넌트에 대한 관리 요청이 단말(100)로부터 이메일 생성 장치(300)로 전송(S430 단계)되면, 이메일 생성 장치(300)의 컴포넌트 관리부(370)는 관리 요청이 수신된 컴포넌트에 대한 변경이 적용되어 단말(100) 상에서 디스플레이되도록 제어(S440 단계)한다. When the management request for one or more components is transmitted from the terminal 100 to the email generating apparatus 300 in operation S430, the component managing unit 370 of the email generating apparatus 300 transmits a management request So that the change is displayed and displayed on the terminal 100 (step S440).

즉, 컴포넌트 생성 요청이 전송되면 컴포넌트 관리부(370)는 해당 컴포넌트가 컴포넌트 디스플레이 영역(510)에 새롭게 디스플레이되도록 하고, 컴포넌트 삭제 요청이 전송되면 컴포넌트 관리부(370)는 해당 컴포넌트가 컴포넌트 디스플레이 영역(510)에서 사라지도록 할 수 있다. 또한, 복수 개의 컴포넌트에 대한 그룹 설정 요청이 전송되면, 컴포넌트 관리부(370)는 해당 컴포넌트들이 하나의 그룹으로 설정되어 있음을 표시하며, 또는 복수 개의 컴포넌트 간의 계층 설정 요청이 전송되면, 해당 컴포넌트들이 계층 구조를 이루고 있음을 표시할 수 있다.That is, when the component creation request is transmitted, the component management unit 370 newly displays the corresponding component in the component display area 510. When the component deletion request is transmitted, the component management unit 370 displays the corresponding component in the component display area 510, To disappear from. In addition, when a group setting request for a plurality of components is transmitted, the component management unit 370 indicates that the corresponding components are set as one group, or when a layer setting request between a plurality of components is transmitted, Structure can be displayed.

다음으로, 사용자 입력에 의해 상기 컴포넌트 디스플레이 영역에 배치된 어느 일 컴포넌트가 선택되면, 상기 선택된 컴포넌트의 속성을 제어하기 위한 하나 이상의 속성 설정부가 컴포넌트 속성 설정 영역(520)에 디스플레이(S450 단계)된다. Next, when one component arranged in the component display area is selected by user input, at least one attribute setting part for controlling the attribute of the selected component is displayed in the component attribute setting area 520 (step S450).

다음으로, 사용자는 각종 속성 설정부에 소정의 속성을 입력(예를 들어 크기 입력, 위치 입력)하거나 수정하거나 삭제하여, 컴포넌트 속성에 대한 관리 요청을 입력(S460 단계)한다. 또는 사용자가 드래그 앤 드롭(Drag & Drop) 신호 또는 터치 앤 드래그(Touch & Drag) 방식으로 컴포넌트를 직접 조절함으로써(예를 들어 크기 조절, 위치 조절), 컴포넌트 속성에 대한 관리 요청을 입력할 수도 있다. Next, the user inputs a predetermined attribute (e.g., size input, position input) to the various attribute setting units, modifies or deletes the attribute, and inputs a management request for the component attribute (S460). Alternatively, a user may enter a management request for a component attribute by directly adjusting the component (e.g., resizing, positioning) by a Drag & Drop signal or a touch & drag .

다음으로, 단말(100)로부터 이메일 생성 장치(300)로 해당 컴포넌트의 크기 속성, 위치 속성, 색상 속성 및 글꼴 속성 등의 다양한 속성에 대한 관리 요청 내지는 변경 요청이 전송(S470 단계)되면, 이메일 생성 장치(300)의 컴포넌트 속성 관리부(375)는 관리 요청이 수신된 컴포넌트 속성에 대한 변경이 적용되어 단말(100) 상에서 디스플레이되도록 제어(S480 단계)할 수 있다. Next, when a management request or a change request is sent from the terminal 100 to the email generating apparatus 300 for various attributes such as the size attribute, position attribute, color attribute, and font attribute of the corresponding component (S470) The component property management unit 375 of the device 300 may control the display unit 400 to display a change in the component attribute on which the management request is received so as to be displayed on the terminal 100 in operation S480.

마지막으로, 사용자가 컴포넌트 관리 툴(500)에서 저장 버튼을 클릭하여 컴포넌트 또는 컴포넌트 속성에 대한 데이터베이스 반영 요청을 전송(S491 단계)하면, 제어부(320)의 제어 하에 컴포넌트에 대한 데이터 또는 컴포넌트 속성에 대한 데이터가 데이터베이스에 반영되어 저장(S493 단계)되고, 이메일 생성 장치(300)에서 단말(100)로 데이터베이스 반영 결과를 전송(S495 단계)한다.Finally, when the user clicks the save button in the component management tool 500 and transmits a database reflection request for the component or component attribute (step S491), the control unit 320 controls the data or component attribute The data is reflected in the database and stored (S493), and the result of the database reflection is transmitted from the email generating device 300 to the terminal 100 (S495).

이와 같은 본 발명에 의해서, 하나의 메일 내에서 동일한 포맷이 여러 번 반복 사용되거나 또는 메일을 보낼 때마다 동일한 포맷이 반복사용될 경우에 자주 사용되는 포맷을 미리 정의해놓은 컴포넌트를 활용할 수 있다. 나아가 이와 같은 컴포넌트가 하나 이상 구비된 템플릿을 활용할 수 있다. 이와 같이 템플릿 상에서 컴포넌트를 신속하고 용이하게 생성/삭제/편집 등 관리할 수 있도록 함으로써, 이메일 작성을 보다 신속하고 용이하게 하는 효과를 얻을 수 있다.
According to the present invention, when the same format is repeatedly used in one mail or when the same format is repeatedly used each time a mail is sent, a component that is frequently used can be utilized. Further, a template having one or more of such components can be utilized. By making it possible to quickly and easily create / delete / edit components on a template in this way, it is possible to obtain an effect of making e-mail creation faster and easier.

도 9는 본 발명의 다른 일 실시예에 따른 이메일 생성 시스템(70)을 개략적으로 나타내는 블록도이다. 도 9를 참조하면, 본 발명의 다른 일 실시예에 따른 이메일 생성 시스템(70)은 이메일 생성 장치(700)를 구비하며, 이와 같은 이메일 생성 장치(700)는 통신부(710), 사용자 인터페이스부(725), 제어부(720), 제1 컨텐츠 페이지 생성부(730), 이미지 저장부(740), 제2 컨텐츠 페이지 저장부(750) 및 데이터베이스(790) 등을 포함할 수 있다. 나아가 본 발명의 일 실시예에 따른 이메일 생성 장치(700)는 유저 인터페이스 관리부(760)를 더 포함하고, 유저 인터페이스 관리부(760)는 컴포넌트 관리부(770), 컴포넌트 속성 관리부(775), 템플릿 제공부(780), 템플릿 편집부(785)를 포함할 수 있다. 9 is a block diagram that schematically illustrates an email generation system 70 in accordance with another embodiment of the present invention. 9, an e-mail generation system 70 according to another embodiment of the present invention includes an e-mail generation apparatus 700. The e-mail generation apparatus 700 includes a communication unit 710, a user interface unit 725, a control unit 720, a first content page generation unit 730, an image storage unit 740, a second content page storage unit 750, and a database 790. Further, the e-mail generating apparatus 700 according to an embodiment of the present invention further includes a user interface managing unit 760, and the user interface managing unit 760 includes a component managing unit 770, a component attribute managing unit 775, (780), and a template editing unit (785).

본 실시예가 도 1에서 기술한 실시예와 특징적으로 다른 점은, 단말과 이메일 생성 장치를 별도로 구분하지 아니하고, 단일의 이메일 생성 장치(700)에서 컨텐츠 입력, 제1 컨텐츠 페이지 생성, 이미지 저장, 제2 컨텐츠 페이지 저장을 수행한다는 것이며, 이하에서는 이를 중점적으로 설명하도록 한다. 1 except that the terminal and the e-mail generating apparatus are not separately distinguished from each other, and a single e-mail generating apparatus 700 can input content, generate a first content page, store an image, 2 content page, which will be described below.

먼저, 본 실시예의 이메일 생성 장치(700)는 관리자 측의 이메일 생성 서버일 수 있다. 즉, 메일을 발송하고자 하는 관리자가 통신망을 통해 이메일 생성 서버에 접속하는 것이 아니라, 이메일 생성 서버에 사용자 인터페이스부(725)가 추가로 구비되어, 관리자가 별도의 통신망을 거치지 않고 직접 이메일 생성 서버에 컨텐츠를 입력할 수 있는 것이다. First, the e-mail generating apparatus 700 of the present embodiment may be an e-mail generating server on the administrator side. That is, the administrator who wants to send mail does not connect to the email generation server via the communication network, but the user interface unit 725 is additionally provided in the email generation server so that the administrator can directly access the email generation server You can enter content.

또는, 본 실시예의 이메일 생성 장치(700)는 관리자 단말에서 독자적으로 실행되는 스탠드-얼론(stand-alone) 형태의 애플리케이션일 수도 있다. 즉, 관리자 단말에 제1 컨텐츠 페이지 생성, 이미지 저장 및 제2 컨텐츠 페이지 생성을 수행할 수 있는 애플리케이션이 설치되어, 이메일 생성 서버에 별도의 요청을 수행할 필요 없이 관리자 단말에서 직접 컨텐츠를 입력하고 이를 이용하여 제1 컨텐츠 페이지를 생성하고, 이를 캡처하여 이미지 파일로 저장하고, 이미지 파일 상의 하나 이상의 영역에 대한 위치 정보 및 각 영역에 대한 링크 정보를 포함하는 제2 컨텐츠 페이지를 생성할 수 있는 것이다. Alternatively, the e-mail generation apparatus 700 of the present embodiment may be a stand-alone application that is executed independently by the administrator terminal. That is, an application capable of generating a first content page, an image storage, and a second content page is installed in the administrator terminal, and the administrator terminal directly inputs the content without having to perform a separate request to the email generation server, To generate a first content page, capture it and save it as an image file, and generate a second content page including location information for one or more areas on the image file and link information for each area.

본 실시예의 각 구성 요소, 즉 통신부(710), 제어부(720), 사용자 인터페이스부(725), 제1 컨텐츠 페이지 생성부(730), 이미지 저장부(740), 제2 컨텐츠 페이지 저장부(750) 및 데이터베이스(790)는 도 1 내지 도 7에서 설명한 실시예의 구성과 실질적으로 동일한바, 여기서는 그 상세한 설명은 생략하도록 한다.
Each of the components of the present embodiment, that is, the communication unit 710, the control unit 720, the user interface unit 725, the first content page generation unit 730, the image storage unit 740, And the database 790 are substantially the same as those in the embodiments described in Figs. 1 to 7, and a detailed description thereof will be omitted here.

도 10은 본 발명의 다른 일 실시예에 따른 이메일 생성 방법의 흐름을 나타낸 도면이다.10 is a flowchart illustrating an e-mail generation method according to another embodiment of the present invention.

도 9 및 도 10을 참조하면, 본 발명의 다른 일 실시예에 따른 이메일 생성 방법은 사용자로부터 컨텐츠를 입력받는 단계(S210 단계), 전송된 컨텐츠를 이용하여 이메일 생성 장치(700)의 제1 컨텐츠 페이지 생성부(730)가 마크 업 언어(Markup Language)로 구성된 제1 컨텐츠 페이지를 생성하는 단계(S220 단계), 이메일 생성 장치(700)의 이미지 저장부(740)가 제1 컨텐츠 페이지를 캡처하여 하나 이상의 이미지 파일로 저장하는 단계(S230 단계), 이메일 생성 장치(700)의 제2 컨텐츠 페이지 저장부(750)가 상기 이미지 파일에 대한 정보와, 상기 이미지 파일 상의 하나 이상의 영역에 대한 위치 정보 및 각 영역에 대한 링크 정보를 포함하는 제2 컨텐츠 페이지를 생성하는 단계(S240 단계), 및 이메일 생성 장치(700)에서 사용자 단말(도 1의 200 참조)로 이메일이 발송되는 단계(S250 단계)를 포함한다. 9 and 10, an e-mail generating method according to another exemplary embodiment of the present invention includes receiving content from a user (step S210), receiving first contents of the e-mail generating apparatus 700 The page generating unit 730 generates the first content page configured in the markup language in step S220 and the image storing unit 740 of the email generating apparatus 700 captures the first content page The second content page storage unit 750 of the e-mail generating apparatus 700 stores information on the image file, position information on one or more areas on the image file, (Step S240) of generating a second content page including link information for each area (step S240), and sending an email to the user terminal (see 200 in FIG. 1) in the email generating apparatus 700 And a system).

본 실시예가 도 6에서 기술한 실시예와 특징적으로 다른 점은, 단말과 이메일 생성 장치를 별도로 구분하지 아니하고, 단일의 이메일 생성 장치(700)에서 컨텐츠 입력, 제1 컨텐츠 페이지 생성, 이미지 저장, 제2 컨텐츠 페이지 저장을 수행한다는 것이다. 6, the terminal and the e-mail generating apparatus are not distinguished from each other, and a single e-mail generating apparatus 700 can input content, generate a first content page, store an image, 2 content page storage.

즉, 본 실시예의 이메일 생성 장치(700)는 관리자 측의 이메일 생성 서버일 수도 있고, 또는 본 실시예의 이메일 생성 장치(700)는 관리자 단말에서 독자적으로 실행되는 스탠드-얼론(stand-alone) 형태의 애플리케이션일 수도 있다. 본 실시예의 각 단계는 도 6에서 설명한 실시예의 단계와 실질적으로 동일한바, 여기서는 그 상세한 설명은 생략하도록 한다. That is, the e-mail generating apparatus 700 of the present embodiment may be an e-mail generating server of the administrator side, or the e-mail generating apparatus 700 of the present embodiment may be a stand- Application. Each step of the present embodiment is substantially the same as that of the embodiment described with reference to FIG. 6, and a detailed description thereof will be omitted.

이와 같은 본 발명의 여러 실시예에 의해, 메일의 용량이 현격히 감소함으로써 관리자 측및/또는 사용자 측에서 이메일을 송신 및 수신하는데 필요한 네트워크 및/또는 하드웨어 리소스를 절감하는 효과를 얻을 수 있다. 나아가, 이메일을 수신하는 사용자에게 호감을 불러일으킴으로써 홍보 효과를 높일 수 있다. According to the embodiments of the present invention as described above, the capacity of mail is greatly reduced, thereby reducing network and / or hardware resources required for transmitting and receiving emails on the administrator side and / or the user side. Furthermore, by promoting an appeal to the user who receives the e-mail, the promotion effect can be enhanced.

이상 설명된 본 발명에 따른 실시예는 다양한 컴퓨터 구성요소를 통하여 실행될 수 있는 프로그램 명령어의 형태로 구현되어 컴퓨터 판독 가능한 기록 매체에 기록될 수 있다. 상기 컴퓨터 판독 가능한 기록 매체는 프로그램 명령어, 데이터 파일, 데이터 구조 등을 단독으로 또는 조합하여 포함할 수 있다. 상기 컴퓨터 판독 가능한 기록 매체에 기록되는 프로그램 명령어는 본 발명을 위하여 특별히 설계되고 구성된 것이거나 컴퓨터 소프트웨어 분야의 당업자에게 공지되어 사용 가능한 것일 수 있다. 컴퓨터 판독 가능한 기록 매체의 예에는, 하드 디스크, 플로피 디스크 및 자기 테이프와 같은 자기 매체, CD-ROM 및 DVD와 같은 광기록 매체, 플롭티컬 디스크(floptical disk)와 같은 자기-광 매체(magneto-optical medium), 및 ROM, RAM, 플래시 메모리 등과 같은, 프로그램 명령어를 저장하고 실행하도록 특별히 구성된 하드웨어 장치가 포함된다. 프로그램 명령어의 예에는, 컴파일러에 의하여 만들어지는 것과 같은 기계어 코드뿐만 아니라 인터프리터 등을 사용하여 컴퓨터에 의해서 실행될 수 있는 고급 언어 코드도 포함된다. 하드웨어 장치는 본 발명에 따른 처리를 수행하기 위하여 하나 이상의 소프트웨어 모듈로 변경될 수 있으며, 그 역도 마찬가지이다.The embodiments of the present invention described above can be implemented in the form of program instructions that can be executed through various computer components and recorded in a computer-readable recording medium. The computer-readable recording medium may include program commands, data files, data structures, and the like, alone or in combination. The program instructions recorded on the computer-readable recording medium may be those specifically designed and configured for the present invention or may be those known and used by those skilled in the computer software arts. Examples of computer-readable media include magnetic media such as hard disks, floppy disks and magnetic tape, optical recording media such as CD-ROM and DVD, magneto-optical media such as floptical disks, medium, and hardware devices specifically configured to store and execute program instructions, such as ROM, RAM, flash memory, and the like. Examples of program instructions include machine language code, such as those generated by a compiler, as well as high-level language code that can be executed by a computer using an interpreter or the like. The hardware device may be modified into one or more software modules for performing the processing according to the present invention, and vice versa.

본 발명에서 설명하는 특정 실행들은 일 실시 예들로서, 어떠한 방법으로도 본 발명의 범위를 한정하는 것은 아니다. 명세서의 간결함을 위하여, 종래 전자적인 구성들, 제어 시스템들, 소프트웨어, 상기 시스템들의 다른 기능적인 측면들의 기재는 생략될 수 있다. 또한, 도면에 도시된 구성 요소들 간의 선들의 연결 또는 연결 부재들은 기능적인 연결 및/또는 물리적 또는 회로적 연결들을 예시적으로 나타낸 것으로서, 실제 장치에서는 대체 가능하거나 추가의 다양한 기능적인 연결, 물리적인 연결, 또는 회로 연결들로서 나타내어질 수 있다. 또한, “필수적인”, “중요하게” 등과 같이 구체적인 언급이 없다면 본 발명의 적용을 위하여 반드시 필요한 구성 요소가 아닐 수 있다.The specific acts described in the present invention are, by way of example, not intended to limit the scope of the invention in any way. For brevity of description, descriptions of conventional electronic configurations, control systems, software, and other functional aspects of such systems may be omitted. Also, the connections or connecting members of the lines between the components shown in the figures are illustrative of functional connections and / or physical or circuit connections, which may be replaced or additionally provided by a variety of functional connections, physical Connection, or circuit connections. Also, unless explicitly mentioned, such as &quot; essential &quot;, &quot; importantly &quot;, etc., it may not be a necessary component for application of the present invention.

따라서, 본 발명의 사상은 상기 설명된 실시예에 국한되어 정해져서는 아니 되며, 후술하는 특허청구범위뿐만 아니라 이 특허청구범위와 균등한 또는 이로부터 등가적으로 변경된 모든 범위는 본 발명의 사상의 범주에 속한다고 할 것이다.Accordingly, the spirit of the present invention should not be construed as being limited to the above-described embodiments, and all ranges that are equivalent to or equivalent to the claims of the present invention as well as the claims .

100: 관리자 단말 (단말)
110: 통신부 120: 사용자 인터페이스부
130: 제어부 150: 데이터베이스
200: 사용자 단말
300: 이메일 생성 장치
310: 통신부 320: 제어부
330: 제1 컨텐츠 페이지 생성부 340: 이미지 저장부
350: 제2 컨텐츠 페이지 저장부 360: 유저 인터페이스 관리부
370: 컴포넌트 관리부 375: 컴포넌트 속성 관리부
380: 템플릿 제공부 385: 템플릿 편집부
390: 데이터베이스
400: 통신망
100: Administrator terminal (terminal)
110: communication unit 120: user interface unit
130: control unit 150:
200: user terminal
300: Email generating device
310 communication unit 320 control unit
330: first content page generating unit 340:
350: second content page storage unit 360: user interface management unit
370: component management unit 375:
380: Providing a template 385: Editing a template
390: Database
400: communication network

Claims (20)

사용자에 의해 입력된 컨텐츠를 이용하여 마크 업 언어(Markup Language)로 구성된 제1 컨텐츠 페이지를 생성하는 제1 컨텐츠 페이지 생성부;
상기 제1 컨텐츠 페이지를 캡처하여 하나 이상의 이미지 파일로 저장하는 이미지 저장부;
상기 이미지 파일에 대한 정보와, 상기 이미지 파일 상의 하나 이상의 영역에 대한 위치 정보 및 각 영역에 대한 링크 정보를 포함하는 제2 컨텐츠 페이지를 생성하는 제2 컨텐츠 페이지 생성부; 및
상기 제1 컨텐츠 페이지에 포함되는 하나 이상의 컴포넌트 또는 상기 컴포넌트들을 포함하는 템플릿을 관리하는 유저 인터페이스 관리부;를 포함하는 이메일 생성 시스템.
A first content page generation unit for generating a first content page configured in a markup language by using content input by a user;
An image storage unit for capturing the first content page and storing the first content page as one or more image files;
A second content page generation unit for generating a second content page including information on the image file, location information on one or more areas on the image file, and link information on each area; And
And a user interface managing unit managing one or more components included in the first content page or a template including the components.
제 1 항에 있어서,
상기 제2 컨텐츠 페이지 상의 상기 이미지 파일에서 특정 영역을 선택하면, 선택된 영역에 해당하는 링크 정보에 포함된 페이지로 이동하는 것을 특징으로 하는 이메일 생성 시스템.
The method according to claim 1,
And when the user selects a specific area in the image file on the second content page, moves to a page included in the link information corresponding to the selected area.
제 1 항에 있어서,
상기 마크 업 언어(Markup Language)는 HTML(hypertext markup language), SGML(Standard Generalized Markup Language), XML(eXtensible markup language) 중 하나 이상을 포함하는 것을 특징으로 하는 이메일 생성 시스템.
The method according to claim 1,
Wherein the markup language includes at least one of hypertext markup language (HTML), standard generalized markup language (SGML), and extensible markup language (XML).
제 1 항에 있어서,
상기 이미지 저장부는,
상기 제1 컨텐츠 페이지를 기 설정된 소정의 크기로 분할하여 저장하는 것을 특징으로 하는 이메일 생성 시스템.
The method according to claim 1,
The image storage unit stores,
Wherein the first content page is divided into a predetermined size and stored.
제 1 항에 있어서,
상기 제2 컨텐츠 페이지 생성부에서 생성된 제2 컨텐츠 페이지를 포함하는 이메일을 하나 이상의 사용자 단말로 전송하는 이메일 전송부를 더 포함하는 이메일 생성 시스템.
The method according to claim 1,
And an email sending unit for sending an email including the second content page generated by the second content page generating unit to one or more user terminals.
제 1 항에 있어서,
상기 유저 인터페이스 관리부는,
단말 상에 디스플레이되는 컴포넌트 디스플레이 영역에 배치되는 하나 이상의 컴포넌트의 생성, 삭제, 각 컴포넌트 간의 그룹 설정 또는 계층 설정을 제어하는 컴포넌트 관리부;
상기 각 컴포넌트의 속성을 관리하는 컴포넌트 속성 관리부; 및
상기 템플릿 편집 영역에 배치된 컴포넌트에 대한 편집 요청이 수신되면, 단말 상에 상기 컴포넌트 디스플레이 영역 또는 컴포넌트 속성 설정 영역이 디스플레이되도록 제어하는 제어부;를 포함하는 이메일 생성 시스템.
The method according to claim 1,
The user interface management unit,
A component management unit for creating and deleting one or more components disposed in a component display area displayed on the terminal, and for controlling group setting or hierarchical setting among the respective components;
A component property management unit for managing properties of each of the components; And
And controlling the component display area or the component attribute setting area to be displayed on the terminal when an editing request for the component arranged in the template editing area is received.
제 6 항에 있어서,
상기 컴포넌트 관리부는, 컴포넌트의 생성, 삭제, 각 컴포넌트 간의 그룹 설정 또는 계층 설정을 제어하고,
상기 컴포넌트 속성 관리부는, 각 컴포넌트의 크기 속성, 위치 속성, 색상 속성 및 글꼴 속성 중 하나 이상의 속성에 대한 설정을 제어하는 이메일 생성 시스템.
The method according to claim 6,
The component management unit controls creation, deletion, group setting or hierarchy setting of each component,
Wherein the component property management unit controls setting of at least one of a size property, a location property, a color property, and a font property of each component.
제 1 항에 있어서,
상기 유저 인터페이스 관리부는,
단말 상에 소정의 템플릿 편집 영역이 디스플레이되도록 제어하는 템플릿 제공부;
상기 템플릿 편집 영역에서 하나 이상의 컴포넌트가 생성, 삭제 또는 이동되도록 제어하는 템플릿 편집부; 및
템플릿 관리 요청이 수신되면, 상기 템플릿 편집 영역 상에서 상기 관리 요청이 수신된 컴포넌트의 변경이 적용되어 디스플레이되도록 제어하는 제어부;를 포함하는 이메일 생성 시스템.
The method according to claim 1,
The user interface management unit,
A template providing unit that controls a predetermined template editing area to be displayed on the terminal;
A template editing unit for controlling one or more components to be created, deleted or moved in the template editing area; And
And when the template management request is received, controlling the display unit to display the change of the received component on the template editing area so that the management request is applied and displayed.
제 8 항에 있어서,
상기 템플릿은 하나 이상의 컴포넌트가 구비된 소정의 메일 생성 포맷인 것을 특징으로 하는 이메일 생성 시스템.
9. The method of claim 8,
Wherein the template is a predetermined mail generation format having one or more components.
사용자에 의해 입력된 컨텐츠를 이용하여 마크 업 언어(Markup Language)로 구성된 제1 컨텐츠 페이지를 생성하고,
상기 제1 컨텐츠 페이지를 캡처하여 하나 이상의 이미지 파일로 저장하고,
상기 이미지 파일에 대한 정보와, 상기 이미지 파일 상의 하나 이상의 영역에 대한 위치 정보 및 각 영역에 대한 링크 정보를 포함하는 제2 컨텐츠 페이지를 생성하고,
상기 제1 컨텐츠 페이지에 포함되는 하나 이상의 컴포넌트 또는 상기 컴포넌트들을 포함하는 템플릿을 관리하는 애플리케이션을 이메일 생성 장치에 제공하는 애플리케이션 제공 서버.
Generates a first content page configured in a markup language using the content input by the user,
Capturing and storing the first content page as one or more image files,
Generating a second content page including information on the image file, location information on one or more areas on the image file, and link information on each area,
And provides an application for managing the one or more components included in the first content page or the template including the components to the email generation device.
사용자에 의해 입력된 컨텐츠를 이용하여 마크 업 언어(Markup Language)로 구성된 제1 컨텐츠 페이지를 생성하는 단계;
상기 제1 컨텐츠 페이지를 캡처하여 하나 이상의 이미지 파일로 저장하는 단계;
상기 이미지 파일에 대한 정보와, 상기 이미지 파일 상의 하나 이상의 영역에 대한 위치 정보 및 각 영역에 대한 링크 정보를 포함하는 제2 컨텐츠 페이지를 생성하는 단계; 및
상기 제1 컨텐츠 페이지에 포함되는 하나 이상의 컴포넌트 또는 상기 컴포넌트들을 포함하는 템플릿을 관리하는 단계;를 포함하는 이메일 생성 방법.
Generating a first content page configured in a markup language using content input by a user;
Capturing and storing the first content page as one or more image files;
Creating a second content page including information about the image file, location information for one or more areas on the image file, and link information for each area; And
And managing one or more components included in the first content page or a template including the components.
제 11 항에 있어서,
상기 제2 컨텐츠 페이지 상의 상기 이미지 파일에서 특정 영역을 선택하면, 선택된 영역에 해당하는 링크 정보에 포함된 페이지로 이동하는 것을 특징으로 하는 이메일 생성 방법.
12. The method of claim 11,
And when a specific region is selected from the image file on the second content page, the page is moved to a page included in the link information corresponding to the selected region.
제 11 항에 있어서,
상기 마크 업 언어(Markup Language)는 HTML(hypertext markup language), SGML(Standard Generalized Markup Language), XML(eXtensible markup language) 중 하나 이상을 포함하는 것을 특징으로 하는 이메일 생성 방법.
12. The method of claim 11,
Wherein the markup language includes at least one of hypertext markup language (HTML), standard generalized markup language (SGML), and extensible markup language (XML).
제 11 항에 있어서,
상기 제1 컨텐츠 페이지를 캡처하여 하나 이상의 이미지 파일로 저장하는 단계는,
상기 제1 컨텐츠 페이지를 기 설정된 소정의 크기로 분할하여 저장하는 것을 특징으로 하는 이메일 생성 방법.
12. The method of claim 11,
Wherein the step of capturing and storing the first content page as one or more image files comprises:
Wherein the first content page is divided into a predetermined size and stored.
제 11 항에 있어서,
상기 제2 컨텐츠 페이지를 생성하는 단계 이후에,
상기 생성된 제2 컨텐츠 페이지를 포함하는 이메일을 하나 이상의 사용자 단말로 전송하는 단계;를 더 포함하는 이메일 생성 방법.
12. The method of claim 11,
After the step of generating the second content page,
And sending an email containing the generated second content page to one or more user terminals.
제 11 항에 있어서,
상기 제1 컨텐츠 페이지에 포함되는 하나 이상의 컴포넌트 또는 상기 컴포넌트들을 포함하는 템플릿을 관리하는 단계;는,
상기 템플릿 편집 영역에 배치된 컴포넌트에 대한 편집 요청이 수신되는 단계;
단말 상에 컴포넌트 디스플레이 영역 및 컴포넌트 속성 설정 영역이 디스플레이되는 단계;
컴포넌트 디스플레이 영역에 배치되는 하나 이상의 컴포넌트에 대한 관리 요청이 수신되면, 상기 관리 요청이 수신된 컴포넌트에 대한 변경이 적용되어 디스플레이되는 단계;
상기 컴포넌트 디스플레이 영역에 배치된 어느 일 컴포넌트가 선택되면, 상기 선택된 컴포넌트의 속성을 제어하기 위한 하나 이상의 속성 설정부가 컴포넌트 속성 설정 영역에 디스플레이되는 단계;
상기 선택된 컴포넌트의 하나 이상의 속성에 대한 관리 요청이 수신되면, 상기 관리 요청이 수신된 컴포넌트 속성에 대한 변경이 적용되어 디스플레이되는 단계; 및
상기 컴포넌트 또는 상기 컴포넌트 속성에 대한 데이터베이스 반영 요청이 수신되면, 이를 데이터베이스에 반영하여 저장하는 단계;를 더 포함하는 이메일 생성 방법.
12. The method of claim 11,
Managing one or more components included in the first content page or a template including the components,
Receiving an editing request for a component disposed in the template editing area;
Displaying a component display area and a component property setting area on the terminal;
When a management request for one or more components disposed in the component display area is received, the management request is displayed with a change to the received component applied thereto;
Displaying one or more attribute settings in a component property setting area for controlling an attribute of the selected component when a component disposed in the component display area is selected;
When a management request for one or more attributes of the selected component is received, the management request is applied and displayed with a change to the received component attribute; And
And receiving the database reflection request for the component or the attribute of the component, if the database reflection request is received, storing the reflected data in the database.
제 16 항에 있어서,
상기 컴포넌트 관리 요청은, 컴포넌트의 생성, 삭제, 각 컴포넌트 간의 그룹 설정 또는 계층 설정에 관한 요청을 포함하고,
상기 컴포넌트 속성 관리 요청은, 각 컴포넌트의 크기 속성, 위치 속성, 색상 속성 및 글꼴 속성 중 하나 이상의 속성에 대한 설정 요청을 포함하는 이메일 생성 방법.
17. The method of claim 16,
The component management request includes a request for creation, deletion, group setting or hierarchy setting of each component,
Wherein the component attribute management request includes a setting request for one or more attributes of a size attribute, a position attribute, a color attribute, and a font attribute of each component.
제 11 항에 있어서,
상기 제1 컨텐츠 페이지에 포함되는 하나 이상의 컴포넌트 또는 상기 컴포넌트들을 포함하는 템플릿을 관리하는 단계;는,
단말 상에 소정의 템플릿 편집 영역이 디스플레이되는 단계;
상기 템플릿 편집 영역에 배치되는 하나 이상의 컴포넌트에 대한 관리 요청이 수신되면, 상기 관리 요청이 수신된 컴포넌트에 대한 변경이 적용되어 디스플레이되는 단계;
상기 템플릿에 대한 데이터베이스 반영 요청이 수신되면, 이를 데이터베이스에 반영하여 저장하는 단계;를 포함하는 이메일 생성 방법.
12. The method of claim 11,
Managing one or more components included in the first content page or a template including the components,
Displaying a predetermined template editing area on the terminal;
When a management request for one or more components arranged in the template editing area is received, the management request is applied and displayed on the changed component;
And receiving the database reflecting request for the template, reflecting the reflected request to the database and storing the reflected data.
제 18 항에 있어서,
상기 템플릿은 하나 이상의 컴포넌트가 구비된 소정의 메일 생성 포맷인 것을 특징으로 하는 이메일 생성 방법.
19. The method of claim 18,
Wherein the template is a predetermined mail generation format having one or more components.
제 11 항 내지 제 19 항 중 어느 한 항에 따른 방법을 실행하기 위한 컴퓨터 프로그램을 기록하는 컴퓨터 판독 가능한 기록 매체.
A computer-readable recording medium recording a computer program for executing the method according to any one of claims 11 to 19.
KR1020140081093A 2014-06-30 2014-06-30 System for creation electronic mail and method for creation electronic mail KR20160002163A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020140081093A KR20160002163A (en) 2014-06-30 2014-06-30 System for creation electronic mail and method for creation electronic mail

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020140081093A KR20160002163A (en) 2014-06-30 2014-06-30 System for creation electronic mail and method for creation electronic mail

Publications (1)

Publication Number Publication Date
KR20160002163A true KR20160002163A (en) 2016-01-07

Family

ID=55168866

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020140081093A KR20160002163A (en) 2014-06-30 2014-06-30 System for creation electronic mail and method for creation electronic mail

Country Status (1)

Country Link
KR (1) KR20160002163A (en)

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20190075605A (en) 2017-12-21 2019-07-01 조선간호대학교산학협력단 Microcapsule coating agent containing phytoncide and products using the same
WO2023043270A1 (en) * 2021-09-17 2023-03-23 주식회사 팀솔루션 Machine learning-based web page template recommendation method and device therefor
WO2023085792A1 (en) * 2021-11-12 2023-05-19 (주)웹웨어 Integrated content processing device and method

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20190075605A (en) 2017-12-21 2019-07-01 조선간호대학교산학협력단 Microcapsule coating agent containing phytoncide and products using the same
WO2023043270A1 (en) * 2021-09-17 2023-03-23 주식회사 팀솔루션 Machine learning-based web page template recommendation method and device therefor
WO2023085792A1 (en) * 2021-11-12 2023-05-19 (주)웹웨어 Integrated content processing device and method

Similar Documents

Publication Publication Date Title
US10437907B2 (en) Link expansion service
US9977768B2 (en) System for clipping webpages by traversing a dom, and highlighting a minimum number of words
US9900297B2 (en) System, method and apparatus for selecting content from web sources and posting content to web logs
US8677259B2 (en) System and method for annotating multimedia objects
US11599584B2 (en) Method and system for processing information in social network system
JP6092184B2 (en) Techniques for electronic collection of information.
US20130326333A1 (en) Mobile Content Management System
CA2948907A1 (en) Methods and systems for web content generation
CN105230051A (en) For the method for the collaborative authoring with editing function, device and computer-readable medium
US11146513B1 (en) Generating messages having in-message applications
US20140282139A1 (en) System for mobile content management
TW201423554A (en) Conversion of non-book documents for consistency in e-reader experience
US20140282140A1 (en) Method for mobile content management
CN108268260A (en) It is a kind of quick micro- using assemble method based on integrated support technology
TWI571757B (en) A webpage edition system and the method thereof and a computer program product for storing a webpage edition program
KR20160002163A (en) System for creation electronic mail and method for creation electronic mail
TW201407384A (en) Method and system for editing flowchart of web page
US20140282115A1 (en) System and method for retrieving and selecting content
US10198408B1 (en) System and method for converting and importing web site content
TW201337605A (en) Multipurpose network editing page automatic conversion mechanism
CN104615601A (en) Webpage based recording system and method thereof
US20170034266A1 (en) System and Method for the Departmentalization of Structured Content on a Website (URL) through a Secure Content Management System
KR101794245B1 (en) Management apparatus for user interface for creation electronic mail and management method for the same
KR102108574B1 (en) System and method for providing image file containing copyright information
KR20160001170A (en) System for creation electronic mail and method for creation electronic mail

Legal Events

Date Code Title Description
A201 Request for examination
E902 Notification of reason for refusal
AMND Amendment
E601 Decision to refuse application
AMND Amendment