Company Profile &문서번호 SB_DOC_1

Company Profile &Solution Introduction

작성일 2013.12.2

설명 쇼비트 및 웹투프린트 솔루션 소개자료 클라이언트

작성자 ㈜쇼비트 문의 김유찬 3224-6049 /yoochan@showbit.co.kr

이 문서는 나눔글꼴로 작성되었습니다 S H O W B I T

Solution Overview

Edition Flex 웹애플리케이션은웹투프린트 서비스를 위한 최적의 솔루션입니다웹투프린트 서비스를 위한 최적의 솔루션입니다.

SVG 포맷의 편집라이브러리를 기반으로 한 레이아웃 엔진을 탑재, 다양한 오브젝트의 생성, 풍부하고 정밀한 그

래픽 기능을 100% 웹브라우저상에서 구현하는 독보적 솔루션래픽 기능을 100% 웹브라우저상에서 구현하는 독보적 솔루션.

일본 제1의 인쇄그룹 大日本印刷株式會社(DNP), 캐논마케팅솔루션즈, 일본 최대 광고그룹사인 덴츠(DENTSU)

또한 파트너 개발사로 참여하고 있는 검증된 솔루션.

국내시장의 니즈에 대응하는 완벽한 솔루션, ‘Edition Flex’를 소개합니다.

<Edition Flex>는가장 진보된 웹투프린트 솔루션입니다.

DTP 수준의 편집기능을 웹브라우저에서 제공하는 가장 진화된 웹기반의 편집솔루션

SVG 기반의 그래픽엔진과 HTML 기반으로 제공되는 웹클라이언트는, 사용편의성과 편집기능에서

국내 외 유사솔루션들과 현격히 차별화됨

100% 웹기반프로그램 설치 없음폰트의 설치 필요 없음(서버에서 제공)

편집화면 UI 변경 용이서비스 대상과 상품에 따라 최적의 UI적용 용이

※ 위 편집화면은, HTML, JavaScript, Flash로 구현된 ‘표준 UI’, 위에서 이미지 영역(Flash) 외에는 HTML로 구현됨.

Edition Flex는국내시장의 니즈에 대응하는 최적의 솔루션입니다.

배너, 포스터를 포함한 대부분의 상업용인쇄물에 대응 가능한 유일한 솔루션입니다.

벡터(Vector) 기반의 편집 솔루션으로, 풍부하고 정밀한 편집 기능을 제공

국내 외 대부분의 솔루션은 ‘텍스트와 도형’ 에 한해 제한적인 기능만을 제공하고 있어, 명함 등에 제한적 활용

왼쪽의 내용 전체는Edition Flex에서 100%Edition Flex에서 100%직접 입력된 것입니다.

Edition Flex는웹표준을 지향하는 Web2Print 전용엔진을 탑재하고 있습니다.

W3C 지정의 벡터그래픽 표준포맷인 SVG를 기반으로 최적의 웹투프린트 환경을 제공합니다.

W3C 권고 표준인 SVG(Scalable Vector Graphic)를 표준 포맷으로한 편집 디자인 솔루션

사용자 PC 환경에 비의존적인 클라우딩 컴퓨팅 환경을 완벽하게 제공 (어떤 프로그램 및 글꼴 설치 불필요)

• 데스크탑 애플리케이션에서나 가능했던 풍부하고 정밀한 편집 디자인 기능을 제공

• 템플릿 디자이너와 서비스 이용자에게 동일한 “웹 기반의 편집디자인 환경”을 제공

• 서비스모델 대상 상품에 따라 UI 커스터마이징 용이

▶ 데스크탑 애플리케이션 수준의 편집디자인 환경을 웹기반으로 제공

• 서비스모델, 대상, 상품에 따라 UI 커스터마이징 용이

▶ 글로벌 UI 및 사용자와 상품에 최적화된 UI 제공

• 최적의 원천기술을 보유한 해외기업과의 기술제휴, 국내환경에 최적화한 웹애플리케이션 개발

• 동일한 편집기를 상품에 따라 최적화된 UI로 표현가능

• 네트워크를 사용한 조판 및 레이아웃 작업은 일반적으로 높은 대역을 필요로 하지만, Edition Flex는 SVG를 채용하여, 서버와

