SlideShare ist ein Scribd-Unternehmen logo
1 von 35
Mobile Native Cross Platform
     ”DUNAMIS”




© 2012 MaxTED Co., Ltd. All Rights Reserved.
DUNAMIS 소개


DUNAMIS 주요기능
모바일 환경의 변화
애플신화, 잡스효과 등 아이폰으로 시작된 스마트혁명은 무선 이동통신기술의 발달, 기하급수적인
스마트 기기의 보급, OS별 스마트기기 점유율 변동, 모바일 서비스 확대 등으로 모바일오피스
환경에도 급격한 변화를 가져왔습니다.

   무선통신기술의 발달에 따른 스마트 폰 보급                            OS플랫폼 확장과 모바일 서비스의 확산


          LTE 기술 등 무선 네트워크 속도의 빠른 증가                   다양한App을 통한 모바일 서비스의 급속한 확산

                       2009        …    2012                              2009      …       2011
 무선인터넷 속도               3G                4G          App 등록 개수           10만                50만

                     7 Mbps            100 Mbps                            5만                60만

                                                                             .                 5만
                       80만 500만         2700만
 스마트폰가입자                                              OS플랫폼 확장         iPhone           iPad

                       스마트폰 보급 확대
                                                                    Android Phone   Android Tablet
         • 무선 인터넷을 기본으로 하는 스마트 폰 보급 확대
         • 12년2월 미국의 스마트폰 보급율은 50%에                                 Windows Phone
           이르럿으며, 국내는 12년2월에 48%, 하반기에는
           80%에 이를 것으로 전망                                iOS, Android, Windows Phone, Smart Phone,
Source : 미국통계(닐슨), 국내통계(방송통신위원회)                            Tablet PC 등 OS플랫폼의 지속적 확장
                                                  2                                     © 2012 MaxTED Co., Ltd. All Rights Reserved.
기업 모바일 환경 도입 필요성
ICT 발전에 따른 사회환경의 변화와 스마트폰의 빠른 확산 및 유무선 통합 N/W환경으로 인한 시장의
변화는 기업에게 시공간적 제약을 넘어설 수 있는 스마트워크 환경을 요구하며, 이에 따라 기업의
민첩성과 이동성에 대한 역량을 충족시켜줄 최적의 모바일 솔루션을 도입할 필요가 있습니다.
 환경변화에 대한 이슈

                 무선통신기술 발달               스마트폰 보급확대             모바일서비스 확산                      플랫폼 확장
  시장환경의 변화


                      콘텐츠                      단말                    서비스                        플랫폼
  이용환경의 변화
               • OSMU, N-Screen         • Smart 화/복합화        • 융합/실감형 서비스                  • 개방화/모바일·WEB 호환
                                                               (증감현실, LBS)

                  사회변화 수용                  기술의 변화                기업Needs 변화                   플랫폼변화
  기업환경의 변화
               • 모바일 혁명                 • 스마트디바이스 확대        • 산업의 변화 (금융, 교육,          •   스마트폰, 테블릿 PC, 스마트TV
                 (Smart, SNS)           • 유무선 융합              의료, 미디어, 유통..)           •   N-Screen
               • 정보유통 인간관계,             • 클라우드 컴퓨팅          • Enterprise Mobility 증대   •   모바일 웹, 앱
                 소통방식의 변화                                   • 기업 Agility 실현            •   Mobile Platform
               • 라이프스타일의 변화                                 • 스마트워크



  환경변화에 대한                Enterprise      Mobile Service    Smart Work
                          Mobility 확보           구현           환경조성
   기업의 대응                                                                                     최적의 모바일 비즈니스 환경 구축
                                          Mobile Platform



                                                    3                                                  © 2012 MaxTED Co., Ltd. All Rights Reserved.
Why DUNAMIS ?
 DUNAMIS는 개발편의성 및 접근용이성, 운영효율성을 통해 적시성과 비용절감을 보장하는 Mobile
 Native Cross Platform으로써 기업이 스마트환경에서 최적의 모바일 비즈니스 환경을 구축하는데
 모바일 플랫폼으로서의 역할을 수행합니다.
                  모바일 이슈                                                                DUNAMIS 특장점


         모바일 비즈니스 환경 구축                                                              • 모바일UI 에 최적화된 통합개발환경제
                                                                                       공(디자인/개발/디버그 등)
                                                                               개발    • UI 컴포넌트 및 액션템플릿 제공
                   Smart Work                                                        • 간편한 3rt Party 라이브러리 연동
                                                                               편의성
                                                                                     • 다양한 모바일서비스구조 지원(Native,
    Enterprise Mobility    Enterprise Agility        “DUNAMIS”                         Hybrid, HTML5연동 App 등)
                                                Mobile Native Cross Platform
                                                                                     • 쉽고 구조화된 XML 스크립트 사용
                   멀티 OS 지원                                                          • 화면구성과 액션을 XML만으로 구현
                                                                               접근
                                                                                     • Native 기본기능 제공하여 스크립트구
                                                                               용이성   현 최소화
                 개발도구 생산성
                                                                                     • 3개 OS 프로젝트 동시 생성
             OSMU1) 지원(N-Screen)
                                                                                     • 실시간 멀티 디바이스 디버깅
              다양한 서비스구조 지원                         Dunamis      Dunamis
                                                                                     • 테스트 및 배포기간단축으로 운영비용
                                                    Engine         IDE         운용    절감
                                                Dunamis Cross Platform
                                                                               효율성   • App 변경 시 별도 다운로드 없이 서버
                  모바일 플랫폼                            Smart Device                    에서 직접 Update



1) OSMU : One Source Multi Use

                                                            4                                  © 2012 MaxTED Co., Ltd. All Rights Reserved.
모바일시장과 크로스플랫폼




DUNAMIS 주요기능
DUNAMIS 개요
통 합 개발 환경을 제 공하 는 Mobile Native Cross Platform 인 DUNAMIS 는 플 랫 폼 독 립적이 며 ,
개발생산성 및 유지보수성 측면에서 TCO 절감에 기여합니다.


                                   “DUNAMIS”




      개발 생산성 향상                운영효율성 및 서비스                비용절감 및 안정성 강화
    • OSMU 지원으로 OS별              적시성 제공                   • 초급 개발자 및 기존 웹 개발자
      개발기간 단축                  • 앱 다운로드 없이 서버에서             활용 가능
    • Multi Device Debugging     직접 Upgrade 가능            • 개발기간 단축을 통한 개발
      테스트 기간단축                 • OS Upgrade를 Platform에서     비용 절감
    • OS별 프로젝트 일괄 생성으로           일괄 적용                    • 개발용이성을 통해 서비스
      개발환경 구축시간 단축             • 테스트 및 배포기간 단축으로
                                                            안정성 제공
                                 운영비용 절감




                                                                         © 2012 MaxTED Co., Ltd. All Rights Reserved.
DUNAMIS 시스템 구성도
DUNAMIS는 플랫폼에 독립적인 Client 라이브러리와 배포를 위한 Server, 통합개발환경을 제공하는
Studio 로 구 성 된 Mobile Native Cross Platform 으 로 Native App, Hybrid App, Web App 등 의
모바일서비스를 구현하기 쉬운 개발접근성 및 운영용이성을 제공합니다.



                                            Smart Device                                     Mobile Server
            Mobile Service                                                                                                           업무시스템
                                                                                                                    HTTP(S)
                                         DUNAMIS Client                                MDM         보안        Push                          계정계

                 B2B            Data Dispatcher        Component Group
                                                                                                   MEAP
                                            Common Utility                                                          TCP/IP
                 B2C                                                                                                                       정보계
                                   cache              보안           통신

                                        LTE(Runtime Engine)
                G2C
                                       Library              Local Storage               DUNAMIS 배포 Server
                                                                                                                                        외부시스템
                  …                       Operating System                                                콘텐츠관리
                                                                                       Connector
                                                                  Windows
                                 Android              iOS          Phone
                                                                                                          배포관리
                             Dunamis




                                                                                 Configure          Component
                                           Dunamis
                                            Library




                                                               UI Designer
                              Studio




                                                                                  Module             Template
                                                                 Project         Deploy              Real-time
  범례                                                             Manager         Manager             Debugger

  DUNAMIS



                                                                             7                                                © 2012 MaxTED Co., Ltd. All Rights Reserved.
