KR102292628B1 - 웹 서버의 메타 데이터를 이용한 적응적 출력물 디자인 생성 및 자동 검증 방법 - Google Patents

Abstract

본 발명은 웹 서버가 메타 데이터를 이용하여 출력물 디자인을 적응적으로 생성하는 방법에 관한 것이다. 본 발명에 따른 출력물 디자인 생성 방법은, 사용자에 의하여 출력물 디자인에 적용될 디자인 템플릿이 선택되는 단계, 사용자 디바이스로부터 메타 데이터들이 포함된 데이터 파일을 수신하여, 데이터 파일 중 선택된 디자인 템플릿에 합성하기 위한 메타 데이터를 추출하는 단계, 선택된 디자인 템플릿에 기반하여, 출력물 디자인의 정합성을 검증하기 위한 레퍼런스 이미지를 생성하는 단계, 선택된 디자인 템플릿에 합성하기 위하여 추출된 메타 데이터에 기반하여 벡터 이미지(vector image)를 생성하고, 디자인 템플릿의 대체 영역에 생성된 벡터 이미지를 합성하여 출력물 디자인을 생성하는 단계, 출력물 디자인 상에서 벡터 이미지가 합성된 영역의 테두리를 제 1 검증 이미지로 전처리하여, 제 1 검증 이미지가 레퍼런스 이미지의 테두리 이미지와 동일한지 여부를 비교하는, 제 1 검증 단계, 제 1 검증이 성공한 경우, 출력물 디자인 상에서, 대체 영역에 대응되는 영역을 크롭(crop)하고, 크롭 영역을 디자인 템플릿의 대체 영역에 대응되는 백그라운드 영역과 픽셀(pixel) 단위로 비교하여 차이가 존재하는 지 여부를 판단하는, 제 2 검증 단계를 포함하는 것을 특징으로 한다.

Description

웹 서버의 메타 데이터를 이용한 적응적 출력물 디자인 생성 및 자동 검증 방법{A METHOD OF CREATING AND AUTOMATIC VERIFICATION METHOD OF CREATING AN ADAPTIVE PRINTOUT DESIGN USING METADATA IN A WEB SERVER}

본 발명은 웹 서버를 통한 출력물 디자인 생성 및 생성된 출력물에 대한 자동 검증 방법에 관한 것으로서, 보다 상세하게는 메타 데이터를 적응적으로 합성하여 출력물 디자인을 생성하고 이를 자동 검증하는 방법에 관한 것이다.

명함, 개인의 프로필 인쇄물, 우편 인쇄물, 회의 및 컨퍼런스 참석자 들의 네임 태그(name tag), 주간 식단표, 달력, 가격표등은 디자인은 정형화 되어 있지만, 들어가는 내용물은 각각의 개개인, 주체별로 달라서, 이를 개별적으로 커스터마이즈하기 위한 수작업이 진행될 수 밖에 없었다.

웹 디자인 편집 시스템은 인터넷을 활용한 편집을 가능하게 함으로써, 편집을 쉽게 하고, 제3자와의 공유도 쉽게 하는 장점이 있어서, 현재 간단한 출력물은 워드프로세서 보다는 웹 편집 시스템이 더 많이 활용되고 있는 추세이다.

또한, 명함, 프로필 인쇄물 등을 실제 인쇄를 할 경우, 작업자와 인쇄 담당자간의 데이터 교환은 SVG, 일러스트레이터 파일(*.ai) 등의 파일을 통해서 이뤄지고 있다. 프린터를 이용하여 인쇄하거나, 실제 인쇄소를 통한 인쇄, 혹은 인쇄는 하지 않지만, 이미지 혹은 프리젠테이션을 위해서 그림파일이나 PPT 파일을 생성할 때, 명함, 프로필 인쇄물 등은 필수적으로 해당 인원수 나 필요한 수 만큼의 디자인 파일을 생성해야 하는 번거로움이 있다.

이 때, 출력을 위한 공통의 파일 포맷도 아닌 것이 일반적이다. 명함 인쇄를 예로 들면, 각각의 이름, 전화번호, 전자우편 등을 입력하는 작업 외에, 이름의 글자수에 따른 글자 크기 및 장평, 글자 간의 간격 등도 일일이 작업자가 수정해 줘야 하는 불편함이 있다.

또한, 출력물 디자인이 완성되더라도, 실제 인쇄 의뢰인과 작업자 간의 디자인 컨펌을 하는 과정 또한 번거롭고 시간이 많이 걸리고, 특히 오탈자 검증에도 많은 시간이 소요되는 문제점이 있었다.

이에 공개 특허 KR 2014-0135455의 경우에는 클라우드 서버를 통하여 명함 정보를 갱신시키는 방법에 대하여 개시하고 있었으나, 이를 실제적으로 출력하게 될 경우 발생할 수 있는 출력물과 글자들간의 영역 배치, 글자간의 간격, 장평, 자간등에 대하여 고려하지 않은 바 있다.

또한, 등록 특허 KR 1400296 B1의 경우에는, 템플릿 선택형 명함 제작 장치에 대하여 기술하고 있으나, 이는 디지털 명함을 실제적으로 출력할 수 있을 때 발생할 수 있는 명함의 사이즈와 글자의 사이즈, 배치등에 대한 고려 사항을 확인할 수 없는 문제점이 있다.

상술한 바와 같은 논의를 바탕으로 이하에서는 웹서버를 이용하여 메타 데이터 기반의 적응적 출력물 디자인 생성 및 생성된 결과물의 자동 검증 방법을 제공하고자 한다.

본 발명에서 이루고자 하는 기술적 과제들은 상기 기술적 과제로 제한되지 않으며, 언급하지 않은 또 다른 기술적 과제들은 아래의 기재로부터 본 발명이 속하는 기술분야에서 통상의 지식을 가진 자에게 명확하게 이해될 수 있을 것이다.

