Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.

하이브리드 앱 개발 개요

3.938 Aufrufe

Veröffentlicht am

  • Als Erste(r) kommentieren

하이브리드 앱 개발 개요

  1. 1. Hybrid App 개발 기술 소개 콘텐츠 개발 파트 정소희
  2. 2. 하이브리드 앱 기술이란? 웹과 네이티브 코드의 결합 HTML5, CSS, 자바스크립트의 웹 기술과Objective-C, Java, C# 등의 네이티브 코드가 결합된 앱 개발 방식
  3. 3. 무엇이 다른가?Native AppMobile WebHybrid App
  4. 4. Native App• iOS 또는 Android 전용 개발언어와 도구를 사용하여 원하는 기능이 하나의 덩어리형태로 컴파일된 형태• 개발 언어 iOS Android Objective-C Java• 실행이 빠르고 디자인 일관성이 높은 편• 예 – 카메라, 게임, 일정관리 앱 등등..
  5. 5. Mobile Web• 스마트폰에 내장된 웹브라우저를 통해 접속하는 형태• 개발언어 iOS / Android Html, javascript, C SS 등..• 매 페이지마다 네트워크에 접속해야 하므로 속도가 느림• 모바일 기기를 컨트롤 할 수 없음• 예 – m.naver.com
  6. 6. Hybrid App• 겉모습은 앱인데 속은 웹?• 핵심기능은 Native 기술로 구현하고 지속적으로 업데이트해야할 부분은 웹 기술로 관리• 최근 만들어지는 앱이 대부분 하이브리드 앱• 예 – 만개의 레시피, 네이버 웹툰, 모바일 신문 등..
  7. 7. Hybrid App의 구성요소 스마트폰 고유의 기능을 제어하기 위한 플랫폼 PhoneGap, Sench Touch, Rho moblie 등등… +스마트환경에 적합한 UI를 제공해주는 프레임워크 jQueryMoblie, JQtouch 등등… + 웹 기술 Html5, CSS 등…
  8. 8. 하이브리드 앱 개발시 PhoneGap 플랫폼이 하는 역할• 웹 형태의 콘텐츠를 앱 형태로 포장• 참고 – 2011. 10. 3 Adobe 사에서 폰갭을 만든 Nitobi를 인수함
  9. 9. 폰갭 플랫폼으로 할 수 있는 것들• 폰갭을 사용하면 스마트폰의 가속도, 카메라, 주소록, 파일, GPS, 미디어, 소리, 진동, 스토리지 등 다양한 네이티브기능을 사용할 수 있음
  10. 10. 하이브리드 앱 개발시jQueryMobile 프레임워크가 하는 역할• 모바일기기에 최적화된 UX를 제공• 터치이벤트나 버튼, 리스트 등의 컴포넌트 UI 등의 정보가js파일 안에 정의되어 있어 필요한 부분을 가져다 쓰면 됨 jQueryMoblie에서 제공하는 라이브러리
  11. 11. 프레임워크로 할 수 있는 것들 기타 등등..
  12. 12. 실습화면
  13. 13. 하이브리드 앱 개발 시 장점? (개발자 입장)• 모바일 기기에 접근하는 기술이 이미 phoneGap등의 플랫폼으로 구현이 되어 있고,• UI에 대한 고민도 프레임워크로 어느정도 해소할 수 있으므로..• 기존 기술인 html & CSS로도 개발할 수 있음!(물론 위의 기술을 활용할 수 있는 지식은 가지고 있어야 하겠지만..=_=)
  14. 14. 하이브리드 앱 개발 시 장점? (이용자 입장)• 브라우저로 일일히 URL을 입력하여 접근하지 않아도 됨• (기술구현 만 된다면) 모바일 웹에서는 할 수 없는 기능들을 활용할 수 있음 - 화면캡쳐, 메모하기, SNS로 공유하기 등..
  15. 15. 하이브리드 앱 개발 시 단점?• Native App보다는 속도가 느림• 어쨌든 네트워크 데이터를 소모함• (모바일 웹 대비 단점) 마켓등록시 비용 발생 iTunes - $99 Android Market – $25
  16. 16. 이상, 교육 내용에 대한간략한 소개를 마치며,
  17. 17. 스마트 환경에서의이러닝 앱 기획 및 개발
  18. 18. 스마트 환경에서의 이러닝 앱 기획 및 개발 을 위해,우리가 해야 할 것은 무엇이 있는지 고민해 봅시다.
  19. 19. 스마트러닝이란 무엇일까?모바일 러닝은 이미 새로울 것이 없는 콘텐츠 개발 방식스마트폰으로 전화와 문자만 이용하는 것과 뭐가 다를까?
  20. 20. 스마트러닝이란 무엇일까? +α스마트기기에서 학습하기 때문에 뭔가 차별화된 콘텐츠여야 함.
  21. 21. 학생들이 스마트러닝에서 기대하는 것은 무엇일까?
  22. 22. 화면에 직접 노트필기를 하여자신의 블로그나 SNS에업로드 한다.. 강의 도중 궁금한 사항이 있거나 의견을 남기고 싶으면 카톡이나 SNS에 접속하여 같은 과목을 듣는 수강생이나 교수님에게 내용을 전달할 수 있다.. 기타 등등…
  23. 23. 함께 생각해 보아요 ~!

×