Your SlideShare is downloading. ×
0
앱스프레소를 이용한 모바일 앱 개발(1)
앱스프레소를 이용한 모바일 앱 개발(1)
앱스프레소를 이용한 모바일 앱 개발(1)
앱스프레소를 이용한 모바일 앱 개발(1)
앱스프레소를 이용한 모바일 앱 개발(1)
앱스프레소를 이용한 모바일 앱 개발(1)
앱스프레소를 이용한 모바일 앱 개발(1)
앱스프레소를 이용한 모바일 앱 개발(1)
앱스프레소를 이용한 모바일 앱 개발(1)
앱스프레소를 이용한 모바일 앱 개발(1)
앱스프레소를 이용한 모바일 앱 개발(1)
앱스프레소를 이용한 모바일 앱 개발(1)
앱스프레소를 이용한 모바일 앱 개발(1)
앱스프레소를 이용한 모바일 앱 개발(1)
앱스프레소를 이용한 모바일 앱 개발(1)
앱스프레소를 이용한 모바일 앱 개발(1)
앱스프레소를 이용한 모바일 앱 개발(1)
앱스프레소를 이용한 모바일 앱 개발(1)
앱스프레소를 이용한 모바일 앱 개발(1)
앱스프레소를 이용한 모바일 앱 개발(1)
앱스프레소를 이용한 모바일 앱 개발(1)
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

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

1,536

Published on

[ITOnAir]데브멘토 동영상, 장동수 KTH 웹플랫폼Lab 차장(1/2부)_Dev & Tech Festival …

[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
1,536
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. 앱스프레소를 이용한 모바일 앱 개발 <iolothebard at gmail dot com> 1
  • 2. 하이브리드앱 개요 2
  • 3. 모바일 플랫폼 - 春秋戰國時代 3
  • 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. 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. Web Apps: PROS & CONSOpen Web Standard Device ResourceHTML, CSS, JS AccessibilityMulti Device ConfidenceMulti Platform Cross-domainRealtime Performance 6
  • 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
  • 9. 앱스프레소 소개 9
  • 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
  • 12. 앱스프레소 IDE(Eclipse Plugin) 12
  • 13. 앱스프레소 IDE(Eclipse Plugin) 13
  • 14. WAC 2.0 Waikiki APIWAC
  • 15.  Waikiki
  • 16.  API
  • 17.  2.0
  • 18.  beta
  • 19.  버전
  • 20.  지원Export
  • 21.  WAC
  • 22.  widget
  • 23.  package Deviceapis Messaging Accelerometer Geolocation Orientation Contact Camera Calendar Devicestatus Task Filesystem Deviceinteration 14
  • 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.  APIs... 15
  • 26. Device APIs 16
  • 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. 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. 19
  • 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. 21

×