KR20180041307A - 에스브이지파일 포맷을 이용한 템플릿 적용 시스템 및 방법 - Google Patents

에스브이지파일 포맷을 이용한 템플릿 적용 시스템 및 방법 Download PDF

Info

Publication number
KR20180041307A
KR20180041307A KR1020160133264A KR20160133264A KR20180041307A KR 20180041307 A KR20180041307 A KR 20180041307A KR 1020160133264 A KR1020160133264 A KR 1020160133264A KR 20160133264 A KR20160133264 A KR 20160133264A KR 20180041307 A KR20180041307 A KR 20180041307A
Authority
KR
South Korea
Prior art keywords
template
content
svg
unit
information
Prior art date
Application number
KR1020160133264A
Other languages
English (en)
Other versions
KR101984058B1 (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 KR1020160133264A priority Critical patent/KR101984058B1/ko
Publication of KR20180041307A publication Critical patent/KR20180041307A/ko
Application granted granted Critical
Publication of KR101984058B1 publication Critical patent/KR101984058B1/ko

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/10Services
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F17/00Digital computing or data processing equipment or methods, specially adapted for specific functions
    • G06F17/248
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00Handling natural language data
    • G06F40/10Text processing
    • G06F40/166Editing, e.g. inserting or deleting
    • G06F40/186Templates

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • Business, Economics & Management (AREA)
  • General Physics & Mathematics (AREA)
  • Tourism & Hospitality (AREA)
  • Health & Medical Sciences (AREA)
  • General Health & Medical Sciences (AREA)
  • General Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Economics (AREA)
  • General Business, Economics & Management (AREA)
  • Strategic Management (AREA)
  • Mathematical Physics (AREA)
  • Databases & Information Systems (AREA)
  • Data Mining & Analysis (AREA)
  • Primary Health Care (AREA)
  • Human Resources & Organizations (AREA)
  • Marketing (AREA)
  • Artificial Intelligence (AREA)
  • Computational Linguistics (AREA)
  • Audiology, Speech & Language Pathology (AREA)
  • Information Retrieval, Db Structures And Fs Structures Therefor (AREA)

Abstract

SVG 파일 포맷을 이용한 템플릿 적용 시스템에 관한 것으로서, SVG 파일 포맷 기반의 템플릿 및 컨텐츠를 제작하는 템플릿 저작기와 컨텐츠저작기로 구성된 클라이언트부와, 상기 클라이언트부에서 템플릿 및 컨텐츠 업로드 요청, 검색, 다운로드 요청 등에 대한 인터페이스부와, 제작자 및 회원 정보를 담당하는 사용자 처리부와, 상기 템플릿 정보를 담당하는 템플릿 저작도구와, 컨텐츠 정보를 담당하는 컨텐츠 저작도구로 구성되어 상기 제작된 템플릿 및 컨텐츠를 서버에 등록, 검색, 데이터가 전송되는 서버부로 구성되어 사용자가 템플릿을 제작하여 웹 서비스에 등록하고, 등록된 템플릿을 내려 받아 사용자에게 컨텐츠를 제작함으로서, 사용자에게는 컨텐츠 제작의 편의성을 향상시키는 효과가 있다.

Description

에스브이지파일 포맷을 이용한 템플릿 적용 시스템 및 방법{TEMPLATE APPLICATION SYSTEM AND METHOD USING THE FILE FORMAT SVG}
본 발명은 SVG파일 포맷을 이용한 템플릿 적용 시스템에 관한 것으로, 더욱 상세하게는 컴퓨터 시스템 상의 그래픽 저작 처리에 있어서 SVG파일 포맷을 이용한 템플릿 적용 시스템 및 방법에 관한 것이다.
SVG(Scalable Vector Graphics)는 2차원 벡터 그래픽을 표현하기 위한 XML기반의 파일형식으로 SVG형식의 이미지 표시기술은 XML텍스트 파일들로 정의되어 검색화, 목록화, 스크립화가 가능하며 필요하다면 압축도 가능하다.
SVG는 1999년 W3C(World Wide Web Consortium)의 주도하에 개발된 오픈 표준의 벡터 그래픽과 파일형식으로 현재 마이크로소프트의 인터넷 익스플로러9버전이상과 크롬, 사파리등 대부분의 웹브라우저에서 지원하는 형식이다.
일반적으로 컴퓨터 이미지는 크게 두 가지 타입 즉, 벡터(VECTOR)이미지와 래스터(RASTER)이미지로 나눈다. 벡터 이미지는 주로 드로잉 프로그램(예: 어도비 일러스트레이터, 코렐드로우, 프리핸드 등)에서 만들어지는 그래픽 타입으로 수학적 연산에 의해 처리된다. 즉, 점들과 베지어 커브를 이용해서 테두리와 내부를 채워 이미지를 만들어 내는 것이다. 수학적 공식으로 처리되므로 이미지의 파일 크기가 작고 이미지를 줄이거나 늘여도 이미지에 손상을 주지 않는다. 이 방식을 또한 오브젝트 방식이라고도 한다. 3D나 캐드 프로그램은 이 방식을 이용한다.
래스터 그래픽(raster graphics)은 화상을 래스터 방식에 의해 생성하는 컴퓨터 그래픽의 총칭으로서 오늘날의 컴퓨터 그래픽의 대부분은 이 방식을 사용하고 있다.
래스터 이미지는 픽셀(pixel)이라고 하는 작은 사각형들로 이루어진다. 그리고 점의 모임으로 화상을 나타내므로 해상도는 점의 크기와 갯수에 의해 결정된다.
래스터 방식에 따라 화면에 상을 만들 경우에, 전자빔을 순차적으로 주사해서 문자 등을 작은 점으로 분해하여 표시하므로, 래스터 이미지는 이미지에 변형을 가져올 경우 이미지에 손상을 준다.
따라서 래스터 그래픽(raster graphics)은 게이지, 슬라이더, 게이지 바(Bar)와 같은 HMI(Human MachineInterface)의 동적 이미지를 표시하는데 적당하지 않다. 래스터 그래픽(raster graphics) 방식은 많은 량의 데이터 용량을 필요로 하며, 제작 개발된 프로그램 이외의 다른 프로그램이나 편집기에서 편집할 수 없는 호환성의 문제가 있다. 또한, 이미지에 변형(예: 확대, 각도 변경 등)을 줄 경우 이미지의 손상(예: 깨지거나 비틀림등)을 보이기 때문에, 이미지 변형이 필수적인 데이터의 동적 이미지 표시장치를 구현하는데 어려움이 있다.
상기와 같은 문제점을 해결하기 위한 종래의 기술로는, 대한민국 등록특허 제10-1430632호(벡터 이미지 포맷을 이용한 HMI의 동적 이미지 표시장치 및 방법, 이하 '선행기술'이라 함)이 있다.
상기 선행기술은 스카다(SCADA, Supervisory Control and Data Acquisition)시스템의 HMI(Human Machine Interface)를 동적 그래픽 이미지로 표시하는 수단에 있어서, HMI를 위한 벡터 이미지 파일을 로드하는 그래픽 로드부와, 상기 이미지 파일에서, HMI를 이루는 각 구성 이미지를 검출하는 구성요소 검출부와, 상기 검출된 이미지들을 각각 지정된 위치에 순차적으로 표시하는 이미지 출력부와, 데이터 값의 변화에 비례하는 계기 표시자의 회전각 또는 변동 폭을 계산하는 연산부와, 상기 계기 표시자의 이미지를 상기 계산된 각이나 폭의 좌표 지점에 표시하는 이미지 조정부를 포함하여 구성되며, 상기 HMI는 다이얼 게이지, 슬라이더, 게이지 바 중 어느 하나이며, 상기 이미지 출력부(130)는 HMI가 다이얼 게이지인 경우, 배경(background) 이미지, 계기 표시자(needle) 이미지, 전경(foreground) 이미지를 각각 지정된 위치에 정해진 순으로 오버랩하여 표시한다.
최근에는 멀티미디어 컨텐츠 파일을 소비자 스스로 제작하여 유포할 수 있는 기술 및 연구가 활발히 진행되고 있다. 하지만 상기의 선행기술로는 소비자 스스로 멀티미디어 컨텐츠 파일(이하 '저작컨텐츠'라 함)을 제작하기 위해서는 복잡한 저작도구를 사용하거나 제작하는 소비자 스스로가 프로그래밍을 하듯이 일일이 XML 형태의 컨텐츠를 만들어야 하므로, 컨텐츠 제작기술에 능하지 못한 일반적인 제작자는 소정의 멀티미디어 컨텐츠를 형성하는데에 어려움을 느끼는 문제점이 있다.
또한, 기존 SVG파일 포맷의 규약으로는 템플릿 적용 서비스가 어려운 문제점이 있다.
대한민국 등록특허 제10-1430632호(벡터 이미지 포맷을 이용한 HMI의 동적 이미지 표시장치 및 방법, 등록일자 2014년08월08일)
상기와 같은 문제점을 해결하기 위해 안출된 것으로서, 본 발명은 사용자 정의 기반 확장된 SVG 파일 포맷 정의를 통한 SVG파일을 이용한 템플릿 적용 시스템을 제공하는 것에 그 목적이 있다.
또한, 본 발명은 확장된 SVG파일 포맷을 적용한 템플릿 및 콘텐츠 저작 서비스를 제공하는 것에 그 목적이 있다.
또한, 본 발명은 추가 사용자 정의 속성을 지정하고 설정된 정보에 따른 속성 변경 템플릿 기능을 제공하는 것에 그 목적이 있다.
상기와 같은 목적을 달성하기 위해 본 발명의 시스템은, SVG 파일 포맷 기반의 템플릿 및 컨텐츠를 제작하는 템플릿 저작기(101)와 컨텐츠저작기(102)로 구성된 클라이언트부(100)와, 상기 클라이언트부(100)에서 템플릿 및 컨텐츠 업로드 요청, 검색, 다운로드 요청 등에 대한 인터페이스부(210)와, 제작자 및 회원 정보를 담당하는 사용자 처리부(220)와, 상기 템플릿 정보를 담당하는 템플릿 처리부(230)와, 컨텐츠 정보를 담당하는 컨텐츠 처리부(240)로 구성되어 상기 제작된 템플릿 및 컨텐츠를 서버에 등록, 검색, 데이터가 전송되는 서버부(200)로 구성된다.
이때, 상기 서버부(200)는 사용자 정보를 저장하고 있는 사용자 데이터베이스부(250)와, 템플릿 정보를 저장하고 있는 템플릿 데이터베이스부(260)와, 컨텐츠 정보를 저장하고 있는 컨텐츠 데이터 베이스부(270)를 더 포함한다.
또한, 상기 클라이언트부(100)는 파싱된 SVG 파일이 메모리 스택으로 출력되는 SVG파일부(110)와, 상기 SVG 파일부로부터 분류된 템플릿 라이브러리 스택(120)과, 상기 SVG 파일부로부터 분류된 SVG파일에서 픽쳐 메모리를 로드하고 심볼 메모리를 복사 및 추가하며 픽쳐 렌더링을 하는 픽쳐 메모리 스택(130)과, 상기 템플릿 라이브러리 및 픽쳐 메모리 스택에서 만들어진 컴포넌트를 스크립트 처리하기 위한 스크립트 처리모듈(150)과, 시스템에서 특정 이벤트를 받았을 때 이벤트를 처리하는 이벤트 처리모듈(160)과, 상기 입력된 단계에 따른 정보를 처리하는 스케줄링 모듈(140)과, 상기 픽쳐 메모리 스택(130)에 있는 구조체 메모리를 이용하여 화면에 띄워주는 랜더러 모듈(170)로 구성된 템플릿 저작기(101) 및 컨텐츠 저작기(102)로 구성된다.
또한, 상기 템플릿 저작기(101)는 새로운 템플릿을 추가, 저장, 업로드를 수행하는 New Template(101a, 이하 "뉴 템플릿"이라 함), Save Template(101b, 이하 "세이브 템플릿"이라 함), Upload Template(101c, 이하 "업로드 템플릿"이라 함) 버튼과, 템플릿에 객체를 추가, 편집, 제거를 수행하기 위한 Object Toolbar(101d, 이하 "오브젝트 툴바"라 함), 객체의 속성을 확인하고 편집할 수 있는 Property Toolbar(101e, 이하 "프로펄티 툴바"라 함)를 포함하여 구성된다.
또한, 상기 컨텐츠 저작기(102)는 새로운 컨텐츠를 추가, 저장, 업로드를 수행하는 New Contents(102a, 이하 "뉴 컨텐츠"라 함), Save Contents(102b, 이하 "세이브 컨텐츠"라 함), Upload Contents(102c, 이하 "업로드 컨텐츠"라 함) 버튼과, 상기 컨텐츠의 페이지전환 및 선택을 위한 Contents Page 뷰(102d, 이하 "컨텐츠 페이지 뷰"라 함), 선택된 컨텐츠를 보여주는 컨텐츠 뷰어(102e), 템플릿의 미리보기 뷰어(102f), 라이브러리 미리보기 뷰어(102g), 컨텐츠 객체를 추가, 편집, 제거를 수행하기 위한 Object Toolbar(102h, 이하 "오브젝트 툴바"라 함), 객체의 속성을 확인하고 편집할 수 있는 Property Toolbar(102i, 이하 "프로펄티 툴바"라 함)를 포함하여 구성된다.
본 발명의 SVG파일을 이용한 템플릿 적용 시스템을 이용한 그래픽 저작 처리 방법은, 템플릿 제작을 위해 화면을 실행하는 기동화면 준비하는 단계(S11)와, 상기 템플릿 제작을 위한 추가 템플릿 페이지 화면 생성하는 단계(S12)와, 객체의 개성 및 속성을 설정하는 편집 처리하는 단계(S14)와, 상기 편집처리가 완료된 후 템플릿 페이지 제작 완료에 대한 판단하는 단계(S15)와, 상기 추가 템플릿 페이지 작성 여부를 확인하는 단계(S16)와, 템플릿 등록 여부를 확인하는 단계(S17)와, 상기 템플릿 등록 여부에 따라 로컬 저장장치에 저장 여부의 판단을 처리하는 단계(S19) 및 서버에 템플릿 등록 여부를 판단 처리하는 단계(S18)로 구성된다.
이때, 상기 편집 처리하는 단계(S14) 이전에, 단일 페이지 템플릿 기반으로 SVG 앨리먼트 하위에 기초객체가 추가되는 기초객체 생성 및 사전에 템플릿의 옵션을 설정하는 단계(S13)를 더 포함하여 구성된다.
또한, SVG 기초 객체에 템플릿 속성을 설정할 수 있으며, 템플릿 적용 객체는 SVG파일포맷에 사용자 정의 속성값을 추가할 수 있다.
또한, 상기 템플릿 적용 객체는 각 객체의 개별속성을 변경할 수 있고, 객체 제거 기능이 제공되지 않으나, 원본 템플릿 제작시에는 제거가 가능하다.
본 발명은 SVG 파일 포맷을 이용한 템플릿 적용 시스템에 관한 것으로서,
SVG 파일 포맷 기반의 템플릿 및 컨텐츠를 제작하는 템플릿 저작기(101)와 컨텐츠저작기(102)로 구성된 클라이언트부(100)와;
상기 클라이언트부(100)에서 템플릿 및 컨텐츠 업로드 요청, 검색, 다운로드 요청 등에 대한 인터페이스부(210)와, 제작자 및 회원 정보를 담당하는 사용자 처리부(220)와, 상기 템플릿 정보를 담당하는 템플릿 처리부(230)와, 컨텐츠 정보를 담당하는 컨텐츠 처리부(240)로 구성되어 상기 제작된 템플릿 및 컨텐츠를 서버에 등록, 검색, 데이터가 전송되는 서버부(200);를 포함하여 구성된 것을 특징으로 하는 SVG 파일 포맷을 이용한 템플릿 적용 시스템을 제공한다.
또한 본 발명은 상기 서버부(200)는 사용자 정보를 저장하고 있는 사용자 데이터베이스부(250)와; 템플릿 정보를 저장하고 있는 템플릿 데이터베이스부(260)와; 컨텐츠 정보를 저장하고 있는 컨텐츠 데이터 베이스부(270);를 더 포함하여 구성된 것을 특징으로 하는 SVG 파일 포맷을 이용한 템플릿 적용 시스템을 제공한다.
또한 본 발명은 상기 클라이언트부(100)는 파싱된 SVG 파일이 메모리 스택으로 출력되는 SVG파일부(110)와; 상기 SVG 파일부로부터 분류된 템플릿 라이브러리 스택(120)과; 상기 SVG 파일부로부터 분류된 SVG파일에서 픽쳐 메모리를 로드하고 심볼 메모리를 복사 및 추가하며 픽쳐 렌더링을 하는 픽쳐 메모리 스택(130)과; 상기 템플릿 라이브러리 및 픽쳐 메모리 스택에서 만들어진 컴포넌트를 스크립트 처리하기 위한 스크립트 처리모듈(150)과; 시스템에서 특정 이벤트를 받았을 때 이벤트를 처리하는 이벤트 처리모듈(160)과; 상기 입력된 단계에 따른 정보를 처리하는 스케줄링 모듈(140)과; 상기 픽쳐 메모리 스택(130)에 있는 구조체 메모리를 이용하여 화면에 띄워주는 랜더러 모듈(170);로 구성된 템플릿 저작기(101); 및 컨텐츠 저작기(102);로 구성된 것을 특징으로 하는 SVG 파일 포맷을 이용한 템플릿 적용 시스템을 제공한다.
또한 본 발명은 상가 템플릿 저작기(101)는 새로운 템플릿을 추가, 저장, 업로드를 수행하는 뉴 템플릿(101a), 세이브 템플릿(101b), 업로드 템플릿(101c) 버튼과, 템플릿에 객체를 추가, 편집, 제거를 수행하기 위한 오브젝트 툴바(101d), 객체의 속성을 확인하고 편집할 수 있는 프로펄티 툴바(101e)를 포함하여 구성된 것을 특징으로 하는 SVG 파일 포맷을 이용한 템플릿 적용 시스템을 제공한다.
또한 본 발명은 상기 컨텐츠 저작기(102)는 새로운 컨텐츠를 추가, 저장, 업로드를 수행하는 뉴 컨텐츠(102a), 세이브 컨텐츠(102b), 업로드 컨텐츠(102c) 버튼과, 상기 컨텐츠의 페이지전환 및 선택을 위한 컨텐츠 페이지 뷰(102d), 선택된 컨텐츠를 보여주는 컨텐츠 뷰어(102e), 템플릿의 미리보기 뷰어(102f), 라이브러리 미리보기 뷰어(102g), 컨텐츠 객체를 추가, 편집, 제거를 수행하기 위한 오브젝트 툴바(102h), 객체의 속성을 확인하고 편집할 수 있는 프로펄티 툴바(102i)를 포함하여 구성된 것을 특징으로 하는 SVG 파일 포맷을 이용한 템플릿 적용 시스템을 제공한다.
또한 본 발명은 SVG 파일 포맷을 이용한 템플릿 적용 방법에 관한 것으로서,
템플릿 제작을 위해 화면을 실행하는 기동화면 준비하는 단계(S11)와;
상기 템플릿 제작을 위한 추가 템플릿 페이지 화면 생성하는 단계(S12)와;
객체의 개성 및 속성을 설정하는 편집 처리하는 단계(S14)와;
상기 편집처리가 완료된 후 템플릿 페이지 제작 완료에 대한 판단하는 단계(S15)와;
상기 추가 템플릿 페이지 작성 여부를 확인하는 단계(S16)와;
템플릿 등록 여부를 확인하는 단계(S17)와; 상기 템플릿 등록 여부에 따라 로컬 저장장치에 저장 여부의 판단을 처리하는 단계(S19); 및 서버에 템플릿 등록 여부를 판단 처리하는 단계(S18);를 포함하여 구성된 것을 특징으로 하는 SVG 파일 포맷을 이용한 템플릿 적용 방법을 제공한다.
또한 본 발명은 상기 편집 처리하는 단계(S14) 이전에,
단일 페이지 템플릿 기반으로 SVG 앨리먼트 하위에 기초객체가 추가되는 기초객체 생성 및 사전에 템플릿의 옵션을 설정하는 단계(S13);를 더 포함하여 구성된 것을 특징으로 하는 SVG 파일 포맷을 이용한 템플릿 적용 방법을 제공한다.
또한 본 발명은 상기 기초객체 생성 및 템플릿 옵션 설정하는 단계(S13)는,
SVG 기초 객체에 템플릿 속성을 설정할 수 있으며, 템플릿 적용 객체는 SVG파일포맷에 사용자 정의 속성값을 추가할 수 있는 것을 특징으로 하는 SVG 파일 포맷을 이용한 템플릿 적용 방법을 제공한다.
또한 본 발명은 상기 템플릿 적용 객체는 각 객체의 개별속성을 변경할 수 있고, 객체 제거 기능이 제공되지 않으나, 원본 템플릿 제작시에는 제거가 가능한 것을 특징으로 하는 SVG 파일 포맷을 이용한 템플릿 적용 방법을 제공한다.
이에 따라서, 본 발명의 SVG파일을 이용한 템플릿 적용 시스템을 이용하면, SVG 파일 포맷에 사용자 정의 속성 정보를 추가하고, 추가된 속성 정보에 따라서 템플릿 제작 및 컨텐츠 서비스를 수행할 수 있는 효과가 있다.
또한, 본 발명을 이용하면 사용자가 템플릿을 제작하여 웹 서비스에 등록하고, 등록된 템플릿을 내려 받아 사용자에게 컨텐츠를 제작함으로서, 사용자에게는 컨텐츠 제작의 편의성을 향상시키는 효과가 있다.
도 1은 본 발명의 SVG파일 포맷을 이용한 템플릿 적용 시스템의 구성도이다.
도 2는 본 발명의 저작기에서 템플릿 정보가 포함된 SVG파일의 시스템 구성도이다.
도 3은 템플릿 속성 정의가 추가된 소스 및 렌더러의 결과 예시도이다.
도 4는 심볼 타입의 템플릿 속성 정의가 추가된 소스 및 렌더러의 결과 예시도이다.
도 5는 템플릿 속성 정의된 객체에 이미지 객체를 적용에 따른 노드 변경 구조도이다.
도 6은 템플릿 속성 정의된 객체에 이미지 객체를 적용하였을 경우, SVG 소스, 적용화면, 출력 결과를 보여주는 예시도이다.
도 7은 심볼 타입의 템플릿 속성 정의가 추가된 SVG 소스와 템플릿을 컨텐츠에 적용하였을 경우 그룹형태의 적용과 그룹형태가 아닌 경우의 예시도이다.
도 8은 도 7에 대한 컨텐츠 템플릿 적용시에 대한 노드 적용 구조도이다.
도 9는 SVG 파일 포맷을 이용한 템플릿 적용 시스템의 템플릿 저작 순서도이다.
도 10은 본 발명의 템플릿 저작기의 구성도이다.
도 11은 SVG 파일 포맷을 이용한 템플릿 적용 시스템의 컨텐츠 제작 순서도이다.
도 12는 본 발명의 컨텐츠 저작기의 구성도이다.
이하, 도면을 참조하여 본 발명을 상세하게 설명한다.
도 1은 본 발명의 SVG파일 포맷을 이용한 템플릿 적용 시스템의 구성도이고, 도 2는 본 발명의 저작기에서 템플릿 정보가 포함된 SVG파일의 시스템 구성도이다.
도 1 및 도 2를 참조하여 설명하면, 본 발명은 SVG 파일 포맷을 이용한 템플릿 적용 시스템에 관한 것으로서, SVG 파일 포맷 기반의 템플릿 및 컨텐츠를 저작하는 클라이언트부와, 상기 제작된 템플릿 및 컨텐츠를 서버에 등록, 검색, 데이터가 전송되는 서버부로 구성된다.
이때, 클라이언트부는 유선 달말기, 노트북, 데스크탑 PC, 태블릿 PC, 스마트폰 등 유선 또는 무선의 장치로 구성된다.
또한, 상기 서버부는 클라이언트부에서 템플릿 및 컨텐츠 업로드 요청, 검색, 다운로드 요청 등에 대한 인터페이스부와 제작자 및 회원 정보를 담당하는 사용자 처리부와, 상기 템플릿 정보를 담당하는 템플릿 저작도구와, 컨텐츠 정보를 담당하는 컨텐츠 저작도구를 포함한다.
상기 서버부는 사용자 정보를 저장하고 있는 사용자 데이터베이스부, 템플릿 정보를 저장하고 있는 템플릿 데이터베이스부, 컨텐츠 정보를 저장하고 있는 컨텐츠 데이터 베이스부를 더 포함하여 구성된다.
상기 클라이언트부는 파싱된 SVG 파일이 메모리 스택으로 출력되는 SVG파일부와, 상기 SVG 파일부로부터 분류된 템플릿 및 라이브러리 스택과 상기 SVG 파일부로부터 분류된 SVG파일에서 픽쳐 메모리를 로드하고 심볼 메모리를 복사 및 추가하며 픽쳐 렌더링을 하는 픽쳐 메모리 스택과, 상기 라이브러리 및 픽쳐 메모리 스택에서 만들어진 컴포넌트를 스크립트 처리하기 위한 스크립트 처리모듈과, 시스템에서 특정 이벤트를 받았을 때 이벤트를 처리하는 이벤트 처리모듈과, 상기 입력된 단계에 따른 정보를 처리하는 스케쥴링 모듈, 그리고 메모리 스택에 있는 구조체 메모리를 이용하여 화면에 띄워주는 랜더러 모듈을 포함한 템플릿 및 컨텐츠 저작기로 구성된다.
도 3은 템플릿 속성 정의가 추가된 소스 및 렌더러의 결과 예시도이고, 도 4는 심볼 타입의 템플릿 속성 정의가 추가된 소스 및 렌더러의 결과 예시도이다.
도 3 및 도 4를 참조하여 설명하면, 픽쳐단의 단일 페이지 템플릿 기반으로 SVG 앨리먼트 하위에 기초객체가 추가되는 형태를 갖는다. 이때, 추가되는 객체는 SVG Rectangle, SVG Circle, SVG Ellipse, SVG Line, SVG Ploygon, SVG Path, SVG Text, SVG Image 등이 포함된다.
SVG 기초 객체에 템플릿 속성을 설정할 수 있으며, 템플릿 적용 객체는 SVG파일포맷에 사용자 정의 data-template-item(이하 "속성값"이라 함) 속성이 추가된다. 이하, SVG 파일은 <image>앨리먼트에 속성이 부여된 예시이다.
……
<svg>
<image x="0" y="0" width=“800" height=“600“
data-template-item=”true” xlink:href=“back.png" ></image>
……
상기 SVG Rectangle, SVG Circle, SVG Ellipse, SVG Line, SVG Polygon, SVG Polyline, SVG Path, SVG Text, SVG Image 앨리먼트는 템플릿 속성 정의가 부여될 수 있다. 또한, 템플릿 속성이 부여된 객체는 각 객체의 개별속성을 변경할 수 있다. 이때, 객체 제거 기능은 제공되지 않으나, 원본 템플릿 제작시에는 제거가 가능하다.
상기 SVGPolygon, SVG Rectangle, SVG Circle, SVG Ellipse, SVG Path객체에 속성값이 적용된 경우에는 각 객체의 속성을 변경할 수 있으나,이미지 객체를 적용시킬 수 있는 특징을 갖는다.
<svg>
……
<polygon points="200,200 250,200 250,250 200,250……" 
data-template-item=”true”style="fill:lime;stroke:purple;stroke-width:1" />
……
위 예시와 같이 <polygon>앨리먼트에 이미지 객체를 삽입하는 경우에는 아래 예시와 같이 SVG 파일의 내용이 변경된다.
<svg>
……
<clipPath id=“path">
<polygon points=" 200,200 250,200 250,250 200,250"
data-template-item=”true”style="fill:lime;stroke:purple;stroke-width:1 />
</clipPath>
<image clip-path="url(#path)" x=“200” y=“200” xlink:href=“user.png" />
……
또한, 본 발명의 저작기는 SVG Polygon, SVG Circle, SVG Ellipse, SVG Path 객체는 이미지 객체를 삽입할 수 있다. 그리고, 이미지 객체로 변경 되었을 경우 SVG Polygon, SVG Circle, SVG Ellipse, SVG Path객체의 영역정보가 이미지 객체의 클립핑 영역으로 지정된다.
또한, 이미지 객체를 적용시 <clipPath>앨리먼트 노드가 추가되며, 하위 이웃 객체로 <image>앨리먼트 노드가 추가된다.
도 3은 SVG Image, SVG Polygon, SVG Text에 대한 간단한 실시 예이다. 추가된 객체에 템플릿 속성이 적용되었으며, SVG 파일 포맷에 사용자 정의 data-template-item 속성이 포함되어 있다. SVG 파일부로부터 로드된 Image객체에 템플릿 아이템 속성정보 data-template-item="true”로 적용되어 이미지의 xlink:href, x, y, width, height, style, class속성 등을 변경한다.
도 3의 Polygon객체에 템플릿 아이템 속성정보가 data-template-item=”true”로 적용되었으며, 이때, Polygon의 points, style속성 등을 변경한다.
또한, 상기 Polygon, Circle, Ellipse, Path 객체는 이미지객체로 변경될 수 있다. 이미지 객체로 변경되었을 경우 상기 Polygon, Circle, Ellipse, Path객체의 영역정보가 이미지 객체의 클립핑 영역으로 지정된다.
도 3의 Text객체에 템플릿 아이템 속성정보를 data-template-item="true”로 적용되었으며, 이에 텍스트의 text, x, y, dx, dy, rotate, style, class속성 등을 변경한다.
도 4는 다중 페이지 템플릿 제작에 유용한 방법으로 심볼을 추가하고 추가된 심볼에 기초객체를 추가하는 형태를 갖는다. 이때, 추가되는 객체는 단일 페이지 객체에서 추가되는 개체 SVG Rectangle, SVG Circle, SVG Ellipse, SVG Line, SVG Polygon, SVG Polyline, SVG Path, SVG Text, SVG Image이다.
또한, 상기 심볼을 정의하는 <symbol>앨리먼트에 사용자 정의 추가 템플릿 속성이 포함된다. 상기 <symbol>앨리먼트의 속성에 템플릿 심볼을 정의하는 data-template를 포함한다.
이때, 추가된 사용자 정의 속성의 플래그 값 true 또는 false의 값에 따라 템플릿 심볼인지 단순 그래픽 심볼 여부를 판단한다.
또한, 도 4와 같이 data-template과 같은 템플릿 속성정보가 없는 경우에는 그래픽 심볼로 간주한다. 심볼 하위노드에 템플릿 아이템을 정의하는 인자 data-template-item이 포함한다.
또한, 추가된 사용자 정의 속성의 플래그값의 정보에 따라(예시: true 또는 false)템플릿 아이템 여부를 확인하고, 상기 <symbol>앨리먼트의 템플릿 속성 정보가 없거나 사용하지 않는 속성정보이면, 일반적으로SVG파일 포맷의 그래픽 템플릿 적용방법과 동일한 기능으로 제공한다.
본 발명의 저작 시스템은 사용자 정의 이외의 규약에 대해서는 W3C에서 제공하는 SVG의 표준 규약에 따른 동작을 수행한다.
본 발명에서 제공하는 심볼 템플릿 저작기는 <symbol>앨리먼트의 data-template 사용여부를 판단하여, data-template 사용하는 경우, <use>앨리먼트를 이용하지 않는다.
이때, data-template속성이 없거나 “false”설정인 경우에는 <use>앨리먼트를 이용하여 객체를 추가한다.
도 5는 템플릿 속성 정의된 객체에 이미지 객체를 적용에 따른 노드 변경 구조도이다.
도 5를 참조하여 설명하면, 템플릿 적용 후 이미지 객체를 제거 하였을 경우, 템플릿 적용 전 상태의 노드 링크 정보로 변경된다.
이때, 이미지 제거시 상위 이웃 객체가 <clipPath>앨리먼트인지, <image>앨리먼트의 속성 clip-path의 경로와 <clipPath>앨리먼트의 id값이 동일한 정보인지를 판단하여 템플릿 적용 전 상태로 변경된다.
도 6은 템플릿 속성 정의된 객체에 이미지 객체를 적용하였을 경우, SVG 소스, 적용화면, 출력 결과를 보여주는 예시도이다.
도 6을 참조하여 설명하면, 도 6의 상단부분은 SVG파일 포맷의 템플릿 소스를 나타낸 것이고, 중단부분은 본 발명의 저작기 렌더러를 통하여 보여지는 예시 화면을 나타낸 것이고, 하단부분은 템플릿이 적용된 Polygon객체에 이미지 객체가 적용된 SVG 파일 포맷의 결과 예시 소스이다.
도 7은 심볼 타입의 템플릿 속성 정의가 추가된 SVG 소스와 템플릿을 컨텐츠에 적용하였을 경우 그룹형태의 적용과 그룹형태가 아닌 경우의 예시도이고, 도 8은 도 7에 대한 컨텐츠에 템플릿 적용시에 대한 노드 적용 구조도이다.
도 7 및 도 8을 참조하여 설명하면, 컨텐츠 제작시 그룹 옵션 설정 여부에 따라 컨텐츠 적용 방법이 달라진다.
이때, 그룹 옵션을 지정하였을 경우 적용된 SVG 파일 포맷은 도 7의 두번째폴더의 내용과 같으며, 노드정보는 <g>앨리먼트 하위에 <symbol>앨리먼트 하위 노드 내용이 복사된다.
또한, 그룹 옵션 설정이 되어 있지 않은 경우의 SVG 파일 포맷은 도 7의 세번째 폴더의 내용과 같으며, 노드정보는 <symbol>앨리먼트 하위 노드 내용이 <svg>앨리먼트에 복사되어 적용된다.
도 9는 SVG 파일 포맷을 이용한 템플릿 적용 시스템의 템플릿 저작 순서도이다.
도 9를 참조하여 설명하면, 본 발명의 템플릿 적용 방법은 템플릿 제작을 위해 화면을 실행하는 기동화면 준비하는 단계와, 상기 템플릿 제작을 위한 추가 템플릿 페이지 화면 생성하는 단계와, 객체의 개성 및 속성을 설정하는 편집 처리하는 단계와, 상기 편집처리가 완료된 후 템플릿 페이지 제작 완료에 대한 판단하는 단계와, 상기 추가 템플릿 페이지 작성 여부를 확인하는 단계와, 템플릿 등록 여부를 확인하는 단계, 로컬 저장장치에 저장 여부의 판단을 처리하는 단계 및 서버에 템플릿 등록 여부를 판단 처리하는 단계로 구성된다.
이때, 상기 편집 처리하는 단계 이전에, 템플릿에 적용될 기초객체 생성 및 템플릿의 옵션을 설정하는 단계를 더 포함하여 구성된다.
도 10은 본 발명의 템플릿 저작기의 구성도이다.
도 10을 참조하여 설명하면, 본 발명의 템플릿 저작기(101)는 새로운 템플릿을 추가, 저장, 업로드를 수행하는 New Template(101a, 이하 "뉴 템플릿"이라 함), Save Template(101b, 이하 "세이브 템플릿"이라 함), Upload Template(101c, 이하 "업로드 템플릿"이라 함) 버튼과, 템플릿에 객체를 추가, 편집, 제거를 수행하기 위한 Object Toolbar(101d, 이하 "오브젝트 툴바"라 함), 객체의 속성을 확인하고 편집할 수 있는 Property Toolbar(101e, 이하 "프로펄티 툴바"라 함)를 포함하여 구성된다.
도 11은 SVG 파일 포맷을 이용한 템플릿 적용 시스템의 컨텐츠 제작 순서도이다.
도 11을 참조하여 설명하면, 본 발명의 컨텐츠 제작 방법은 컨텐츠를 제작할 템플릿의 정보를 검색하는 템플릿 DB 검색하는 단계와, 상기 검색된 템플릿의 정보를 내려 받아 적용하기 위한 템플릿 내려 받기 수행하는 단계와, 내려 받은 템플릿을 적용하고 컨텐츠 제작을 위한 템플릿 적용 및 컨텐츠 제작하는 단계와, 제작된 컨텐츠가 서버에 등록되어 있는지의 여부를 판단하는 컨텐츠 등록 여부 판단하는 단계와, 컨텐츠 등록 요청에 따라 서버에 컨텐츠를 등록하는 컨텐츠 등록단계로 구성된다.
도 12는 본 발명의 컨텐츠 저작기의 구성도이다.
도 12를 참조하여 설명하면, 본 발명의 컨텐츠 저작기(102)는 새로운 컨텐츠를 추가, 저장, 업로드를 수행하는 New Contents(102a, 이하 "뉴 컨텐츠"라 함), Save Contents(102b, 이하 "세이브 컨텐츠"라 함), Upload Contents(102c, 이하 "업로드 컨텐츠"라 함) 버튼과, 상기 컨텐츠의 페이지전환 및 선택을 위한 Contents Page 뷰(102d, 이하 "컨텐츠 페이지 뷰"라 함), 선택된 컨텐츠를 보여주는 컨텐츠 뷰어(102e), 템플릿의 미리보기 뷰어(102f), 라이브러리 미리보기 뷰어(102g), 컨텐츠 객체를 추가, 편집, 제거를 수행하기 위한 Object Toolbar(102h, 이하 "오브젝트 툴바"라 함), 객체의 속성을 확인하고 편집할 수 있는 Property Toolbar(102i, 이하 "프로펄티 툴바"라 함)를 포함하여 구성된다.
이에 따라서, 본 발명의 SVG파일을 이용한 템플릿 적용 시스템을 이용하면, SVG 파일 포맷에 사용자 정의 속성 정보를 추가하고, 추가된 속성 정보에 따라서 템플릿 제작 및 컨텐츠 서비스를 수행할 수 있는 효과가 있다.
본 발명의 일부 단계들은 컴퓨터가 읽을 수 있는 기록매체에 컴퓨터가 읽을 수 있는 코드로서 구현하는 것이 가능하다. 컴퓨터가 읽을 수 있는 기록매체는 컴퓨터 시스템에 의하여 읽혀질 수 있는 데이터가 저장되는 모든 종류의 기록 장치를 포함한다. 컴퓨터가 읽을 수 있는 기록 매체의 예로는 ROM, RAM, CD-ROM, CD-RW, 자기테이프, 플로피디스크, HDD, 광디스크, 광자기 저장장치 등이 있을 수 있으며, 또한 캐리어 웨이브(예를 들어, 인터넷을 통한 전송)의 형태로 구현되는 것도 포함한다. 또한 컴퓨터가 읽을 수 있는 기록 매체는 네트워크로 연결되어 컴퓨터 시스템에 분산되어, 분산 방식으로 컴퓨터가 읽을 수 있는 코드로 저장되고 실행될 수 있다.
이상에서와 같이 도면과 명세서에서 최적의 실시예가 개시되었다. 여기서 특정한 용어들이 사용되었으나, 이는 단지 본 발명을 설명하기 위한 목적에서 사용된 것이지 의미 한정이나 특허청구범위에 기재된 본 발명의 범위를 제한하기 위하여 사용된 것은 아니다. 그러므로 본 기술 분야의 통상의 지식을 가진 자라면 이로부터 다양한 변형 및 균등한 타 실시예가 가능하다는 점을 이해할 것이다. 따라서 본 발명의 진정한 기술적 보호범위는 첨부된 특허청구범위의 기술적 사상에 의해 정해져야 할 것이다.
100 : 클라이언트부 101 : 템플릿 저작기
102 : 컨텐츠 저작기 110 : SVG파일부
120 : 템플릿/라이브러리 스택
130 : 픽쳐 메모리 스택
140 : 스케쥴링 모듈 150 : 스크립트 처리모듈
160 : 이벤트처리 모듈 170 : 렌더러 모듈
200 : 서버부
210 : 인터페이스부 220 : 사용자처리부
230 : 템플릿처리부 240 : 컨텐츠처리부
250 : 사용자 데이터베이스부
260 : 템플릿 데이터베이스부
270 : 컨텐츠 데이트베이스부

Claims (4)

  1. SVG 파일 포맷을 이용한 템플릿 적용 시스템에 관한 것으로서,
    SVG 파일 포맷 기반의 템플릿 및 컨텐츠를 제작하는 템플릿 저작기(101)와 컨텐츠저작기(102)로 구성된 클라이언트부(100)와;
    상기 클라이언트부(100)에서 템플릿 및 컨텐츠 업로드 요청, 검색, 다운로드 요청 등에 대한 인터페이스부(210)와, 제작자 및 회원 정보를 담당하는 사용자 처리부(220)와, 상기 템플릿 정보를 담당하는 템플릿 처리부(230)와, 컨텐츠 정보를 담당하는 컨텐츠 처리부(240)로 구성되어 상기 제작된 템플릿 및 컨텐츠를 서버에 등록, 검색, 데이터가 전송되는 서버부(200);를 포함하여 구성된 것을 특징으로 하는 SVG 파일 포맷을 이용한 템플릿 적용 시스템.
  2. 제 1 항에 있어서,
    상기 서버부(200)는 사용자 정보를 저장하고 있는 사용자 데이터베이스부(250)와; 템플릿 정보를 저장하고 있는 템플릿 데이터베이스부(260)와; 컨텐츠 정보를 저장하고 있는 컨텐츠 데이터 베이스부(270);를 더 포함하여 구성된 것을 특징으로 하는 SVG 파일 포맷을 이용한 템플릿 적용 시스템.
  3. SVG 파일 포맷을 이용한 템플릿 적용 방법에 관한 것으로서,
    템플릿 제작을 위해 화면을 실행하는 기동화면 준비하는 단계(S11)와;
    상기 템플릿 제작을 위한 추가 템플릿 페이지 화면 생성하는 단계(S12)와;
    객체의 개성 및 속성을 설정하는 편집 처리하는 단계(S14)와;
    상기 편집처리가 완료된 후 템플릿 페이지 제작 완료에 대한 판단하는 단계(S15)와;
    상기 추가 템플릿 페이지 작성 여부를 확인하는 단계(S16)와;
    템플릿 등록 여부를 확인하는 단계(S17)와; 상기 템플릿 등록 여부에 따라 로컬 저장장치에 저장 여부의 판단을 처리하는 단계(S19); 및 서버에 템플릿 등록 여부를 판단 처리하는 단계(S18);를 포함하여 구성된 것을 특징으로 하는 SVG 파일 포맷을 이용한 템플릿 적용 방법.
  4. 제 3 항에 있어서,
    상기 편집 처리하는 단계(S14) 이전에,
    단일 페이지 템플릿 기반으로 SVG 앨리먼트 하위에 기초객체가 추가되는 기초객체 생성 및 사전에 템플릿의 옵션을 설정하는 단계(S13);를 더 포함하여 구성된 것을 특징으로 하는 SVG 파일 포맷을 이용한 템플릿 적용 방법.

KR1020160133264A 2016-10-14 2016-10-14 에스브이지파일 포맷을 이용한 템플릿 적용 시스템 및 방법 KR101984058B1 (ko)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020160133264A KR101984058B1 (ko) 2016-10-14 2016-10-14 에스브이지파일 포맷을 이용한 템플릿 적용 시스템 및 방법

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020160133264A KR101984058B1 (ko) 2016-10-14 2016-10-14 에스브이지파일 포맷을 이용한 템플릿 적용 시스템 및 방법

Publications (2)

Publication Number Publication Date
KR20180041307A true KR20180041307A (ko) 2018-04-24
KR101984058B1 KR101984058B1 (ko) 2019-06-04

Family

ID=62087482

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020160133264A KR101984058B1 (ko) 2016-10-14 2016-10-14 에스브이지파일 포맷을 이용한 템플릿 적용 시스템 및 방법

Country Status (1)

Country Link
KR (1) KR101984058B1 (ko)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20200058103A (ko) 2018-11-19 2020-05-27 주식회사 디자인커넬 페이지 지정과 스타일 지정이 가능한 벡터 이미지 시스템
CN112765932A (zh) * 2021-01-26 2021-05-07 国网冀北电力有限公司电力科学研究院 分析svg对双馈并网系统的影响的方法及装置

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101254610B1 (ko) * 2011-10-26 2013-04-23 오상석 창작콘텐츠극 제작시스템
KR20140062547A (ko) * 2012-11-12 2014-05-26 주식회사 시공미디어 데이터베이스를 이용한 전자문서 수정, 제작 및 관리 장치 및 방법
KR101430632B1 (ko) 2013-03-29 2014-08-14 주식회사 애니게이트 벡터 이미지 포맷을 이용한 hmi의 동적 이미지 표시장치 및 방법

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101254610B1 (ko) * 2011-10-26 2013-04-23 오상석 창작콘텐츠극 제작시스템
KR20140062547A (ko) * 2012-11-12 2014-05-26 주식회사 시공미디어 데이터베이스를 이용한 전자문서 수정, 제작 및 관리 장치 및 방법
KR101430632B1 (ko) 2013-03-29 2014-08-14 주식회사 애니게이트 벡터 이미지 포맷을 이용한 hmi의 동적 이미지 표시장치 및 방법

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20200058103A (ko) 2018-11-19 2020-05-27 주식회사 디자인커넬 페이지 지정과 스타일 지정이 가능한 벡터 이미지 시스템
CN112765932A (zh) * 2021-01-26 2021-05-07 国网冀北电力有限公司电力科学研究院 分析svg对双馈并网系统的影响的方法及装置
CN112765932B (zh) * 2021-01-26 2024-03-12 国网冀北电力有限公司电力科学研究院 分析svg对双馈并网系统的影响的方法及装置

Also Published As

Publication number Publication date
KR101984058B1 (ko) 2019-06-04

Similar Documents

Publication Publication Date Title
JP7323584B2 (ja) モバイル向けのおよび他の表示環境をサポートするインタラクティブなサイトおよびアプリケーションの自動変換のためのシステムおよび方法
US9484006B2 (en) Manipulation of textual content data for layered presentation
US20170161354A1 (en) Chart conversion system and method using metadata
CA2694208C (en) Method and system for creating and manipulating embroidery designs over a wide area network
US9519624B1 (en) Displaying previews of content items for electronic works in a target rendering environment
US9047261B2 (en) Document editing method
CN107402985B (zh) 视频特效输出控制方法、装置及计算机可读存储介质
WO2016054549A1 (en) Application prototyping tool
US8462177B2 (en) Systems and methods for providing content for use in multiple environments
CN107301046B (zh) 图标的处理方法和装置、计算机设备和存储介质
US10558745B2 (en) Information processing apparatus and non-transitory computer readable medium
CN109658485B (zh) 网页动画绘制方法、装置、计算机设备和存储介质
JP2009048450A (ja) 文書管理プログラム,サムネイル表示方法
EP1932119A2 (en) System and method for image customization
KR101984058B1 (ko) 에스브이지파일 포맷을 이용한 템플릿 적용 시스템 및 방법
CN106776994B (zh) 一种工程符号在工程报表和网页中的应用方法及系统
CN117093386B (zh) 页面截图方法、装置、计算机设备和存储介质
KR101500598B1 (ko) Xml 생성 시스템 및 방법
CN116610304B (zh) 页面代码生成方法、装置、设备和存储介质
JP6623603B2 (ja) 情報処理装置及びプログラム
US20180307665A1 (en) Computer Implemented Methods For Enhancing Word Processor Software with Third-Party Electronic Forms Design Software
CN114254241A (zh) 一种电子证照模板制作系统及方法
Dengler et al. Scalable vector graphics (SVG) 1.1
JP2010224659A (ja) 情報処理装置、情報処理方法、プログラム及び記憶媒体
US20130104014A1 (en) Viewer unit, server unit, display control method, digital comic editing method and non-transitory computer-readable medium

Legal Events

Date Code Title Description
A201 Request for examination
E902 Notification of reason for refusal
E90F Notification of reason for final refusal
E701 Decision to grant or registration of patent right