must have, made in xprime we create impact through … · 삼성전자 마이싱글 모바일웹...

1

NOTICE: PROPRIETARY AND CONFIDENTIAL

THIS MATERIAL IS PROPRIETARY TO XPRIME. IT CONTAINS TRADE SECRET AND CONFIDENTIAL INFORMATION WHICH IS SOLELY THE

PROPER TY OF XPRIME. THIS MATERIAL IS FOR CLIENT’S INTERNAL USE ONLY. IT SHALL NOT BE USED, REPRODUCED, COPIED,

DISCLOSED, TRANSMITTED, IN WHOLE OR IN PART, WITHOUT THE EXPRESS CONSENT OF XPRIME.

© 2010 XPRIME ALL RIGHTS RESERVED. XPRIME은 SMART UI Technology를 통해 Information Business에 있어

새로운 영역을 창조하기 위해 무한한 도전을 추구하는 기업입니다.

Corporate Overview . 2012 . 03

WE CREATE IMPACT THROUGH SMART UX TECHNOLOGY

MUST HAVE, MADE IN XPRIME

2

OVERVIEW MUST HAVE, MADE IN XPRIME

3

KEY FACTS CLIENTS / PARTNERS

CONTACT US LOCATION

CAPABILITIES

ABOUT US

LEADERSHIP

설립 : 2005 (법인전환 2008) 자본금 : 3억 직원현황 : 110명 웹사이트 : www.xprime.co.kr

XPRIME은 Technology를 통한 Information Business에 있어 새로운 영역을 창조하기 위해 도전해왔습니다. 기업의 비즈니스 영역으로부터 개인의 사용자 경험 가치를 제공하는 인터페이스 영역에 이르기까지 Web, Mobile, Tablet, Touchscreen 등 다양한 Device를 아우르는 SMART UI Technology에 집중해왔으며, Digital Convergence를 통한 다양한 시도를 하고 있습니다. XPRIME Technology의 근간이 되는 Smart UI Technology는 WEB, Mobile, Embedded 등 다양한 Multi Device Application 개발에 적용 및 응용이 가능하며 어떠한 사용자 환경에서도 최적화된 UI를 구현할 수 있습니다. XPRIME은 은행, 증권, 보험사에 이르는 금융권을 비롯하여 LG전자, 삼성전자, KT, 레인콤, KTF, SBS, 우체국, 올림푸스, 안철수연구소 등과 같은 유수의 고객사의 업무를 완벽히 수행하여 그 역량을 인정 받았습니다.

UX / UI Consulting Web Accessibility Consulting & Tools e-Business Strategy & Planning Mobile Business Strategy & Planning System Integration & Mamagement UI Frameworks & Solutions Interface Design & Interactive Design Brand Promotion & Marketing Game Production & Development HTML5 / FLASH / FLEX Application Development

주소 : 서울 금천구 가산동 우림라이온스밸리 A동 501

CEO 신명용 대표이사 Sales Div. 이상진 이사 E-Biz Div. 천정열 이사 Technical Div. 윤세원 이사 Design Div. 김희수 이사 Financial Div. 홍동표 상무

LG전자 삼성전자 국민은행 외환은행 산업은행 신한은행 우리은행 SC제일은행 농협 수협 KB생명 뉴욕생명 삼성생명 우리투자증권 한국투자증권 삼성선물 삼성SDS

삼성물산 레인콤 SK Telecom KT LG Telecom SBS YES24 우체국 한국수자원공사 두산그룹 한화건설 올림푸스 KCC정보통신 안철수연구소 윈디소프트 LGCNS NICE신용평가정보

㈜ 어도비코리아 ㈜ 씨디네트웍스 ㈜ 사이버이메지네이션

㈜엑스프라임은 Smart UX Technology를 기반으로 사용자 중심의 서비스 개발에 집중하고 있습니다.

TEL: 02) 2026.3007, 3008 FAX: 02) 2026.3009 [email protected]

영업본부 이 상 진 이사 / 010-9813-9821 / [email protected]

mailto:[email protected]

mailto:[email protected]

4

회사명 ㈜ 엑스프라임 대표이사 신 명 용

직원현황 110명 (2012년 03월 현재 – 정규직, 계약직 기준)

사업장 서울시 금천구 가산동 우림라이온스밸리 A동 501

주요사업분야

UX / UI / 웹접근성 컨설팅

SI / 금융 / 기업 서비스 시스템 구축 및 운영

HTML5 / FLASH / FLEX / RIA 어플리케이션 개발

Embedded & Mobile 어플리케이션 개발

iPhone / Android 어플리케이션 개발

Game 제작 및 개발

UI Framework & Solution

일반현황

㈜엑스프라임은 UX / UI / Embedded 분야에서 국내 최고의 기술력을 보유한 UX 개발 전문회사입니다.

❶ 특별함과 최고의 기술력이 결합하여 무한한(Infinity) 가능성을 의미합니다. ❷ 기술이 갖는 가능성과 확장성을 기업의 가치로 삼고 있습니다. ❸ Digital Convergence 분야에서 최고의 기술력을 근간으로 하는 선도 회사로의 발전을 목표로 합니다.

㈜엑스프라임은 2005년 UI Framework 및 Solution 전문 개발업체로 시작하여, 현재 Web, Mobile, SI, Embedded Application 분야에서 최고의 기술력을 기반으로 SMART UX Technology를 선도하는 전문 회사입니다.

XPRIME CI

5

ORGANIZATION & PEOPLE

구분 비율

특급기술자 5 %

고급기술자 16 %

중급기술자 35 %

초급기술자 44 %

2012년 03월’

ORGANIZATION

• E-Business Consulting • System Integration & Management • Online Marketing & Promotion • Web Service Development • Enterprise Component Development • Web Accessibility & Standard Consulting • Game Production & Development

초급기술자 (44%)

특급기술자 (5%)

고급기술자 (16%)

중급기술자 (35%)

㈜엑스프라임은 고객의 다양한 Needs에 탄력적으로 대응할 수 있는 전문화된 조직구성을 갖추고 있으며 각 조직간의 상호 유기적인 결합과 탄탄한 기술력을 바탕으로 최상의 서비스를 제공하고 있습니다.

Digital Convergence

Division

UX Division

• UX / UI Consulting • UX Research & Strategy • User Research (FGI) • Motion & Touch Device UI Design • Mobile UI Design • Other Device UI Design

• Embedded & Mobile Application • HTML5 / Flash / Flex / RIA Application • iPhone & Android Application • Flash Engine Porting & Tuning • Mobile Component & Framework • IPTV UI & Application • Mobile Widget Engine

E-Biz Division

R & D Center

Business Division

SM Section

• UX R&D • UI Framework & Solution R&D • Embedded Application R&D • Game Engine

6

OUR HISTORY

2012’ HISTORY

고객사와 함께 걸어온 ㈜엑스프라임의 히스토리입니다.

투어소프트 항공 예약 UI 개선 프로젝트 3차 진행 LG전자 강서본부 연간 운영 수주 LG전자 강서본부 QRMS 2차 수주

삼성반도체 POC 1차 진행 모바일게임 런칭 (애플 엡스토어) LGCNS 스마트팩토리 웹사이트 구축 수주

SBS 2012 총선 웹사이트 및 모바일 수주

삼성생명 SFA FC 모바일 영업지원 시스템 수주- 갤럭시Tab

푸르덴셜생명 웹접근성 리뉴얼 오픈

7

OUR HISTORY

2011’ HISTORY


LG전자 SmartPhone IUG 구축 LG전자 EMR 서식 개발 LG전자 Live Café 운영 삼성SDS 하이브리드 앱 개발 삼성 SDS BizApp Store 포탈 개발 삼성SDS STAS Portal 고도화 LG전자 Smart TV App. Store 개발 삼성SDS 모바일웹 개발

NICE신용평가정보 목적형 SNS 후즈라인 2.0

쓰리웨어 연관 맵 UI 개발 싸이버로지텍 USTTI Dashboard 개발 KT올레샵 2.0 리뉴얼 진행 중 CJ CGV 리뉴얼 진행 중 제스쳐 3D 게임 개발 중 LG전자 파주 LCD KMS 프로젝트 개발 LGE Customer Center QR System LGE DIOS 냉장고 Event

KT올레샵 연간 유지보수 대행 NATE 앱스토어 “숫자야구” 런칭 CVNET 통합서버 개발

국민은행 오픈웹방식 인터넷뱅킹 시스템 구축 수주

NICE신용평가정보 후즈라인 숫자야구 런칭 삼성SDS ITVOC 통합 개발 삼성전자 모바일 포탈 사이트 운영 삼성폰 플래쉬 개발 삼성전자 모바일오피스 웹포탈 전사확산및 안정화개발 SK네트웍스 E&C Mobile App 개발 BC Card Green Homepage & Mobile LGCNS CEO PPT Flash 제작 CGV 영화 포탈 리뉴얼 수주(개발부문) 한국도로공사 모바일오피스 & 모바일웹 리뉴얼 수주 SK네트웍스 모바일서비스 구축(모바일APP & 하이브리드 웹) 삼성전자 북미사업장 댈러스 STA Flex 수주 LGE Event Page 제작

CGV 영화 포탈 리뉴얼 수주(개발부문)

대우증권 WTS Flex 구축 수주 롯데홈쇼핑 모바일 연간 운영 수주 롯데홈쇼핑 아이몰 연간 운영 수주 LG전자 구매 Dashboard Flex 구축 투어소프트 Flex 개발 수주 유플러스 의료솔루션 Flex 개발 삼성전자 IT-VOC 시스템 채널 표준 통합 LG IUG SmartPhone Manual LGCNS Eco-City Microsite LGE QR System 구축 KMS FLEX 개발 삼성생명 현장IT 환경개선 지식경제부 건설혁신IT PMIS 개발_웹 & 안드로이드 시큐아이닷컴 MF2 구축 우리은행 모바일 뱅킹 투어소프트 Flex 개발 2차 하나투어 DEMO 항공 컴포넌트 개발 농협 모바일퇴직연금 App 개발_안드로이드 푸르덴셜생명 웹접근성 구축

LGCNS IDC Microsite CVNET 전기차 충전 시스템 개발 가현스틸 웹사이트 리뉴얼 인도네시아 증권거래소 HTS Flex UI 구축 농협 스마트폰뱅킹 개발_안드로이드 LGCNS Factory System 홍보영상

KB국민은행 UBIZ30 구축 삼성반도체 PT BANK FLEX 개발 국세청 전자서고 4차년도 사업 구축 Rems Flash UI개발 삼성생명 2012년 토정비결

푸르덴셜사회공헌재단 통합사이트 구축 LG전자 QR System 구축 2단계 사업 LG전자 스마트TV SDP 3.0 Phase 2 삼성생명 모바일웹 개발

대우증권 WTS Flex 구축 수주

지식경제부 건설혁신IT PMIS 개발_웹 & 안드로이드

푸르덴셜생명 웹접근성 구축 수주

삼성생명 모바일웹 개발

8

OUR HISTORY

2010’ HISTORY


LG화학 LG하우시스 Z-IN ScreenSaver 개발 LG전자 DIOS 쇼룸 구축 LG전자 MINI 폰 Flash UI 개발

엑스프라임 폰트 제네레이터 특허출원

LG전자 2010 휘센 체험관 구축

LG전자 CYON IUG (Interactive User Guide) 제작

두산그룹 인트라넷 포털 고도화

전자 통합 리모컨 UI 개발 ( 쿠키폰, 뉴 초콜릿폰 )

LG전자 INFINIA 마이크로사이트 구축

LG전자 고객서비스 검색 UI 개선 (LGCNS) 아카데미 티모 홈페이지 개편 (Academy TIMO) LG전자 모바일 가계도 Flex 개발 (LGCNS)

LG전자 EP/CP 인트라넷 포털 UI 개선 및 Interactive Design

SBS 지방선거 Flex 개발 (방송 및 iPhone 연계)

SNS 서비스 - Alice Project

국세청 Widget 2차 개발 공주대학교 LMS시스템 AIR용 개발

메리츠종금 통합사 시스템 개발 (인터넷뱅킹 Flex 개발)

코오롱 E+Green Home 구축

래미안 모바일 GUI 구축 LG SMART PHONE IUG (로컬&글로벌) 구축 KT Authoring Tool 구축 코오롱 주택전시관 GUI개발 LG전자 DIOS 빌트인 마이크로 사이트 구축 LG전자 식기세척기 마이크로 사이트 구축 LG CNS 안드로이드 개발 LGU+ IPTV 개발 삼성전자 Thread Message 개발

두산그룹 모바일 웹사이트 오픈 (인트라넷 포털)

삼성전자 마이싱글 모바일웹 GUI,UI개발

LG전자 Android Phone UI 개발

삼성래미안 안드로이드 App 개발 LG전자 Mini UI Flash 개발 국세청 키오스크 E-민원 Flex 개발 LG전자 Dtv UI Flash 개발 KT 아이폰 앱/모바일웹 관리자 툴 개발 LG전자 인피니아 홈씨어터 쇼룸 & 캠페인 구축 LG DIOS 김치냉장고 쇼룸 & 캠페인 구축

농협중앙회 개인인터넷뱅킹 PFMS Flex개발

삼성선물 웹&모바일 사이트 구축

LG전자 Thunder IUG 모바일 매뉴얼 웹사이트 신규 구축 LG U+ H13 Phone Flash UI 개발 LGCNS 글로벌 의료 SaaS 솔루션 Flex 개발 LG전자 리조트 월패드 Flash UI 개발 LG전자 인피니아 TV 쇼룸 & 캠페인 구축 LG DIOS 빌트인 쇼룸 & 캠페인 구축

SK C&C Web TV UI 개발