DUNAMIS 아키텍처
DUNAMIS는 스마트디바이스 OS 상위에 라이브러리로 설치되어 OS와 연동됩니다. DUNAMIS XML매
니저가 로컬 스토리지와 서버 사이드의 XML을 호출하여 Data 매니저, UI 매니저에게 Job을 Dispatch
하는 구조이며, 서비스 영역인 UI 및 액션을 구현한 XML은 OS에 상관없이 동일한 소스를 사용합니다.



                                                                 DUNAMIS Architecture


                                                    Server                                         Device

  스마트디바이스에서의 DUNAMIS 영역
                                                                  Update              Local storage(Local Xml/Data for UI)
                                   Server side    Server side                                    Local database
                                    Data xml        UI xml         Info
           APP                                                                        Local storage(Local Xml/Data for UI)
                         DUNAMIS
   FRAME
           API LIBRARY
   WORK
                                   Communication module                File Manager                    Upgrade manager
      KERNEL           DRIVER

                 H/W
                                                                       XML Manager


                                             Data Manager                                           UI Manager


                                   Form Data     List Data    Tree                      Form UI        List UI          Tree
                                    Manager      manager     Manager                    Manager       Manager          Manager




                                             8                                                            © 2012 MaxTED Co., Ltd. All Rights Reserved.
DUNAMIS 특장점
Mobile Native Cross Platform인 DUNAMIS는 OS에 독립적이며, 최적의 기능과 최고의 성능을
발휘하도록 확장된 UI/UX를 제공합니다.
                                                     • 이클립스 기반의 통합개발환경(IDE)
                                          RAD Tool   • 모바일에서 RIA 환경을 제공하는 크로스 개발 플랫폼
                                                     • 개발생산선 및 운영서비스 적시성 제공
                                           OSMU
                                           개발환경

   • 해상도 자동처리
   • XML 레이아웃 자동생성

                         N-Screen                            자동배포

                                                                              • Native App 에서 Web 방식 배
                        해상도 파편화
                          극복            OS에 독립적인                 X-internet
                                                                 배포방식           포 지원
                                        ”DUNAMIS”                             • Native, Hybrid, Web 배포 방
                                                                                식 지원




   • 다양한 모바일 서비스 구조를                                   빠른성능             • UI와 데이터를 분리하여 표준
                                 Any
     Native 환경으로 지원                                    독립성                인터페이스로 통신
                               모바일서비스
   • 단일 엔진으로 Native, Hybrid,                                            • 서버, 프로토콜에 비종속
     WebApp 구성                  제한 없는                  쉽고, 유연한          • 캐싱을 통한 빠른 UI 생성
                                서비스구조                    구조




                                                                                           © 2012 MaxTED Co., Ltd. All Rights Reserved.
통합개발(실시간디버깅)
OS별 확장된 UI/UX를 제공하는 DUNAMIS는 통합개발도구를 통해 Mobile OS에 상관없이 동시에
다수의 디바이스와 연결하여 구현결과를 실시간으로 제어 합니다.



         멀티 OS 프로젝트 동시생성                         액션/컴포넌트 템플릿 제공



                        OS 별 프로젝트
                        동시생성


                                   RAD Tool
                                  통합개발환경




                  소스배포없이 미리보기를           다수의 디바이스를 무선으로
                  통해 UI 및 액션 확인          연결하여 동시에 디버깅

            미리보기 기능                             멀티디바이스 실시간 디버깅


                                    10                            © 2012 MaxTED Co., Ltd. All Rights Reserved.
N-Screen(해상도 자동처리)
Android 해상도 파편화로 Device별 여러 UI를 지원하기 위해 DUNAMIS는 해상도 자동처리 방식과
Layout XML 자동생성 방식으로 Android의 멀티 해상도를 지원 합니다.


               해상도 자동 처리                                      Layout XML 자동생성


                                         복잡한 UI는         Layout XML 자동생성
                                       해상도에 따른 layout
                한 종류의                                   (layout-large, layout-sw600,
                                          이 필요
               Resource 를                                    layout-sw720 등)
                런타임시에
               변환하여 적용

  button       해상도 비율 조정
                             button


       XML



    resource                resource


 하나의 UI XML을 다른 해상도에 적용
                                             안드로이드 Layout XML 을 사용



                                              멀티해상도     • 안드로이드는 각 해상도별로 layout xml 을 지원
                                               적용       • mdpi, ldpi, hdpi, xhdpi 별로 layout xml 필요



                                        11                                             © 2012 MaxTED Co., Ltd. All Rights Reserved.
App배포(X-Internet방식)
DUNAMIS 플랫폼으로 구현된 App은 Native, Hybrid 및 Mobile Web 배포방식이 모두 가능하며,
Version-Up이 되지 않는 HTML5의 한계를 극복 하기 위해 X-Internet의 배포방식도 지원합니다.


              기존배포방식                                                            DUNAMIS 배포방식


                             Mobile
         단말                                 Legacy              네이티브 앱방식             하이브리드방식                         X-Internet 방식
                            WEB/WEA
              2 모바일 웹
                접근                                                     Legacy           Legacy                              Legacy



                                                                  모바일플랫폼              모바일플랫폼                            모바일플랫폼
 모바일 웹           3G
                Wi-Fi                                              1                    3                1                 3                  1

                            1                                          App.          Loading     App.               버전체크              App.
                                                                       Store                     Store             갱신부분만              Store
                         모바일 웹                                                                                      다운로드
                        리소스 Deploy                                 2                                     2                                    2


              2 앱 다운로드



 네이티브앱                                                      •   네이티브 앱 배포 방식    •   하이브리드 배포 방식                •   X-Internet 배포방식
   /             3G                                         •   앱스토어에 앱 등록      •   앱스토어에 앱 등록 및               •   앱스토어에 앱 등록 및
 하이브리드          Wi-Fi                                                               모바일 서버에 리소스                    모바일서버에 UI 및
                                                            •   단말에서 앱 다운로드
                                      1    모바일 웹                                    Deploy                         액션 XML Deploy
                1                         리소스 Deploy                            •   단말에서 앱 다운로드                •   단말에서 최초 앱 다운
                마켓 등록                                                           •   모바일서버에 등록된                 •   변경된 UI 및 액션만
                                                                                    화면을 loading                    다운로드



                                                       12                                                    © 2012 MaxTED Co., Ltd. All Rights Reserved.
DUNAMIS 리소스 배포절차
DUNAMIS는 Native App의 형식으로 작성되어 동작하지만 UI 레이아웃을 App 배포 없이 서버에서
직접 Update 적용하여 운영효율성을 제공합니다.



                                                  App 등록


                           라이브러리
                          패키징 및 등록
                                                     Android Market


         App 개발
                                        Apple App Store   WP Marketplace   다운로드
                               Market
                                                   앱스토어


                                               변경사항 배포

                                              XML 화면 및 액션 배포
   개발자
           DUNAMIS 스튜디오   변경된 XML 등록                                        버전체크
                           (화면구성 및            화면                           갱신부분만
                           이벤트 처리)            액션                            다운로드
                                               XML
                                                          배포서버
                                               배포서버에 deploy




                                  13                                          © 2012 MaxTED Co., Ltd. All Rights Reserved.
DUNAMIS 모바일서비스 구조
DUNAMIS 플랫폼은 빠른 속도와 최적화된 기능을 제공하는 Native 방식과 Native App과 Web App이
결합한 형태인 Hybrid 방식을 모두 One-Source Multi-Platform 방식으로 지원합니다.

                                                                                            DUNAMIS 구조
                   DUNAMIS App
                                                                                                       Web App 방식
                                                                       Mobile Device
      Native App                  Hybrid App / Web APP                                          ▶   HTML5에서 Dunamis 플랫폼을
                                                                             App                    활용하는 형태 (App in Web)
                                                                             Web                ▶   Web App의 장점을 수용하면서
                                                                                                    단점인 디바이스컨트롤 제약 없음


                                                                       Mobile Device                    Hybrid 방식

        XML                                              XML                                    ▶   Dunamis 내에서 모바일웹을 포함
                                                                             Web                ▶   별도의 Hybrid Platform 사용 하지
                                                                             App                    않고 Hybrid App 구현
                                   Webkit

   Dunamis Platform                 Dunamis Platform
                                                                                            일반적인 구조

                                                                                                    Hybrid / Web App 방식
                                                                       Mobile Device
      Client OS                         Client OS                                               ▶   네이티브앱에서 HTML5, JS, CSS
                                                                                                    로 된 모바일웹을 감싸는 형태
                                                                     HTML5    JS    CSS         ▶   폰갭 등 하이브리드앱플랫폼 필요
                                                                      Hybrid App Platform
      Native App                Hybrid App + Native App                                                Web App 방식
                                                                             Web                    Webkit 내장된 브라우저에서 동작
                         • Hybrid App, Mobile Web+Native App 동시 개발                              ▶
                                                                                                ▶   OS별 개발불필요
                         • HTML5 + XML 동시 사용 가능                                                 ▶   하드웨어 기능 활용에 제약 따름

                                                    14                                                   © 2012 MaxTED Co., Ltd. All Rights Reserved.