상술한 문제점을 해결하기 위한 본 발명의 일 양상인, 웹 서버가 메타 데이터를 이용하여 출력물 디자인을 적응적으로 생성하는 방법은, 상기 웹 서버 에서, 사용자에 의하여 상기 출력물 디자인에 적용될 디자인 템플릿이 선택되는 단계; 상기 웹 서버가 사용자 디바이스로부터 메타 데이터들이 포함된 데이터 파일을 수신하여, 상기 데이터 파일 중 상기 선택된 디자인 템플릿에 합성하기 위한 메타 데이터를 추출하는 단계; 상기 웹 서버 에서, 상기 선택된 디자인 템플릿에 기반하여, 상기 출력물 디자인의 정합성을 검증하기 위한 레퍼런스 이미지를 생성하는 단계; 상기 웹 서버 에서, 상기 선택된 디자인 템플릿에 합성하기 위하여 추출된 메타 데이터에 기반하여 벡터 이미지(vector image)를 생성하고, 상기 디자인 템플릿의 대체 영역에 생성된 상기 벡터 이미지를 합성하여 출력물 디자인을 생성하는 단계; 상기 웹 서버 에서, 상기 출력물 디자인 상에서 상기 벡터 이미지가 합성된 영역의 테두리를 제 1 검증 이미지로 전처리하여, 상기 제 1 검증 이미지가 상기 레퍼런스 이미지의 테두리 이미지와 동일한지 여부를 비교하는, 제 1 검증 단계; 상기 웹 서버 에서, 상기 제 1 검증이 성공한 경우, 상기 출력물 디자인 상에서, 상기 대체 영역에 대응되는 영역을 크롭(crop)하고, 상기 크롭 영역을 상기 디자인 템플릿의 상기 대체 영역에 대응되는 백그라운드 영역과 픽셀(pixel) 단위로 비교하여 차이가 존재하는 지 여부를 판단하는, 제 2 검증 단계;를 포함한다.

나아가, 상기 벡터 이미지가 한국어, 영어 혹은 숫자를 제외한 폰트 데이터에 대응되는 경우, 상기 제 1 검증을 수행하는 단계는, 상기 제 1 검증 이미지를 라인(line) 단위로 구획하고, 상기 구획된 제 1 검증 이미지와 상기 테두리 이미지를, 라인 단위 별로 동일한지 여부를 판단하며, 상기 제 2 검증을 수행하는 단계는, 상기 크롭 영역을 라인(line) 단위로 구획하고, 상기 구획된 크롭 영역과 상기 디자인 템플릿의 상기 대체 영역에 대응되는 백그라운드 영역과, 라인 단위 별로 픽셀 차이가 존재하는 지 여부를 판단하는 것을 특징으로 할 수 있다.

나아가, 상기 벡터 이미지는, 상기 대체 영역에 대응되는 상기 메타 데이터 기반의 벡터 이미지를, 상기 대체 영역의 높이(height)보다 작도록 사이즈를 조정하여, 상기 대체 영역의 방향에 따라 생성되는 것을 특징으로 하며, 더 나아가, 상기 벡터 이미지는, 상기 벡터 이미지가 한글, 한자 혹은 숫자 중 하나에 대응되는 경우, 상기 벡터 이미지상의 글자간의 간격을 조정하여 생성되거나, 상기 벡터 이미지가 영어에 대응되는 경우, 상기 벡터 이미지 상의 글자간의 간격 및 글자의 너비를 모두 조정하여 생성되는 것을 특징으로 할 수 있다.

나아가, 상기 메타 데이터가 성명이고 상기 벡터 이미지가 영어에 대응되는 경우, 상기 메타 데이터가 속한 상기 데이터 파일의 설정에 따라, 성(last name)과 이름(first name)의 위치가 설정되는 것을 특징으로 할 수 있다.

나아가, 상기 벡터 이미지는, 상기 웹 서버에 미리 저장된 폰트(font)에 기반하여 생성되며, 상기 웹 서버에 상기 벡터 이미지에 대응되는 폰트(font)가 저장되지 않은 경우, 상기 폰트와 유사도가 가장 높게 산출된 대체 폰트에 기반하여 생성되는 것을 특징으로 할 수 있다.

나아가, 상기 메타 데이터를 추출하는 단계는, 상기 디자인 템플릿에 포함된 대체 영역에 대응되는 메타 데이터를 확인하고, 상기 데이터 파일에 포함된 적어도 하나의 메타 데이터 가운데 상기 대체 영역에 대응되는 메타 데이터만을 추출하여, 출력물 디자인의 생성이 종료될 때까지 상기 웹 서버상에 임시 저장되며 상기 추출된 메타 데이터에 대응되는 임시 데이터 파일을 생성하는 것을 특징으로 할 수 있다.

나아가, 상기 메타 데이터를 추출하는 단계는, 상기 디자인 템플릿의 대체 영역에 사용되는, 상기 웹 서버에 저장된 디자인 리소스를, 출력물 디자인의 생성이 종료될 때까지 상기 웹 서버에 임시 저장하는 단계를 포함하는 것을 특징으로 할 수 있다.

나아가, 상기 제 1 검증 단계 혹은 상기 제 2 검증 단계 중 하나가 실패한 경우, 상기 웹 서버의 관리자에게 오류 리포팅을 수행하는 단계를 더 포함하는 것을 특징으로 할 수 있다.

본 발명의 실시예에 따르면, 웹 서버의 메타 데이터를 이용한 적응적 출력물 디자인 생성과 생성된 출력물의 자동검증을 효율적으로 수행할 수 있다.

본 발명에서 얻은 수 있는 효과는 이상에서 언급한 효과들로 제한되지 않으며, 언급하지 않은 또 다른 효과들은 아래의 기재로부터 본 발명이 속하는 기술분야에서 통상의 지식을 가진 자에게 명확하게 이해될 수 있을 것이다.

본 발명에 관한 이해를 돕기 위한 상세한 설명의 일부로 포함되는, 첨부 도면은 본 발명에 대한 실시예를 제공하고, 상세한 설명과 함께 본 발명의 기술적 사상을 설명한다.
도 1은 본 발명에 따른 웹 서버의 적응적 출력물 디자인을 수행하기 위한 구성을 도시한 참고도이다.
도 2는 본 발명에 따른 웹 서버의 적응적 출력물 디자인을 수행하는 과정에 대한 개략적인 순서도이다.
도 3은 본 발명의 일 실시예에 따라 출력물 디자인의 검증을 수행하는 과정을 설명하기 위한 참고도이다.
도 4는 본 발명의 일 실시예에 따라 출력물 디자인의 검증을 라인(line) 단위로 수행하는 과정을 설명하기 위한 참고도이다.