하이투자증권 리뉴얼 RIA 개발 KTB투자증권 SNS 개발 SKT T-Café 구축

삼성 STAS PORTAL Flex 구축 삼성그룹 My싱글 웹/모바일 구축 삼성 SDS 키오스크 구축 LG전자 MINI 이스라엘향 추가 개발 및 TD 대응 LG전자 파주 LCD KMS

우리은행 리뉴얼 뱅킹부문 구축 코오롱건설 e+ Home 삼성생명 신년이벤트 구축

LG전자 2011년 연간 운영 수주

9

OUR HISTORY

2009’ HISTORY


벤처기업지정(기술평가기업)

브랜드 체험관 : XCANVAS, WHISHEN, TROMM, DIOS, CYKING, HealthCare

RIA(Flex) 기반의 검색 시스템 구축 : TROMM, WHISEN

LG전자 영업 확대

엑스프라임 SWF 디컴파일 방지용 솔루션 - Flash Guardian 개발

KTF(고객센터 1~2차 리뉴얼, U-Echo City 홍보영상) SK-II 프로모션 사이트 Flash개발

두산 두비두바 사내 커뮤니티 개발

LG전자 S-Class 위젯 개발 / 우리투자 증권 위젯 개발 / 우체국 위젯 개발

Flash, Flex, 브랜드 체험관

Flex 위젯(Desktop, Web) 개발

LG전자 e-Biz Marketing Group 연간 계약 체결

LG전자 Mobile Embedded Flash UI(Framework & Component)

정보통신진흥연구원 : IT우수기술지원사업 선정(위젯 플랫폼)

산업은행 Flex Chart 개발

LG전자 Symphony 모델 Flash UI 개발

LG전자 아레나폰 글로벌 홍보용 S-Class 위젯 PC용 체험판 개발

XPRIME 사무실 확장 이전

마이돔 동영상 편집기 및 플레이어 개발

산업은행 RAPM 시스템 Flex 구축

LG전자 Mobile Flash UI 개발 -Louvre

DIOS 김치냉장고 마이크로 사이트 / TROMM 쇼룸, 위젯 제작 LGT RIA기반의 메시지 컨텐츠 몰 구축

LG전자 뉴 초콜릿 폰 Flash UI 개발

LG전자 White / Cookie 모델용 리모컨 애플리케이션 개발 LG전자 RIA기반의 휘센 에어컨 검색 개발 LG전자 6-Motion 트롬 위젯 개발

XCANVAS SL90 마이크로 사이트

로보킹 마이크로 사이트

10

OUR HISTORY

2008’ HISTORY


지적재산권 등록 및 출원

정선군 관광문화 포털 디자인 및 Flash 개발 마이온 UCC Flex 개발 및 커뮤니티 사이트 개발

Embedded Flash UI 개발

우리은행 Flex Widget 개인화 서비스 및 홈페이지 재구축

KTF Topology 시스템 UI 컨설팅 및 Flex 기능 개선

KTF Show 고객센터 Flex 연간 유지보수 계약수주

UTOFOS Touch Pad Solution을 위한 PC용 체험 UI 개발

뉴욕생명 사이버창구 Flex 개발 SBS 총선 웹사이트 개발 신한은행 Flex Widget 개인화 서비스 및 홈페이지 재구축 KTF Show UCC Flex 개발 삼성생명 RIA기반의 은퇴설계 시뮬레이션 시스템 개발 CL그룹 CL LCD/PI 웹사이트 개발

주식회사 엑스프라임 법인 설립

금융권 영업

RIA Framework, X-Internet, Flex 기업뱅킹, Widget, 보장분석 컨설팅 시스템 제 1금융권 : 농협, KB국민은행, 우리은행, 신한은행, 수협, 외환은행, SC제일은행 제 2금융권 : KB생명, 뉴욕생명, 삼성생명, 삼성화재, 우리투자증권

일반기업체 영업

RIA 기반의 시스템 구축 YES24(영화예매), SBS(총선, 올림픽), 윈디소프트(UCC), 수자원공

자(웹진), 삼성건설(WBS), 한화건설(홍보영상), LG전자(브랜드 체험관) 등

레인콤

한국소프트웨어진흥원 : Xprime RIA Framework, Xprime Flex Java RemoteObject Framework, Xprime Image Editor Solution

특허청 : 플래시컨텐츠제공방법(특허출원중)

XPRIME 이미지 편집기 개발

SKT TTL Flex 개발 SBS 북경올림픽 웹사이트 개발

삼성전자 : Anycall(Haptic, 아몰레드)

Embedded Flash UI 영업 확대

한국투자증권 상품몰 Flex 개발 우리투자증권 상품몰 Flex 개발

안철수 연구소 협력업체 (Idtail)

신한은행 사이버텔러 Flex 개발

아메바디자인 홈페이지 리뉴얼

기업부설연구소(Embedded Flash R&D Center) 설립

SC제일은행 인터넷 뱅킹 간편서비스 및 상품몰 개발 삼성전자 모바일 Flash UI 개발

11

OUR HISTORY

2007-2005’ HISTORY


YES24

삼성물산

방송위원회

KTF

KTF

삼성전자

수자원공사

G게임

한화건설

유니북스

SBS

농협중앙회

KCC정보통신

삼성건설 외주관리시스템 및 WBS시스템 개발

Show 고객센터 Flex 구축

Show 고객센터 Flex 고도화

해외사보 개발

웹진 및 뉴스레터 연간 제작

Japan Mobile Flash Game 개발

EcoMetro 홍보영상 제작

홍보용 멀티미디어 타이틀 Flash 개발

2007 대통령 선거 웹사이트 개발

X-Internet 구축, Flex 기업뱅킹시스템 개발

홈페이지 개발

XPRIME 설립

영화예매 시스템 구축

RIA기반의 미디어 교육 웹사이트 및 디지털 아카이브 시스템 구축

12

BUSINESS AREA

13

CAPABILITIES

㈜엑스프라임은 다양한 기기(Multi-Device)들간의 융합과 효율적인 서비스를 위한 Smart UX 사업에 집중하고 있으며, 다양한 기술 경험을 기반으로 축적된 R&D Center를 중심으로 아이디어와 정보를 혁신적으로 활용할 수 있는 UI 분야 최고의 IT 파트너로서 함께 하겠습니다.

UX / UI 컨설팅 및 전략기획

E-BIZ 컨설팅 및 구축

웹접근성/웹표준 컨설팅 및 구축

SI / SM / Marketing & Promotion

Solution / Framework / Game

Digital Device UI & Application

Mobile, PDA, Phone, Smart-Phone

Smart TV, IPTV, DTV, Home-Network

PMP, Touch-Screen , Tablet PC

㈜엑스프라임은 고객지향형 Service Technology에 집중하고 있으며, Web, Mobile, Embedded System 등의 사업영역을 통해 비즈니스를 전개해 나가고 있습니다.

TECHNOLOGY CONVERGENCE

14

E-Biz Division.

㈜엑스프라임은 고객의 내/외부 사업환경 및 사업적 Needs에 대한 철저한 분석을 통해 고객의 성공적인 사업을 지원하는 E-Business Consulting을 수행하며, 그 결과를 바탕으로 최적화된 서비스 시스템의 구축에서 시스템 통합(SI)에 이르기까지 기업 전반에 관련한 모든 사업영역을 포괄하는 진정한 E-Business Total Provider 입니다.

Project Initiation

Project Sample

RFP & 사업검토

계약 및 초기 컨설팅 진행

Pre-Analysis Strategy

Bench Marking

사업 및 요구분석

BM 전략 수립

구축방법 제안

Project Schedule

Content Structure

수행계획수립

요구사항 분석

현장 및 시장조사

Information Architecture

Function Definition

시스템 분석/설계

개발절차수립 및 기능정의

System Building

시스템 구현

테스트

검수 및 이전

Maintenance Renewal

유지 및 운영

교육 및 기능개선

Marketing

On/Off 통합 마케팅 전략

SERVICE PROCESS


15

Digital Convergence Division.

Mobile Component 개발

Mobile Framework 개발

W7, W10 UI 개발

Haptic Phone UI 개발

Widget Plus 개발

㈜엑스프라임은 Embedded 및 Mobile 분야에서 국내 최고 Methodology와 Know-How를 가진 전문인력을 바탕으로 프로젝트를 수행하며, 특히 자사의 독창적 기술로 개발한 Mobile Framework & Solution은 Mobile 환경에서 기술 경쟁력을 가지며 시장을 선도하고 있습니다.

CUSTOMER REFERENCE


16

R&D Center.

㈜엑스프라임의 Framework은 다양한 환경에 최적화된 UI의 안정된 개발을 보장하며, 자체 R&D를 통해 보유한 Solution은 다양한 산업군에서 진행되는 대부분의 프로젝트에 최적화된 맞춤형 Component와 개발환경을 제공합니다.

FRAMEWORK & SOLUTION

㈜엑스프라임의 Framework와 Solution을 통해 기존의 RIA 환경에서는 경험해보지 못한 퍼포먼스를 경험하실 수 있습니다.

17

WHY XPRIME MUST HAVE, MADE IN XPRIME

18

MANPOWER

㈜엑스프라임은 UX / UI 기반의 전문인력으로 구성된 국내 최고의 Smart UX 개발 전문 회사이며, 전체 인력 구성 중 60% 이상이 UI Developer로 구성된 국내 최대의 전문 회사입니다.

㈜엑스프라임은 전문가를 지향하는 기업입니다. 보다 전문화된 개발조직의 노하우을 통해 프로젝트의 생산성을 월등히 향상시킬 수 있습니다.

SPECIAL ORGANIZATION

65 %

35%

65%

3 %

14%

13%

6%

엑스프라임 인력 구성 분포도

SMART UI Developer는 Web 뿐만 아니라 Touch Screen, Mobile 등 다양한 Application 환경 등 Embedded System 전반에서 사용자와 관리자가 경험하는 User Interface를 통해 보다 향상된 UI Technology를 탑

재하여 보다 효과적으로 원하는 컨텐츠를 브라우징 및 검색하고, 신속하고 효율적인 관리기능을 제공하며, 보안 및 확장 측면에서도 뛰어난 기능성을 제공할 수 있는 플랫폼을 설계하고 구축하는 역할을 수행한다.

19

VERIFICATION

금융 및 증권 시스템에서의 성공적인 프로젝트 수행능력은 ㈜엑스프라임의 UI Component & Framework에 대한 성능과 안정성을 인정받는 계기가 되었습니다. ㈜엑스프라임은 Web UI 개발에서 위젯 UI Framework, Mobile 및 관련 디지털 디바이스 UI까지 개발 범위를 확장하고 있으며, Embedded System 분야에서 다른 어떤 경쟁자도 찾아볼 수 없는 사실상의 국내 표준으로 자리잡고 있습니다.

㈜엑스프라임 UI Component & Framework는 이미 다양한 분야에서 고객사의 프로젝트를 통해 그 성과를 검증 받아 왔습니다.

PERFORMANCE & STABILITY

20

CERTIFICATION

㈜엑스프라임은 기술 벤처기업 업체로 등록 되어 있으며, 기업 부설 연구소를 통하여 Embedded UI Framework과 Solution 분야에서 높은 수준의 기술 개발 성과를 거두고 있습니다. 이에 대한 결과로 연구소에서 개발된 Framework & Solution 에 대한 특허출원과 한국저작권위원회에 프로그램이 등록되었습니다.

XPRIME의 기술은 공신력을 인정 받고 있습니다. XPRIME의 FRAMEWORK인 XRF, 보안솔루션인 FLASH GUARDIAN등은 2010 현재 특허출원을 완료하였고, 현재 다양한 Smart UI Technology 관련 Solution에 대한 특허출원이 진행중입니다.

XPRIME은 현재에 머물러 있지 않습니다. 끊임없는 기술 개발을 통해 좀 더 향상된 비즈니스 및 서비스 환경을 구축하는 데 최선의 노력을 기울이고 있습니다.

벤처인증(기술보증기금) 기업부설 연구소등록 특허취득 Xprime Image Editor

Solution(XIES) Xprime Flex Java Remote

Object Framework Xprime RIA

Framework(XRF)

RESEARCH & DEVELOPMENT

㈜엑스프라임은 지속적인 기술개발에 최선의 노력을 기울이고 있으며, 이는 다양한 인증을 통해 그 성과를 인정받고 있습니다.

21

EDUCATION CENTER

㈜엑스프라임은 국내 최고의 UX / UI 전문 교육 기관인 아카데미 티모를 2002년부터 별도 법인으로 운영하고 있습니다. 아카데미 티모는 신명용 대표를 필두로 하여 HTML5, Flash, Flex, Design, Java, Android 등의 교육 및 기술지원과 기업을 대상으로 한 컨설팅에 이르기까지 다양한 활동을 하고 있습니다. 뿐만 아니라, 아카데미 티모는 ㈜엑스프라임의 사내 교육 시스템 및 협력사의 기술이전 기관으로 활용되어 자체 인력 확보 및 인재양성을 담당하는 기능을 수행하고 있습니다.

국내 최고의 UX / UI 전문 교육기관

Web & Mobile 관련 UI 전문 개발자 교육

다양한 기술 세미나 및 공개 세미나 운영

Adobe 공인인증 교육기관

UI/UX 관련 협력업체 연계

정부지원 과정 및 재취업 지정 교육기관

아카데미티모 (별도 법인) 대표강사 신명용(엑스프라임 대표이사)

UX / UI 부문 기업 기술컨설팅

아카데미 티모 Flash/Flex 강의 및 기술 컨설팅

경희대 / 중앙대 / 서울산업대 / 동덕여대 출강

디자인정글 / 연세디지털헐리우드 등 다수 강의