UI와 데이터처리로직의 분리
DUNAMIS 플랫폼은 화면구성과 서버와의 데이터 통신을 분리하여 처리합니다. 따라서 UI 담당자와
데이터통신 담당자를 구분하여 병행개발을 진행함으로써 인력을 효율적으로 운영 할 수 있습니다.



                                                                       모바일 앱 UI
                       표준 인터페이스
                        (XML/ J SON)
                                                                 기본 제공되는 컴포넌트 템플릿을
                                                                  이용하여 손쉽게 화면UI 를 구성
                                                                 이벤트처리는 UI 를 구성한
                                                                  XML에서 처리
                                                                 표준화된 개발로 초급개발자로도
                                                                  균일한 품질을 확보


    화면 UI 및 사용자    Dunamis     Mobile
                                        서버와의         Legacy
     event 를 XML    Engine     Server
                                        데이터통신
     형식으로 구성                                                         서버와의 통신메시지

                                                               Dunamis의 통신모듈을 이용하여
                                                                서버와의 데이터통신
                                                               http(s), TCP/IP 통신프로토콜과
                                                                정의된 메시지형식으로 송수신
                                                               수신된 메시지는 데이터모듈와
                                                                UI모듈을 통해 화면에 display




                                                15                        © 2012 MaxTED Co., Ltd. All Rights Reserved.
캐싱을 통한 빠른 화면 로딩
DUNAMIS는 Native 구조로서 OS와 직접 연동 하여 Webkit을 이용하는 다른 Mobile Platform에 비해
처리성능이 우수하고, 서비스 고성능을 위해 Local Storage 와 메모리캐싱을 이용 합니다.




01     No 브라우저

   Dunamis는 플랫폼 독립적이며 기존의 C/S 방식의     DUNAMIS App 구조           DUNAMIS 캐싱
    장점과 WEB 방식의 장점을 결합시켜 고객에 편리한
    사용과 유연한 운영을 할 수 있게 설계된 모바일 UI                               UI XML 리소스
    플랫폼                                     XML              Data                   UI
                                                            Manager               Manager


02     로딩속도향상을 위한 캐싱                   Dunamis Platform    Local       File             XML
                                                          Storage     Manager          Manager
  • Eclipse 기반의 개발환경을 제공하여 Run-time시
    Debugging이 가능하며, 개발환경에 네트워크로 연결된
                                                                Dunamis Engine
    모든 스마트 Device에 대해서 App을 동시에 제어        Client OS

                                                                                        캐싱 위치




                                                                        © 2012 MaxTED Co., Ltd. All Rights Reserved.
모바일시장과 크로스플랫폼


DUNAMIS 소개
통합개발환경(1/6)
DUNAMIS 스튜디오는 Eclipse에 DUNAMIS 라이브러리를 Plug-in하여 프로젝트생성, DUNAMIS
컴포넌트 및 이벤트처리, 멀티 디바이스 실시간 디버깅 등 모바일 서비스를 구현할 수 있는
통합개발환경(IDE)을 제공합니다.


 Package Explorer View                            Outline View

• 현재 작업중인 프로젝트와                                  • 현재 작업중인 화면의 구조를
  프로젝트에 포함된 모든                                     트리 형태로 보여줌
  리소스들을 트리 형태로 보여줌




 Editor Panel
                                                  Code Snippets View
• UI Layout에 대한 정의와 User
  Event 스 크 립 트 등 화 면 을                          • 화면디자인에 필요한 Dunamis
  개발하는 에디터화면으로 XML                                 컴 포 넌 트 와 액 션 을
  형식으로 작성                                          템플릿형태로 제공하여
                                                   화면개발시 드래그앤드롭으로
                                                   기본코드를 작성

 Debugging View

• IDE의 개발소스를 디바이스에
  자동배포하고 디바이스에서
  동작하는 이벤트 및 데이터
  형식/값을 실시간으로 제공



                              18                        © 2012 MaxTED Co., Ltd. All Rights Reserved.
통합개발환경(2/6)
DUNAMIS 스튜디오에서는 한번의 작업으로 OS별(Android, iOS, Windows Phone) 프로젝트가 동시에
생성됩니다.

     DUNAMIS 프로젝트 생성 절차

     1. Wizard 선택

                          2. 패키지유형선택

                                        3. 프로젝트 자동생성          ▶   개발도구를 이용하여 프로젝트 생성
                                                              ▶   Wizard를 이용하여 업무성격에 맞는 프로젝트
                                                                  유형을 선택
                                                              ▶   한번의 생성으로 Android외에 iphone 과 windows
                                                  OS 별 프로젝트       phone 프로젝트를 동시에 생성
                                                  동시생성

               프로젝트 유형 선택



               프로젝트 위자드 선택
                                                                                “아이폰 앱            “안드로이
                                                                  “간편하고
                                                                                을 위한 별            드와 아이폰
                                                                  빠른 프로젝
                                                                                도 처리 불            앱 동시실행”
                                                                   트 생성”
                                                                                  필요”               (Mac OS에서)

     DUNAMIS
                    이클립스에서 wizard를 이용하여 프로젝트 자동생성
    프로젝트 생성




                                             19                                          © 2012 MaxTED Co., Ltd. All Rights Reserved.
통합개발환경(3/6)
DUNAMIS 스튜디 오에 서는 Snippets 에 서 제공하 는 다양 한 템 플릿을 활용하 여 화면 구성 및
이벤트처리를 구현하고, 디버깅 뷰를 통해 여러 디바이스의 실행정보를 실시간으로 확인합니다.

    Action, Component 등 다양한 템플릿 제공            멀티디바이스 실시간 디버깅 뷰 제공




                                                                    멀티 다바이스 연결




                                                                 Action 및 Source
                                                                 상태정보 디버깅




               액션, 컴포넌트, 데이터 등 다양한 종류의        멀티디바이스    여러 대의 디바이스를 동시에 연결하여
    템플릿 제공     템플릿을 통해 화면개발 지원                          실행정보(화면, 액션, 컴포넌트, 변수 등) 를
                                              디버깅뷰 제공
                                                        디버깅




                                         20                             © 2012 MaxTED Co., Ltd. All Rights Reserved.
통합개발환경(4/6)
개발 편의성을 위해 컴포넌트 및 액션 등 UI 로직에 대한 Code Complete 기능과 위해 컴포넌트 속성
창과 텍스트모드간 동기화를 지원합니다.

     Code Complete 기능 지원                                   속성 창과 텍스트모드간 동기화


                                                                                    컴포넌트 속성과
                                                                                    텍스트 모드 동기화




                             컴포넌트, 액션 등
                             UI Logic에 대한
                             Code Complete




                                                          디자인 에디터 모드

                    ‘<<‘ 기호를 이용하여 에디터에서 속성값을                           디자인모드의 속성창을 이용하여 컴포넌트
    Code Complete   참조하여 UI 로직을 구현하는 code complete        디자인모드 지원     속정을 정의
                    기능 제공




                                                     21                            © 2012 MaxTED Co., Ltd. All Rights Reserved.
통합개발환경(5/6)
Studio에서 수정한 내용을 소스 배포 없이 무선으로 여러 대의 디바이스에서 미리 보기를 통해 UI 구성
및 액션처리 결과를 확인합니다.

    No Deploy, Mobile Connection 미리보기

     1. 소스 수정

                        2. Preview 선택
                                           3. 실시간 확인
                                                       ▶   소스 수정한 결과를 프로그램 배포 없이 확인
                                                       ▶   무선연결을 통해 여러 대의 디바이스에 동시 적용
                                                       ▶   화면 미리 보기가 아니라 UI 구성 및 액션처리 등을
                                                           소스 배포 없이 확인

                                                                    개발기간 단축 및
                                                                  운영시 서비스 적시정 제공




                                    연결된 디바이스에                                                   “Multi
                                     실시간 미리보기                              “Mobile
                                                           “No Deploy”                          Device
                                                                         Connection”
                                                                                               Preview”

     미리보기        Preview를 통해 소스수정결과를 디바이스에서 바로 확인




                                                22                                 © 2012 MaxTED Co., Ltd. All Rights Reserved.
통합개발환경(6/6)
DUNAMIS 스튜디오와 디바이스간에 실시간 연결을 통하여 개발소스를 다수의 디바이스에서 즉시
배포하여 실행화면, 액션, 데이터를 확인하면서 디버깅하여 개발생산성 및 운용 효율성 향상에 기여

        Multi Device 실시간 디버깅

              디바이스연결 요청                디바이스 연결                  연결 및 실시간 디버깅




         디바이스 연결 요청                디바이스 연결                  연결 및 실시간 디버깅

       •에 뮬 에 이 터 또 는 실 제        •이 클 립 스 의 연 결 요 청 을      •스 튜 디 오 와 디 바 이 스 가
        디 바 이 스 와  연 결 하 여        디바이스에서 확인                 연결되면 액션과 소스에 대해
        프로젝트를 실행                 • 최 대 254 개 의 디 바 이 스 와    실행정보를 디버깅뷰로 확인
       • Dunamis 디버깅뷰에서 Device     연결하여 동시에 개발 및 디버깅       •개 발 소 스 를 디 바 이 스 에
         연결을 실행                                             배포하여 실시간 테스트 진행