이하에서, 첨부된 도면을 참조하여 실시예들을 상세하게 설명한다. 각 도면에 제시된 동일한 참조 부호는 동일한 부재를 나타낸다. 아래 설명하는 실시예들에는 다양한 본 발명은 이하에 기재되는 실시예들의 설명 내용에 한정되는 것은 아니며, 본 발명의 기술적 요지를 벗어나지 않는 범위 내에서 다양한 변형이 가해질 수 있음은 자명하다. 그리고 실시예를 설명함에 있어서 본 발명이 속하는 기술분야에 널리 알려져 있고 본 발명의 기술적 요지와 직접적으로 관련이 없는 기술내용에 대해서는 설명을 생략한다.

한편, 첨부된 도면에서 동일한 구성요소는 동일한 부호로 표현된다.

그리고 첨부 도면에 있어서 일부 구성요소는 과장되거나 생략되거나 개략적으로 도시될 수도 있다. 이는 본 발명의 요지와 관련이 없는 불필요한 설명을 생략함으로써 본 발명의 요지를 명확히 설명하기 위함이다.

도 1은 본 발명에 따른 웹 서버의 적응적 출력물 디자인을 수행하기 위한 구성을 도시한 참고도이다.

일반적으로 동일한 디자인 템플릿에 명함, 네임 태그(name tag)과 같은 출력물을 디자인하는 경우, 다수 사용자등의 데이터를 템플릿에 입력하는 작업 시간이 상당히 소요된다는 문제가 있다. 즉, 명함과 같은 출력물에 기입되는 사용자의 정보 혹은 참석자의 정보를 취합하는 것만으로도 많은 시간이 소요되며, 이러한 데이터들의 리스트(예를 들어, 엑셀, CSV(comma separated value))가 포함된 파일 등을 활용하여 자료 취합을 한 후, 취합된 정보를 디자인 템플릿에 단순 복사하여 붙이기(copy & paste)하더라도 소요되는 시간은 상당하다는 문제점이 있다.

따라서, 본 발명에 따르면, 디자인된 템플릿 파일과 데이터 파일(예, 엑셀/CSV 파일)을 선택하여, 보다 쉽게 인쇄용/웹 게시용 디자인 파일을 생성하는 방안에 대하여 제안한다. 예를 들어, 본 발명에 따르면, 명함 출력용 디자인, 주간 식단표 출력용 디자인, 커스터마이징된 달력 출력용 디자인, 업체별 가격표 출력용 디자인 등을 생성함에 있어서 보다 효율적으로 디자인을 수행할 수 있다.

특히 달력의 경우, 법정 공휴일, 임시 공휴일, 회사의 창립 기념일 등의 매해 다르며, 회사 마다 다르고 이것을 달력의 해당 날짜에 기입하고, 오류를 검증하는 것은 매우 비효율적이고 비생산적이었다. 본 발명을 통해서, 빠르고 쉽게, 오류는 적게 출력물을 생성할 수 있는 장점이 있다.

즉, 본 발명은 웹 서버(100)에서 사용자 디바이스로부터 수신한 데이터 파일을 이용하여, 웹 서버 내부에 저장된 디자인 템플릿과 합성함으로써, 출력물 디자인을 수행할 수 있다. 웹 서버(100)는. 디자인 템플릿 모듈(101), 메타 데이터 선택 모듈(103), 레퍼런스 이미지 모듈(105), 벡터 이미지 생성 모듈(107), 출력 디자인 생성 모듈(109), 검증 모듈(111)을 포함할 수 있다.

웹 서버(100)는 사용자로부터 출력물 디자인에 적용될 디자인 템플릿을 선택받는다. 디자인 템플릿은 템플릿의 종류에 따라 활용되는 데이터의 속성 데이터 혹은 메타 데이터가 상이하다. 즉, 명함 출력용 디자인의 경우에는 성명(국문, 영문. 중문, 일문 등), 전화번호, 이메일 주소, 회사명, 회사 직책, 회사 전화번호, 팩스번호 등의 메타 데이터가 사용되며, 커스터마이징된 달력의 경우에는 이벤트, 기념일(창립기념일, 생일) 등의 메타 데이터가 사용될 수 있다.

디자인 템플릿 모듈(101)은, 사용자로부터 선택된 디자인 템플릿을 확인하고, 선택된 디자인 템플릿에 이용되는 메타 데이터에 관한 정보를 메타 데이터 추출 모듈(103)에 전송한다. 또한, 본 발명에서는 생성된 출력 디자인에 대한 검증을 이미지 비교를 통하여 수행하므로, 이를 위한 레퍼런스 이미지를 생성하기 위해 레퍼런스 이미지 모듈(105)로 선택된 디자인 템플릿에 관한 정보를 전송한다.

메타 데이터 추출 모듈(103)은 디자인 템플릿 모듈(101)로부터 수신한 메타 데이터에 관한 정보에 기반하여, 사용자 디바이스로부터 수신된 적어도 하나의 메타 데이터들이 포함된 데이터 파일로부터, 사용자에 의하여 선택된 디자인 템플릿에 합성하기 위한 특정 메타 데이터를 추출한다. 즉, 디자인 템플릿에 포함된 벡터 이미지가 합성될 대체 영역에 대응되는 메타 데이터를 확인하고, 데이터 파일에 포함된 적어도 하나의 메타 데이터 가운데 불필요한 메타 데이터는 추출하지 않고 대체 영역에 대응되는 메타 데이터만을 추출할 수 있다.

더불어, 본 발명에서는 웹 서버를 이용하는 출력물 디자인의 생성 방식을 제안하는 바, 데이터 파일 전체 혹은 웹서버 내에 저장된 데이터에 대한 로딩(loading)을 수행하는 것은 서버에 지나친 부담을 줄 수 있다. 예를 들어, 데이터 파일 상에는 단순한 텍스트 정보뿐 만이 아니라, 고용량의 이미지, 문서, 동영상 파일등이 포함될 가능성이 존재하므로, 본 발명의 출력물 디자인에 합성되기 위한 메타 데이터와 그에 대응되는 데이터 만으로 작업이 수행될 필요가 있다.

또한, 웹 서버내에 저장된 데이터는 특정 디자인 파일에서 사용되는 폰트, 회사 로고 이미지, 썸네일 및 아이콘 등이 있다.