LG CTO산하 SW 인재육성센터 Advanced Flash UI 과정 진행

약력

저서

• 한국 사이버대학교 겸임교수 • ㈜아카데미티모 설립 • ㈜엑스프라임 설립 • 서울대학교 전기공학부 석사·박사 • 한국과학기술원 (KAIST) 전기 및 전자공학과 학사

• 모든걸 알켜주마 플래시 5.0을 이용한 웹 애니메이션 (제우미디어) • 신명용의 모든걸 알켜주마 플래시 액션 스크립트 (제우미디어) • Certified Macromedia Flash Developer 기술 감수 (영진출판사) • Flash MX SkillPoint (제우미디어) • 신명용의 Flash MX 액션스크립트 I, II (제우미디어) • 플래시 MX, Motion + Action (제우미디어)

㈜엑스프라임에서 운영하는 아카데미는 이미 국내 대표 교육기관으로 잘 알려져 있습니다.

WELL-KNOWN COMPANY

22

OUR EXPERIENCE MUST HAVE, MADE IN XPRIME

23

MUST HAVE, MADE IN XPRIME

“Your Business Is Our Business As Soon As You Meet Us”

㈜엑스프라임은 고객사의 비즈니스에 있어 다양한 프로젝트 경험을 바탕으로 최선의 파트너로서 함께 해왔습니다.

24

SYSTEM INTEGRATION

WEB & RIA

INTERACTIVE DESIGN

INTERFACE DESIGN

MOTION GRAPHIC DESIGN

25

OUR EXPERIENCE SI (WEB & Mobile)

국민은행웹사이트오픈웹리뉴얼

전자금융시장 환경에서 선도적 대응을 위해 구현한 오픈뱅킹 서비스로서 과거 10여 년간 MS PC환경(윈도우OS, 인터넷익스플로러)에서만 이용 가능했던 인터넷뱅킹 서비스를 Apple Mac, 리눅스 등의 OS와 크롬, 파이어 폭스 등의 브라우저에서도 이용이 가능하도록 구현함. 여기에 스마트폰, 태블릿PC 등 다양한 스마트기기에서도 PC와 동일한 서비스를 이용할 수 있게 되는 것을 의미함. 현재 국내 은행들은 일부 금융거래에 대해 제한적으로 오픈뱅킹 서비스를 제공해왔으나, 이번 KB국민은행의 오픈뱅킹 서비스를 통해 다양한 PC환경은 물론 다양한 스마트기기에서도 PC수준의 금융거래를 이용할 수 있게 되었다는데 그 의의가 있다. 심플한 화면과 쉽고 직관적인 인터페이스로 거래 편의성을 높이고 밝고 활기찬 느낌의 이미지로 구현하였으며, 특히 시각장애인도 편리하게 금융서비스를 이용할 수 있도록 시스템을 구축함으로써 KB국민은행의 인터넷뱅킹 서비스는 모든 고객이 다양한 운영체제 및 기기를 통해서도 동일한 서비스를 받을 수 있도록 했다.

다양한 기기/브라우저에서 인터넷뱅킹 가능: 윈도우, 매킨토시, 리눅스, 스마트폰, 태블릿PC/윈도우 IE, 파이어폭스, 크롬, 사파리, 오페라

KB금융서비스 : PC수준의 모바일웹 제공 (개인/기업, 금융상품.외환,부동산)

심플하고 이용 편리한 홈페이지 : 단순.밝은 화면. 즐거움 및 편리함 제공, 터치환경의 편리한 UI

보안강화 및 접근성 : 글로벌 인증서비스(EV-SSL)적용, 버츄얼키패드, 시각장애인 등 인터넷 약자를 위한 동일한 서비스 환경 구현.

경쟁사를 기준으로 개인 인터넷뱅킹 업무의 70% 수준의 오픈뱅킹 서비스 제공 현황에서 개인/기업 전체 서비스를 대상으로 오픈웹 서비스를 구현하였으며. 오픈웹 전체가 대략 3만 페이지를 상외하고, 다양한 OS 및 브라우저(전체 50종)에서 구현 가능하도록 프로젝트를 수행함 전체 프로젝트 진행의 사업관리를 비롯, 기획. 디자인. 웹표준에 기반한 퍼블리싱 작업을 수행하였습니다.

KBStar Website KB국민은행 2011.05 – 2011.11 ( 7개월 )

http://www.kbstar.com

웹어워드 코리아 2012 최고대상 수상

26

OUR EXPERIENCE

2011.06– 2011.11 KISLINERM 웹사이트 리뉴얼 및 관리자 C/S 통합 구축

KISLINERM 웹사이트 리뉴얼 및 관리자 C/S 통합 구축 국내최대의 신용평가그룹인 나이스신용평가정보의 거래처관리시스템인 RM1(Risk Management) 웹사이트의 리뉴얼과 기존 3개의 관리자C/S 프로그램을 통합 리뉴

얼하였습니다. 웹표준을 지켜 아이패드와의 완벽한 호환성도 확보하였습니다.

웹사이트 리뉴얼 및 관리자 C/S 통합 구축

SI (WEB & Mobile)

27

목적형 SNS 서비스, 모바일 연동

2011.02 – 2011.05 NICE신용평가정보 후즈라인

NICE신용평가정보 후즈라인 2.0 구축 후즈라인은 본 사업을 통해 NICE 신용평가정보의 브랜드 자산을 승계한 목적형 SNS를 완성하였으며, 이와 함께 온라인 서비스를 안정적으로 제공할 수 있는 환경 및

시스템 기반 마련을 통해 네트웍 플랫폼 완성을 통한 적극적이고 다양한 마케팅 전략을 펼칠 수 있게 되었다. Facebook 및 Twitter 연동을 통해 고객 유입 채널의 확장을 이루어 내었으며. 자사의 대표적 모바일 서비스인 파워기업검색에서의 라인맺기, 토크라인. 인맥 확인 등

의 모바일 App에 대한 확장성도 마련하였다.

OUR EXPERIENCE SI (WEB & Mobile)

28

OUR EXPERIENCE 국세청전자민원키오스크시스템

국세청 새로운 전자민원 시스템 도입과 함께 민원인들이 키오스크 시스템으로 간단한 문서작성으로 보다 효율적인 업무효과를 높이기 위해 제작되었습니다.

E-parerless 시스템 구축

민원인들의 대기 시간 단축

국세청 업무효과 상승효과

기존 시범사업때 사용한 Flex에 비해 용량(기존 12MB)이 현전히 줄었으며(현재 5MB) XprimeRiaLibrary를 사용하여 수정 및 유지보수에 편리성을 높였으며, 기존에 없던 Motion을 추가하여 다른 키오스크에서 볼수 없는 역동성을 주어 제작되었습니다.

국세청전자민원키오스크 국세청 개월

http://portal.doosan.com/index.jsp

SI (WEB & Mobile)

29

OUR EXPERIENCE 삼성선물웹사이트리뉴얼및모바일사이트신규구축

글로벌 금융 Company를 지향하는 삼성선물은 리테일 시장확대를 위해 국내 선물업계 최초로 트래이딩 서비스를 구축하였음. 트래이딩 서비스는 온라인 웹, 모바일 웹, 모바일 어플리케이션 등 기존의 웝서비스는 물론 최근 스마트 디바이스 환경에도 이용할 수 있도록 서비스 구축함. 무엇보다 FX마진 WTS 는 업계 최초 도입한 시스템으로 평가될 수 있음.

국내선물 : 국내선물 상품/거래정보, 시세, 주문 서비스

해외선물 : 해외선물 상품/거래정보, 시세, 주문 서비스

FX마진 : FX마진 상품/거래정보, 시세, 주문 서비스

리서치 : 국내외 동향 및 일간, 월간, 년간 리서치 정보 서비스, 동영상 리서치 정보 서비스

WTS : 국내/해외/FX마진 Web Trading System, 실시간 주문, 조회

모바일웹 : 모바일 웹 환경 실시간 시세정보 제공 서비스

WTS에서 필요한 분석차트 및 각종 시체 차트를 플랙스로 개발, 데이터 처리속도 향상 및 사용성을 높였음. 국내, 해외, FX마진 상품검색을 위해 하나의 화면에서 One-Stop 처리될 수 있는 RIA가 적용되고, 검색에서 그치지 않고 시세, 주문으로 연결될 수 있는 UX 설계 적용.

삼성선물 개월

http://www.ssfutures.com

SI (WEB & Mobile)

30

OUR EXPERIENCE 삼성선물 구축

글로벌 금융 Company를 지향하는 삼성선물은 리테일 시장확대를 위해 국내 선물업계 최초로 트래이딩 서비스를 구축하였음. 트래이딩 서비스는 유선 온라인 환경 뿐 아니라 무선 모바일 환경에서도 제공됨. 일명 MTS(Mobile Trading System)은 Mobile Web Service, iPhone Application 서비스를 통해 제공되는 트래이딩 서비스를 말함. 최근 다양한 스마트 디바이스 환경에 대응할 수 있는 국내 선물업체 최초 시스템이라고 평가 할 수 있음.

국내선물 : 국내선물 상품/거래정보, 시세, 주문 서비스

해외선물 : 해외선물 상품/거래정보, 시세, 주문 서비스

FX마진 : FX마진 상품/거래정보, 시세, 주문 서비스

리서치 : 국내외 동향 및 일간, 월간, 년간 리서치 정보 서비스, 동영상 리서치 정보 서비스

WTS : 국내/해외/FX마진 Web Trading System, 실시간 주문, 조회

모바일웹 : 모바일 웹 환경 실시간 시세정보 제공 서비스

iPhone App : 국내/해외/FX마진 Web Trading System, 실시간 주문, 조회

Mobile 환경에서 안정적인 실시간 데이터 처리 및 보안문제가 가장 중요한 해결 과제였으며, 검증된 솔루션과 결합된 인증 시스템을 적용하고, Mobile 환경에 최적화될 수 있는 UI 디자인과 Device별 특성을 고려한 UX 디자인을 적용해 내 손안에 가장 편리하고 빠른 트레이딩 서비스 구현을 목표로함.

삼성선물 개월

http://www.ssfutures.com

SI (WEB & Mobile)

31

OUR EXPERIENCE 개발

Appstation : 애플리케이션 서비스가 제공되거나 만들어지는 곳

Station : 특정한 서비스가 제공되거나 이루어지는 장소*건물

앱스테이션에서 제공하는 저작툴(Authoring tool)로 편리하고 쉽게

스마트폰 어플리케이션 서비스를 만들기 위해

정보 업데이트를 편리하게 할 수 있도록 웹과 모바일 저작 툴을 지원하는 프로젝트

정보 업데이트를 편리하게 할 수 있는 정보 업데이트 편의성

대용량 정보를 한번에 업로드 할 수 있는 편의성

휴대폰으로 찍은 사진을 바로 스마트폰 어플리케이션 서비스에 적용 및 관리

스마트폰 어플리케이션 서비스를 지정 , 서비스에 들어갈 메뉴(카테고리) 및 재미 요소를 가미한 아이콘 등록 , 제공 하고자 하는 원하는 서비스 정보에 이름과 전화번호, 주소 등을 등록 시켜 쉽고 재미있는 UI 제공

•기본 Application의 UI를 XprimeRiaLibrary를 이용

- 메모리 사용량 최소화

- 촉박한 오픈 일정 내에서 컨텐츠에 대한 집중도 및 레이아웃 통일성 강화

- Usability 향상과 관리 기능의 작업 능률 향상

- 빠른 UI 디자인 업데이트

개월

http://product.iriver.co.kr/p_w7_feat.asp http://product.iriver.co.kr/p_w10_over.asp

SI (WEB & Mobile)

32

OUR EXPERIENCE 지방선거사이트구축

전 지역 초박빙 판세로 인해 PV가 2008년 총선 대비 400배 증가 (PV: 16,485,009) 하였으나, SBS의 경우 특별한 장애상황 발생 없이 매끄러운 서비스 제공. 참고로 MBC의 경우 개표 피크시간인 10시에 서버 장애 발생 하였고, KBS의 경우 출구조사 발표시에간 KBS 뉴스 메인페이지 장애가 발생하였습니다.

투표율 : 전국 투표율 및 16개 시도별 투표율 데이터 서비스

예측조사 : 광역단체장/교육감/정당별 지지도에 대한 예측 조사를 전달 받아서 서비스

개표현황 : 광역단체장/교육감/기초단체장/광역의원/교육의원/기초의원선거 개표 현황 서비스

개표결과 : 광역단체장/교육감/기초단체장/광역의원/교육의원/기초의원선거 개표 결과 서비스

온에어 : 온에어 뷰어 링크

메인 프로모션 : 투개표 상황별로 선거홍보->예측->개표현황->개표결과를 보여주는 티커제작.

제휴사 제공 : (대상 :포털 및 지역민방) 투표율 /개표데이터

iMBC, KBS는 모든 컨텐츠를 하나의 swf파일로 만들어 최초 진입시 로딩 시간이 SBS지방선거사이트에 비해 느린 현상 발생하였습니다. 이에 비해 SBS는 컨텐츠별로 swf를 분리하여 최초 진입 시 최소한의 시간으로 접근이 가능하도록 구현하였고, 또한 한번 로딩이 된 화면을 재사용 하도록 개발되어 보다 빠른 속도의 환경이 성공적으로 구현되었습니다.

개월

http:// vote2010.sbs.co.kr

SI (WEB & Mobile)

33

OUR EXPERIENCE 두산그룹포털인트라넷 ‘두비두바’게시판 통합