※ DUNAMIS 개발환경 특허출원 2012년 6월

                                          23                           © 2012 MaxTED Co., Ltd. All Rights Reserved.
주요 컴포넌트 (1/3)
DUNAMIS 플랫폼은 Form, List, Tree, Grid, Slide, Circle Button, Chart 등 스마트기기 화면 Layout 구
성을 위한 컴포넌트를 기본적으로 제공합니다.

                                         DUNAMIS Component

        Slide Menu         Circle Menu                Custom Slide           Grid




       Coverflow             Tree                  Alert             Panel




                                              24                                    © 2012 MaxTED Co., Ltd. All Rights Reserved.
주요 컴포넌트 (2/3)
DUNAMIS 플랫폼은 Form, List, Tree, Grid, Slide, Circle Button, Chart 등 스마트기기 화면 Layout 구
성을 위한 컴포넌트를 기본적으로 제공합니다.

                                   DUNAMIS Component

    Form            TextField        Toggle                     Picker & Switch




                    Panel


    List


                                      Tool bar




                                          25                                © 2012 MaxTED Co., Ltd. All Rights Reserved.
주요 컴포넌트 (3/3)
                                          DUNAMIS Chart Component


           “스마트폰 전용 Chart Component”


       접근편의성 XML 만으로 다양한 Chart UI 구성
   1
        다양성         Layer 형태로 한 화면에 여러 Chart 구성
   2
        확장성         Android, iOS, Windows Phone 완벽지원
   3


   COLOMN CHART           BAR CHART       LINE CHART


       AREA CHART         PIE CHART       RADER CHART

                        THUMB & COMPO
         GUAGE                               ETC
                            CHART




                                                        26          © 2012 MaxTED Co., Ltd. All Rights Reserved.
모바일 서비스 개발방안
DUNAMIS를 이용하여 Eclips기반의 스튜디오로 화면UI 및 액션처리 등 95%이상의 개발소스를
XML(One Source)로 작성하고, 멀티디바이스에 직접 배포하여 테스트를 거친 후, 패키징된
라이브러리를 마켓에 등록하는 것으로 모바일 서비스를 제공 합니다.
                   화면구성 및 이벤트 처리                          테스트 및 디버깅




    개발자
                       DUNAMIS 스튜디오                       스튜디오와 디바이스간 실시간 디버깅




                   App 다운로드                               패키징 등록 및 배포

                                                          라이브러리        XML 화면 및 액션
                                                         패키징 및 등록           배포
                           Android Market
                                                                       화면
                                   WP Marketplace                      액션
                 Apple App Store
                                                              Market   XML
                                                                             배포서버
          자동배포
    사용자                     앱스토어                          앱스토어 등록 및 배포서버에 deploy




                                                    27                         © 2012 MaxTED Co., Ltd. All Rights Reserved.
개발비용 절감효과
DUNAMIS 플랫폼의 손쉬운 개발접근성은 기존 방식에 비해서 획기적인 비용절감 효과를 보장합니다.

   구분             기존 개발 방식                절감효과           DUNAMIS 개발 방식
          플랫폼 별 전문 기술인력 필요
          - 전문인력 수급의 어려움
                                          x4     초급 개발자 및 기존 웹 개발자 활용
                                                 - UI 작업 (초급개발자)
  인력단가      (엷은 모바일 개발 인력 구조)                    - 로직 및 서버 작업 (웹개발자, 중급기준)
          - 플랫폼별 개발 인건비의 부담
            (높은 아이폰 개발인건비)
          플랫폼 별 시장 기준 적용                  x4     두마미스 XML 개발 기준
  개발기간    - 4 ~ 5일 / 화면 1본 (중급 기준)               - 1일 / 화면 1본(중급 기준)


          2주 이상                                  1주 이내
  개발자     - 플랫폼별 개발환경 구축                  x2     - DUNAMIS 플랫폼 교육
  적응기간    - 백엔드 연동 개발환경 구축                       - 개발 환경 설치(XCODE,ECLIPSE)
          플랫폼별 개발 표준 수립

  배포 및    플랫폼 별 1개월 이상                    x3     2주 이내
 안정화 기간

 콘텐츠 및    콘텐츠 제작 비용 전체                    x2     기존 웹 콘텐츠 재활용 가능
 리소스 제작

 애플리케이션
          신규 애플리케이션 개발 비용 전체              x2     추가 애플리케이션 개발 비용
          - 애플리케이션 개발 비용                         - UI/UX 개발 비용
  추가 비용
          - 백엔드 인프라 구축 비용                        - 데이터 연동 인터페이스 개발 비용


                                     28                            © 2012 MaxTED Co., Ltd. All Rights Reserved.
모바일 플랫폼 비교
DUNAMIS 플랫폼은 모바일서비스 개발·운영·관리 측면에서 기능성, 생산성, 성능 및 확장성부분에서
우수합니다.
                                                                                     ●높음 ◑중간 ○낮음
    구분           DUNAMIS             HTML5                 T사           Native App        Mobile Web
              ① DATA 만
  서버 연동       ② UI + DATA           UI + DATA        UI(일부) + DATA        DATA              UI + DATA
              선택 가능

 언어처리방식         Interpreter 방식    Interpreter 방식      Interpreter 방식   Compile 방식       Interpreter 방식

   Browser        필요 없음          Web Browser 필요       Virtual Engine     필요 없음         Web Browser 필요

  화면 구성             XML               HTML                XML           Native 언어                HTML

   설치되는                          Web Browser와          전용 Browser,                     Web Browser 에서
               개발된 화면 설치                                               개발된 화면 설치
   프로그램                          개발된 화면 설치           Component만 설치                          실행

  화면 기능성
                     ●                 ◑                   ●               ●                       ○
  개발 생산성
                     ●                 ●                   ●               ○                       ○
  처리 속도
                     ●                 ◑                   ◑               ●                       ○
 확장성(HW,OS)
                     ●                 ◑                   ●                ◑                      ○
                                                29                                      © 2012 MaxTED Co., Ltd. All Rights Reserved.
구축사례 :: KT
      고객사    시스템명             사업내용

      • KT   • 스마트 홈허브(구축중)   • 스마트기기로 홈네트워크를
                                이용하여 스마트홈서비스이용




                  [스마트 홈허브]




                    30                           © 2012 MaxTED Co., Ltd. All Rights Reserved.
구축사례 :: 교보생명
     고객사           시스템명          사업내용

     • 교보생명        • 스마트영업지원    • 설계사용 SFA 앱
                   • 고객센터       • 모바일계약조회, 금융서비스 및
                                  상품정보 앱




      [스마트 영업지원]               [교보생명 모바일창구]




                          31                     © 2012 MaxTED Co., Ltd. All Rights Reserved.
구축사례 :: LIG 손해보험
        고객사                 시스템명        사업내용

        • LIG 손해보험         • 스마트보험가입    • 모바일그룹웨어 및
                           • 영업지원         설계사용 SFA 앱 개발
                           • 고객센터




    [LIG 손해보험 스마트보험가입 및 고객센터]             [LIG 손해보험 모바일 그룹웨어]




                                   32                      © 2012 MaxTED Co., Ltd. All Rights Reserved.
구축사례 :: 한국수자원공사
     고객사        시스템명         사업내용

    • 한국수자원공사   • 모바일 그룹웨어   • 메일, 전자결제, 사내공지
                               등 모바일그룹웨어 앱




                       33                       © 2012 MaxTED Co., Ltd. All Rights Reserved.
(주)맥스테드 www.maxted.kr   영업대표 이승엽   Mobile : 010-2906-9678   e-Mail : s.lee@maxted.kr

Weitere ähnliche Inhalte

Was ist angesagt?

[Msd02]mobile servicedesign
[Msd02]mobile servicedesign[Msd02]mobile servicedesign
[Msd02]mobile servicedesign
jylee_kgit
 

Was ist angesagt? (6)

위젯 마케팅의 모든 것 - 2008년판 (All about Widget Marketing - 2008 Edition)
위젯 마케팅의 모든 것 - 2008년판 (All about Widget Marketing - 2008 Edition)위젯 마케팅의 모든 것 - 2008년판 (All about Widget Marketing - 2008 Edition)
위젯 마케팅의 모든 것 - 2008년판 (All about Widget Marketing - 2008 Edition)
 
모바일콘텐츠관점에서본UX디자인 인사이트 (@WebWorldConference, 2014)
모바일콘텐츠관점에서본UX디자인 인사이트 (@WebWorldConference, 2014)모바일콘텐츠관점에서본UX디자인 인사이트 (@WebWorldConference, 2014)
모바일콘텐츠관점에서본UX디자인 인사이트 (@WebWorldConference, 2014)
 
2012 Predictions for Mobile Web and HTML5
2012 Predictions for Mobile Web and HTML52012 Predictions for Mobile Web and HTML5
2012 Predictions for Mobile Web and HTML5
 
