1 “ 고객과 가장 가까운 모바일 행성 구축의 꿈 !” 새로운 모바일 기술의 선도기업 MWAS(Multi Web Alchemy System) MWAS(Multi Web Alchemy System) 란 ? Legacy Web Service 를 PC / Mobile 에 맞춰 다양하고 최적화된 Application 을 동시에 개발 할 수 있는 솔루션입니다. 서비스의 효율적인 구축과 유지보수 편의성 및 개발기간과 비용, 인력을 최소 화 하고 점차 다양화, 고도화 되고 있는 Mobile OS 및 Device 에 맞춘 서비스 를 제공합니다.

2 목차 1. 시장수요 2. 시장동향 3. 제품소개 4. 지적재산권

3 1. 시장 수요 유지보수 비용 절감 HW 구축 비용 절감 개발 인력 수급 문제 해결 개발 생산성 향상 다양한 OS, 다양한 Device 지원

4 2. 시장 동향 국내 모바일 오피스 시장 규모 약 5.2 조원 2009 년의 약 1.7 배 성장 2015 공공 스마트워크 시장규모 약 30 조원

5 웹표준 코딩을 통한 웹접근성 최적화 전략적 대응 구축, 운영 표준지침 W3C 국제표준 한국형 웹 컨텐츠 접근성 지침 2.0 자사 웹 표준 가이드 웹 컨텐츠 표준안 1. 표준을 선언 ( W3C(X) HTML 1.0/1.1 Transitional.W3C CSS2) 2. 구조 (Html) + 표현 (Css) + 동작 (JScript) 분리 3. 표준 DOM 및 JavaScript 사용 4. 컨텐츠 페이지와 데이터 테이블의 논리적 구분 5. 크로스 브라우징으로 접근성 확보 6. 프레임 및 프레쉬 메뉴 사용 부분적 제한 7. 불필요한 프레임 사용 제한으로 URL 접근성 향상 8. 웹접근 향상을 위한 표준 지침서 준수 웹표준 코딩을 통한 브라우져별 적용 방안 / 해외 사용자가 많은 브라우저 최적화 작업 KWCAG1.0 및 WCAG 를 기반으로 제약을 갖는 다른 환경에서도 누구나 불편 없이 편리하게 이용 가능하도록 웹표준화 및 웹접근성 지침을 지켜 수행합니다. 웹 표준화 & 크로스 브라우징을 통한 웹접근성 확보 2013 년 의무화 되는 웹 접근성과 웹 표준에 대해 적극적으로 대처가 필요. 3. 제품소개  사이트 전략

6 3. 제품소개  MWAS Overview MWAS(Multi Web Alchemy System) 이점 ■ 높은 개발 생산성 및 유지보수 편의성 ■ 최적화된 PC / Mobile Template 제공 ■Legacy Web Service 를 Real Time Mobile Service 로 변환 가능 ■ 높은 개발 생산성 및 유지보수 편의성 ■ 최적화된 PC / Mobile Template 제공 ■Legacy Web Service 를 Real Time Mobile Service 로 변환 가능 편의성 ■ 완벽하게 구조 (Html) + 표현 (Css) + 동작 (JScript) 분리 되어 100% 웹 브라우저 Cache 지원 최신 기술 적용 ■HTML5 을 이용하여 각종 Mobile 지원기술 제공 ■ 전자정부 표준프레임 워크 적용 기술 제공 ■ 개발 소스 패키징 후 모바일 App 으로 배포 가능 ■HTML5 을 이용하여 각종 Mobile 지원기술 제공 ■ 전자정부 표준프레임 워크 적용 기술 제공 ■ 개발 소스 패키징 후 모바일 App 으로 배포 가능 최신 표준 적용

7 3. 제품소개  MWAS Overview MWAS(Multi Web Alchemy System) Web Adaptor(1/2) 디자인 시안 1 ( 파일 형식 : Html) 디자인 시안 2 ( 파일 형식 : Html) 담당자 디자인 시안 결정 디자이너 결정된 디자인 시안 파일 컨버팅 ( 파일 형식 : Jsp)  기존 개발 방식 해당 DB 구조 분석 해당 DB 를 이용한 개발 ( 파일 형식 : Java) UI 테스트 프로그램 로직 테스트 디자인 시안 1 ( 파일 형식 : Html) 디자인 시안 2 ( 파일 형식 : Html) 담당자 디자인 시안 결정 디자이너 개발자  MWAS 개발 방식 해당 페이지 를 이용한 개발 (JavaScript) MWAS 는 Html 을 그대로 사용함 MWAS 는 해당 페이지의 기능을 모두 상속 받아서 사용함 개발자 MWAS 는 Html 을 그대로 사용함 MWAS 는 해당 페이지의 기능을 모두 상속 받아서 사용함

8 3. 제품소개  MWAS Overview MWAS(Multi Web Alchemy System) Web Adaptor(2/2) 결정된 디자인 시안 ( 파일 형식 : Html) 관광뉴스 검색할 내용을 넣어 주세요검색 범례 해당 페이지의 컨텐트 내용의 주소값을 이용하여 결정된 디자인 시안의 주소값에 데이터를 넣어줌 (OpenAPI 로 만들어짐 ) 기능은 해당 페이지 기능을 상속 받아서 사용