두비두바는 두산그룹 임직원 및 그룹 내 여러 관계사들이 이용하는 사내 웹사이트. 신속한 의사교환 · 정보 공유 뿐만 아니라 전자결제 시스템 및 위젯 기능 등 개인화 기능도 탑재된 강력한 사내 포털 시스템으로서, ❶ 글로벌 컨셉의 디자인 스타일 가이드 제작 및 적용, ❷ 게시판 등 DB 통합, ❸ 모바일 서비스의 접목 등을 통해 주요 정보에 대한 집중도 향상, 개인화 영역 제공을 통한 단순화 등 사용자 측면의 서비스 강화와, 주요 메뉴 및 Layout 통일성 강화 등 운영 효율성 측면에서 두산그룹의 Globalization 컨셉에 최적화된 플랫폼으로의 리뉴얼 작업이 진행되었습니다.

그룹사의 확대와 Globalization 이슈를 반영하여 기능 확장이 용이한 구조 설계

두산의 철학 반영 및 임직원의 소속감 강화

Global Target에 부합하는 보편적인 디자인 컨셉 지향

다양한 환경 및 사용자에 최적화된 정보 접근성 및 범용성 확보

임직원의 사용 편의성 및 기능성을 강화한 시스템 구축

다양한 문화의 Global 사용자가 Target이므로 Simple하고 Minimal한 Design Concept을 통해 보편성을 지향한 WSG를 구현하였고, Global환경에서의 접근이 용이하도록 표준화된 코딩을 적용하여 다양한 브라우저 및 디바이스를 통한 서비스가 가능하도록 제작되었다. 또한 빠른 사용성과 확장이 용이한 구조 설계를 위해 엑스프라임의 UI Methodology를 적용하여, 컨텐츠에 대한 집중도 및 레이아웃 통일성 강화 등 Usability 향상과 관리 기능의 작업 능률 향상 등 개편이슈에 충실한 솔루션이 적용 되었습니다.

두산그룹 개월

http://portal.doosan.com/index.jsp

not open to the public

SI (WEB & Mobile)

34

OUR EXPERIENCE 두산그룹모바일웹사이트구축

두산 그룹 내(Intranet)에서 사용하는 커뮤니티 포털 사이트를 국내 모든 제조사별 스마트폰(햅틱, 옴니아, 아이폰, 블랙베리)에서 활용할 수 있도록 모바일용 7개 브라우저에서 완벽하게 동작하는 표준 모바일 웹 사이트로 구축하였습니다.

업무효율을 최우선한 UI 설계

국내외 사용자를 고려한 최적화 설계

다양한 디바이스, 브라우저 해상도를 고려한 디자인 최적화

W3C 웹 표준 적용 및 모바일 웹 사이트 구축 권고 사항 적용

현재 시판되고 있는 거의 모든 종류의 스마트폰에서 화면의 깨짐없이 동작

웹 시스템의 자원 재사용을 통한 검증된 로직을 통한 신속한 개발 프로세스를 구현하였습니다. ( 비즈니스 로직은 재사용하고 View 부분만 모바일 환경에 맞게 개발 )

두산그룹 개월

Local Serviced



SI (WEB & Mobile)

35

OUR EXPERIENCE 공주시전원학교

농산어촌 소재 소규모 초,중학교 중 자연친화적 환경과 E-러닝 첨단시설을 바탕으로 지역사회와 연계하여 영어 등 우수 공교육 프로그램을 운영하는 자율학교로서 농산어촌의 미래발전을 견인하는 지속 가능한 모델학교로 충남 공주시가 진행한 플렉스 AIR 프로젝트 .

특색있는 교육과정, 다양한 방과후 교육, 도농교류 프로그램

교사관리 시스템 제공.

학생들의 학습 학사관리 시스템.

실시간 퀴즈 등의 제공으로 학습참여 유도.

구조적인 모듈화를 통해 유지보수의 용이성을 증대하였으며,

각 단위 모듈별로 파일 사이즈를 최적화한 위젯 개발

공주시백제교육문화회관 개월

http:/fastel.kr/index.do

SI (WEB & Mobile)

36

OUR EXPERIENCE 네이버파노라마뷰어 버젼개발

평면적인 지도의 개념에서 벗어나 디지털 입체 지도 서비스 구축을 목표.

다이어리지도 플랫폼의 일부로서 다양한 정보를 시각적으로 체험가능 하도록 제공하고, 거리 모습을 360도 회전하며 볼 수 있는 기능을 제공합니다. 또한 지도-거리-항공간 원활한 전환 및 인터랙션 제공함으로써 네이버의 새로운 지도 서비스 제공

지도서비스 및 거리와 전망뷰 간 일관성 있는 인터랙션과 통합된 도구툴 제공

다른 파노라마뷰 지점으로의 이동 및 이전 파노라마뷰 지점을 확인하고 돌아갈 수 있는 쉽고 원활한 네비게이션 제공

서로 다른 시점의 지도, 거리/전망 파노라마 간 전환시 브라우징을 원활하게 함

기존 항공 파노라마뷰와 연계

파노라마뷰에서 주변지역정보의 탐색 및 정보보기가 가능

Papervision3D의 Sphere, 이용해 파노라마에 사용될 가상공간을 만들고 파노라마 이미지를 그 가상공간에 맵핑하고 Camera객체를 활용하여 실제 거리를 이동하는 것과 같은 효과를 재현하였습니다.

또한 대용량 파노라마 이미지를 로드하기 위해 BulkLoader 사용하였고, 네비게이션에 키보드를 맵핑하여 사용자가 쉽게 방향전환과 공간이동을 할 수 있도록 편의성을 주었습니다.

개월

현재서비스중인네이버파노라마뷰어

SI (WEB)

37

OUR EXPERIENCE 메시징컨텐츠몰리뉴얼

❶ 기존 HTML에서 컨텐츠를 보기 위해서는 페이지 전환이 필수였으나, Flex를 도입함으로써 하나 의 화면에서 페이지 전환없이 모든 컨텐츠를 사용할 수 있는 One-Stop Process를 적용하였으며

❷ Web2.0을 대표하는 Flex 기술 도입을 통한 대외 경쟁력 강화에 기여 하였습니다.

One-Page에서 SMS / MMS 전송

컨텐츠 구조를 사용자가 원하는대로 자유로운 배치와 이동

별도의 ActiveX 설치가 필요없어 사용자의 접근성과 사용성 향상

사이트 확장성을 고려한 설계를 통해 컨텐츠 업데이트 및 관리 용이

컨텐츠 소비 유형 분석을 통한 사용자 중심의 서비스 운영 도입 ( 사이트 활성화를 통한 매출 증대 )

Xprime Web Widget 엔진을 기반으로 설계되었으며, 위젯 엔진과 컨텐츠를 분리시키는 위젯 플랫폼의 내부 설계구조를 적용하여 웹상에서 제공하는 문자서비스 관련 여러 메뉴들을 통합하여 사용자의 편의성, 실행속도의 개선, 그리고 유지보수의 효율성을 도모하였습니다.

구현된 위젯 엔진은 문자서비스 메인파일로, 위젯 컨텐츠는 문자서비스 하위 메뉴로 각각 대응시켜 구조화하여 업무를 처리 하였습니다.

개월

http://www.lgtelecom.com

SI (WEB)

38

OUR EXPERIENCE 뉴욕생명사이트구축 사이버창구 개발

❶ 고객 중심의 서비스 구성으로 기업PR 및 인지도 제고

❷ 사이버 창구의 비중 확대 및 Flex 기술 적용한 직관적인 UI 구현

슬라이딩 원클릭 조회의 Flex 사이버창구 구성

사용성을 고려한 메뉴 및 UI 개편

감성 브랜딩 기반의 디자인 개편

PR 컨텐츠 및 고객 서비스 강화

효율적인 사이트 관리 체계 구축

Xprime Ria Library 적용하여 CPU 점유율 및 파일 사이즈의 최적화를 통해 사용자 접근성 및 월말 대용량 트래픽 발생 시 이슈로 제기되는 부하를 S/W 적으로 분산 시킬 수 있었습니다.

뉴욕생명 개월

http://www.nyl.co.kr

SI (WEB )

39

OUR EXPERIENCE 신한은행사이트구축

❶ Flex를 이용한 웹 위젯 / 데스크탑 위젯 개발(금융권 최초 One-Source, Multi-Use 개념 적용)

❷ Flex를 이용한 웹용 간편조회 / 이체 서비스 개발

5개의 Virtual Page를 제공, 각 페이지마다 개인이 원하는 용도의 위젯 모음으로 저장하고 페이지명으로 관리 ( 개인화 )

관리자 페이지에서 추가한 배경 이미지를 동적으로 적용 가능

간편조회, 간편이체를 묶은 위젯뱅킹의 파일 사이즈 최적화 ( 150KB 내외 )

RSS 의 각종 Feed를 지원하는 관심 컨텐츠 개발

15개의 위젯을 모두 띄워도 CPU 점유 최소화하여 저사양 PC에서도 동작하도록 제작 (Pentium 2 )

금융상품몰 상품찾기

Xprime Ria Framework을 기반으로 설계된 Xprime Web Widget 엔진의 초기 버전이 적용, 또한 환율 및 펀드수익률에는 Xprime Chart Solution 중 Line Chart 컴포넌트를 적용하여 금융권에서 안정적인 서비스 구현이라는 검증을 받았습니다.

신한은행 개월

http://www.shinhan.com

SI (WEB)

40

OUR EXPERIENCE 개발및컨설팅

WCDMA Topology 감시 기능 개발을 Flex로 구현하여 교환망과 ATM사이의 정보( 루트정보, 이력, 성능정보 ) 및 각종 장애에 대한 경보를 사용자(운영자) 중심의 동적 배치가 가능하도록 MDI 구조로 개발 하였습니다.

업무 효율성 증대를 위한 Flex Technology 컨설팅

KTF 통합관리시스템을 위한 UI 표준안 컨설팅 및 Widget 컨설팅

시스템 기능 Upgrade

Xprime Ria Framework를 적용하여 빠른 속도의 데이터 서비스와 차트에 의한 실시간 장애 체크가 가능한 동적 구성을 구현하고, 검증된 Framework를 통한 안정적인 서비스를 제공할 수 있도록 구축되었습니다.

개월

Service Closed

SI (WEB & RIA)

41

OUR EXPERIENCE 우리은행사이트구축

❶ Web2.0 적용

❷ 고객 개개인을 위한 차별화된 개인화 서비스

❸ 금융상품몰 기능 강화

개인 인터넷 뱅킹의 빠른서비스 기능(간편조회/이체 서비스)

금융상품몰 상품찾기

웹위젯 서비스 MY뱅크 구현

개인/기업고객 개인화영역 제공

펀드수익률 및 환율 챠트 기능

Xprime Ria Framework을 기반으로 설계된 Xprime Web Widget 엔진의 초기 버전이 적용되었으며, 환율 및 펀드수익률에는 Xprime Chart Solution 중 Line Chart 컴포넌트를 적용하여 안정적인 금융서비스가 가능하도록 구현하였습니다.

우리은행 개월

http://www.wooribank.com

SI (WEB & RIA)

42

OUR EXPERIENCE 동영상편집 개발

사용성 중심의 동영상 편집 UI 개발, 타 UCC시스템과 차별화된 시스템으로 구축 하였습니다.

동영상 편집 및 제작, 변환

이미지의 영상화, 미리보기 기능

동영상 파일의 Phone 전송 기능

업로드 및 임시저장

클립아트를 활용한 꾸미기 기능

Xprime의 차별화된 UI 컴포넌트 적용을 통해 자원의 재사용성을 통한 빠른 서비스 구현이 가능하도록 구현하여 사용자 중심의 서비스 구현이 가능하도록 하고, 다양한 부가 기능 제공과 확장이 용이한 구조설계를 통하여 운영 및 관리측면에서도 효과적인 시스템을 제공하였습니다.

개월

Service Closed

SI (WEB & RIA)

43

OUR EXPERIENCE 대통령선거사이트구축

Full-Flash로 구축된 사이트로 실시간으로 전송되는 대용량 데이터를 방송3사 통틀어 서비스 중단 없이 완벽하게 처리하여 플래시 데이터 처리 기술력을 인정받음

투개표 전반에 비주얼 효과 및 Interactive Action 처리

선거관리위원회로부터 투개표 상황 전문 수신

지역민방 및 제휴사로 투개표 상황 전문 송신

선관위에서 전송받은 원시데이터를 가공하여 실시간 데이터를 XML 데이터로 생성 ( 플래시 소켓통신 )

Xprime Chart Solution의 최초 버전이 적용된 사이트. 3가지 형태의 Bar Chart를 실시간 데이터와 연동하여 오차뿐만 아니라 중단없이 운영되어 차트 솔루션의 일부이지만 안정성을 평가받은데 의의가 있습니다.

개월

http://www.sbsi.co.kr

SI (WEB & RIA)

44

OUR EXPERIENCE 영화예매사이트구축

CGV 영화예매 사이트가 AS2.0으로 구현된 최초의 예매 사이트라면, 본 Yes24 영화예매사이트는 AS3.0을 이용한 최초의 영화 예매사이트로, 전국의 상영관과의 데이터 통신에 의한 동적 좌석 생성이 돋보이는 프로젝트였습니다.

전국의 각 극장별 실시간 데이터 연동 후 좌석배치 부분에 대한 동적 객체 생성 처리

각 단계별 Width 조정을 통해 텍스트 길이에 제약을 받지 않고 정보 전달 가능

각 프로세스별 객체화를 통해 재사용성 증대 및 유지보수 편리성 강화

Xprime Ria Library 적용된 최초의 Site, CPU 점유율과 파일 사이즈의 최적화를 통해 CGV 영화예매보다 데이터 연동이 많음에도 불구하고 각 극장별 좌석 생성 등의 컨텐츠 로딩 속도가 빠른 장점이 있습니다.