따라서, 본 발명에서는 출력물 디자인의 생성이 종료될 때까지(즉, 모든 데이터에 대한 출력물 디자인 수행) 웹 서버 상에 추출된 메타 데이터에 대응되는 임시 데이터 파일을 생성하고, 임시 저장할 수 있다.

예를 들어, 데이터 파일에 증명사진, 이력서, 성명, 전화번호, 이메일 주소등이 포함된 경우, 메타 데이터 추출 모듈이 성명, 전화번호, 이메일 주소 등 디자인 템플릿에서 이용되는 메타 데이터에 대응되는 데이터 만으로 임시 데이터 파일을 생성할 수 있다. 따라서, 웹 서버는 출력물을 생성할 때마다 데이터 파일 전체를 리딩(reading)하는 것이 아니라, 임시 데이터 파일을 리딩(reading)함으로써 출력물 디자인의 생성 속도를 향상시킬 뿐만 아니라, 웹 서버의 부하를 감소시킬 수 있다.

예를 들어, 다수의 출력물 생성시 1개의 디자인 파일에서 사용되는 폰트, 회사 로고 이미지, 썸네일 및 아이콘(이하 디자인 리소스)등은 동일하므로, 메타 데이터 추출 모듈이 매 디자인 생성시마다 폰트, 회사 로고 이미지, 아이콘 등을 CDN 및 리소스 서버(이하 리소스 서버)에서 수신받는 다면 비 효율적이다. 이에, 웹 서버는 출력물을 생성할 때마다 디자인 파일을 리딩(reading)하여, 필요한 디자인 리소스를 리소스 서버로부터 최초 수신후, 이것을 임시 저장후, 재사용함으로써 출력물 디자인 생성 속도를 향상시킬 뿐만 아니라, 웹 서버의 부하를 감소시킬 수 있다.

레퍼런스 이미지 모듈(105)은, 디자인 템플릿 모듈(101)로부터 수신받은 선택된 디자인 템플릿 정보에 기반하여, 출력물 디자인의 정합성을 검증하기 위한 레퍼런스 이미지를 생성한다. 여기서, 레퍼런스 이미지는, 선택된 디자인 템플릿 상에서 메타 데이터에 대응되는 데이터가 합성되도록 미리 설정된 대체 영역(replacement area)을 제외한 백그라운드 영역 (즉, 데이터가 합성되는 영역 이외의 이미지 영역) 만으로 구성된 이미지로 정의된다. 본 발명에서 레퍼런스 이미지를 사용하는 이유는, 데이터 파일로부터 읽어온 데이터가 합성되는 과정 상에서 데이터 자체가 변경되는 경우는 없으나, 디자인에서 설정된 폰트가 적용되는 과정에서, 벡터 이미지로 적합하지 않게 변경 혹은 누락되거나, 대체 영역을 벗어나게 합성될 수 있기 때문이다. 따라서, 이를 수작업을 통하여 일일이 확인하는 경우에는 종래 기술에서 발생하였던 문제점을 해결할 수 없으며, 레퍼런스 이미지를 사용하여 디자인 템플릿 상의 대체 영역을 제외한 이미지와 출력물 디자인을 상호 비교함으로써, 양자간 동일하다면 데이터가 디자인 템플릿에 적합하게 합성된 것으로 검증할 수 있다. 본 발명에서는 이를 제 1 검증이라고 명칭하며, 제 1 검증에 관한 구체적인 설명과 특이 사항에 대하여는 후술할 도 3및 도 4를 참조하여 설명한다.

벡터 이미지 생성 모듈(107)은, 메타데이터 추출 모듈(103)으로부터 추출된 메타 데이터를 이용하여 벡터 이미지를 생성한다. 본 발명에서 벡터 이미지는, 여러가지 형태의 도형 개체(object)를 이용하여 내부에 색상이나 패턴을 적용한 것으로, 이미지의 확대나 축소시 이미지의 변화가 없다는 장점이 있으며, 본 발명은 오프라인에서 이용하기 위한 출력물을 디자인하기에 적합하다. 예를 들어, 벡터 이미지를 표현하기 위한 파일 형식은 AI, EPS, CDR, SVG, PDF등이 이용될 수 있다.

벡터 이미지 생성 모듈(107)은, 대체 영역에 대응되는 메타 데이터 기반의 벡터 이미지를 생성할 때, 대체 영역의 사이즈, 방향을 고려하여 생성한다. 일 실시예에 따르면, 대체 영역의 높이를 고려하여, 메타 데이터 기반의 데이터(예를 들어, 성명, 직책 등의 글자, 혹은 전화번호 등의 숫자)의 폰트 사이즈 혹은 폰트의 높이를 설정할 수 있다. 또한, 달력과 같이 하나의 면(예를 들어, 제 1 면)에 포함된 대체 영역과 다른 하나의 면(예를 들어 제 2 면)에 포함되는 대체 영역의 방향이 서로 상반되는 경우에는, 하나의 면(즉, 제 1 면)과 다른 하나의 면(즉, 제 2 면)의 벡터 이미지가 생성되는 방향은 서로 상반(예를 들어, 하나는 위에서 아래로, 다른 하나는 아래에서 위로)될 수 있다.

벡터 이미지 생성과 관련된 구체적인 설명은 도 2에서 추가적으로 설명한다.

출력 디자인 생성 모듈(109)는, 선택된 디자인 템플릿의 미리 설정된 대체 영역에, 벡터 이미지 생성 모듈(107)로부터 생성된 벡터 이미지를 합성하여 출력물 디자인을 생성한다.

검증 모듈(111)은 레퍼런스 이미지 모듈(105)로부터 생성된 레퍼런스 이미지와 출력 디자인 생성 모듈(109)로부터 생성된 출력물 디자인을, 검증한다.

검증 모듈은 출력물 디자인 상에서 벡터 이미지가 합성된 영역의 테두리를 전처리하여, 전처리된 이미지와 레퍼런스 이미지의 테두리 이미지와 동일한지 여부를 비교하여 제 1 검증을 수행한다.

제 1 검증이 성공한 경우, 출력물 디자인 상에서, 대체 영역에 대응되는 영역을 크롭(crop)하고, 크롭 영역을 디자인 템플릿의 대체 영역에 대응되는 백그라운드 영역과 픽셀(pixel) 단위로 비교하여 차이가 존재하는 지 여부를 판단하여 제 2 검증을 수행한다.

