1

“ 고객과 가장 가까운 모바일 행성 구축의 꿈 !”새로운 모바일 기술의 선도기업

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. 시장 동향

다양한 OS, Any device…

국내 모바일 오피스 시장 규모 약 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 Over-view MWAS(Multi Web Alchemy System) 이점

■ 높은 개발 생산성 및 유지보수 편의성

■ 최적화된 PC / Mobile Template 제공

■ Legacy Web Service 를 Real Time Mobile Service 로 변환 가능

편의성

■ 완벽하게 구조 (Html) + 표현 (Css) + 동작 (JScript) 분리 되어 100% 웹 브라우저 Cache 지원

최신 기술 적용

■ HTML5 을 이용하여 각종 Mobile 지원기술 제공

■ 전자정부 표준프레임 워크 적용 기술 제공

■ 개발 소스 패키징 후 모바일 App 으로 배포 가능

최신 표준 적용

7

개발 생산성 향상 개발 인력 수급 문제 해결 유지보수 비용 절감

3. 제품소개

MWAS Over-view 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 Over-view MWAS(Multi Web Alchemy System) Web Adaptor(2/2)

결정된 디자인 시안( 파일 형식 : Html)

관광뉴스

검색할 내용을 넣어 주세요 검색

범례

해당 페이지의 컨텐트 내용의 주소값을 이용하여결정된 디자인 시안의 주소값에 데이터를 넣어줌(OpenAPI 로 만들어짐 )기능은 해당 페이지 기능을 상속 받아서 사용

9

웹 고정 컨텐츠 (Html, Css, Script, Image 등 ) Full Memory Cache 으로 기존 Web Server 부하 감소 웹 고정 컨텐츠 (Html, Css, Script, Image 등 ) Deflate 압축을 통해서 트래픽 감소 및 속도 향상 Full Memory Cache 로 DISK Cache 보다 응답 속도 향상

3. 제품소개

MWAS Over-view MWAS(Multi Web Alchemy System) Web Accelerator

Web Server

Application Server

Database Server

Tablets

Android / iPhone / WM

Smart TV

MWAS

10

3. 제품소개

MWAS Over-view MWAS(Multi Web Alchemy System) 의 개발 방식과 정부 3.0 의 실천

1. 모든 Data 는 OpenAPI 형태로 만들어 지기 때문에 자원은 ‘소유’의 개념에서 ‘활용’의 개념으로 변경 됨• 웹 고도화 사업에도 계속 사용하게 됨

2. 기존 PC 용 웹을 이용하기 때문에 기존 IT 자원의 재활용 함

3. 간단하게 소스 패키징으로 앱으로 변경하여 스마트폰 기능 활용 가능 (GPS, Push)• 공급자 / 정부 위주의 서비스를 이용자 / 시민 중심 서비스로 변경 됨

4. 이벤트 로그 분석을 통해 시민들이 자주 이용하는 메뉴나 어떤 메뉴를 어떻게 찾아 가는지 파악이 가능함• 공급자 / 정부 위주의 서비스를 이용자 / 시민 중심 서비스로 변경 됨

11

3. 제품소개

MWAS Over-view MWAS(Multi Web Alchemy System) 도입 효과 (1/3)

12

3. 제품소개

MWAS Over-view MWAS(Multi Web Alchemy System) 도입 효과 (2/3)

개발프로세스 관점의 MWAS 도입 효과

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 Applica-tion Service 성능개선 및 QoS 보장

유지보수 비용 절감

5. 품질향상 및 유지보수

※ 130926 개발프로세스 관점의 MWAS 도입 효과 .pptx 참조

13

3. 제품소개

MWAS Over-view MWAS(Multi Web Alchemy System) 도입 효과 (3/3)

Html5 최신 기술을 이용하여 완성도가 높은 사이트 개발이 가능 합니다

http://m.gangbuk.go.kr/mobile/index.jsp

1브라우저 Cache 가 되지 않는 JSP 순수 Html 로 개발 되어 속도 향상이 됩니다

2

무분별한 이미지 사용 버튼 이미지는 CSS 로 모두 처리되며 꼭 필요한 곳 (

아이콘 ) 에만 이미지를 사용하여 속도 향상 및 글자 번짐 증상이 없어 집니다 .

3Html 표준 코딩이 아님 sytle 관련은 모두 class 로 처리 되어 속도 향상 및 소스 가독성이 좋아 집니다

4

예전 방식 링크로 인한 트래픽 증가 및 UX 감소 Full Ajax 처리 링크로 변경하여 필요한 데이터만 갖고와 트래픽을 감소 시키며 페이지 이동시 화면이 깜빡이지 않고 로딩 화면이 나오며 변경 되는 방식으로 개발 됩니다 .(네이티브 앱화면 처럼 나오게 됨 )

1

2 2 2 2

2 2 2 2

2 2 2 2

2 2 2 2

2

2

2

2

2 2

3

4

※ Moblie 사이트 뿐만 아니라 PC 사이트를 리뉴얼시에도 같은 효과가 발생 합니다

14

3. 제품소개

MWAS #1 MWAS OAM Function

15

3. 제품소개

MWAS #2 MWAS OAM Function

16

3. 제품소개

MWAS #3 MWAS OAM Function

17

3. 제품소개

MWAS #4 실시간 변환 예 (1/3)모바일 웹 요청에 따른 실시간 변환의 예

MWAS R2

18

MWAS #5 실시간 변환 예 (2/3)모바일 웹 요청에 따른 실시간 변환의 예

MWAS R2

3. 제품소개

19

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 MWAS #7

21

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

특허 출원중 “웹페이지 제공 방법 및 시스템” (출원번호 :특허 -2013-0017540) 한국저작권위원회 “센타우리 엠와스” (C-2013-004225) 한국저작권위원회 “센타우리 엠디엠” (C-2013-004226) 한국저작권위원회 “센타우리 웹캐쉬서버” (C-2013-004227)

감사합니다 .