개월

http://movie.yes24.com/Ticket/Ticket_Movie.aspx

SI (WEB & RIA)

45

OUR EXPERIENCE 농협중앙회 구축

금융권 최초 기업 금융시스템을 Flex로 구현하여 기업 뱅킹의 사용 편의성을 극대화하였습니다.

대량이체 - 일반/급여/대량출금

이용자 관리 / 계좌관리

펌뱅킹 - CMS/ 리얼타임서비스/ 예금거래내역전송서비스

농협이 진행한 X-Internet 기반의 금융 토탈 서비스인 Xbank의 고질적인 성능 문제 ( 파일 사이즈 및 메모리 누수 ) 를 본사의 기술 자문을 통하여 해결. 또한 기업뱅킹은 난이도가 높아 기존에 개발하던 업체가 오픈 직전까지 개발하지 못하고 있던 상황에서 컨택이 진행되어 해당 업무에 대한 기술 컨설팅을 수행하면서 짧은 기간 내에 문제점을 해결하여 기술력을 인정 받았습니다.

농협중앙회 개월

http://banking.nonghyup.com

SI (WEB & RIA)

46

OUR EXPERIENCE 고객센터 개발

다양한 고객들의 업무 이용 효율을 개선하고, 빠른 서비스를 제공할 수 있도록 FLEX를 통한 KTF 고객센터의 통합 개편 진행 하였습니다.

Xecure web과 연동한 암호화, 복호화를 통하여 서버와 통신

실시간 통화내역 조회, 요금조회, 월별 요금조회, 소액결제 등

SharedObject를 사용하여 데이터 캐싱 & 카트 기능 구현

정보조회, 서비스 신청/처리를 통한 One Screen Process 구현

DIV 태그를 이용하여 메인 페이지의 컨텐츠의 수정과 무관하게 화면 로딩 가능하도록 구현

AS3.0을 이용하여 프로젝트 개발이 검증되지 않은 시점에, RIA 기술을 통해 고객의 사용성을 고려한 독립적인 고객센터 개발 하였습니다.

차 개월

차 개월

http://cs.show.co.kr

SI (WEB & RIA)

47

OUR EXPERIENCE 삼성물산건설부문외주관리시스템및 시스템구축

❶ Flex를 활용한 사용자 중심의 UI 개선

❷ 외주관리시스템 고도화 및 WBS 시스템 신규 개발

입찰참여 현황

계약 현황

낙찰율 현황

정산 현황

Xprime Ria Framework와 Chart Solution을 적용하여 하나의 화면에서 많은 컨텐츠를 한번에 검색 및 조회할 수 있도록 One-Stop 서비스를 지향할 수 있도록 구현하였고, 또한 보안 측면에서도 데이터의 암호화 처리를 통해 정보유출의 문제점을 사전에 차단할 수 있는 시스템 구축을 진행하였습니다.

삼성물산 개월

Local Serviced

SI (WEB & RIA)

48

OUR EXPERIENCE

❶ 그룹 사이트구축❷ 제 대총선사이트구축

❸ 북경올림픽사이트구축❹ 정선군관광문화포털사이트구축

❶ ❷

❸ ❹

기타구축사례

SI (WEB & RIA)

49

SYSTEM INTEGRATION

WEB & RIA

INTERACTIVE DESIGN

INTERFACE DESIGN


50

OUR EXPERIENCE 전자 인피니아 쇼룸구축

인피니아 기술에 대한 설명이 아닌 기술이 구현하는 소비자의 생활 속 Fantasy 구현으로 브랜드 편익을 소비자에게 보다 감성적이면서도 직관적으로 전달하고자 하였습니다. 또한 Full 3D 영상 구현을 통해 브랜드가 가진 속성이 비쥬얼에도 전이될 수 있게 배려하였으며, 영상을 통한 동적 구조를 통해 인피니아 TV가 가진 기술의 실제성을 극대화하는데 주안점을 두었습니다.

간접 체험관 – 프리미엄한 저택 Context 안에서 INFINIA TV로 인해 가지는 기술의 실제성을 고품질의 그래픽 디자인과 FULL 3D 모델링 영상으로 제작하여 실제 경험을 전달.

핵심 기술( Nano Slim, Comfortable3D, Nano FullLed, Wireless 등) 에 대한 감성적 고객 체험 요소를 한 눈에 제공.

고객 이탈률 최소화 및 체류시간 증대 고려한 스토리 기반 설계.

실제 제품에 대한 Benefit 정보 제공.

불필요한 이동을 최소화 한 UI 구조.

LG INFINIA가 가진 브랜드 철학(기술이 인간을 자유롭게 하리라)과 첨단 기술력의 가치와 우수성을 실체화 하기 위해 브랜드 타겟에 맞는 프리미엄한 저택을 Context로 상정하여 감성적 고객 체험 요소를 한 눈에 느낄 수 있도록 제작하였습니다. 프리미엄한 저택 Context 안에서 INFINIA TV로 인해 가지는 기술의 실제성을 고품질의 그래픽 디자인과 FULL 3D 모델링 영상으로 제작하여 소비자가 느끼는 생활 속 Fantasy 를 극대화 시키고 동경이 대상이 될 수 있는 브랜드로 표현하였습니다.

전자 개월

http://www.lge.co.kr/brand/infinia/showroom/tv_showroom.jsp

UX (WEB - Interactive Design)

51

OUR EXPERIENCE 전자 빌트인쇼룸구축

LG 빌트인 구매 단계를 스토리텔링 형태의 영상으로 구현하여 브랜드 몰입을 지원하고 있으며, 소비자 선택에 따라 커스터마이징 된 시공영상을 보여줌으로서 소비자 주도권을 강화하였습니다. 그리고 영상이 다른 매체로 바이럴 될 수 있도록 영상을 클립으로 제작하여 확장 및 배포 지원하여 마케팅 플랫폼으로서의 역할을 함께 수행하고 있습니다.

고객 참여를 유도하는 인터렉션 포인트를 통해 빌드인을 실제로 시공하는 느낌을 전달하고, 사용자 인터렉션 후 의 긍정적 변화 모습의 Interior View 통해 빌드인의 필요성 소구

LG 빌트인에 대한 고객의 Rich Experience 환경 제공을 통한 브랜드 이해 강화

프로모션을 배포, 확장하는 Media 역할 수행을 통한 IMC 강화로 제품 판매 견인

소비자가 빌트인을 고민하게 되는 상황 설정을 통해 빌트인르 고민하고 알아가고 동화되는 스토리를 풀 스크린을 통해 영상을 보는 느낌으로 제공함으로써 소비자가 자신의 상황에 대응하여 보다 쉽게 빌트인에 대한 이해 및 소구를 가질 수 있도록 설계하였습니다. 또한 단순히 체험 뿐만 아니라 구매채널을 사이트 내에 삽입함으로서 경험 Needs 촉발 구매로까지 연결될 수 있도록 Flow를 정교화하였습니다.

전자 개월


http://www.lge.co.kr/brand/builtin/guide/main.jsp

52

OUR EXPERIENCE 전자 쇼룸구축

Interactive User Guide는 기존의 오프라인 매뉴얼을 Digitalization 하여 단순히 text 기반의 정보전달이 아닌 Web Platform을 통해 User Experience를 강화한 사용 가이드를 제공하는데 목적이 있습니다. 가이드의 목적성의 충실하기 위해 Information 전달에 있어 사용자 Interaction 환경을 통해 양방향적인 경험환경을 제공하고 있으며 SEO(Search Engine Optimization)을 통해 소비자가 원하는 정보를 쉽게 검색, 인지할 수 있는 인프라를 제공하고 있습니다. 또한, 향후 다국어버젼으로 확장성을 고려한 easy & minimal 한 화면 구성으로 글로벌 환경 최적화를 꾀하였습니다.

유저 가이드의 목적성을 충족하기 위한 SEO를 통해 사용자 편의성 제공 .

핵심 기술을 3D 모션을 통해 입체적이고 감성적 체험할 수 있도록 구성


실제 제품에 대한 상세정보 제공. 제품 상세 이미지를 시원하게 볼 수 있는 화면 구성.


국내외 글로벌 환경을 고려한 차별화된 글로벌 사이트를 구축 할 수 있도록 look & feel을 구성하였습니다. 또한 다국어 버전으로 사이트 양산을 위해 언어별 변환이 가능한 구조화된 사이트 플랫폼 설계화와 산출물의 재사용, 재활용 가능하도록 모듈화 하였습니다. 그리고 Site Catalyst, Acecouter 등과 연계하여 모듈별 이용빈도수 Check를 통해 사후 사이트 트래킹을 위한 기술적인 제반 여견도 마련하였습니다.

전자 개월


http://61.250.92.69:8080/cyon/cyonOpen.html

53

OUR EXPERIENCE 전자 디오스 김치냉장고 쇼룸구축

DIOS 김치냉장고 프로모션 사이트는 DIOS 김치냉장고를 스타일 뿐만 아니라 제품의 본연적 가치인 ‘오래오래 맛있게’ 김치맛까지 지켜주는 제품으로 자리매김하는 목적성을 가지고 제작되었습니다. 그리고 이러한 ‘오래오래 맛있게’ 라는 브랜드 메시지를 효과적으로 포지셔닝하기 위해 쇼룸과 캠페인 사이트를 Mash up하는 방식을 채택하였습니다.

또한 캠페인 사이트와 쇼룸의 Role을 설정하여 캠페인 사이트는 김치, 김치냉장고에 대한 이슈화 및 문제의식을, 쇼룸은 DIOS 김치냉장고의 긍정적인 브랜드 경험을 제공함으로써 효과적인 브랜딩 구조를 설계하였습니다.

김치냉장고의 신선한 이미지를 살리기 위해 청량한 가을 하늘을 BG로 설정하고 사계절의 변화에도 변함없는 김치맛을 비주얼 화함

캠페인과 쇼룸의 인터페이스를 메인에 배치하여 사용자가 사이트 설계를 직관할 수 있또록 구성

캠페인 영상에 이벤트를 삽입하여 효과적인 프로모션 수행 및 사이트 확장성에도 일조..


캠페인과 쇼룸의 역할 정의를 통해 ‘김치맛을 오래오래 맛있게’라는 브랜드 슬로건을 효과적으로 학습시킬 수 있는 사이트 환경을 구축하였습니다. 즉, 캠페인은 풀 영상을 통해 사용자가 자연스럽게 김치맛, 김치냉장고에 대한 불만과 문제의식을 가질 수 있도록 구성하고, 쇼룸에서는 그런 문제의식에 대한 솔루션이 될 수 있는 차별화된 LG DIOS 김치냉장고의 테크놀로지를 비주얼화함으로써 자연스럽게 사이트 체험 후 브랜드에 대한 선호를 가져갈 수 있는 동선을 설계하였습니다.

전자 개월

http://www.lge.co.kr/brand/diosfamily/showroom/2010/dios_kimchi/index.jsp


54

OUR EXPERIENCE 전자 인피니아홈시어터쇼룸구축

타임라인을 활용한 영상 구현을 통해 홈씨어터 사운드의 공간감과 입체감을 살리고,

소비자가 홈시어터를 직접 경험하는 것과 같은 환경을 제공하여 브랜드 USP를 효과적으로 인지, 학습할 수 있도록 제작 하였습니다.,

실제 홈시어터 공간에서 고객의 시선을 따라 카메라(영상)를 이동,확대,축소 시키면서 제품의 디자인과 USP를 자연스럽게 노출시켜 고객에게 Reality를 부여.

USP로부터 구현되는 효과를 영상으로 체험하게 함으로써 고객의 제품이해도를 높이고, 고객이 제품을 통해 가져갈 수 있는 benefit을 인지시켜 구매욕구를 자극.

LG INFINIA Home theater의 프리미엄 브랜드 이미지를 살리기 위해 Dark Gray Color 를 통해 미니멀하면서 고급스러운 느낌을 강조하고, 불필요한 Display 요소를 자제하여 브랜드 자체에 집중도를 최대화할 수 있도록 모던하게 구성

LG 인피니아 홈씨어터를 직접 듣고 경험하는 느낌을 강조하기 위해 거실에서 음악을 감상하는 Context를 상정하였습니다. USP의 흐름에 따라 화면이 역동적으로 이동함으로써 홈씨어터가 가진 생동감을 소비자에게 그대로 전이될 수 있도록 구성하였습니다. 그리고 홈씨어터 제품의 3D 모델링을 통해서 입체감 있게 브랜드를 경험할 수 있도록 구성하였으며 타임라인을 통해 소비자가 원하는 메뉴로 이동할 수 있도록 사용자 편의성도 최적화하였습니다.

전자 개월

http://www.lge.co.kr/brand/infinia/showroom/hs_showroom.jsp


55

OUR EXPERIENCE 전자인피니아마이크로사이트구축

LG 인피니아 브랜드가 가진 구체적인 의미(철학)과 브랜드가 가진 첨단 기술력(3D, FullLed, Borderless, Wireless 등)의 가치와 우수성을 쉽게 이해할 수 있도록 구성. 고품질의 그래픽 디자인, 모션영상으로 동경의 대상이 될 수 있도록 유도하였으며, 강한 인상을 남길 수 있는 영상과 심플한 메시지로 LG 인피니아 3D TV 기술의 우수성을 한 눈에 느낄 수 있도록 제작하였습니다.

LG INFINIA Brand 철학을 담은 Intro Movie, Brand 내용을 담은 화면 구성.

핵심 기술( 3D, FullLed, Borderless, Wireless 등) 에 대한 감성적 고객 체험 요소를 한 눈에 제공.


실제 제품에 대한 상세정보 제공. 제품 상세 이미지를 시원하게 볼 수 있는 화면 구성.