만약, 벡터 이미지가 한국어, 영어 혹은 숫자를 제외한 폰트 데이터에 대응되는 경우, 즉, 일본어, 중국어 등에 대한 폰트 데이터와 대응되는 경우에는, 라인(line) 단위로, 상술한 제 1 검증 및 제 2 검증을 수행할 수 있다.

검증 모듈이 출력물 디자인의 검증에 실패한 경우, 실패한 디자인의 오류에 대하여 웹 서버의 관리자가 확인할 수 있도록, 이메일, 문자, 메신저등을 통하여 알릴 수 있다. 이러한 오류 리포팅은, 실패한 디자인이 발생할 때 마다 관리자에게 알릴 수 도 있으나, 바람직하게는, 오류가 발생한 출력물 디자인과 관련된 데이터를 별도의 파일에 저장하여, 출력물 디자인의 생성이 종료된 후, 리스트 형태로 관리자에게 전송될 수 도 있다. 이 때, 전송되는 별도의 파일 상에는 오류가 발생한 출력물 디자인에 관한 데이터 뿐만이 아니라, 오류의 발생 원인, 발생 시각, 관련 오류의 해결 방안등의 추가적인 정보가 포함되어 관리자에게 전송될 수 도 있다.

본 발명의 검증에 대하여는, 후술할 도 3및 도 4에서 보다 구체적으로 설명한다.

도 2는 본 발명에 따른 웹 서버에서의 적응적 출력물 디자인을 수행하는 과정에 대한 개략적인 순서도이다.

웹 서버는 사용자로부터 출력 디자인에 적용될 템플릿을 선택받는다(S201). 즉, 사용자로부터 선택된 디자인 템플릿을 확인하고, 선택된 디자인 템플릿에 이용되는 메타 데이터에 관한 정보를 확인한다.

웹 서버는 사용자 디바이스로부터 메타 데이터가 포함된 데이터 파일을 수신하고, 확인된 메타 데이터에 관한 정보를 이용하여 메타 데이터를 추출한다(S203). 여기서, 출력물 디자인의 생성이 종료될 때까지(즉, 모든 데이터에 대한 출력물 디자인 수행) 웹 서버 상에 추출된 메타 데이터에 대응되는 임시 데이터 파일이 생성되어 임시 저장될 수 있다

웹 서버는 디자인 템플릿에 기반하여, 출력물 디자인의 검증을 위한 레퍼런스 이미지를 생성한다(S205).

웹 서버는 추출된 메타 데이터에 기반하여 벡터 이미지를 생성하고, 디자인 템플릿과 합성한다(S207). 본 발명에서 벡터 이미지와 관련된 메타 데이터는 디자인 템플릿에 따라 상이하며, 메타 데이터에 따라 벡터 이미지가 적응적으로 생성될 수 있다.

메타 데이터가 명함, 네임텍(name tag)과 같은 경우, 성명 데이터가 합성될 대체 영역이 한정되어 있기 때문에, 대부분 글자 높이와 최대 폭은 대체 영역 안에 합성될 수 있도록 해야하나, 글자의 너비(즉, 장평)이나 글자간의 간격(즉, 자간)은 유동적으로 변경되어야 한다.

예를 들어, 한글 성명, 영문 성명, 주소 혹은 이메일 주소등은 선택한 디자인에 따라서, 대체 영역을 벗어나거나 대체 영역의 크기가 모자랄 수 있다. 특히 성명의 경우는, 한글 성명 혹은 한자 성명의 경우에는 2~4 글자로 글자수가 다양하지만, 대체 영역을 초과할 정도로 많지는 않다. 이에 반하여, 영문 성명의 경우에는, 성명을 구성하는 글자수가 한글 성명 혹은 한자 성명 보다 더 많은 것이 일반적이며, 영문 성명의 글자수는 10자 이상인 경우뿐만 아니라, 20자가 넘는 경우도 존재한다.

따라서 예를 들어, 명함 디자인의 경우, 각 글자간의 간격(자간)을 동일하게 설정하면, 최종 결과로 생성된 출력물 디자인의 디자인이 대체 영역내에 적절하게 배치되지 않을 수 있다. 이에 본 발명에서는, 생성된 벡터 이미지가 한글, 한자 혹은 숫자 중 하나에 대응하는 경우, 벡터 이미지상의 글자간의 간격을 가변적으로 조정함으로써, 벡터 이미지 상의 첫 글자와 마지막 글자가 대체 영역상에 적절하게 배치되도록 생성될 수 있으며, 생성된 벡터 이미지가 영어에 대응되는 경우, 글자가 헤딩 글자에 대응되는 대체 영역을 벗어나는 경우와 대체 영역이 남는 경우 모두를 고려하여, 글자의 너비(장평) 및 글자간의 간격(자간)을 모두 조절하여 글자 영역에 채워지도록 하는 기능이 필요하다. 더불어, 글자의 너비와 글자간의 간격을 조정하는 경우, 글자에 대응되는 폰트에 따라 미리 설정된 비율에 따라서 조정될 수 있다.

또한, 명함, 네임텍(name tag)과 같은 경우, 영문 성명에서는 성과 이름의 순서를 자동적으로 정리할 필요가 있다. 즉, Kim, Yail과 같이 성을 앞 부분에 이름을 뒷부분에 표시할 수 있고, Yail Kim과 같이 성이 뒤에, 이름이 앞에 표시될 수 있다. 따라서, 이에 맞추어, 전체 디자인을 재작업하는 것은 상당한 시간이 소요된다. 특히, 영문 성명의 경우는 국가 혹은 회사에 따라서 성(Family name)을 앞에 쓸 경우도 있고, 보통처럼 뒤에 쓰는 경우도 발생한다. 이 경우, 데이터 파일(예를 들어, 엑셀, CSV 파일)을 직접 수정할 수 있으나, 데이터 파일을 수정하는 일 또한 많은 시간이 소요된다.

따라서, 예를 들어, 데이터 파일상에 메타 데이터가 성(last name)과 이름(first name)이 분리되어 존재하는 경우에는, 선택된 디자인 템플릿의 설정에 따라 성(last name)과 이름(first name)이 배치되어, 벡터 이미지가 생성된다.