04.발표
04.발표04.발표
04.발표
 
[Msd02]mobile servicedesign
[Msd02]mobile servicedesign[Msd02]mobile servicedesign
[Msd02]mobile servicedesign
 
파괴적기술
파괴적기술파괴적기술
파괴적기술
 

Ähnlich wie 제품소개 두나미스 20121008

모바일비즈니스 패러다임
모바일비즈니스 패러다임모바일비즈니스 패러다임
모바일비즈니스 패러다임
jeonuijin
 
07 모바일 보안 대응전략 및 구축 사례
07 모바일 보안 대응전략 및 구축 사례07 모바일 보안 대응전략 및 구축 사례
07 모바일 보안 대응전략 및 구축 사례
cheolhwa
 
3 알앤디지식포럼 sw_20121205
3 알앤디지식포럼 sw_201212053 알앤디지식포럼 sw_20121205
3 알앤디지식포럼 sw_20121205
atelier t*h
 
[스타트업오픈IR: 슈퍼스타 M] 원더풀소프트 이수룡 팀장
[스타트업오픈IR: 슈퍼스타 M] 원더풀소프트 이수룡 팀장[스타트업오픈IR: 슈퍼스타 M] 원더풀소프트 이수룡 팀장
[스타트업오픈IR: 슈퍼스타 M] 원더풀소프트 이수룡 팀장
VentureSquare
 
2012디자이너가주목해야할테크동향
2012디자이너가주목해야할테크동향2012디자이너가주목해야할테크동향
2012디자이너가주목해야할테크동향
Seungha Kim
 
HTML5와 모바일이 가져오는 변화
HTML5와 모바일이 가져오는 변화HTML5와 모바일이 가져오는 변화
HTML5와 모바일이 가져오는 변화
Donghyung Shin
 

Ähnlich wie 제품소개 두나미스 20121008 (20)

Sam03
Sam03Sam03
Sam03
 
아키텍처연합회에서 발표한 Enterprise Mobility 2.0
아키텍처연합회에서 발표한 Enterprise Mobility 2.0아키텍처연합회에서 발표한 Enterprise Mobility 2.0
아키텍처연합회에서 발표한 Enterprise Mobility 2.0
 
Doc.htm
Doc.htmDoc.htm
Doc.htm
 
mobile platform
mobile platformmobile platform
mobile platform
 
Mobile Platform
Mobile PlatformMobile Platform
Mobile Platform
 
Kaonsoft pr
Kaonsoft prKaonsoft pr
Kaonsoft pr
 
모바일비즈니스 패러다임
모바일비즈니스 패러다임모바일비즈니스 패러다임
모바일비즈니스 패러다임
 
모바일 앱(App) 디자인과 모바일 시장변화의 이해
모바일 앱(App) 디자인과 모바일 시장변화의 이해모바일 앱(App) 디자인과 모바일 시장변화의 이해
모바일 앱(App) 디자인과 모바일 시장변화의 이해
 
07 모바일 보안 대응전략 및 구축 사례
07 모바일 보안 대응전략 및 구축 사례07 모바일 보안 대응전략 및 구축 사례
07 모바일 보안 대응전략 및 구축 사례
 
Smart Market Strategy for Mobile Web Developer
Smart Market Strategy for Mobile Web DeveloperSmart Market Strategy for Mobile Web Developer
Smart Market Strategy for Mobile Web Developer
 
크로스플랫폼Byoojoo
크로스플랫폼Byoojoo크로스플랫폼Byoojoo
크로스플랫폼Byoojoo
 
3 알앤디지식포럼 sw_20121205
3 알앤디지식포럼 sw_201212053 알앤디지식포럼 sw_20121205
3 알앤디지식포럼 sw_20121205
 
스마트홈(0218)
스마트홈(0218)스마트홈(0218)
스마트홈(0218)
 
[스타트업오픈IR: 슈퍼스타 M] 원더풀소프트 이수룡 팀장
[스타트업오픈IR: 슈퍼스타 M] 원더풀소프트 이수룡 팀장[스타트업오픈IR: 슈퍼스타 M] 원더풀소프트 이수룡 팀장
[스타트업오픈IR: 슈퍼스타 M] 원더풀소프트 이수룡 팀장
 
2012디자이너가주목해야할테크동향
2012디자이너가주목해야할테크동향2012디자이너가주목해야할테크동향
2012디자이너가주목해야할테크동향
 
Mobile architecture overview
Mobile architecture overviewMobile architecture overview
Mobile architecture overview
 
모바일 콘텐츠의 이해
모바일 콘텐츠의 이해모바일 콘텐츠의 이해
모바일 콘텐츠의 이해
 
Mobile/Embedded for Silverlight
Mobile/Embedded for SilverlightMobile/Embedded for Silverlight
Mobile/Embedded for Silverlight
 
(주)엑슨투 회사소개서 2018년 01월
(주)엑슨투 회사소개서 2018년 01월(주)엑슨투 회사소개서 2018년 01월
(주)엑슨투 회사소개서 2018년 01월
 
HTML5와 모바일이 가져오는 변화
HTML5와 모바일이 가져오는 변화HTML5와 모바일이 가져오는 변화
HTML5와 모바일이 가져오는 변화
 