웹 RIA 분야의 대표기술인 Flash 플랫폼을 이용, Flash CS4 객체지향언어로 발전한 ActionScript3.0을 사용하여 개발되었다. CVS 기술 등을 제공하는 Flex 툴을 이용함으로써 데이터관리 및 공동작업이 가능했다. Web Application 에 특화된 Compact 한 Xprime Ria Library 프레임웍을 사용하여, 반복작업을 최소화 하였으며, 신속한 UI 개발과 이슈에 대한 신속한 작업이 가능했다. 또한, External Interface 기술을 적용하여 Flash Player 의 한계를 벗어나 브라우져와의 상호작용을 구현하여, HTML로서 가능한 UI를 구축하였습니다.

전자 개월

http://www.lge.co.kr/brand/infinia/index.jsp


56

OUR EXPERIENCE 전자휘센체험관사이트구축

휘봇 이라는 휘센 로봇을 등장시켜 제품의 각 기능 및 제품의 가치를 CF 동영상 및 사이트 내의 스토리텔링 전개 방식으로 전개하였다. 특히 휘센 로봇을 의인화 시켜 인간과의 교감을 하는 로봇, 즉 인간과 교감하는 휘센 에어컨 이라는 가치를 마케팅 포인트로 하여 진행한 프로젝트 입니다.

Product Information Side : 사용자 친화적 제품정보 (Key USP) 전달과 제품호감도 (Brand) 증가

User Side : 스토리텔링과 메타포를 활용한 재미있고 기억하기 좋은 제품 간접 체험 경험

Sales Side : 매장 직원 교육 및 PDP, LCD & Notebook을 활용하여 고객에게 제품 홍보 (Display) 담당

로봇이라는 머티리얼 Visual + 사람을 사랑하게 된 첫 번째 에어컨이라는 Concept을 Simple하게 구성하여 고객의 이해도를 높이는 메뉴 구조를 통해 궁극적으로 제품의 새로운 구매 가치를 체험 할 수 있도록 하였으며.

휘센 제품 속성을 로봇이라는 머티리얼 (Material) 을 통해 고객에게 ‘사람을 사랑하게 된 첫 번째 에어컨’ 이라는 Main Concept을 전달하는 텔러 (Teller)의 역할을 수행하게 하도록 하고, 로봇의 사랑 표현법 메타포를 활용한 휴먼 케어를 강조한 기능 연출을 구현 하였습니다.

전자 개월

http://www.lge.co.kr/brand/whisen/showroom/microsite_2010/whisen_showroom.jsp


57

OUR EXPERIENCE 체험관사이트구축

다소 낯설 수 있는 로봇 청소기의 기능 및 성능에 대한 이해와 그에 따른 제품의 필요성을 설명하기 위해 ‘직접 써보지 않고는 제품을 알 수 없다.’ 라는 가정하에 출발 하였다. 특히 로봇 청소기 사용 경험이 없는 사람들에게 로봇청소기 성능에 대한 불신과 비싼 가격대비 성능에 대한 우려를 해결하기 위하여 실제 제품의 시뮬레이션을 통하여 청소의 성능 뿐만 아니라, 가격대비 로봇청소기로 하여금 얻을 수 있는 일상생활의 편익에 대한 어필을 통하여 신뢰도 증대할 수 있도록 의도하였고, 로봇청소기에 대한 신뢰도 마련을 기반으로 자연스럽게 “로봇청소기=로보킹”이다 라는 인지도를 증대함으로서 브랜드에 대한 신뢰도 향상을 목적으로 하였습니다.

제품의 특징(5S : Smart, Slim, Silent, Superior, Stylish)과 함께 심플한 Depth구조로 USP페이지 접근성을 극대화.

Simple하게 “제품과 여백”을 활용한 디자인으로 공간감을 활용한 컨텐츠 페이지 디자인.

Simulation 간접 체험관 – 고객이 직접 청소환경을 선택하여 눈으로 확인할 수 있도록 하여 재미와 경험을 전달.

LG 로보킹이 가진 기술의 특징을 Smart, Slim, Silent, Superior, Stylish로 나누어 쉽게 이해할 수 있도록 구성하였습니다.

Smart : 2개의 눈과 2가지 청소모드가 가능한 똑똑한 로보킹의 특징을 살려 컨텐츠의 노출 및 UI설계에 있어 2가지 타입에 대한 방안 강구

Slim : 높이의 Slim을 강조하기 위하여 수평시선 카메라 각도를 Default로 설정 폰트 및 모든 디자인 요소에 “Slim” 을 기본 컨셉으로 전제 Silent : 야간에도 청소가 가능한 특성을 해당 페이지의 주변환경을 야간으로 설정하여 실

제 청 소기 작동중일 때 조용히 청소가 가능하다는 느낌을 줄 수 있도록 구현

전자 개월

http://www.lge.co.kr/brand/cyking/roboking2009/roboking.jsp


58

OUR EXPERIENCE 체험관사이트구축

LG전자의 XCANVAS SL90 모델은 TV 스크린 부의 베젤부의 경계를 없앤 Borderless 디자인과 신개념 매직모션 리모컨을 제품 특장점으로, 위의 두가지 기능을 주요 소구 포인트로하여 진행하였다.고관여 제품인 TV의 최종 구매 결정이 대부분 오프라인 상에서 이루어진다는 성격을 가지고 있으며, 때문에 온라인 상에서는 오프라인에서 소비자의 구매결정을 도울 수 있도록 제품 브랜드에 대한 가치를 부각 시킬 수 있도록 하는 것이 온라인 프로모션 사이트의 역할이라 정의하였습니다.

제품의 특징(5S : Smart, Slim, Silent, Superior, Stylish)과 함께 심플한 Depth구조로 USP페이지 접근성을 극대화.

Simple하게 “제품과 여백”을 활용한 디자인으로 공간감을 활용한 컨텐츠 페이지 디자인.

Simulation 간접 체험관 – 고객이 직접 청소환경을 선택하여 눈으로 확인할 수 있도록 하여 재미와 경험을 전달.

본 제품의 USP(Unique Selling Point)를 보는 즐거움과 놀이의 즐거움으로 구분하여 메인 컨셉을 'Look & Play'로 설정g하였다. 'Look'에 대한 컨셉은 PV3D 기술을 활용한 인상적 비쥬얼로, 'Play'에 대한 컨셉은 사용자 참여가 이루어지도록 인터렉티브 요소를 가미하여 해당 USP를 소구하려 하였다. 무겁고 부담스러운 텍스트 사용으로 자칫 정보 주입식 사이트가 되는 것을 지양하고 인상적 비쥬얼과 사용자 인터렉션 환경을 통한 유저의 참여를 유도하였다. 이러한 이유로 'Look'에 대한 컨셉은 인상적 비쥬얼로, 'Play'에 대한 컨셉은 사용자 참여가 이루어지는 인터렉션으로 해당 USP를 소구하도록 하였다. 또한 Borderless 라는 제품 특장점은 '자유로움 이라는 키워드로 해석하여 사이트의 모션 가이드를 자유로운 공간상에서 유영하는 듯한 인상을 줄 수 있도록 하였습니다.

전자 개월

http://www.lge.co.kr/brand/xcanvas/experience/tv/main.html


59

OUR EXPERIENCE 모션체험관사이트구축

기존 세탁기의 구동방식과는 다른 6모션 세탁 방식과 기능, 그리고 그 제품의 가치를 사용자에게 용이하게 전달 하는 것이 본 프로젝트가 가장 우선시 한 목적 이었습니다.

6모션 기능의 효과적 전달

6모션의 각 코스별 효과적 기능 전달

이나영 6모션 댄스 동영상 클립 활용

깨끗하고 시원한 디자인 톤&매너 유지

사용성을 고려한 낮은 Page Depth와 마케팅 차원의 중요도에 따른 USP 메뉴 구성 상의 효율적 선택과 집중을 고려하였으며, 6모션의 특징을 Base로 한 디자인 가이드 및 모션적용 제품에 대한 호감과 구매 가치를 체험할 수 있도록 하여 고객과 인터렉션 환경(UI)에서 제품의 실용적, 감성적 가치를 간접 체험 할 수 있도록 하였습니다.

전자 개월

http://www.lge.co.kr/event/tromm/2009/09/9_6motion/main.jsp


60

OUR EXPERIENCE 광파오븐체험관사이트구축

오븐은 가정 주부 혹은 어머님이 주방에서 가족의 건강과 행복을 생각하며 사용하는 가전 제품이라는 기본 컨셉에서 출발 하였다. 하지만 벤치마킹 및 AS IS 모델 분석 과정에서 볼 수 있었던 사이트들은 가정의 따스함을 느끼기엔 부족한 경우가 많았으며, 때문에 DIOS 광파오븐 체험관은 '안(安:편안할 안)'이라는 핵심 키워드를 중심으로 가정의 편안함과 따뜻함을 주요 디자인 이슈로 , 경쟁사와 차별성을 유지하며, 소비자에게 감성적으로 제품에 접근 할 수 있도록 하였습니다.

제품 학습에 있어 일방향적 커뮤니케이션을 지양하고, 스토리텔링 기법을 가미한 양방향성 구조

명확한 클릭 포인트 마련

감성적 접근 유도

가정과 주방의 편안함과 따뜻한 온기를 느낄 수 있는 수준의 디자인 Tone&Manner 유지

'안(安:편안할 안)'이라는 핵심 키워드를 중심으로 가정의 편안함과 따뜻함을 메인 컨셉으로 설정

제품 주요 기능인 광파가열과 스팀가열을 압축적으로 설명하는 인상적 인트로 무비로 제품에 대한

개념적 설명을 함축적으로 표현하고 있으며, 방문자와 일방향적 커뮤니케이션을 피하기 위한 수단으로 간단한 스토리텔링 구조로 메뉴명을 갖고 있다. 이는 사이트 내에서 다음 페이지로 방문자를 유도하기 위한 클릭 포인트 기능과 함께 각각의 컨텐츠를 유기적으로 연결 시키는 윤활유 역할을 구현 하였습니다.

전자 개월

http://www.lge.co.kr/brand/diosfamily/showroom/2009/dios_oven/light_oven.jsp?brand=COKR


61

OUR EXPERIENCE 냉장고체험관사이트구축

DIOS 체험관은 DIOS 냉장고 신제품 출시에 맞춰 오픈 하였다. On/offline 캠페인 Communication과 유기적 상호연계 및 보완하는 형태로 구축하였으며, USP에 중점을 둔 메시지 전달로 다양한 Target 고객군의 홈페이지 유입을 유도하였다. 특히, ATL 광고에서 노출한 신제품 USP에 대한 RTB 요소로 “리니어 컴프레서”를 부각하여 캠페인 메시지를 강화했습니다.

4세대 리니어 컴프레서 기술을 쉽고 명확하게 전달할 수 있는 컨텐츠 제공.

2010 DIOS 냉장고의 특징인 ““대용량” “매직도어” “최저소비전력” USP에 중점을 둠.

고급스러운 브랜드 이미지에 기반을 둔 디자인 비쥬얼 효과 강조.

기술과 디자인의 업계 우위를 표현하기 위한 아이디어적 요소 구성.

체험관 특성에 맞도록 사이트 내 “체험요소” 강화.

DIOS 냉장고의 고급스러운 이미지를 부각시키도록 Simple하고 Minimal한 Design Concept으로 구현하였다. 또한, 웹 RIA 분야의 대표기술인 Flash 플랫폼과 ActionScript3.0을 사용하여 개발되었으며, CVS 기술 등을 제공하는 Flex 툴을 이용함으로써, 데이터관리 및 공동작업이 가능했다. 또한, Web Application 에 특화된 Compact 한 Xprime Ria Library 프레임웍을 사용하여 반복작업을 최소화하였고, 신속한 UI 개발과 이슈에 대한 빠른 처리가 가능했다. 특히나, DIOS 쇼룸은 Module 형 구조의 설계와 외부 Resource(이미지, XML, FLV등)을 이용한 동적컨텐츠로서, 서브 컨텐츠의 수정에 대해 작업 요소를 최소화 시키며 진행하였습니다.

전자 개월

http://www.lge.co.kr/brand/diosfamily/showroom/2010/dios_refrig/index.jsp


62

OUR EXPERIENCE 방송위원회미디어교육아카이브웹사이트및디지털아카이브시스템구축

❶ 미디어 교육기반으로서 교육채널 역할의 아카이브 구축, 다수의 계층을 대상으로 하는 서비스 시스템 구성

❷ 교육자료의 효율적인 검색과 조회 기능의 아카이브 시스템

온라인 멀티미디어 교육 컨텐츠 수록

미디어 이슈 및 사이버 토론 공간 제공

교육 사례 제공을 통한 교수 설계 지원

교육 자료의 보관과 공유

사용편의성을 위해 아카이브 자료 검색 및 입력은 RIA로 구성

비주얼요소와 컨텐츠 연상을 접목시킨 3D Graphic Design

엑스프라임 최초의 대규모 RIA 시스템 개발로서 다양한 영상 및 컨텐츠에 대한 멀티미디어적 접근을 통해 보다 효율적인 교육 컨텐츠로서의 역할 수행과 안정적인 속도의 서비스를 구현하는데 초점을 두어 구축이 진행되었습니다.

방송위원회 개월

http://www.medianuri.or.kr

SI (WEB - Interactive Design)

63

OUR EXPERIENCE 라일라폰인터렉티브유저가이드사이트구축