또 다른 예로, 메타 데이터가 성명(즉, 성명이 함께 표시된 경우)이고, 이에 따른 벡터 이미지가 영어에 대응되는 경우, 메타 데이터가 속해있던 데이터 파일의 설정에 따라 성(last name)과 이름(first name)의 위치가 설정될 수 있도록 한다. 예를 들어, 데이터 파일의 설정에서 성이 앞에, 이름이 뒤로 설정된 경우에는, 데이터 파일의 설정과 다르게 성이 뒤에, 이름이 앞에 있는 데이터들은 성(last name)과 이름(first name)의 위치를 데이터 파일의 설정과 동일한 위치로 변환한다. 여기서, 성(last name)에 해당하는지 여부는, 미리 설정된 성(last name) 리스트에 따라 판단될 수 있다.

더불어, 본 발명에서는 벡터 이미지를 미리 저장된 폰트(font)에 기반하여 생성하나, 벡터 이미지와 대응되는 폰트가 저장되지 않은 경우에 해당 폰트와 유사도가 가장 높게 산출된 대체 폰트에 기반하여 벡터 이미지를 생성한다. 웹 디자인 편집 시스템은 폰트 및 이미지들을 서버상에서 관리한다는 장점이 있으며, 디자인 데이터도 서버상에 영속적으로 관리되어 편리하다는 장점이 있다. 하지만, 과거 디자인 작업 후 혹은 시간이 경과한 후, 재작업시 해당 폰트가 삭제되거나, 라이선스 문제로 인해 대체폰트를 사용해야 할 경우가 발생하여, 이전 디자인 편집시 사용한 폰트를 사용하지 못하는 경우가 발생될 가능성이 있다.

따라서, 본 발명에서는 벡터 이미지에 대응되는 폰트가 존재하지 않는 경우에는 해당 폰트와의 유사도를 판단하여, 유사도가 가장 높게 산출된 포트를 대체 포트로 결정하고, 결정된 대체 폰트에 기반하여 벡터 이미지가 생성될 수 있다.

벡터 이미지와 디자인 템플릿이 합성된 경우, 레퍼런스 이미지와 출력물 디자인을 비교하여 검증을 수행한다(S209). 이에 대한 구체적인 설명은 후술할 도 3및 도 4를 참조하여 보다 구체적으로 설명한다.

도 3은 본 발명의 일 실시예에 따라 출력물 디자인의 검증을 수행하는 과정을 설명하기 위한 참고도이다.

본 발명에서와 같이 디자인 템플릿과 데이터 파일(예, 엑셀, CSV 파일)을 이용하여, 디자인을 자동적으로 생성하는 경우, 출력 결과물의 오탈자의 검증 이슈는 발생하지 않는다. 즉, 원본 데이터 파일에 "ABC"를 "ABD"로 오기입하였다면, 출력도 오기입된 "ABD"로 생성이 되기 때문에, 오탈자, 오기입의 검증은 데이터 파일만 검증하면 되며, 출력 결과물을 보고, 일일이 검증할 필요성은 없다.

또한, 선택된 원본 디자인은 1개이더라도, 원본 디자인의 데이터 파일을 읽어들여 생성된 디자인은 복수일 수 있으며, 생성된 복수 디자인에 적용된 텍스트 내용들은 모든 디자인이 서로 다른 것이 일반적이므로, 이것을 기계적으로 검증할 수는 없다. 따라서 상술한 바와 같이, 자동 검증에서는 오탈자의 문제는 발생하지 않으므로, 텍스트가 교체되는 영역을 제외하고 비교한다면, 일치해야 한다. 그러나, 자동으로 벡터 이미지를 교체하더라도 글자수와 해당 폰트의 문제로 인해서, 벡터 이미지(예를 들어, 텍스트 이미지)가 영역을 벗어나는 경우는 발생할 가능성이 있고, 실제로 많이 발생한다.

이에 본 발명에서는, 선택한 원본 디자인에서 변경되는 대체 영역(예를 들어, 텍스트 영역)을 제외한 비교용 디자인 파일을 생성한 후, 각각의 사용자 데이터를 바탕으로 생성된 다수의 디자인 작업 결과물에서 변경되는 텍스트 영역을 제외한 출력 디자인의 비교 검증을 위한 레퍼런스 이미지를 이용하는 것이다.

따라서, 레퍼런스 이미지를 이용하여, 출력물 디자인과 레퍼런스 이미지를 pixel by pixel로 기계적으로 검증을 수행함으로써, 매우 빠르게 검증할 수 있으며, 이는 검수 프로세스 개선의 효율성을 매우 크게 향상시킨다.

도 3을 참조로 명함의 검증 과정을 설명하면, 'Choi Ji-woo'는 검증을 성공적으로 수행하는 경우를 설명하기 위한 케이스이며, 'Kim Dae-joong'은 검증이 실패하는 경우를 설명하기 위한 케이스이다.

본 발명에 따르면, 명함 디자인 템플릿에, 'Choi Ji-woo', '+82 10 1234 5678', '+82 2 1234 5678', 'bizhows@miridih.com', 'Ace High-end Tower 1 Cha, Guro 3-dong, Guro-gu, seoul, Korea'. 'www.bizhows.com'에 대한 벡터 이미지가 참조 번호 301과 같이 합성된다.

이에 참조 번호 301에서, 벡터 이미지가 합성된 영역을 투명하게 처리하거나, 테두리를 비교할 수 있도록 전처리(pre-processing)하여, 참조 번호 303과 같이 제 1 검증 이미지가 생성될 수 있다.

마찬가지로, 'Kim Dae-joong', '+82 10 1111 1111', '+82 2 1644 1374', 'email_to_me_quick@miridih.com', 'Ace High-end Tower 1 Cha, Guro 3-dong, Guro-gu, seoul, Korea'. 'www.bizhows.com'에 대한 벡터 이미지가 참조 번호 311과 같이 합성되며, 참조 번호 311에서, 벡터 이미지가 합성된 영역을 투명하게 처리하거나, 테두리를 비교할 수 있도록 전처리(pre-processing)하여, 참조 번호 313과 같이 제 1 검증 이미지가 생성될 수 있다.

레퍼런스 이미지는 명함 디자인 템플릿 상에서 메타 데이터에 대응되는 데이터가 합성되도록 미리 설정된 대체 영역(replacement area)을 제외한 백그라운드 영역 만으로 구성된 이미지로, 참조 번호 315와 같이 생성된다.