▶ 빠른 편집 속도

상호작용하는 것은 변경 파트 부분만을 처리

• XML이 가지고 있는 DOM(도큐멘트 객체 모델) 덕분에 개별 개체에 대한 추가, 변경 또는 삭제가 가능하므로 낮은 대역에서도

빠르게 동작

• 또한 고용량의 인쇄이미지도 저해상도로 압축하여 표시하므로 조작이 경쾌• 또한 고용량의 인쇄이미지도 저해상도로 압축하여 표시하므로 조작이 경쾌

Edition Flex Architecture :웹투프린트 시스템에 최적화된 기술에 기반하고 있습니다.

브라우저에서 동작하는 JavaScript와 Server-Side Script 및 Core Engine인 DLL로 구성

Edition Flex는 전체를 총괄하는 비즈니스로직으로 부터 필요에 따라서 호출되며, 플래시와 연동하여 ‘편집디자인

환경’과 ‘PDF 데이터 생성’ 기능을 제공.

데이타베이스

Core Engine

LayoutLogic.dll

DrawLogic.dll

SVG 편집 인터페이스 구축 라이브러리

SVG를 PDF로 변환하는 ModuleTrueType/OpenType Font를 SVG로 변환

웹애플리케이션

A P I (JNI)Web

Core Engine의 DLL에 엑세스하기 위한 API

비즈니스 로직A P I (JNI)

J A RServer

문서의 오브젝트 편집을 수행하는 JavaScript

JAVA 라이브러리

Client

웹브라우저

비즈니스 UIJavaScript

Flash Player

오브젝트 편집 영역을 플래시로 제공

시스템구성 :템플릿개발을 포함한 모든 시스템이 100% 웹기반으로 구축됩니다.

편집화면을 제공하는 ‘Edition Flex’와 템플릿 오쏘링 시스템인 ‘BackStage’로 구성됩니다.

Web Site(Storefront)

편집 시스템

• Web 브라우저에 그래픽 데이터의 편집 화면을 제공• 또한 가변 인쇄 데이터의 생성 엔진으로 작동하여 텍스

템플릿 오쏘링 시스템

• Design Flex에서 사용하는 디자인 소재 및 디자인 결과를 저장 관리하는 모듈

Web to Print 서비스몰

사용자 인증, 템플릿 등록, 주문결제등의 쇼핑몰 기능을 구현 가 쇄 데이터의 생성 작동하여 텍

트 형식의 스크립트 파일로 부터 인쇄 데이터를 생성• 스크립트 파일의 지시에 따라 텍스트를 편집하고 문서

자료를 자동 레이아웃시킴으로써 Variable Printing을제공

자 결과 저장 리하• Edition Flex와 함께 사용하면, 템플릿 오쏘링

사이트 역할을 수행• 또한 디자인 완료된 템플릿 파일을 텍스트 형식

의 Flex Script 파일로 생성할 수 있음

Edition Flex Client :HTML & JavaScript 기반의 클라이언트입니다

작업영역 외의 모든 인터페이스는 HTML과 JavaScript로 구현되었습니다

작업영역만 플래시로 표현됩니다.

인터넷상의 누구라도 작업 가능한100% 웹기반의 템플릿 오쏘링 시스템

인터넷 접속이 가능한 원격지의 디자이너도 별도의 프로그램 설치없이 템플릿 작업에 참여 가능

일반 서비스 이용자와 동일한 편집 디자인 환경을 제공하며, 템플릿 제작 모드에서만 제공되는 기능을 통해 제작의

효율성, 생산성을 높임

템플릿 시스템 주요 기능

템플릿 관리

소재 관리

Back Stage 로그인 신규 템플릿 생성템플릿관리용 웹페이지에 로그인

페이지 생성 (복수페이지)템플릿 이름태그 지정템플릿 설명 입력

페이지명 입력사이즈 지정재단영역 설정

판형 관리

태그 관리

템플릿 / JPEG 다운로드오브젝트별 편집속성 설정 템플릿 등록 및 관리페이지 편집 템플릿 / JPEG 다운로드