LG전자 최초의 스마트폰 인터렉티브 매뉴얼 사이트로 오프라인의 매뉴얼 북을 대체할 수 있으며, 향후 출시되는 LG전자 CYON 스마트폰 제품의 매뉴얼 사이트의 플랫폼 기능을 할 수 있도록 하며, 기존 오프라인 상에서 접할 수 있는 매뉴얼북과는 달리 인터렉티브한 표현을 통해 이해도를 높일 수 있도록 하는 것이 본 프로젝트의 목적으로 하여 진행되었습니다.

찾기 쉽고, 보기 쉽고, 이해하기 쉬운 구조

플래시 모션 방식으로 실 구동방식과 동일한 화면동작으로 매뉴얼 학습

‘퍼가기’기능은 SMO(Social Media Optimization) 기능 부여

스마트한 네비게이션 시스템 정의

학습용이성의 뛰어난 구조의 시나리오 구성

검색 기능 구현을 통해 사용자가 원하는 컨텐츠를 쉽고 편리하게 찾을 수 있도록 하였으며, 간결한 레이아웃과 시나리오에 따른 기능 설명 구현으로 사용자의 편의성 및 학습의 이해도를 높일 수 있도록 하였다. 또한 동영상 클립 별 퍼가기 기능을 두어 해당 컨텐츠 및 제품을 블로그 및 카페에서 쉽게 퍼가고 전파 될 수 있는 장치를 마련하였습니다.

전자 개월

http://www.cyon.co.kr/manual/content.jsp

UX (IUG - Interactive Design)

64

SYSTEM INTEGRATION

WEB & RIA

INTERACTIVE DESIGN

INTERFACE DESIGN


65

OUR EXPERIENCE 전자인트라넷 사이트 및디자인개선

LGEP는 기존의 텍스트 방식의 커뮤니티 사이트를 트렌디하며 일관성 있는 디자인 리뉴얼을 목표로 구현되었습니다.

GNB의 아이덴티티를 메인의 디자인에 적용하여 각 컨텐츠의 섹션을 그룹핑

KPI DashBoard 부분의 컨텐츠 가독성과 인터렉션을 강화

효과적이지 않은 컨텐츠를 일관성 있는 인터렉션으로 변경

3단 그리드를 활용하여 컨텐츠 베이스의 사이트를 GNB의 아이덴티티에 맞게 그룹핑 하였으며,

중요한 컨텐츠는 사이트의 중심에 위치하여, 가독성과 사용성을 동시에 만족시킬 수 있도록

디자인 스타일 가이드가 적용되었습니다.

전자 개월

Intranet Portal

SI (WEB – UI Design)

66

OUR EXPERIENCE 전자인트라넷고객서비스검색디자인 개선

LG전자 인트라넷 & 서치 시스템은 사용자가 사용하기에 불편한 그룹핑 및 그리드 구성의 많은 문제점을 가지고 있었기 때문에, 해당 문제점에 대한 디자인적 개선을 목표로 프로젝트가 진행되었습니다.

LG CI의 고유 컬러를 내세워 전체적인 룩앤필을 부여

(가독성, 그리드, 사용성 ) 세가지 문제점을 통합적으로 해결하기 위해서, 텍스트기반의 사이트이지만, 간격과 정렬의 디테일을 적용한 UI로 재구성

텍스트기반일 경우 그리드 시스템의 중요성으로 인해 부적절한 레이아웃 설계 시 허전해 보일 수 있는 문제점 보완을 위해 그리드를 3단 구성으로 하여 해당 문제점을 해결하였고, 컨텐츠의 가독성 및 사용성을 증가 시키기 위해서, 메뉴간의 간격 및 크기를 사용자가 편하게 이용할 수 있도록 디자인하였다. 최대한 본문영역의 내용을 많이 노출 시키기 위해서 상단영역의 공간을 축소하였고, GNB와 컬러로 구분을 주어 가독성을 극대화 시켰습니다.

전자 개월

Intranet Portal

SI (WEB – UI Design)

67

WEB & RIA

INTERACTIVE DESIGN

INTERFACE DESIGN


SYSTEM INTEGRATION

68

OUR EXPERIENCE 스크린세이버구축

자연을 닮은, 사람을 담은…행복한 생활 공간을 위한 Z:IN의 새로운 메시지인 “에코”. 그 동안 알고 있었던 “에코”에 대한 새로운 시각을 담아 “지인, 프리미엄 과학으로 에코를 실천하다”라는 컨셉으로 각 제품의 특징을 순서대로 보여주면서 제품이 가진 속성을 컬러화하여 디자인 하였다. 또한, “햇빛과 조명을 통해 공기를 살리는 벽지”라는 주제에 맞게 밝고 가벼운 느낌의 심플한 모션으로 포인트를 주었습니다.

너무 화려하지 않으면서도 밝은 느낌의 모션으로 제작.

에코가 가진 순수함과 깨끗함을 표현하기 위해 포인트 이펙트 사용.

디지털 시계의 편리함과 아날로그 시계의 비주얼을 고루 갖춰 제작.

Z:IN의 CF에 포인트를 주는 심플한 모션 삽입.

진정한 프리미엄 공간에 대한 새로운 시각을 느낄 수 있게 한다는 Z:IN의 새로운 메시지“에코”에 걸맞게 순수함과 깨끗함 그리고 고급스러운 프리미엄 이미지까지 표현하기 위해 디자인과 모션을 심플하게 구성하였다. 고급스러운 느낌을 위해 너무 화려하지 않게, 순수함과 깨끗함을 위해 귀엽고, 밝은 느낌의 모션으로 제작하였고, 모션에 포인트를 주어 심플하지만 고급스러운 느낌을 담아 제작하였다. 이처럼 Z:IN의 CF동영상과 플래시모션의 조화를 통해 효과적인 브랜드의 컨셉을 전달할 수 있도록 구현되었습니다.

화학하우시스 개월

http://www.z-in.co.kr/zin/app-inf/story/view/brand_screensaver.jsp

SI (Motion Graphic Design – Screen Saver)

69

OUR EXPERIENCE 메모리서비스애니메이션개발

❶ SHOW 메모리 서비스를 쉽고 재미있게 체험 할 수 있게 만든 플래시 애니메이션.

❷ 6편의 에피소드로 구성하여 전반적인 SHOW 메모리 서비스를 애니메이션 특유의 과장과 묘사 로 쉽고 재미있게 보여줌.

쉽고 재미있게 접근하여 SHOW 메모리 서비스에 대한 사용자의 이해력 향상

애니메이션을 통한 가상 체험으로 정보 접근성 확보

사용자들의 사용 편의성 확대 및 필요성 강조

SHOW고객센터 상담원의 가중된 업무 해소

SHOW 메모리 서비스가 무엇인지, 어떻게 사용하는지에 대한 설명이 딱딱한 글자가 아닌 재미있는 애니메이션으로 만들어져 사용자들로 하여금 쉽게 이해할 수 있도록 제작되었다. 애니메이션의 두 주인공을 귀여운 캐릭터로 제작하여 사용자의 흥미를 유발 시켰으며, SHOW 메모리 서비스의 활용법을 누구나 일상에서 겪을법한 일을 6가지 에피소드로 엮어 서비스의 필요성을 강조하였습니다.

메모리서비스애니메이션 개월

http://showmemory.show.co.kr/service/pop_tutorial.asp

SI (Motion Graphic Design)

70

OUR EXPERIENCE 위성네비게이션서비스 애니메이션개발

Mobile IPTV 실시간 교통정보, 멀티미디어 영상정보, 환경정보, 시계불량 등 주행 시 안전운행을 할 수 있도록 지원하는 서비스로서, KT 위성 네비게이션이 지원하는 여러 가지 기능들을 사용자가 쉽게 인지할 수 있는 심플한 인터페이스를 통해 네비게이션이 보여주는 실제 화면과 함께 운전중인 상황에서 가독성이 용이한 UI를 구현하였으며, 더빙작업을 통한 음성서비스를 구현한 플래시 애니메이션까지를 구현 하였습니다.

위성 네비게이션 서비스에 대한 설명을 알기 쉽게 플래시 애니메이션으로 구현

깔끔하고 심플한 UI로 사용자의 접근 및 가독성 향상을 위한 디자인

실제 네비게이션 화면을 통한 이해도를 높임

보는 것만이 아닌 듣는 것까지 고려한 음성 나레이션

심플한 디자인을 통해 보편성을 지향하고 가독성과 음성 나레이션 및 모션을 조화시켜 사용자의 접근이 용이하도록 제작되었다.

또한, 정적인 상황 묘사를 애니메이션으로 다이나믹하게 제작하여 고객들이 좀 더 직접적으로 상황을 인식 하는데 도움을 주었습니다.

위성네비게이션서비스 애니메이션 개월

Local Serviced


71

OUR EXPERIENCE 한화건설 홍보영상제작

라이프스케일이 다른 도시를 지향하는 한화건설의 EcoMetro의 프로모션 영상입니다.

아파트 분양 시 홍보를 극대화하기 위한 오프라인으로 디스플레이 UI 개발

고급스러운 브랜드 이미지 표현하였으며, 애프터 이펙트와 플래시를 사용한 동영상 제작

브랜드가 추구하는 가치에 대해 스토리를 부여한 감성적인 접근을 통해 한화 꿈에 드린 월드의 메타포를 효과적으로 전달하고 Dream & Green이라는 카피를 비주얼적으로 효과적으로 표현하는데 집중 하였습니다.

한화건설 개월

Local Serviced


72

EMBEDDED SYSTEM UI

MOBILE WEBSITE

MOBILE UI

ETC DEVICE UI

73


LG DTV 스포츠 컨텐츠 서비스를 위한 Flash UI 제작

리모컨과 공간마우스로 UI 컨트롤이 가능하도록 기능 구현

동영상 재생 및 화면 설정 등 다양한 기능 구현

• 모든 기본 Application의 UI를 하나의 Flash UI 으로 구현


- Flash UI 간의 빠른 전환

- 모든 기능의 유기적인 UI전환

전자 개월

EMBEDDED SYSTEM UI (DTV Device UI)

에서공개된

74


기존 아파트 단지내에 설치 및 운영되고 있는 홈오토메이션 시스템을 스마트디바이스( 갤럭시S, 갤럭시탭 )에서 사용 가능하도록, 스마트서버를 구축하여 단지내 정보 및 제어가 가능하게 하였으며, 해당 화면들은 안드로이드 어플리케이션으로 구현하였습니다.

단지내 정보 조회 기능 구현 ( 관리비조회, CCTV, 방문자영상, 주차위치, 공지사항 )

단지내 조회 기능 구현 ( 조명, 가스, 난방 , 에어컨 )

래미안 에너지 관리 시스템 기능 구현 ( 통합에너지현황, 연간사용량, 월간사용량 등 )

스마트 디바이스용 서버 프레임워크 설계 및 서비스별 API 모듈 개발

• Embedded Device 전용 스마트 디바이스용 서버 프레임워크 설계 및 구축

삼성물산 개월

EMBEDDED SYSTEM UI (Galaxy Tab & Galaxy S UI)

75

OUR EXPERIENCE 사이언 폰 개발

미니모델에는 Flash UI Framework가 적용 되어 디자이너와 개발자 사이의 업무를 분리하고 기본 UI 와Component 를 제공함으로써 프로젝트의 생산성을 증대하였다. 특히 객체지향 설계에 의한 핵심 공통모듈의 UI Component를 통해 확장성과 최적화를 이루었으며 우수한 성능 및 안정성을 보장하였습니다. (유럽향, 아랍향, 국내향 등을 개발)

SNS 어플리케이션 ( FaceBook, Twitter, Orkut ) 구현

SMS/MMS 구현

E-Mail 구현

PhoneBook 구현

Gallery, Music 구현

Xprime Mobile Framework의 Component 를 이용하여 전체 UI의 70%이상을 Flash UI 구현하였으며, 기존에 타업체에서 제작한 Flash 어플리케이션의 고질적인 성능 문제를 타파하여 차세대 LG전자의 Feature Phone의 Flash 플랫폼으로 자리잡을 수 있었습니다.

전자 개월

Local Serviced

EMBEDDED SYSTEM UI (Mobile UI)

76

OUR EXPERIENCE 전자블랙라벨 개발

타사에서 개발 후 성능이슈가 있는 컨텐츠를 수주 받아 단기간에 성능이슈를 해결하여 모바일 Flash 개발에서 Client로부터 기술력을 인정 받았습니다.

PhoneBook중 New Contact 구현

Voice / Video Call 구현

Meme 구현

Music 구현

Gallery 구현

Game & App 구현

WIPI, Bluetooth 등 구현

Adobe FlashLite 3.1 기반으로 AS2.0으로 어플리케이션 개발하였습니다.

전자 개월

Local Serviced


77

OUR EXPERIENCE 햅틱폰 개발

기존 Flash Widget의 경우 가로모드와 세로모드가 각각 따로 존재했으며, 모델별 사양에 적용하기 위해서 커스터마이징 작업에 많은 개발자 리소스가 들어가는 단점을 보완하기 위해서 시작된 프로젝트임. Mobile 용 Flash UI 개발 방법론을 진일보하였다는 평가를 받을 수 있었습니다.

HAPTIC AMOLED 위젯은 크게 3단계로 확장이 가능하며 페이지별 단계마다 다른 배경 이미지 설정이 가능

UI 전체구조 설계 및 Widget Plus를 기반으로 한 Wide Widget 컨테이너 제작 및 적용. 위젯 아이템 개발 : 아날로그시계, 디지털시계, 달력, 계산기, 게임, 위젯 메모 등

Xprime Mobile Widget Framework의 초기 버전이 적용되어 검증된 기능의 안정성을 확보 하였습니다.

삼성전자 개월

http://kr.samsungmobile.com/event/hapticamoled/event/main.jsp


78