여기서, 웹서버는 출력물 디자인 상에서 벡터 이미지가 합성된 영역과 레퍼런스 이미지의 대체 영역을 비교하여 이미지가 동일한지 여부를 판단하여, 제 1 검증을 수행한다. 예를 들어, 웹 서버는 출력물 디자인 상에서 벡터 이미지가 합성된 영역의 테두리를 전처리하여, 전처리된 이미지와 레퍼런스 이미지의 테두리 이미지와 동일한지 여부를 비교하여, 동일한 경우에는 출력물 디자인이 적합하게 생성된 것으로 판단하고, 상이한 경우에는 출력물 디자인이 부적합하게 생성된 것으로 판단하여, 제 1 검증을 수행한다.

따라서, 도 3의 'Choi Ji-woo'의 경우에는 참조 번호 303과 참조 번호 315에 대한 이미지를 비교하여 1차 검증을 수행하면, 참조 번호 303에서의 테두리 이미지는(점선)은 참조 번호 315에서의 테두리 이미지와 동일하며, 출력물 디자인이 적합하게 생성되어 검증이 성공된 것으로 판단되나, 'Kim Dae-joong'의 경우에는 참조 번호 313에서 벡터 이미지 'Kim Dae-joong'이 합성된 영역과 벡터 이미지 'email_to_me_quick@miridih.com'이 합성된 영역이, 레퍼런스 이미지 315와 비교했을 때, 참조 번호 320과 같이 차이가 발생하게 된다. 즉, 참조 번호 321과 같이 이미지 비교시 차이가 나는 부분이 발생하게 되므로, 출력물 디자인이 부적합하게 생성된 것으로 판단되어 검증이 실패한 경우로 판단된다.

제 1 검증이 성공하면, 웹 서버는 출력물 디자인 제 1 검증이 성공한 경우, 출력물 디자인 상에서, 대체 영역에 대응되는 영역을 크롭(crop)하고, 크롭 영역을 디자인 템플릿의 대체 영역에 대응되는 백그라운드 영역과 픽셀(pixel) 단위로 비교하여 차이가 존재하는 지 여부를 판단하여 제 2 검증을 수행한다.

즉, 참조 번호 301 상에서, 대체 영역에 대응되는 영역을 크롭(crop)하면, 'Choi Ji-woo', '+82 10 1234 5678' 등이 표시된 영역이 크롭된다. 크롭된 영역('Choi Ji-woo', '+82 10 1234 5678'등이 표시된 영역)을 디자인 템플릿의 대체 영역에 대응되는 백그라운드 영역(예를 들어, 315상에서 테두리 내부 영역)과 비교하여 차이가 존재하는 지 여부를 판단하게 된다. 이는, 제 1 검증과 달리 픽셀의 차이가 존재하는 경우 검증이 성공하며, 픽셀의 차이가 없는 경우에는 검증이 실패한 것으로 판단되는 바, 대체 영역 상에 이미지가 존재하는 지 여부를 판단하는 것이다. 즉, 벡터 이미지가 표시되는 영역상에, 벡터 이미지가 존재하지 않는 오류를 체크하기 위한 것이다.

따라서, 본 발명에서는, 출력 결과물의 오탈자의 검증 이슈는 발생하지 않는다는 전제하에, 1차적으로 출력 결과물이 미리 설정된 대체 영역에 적합하게 합성되었는지 여부와, 2차적으로 벡터 이미지가 누락되지는 않았는지 여부를 모두 검증함으로써, 출력 결과물의 적합성을 확인할 수 있는 것이다.

도 4는 본 발명의 일 실시예에 따라 출력물 디자인의 검증을 라인(line) 단위로 수행하는 과정을 설명하기 위한 참고도이다. 도 3에서와 같이 제 1 검증, 제 2 검증을 수행하더라도, 중국어, 일본어 등의 경우, 특정 폰트 문제로 인해서, 글자가 표시되지 않거나, 영역을 벗어나는 경우가 발생할 수 있다. 이러한 검증을 사람이 한다는 것은 매우 많은 시간이 소요되게 되며, 또한 사람의 눈을 통해서 검증하면, 시간의 소요 외에 실수가 있을 수 있다.

도 4를 참조하면, '꽃핀 무화과', 'Fig Tree', '无花果',' イチジク', '010 1234 5678 강미리'과 같은 벡터 이미지들이 디자인 템플릿에 합성된다. 벡터 이미지들이 적합하게 합성된 경우에는 참조 번호 401과 같이 출력물 디자인이 생성되나, 참조 번호 402와 같이 '无花果'이 합성되었더라도 폰트 데이터 문제 등으로 벡터 이미지가 누락될 수 있다.

따라서, 본 실시예에 따르면, 출력물 디자인에 합성된 벡터 이미지가 중국어 및 일본어에 대응되는 폰트 데이터에 대응되므로, '꽃핀', '무화과', 'Fig Tree', '无花果',' イチジク', '010 1234 5678 강미리'과 같이 라인 단위로 구획하고, 상술한 제 1 검증 및 제 2 검증을 수행한다.

따라서, 참조번호 410에서와 같이, 제 1 검증을 수행하여 '无花果'가 합성된 영역의 테두리 이미지가 레퍼런스 이미지와 동일할 지라도, 제 2 검증을 라인 단위로 수행하는 경우, '无花果'의 벡터 이미지가 백그라운드 영역과 픽셀 단위로 차이가 발생하지 않는 바, '无花果'의 벡터 이미지가 누락된 것으로 판단될 수 있으며, 부적합하게 합성된 출력물 디자인으로 판단될 수 있다.

본 실시예에 따르면, 벡터 이미지가 한국어, 영어 혹은 숫자를 제외한 폰트 데이터에 대응되는 경우, 상술한 도 3의 검증을 개별 라인(line) 단위로 수행할 수 있다. 특히, 중국어와 일본어의 경우, 간자를 사용하면, 누락되는 경우가 빈번하게 발생하는바, 도 4와 같은 개별 라인 단위별 검증 시스템은 유용하게 이용될 수 있다.