템플릿 파일 다운로드(xxx.lla)JPEG 다운로드(썸네일용)

오브젝트별 편집속성 설정

개체별 ‘허가속성’ 설정- 예) 편집가부/이동가부

템플릿 등록 및 관리

템플릿 일람/복제/삭제/수정/등록

페이지 편집

각 오브젝트 생성- 텍스트/도형/선/이미지/ QR코드

동일한 편집모듈에서도<사용자그룹별> <상품별>로 최적의 UI를 제공합니다.

서로 다른 UI 설정파일을 적용하여 <상품별>로 최적의 편집화면을 호출할 수 있습니다.

동일한 편집기를 호출하되, 상품별로 편집메뉴, 폰트목록, 개체의 속성패널을 달리할 수 있습니다.

(예) 명함은 심플한 메뉴를, 복잡한 상품은 상세한 편집메뉴를 제공할 수 있습니다.

템플릿선택 편집화면 실행

호출시의 변수(Parameter)

① 제휴계정 : 동일계정의 BackStage에서 라이브러리 호출

② Editor Type : 기본 에디터를 선택(한글판 영문판 등)

편집화면 호출

② Editor Type : 기본 에디터를 선택(한글판, 영문판 등)

③ 편집모드 : 메뉴 설정 파일을 선택

명함 편집 모드

개체메뉴텍스트 true아치형텍 f l아치형텍스트 false다단조판 false

편집메뉴복사 false첨부 false

속성패널텍스트

폰트설정 false테두리설정 false그림자효과 false

명함

명함용설정파일 호출

설정파일에 따라UI를 구성

배너 편집 모드

개체메뉴텍스트 true아치형텍스트 true다단조판 false

편집메뉴복사 true첨부 true

속성패널

배너용설정파일 호출

설정파일에 따라UI를 구성

속성패널텍스트

폰트설정 true테두리설정 true그림자효과 true배너

설정파일 출

서비스 방식에 따라편집 프로세스를 제어할 수 있습니다.

직접편집•Form 입력방식•VDP 자동조판 방식의 프로세스를 구현할 수 있습니다.

S l T lS l T l P li iP li i OO

직접 편집화면을 호출하거나, 입력폼을 통한 자동편집 프로세스를 적용할 수 있습니다.

CSV 데이터를 적용한 가변데이타 자동조판도 구현할 수 있습니다.

Select Template Select Template Personalization Personalization OutputOutput

직접편집직접편집(편집화면호출)

PDF 생성

편집화면

FORM 입력

PDF 생성

호출

PDF생성 편집화면

FORM 입력

PDF 생성

CSV 가변데이타

CSV 업로드 PDF 생성

템플릿 제어를 위한 스크립트(EditScript)로가변정보처리 및 정밀한 레이아웃 기능을 제공합니다.

Flex에서는 커스터마이즈의 기반으로서 템플릿 데이터 컨트롤 언어인 <EditScript>를 지원합니다.

스크립트 형식으로 제공되는 EditScript는 템플릿 페이지 및 템플릿 내의 각 개체에 대해 정밀한 콘트롤을 제공

외부 응용프로그램에서 JavaScript, Java, php등의 언어를 사용하여 EditScript언어를 사용

▼EditScript를 작성하여 가변 정보를 적용한 PDF 생성의 예 ▼ 템플릿 내의 각 개체에 대한 정밀한 콘트롤 사례

서로 다른 텍스트개체(박스)임에도, 앞의 텍스트(날짜)가 길어짐에 따라 뒤의 텍스트(요일)가자동으로 밀려서 조판되었음

Edition Flex 편집기능소개(1)

Edition Flex만의 특징적인 기능으로, 다양한 개체와 정밀한 레이아웃 기능은명함 뿐만 아니라 배너 포스터 리플렛 등의 서비스에 대응하기 위한 필수적인 기능을 제공합니다.

■ 다양한 텍스트, 도형, 이미지 개체의 표현 ■ 정밀하고 감각적인 텍스트 편집

행간격:

문자간격:

디자이너는 행간을 임의로 설정할 수 있습니다.

템플릿 디자이너는 문자간을 임의로 설정할 수문자간격:

장평비율:

따옴표맞춤:

템플릿 디자이너는 문자간을 임의로 설정할 수

템 플 릿 디 자 이 너 는 문 자 간 을 설 정

【문자】 『문자 등의 심볼을 지정할 수 있습니다 일반 텍스트 형식 외 아치형 텍스트를 지원합니다.

단수, 단간격, 단길이, 행수를 지정한 다단조판이 가능합니다.

배경색을 임의로 지정한 QR코드를 작성할 수 있습니다.(URL용)

엑셀시트를 읽어 들여 폰트를 대체하고 문자와 괘선의 마진을 조정할 수 있습니다.

따옴표맞춤:

커닝설정:

그림자:

【문자】, 『문자』 등의 심볼을 지정할 수 있습니다.

영문 폰트의 Kerning에 대응합니다.

Edition Flex만의 특징적 기능으로, 포스터, POP, 배너, 플래카드 지원을 위한 필수적 기능

지원되는 이미지 포맷 SVG (Scalable Vector Graphic)

2단계 테두리:

모서리모양:

행폭제한:

, 배너, 플래카 지원을 위한 필수적 기능

SVG (Scalable Vector Graphic)

(illustrator, InDesign에서 저장한 벡터 포맷으로 축소 확대해도 이미지 손상이 없음)

png, jpeg

pdf (option)

행폭제한:

행수제한:

Edition Flex 편집기능소개(2)

템플릿 디자이너의 디자인 의도(Identity)를 유지하면서,사용자의 작업 편의성을 극대화하기 위한 기능을 제공합니다.

■ CMYK, RGB 컬러모드 ■ 편집기능 제한설정

RGB, CMYK 컬러모드를 적용하여 PDF를 생성할 수 있습니다.

기본 컬러팔레트 외에, 컬러값을 직접 지정할 수 있습니다.

컬러, 흑백, 그레이스케일, 2색인쇄 등에 대응합니다.

템플릿 디자이너는 각 개체별로 사용자에게 허용된 편집범위를

설정하여 디자인 레이아웃을 유지할 수 있습니다.

■ 경쾌한 조작을 위한 단축키익숙한 키보드 단축키가 적용되어 작업 편의성이 뛰어납니다.

색을 채우는 모든 도형에는 그라데이션을 적용할 수 있습니다.

Ctrl

Alt

Shift

화살표

+ 영역 드래그

+ 방향 드래그

+ 개체 클릭

+ 개체 드래그

+ 회전

+ 확대 축소

Shift

Shift

Shift

영역확대

화면이동

다중선택

이동시 수평 수직 유지

회전각도 45도 단위

가로세로비 유지 해제

Ctrl

Ctrl

Ctrl

Ctrl

Delete

+ c

+ v

+ d

+ z

복사

붙이기

복제

명령취소

삭제

상하좌우 이동

편집기능둘러보기(1)

2단계의 텍스트 테두리 효과와 다양한 도형 편집 기능은,국내외 어떤 솔루션에서도 제공되지 않는 Edition Flex만의 특징적 기능입니다.

2단계의 텍스트 테두리와 그림자 효과를 이용하여 다양한 텍스트의 표현이 가능합니다.

포스터, 배너, POP 등 각종 광고물 디자인을 위한 필수적 기능으로, 국내외 유일무이한 Edition Flex만의 특징적 기

능입니다.

■ 2단계의 테두리와 그림자 효과를 이용한 텍스트 효과

■ 다양한 선·도형의 표현

속성패널에 크기, 패턴, 컬러에 대한 값을 입력하면 자동으로 다양한 도형을 생성합니다.

선로 생성

자동생성

※ 기타 개체들

편집기능둘러보기(2)

다양한 텍스트 개체와 정밀한 표현을 위한 기능을 소개합니다..

■ 단조판

입력되는 행(단)의 크기가 정해져 자동으로 다음 행으로 이어지는 텍스트 박스로,

1단 뿐만 아니라 여러 단의 텍스트 입력이 가능합니다.

에디션플렉스는 단조판이 가

능하여 단수 단간격 높이 단

여 단수 단간격 높이 단간격

등을 설정하여 긴 문장을 입

2단 조판 단폭 30mm