최초의 VOIP(인터넷폰) MP4 Player로 인터넷폰, 멀티미디어, GPS 네비게이션, 환경에 최적화된 Touch Flash UI 제작

많은 기능을 위한 Flash UI 메모리 사용량 최소화

전화, SMS, 멀티미디어, Streaming Player, 기능 구현

모든 기능의 유기적인 UI전환

• 모든 기본 Application의 UI를 하나의 Flash UI 으로 구현


- Flash UI 간의 빠른 전환

- 모든 기능의 유기적인 UI전환

아이리버 개월

http://product.iriver.co.kr/p_w7_feat.asp http://product.iriver.co.kr/p_w10_over.asp

EMBEDDED SYSTEM UI (ETC Device UI)

79

TECHNOLOGY MUST HAVE, MADE IN XPRIME

80

FRAMEWORK ㈜엑스프라임은 전문가를 지향하는 기업입니다.

Apple의 iPhone의 출현 이후, 특히 Mobile 분야에서 Flash UI에 대한 수요가 기하급수적으로 늘어나고 있지만, UI의 개발 생산성이 하드웨어의 개발 생산성을 따라가지 못하고 있습니다. Embedded Flash UI Framework은 Component 기반의 Framework로 복잡하게 얽혀있던 디자인과 개발의 업무를 분리하여 생산성을 극대화하였습니다.

Embedded Flash UI Framework 의 특징

컴팩트하게 설계되어 개발된 어플리케이션의 파일 사이즈는 기존 개발방식보다 훨씬 줄어듭니다.

메모리 사용 양이 현격히 줄고, 컴포넌트 풀을 이용해서 컴포넌트를 재사용함으로써 메모리 누수를 방지합니다.

파일사이즈가 작고 CPU 부하가 적어 속도가 빠릅니다.

ECMAScript 표준을 준수한 AS3.0 기반으로 확장/관리 유연

삼성 아몰레드폰, LG전자 MC 사업부 2개의 실모델 적용 LG전자 Symphony와 KTF의 표준 UI Framework 개발과제 진행

적용 사례

26배 6배

1. 어플리케이션의 사이즈 감소

- 자체 개발한 Component 사용으로 파일 사이즈의 최적화 실현 하였습니다.

2. 메모리 누수 방지 (그림 참조)

- Resource(자원요소)의 컴포넌트 풀을 이용한 철저한 Re-Use(재사용)을 이용하여 최소화 하였습니다.

3. CPU점유율 최소화

- 컴포넌트를 최적화 함으로써 메모리 점유율 최소화하여 CPU의 성능을 높였습니다.

4. 확장성과 유지보수

- 철저한 형상관리와 확장을 고려한 ECMAScript 표준을 준수한 AS3.0 기반으로 설계된 Component의 사용, 설계, 개발을 통한 다양한 확장과 원활한 유지보수가 가능 해졌습니다.

5. 서버간의 통신 속도 향상

- 바이너리 포맷인 AMF(Action Message Format)을 이용하므로 text 포맷인 xml에 비해 비약적으로 용량을 줄여 퍼포먼스를 향상시킵니다. Ajax + JSON 사용시보다 4배 이상 빠릅니다.

EMBEDDED UI FRAMEWORK

81

FRAMEWORK ㈜엑스프라임은 전문가를 지향하는 기업입니다.

기술의독창성'범용 위젯 엔진'은 세계 최초로 암호화 모듈 적용(지적재산권 보호)과 크로스 플랫폼을 지원하는 솔루션입니다.

기술의우수성'㈜엑스프라임의 '범용 위젯 엔진'은 웹과 데스크탑에서 공통으로 사용할 수 있다는 점에서 경쟁사와 구별되며, 경쟁사에서 개발한 위젯 엔진은 데스크탑과 웹을 동시에 지원하지 못한다는 점에서 기술적 한계를 지니고 있습니다. 그러나 당사의 '범용 위젯 엔진'은 이를 가능하게 했다는 점에서 세계적인 경쟁력을 갖추고 있다고 볼 수 있습니다.

IPTV

Mobile

Desktop

Web Digital Devices

신한은행 우리은행 우체국 수협 농협 우리투자증권 한국투자증권

적용 사례

WIDGET FRAMEWORK

82

㈜엑스프라임은 전문가를 지향하는 기업입니다.

웹 클라이언트 사이드의 플렉스 애플리케이션에서 서버 사이드의 Java Object의 method를 직접 호출할 수 있는 Data Service를 이용한 개발을 지원하는 Framework 입니다.

Flex Java RemoteObject Framework (XFJRF) 의 특징

플렉스 애플리케이션과 서버의 통신 속도를 Ajax+JSON 사용시보다 4배 이상 빠르게 향상시킬 수 있습니다.

Client쪽의 Flex에서 서버 사이드의 Java Object의 method를 바로 호출할 수 있으므로 데이터를 xml 형식으로 변환하는 과정이 생략됩니다.

전송과정에서 바이너리 포맷인 AMF을 이용하므로 text 포맷인 xml에 비해 비약적으로 용량을 줄여 성능을 향상시킵니다.

메시징 기능을 이용하여 클라이언트에서 유저 입력 없이 서버에서 푸시를 이용하여 데이터를 클라이언트로 전달하는 것이 가능합니다.

FRAMEWORK FLEX JAVA REMOTEOBJECT FRAMEWORK (XFJFF)

83

SOLUTION ㈜엑스프라임은 전문가를 지향하는 기업입니다.

Client기반의 웹접근성 점검 프로그램으로써 사용자(개발자, 관리자, 운영자)가 개발된 웹 콘텐츠(HTML)에 대하여 웹표준 및 웹접근성 가이드에 대해 문제점을 점검하고 제시된 가이드를 통하여 문제를 해결할 수 있도록 지원해주는 솔루션입니다.

XWAC – Web Accessibility Checker

Server

HTML

XWAC 실행 (HTML DOM Scraping)

웹접근성 가이드

대응기법 및 솔루션 제공

가이드 연계

XWAC 의 특징

클라이언트 환경에서 실행되기 때문에 서버에 부담을 주지 않으며, 어떠한 환경에서도 완벽하게 동작합니다.

실제 사용되는 웹브자우저 상에서 HTML DOM Object를 기반으로 최종제공된 화면을 추출하여 가이드를 제시함으로써 누구나 쉽게 문제점을 인식할 수 있습니다.

웹접근성 가이드와 연동하여 기획/디자인/개발자들이 각각의 상황에 대하여 가이드를 참조하게 함으로써 자연스럽게 웹접근성 지침을 숙지할 수 있도록 합니다.

W3C에서 제공하는 HTML표준 체크연동을 지원하여 퍼블리셔나 개발자가 HTML표준 여부를 즉시 확인할 수 있습니다.

현 상황에 맞는 웹접근성 가이드에 따른 대응기법을 제공함으로써 현실적으로 문제점을 수정할 수 있는 솔루션을 제시합니다.

84


메뉴나 포토 갤러리 등과 같이 다양한 형태의 폰트가 요구되는 어플리케이션 개발에 있어, 요청한 폰트만을 자동으로 생성하여 Embedding 시켜 줌으로서 어플리케이션 파일 사이즈를 혁신적으로 줄여줄 수 있는 솔루션입니다.

FONT GENERATOR

“어플리케이션의 사이즈의 획기적인 감소!”

500 Kbytes 사이즈로 Down 아레나폰

데스크탑 위젯 적용

S-Class 적용 사례 (글로벌 구축 사례) Font Generator 의 특징

폰트 파일 사이즈로 인해 어플리케이션 사이즈가 크게 증가하여 네트웍 전송속도가 느려지는 문제를 해결합니다.

실제 사용되는 글자들만 동적으로 Embed되기 때문에, 불필요한 폰트들이 모두 제거됨으로써, 파일 사이즈를 혁신적으로 감소합니다.

폰트(글자)가 변경될 때마다 재컴파일하고 결과를 확인하는 절차가 없어지므로 이에 대한 유지보수 인력을 두지 않아도 됩니다.

변경절차를 거치는 동안 컴파일 실수로 인한 여러 오류들을 미연에 방지할 수 있습니다.

요청한 폰트만 자동으로 생성하여 Embedding

한글 3400자 500 Kbytes

한자 및 일본어 등 대용량을 유발하는 폰트에서 더욱 효과적

85

SOLUTION

플래시지킴이(Encryption Solution)은 Flex로 개발되어 ActiveX와 같은 별도의 프로그램을 설치할 필요가 없고, Flash뿐만 아니라 이미지, 텍스트 등 거의 모든 컨텐츠를 암호화할 수 있다는 점에서 국내를 넘어 해외에서도 우월한 기술 경쟁력을 갖추고 있습니다.

플래시지킴이

원본 소스 코드가 그대로 노출됨

디컴파일 불가능하여 원본 소스 코드 보호

SWF 파일

디컴파일 시도

XES 미적용

XES 적용

Flash Guardian Solution 의 특징

ActiveX 나 별도의 프로그램 설치가 필요 없음

Flash, Image, Text 등 거의 모든 컨텐츠 암호화

대칭키를 사용하기 때문에 파일 사이즈가 변하지 않고, 암호화 하는 시간이 매우 짧기 때문에 서버에 부하를 주지 않습니다.

키와 암호화된 데이터는 XprimeEncryptFileFormat이라는 컴팩트한 구조로 이루어져 있기 때문에, 네트웍 트래픽을 거의 증가시키지 않습니다.

FireFox나 Netscape와 같은 다양한 브라우저에서 사용이 가능하며, Windows 뿐만 아니라 Mac이나 Linux에서도 동작이 가능합니다.

SK 11번가 쇼핑몰 안철수 연구소 IDtail 이미지 편집기 등

적용 사례

소스코드의 보호를 위해 swf파일을 128bit키를 이용해 암호화하고 암호키를 RSA를 통해 이중으로 암호화하여 전송하여, SWF파일 포맷을 디컴파일(Decompile)이 불가능하도록 제어

특허 출원번호 10-2008-0122569 ㈜엑스프라임은 전문가를 지향하는 기업입니다.

86


㈜엑스프라임의 이미지 편집기 솔루션은 ActiveX나 CS와 같은 설치가 필요없이 OS에 구애받지 않고 웹상에서 이미지 로드와 편집 및 저장을 할 수 있는 인터넷 기반의 이미지 처리 어플리케이션 입니다.

XIES (XPRIME IMAGE EDITOR SOLUTION)

Image Editor 의 특징


웹표준화를 적용하여 국내/국외 인터넷 환경 사용 가능

초기 로딩 시 CPU 부담이 낮음 (세계 최고수준의 경량화)

Open API 연동 및 다양한 Mash up 기능과의 연동 가능

87


사용자가 재생관련 제어와 동영상을 업로드 및 변환 작업을 할 수 있도록 “동영상플레이어” + “동영상업로더” + “변환기”가 하나로 통합된 동영상 솔루션입니다.

MOVIE CONVERTER

Movie Converter 의 특징

일반 웹서버에서는 재생 및 검색할 수 있는 재생 구간을 버퍼바를 통하여 시각적으로 확인할 수 있으며, FMS에서는 5개의 섬네일을 통해 무비 스킵을 할 수 있고 재생 시 다 받지 않은 파일임에도 원하는 구간으로 검색, 재생 할 수 있도록 기능 및 UI가 다르게 설계되었습니다.

동영상 플레이어를 통해 사용자의 동영상파일을 업로드하면 현재 영상 압축율과 화질이 제일 뛰어난 FLV파일로 자동변환하고 영상플레이어 맞도록 크기와 용량을 튜닝하여 저장합니다.

업로드 및 변환 과정을 동영상플레이어에서 백분율(%)단위로 진행상황을 체크할 수 있습니다.

동영상플레이어 + 동영상업로더 + 변환기

88


㈜엑스프라임의 파일업로드 솔루션은 ActiveX와 같은 별도의 프로그램 설치없이 모든 Browser, OS에서 사용 가능합니다.

FILE UPLOADER

File Uploader 의 특징


웹표준화를 적용하여 다양한 Browser지원 (ie6, 7, 8, 파이어폭스, 오페라, 구글 크롬, 사파리 등)

멀티파일 업로드 기능

선택적 파일 선별 가능

실시간 진행상황 체크

파일업로드 스킨 변경 가능

89


다양하고 복잡한 형태의 대량의 데이터를 다이나믹한 이펙트와 더불어 효과적으로 디스플레이할 수 있으며, 빠르고 안정적인 개발하여 서비스할 수 있는 차트 관련 솔루션입니다.

CHART

Chart Solution (XCS) 의 특징

AS3.0으로 최적화되어 있으므로, 플렉스와의 연동이 자연스럽고, AS2.0에 비해 속도가 매우 빠릅니다.

XPRIME CHART SOLUTION의 경우 원하는 기능을 추가하여 고객이 원하는 형태의 다양한 차트로 직접 커스터마이징이 가능합니다.

JAVA 개발자들도 쉽게 JSP에 Embed하여 차트를 만들 수 있고, 플렉스 안에도 쉽게 적용이 가능하여, 다양한 환경에서 복잡한 차트를 편하고 안정적으로 개발할 수 있습니다.

다양한 효과, 다양한 형태의 레전드, 툴팁을 제공하고, 사용자 반응에 동적으로 반응 합니다.

90

Thanks!

회 사 명 ㈜ 엑스프라임 (www.xprime.co.kr)

소 재 지 서울특별시 금천구 가산동 우림라이온스밸리 A동 5층 (A-501)

연 락 처 TEL : 02) 2026.3007, 3008 FAX : 02) 2026.3009 EMAIL : [email protected]

담 당 자 이 상 진 이사 / 010-9813-9821

must have, made in xprime we create impact through … · 삼성전자 마이싱글 모바일웹...

Documents