Разработка мобильных приложений на HTML5

  • Published on
    29-Nov-2014

  • View
    5.534

  • Download
    9

Embed Size (px)

DESCRIPTION

 

Transcript

  • 1. HTML5
  • 2. "Enterra"3 -1.5 PhoneGap- HTML5
  • 3. HTML?
  • 4. HTML5 ( , , Windows 8, etc) HTML, JavaScript, CSS ( "jQuery-")
  • 5. web- Canvas Touch- Web Workers Viewport WebSocket Media queries WebRTC Geolocation API Video Web Storage WebGL
  • 6. Viewport
  • 7. CSS Media Queries@media only screen and (min-height: 641px) and (min-width: 961px) { /**/}@media screen and (min-aspect-ratio: 3/4) { /**/}@media only screen and (-webkit-min-device-pixel-ratio: 1.5) { /**/}
  • 8. CSS Media Queries
  • 9. ?
  • 10. jQuery Mobile -
  • 11. jQuery Mobile Slider:
  • 12. Sencha Touch Native Packaging
  • 13. Sencha TouchExt.create(Ext.form.Panel, { fullscreen: true, items: [ { xtype: sliderfield, label: Percentage, value: 50, minValue: 0, maxValue: 100 } ]});
  • 14. ?
  • 15. Objective C/Java/C#/JavaScript
  • 16. Adobe AIR ActionScript 3 Stage3D (Starling, Feathers UI) : iOS, Android, BlackBerry, Windows
  • 17. Mono C# UI : iOS, Android, Windows, Linux, Mac OS, Wii, XBox 360
  • 18. - JavaScript/HTML/CSS3
  • 19. - JavaScript/HTML/CSS3 - API PhoneGap iOS, Android, Blackberry, Windows Phone 7,8, Tizen, WebOS, Bada, Symbian Appcelerator Titanium iOS, Android, BlackBerry, Windows
  • 20. PhoneGap JavaScript, HTML, CSS. Apache Cordova. Nitobi. Adobe Systems. PhoneGap Build.
  • 21. iOS Tizen Android WebOS Blackberry Bada Windows Phone 7,8 Symbian
  • 22. PhoneGap API Accelerometer Globalization Camera InAppBrowser Capture Media Compass Notification Connection Splashscreen Contacts Storage Device File Events Geolocation
  • 23. PhoneGap:
  • 24. PhoneGap:
  • 25. PhoneGap: JavaScript-
  • 26. PhoneGap: API
  • 27. PhoneGap: HTML5 . PhoneGap 200 .
  • 28. HTML5-
  • 29. JavaScript DOM
  • 30. WebKit Windows Phone = IE UI
  • 31. , - Zoom
  • 32. , -
  • 33. UI - HTML- store Sencha Touch, jQuery Mobile Appcelerator Titanium
  • 34. : WebSocket Web Worker WebGL video WebView Android PhoneGap-
  • 35. ? , UI
  • 36. http://phonegap.com/https://github.com/phonegap/phonegap-pluginshttp://caniuse.com/http://mobilehtml5.org/http://www.sencha.com/products/touchhttp://jquerymobile.com/
  • 37. ? HTML5

Recommended

View more >