앱스프레소를 이용한 모바일 앱 개발 <iolothebard at gmail dot com>                                  1
하이브리드앱 개요            2
모바일 플랫폼 - 春秋戰國時代                   3
Mobile App ArchitectureNative Mobile Applications       Hybrid Mobile Applications                  Mobile Web Application...
Native Apps: PROS & CONSNative UX           High CostHigh Performance    Too DifficultFull Device Resource Long STore Proce...
Web Apps: PROS & CONSOpen Web Standard Device ResourceHTML, CSS, JS     AccessibilityMulti Device      ConfidenceMulti Plat...
Hybrid Apps                   Application Quality                                                                         ...
하이브리드앱 개발 프레임웍                 8
앱스프레소 소개           9
Appspresso  통합 개발환경 지원, Eclipse IDE  iOS, Android, W3C Widget  JS Frameworks 포함  향상된 네이티브 API 제공  WAC / Waikiki API  On Th...
앱스프레소 다운로드             11
앱스프레소 IDE(Eclipse Plugin)                            12
앱스프레소 IDE(Eclipse Plugin)                            13
WAC 2.0 Waikiki APIWAC
 Waikiki
 API
 2.0
 beta
 버전
 지원Export
 WAC
Upcoming SlideShare
Loading in …5
×

앱스프레소를 이용한 모바일 앱 개발(1)

2,187 views

Published on

[ITOnAir]데브멘토 동영상, 장동수 KTH 웹플랫폼Lab 차장(1/2부)_Dev & Tech Festival
<!--StartFragment-->하이브리드앱의 개요모바일 플랫폼 춘추전국시대앱스프레소 소개, WAC 2.0 Waikiki API앱스프레소 Extension API, Device API 및 데모영상   <?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />본 영상은 데브멘토 ITOnAir (tv.devmento.co.kr) 또는 다음tv팟(tvpot.daum.net/pot/Itonair)을 통해 웹과 모바일로 시청하실 수 있습니다.

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
2,187
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

앱스프레소를 이용한 모바일 앱 개발(1)

  1. 1. 앱스프레소를 이용한 모바일 앱 개발 <iolothebard at gmail dot com> 1
  2. 2. 하이브리드앱 개요 2
  3. 3. 모바일 플랫폼 - 春秋戰國時代 3
  4. 4. Mobile App ArchitectureNative Mobile Applications Hybrid Mobile Applications Mobile Web Applications Proprietary UI Toolkit JavaScript Frameworks/Libraries UI Toolkit Web Standards Proprietary Frameworks HTML5 CSS JavaScript Native Libraries Platform Dependant Device API Platform Independent Device API Proprietary Built-in Web BrowserDevelopment Environment Platform Specific Native SDK Android SDK/ND iPhone SDK .NET Mobile … K 4
  5. 5. Native Apps: PROS & CONSNative UX High CostHigh Performance Too DifficultFull Device Resource Long STore ProcessApp Store Too Many DeviceGaming Machine Too Many Platform Version Management 5
  6. 6. Web Apps: PROS & CONSOpen Web Standard Device ResourceHTML, CSS, JS AccessibilityMulti Device ConfidenceMulti Platform Cross-domainRealtime Performance 6
  7. 7. Hybrid Apps Application Quality Native! Mobile!Web Apps BEST Applications!Native Resource Hybrid! Mobile!Native App Market Applications!Fast Development Mobile! Web! WORSTLow Cost Applications! Development Cost 7
  8. 8. 하이브리드앱 개발 프레임웍 8
  9. 9. 앱스프레소 소개 9
  10. 10. Appspresso 통합 개발환경 지원, Eclipse IDE iOS, Android, W3C Widget JS Frameworks 포함 향상된 네이티브 API 제공 WAC / Waikiki API On The Fly Development Plug-in Development Kit (PDK) 10
  11. 11. 앱스프레소 다운로드 11
  12. 12. 앱스프레소 IDE(Eclipse Plugin) 12
  13. 13. 앱스프레소 IDE(Eclipse Plugin) 13
  14. 14. WAC 2.0 Waikiki APIWAC
  15. 15.  Waikiki
  16. 16.  API
  17. 17.  2.0
  18. 18.  beta
  19. 19.  버전
  20. 20.  지원Export
  21. 21.  WAC
  22. 22.  widget
  23. 23.  package Deviceapis Messaging Accelerometer Geolocation Orientation Contact Camera Calendar Devicestatus Task Filesystem Deviceinteration 14
  24. 24. Appspresso Extension API•WAC API 에서 제공되지 않는 API 제공•Plug-in 구조로 되어있어 지속적인 확장 가능•Plug-in Development Kit (PDK)•Open Source Project ax.ext.android ax.ext.ios ax.ext.net ax.ext.media ax.ext.ui Custom
  25. 25.  APIs... 15
  26. 26. Device APIs 16
  27. 27. deviceapis•deviceapis•deviceapis.accelerometer•deviceapis.orientation•deviceapis.devicestatus•deviceapis.filesystem•deviceapis.messaging•navigator.geolocation•deviceapis.pim•deviceapis.pim.contact•deviceapis.pim.calendar•deviceapis.pim.task•deviceapis.deviceinteraction 17
  28. 28. accelerometeraccId = deviceapis.accelerometer.watchAcceleration( function watcher(acceleration){ var dx = Math.round(acceleration.xAxis * Math.pow(10, 1)) / Math.pow(10, 1) * -1; var dy = Math.round(acceleration.yAxis * Math.pow(10, 1)) / Math.pow(10, 1) * -1; }, function (error) { ... }, { minNotificationInterval : 10 }); 18
  29. 29. 19
  30. 30. cameradeviceapis.cameramanager.getCameras(function(cams) { if(cams.length 0) { mainCamera = cams[0]; try { op = mainCamera.createPreviewNode(function(previewNode) { myParent.appendChild(previewNode); }, function (e) { ... }); } catch (e) { ... } } else { alert(no cameras found); }}, function (error) { ... }); 20
  31. 31. 21

×