본 명세서와 도면에 게시된 본 발명의 실시 예들은 본 발명의 기술 내용을 쉽게 설명하고 본 발명의 이해를 돕기 위해 특정 예를 제시한 것뿐이며, 본 발명의 범위를 한정하고자 하는 것은 아니다. 여기에 게시된 실시 예들 이외에도 본 발명의 기술적 사상에 바탕을 둔 다른 변형 예들이 실시 가능하다는 것은 본 발명이 속하는 기술 분야에서 통상의 지식을 가진 자에게 자명한 것이다.

Claims (10)

1. 웹 서버가 메타 데이터를 이용하여 출력물 디자인을 적응적으로 생성하는 방법에 있어서,
   상기 웹 서버 에서, 사용자에 의하여 상기 출력물 디자인에 적용될 디자인 템플릿이 선택되는 단계;
   상기 웹 서버가 사용자 디바이스로부터 메타 데이터들이 포함된 데이터 파일을 수신하여, 상기 데이터 파일 중 상기 선택된 디자인 템플릿에 합성하기 위한 메타 데이터를 추출하는 단계;
   상기 웹 서버 에서, 상기 선택된 디자인 템플릿에 기반하여, 상기 출력물 디자인의 정합성을 검증하기 위한 레퍼런스 이미지를 생성하는 단계;
   상기 웹 서버 에서, 상기 선택된 디자인 템플릿에 합성하기 위하여 추출된 메타 데이터에 기반하여 벡터 이미지(vector image)를 생성하고, 상기 디자인 템플릿의 대체 영역에 생성된 상기 벡터 이미지를 합성하여 출력물 디자인을 생성하는 단계;
   상기 웹 서버 에서, 상기 출력물 디자인 상에서 상기 벡터 이미지가 합성된 영역의 테두리를 제 1 검증 이미지로 전처리하여, 상기 제 1 검증 이미지가 상기 레퍼런스 이미지의 테두리 이미지와 동일한지 여부를 비교하는, 제 1 검증 단계; 및
   상기 웹 서버 에서, 상기 제 1 검증이 성공한 경우, 상기 출력물 디자인 상에서, 상기 대체 영역에 대응되는 영역을 크롭(crop)하고, 상기 크롭 영역을 상기 디자인 템플릿의 상기 대체 영역에 대응되는 백그라운드 영역과 픽셀(pixel) 단위로 비교하여 차이가 존재하는 지 여부를 판단하는, 제 2 검증 단계;를 포함하며,
   상기 벡터 이미지는,
   상기 웹 서버에 미리 저장된 폰트(font)에 기반하여 생성되며,
   상기 웹 서버에 상기 벡터 이미지에 대응되는 폰트(font)가 저장되지 않은 경우, 상기 폰트와 유사도가 가장 높게 산출된 대체 폰트에 기반하여 생성되는 것을 특징으로 하는,
   출력물 디자인의 적응적 생성 방법.
2. 제 1 항에 있어서,
   상기 벡터 이미지가 한국어, 영어 혹은 숫자를 제외한 폰트 데이터에 대응되는 경우,
   상기 제 1 검증을 수행하는 단계는,
   상기 제 1 검증 이미지를 라인(line) 단위로 구획하고, 상기 구획된 제 1 검증 이미지와 상기 테두리 이미지를, 라인 단위 별로 동일한지 여부를 판단하며,
   상기 제 2 검증을 수행하는 단계는,
   상기 크롭 영역을 라인(line) 단위로 구획하고, 상기 구획된 크롭 영역과 상기 디자인 템플릿의 상기 대체 영역에 대응되는 백그라운드 영역과, 라인 단위 별로 픽셀 차이가 존재하는 지 여부를 판단하는
   출력물 디자인의 적응적 생성 방법
3. 제 1 항에 있어서,
   상기 벡터 이미지는,
   상기 대체 영역에 대응되는 상기 메타 데이터 기반의 벡터 이미지를, 상기 대체 영역의 높이(height)보다 작도록 사이즈를 조정하여, 상기 대체 영역의 방향에 따라 생성되는 것을 특징으로 하는,
   출력물 디자인의 적응적 생성 방법.
4. 제 3 항에 있어서,
   상기 벡터 이미지는,
   상기 벡터 이미지가 한글, 한자 혹은 숫자 중 하나에 대응되는 경우, 상기 벡터 이미지상의 글자간의 간격을 조정하여 생성되는 것을 특징으로 하는,
   출력물 디자인의 적응적 생성 방법.
5. 제 3 항에 있어서,
   상기 벡터 이미지는,
   상기 벡터 이미지가 영어에 대응되는 경우, 상기 벡터 이미지 상의 글자간의 간격 및 글자의 너비를 모두 조정하여 생성되는 것을 특징으로 하는,
   출력물 디자인의 적응적 생성 방법.
6. 제 1 항에 있어서,
   상기 메타 데이터가 성명이고 상기 벡터 이미지가 영어에 대응되는 경우,
   상기 메타 데이터가 속한 상기 데이터 파일의 설정에 따라, 성(last name)과 이름(first name)의 위치가 설정되는 것을 특징으로 하는,
   출력물 디자인의 적응적 생성 방법.
7. 삭제
8. 제 1 항에 있어서,
   상기 메타 데이터를 추출하는 단계는,
   상기 디자인 템플릿에 포함된 대체 영역에 대응되는 메타 데이터를 확인하고, 상기 데이터 파일에 포함된 적어도 하나의 메타 데이터 가운데 상기 대체 영역에 대응되는 메타 데이터만을 추출하여, 출력물 디자인의 생성이 종료될 때까지 상기 웹 서버상에 임시 저장되며 상기 추출된 메타 데이터에 대응되는 임시 데이터 파일을 생성하는 것을 특징으로 하는,
   출력물 디자인의 적응적 생성 방법.
9. 제 1 항에 있어서,
   상기 메타 데이터를 추출하는 단계는,
   상기 디자인 템플릿의 대체 영역에 사용되는, 상기 웹 서버에 저장된 디자인 리소스를, 출력물 디자인의 생성이 종료될 때까지 상기 웹 서버에 임시 저장하는 단계를 포함하는 것을 특징으로 하는,
   출력물 디자인의 적응적 생성 방법.
10. 제 1 항에 있어서,
    상기 제 1 검증 단계 혹은 상기 제 2 검증 단계 중 하나가 실패한 경우, 상기 웹 서버의 관리자에게 오류 리포팅을 수행하는 단계를 더 포함하는 것을 특징으로 하는,
    출력물 디자인의 적응적 생성 방법.

Images