제품소개 두나미스 20121008

  • 1. Mobile Native Cross Platform ”DUNAMIS” © 2012 MaxTED Co., Ltd. All Rights Reserved.
  • 3. 모바일 환경의 변화 애플신화, 잡스효과 등 아이폰으로 시작된 스마트혁명은 무선 이동통신기술의 발달, 기하급수적인 스마트 기기의 보급, OS별 스마트기기 점유율 변동, 모바일 서비스 확대 등으로 모바일오피스 환경에도 급격한 변화를 가져왔습니다. 무선통신기술의 발달에 따른 스마트 폰 보급 OS플랫폼 확장과 모바일 서비스의 확산 LTE 기술 등 무선 네트워크 속도의 빠른 증가 다양한App을 통한 모바일 서비스의 급속한 확산 2009 … 2012 2009 … 2011 무선인터넷 속도 3G 4G App 등록 개수 10만 50만 7 Mbps 100 Mbps 5만 60만 . 5만 80만 500만 2700만 스마트폰가입자 OS플랫폼 확장 iPhone iPad 스마트폰 보급 확대 Android Phone Android Tablet • 무선 인터넷을 기본으로 하는 스마트 폰 보급 확대 • 12년2월 미국의 스마트폰 보급율은 50%에 Windows Phone 이르럿으며, 국내는 12년2월에 48%, 하반기에는 80%에 이를 것으로 전망 iOS, Android, Windows Phone, Smart Phone, Source : 미국통계(닐슨), 국내통계(방송통신위원회) Tablet PC 등 OS플랫폼의 지속적 확장 2 © 2012 MaxTED Co., Ltd. All Rights Reserved.
  • 4. 기업 모바일 환경 도입 필요성 ICT 발전에 따른 사회환경의 변화와 스마트폰의 빠른 확산 및 유무선 통합 N/W환경으로 인한 시장의 변화는 기업에게 시공간적 제약을 넘어설 수 있는 스마트워크 환경을 요구하며, 이에 따라 기업의 민첩성과 이동성에 대한 역량을 충족시켜줄 최적의 모바일 솔루션을 도입할 필요가 있습니다. 환경변화에 대한 이슈 무선통신기술 발달 스마트폰 보급확대 모바일서비스 확산 플랫폼 확장 시장환경의 변화 콘텐츠 단말 서비스 플랫폼 이용환경의 변화 • OSMU, N-Screen • Smart 화/복합화 • 융합/실감형 서비스 • 개방화/모바일·WEB 호환 (증감현실, LBS) 사회변화 수용 기술의 변화 기업Needs 변화 플랫폼변화 기업환경의 변화 • 모바일 혁명 • 스마트디바이스 확대 • 산업의 변화 (금융, 교육, • 스마트폰, 테블릿 PC, 스마트TV (Smart, SNS) • 유무선 융합 의료, 미디어, 유통..) • N-Screen • 정보유통 인간관계, • 클라우드 컴퓨팅 • Enterprise Mobility 증대 • 모바일 웹, 앱 소통방식의 변화 • 기업 Agility 실현 • Mobile Platform • 라이프스타일의 변화 • 스마트워크 환경변화에 대한 Enterprise Mobile Service Smart Work Mobility 확보 구현 환경조성 기업의 대응 최적의 모바일 비즈니스 환경 구축 Mobile Platform 3 © 2012 MaxTED Co., Ltd. All Rights Reserved.
  • 5. Why DUNAMIS ? DUNAMIS는 개발편의성 및 접근용이성, 운영효율성을 통해 적시성과 비용절감을 보장하는 Mobile Native Cross Platform으로써 기업이 스마트환경에서 최적의 모바일 비즈니스 환경을 구축하는데 모바일 플랫폼으로서의 역할을 수행합니다. 모바일 이슈 DUNAMIS 특장점 모바일 비즈니스 환경 구축 • 모바일UI 에 최적화된 통합개발환경제 공(디자인/개발/디버그 등) 개발 • UI 컴포넌트 및 액션템플릿 제공 Smart Work • 간편한 3rt Party 라이브러리 연동 편의성 • 다양한 모바일서비스구조 지원(Native, Enterprise Mobility Enterprise Agility “DUNAMIS” Hybrid, HTML5연동 App 등) Mobile Native Cross Platform • 쉽고 구조화된 XML 스크립트 사용 멀티 OS 지원 • 화면구성과 액션을 XML만으로 구현 접근 • Native 기본기능 제공하여 스크립트구 용이성 현 최소화 개발도구 생산성 • 3개 OS 프로젝트 동시 생성 OSMU1) 지원(N-Screen) • 실시간 멀티 디바이스 디버깅 다양한 서비스구조 지원 Dunamis Dunamis • 테스트 및 배포기간단축으로 운영비용 Engine IDE 운용 절감 Dunamis Cross Platform 효율성 • App 변경 시 별도 다운로드 없이 서버 모바일 플랫폼 Smart Device 에서 직접 Update 1) OSMU : One Source Multi Use 4 © 2012 MaxTED Co., Ltd. All Rights Reserved.
  • 7. DUNAMIS 개요 통 합 개발 환경을 제 공하 는 Mobile Native Cross Platform 인 DUNAMIS 는 플 랫 폼 독 립적이 며 , 개발생산성 및 유지보수성 측면에서 TCO 절감에 기여합니다. “DUNAMIS” 개발 생산성 향상 운영효율성 및 서비스 비용절감 및 안정성 강화 • OSMU 지원으로 OS별 적시성 제공 • 초급 개발자 및 기존 웹 개발자 개발기간 단축 • 앱 다운로드 없이 서버에서 활용 가능 • Multi Device Debugging 직접 Upgrade 가능 • 개발기간 단축을 통한 개발 테스트 기간단축 • OS Upgrade를 Platform에서 비용 절감 • OS별 프로젝트 일괄 생성으로 일괄 적용 • 개발용이성을 통해 서비스 개발환경 구축시간 단축 • 테스트 및 배포기간 단축으로 안정성 제공 운영비용 절감 © 2012 MaxTED Co., Ltd. All Rights Reserved.
  • 8. DUNAMIS 시스템 구성도 DUNAMIS는 플랫폼에 독립적인 Client 라이브러리와 배포를 위한 Server, 통합개발환경을 제공하는 Studio 로 구 성 된 Mobile Native Cross Platform 으 로 Native App, Hybrid App, Web App 등 의 모바일서비스를 구현하기 쉬운 개발접근성 및 운영용이성을 제공합니다. Smart Device Mobile Server Mobile Service 업무시스템 HTTP(S) DUNAMIS Client MDM 보안 Push 계정계 B2B Data Dispatcher Component Group MEAP Common Utility TCP/IP B2C 정보계 cache 보안 통신 LTE(Runtime Engine) G2C Library Local Storage DUNAMIS 배포 Server 외부시스템 … Operating System 콘텐츠관리 Connector Windows Android iOS Phone 배포관리 Dunamis Configure Component Dunamis Library UI Designer Studio Module Template Project Deploy Real-time 범례 Manager Manager Debugger DUNAMIS 7 © 2012 MaxTED Co., Ltd. All Rights Reserved.
  • 9. DUNAMIS 아키텍처 DUNAMIS는 스마트디바이스 OS 상위에 라이브러리로 설치되어 OS와 연동됩니다. DUNAMIS XML매 니저가 로컬 스토리지와 서버 사이드의 XML을 호출하여 Data 매니저, UI 매니저에게 Job을 Dispatch 하는 구조이며, 서비스 영역인 UI 및 액션을 구현한 XML은 OS에 상관없이 동일한 소스를 사용합니다. DUNAMIS Architecture Server Device 스마트디바이스에서의 DUNAMIS 영역 Update Local storage(Local Xml/Data for UI) Server side Server side Local database Data xml UI xml Info APP Local storage(Local Xml/Data for UI) DUNAMIS FRAME API LIBRARY WORK Communication module File Manager Upgrade manager KERNEL DRIVER H/W XML Manager Data Manager UI Manager Form Data List Data Tree Form UI List UI Tree Manager manager Manager Manager Manager Manager 8 © 2012 MaxTED Co., Ltd. All Rights Reserved.
  • 10. DUNAMIS 특장점 Mobile Native Cross Platform인 DUNAMIS는 OS에 독립적이며, 최적의 기능과 최고의 성능을 발휘하도록 확장된 UI/UX를 제공합니다. • 이클립스 기반의 통합개발환경(IDE) RAD Tool • 모바일에서 RIA 환경을 제공하는 크로스 개발 플랫폼 • 개발생산선 및 운영서비스 적시성 제공 OSMU 개발환경 • 해상도 자동처리 • XML 레이아웃 자동생성 N-Screen 자동배포 • Native App 에서 Web 방식 배 해상도 파편화 극복 OS에 독립적인 X-internet 배포방식 포 지원 ”DUNAMIS” • Native, Hybrid, Web 배포 방 식 지원 • 다양한 모바일 서비스 구조를 빠른성능 • UI와 데이터를 분리하여 표준 Any Native 환경으로 지원 독립성 인터페이스로 통신 모바일서비스 • 단일 엔진으로 Native, Hybrid, • 서버, 프로토콜에 비종속 WebApp 구성 제한 없는 쉽고, 유연한 • 캐싱을 통한 빠른 UI 생성 서비스구조 구조 © 2012 MaxTED Co., Ltd. All Rights Reserved.
  • 11. 통합개발(실시간디버깅) OS별 확장된 UI/UX를 제공하는 DUNAMIS는 통합개발도구를 통해 Mobile OS에 상관없이 동시에 다수의 디바이스와 연결하여 구현결과를 실시간으로 제어 합니다. 멀티 OS 프로젝트 동시생성 액션/컴포넌트 템플릿 제공 OS 별 프로젝트 동시생성 RAD Tool 통합개발환경 소스배포없이 미리보기를 다수의 디바이스를 무선으로 통해 UI 및 액션 확인 연결하여 동시에 디버깅 미리보기 기능 멀티디바이스 실시간 디버깅 10 © 2012 MaxTED Co., Ltd. All Rights Reserved.
  • 12. N-Screen(해상도 자동처리) Android 해상도 파편화로 Device별 여러 UI를 지원하기 위해 DUNAMIS는 해상도 자동처리 방식과 Layout XML 자동생성 방식으로 Android의 멀티 해상도를 지원 합니다. 해상도 자동 처리 Layout XML 자동생성 복잡한 UI는 Layout XML 자동생성 해상도에 따른 layout 한 종류의 (layout-large, layout-sw600, 이 필요 Resource 를 layout-sw720 등) 런타임시에 변환하여 적용 button 해상도 비율 조정 button XML resource resource 하나의 UI XML을 다른 해상도에 적용 안드로이드 Layout XML 을 사용 멀티해상도 • 안드로이드는 각 해상도별로 layout xml 을 지원 적용 • mdpi, ldpi, hdpi, xhdpi 별로 layout xml 필요 11 © 2012 MaxTED Co., Ltd. All Rights Reserved.
  • 13. App배포(X-Internet방식) DUNAMIS 플랫폼으로 구현된 App은 Native, Hybrid 및 Mobile Web 배포방식이 모두 가능하며, Version-Up이 되지 않는 HTML5의 한계를 극복 하기 위해 X-Internet의 배포방식도 지원합니다. 기존배포방식 DUNAMIS 배포방식 Mobile 단말 Legacy 네이티브 앱방식 하이브리드방식 X-Internet 방식 WEB/WEA 2 모바일 웹 접근 Legacy Legacy Legacy 모바일플랫폼 모바일플랫폼 모바일플랫폼 모바일 웹 3G Wi-Fi 1 3 1 3 1 1 App. Loading App. 버전체크 App. Store Store 갱신부분만 Store 모바일 웹 다운로드 리소스 Deploy 2 2 2 2 앱 다운로드 네이티브앱 • 네이티브 앱 배포 방식 • 하이브리드 배포 방식 • X-Internet 배포방식 / 3G • 앱스토어에 앱 등록 • 앱스토어에 앱 등록 및 • 앱스토어에 앱 등록 및 하이브리드 Wi-Fi 모바일 서버에 리소스 모바일서버에 UI 및 • 단말에서 앱 다운로드 1 모바일 웹 Deploy 액션 XML Deploy 1 리소스 Deploy • 단말에서 앱 다운로드 • 단말에서 최초 앱 다운 마켓 등록 • 모바일서버에 등록된 • 변경된 UI 및 액션만 화면을 loading 다운로드 12 © 2012 MaxTED Co., Ltd. All Rights Reserved.
  • 14. DUNAMIS 리소스 배포절차 DUNAMIS는 Native App의 형식으로 작성되어 동작하지만 UI 레이아웃을 App 배포 없이 서버에서 직접 Update 적용하여 운영효율성을 제공합니다. App 등록 라이브러리 패키징 및 등록 Android Market App 개발 Apple App Store WP Marketplace 다운로드 Market 앱스토어 변경사항 배포 XML 화면 및 액션 배포 개발자 DUNAMIS 스튜디오 변경된 XML 등록 버전체크 (화면구성 및 화면 갱신부분만 이벤트 처리) 액션 다운로드 XML 배포서버 배포서버에 deploy 13 © 2012 MaxTED Co., Ltd. All Rights Reserved.
  • 15. DUNAMIS 모바일서비스 구조 DUNAMIS 플랫폼은 빠른 속도와 최적화된 기능을 제공하는 Native 방식과 Native App과 Web App이 결합한 형태인 Hybrid 방식을 모두 One-Source Multi-Platform 방식으로 지원합니다. DUNAMIS 구조 DUNAMIS App Web App 방식 Mobile Device Native App Hybrid App / Web APP ▶ HTML5에서 Dunamis 플랫폼을 App 활용하는 형태 (App in Web) Web ▶ Web App의 장점을 수용하면서 단점인 디바이스컨트롤 제약 없음 Mobile Device Hybrid 방식 XML XML ▶ Dunamis 내에서 모바일웹을 포함 Web ▶ 별도의 Hybrid Platform 사용 하지 App 않고 Hybrid App 구현 Webkit Dunamis Platform Dunamis Platform 일반적인 구조 Hybrid / Web App 방식 Mobile Device Client OS Client OS ▶ 네이티브앱에서 HTML5, JS, CSS 로 된 모바일웹을 감싸는 형태 HTML5 JS CSS ▶ 폰갭 등 하이브리드앱플랫폼 필요 Hybrid App Platform Native App Hybrid App + Native App Web App 방식 Web Webkit 내장된 브라우저에서 동작 • Hybrid App, Mobile Web+Native App 동시 개발 ▶ ▶ OS별 개발불필요 • HTML5 + XML 동시 사용 가능 ▶ 하드웨어 기능 활용에 제약 따름 14 © 2012 MaxTED Co., Ltd. All Rights Reserved.
  • 16. UI와 데이터처리로직의 분리 DUNAMIS 플랫폼은 화면구성과 서버와의 데이터 통신을 분리하여 처리합니다. 따라서 UI 담당자와 데이터통신 담당자를 구분하여 병행개발을 진행함으로써 인력을 효율적으로 운영 할 수 있습니다. 모바일 앱 UI 표준 인터페이스 (XML/ J SON)  기본 제공되는 컴포넌트 템플릿을 이용하여 손쉽게 화면UI 를 구성  이벤트처리는 UI 를 구성한 XML에서 처리  표준화된 개발로 초급개발자로도 균일한 품질을 확보 화면 UI 및 사용자 Dunamis Mobile 서버와의 Legacy event 를 XML Engine Server 데이터통신 형식으로 구성 서버와의 통신메시지  Dunamis의 통신모듈을 이용하여 서버와의 데이터통신  http(s), TCP/IP 통신프로토콜과 정의된 메시지형식으로 송수신  수신된 메시지는 데이터모듈와 UI모듈을 통해 화면에 display 15 © 2012 MaxTED Co., Ltd. All Rights Reserved.
  • 17. 캐싱을 통한 빠른 화면 로딩 DUNAMIS는 Native 구조로서 OS와 직접 연동 하여 Webkit을 이용하는 다른 Mobile Platform에 비해 처리성능이 우수하고, 서비스 고성능을 위해 Local Storage 와 메모리캐싱을 이용 합니다. 01 No 브라우저  Dunamis는 플랫폼 독립적이며 기존의 C/S 방식의 DUNAMIS App 구조 DUNAMIS 캐싱 장점과 WEB 방식의 장점을 결합시켜 고객에 편리한 사용과 유연한 운영을 할 수 있게 설계된 모바일 UI UI XML 리소스 플랫폼 XML Data UI Manager Manager 02 로딩속도향상을 위한 캐싱 Dunamis Platform Local File XML Storage Manager Manager • Eclipse 기반의 개발환경을 제공하여 Run-time시 Debugging이 가능하며, 개발환경에 네트워크로 연결된 Dunamis Engine 모든 스마트 Device에 대해서 App을 동시에 제어 Client OS 캐싱 위치 © 2012 MaxTED Co., Ltd. All Rights Reserved.
  • 19. 통합개발환경(1/6) DUNAMIS 스튜디오는 Eclipse에 DUNAMIS 라이브러리를 Plug-in하여 프로젝트생성, DUNAMIS 컴포넌트 및 이벤트처리, 멀티 디바이스 실시간 디버깅 등 모바일 서비스를 구현할 수 있는 통합개발환경(IDE)을 제공합니다. Package Explorer View Outline View • 현재 작업중인 프로젝트와 • 현재 작업중인 화면의 구조를 프로젝트에 포함된 모든 트리 형태로 보여줌 리소스들을 트리 형태로 보여줌 Editor Panel Code Snippets View • UI Layout에 대한 정의와 User Event 스 크 립 트 등 화 면 을 • 화면디자인에 필요한 Dunamis 개발하는 에디터화면으로 XML 컴 포 넌 트 와 액 션 을 형식으로 작성 템플릿형태로 제공하여 화면개발시 드래그앤드롭으로 기본코드를 작성 Debugging View • IDE의 개발소스를 디바이스에 자동배포하고 디바이스에서 동작하는 이벤트 및 데이터 형식/값을 실시간으로 제공 18 © 2012 MaxTED Co., Ltd. All Rights Reserved.
  • 20. 통합개발환경(2/6) DUNAMIS 스튜디오에서는 한번의 작업으로 OS별(Android, iOS, Windows Phone) 프로젝트가 동시에 생성됩니다. DUNAMIS 프로젝트 생성 절차 1. Wizard 선택 2. 패키지유형선택 3. 프로젝트 자동생성 ▶ 개발도구를 이용하여 프로젝트 생성 ▶ Wizard를 이용하여 업무성격에 맞는 프로젝트 유형을 선택 ▶ 한번의 생성으로 Android외에 iphone 과 windows OS 별 프로젝트 phone 프로젝트를 동시에 생성 동시생성 프로젝트 유형 선택 프로젝트 위자드 선택 “아이폰 앱 “안드로이 “간편하고 을 위한 별 드와 아이폰 빠른 프로젝 도 처리 불 앱 동시실행” 트 생성” 필요” (Mac OS에서) DUNAMIS 이클립스에서 wizard를 이용하여 프로젝트 자동생성 프로젝트 생성 19 © 2012 MaxTED Co., Ltd. All Rights Reserved.
  • 21. 통합개발환경(3/6) DUNAMIS 스튜디 오에 서는 Snippets 에 서 제공하 는 다양 한 템 플릿을 활용하 여 화면 구성 및 이벤트처리를 구현하고, 디버깅 뷰를 통해 여러 디바이스의 실행정보를 실시간으로 확인합니다. Action, Component 등 다양한 템플릿 제공 멀티디바이스 실시간 디버깅 뷰 제공 멀티 다바이스 연결 Action 및 Source 상태정보 디버깅 액션, 컴포넌트, 데이터 등 다양한 종류의 멀티디바이스 여러 대의 디바이스를 동시에 연결하여 템플릿 제공 템플릿을 통해 화면개발 지원 실행정보(화면, 액션, 컴포넌트, 변수 등) 를 디버깅뷰 제공 디버깅 20 © 2012 MaxTED Co., Ltd. All Rights Reserved.
  • 22. 통합개발환경(4/6) 개발 편의성을 위해 컴포넌트 및 액션 등 UI 로직에 대한 Code Complete 기능과 위해 컴포넌트 속성 창과 텍스트모드간 동기화를 지원합니다. Code Complete 기능 지원 속성 창과 텍스트모드간 동기화 컴포넌트 속성과 텍스트 모드 동기화 컴포넌트, 액션 등 UI Logic에 대한 Code Complete 디자인 에디터 모드 ‘<<‘ 기호를 이용하여 에디터에서 속성값을 디자인모드의 속성창을 이용하여 컴포넌트 Code Complete 참조하여 UI 로직을 구현하는 code complete 디자인모드 지원 속정을 정의 기능 제공 21 © 2012 MaxTED Co., Ltd. All Rights Reserved.
  • 23. 통합개발환경(5/6) Studio에서 수정한 내용을 소스 배포 없이 무선으로 여러 대의 디바이스에서 미리 보기를 통해 UI 구성 및 액션처리 결과를 확인합니다. No Deploy, Mobile Connection 미리보기 1. 소스 수정 2. Preview 선택 3. 실시간 확인 ▶ 소스 수정한 결과를 프로그램 배포 없이 확인 ▶ 무선연결을 통해 여러 대의 디바이스에 동시 적용 ▶ 화면 미리 보기가 아니라 UI 구성 및 액션처리 등을 소스 배포 없이 확인 개발기간 단축 및 운영시 서비스 적시정 제공 연결된 디바이스에 “Multi 실시간 미리보기 “Mobile “No Deploy” Device Connection” Preview” 미리보기 Preview를 통해 소스수정결과를 디바이스에서 바로 확인 22 © 2012 MaxTED Co., Ltd. All Rights Reserved.
  • 24. 통합개발환경(6/6) DUNAMIS 스튜디오와 디바이스간에 실시간 연결을 통하여 개발소스를 다수의 디바이스에서 즉시 배포하여 실행화면, 액션, 데이터를 확인하면서 디버깅하여 개발생산성 및 운용 효율성 향상에 기여 Multi Device 실시간 디버깅 디바이스연결 요청 디바이스 연결 연결 및 실시간 디버깅 디바이스 연결 요청 디바이스 연결 연결 및 실시간 디버깅 •에 뮬 에 이 터 또 는 실 제 •이 클 립 스 의 연 결 요 청 을 •스 튜 디 오 와 디 바 이 스 가 디 바 이 스 와 연 결 하 여 디바이스에서 확인 연결되면 액션과 소스에 대해 프로젝트를 실행 • 최 대 254 개 의 디 바 이 스 와 실행정보를 디버깅뷰로 확인 • Dunamis 디버깅뷰에서 Device 연결하여 동시에 개발 및 디버깅 •개 발 소 스 를 디 바 이 스 에 연결을 실행 배포하여 실시간 테스트 진행 ※ DUNAMIS 개발환경 특허출원 2012년 6월 23 © 2012 MaxTED Co., Ltd. All Rights Reserved.
  • 25. 주요 컴포넌트 (1/3) DUNAMIS 플랫폼은 Form, List, Tree, Grid, Slide, Circle Button, Chart 등 스마트기기 화면 Layout 구 성을 위한 컴포넌트를 기본적으로 제공합니다. DUNAMIS Component Slide Menu Circle Menu Custom Slide Grid Coverflow Tree Alert Panel 24 © 2012 MaxTED Co., Ltd. All Rights Reserved.
  • 26. 주요 컴포넌트 (2/3) DUNAMIS 플랫폼은 Form, List, Tree, Grid, Slide, Circle Button, Chart 등 스마트기기 화면 Layout 구 성을 위한 컴포넌트를 기본적으로 제공합니다. DUNAMIS Component Form TextField Toggle Picker & Switch Panel List Tool bar 25 © 2012 MaxTED Co., Ltd. All Rights Reserved.
  • 27. 주요 컴포넌트 (3/3) DUNAMIS Chart Component “스마트폰 전용 Chart Component” 접근편의성 XML 만으로 다양한 Chart UI 구성 1 다양성 Layer 형태로 한 화면에 여러 Chart 구성 2 확장성 Android, iOS, Windows Phone 완벽지원 3 COLOMN CHART BAR CHART LINE CHART AREA CHART PIE CHART RADER CHART THUMB & COMPO GUAGE ETC CHART 26 © 2012 MaxTED Co., Ltd. All Rights Reserved.
  • 28. 모바일 서비스 개발방안 DUNAMIS를 이용하여 Eclips기반의 스튜디오로 화면UI 및 액션처리 등 95%이상의 개발소스를 XML(One Source)로 작성하고, 멀티디바이스에 직접 배포하여 테스트를 거친 후, 패키징된 라이브러리를 마켓에 등록하는 것으로 모바일 서비스를 제공 합니다. 화면구성 및 이벤트 처리 테스트 및 디버깅 개발자 DUNAMIS 스튜디오 스튜디오와 디바이스간 실시간 디버깅 App 다운로드 패키징 등록 및 배포 라이브러리 XML 화면 및 액션 패키징 및 등록 배포 Android Market 화면 WP Marketplace 액션 Apple App Store Market XML 배포서버 자동배포 사용자 앱스토어 앱스토어 등록 및 배포서버에 deploy 27 © 2012 MaxTED Co., Ltd. All Rights Reserved.
  • 29. 개발비용 절감효과 DUNAMIS 플랫폼의 손쉬운 개발접근성은 기존 방식에 비해서 획기적인 비용절감 효과를 보장합니다. 구분 기존 개발 방식 절감효과 DUNAMIS 개발 방식 플랫폼 별 전문 기술인력 필요 - 전문인력 수급의 어려움 x4 초급 개발자 및 기존 웹 개발자 활용 - UI 작업 (초급개발자) 인력단가 (엷은 모바일 개발 인력 구조) - 로직 및 서버 작업 (웹개발자, 중급기준) - 플랫폼별 개발 인건비의 부담 (높은 아이폰 개발인건비) 플랫폼 별 시장 기준 적용 x4 두마미스 XML 개발 기준 개발기간 - 4 ~ 5일 / 화면 1본 (중급 기준) - 1일 / 화면 1본(중급 기준) 2주 이상 1주 이내 개발자 - 플랫폼별 개발환경 구축 x2 - DUNAMIS 플랫폼 교육 적응기간 - 백엔드 연동 개발환경 구축 - 개발 환경 설치(XCODE,ECLIPSE) 플랫폼별 개발 표준 수립 배포 및 플랫폼 별 1개월 이상 x3 2주 이내 안정화 기간 콘텐츠 및 콘텐츠 제작 비용 전체 x2 기존 웹 콘텐츠 재활용 가능 리소스 제작 애플리케이션 신규 애플리케이션 개발 비용 전체 x2 추가 애플리케이션 개발 비용 - 애플리케이션 개발 비용 - UI/UX 개발 비용 추가 비용 - 백엔드 인프라 구축 비용 - 데이터 연동 인터페이스 개발 비용 28 © 2012 MaxTED Co., Ltd. All Rights Reserved.
  • 30. 모바일 플랫폼 비교 DUNAMIS 플랫폼은 모바일서비스 개발·운영·관리 측면에서 기능성, 생산성, 성능 및 확장성부분에서 우수합니다. ●높음 ◑중간 ○낮음 구분 DUNAMIS HTML5 T사 Native App Mobile Web ① DATA 만 서버 연동 ② UI + DATA UI + DATA UI(일부) + DATA DATA UI + DATA 선택 가능 언어처리방식 Interpreter 방식 Interpreter 방식 Interpreter 방식 Compile 방식 Interpreter 방식 Browser 필요 없음 Web Browser 필요 Virtual Engine 필요 없음 Web Browser 필요 화면 구성 XML HTML XML Native 언어 HTML 설치되는 Web Browser와 전용 Browser, Web Browser 에서 개발된 화면 설치 개발된 화면 설치 프로그램 개발된 화면 설치 Component만 설치 실행 화면 기능성 ● ◑ ● ● ○ 개발 생산성 ● ● ● ○ ○ 처리 속도 ● ◑ ◑ ● ○ 확장성(HW,OS) ● ◑ ● ◑ ○ 29 © 2012 MaxTED Co., Ltd. All Rights Reserved.
  • 31. 구축사례 :: KT 고객사 시스템명 사업내용 • KT • 스마트 홈허브(구축중) • 스마트기기로 홈네트워크를 이용하여 스마트홈서비스이용 [스마트 홈허브] 30 © 2012 MaxTED Co., Ltd. All Rights Reserved.
  • 32. 구축사례 :: 교보생명 고객사 시스템명 사업내용 • 교보생명 • 스마트영업지원 • 설계사용 SFA 앱 • 고객센터 • 모바일계약조회, 금융서비스 및 상품정보 앱 [스마트 영업지원] [교보생명 모바일창구] 31 © 2012 MaxTED Co., Ltd. All Rights Reserved.
  • 33. 구축사례 :: LIG 손해보험 고객사 시스템명 사업내용 • LIG 손해보험 • 스마트보험가입 • 모바일그룹웨어 및 • 영업지원 설계사용 SFA 앱 개발 • 고객센터 [LIG 손해보험 스마트보험가입 및 고객센터] [LIG 손해보험 모바일 그룹웨어] 32 © 2012 MaxTED Co., Ltd. All Rights Reserved.
  • 34. 구축사례 :: 한국수자원공사 고객사 시스템명 사업내용 • 한국수자원공사 • 모바일 그룹웨어 • 메일, 전자결제, 사내공지 등 모바일그룹웨어 앱 33 © 2012 MaxTED Co., Ltd. All Rights Reserved.
  • 35. (주)맥스테드 www.maxted.kr 영업대표 이승엽 Mobile : 010-2906-9678 e-Mail : s.lee@maxted.kr