9 3. 제품소개  MWAS Overview MWAS(Multi Web Alchemy System) Web Accelerator Web Server Application Server Database Server Tablets Android / iPhone / WM Smart TV MWAS

10 3. 제품소개  MWAS Overview MWAS(Multi Web Alchemy System) 의 개발 방식과 정부 3.0 의 실천 1. 모든 Data 는 OpenAPI 형태로 만들어 지기 때문에 자원은 ‘ 소유 ’ 의 개념에서 ‘ 활용 ’ 의 개념으로 변경 됨 웹 고도화 사업에도 계속 사용하게 됨 2. 기존 PC 용 웹을 이용하기 때문에 기존 IT 자원의 재활용 함 3. 간단하게 소스 패키징으로 앱으로 변경하여 스마트폰 기능 활용 가능 (GPS, Push) 공급자 / 정부 위주의 서비스를 이용자 / 시민 중심 서비스로 변경 됨 4. 이벤트 로그 분석을 통해 시민들이 자주 이용하는 메뉴나 어떤 메뉴를 어떻게 찾아 가는지 파악이 가능함 공급자 / 정부 위주의 서비스를 이용자 / 시민 중심 서비스로 변경 됨

11 3. 제품소개  MWAS Overview MWAS(Multi Web Alchemy System) 도입 효과 (1/3)

12 3. 제품소개  MWAS Overview MWAS(Multi Web Alchemy System) 도입 효과 (2/3)  MWAS 가 제공하는 Template 의 다양 성 및 확장성으로 고객들의 요구사항 고민 감소 1. 고객 요구사항 수렴  서비스의 효율적인 구축과 유지보수 편의성 및 TCO 관점의 비용절감을 위 해 UI 기능 확장 방안 제공 2. 기본설계 및 상세설계 작성  PC Service 및 Mobile Service 운영에 대해 부가요소를 제공하여 개발 생산 성 향상과 Legacy Web Data 활용으 로 개발기간단축 - 템플릿을 이용한 UI 설계를 통해 빠 른 개발 가능 - 프로그램 보안 및 제어 코드는 기존 PC Web Service 를 사용하므로 빠 른 개발 가능 3. 구현 개발  Combination Test 시 MWAS 에서 제공 하는 Log Console 및 Report Data 를 활용  UI 화면과 데이터 처리 영역이 완벽히 분리되어 빠른 테스트 가능 (ASP, JSP, PHP 등의 언어는 100% 완 벽히 분리 되어 있지 않습니다 ) 4. 테스트  사용자 응답시간을 대폭개선하고 전 반적인 PC/Mobile Web Application Service 성능개선 및 QoS 보장  유지보수 비용 절감 5. 품질향상 및 유지보수 ※ 개발프로세스 관점의 MWAS 도입 효과.pptx 참조

13 3. 제품소개  MWAS Overview MWAS(Multi Web Alchemy System) 도입 효과 (3/3) 1 브라우저 Cache 가 되지 않는 JSP  순수 Html 로 개발 되어 속도 향상이 됩니다 2 무분별한 이미지 사용  버튼 이미지는 CSS 로 모두 처리되며 꼭 필요한 곳 ( 아이콘 ) 에만 이미지를 사용하여 속도 향상 및 글자 번짐 증상이 없 어 집니다. 3 Html 표준 코딩이 아님  sytle 관련은 모두 class 로 처리 되어 속도 향상 및 소스 가 독성이 좋아 집니다 4 예전 방식 링크로 인한 트래픽 증가 및 UX 감소  Full Ajax 처리 링크로 변경하여 필요한 데이터만 갖고와 트래픽을 감소 시키며 페이지 이동시 화면이 깜빡이지 않고 로딩 화면이 나오며 변경 되는 방식으로 개발 됩니다.( 네이티 브 앱화면 처럼 나오게 됨 ) ※ Moblie 사이트 뿐만 아니라 PC 사이트를 리뉴얼시에도 같은 효과가 발생 합니다

14 3. 제품소개 1  MWAS # 1 MWAS OAM Function

15 3. 제품소개 2  MWAS # 2 MWAS OAM Function

16 3. 제품소개 3  MWAS # 3 MWAS OAM Function

17 3. 제품소개 4  MWAS # 4 실시간 변환 예 (1/3) 모바일 웹 요청에 따른 실시간 변환의 예 MWAS R2

18 5  MWAS # 5 실시간 변환 예 (2/3) 모바일 웹 요청에 따른 실시간 변환의 예 MWAS R2 3. 제품소개

19 6  MWAS # 6 실시간 변환 예 (3/3) 모바일 웹 요청에 따른 실시간 변환의 예 MWAS R2 3. 제품소개

20 3. 제품소개 모델명 MWAS R2 세부 사양 - CPU : E5645(Six Core ) * 1 - Memory : 32GB - LAN : 4GB Cooper - HDD : 1TB - Power Supply : Dual Power( 이중화 지원 ) OS Embeded Linux MWAS(Multi Web Alchemy System) Specification 7  MWAS # 7

21 4. 프록시마엠에스㈜ 지적재산권

감사합니다.