Hybrid App

7,131 views

Published on

Hybrid App

Published in: Technology
  • Be the first to comment

Hybrid App

  1. 1. 하이브리드앱(Hybrid app)<br />하이브리드앱 정의<br />
  2. 2. 하이브리드앱이란?<br />기존의 네이티브앱의 단점을 보안<br />개발 및 유지보수 용이<br />다양한 기기에 대응가능<br />HTML5, JAVASCRIPT, CSS등을 활용<br />웹 표준 기술을 활용하여 앱을 표현<br />
  3. 3. 하이브리드앱이란?<br />화려한 UI<br />단말 고유 기능<br />APP과 WEB의<br />장점 결합<br />비용절감<br />유지보수 용이<br />
  4. 4. 하이브리드앱이란?<br />하이브리드앱은<br />네이티브앱과 웹의<br />중간단계에 <br />존재하고 있다.<br />
  5. 5. 하이브리드앱이란?<br />Application(APP)<br />UI API | PHONE API | Optinal Modules<br />Bridge – javascript – java / javascript – Object C<br />OS – Android / Iphone / BlackBerry / Symbian / Window Phone7<br />Native<br />IphoneAPP<br />Native<br />Android APP<br />
  6. 6. 하이브리드앱의 장점<br />네이티브앱에 비해 유지보수 용이<br />다양한 플랫폼에 대응<br />다양한 기기와 해상도에 대응가능<br />웹 기술임에도 마켓에 팔수 있어 수익확보<br />
  7. 7. 하이브리드앱의 단점<br />일부 플랫폼의 경우 성능 저하<br />통신을 이용하는 방식에선 성능저하(폰갭)<br />웹 표준 침해 가능성 존재<br />각 플랫폼 마다 자신들만의 기술 정립<br />최신 모바일 기술 접목의 어려움<br />
  8. 8. 하이브리드개발 프레임워크<br />PhoneGap<br />Titanium<br />Appspresso<br />
  9. 9. PhoneGap(폰갭)<br />최초의 하이브리드앱 프레임워크<br />개발환경 제공은 하지 않고 패키징만 지원<br />브라우저도 웹앱을 구동하는 방식으로 성능이 네이티브앱에 비해 떨어짐<br />폰갭만의API제공<br />
  10. 10. Titanium(티타늄)<br />폰갭의 단점인 성능 부분을 개선<br />브라우저로 웹앱을 구동하는 방식이 아닌 웹 기술을 활용하여 네이티브앱으로 개발<br />Titanium만의 API를 다양하게 제공<br />데스크탑 플랫폼도 지원<br />
  11. 11. Appspresso(앱tm프레소)<br />KTH에서 개발된 프레임워크<br />가장 최근에 발표된 프레임워크<br />강력한 개발환경 지원<br />웹앱 표준인 WAC waikiki API를 지원<br />이클립스IDE 지원<br />폰갭과 같은 형식의 개발로 성능제한 있음<br />
  12. 12. 하이브리드UI 개발 프레임워크<br />Sencha touch<br />J쿼리 모바일<br />JQTouch<br />Joapp<br />
  13. 13. Sencha touch<br />ExtJS라이브러리 중심으로 구성<br />※ExtJs는 웹애플리케이션을 만들기위한client-side-JavaScript framework이다<br />-Extjs를 배우기 위한 별도 교육 필요<br />기능이 매우 강력하고 Extjs를 활용하여 보다 앱적인 표현력이 강력하다<br />라이선스를 구매해야 한다.<br />
  14. 14. J쿼리 모바일<br />표현방식이 기존의 HTML가 비슷하여 빠르게 적응 가능함<br />Html마크업 기반<br />상당히 다양한 플랫폼에 대응 가능<br />때문에 다양한 기기에 대한 작업부담 증가<br />Sencha touch에 비하여 표현력이 떨어짐<br />
  15. 15. JQTouch<br />아이폰에 최적화된 터치 프레임워크<br />안드로이드 등 다른 기기에 적용 어려움<br />J쿼리 모바일 처럼 J쿼리에 기반을 두고 있음<br />Html 마크업 기반<br />간단한 사용방식으로 초보자에게 적합<br />
  16. 16. Joapp<br />많이 쓰이지는 않으나 다양한 기능 제공<br />대부분 Javascript로 구성되어 개발이 어려움<br />
  17. 17. 개발과정<br />
  18. 18. 정리<br />하이브리드앱은웹앱과네이티브앱의 장점을 모아 만든 방식<br />보다 효율적인 앱 생산이 가능<br />아직까진 네이티브앱보다 성능이 떨어지나 발전 가능성이 높음<br />Titanium은 네이티브앱의 성능을 보여줌<br />
  19. 19. 끝<br />

×