EDICUS PRODUCTS
EDICUS FEATURES
다양한 상품 스타일 지원
EDICUS-Editor는 상품에 맞게 변신합니다. 명함편집기, 포토북 편집기, 스티커 편집기, 뱃지 편집기, 현수막 편집기, 상장편집기, 사진인화 편집기, 머그컵 편집기, 달력 편집기 등등. 상품에 맞게 미리 편집기 옵션을 정의해 놓으면 상품 전용 편집기로 사용할 수 있습니다.
사진 업로드, 탬플릿 선택, 배경 및 레이아웃 선택 등의 표시 여부를 결정할 수 있고, 페이지의 경우 단면, 펼침면 멀티페이지, 커버유무등도 선택 가능합니다. 또한 이미지 프로세싱이나 색상에 관련한 세부 사항도 조절할 수 있습니다. 사진 업로드, 탬플릿 선택, 배경 및 레이아웃 선택 등의 표시 여부를 결정할 수 있고, 페이지의 경우 단면, 펼침면 멀티페이지, 커버유무등도 선택 가능합니다. 또한 이미지 프로세싱이나 색상에 관련한 세부 사항도 조절할 수 있습니다. 결과물은 디지털 프린팅을 위한 것이므로 이미지의 저해상도 경고나 절단선 위치 표시 및 안내문구, 바코드등의 위치도 고객사에 맞게 조절이 됩니다.
KAYAK 텍스트 엔진
웹환경에서 출판 수준의 텍스트 편집환경을 만들기 위해 새로운 웹 워드프로세서가 필요했습니다. HTML5 웹 환경은 훌륭하지만 텍스트 편집에는 한계가 있었습니다. OpenType 폰트가 가진 멋진 자원을 활용하고, HTML Content-editable 방식의 편집기가 표현하지 못하는 정교한 편집 디자인을 하기 위해 "Kayak" Text Engine을 만들었습니다.
웹브라우저는 텍스트편집을 할 수 있는 고유의 기능이 있습니다. contentEditable이라는 기능을 이용하면 글자크기도 바꾸고 이미지도 넣을 수 있습니다. 간단한 방법으로 "워드프로세서"가 됩니다. 그러나 문서에 대해 세세하게 제어를 할 수 없고, 지원하지 않는 기능은 쓸 수가 없습니다. 그리고 HTML체계는 매우 복잡한 체계어서 브라우저마다 동일하게 표현되지 않는 문제도 있고, 버그도 있습니다.
contentEditable 기반의 웹편집기는 이러한 문제를 해결하기 위해 상당한 노력을 투여해야 합니다. 사실 이러한 문제를 적절히 해결한 웹편집기 솔루션은 시중에 이미 나와 있으며, 일반적인 문서를 다루기에는 충분합니다. 그러나 정교한 편집디자인을 표현하거나 화면에서 본 결과물 그대로 출력이 보장되어야 한다면 적합하지 않습니다.
디자이너가 InDesign으로 만든 결과물들은 보통의 워드프로세서로 표현할 수 없는 기능을 사용한 경우가 있습니다. 세련된 디자인은 창의적인 노력과 도구가 제공하는 표현능력으로 만들어 집니다. Kayak은 InDesign로 만든 디자인 결과물을 웹 환경의 일반 고객에게 전달 합니다. 그리고 디자인의 틀은 유지한 상태로 고객의 컨텐츠로 완성되어 출력이 됩니다.
Kayak 엔진은 계속 발전 중이며 시간이 지날수록 가능한 편집디자인의 범위는 점점 더 확대 될 것입니다.
정교한 텍스트박스
EDICUS의 텍스트박스는 Kayak Text Engine를 기반으로 합니다. 일반적인 편집 및 서식 기능을 포함하여 인쇄출력에 필요한 기능을 포함하고 있습니다. Kayak은 폰트파일을 직접 읽어 폰트 glyph를 렌더링 합니다. 글자의 자간, 장평, 커닝(kerning), 이음자(ligature), 기준선 조정(baseline shift)부터 문단 속성인 줄간격(leading), 양쪽맞춤(fully justification), 첫줄/왼쪽/오른쪽 인덴테이션 등을 지원합니다.
키보드 입력을 받아 폰트 낱글자 단위로 처리하며 커서의 깜빡임 까지 직접 제어 합니다. CJK(Chinses, Japanese, Korean) 문자의 경우 브라우저의 IME 이벤트를 직접 분석 처리합니다. 편집하려고 커서가 나타나는 시점에 텍스트의 크기가 변하거나, 글줄이 내려가거나 위치가 틀어지는 경우도 없습니다. 그리고 undo/redo를 완벽히 지원하며 편집기 전체 undo/redo와 일체되어 편집기만 따로 작동하는 경우도 없습니다. copy & paste도 완벽히 지원하며 서로 다른 브라우저간 복사도 가능합니다.
텍스트 색상은 RGB 및 CMYK 두 방식 모두 저장합니다. 편집기가 뜰때 상품정보에 정의된 Color profile이 사용되며, "US Web Coated"나 "Uncoated FOGRA39"과 같은 프로파일이 적용된 Color Picker가 뜹니다. 고객이 CMYK값을 알고 사용하면 보다 정확한 색상으로 출력이 가능합니다.
곡선 위에서의 텍스트 편집
곡선위에 텍스트를 배치하여 프로페셔널한 디자인 상품을 제공할 수 있습니다. 인디자인에서 제공하는 TextPath기능과 거의 유사하며, 일반 고객이 사전 지식 없이 사용할 수 있도록 UI를 설계하였습니다.
명함, 엽서, 뱃지, 포토북, 배너등 모든 곳에 Text-on-path 기능을 사용할 수 있습니다. 고객은 직관적으로 필요한 부분을 클릭하여 내용을 변경할 수 있습니다. Textbox에서 사용가능한 모든 서식을 다 사용할 수 있으며, 곡선상에서 모든 편집이 됩니다.
곡선상에 텍스트의 기준선이나 어센더ascender나 디센더descender를 맞추어 정렬(align to path)할 수 있으며, 언제든지 글의 방향을 곡선 반대방향(flip curve기능)으로 돌릴 수 있습니다. 또한 텍스트가 곡선의 임의의 위치에서 시작하도록 설정할 수 있고 원하는 위치를 넘어가지 못하도록 설정도 가능합니다(bracket 기능). 만약 텍스트의 양이 많아 글줄을 넘어가면 overflow표시(⊞)를 보여 줍니다.
InDesign에서 TextPath를 사용하여 디자인하고 상품 등록을 하면, Edicus에서 그대로 사용할 수 있습니다. Text-on-path를 사용하여 고객에게 새로운 경험을 선사할 수 있습니다. 멋진 디자인을 고객이 직접 만들고 주문할 수 있어 상품의 경쟁력을 배가 할 수 있습니다.
CMYK 색상 지원
정확한 색상 출력을 위해 CMYK 색상체계를 지원합니다. 그리고 Color Profile이 적용됩니다. 고객이 정확한 CMYK값을 알면 출력시 정확한 결과물을 기대할 수 있습니다. EDICUS Color Picker에서 색상을 고르면 대응하는 CMYK 색상으로 변환하여 줍니다. Color Profile에 기반한 RGB에서 CMYK로의 변환은 브라우저에서는 계산이 어렵기 때문에 EDICUS Color Server에서 변환합니다. EDICUS 시스템 전반에 걸쳐 Color Management를 하기 때문에 전문가 수준의 고객의 색상 요구에도 대응할 수 있습니다. 고객사의 필요에 따라 서버에서 제공하는 Color API를 협의하에 사용하실 수도 있습니다.
[ 지원 Color Profile ]
이미지 프로세싱
상품에 사용할 이미지를 업로드 하면 크기별로 4개의 썸네일을 생성합니다. 포토북과 같이 수백장의 이미지가 사용되는 상품의 경우에도 메모리를 최대한 적게 사용하도록 이미지를 운용합니다. 출력시에는 원본 이미지를 사용하며, 내부적인 이미지 리사이징 처리시 이미지 품질을 유지하기 위한 알고리즘을 사용합니다.
이미지의 자르기, 회전, 밝기/대비 보정, 테두리 및 음영 등의 기능을 제공합니다. 또한 고객이 자주쓰는 이미지 필터(filter)를 기본 9개를 제공하며, 모두 최적화된 javascript 코드로 이미지 프로세싱을 직접하여 결과물과 동일한 프리뷰를 만들어 냅니다. 고객 협의에 따라 필터는 얼마든지 변경이나 추가가 가능합니다.
이미지 업로드시 얼굴인식 정보를 추출하여 저장하며, 이미지 자동 배치시 얼굴이 잘리지 않도록 정보를 활용합니다. 또한 이미지의 Exif정보에서 방향정보(Orientation)정보를 추출하여 가로/세로 사진 여부를 자동 적용합니다.
대량 이미지 업로드
사진 용량 걱정없이 업로드 할수 있습니다. EDICUS는 강력한 Google Cloud Platform위에서 운용되기 때문에 저장용량이나 네트워크에 크게 염려할 필요가 없습니다. 주문 기간내에 충분한 용량을 사용할 수 있습니다.
Cutout 이미지
Cutout 이미지는 배경을 빼고 전경만 남겨놓은 이미지를 말합니다. Cutout이미지는 메거진(잡지) 같은 팬시한 레이아웃이나 스티커를 만들때 사용됩니다. EDICUS-Editor는 자신의 사진으로 Cutout이미지를 만들수 있는 기능이 있습니다. 남길 부분을 연두색으로, 제거할 부분은 오렌지색으로 적당히 표시하면 자동으로 Cutout이미지를 만들어 줍니다. 이미지가 복잡하여 배경분리가 잘 안될 경우 수동으로 꼼꼼히 구분할 수 있습니다.
자신만의 Cutout이미지가 확보되면 흥미로운 디자인을 할 수 있습니다. 그리고 스티커나 뱃지등 활용할 상품이 많아지게 되며, 무엇보다도 고객들의 재미와 호기심을 자극할 수 있는 핫 아이템 입니다.
상품 프리뷰
편집중인 상품의 프리뷰를 더욱 실감나게 보여주기 위해 편집상품을 실사 배경에 합성하여 보여주는 기능이 있습니다. 가령 명함상품이면 손에 들고 있는 이미지를 합성하여 실상품의 느낌을 전달하고 크기도 가늠하도록 합니다. 머그컵 상품이면 3D로 상품을 돌려가며 구석구석 확인하도록 합니다.
포토북 특화 기능
포토북은 상당히 복잡한 상품입니다. 페이지도 많고 사진이미지도 수백장이 들어갈 수 있습니다. EDICUS는 책표지, 속지 수량에 따른 가변 책등(book spine), 하드/소프트커버 및 레이플랫 제본, 바코드 표시 및 후공정에 필요한 정보를 10여년간의 검증을 통한 방식으로 제공합니다.
복잡한 문제는 EDICUS가 해결해 놓았습니다. 포토북 디자이너가 상품 디자인후 엔지니어 도움없이 곧바로 출시 가능합니다. 혹시 생산 시설이 없다면 생산업체와 연계를 위한 도움도 드립니다.
Adobe InDesign Plug-in
InDesign에서 만든 디자인 템플릿을 Edicus에서 사용할 수 있습니다. InDesign에서 작업을 하고 Edicus InDesign plugin을 통해 변환하고 미리보기를 할 수 있습니다. 디자이너는 특별히 다른 툴을 배울 필요가 없습니다. 몇 가지 약속된 방식만 지키면 됩니다. 상품 등록한 디자인 템플릿은 Edicus-Manager에서 확인할 수 있습니다. 또한 템플릿 편집기를 열어 정교하게 다듬거나, 완전히 다르게 수정할 수도 있습니다.
디자인 자산은 특정 서비스에 구속되지 않도록 관리하세요. 디자인에 투자하고 마케팅에 집중하십시오.
사업 지역화 및 언어 지원
사업이 확장되면 새로운 사이트를 만들거나 해외에 진출 하실수도 있습니다. EDICUS는 디자인 자산을 한 번만 등록하고 여러 사업 영역 디비젼(division)에 사용할 수 있습니다. 디비젼이란 현재 사이트에서 새로 파생시킨 서비스나 다른 사업 파트너에게 분양한 서비스를 의미합니다.
한 번 만든 디자인 템플릿은 다른 디비젼에 여러 언어로 서비스 할 수 있습니다. 상품 템플릿에 언어별로 각기 다른 디자인을 넣을 수 있습니다. 한국어로 만든 디자인 템플릿을 일본 사이트에 노출 시킬 수 있으며, 그 템플릿에는 일본어 환경을 위한 디자인만 나타납니다. 또한 일본어 입력시 사용할 폰트셋도 미리 준비하실 수 있습니다.
폰트 관리
폰트는 중요한 자원입니다. 사용 라이센스를 확보한 폰트는 EDICUS-Manager에서 모두 등록/삭제/변경이 가능합니다. font url만 있으면 간단히 등록이 되며, 등록된 폰트는 같은 계열의 font family 단위로 관리됩니다. 지원되는 폰트 포맷은 ttf, otf, woff입니다. 수백종류의 폰트도 문제 없이 서비스 할 수 있습니다.
다국어 지원을 위해 language-code별로 폰트그룹을 만들 수 있습니다. 그리고 base-font-group을 통해 공통 폰트를 지원할 수도 있습니다. Edicus는 언어 환경이나 지역별 서비스에 대응할 준비가 되어있습니다.
편집기 UI 변경 및 패시브모드 지원
EDICUS-Editor는 2가지 방식의 커스터마이즈를 제공합니다. 첫번째는 편집기의 일부 색상과 로고등을 변경할 수 있는 CSS을 설정하는 것입니다. 두번째 ‘Passvie Mode’는 편집 작업영역만 남기고 주요 기능을 외부 UI로 처리할 수 있도록 지원합니다.
EDICUS 확장 기능
EDICUS에는 기본 기능을 대치하거나 확장하는 서비스가 제공됩니다. 예를 들면 이미지를 업로드 할 때 고객사의 이미지 편집기능을 사용여 업로드할 수 있습니다. 고객사의 확장기능을 url로 등록하고 결과물로 업로드된 이미지의 url을 리턴하는 식입니다. 또는 EDICUS 편집기내에 고객사 url의 프로모션 창을 띄울때도 사용할 수 있습니다.
Isomorphic 렌더링
편집기 화면과 렌더링 결과물은 동일 엔진을 사용합니다. 브라우저의 편집기와 서버의 렌더러가 같은 개발 언어로 만들어진 엔진을 사용합니다. 새로운 기능이 들어가도 빠르고 동일한 결과물을 만들어 냅니다.
PC용 렌더링 App
EDICUS-Prepress는 설치형 렌더링 app입니다. 생산환경은 동적이면서 예외적인 상황에도 대처를 해야 합니다. 이를 위해 자동 렌더링 뿐만 아니라 필요한 만큼 수동 렌더링과 테스트 렌더링을 할 수 있도록 설계하였습니다. 여러 본의 EDICUS-Prepress를 엮어 자동화할 수 있도록 기능을 제공합니다.
EDICUS 플러그인
보통 생각하는 plug-in이라 생각하면 됩니다. 예를 들면 이미지를 업로드 할 때 고객사의 이미지 편집기능을 사용하여 업로드할 수 있습니다. 고객사의 plug-in은 url로 등록하면 되고 결과물로 업로드된 이미지의 url을 리턴하는 식입니다. 또는 EDICUS 편집기내에 고객사 url의 프로모션 창을 띄울때도 사용할 수 있습니다.
조판 결과물
렌더링의 결과물로 PDF뿐만 아니라 생산 플로우에 따라 중간 포맷(json/xml + svg + image)으로도 제공합니다. 그리고 출력용 절단마진, 도련(bleed)이 고려됩니다. 후공정에 따라 레이이별 결과물 생성도 지원합니다.
Google Cloud Platform
EDICUS의 모든 것은 GCP(Google Cloud Platform)에서 동작합니다. 용량이나 안정성은 걱정하실 필요가 없습니다. 그리고 처음부터 글로벌 서비스를 목적으로 만들어 졌습니다. EDICUS는 사업을 전개할 지역에 맞추어 GCP의 리젼(Region)을 선택하여 최적의 서비스를 제공합니다.
서버 API 및 자바스크립트 SDK
EDICUS Server API는 인증, 상품 생성, 주문관리, 디자인리소스 관리등의 서버 API를 제공합니다. 고객사 사이트에 필요하신 만큼 사용하시고, 모션원에서 기술적 지원을 하게됩니다.
EDICUS-Editor를 고객사 사이트에서 사용하기 위한 Javascript SDK도 제공합니다. 편집기 전반을 제어하기 위한 기능과, 저장된 프로젝트(상품)의 프리뷰를 사용하기 위한 기능이 포합됩니다. 그리고 편집기의 전반적 사용에 관련한 샘플 코드를 제공합니다.
EDICUS로 서비스 할 수 있는 상품
포토북, 팜플렛, 브로셔
명함
카드, 청첩장, 초대장,
캘린더
Door Hanger
손목띠, 뱃지, 스티커, 데칼스티커,
현수막, 배너,
머그잔, T-shirt, 테이프
KAYAK TEXT ENGINE
KAYAK TEXT 엔진의 특징
Web DTP(Desktop Publishing)을 구현한 문서 편집 엔진입니다. 일반적인 워드프로세서가 요구하는 기능보다 더 정밀한 서체 및 문단 처리를 하여 고품질의 결과를 만들어 냅니다. InDesign으로 디자인한 TextFrame및 TextPath는 변환 후 Edicus-editor에서 재편집이 가능합니다.
브라우저가 제공하지만 많은 호환성 문제를 가진 content editable 방식이나 design mode를 사용하지 않으며, html canvas를 사용하지 않습니다. DOM 형태를 유지하면서 font glyph는 줄 단위 svg로 처리하여 매우 효율적인 렌더링 상태를 유지 합니다.
폰트 사용시 Opentype 폰트의 고급 정보를 사용하기 위해 직접 분석/로딩 합니다. 또한 커서의 깜빡임부터 한글이나 일본어 입력시 문자 조합이나 후보단어(Candidate) 처리까지 직접 관리합니다. Copy & paste시 서식을 유지하며 이기종 브라우저간 지원도 합니다.
직접 텍스트 엔진을 구현 하여 일반적인 웹기반 편집기가 구현하기 어려운 기능을 제공합니다. tab stop 기능이나 텍스트의 균등배치(justification), 다단처리, paging, text-on-path 기능등을 예로 들 수 있습니다. 또한 브라우저에 상관없이 장평(tracking), 이음자(ligature) 출력이나 커닝(kerning)이 정확하게 표현됩니다. 문단(paragraph)의 경우는 문단 전후 간격, 줄간격(leading), 첫줄/왼쪽/오른쪽 띄워쓰기가 자연스럽게 제공됩니다.
Kayak Text Engine에 많은 기술 투자를 하였고 장기간의 로드맵을 가지고 개발하고 있습니다. 보통의 웹기반 편집기는 브라우저간의 호환성 달성이나 버그를 극복하는데 초점이 맞추어 있어, 브라우저가 제공하는 기본 기능 이상을 구현하기 어려운 측면이 있습니다. Kayak Text Engine은 웹에서 고품질의 텍스트 프로세싱을 제공하기 위해 계속 발전하고 있습니다.
폰트를 직접 로드하여 관리하여 모든 브라우저에서 동일한 결과를 보장.
커닝(kerning), 자간(letter spacing), 장평, 합자(Ligature) 지원
중앙 및 우측 정렬(algin)시 글줄 끝에 있는 공백을 감안한 정렬
균등배치(text justification) 제공
justification시 글자 크기에 따른 공백 배분으로 white river 현상 저감
문단 서식에서 첫줄/왼쪽/오른쪽 띄워쓰기 제공
자동 및 수동 줄간격 기능 (auto/manual leading)
문단 전/후 간격 기능
copy/paste시 서식 유지 및 cross browser간에도 copy/paste 지원
색상 정보는 RGB및 CMYK 2가지 모두 저장.
color profile 기반 Color picker 제공. CMYK color space내에서 색상 선택 되도록 함
Text on path 기능. 곡선상에서의 텍스트 편집
HTML 및 SVG 출력 두가지 모두 제공
font에 없는 문자의 경우, 대체폰트 glyph로 표시.
preflight 정보 제공
Adobe Indesign의 TextFrame과 부분적 호환
Server-side 렌더링 제공
외부 관리자에서 font의 등록/삭제 및 기본폰트 설정등의 관리 제공.
DEMONSTRATION
MotionOne Inc.
EDICUS는 혁신적인 온라인 편집기와 주문생산형 인쇄/출판에 전문화된 워크플로우를 제공하는 클라우드 서비스 입니다.
© 2002 MotionOne. All Rights Reserved.