높이

단간격 3mm

능하여 단수 단간격 높이 단

간격 등을 설정하여 긴 문장

을 입력할 수 있습니다. 에디

션플렉스는 단조판이 가능하

등을 설정하여 긴 문장을 입

력할 수 있습니다.

하나의 텍스트박스내에 서로 다른 설정의 텍스트를 입력할 수 있습니다

높이20mm

■ 복합문자

하나의 텍스트박스내에 서로 다른 설정의 텍스트를 입력할 수 있습니다.

에디션플렉스는 복합문자 입력 개체가 지원되어, 하나의 내에서

폰트설정을 달리할 수 있습니다.

■ 배치기준점

텍스트, 이미지 등 개체 위치의 기준점(기준좌표)으로,

행폭제한 기능과 함께 디자이너가 의도했던 레이아웃을 유지하기 위한 필수 기능입니다.

길이가 다른 텍스트의 입력 기준점이 됨

직급 | 이름

영업부 | 홍길동

■ 배치기준점

■ 행폭제한

배치기준점이 오른쪽으로

텍스트가 왼쪽으로 확장

영업부 | 홍길동

전략기획팀| Hong Kildong

배치기준점이 왼쪽으로

텍스트가 오른쪽으로 확장

텍스트 개체의 행길이를 제한하여, 행길이를 초과하여 텍스트가 입력되는 경우, 자동으로 글자

폭을 조절하여 넘침을 방지하는 기능입니다.

명함의 주소 길이가 지정된 폭을 초과할 경우, 자동으로 글자폭을 조절하여 넘침을 방지

행길이 70mm

기능목록 및 동작환경

텍스트 다단조판 아치형텍스트 QR코드(URL) 확대/축소 복사/첨부/복제 그룹/해제 마스킹(사각/원/다각형)

■ Edition Flex 주요기능

개체

텍스트텍스트, 다단조판, 아치형텍스트, QR코드(URL),복합문자, 엑셀데이타 편집기능

확대/축소, 복사/첨부/복제, 그룹/해제, 마스킹(사각/원/다각형), 명령취소/재실행, 정렬/배열, 회전, 수치지정보조선(여백/눈금자/격자/가이드선), 수치지정(각도/배율)

선직선, 이중선, 파선, 연속선, 자유곡선, 인출선,치수선, 선로, 도로, 하천, 표시선

편집모드템픔릿 디자이너 모드, 일반모드, 간편모드 등서비스상품, 사용자그룹별로 메뉴의 구성을 변경

도형사각형, 원형, 다각형, 원호, 벌룬

미리보기고해상도 PDF, 저해상도 PDF, 고해상도 JPEG,저해상도 JPEG (샘플마크 표시 가능)

도형 미리보기저해상도 JPEG (샘플마크 표시 가능)

이미지 SVG, JPEG, PNG, PDF(옵션) 컬러모드 RGB, CMYK, RGB-CMYK Mapping, ICC profile

이미지 라이브러리사용자 그룹별 이미지 라이브러리 제공(파일메뉴)(Edition BackStage 필수)

출력포맷 PDF, JPEG, PNG, SVG, EPS(옵션)

레이어 레이어별 표시, 편집 및 인쇄 여부 선택 가능

※ 위 기능은 버전 또는 라이선스 범위에 따라 다를 수 있습니다.

■ Edition Flex/backStage 동작환경

하드웨어

Windows Server 2008 R2 Standard Edition(x64)가 동작하는 시스템프로세서 : 최소 1.4GHz(Single processor) 이상

또는 1.3GHz(Dual core)이상의 x64 프로세서메모리 : 2GB 이상HDD : 최소 32GB 이상

A h 2

【상표에 대하여】illustrator, InDesign, Windows7, Windows XP, Windows 2000, Internet Explorer, Google, Chrome, FireFox, Adobe Flash Player, Adobe Reader는 각사의 등록상표입니다.

g 동 경

소프트웨어

Apache 2Tomcat 6PostgresSQL 8.0 이상JDK 6Pdflib 8

【기재내용에 대하여】본 문서의 기재 내용은 예고없이 변경될 수 있음을 양지하시기 바랍니다.