웹 방식으로 앱을 개발하자는 개념으로 개발 된 웹스퀘어 하이브리는 HTML5 웹 표준 UI 플랫폼 웹스퀘어의 장점을 그대로 승계하여 웹 표준 기반의 호환성 및 확장성을 유지하고 WYSIWYG 기반 웹 개발 방식의 장점을 이용하여 개발자가 기존 웹스퀘어 자원을 재활용하여 웹 방식으로 보다 쉽고 빠르게 하이브리드 앱을 개발 할 수 있도록 합니다.

웹스퀘어 하이브리드5는 웹스퀘어5의 Studio를 활용하여, Cross Browsing, Multi Platform, Multi Device의 지원 등 웹 표준 기반 개발로 호환성와 웹 접근성을 극대화시키고, 디바이스 기능을 제어할 수 없거나, 정보를 다운로드로 받기 때문에 일어나는 성능 이슈 및 모바일 UX측면에서 Native App보다 미흡한 부분에 대한 한계를 극복하기 위하여 Native Apps과 웹스퀘어5를 융합하여 개발하였습니다.

즉, 강력한 호환성을 가진 웹스퀘어5의 장점과 모바일 웹이 지원하지 못하는 스마트 기기의 네이티브 앱의 장점을 융합하여 앱을 웹 방식으로 개발할 수 있는 환경을 제공하는 것이 웹스퀘어 하이브리드5 플랫폼입니다.

# 아키텍쳐

강력한 호환성을 가진 웹스퀘어5의 장점과 네이티브 앱의 장점을 융합한 웹스퀘어 하이브리드5 플랫폼의 웹 표준 방식으로 개발하면서 모바일 네이티브 기능을 구현할 수 있는 API를 지원합니다.

# 제품 특장점

웹스퀘어 하이브리드5는 모바일 OS나 이 기종 플랫폼과 상관없이 강력한 웹 호환성을 기반으로 다양한 디바이스에서 동작하는 하이브리드 어플리케이션을 개발할 수 있기 때문에 개발 비용을 절감하고 개발 생산성을 획기적으로 제고 할 수 있습니다.
웹스퀘어 하이브리드5의 보다 강력한 특장점을 알아봅니다.

WebSquare Hybrid5의 특장점

• WebSquare 기반의 Hybrid App 개발 플랫폼으로 WebSquare 기술을 이용하여 App 구현
• Mobile Device 및 Hybird에 최적화된 Engine 제공
• 모바일 기기에 부적합한 일부 컴포넌트를 제외하고 WebSquare와 동일한 기능 지원 및 Mobile에 특화된 Component 제공 (ex: DatePicker, Slider, Spinner 등 다수 제공)
• 기본 Native 기능 및 Template을 제공하여 적은 App 기술로도 App 개발이 가능
• 화면 및 비즈니스 개발은 WebSquare Studio를 이용하여 개발 가능
• 하나의 Source로 Web과 App 모두 사용 가능하여 One Source Multi Platform 구현이 가능
• In App Update 기능을 이용하여 디바이스에 다운받은 Content 중 변경된 Content를 앱스토어 등록 없이 업데이트 가능
• Plugin을 이용하여 디바이스의 기능과 정보에 접근 및 제어가 가능
• Content의 배포를 위한 서버 빌드 스크립트 지원(ant 사용으로 통합 빌드환경 구축 가능)
• 보안성 강화를 위해 Cordova 버전 업그레이드
• 서버 Connection 및 InAppUpdate 기능 개선으로 업데이트시간 단축
• WebSquare Hybrid Engine 경량화로 엔진업데이트시간 단축
• 테스트 편의성을 위해 하나의 App으로 여러 서버 접근 기능 추가
• 보안리소스 지원 방안 기능 추가
• 화면 랜더링 시간 단축을 위한 WebSquare SPA 기능 사용 가능

앱스토어나 마켓을 통하지 않고 앱 내에서 직접 업데이트 할 파일을 내려 받아 갱신하는 인앱업데이트( In App Update)기능을 지원합니다.

웹스퀘어의 통합개발환경에서 자바스크립트로 폰의 기본 네이티브 기능을 호출하여 제어할 수 있는 API를 제공하여 각종 3rd Party 제품군과의 연계도 가능합니다.

# 기대효과

웹스퀘어 하이브리드5는 앱은 웹 개발 방식으로 웹 개발자가 쉽게 앱을 개발할 수 있는 하이브리드 앱의 장점과 WYSIWYG 기반 개발 환경의 웹스퀘어 하이브리드 플랫폼의 장점을 결합하여 개발 부담을 감소 시키고, 소스의 재활용으로 개발 기간을 단축 시킬 수 있으며, 동일한 웹스퀘어 개발자가 하이브리드 앱 개발을 수행할 수 있음으로 앱 개발의 개발 생산성을 높이고 비용을 절감할 수 있다.

# 은행 모바일 뱅킹 구축사례

프로젝트 목적

• 개인고객 및 기업 고객을 위한 모바일 뱅킹 구축
• HTML5를 적용하여 모바일 뱅킹 앱 UI 사용 편의성 개선
• 공인인증서, GPS, 카메라 등 다양한 네이티브 기능을 연동

프로젝트 특징

• 앱스토어 검수 절차 없이 프로그램 변경 사항을 신속하게 반영할 수 있는 인앱업데이트 기능 구축
• 하나의 소스로 iOS/Android 등의 OS를 지원하고 Smart Phone과 Tablet지원을 지원하는 One Source Multi Use로 구현