Intel® HTML5 Development Environment...App Framework is comprised of three parts • App Framework...
Transcript of Intel® HTML5 Development Environment...App Framework is comprised of three parts • App Framework...
![Page 1: Intel® HTML5 Development Environment...App Framework is comprised of three parts • App Framework ‐a query selector library • UI ‐a UI/UX library for mobile webkit browsers](https://reader033.fdocuments.in/reader033/viewer/2022050305/5f6ddee7fb99f5238c0308fc/html5/thumbnails/1.jpg)
![Page 2: Intel® HTML5 Development Environment...App Framework is comprised of three parts • App Framework ‐a query selector library • UI ‐a UI/UX library for mobile webkit browsers](https://reader033.fdocuments.in/reader033/viewer/2022050305/5f6ddee7fb99f5238c0308fc/html5/thumbnails/2.jpg)
Intel® HTML5 Development EnvironmentEnvironment
Wu ChengweiSr Software EngineerSr. Software Engineer
![Page 3: Intel® HTML5 Development Environment...App Framework is comprised of three parts • App Framework ‐a query selector library • UI ‐a UI/UX library for mobile webkit browsers](https://reader033.fdocuments.in/reader033/viewer/2022050305/5f6ddee7fb99f5238c0308fc/html5/thumbnails/3.jpg)
AgendaAgenda
• Why HTML5? • Intel® HTML5 Development Environment.
App Dev CenterIntel® XDK App FrameworkApp Game Interfaces
![Page 4: Intel® HTML5 Development Environment...App Framework is comprised of three parts • App Framework ‐a query selector library • UI ‐a UI/UX library for mobile webkit browsers](https://reader033.fdocuments.in/reader033/viewer/2022050305/5f6ddee7fb99f5238c0308fc/html5/thumbnails/4.jpg)
HTML5is a future trend in the world of
d lapp development
![Page 5: Intel® HTML5 Development Environment...App Framework is comprised of three parts • App Framework ‐a query selector library • UI ‐a UI/UX library for mobile webkit browsers](https://reader033.fdocuments.in/reader033/viewer/2022050305/5f6ddee7fb99f5238c0308fc/html5/thumbnails/5.jpg)
One HTML5 Codebase for 1.5B+ DevicesOne HTML5 Codebase for 1.5B Devices
![Page 6: Intel® HTML5 Development Environment...App Framework is comprised of three parts • App Framework ‐a query selector library • UI ‐a UI/UX library for mobile webkit browsers](https://reader033.fdocuments.in/reader033/viewer/2022050305/5f6ddee7fb99f5238c0308fc/html5/thumbnails/6.jpg)
Make Native Apps Using HTML5Make Native Apps Using HTML5
Build your appswith these
Distribute your apps here
![Page 7: Intel® HTML5 Development Environment...App Framework is comprised of three parts • App Framework ‐a query selector library • UI ‐a UI/UX library for mobile webkit browsers](https://reader033.fdocuments.in/reader033/viewer/2022050305/5f6ddee7fb99f5238c0308fc/html5/thumbnails/7.jpg)
Intel’s visionCreate and extend computing technology to connectCreate and extend computing technology to connect and enrich the lives of every person on earth.
HTML5 is an open standard that allows developers to p pwrite once and run anywhere. This cross‐platform approach greatly increases a developer's total approach greatly increases a developer s totalpotential audience while providing users a more consistent experience across different screen sizes.p
![Page 8: Intel® HTML5 Development Environment...App Framework is comprised of three parts • App Framework ‐a query selector library • UI ‐a UI/UX library for mobile webkit browsers](https://reader033.fdocuments.in/reader033/viewer/2022050305/5f6ddee7fb99f5238c0308fc/html5/thumbnails/8.jpg)
Intel® HTML5 Development Environment
• App Dev Center• Intel® XDK• Intel® XDK • App Framework• App Game Interfaces• App Game Interfaces
![Page 9: Intel® HTML5 Development Environment...App Framework is comprised of three parts • App Framework ‐a query selector library • UI ‐a UI/UX library for mobile webkit browsers](https://reader033.fdocuments.in/reader033/viewer/2022050305/5f6ddee7fb99f5238c0308fc/html5/thumbnails/9.jpg)
Intel® HTML5 Development Environment
• App Dev Center• Intel® XDK• Intel® XDK • App Framework• App Game Interfaces• App Game Interfaces
![Page 10: Intel® HTML5 Development Environment...App Framework is comprised of three parts • App Framework ‐a query selector library • UI ‐a UI/UX library for mobile webkit browsers](https://reader033.fdocuments.in/reader033/viewer/2022050305/5f6ddee7fb99f5238c0308fc/html5/thumbnails/10.jpg)
![Page 11: Intel® HTML5 Development Environment...App Framework is comprised of three parts • App Framework ‐a query selector library • UI ‐a UI/UX library for mobile webkit browsers](https://reader033.fdocuments.in/reader033/viewer/2022050305/5f6ddee7fb99f5238c0308fc/html5/thumbnails/11.jpg)
Intel® HTML5 Development Environment
• App Dev Center• Intel® XDK• Intel® XDK • App Framework• App Game Interfaces• App Game Interfaces
![Page 12: Intel® HTML5 Development Environment...App Framework is comprised of three parts • App Framework ‐a query selector library • UI ‐a UI/UX library for mobile webkit browsers](https://reader033.fdocuments.in/reader033/viewer/2022050305/5f6ddee7fb99f5238c0308fc/html5/thumbnails/12.jpg)
The Intel® XDK Development ToolThe Intel XDK Development Tool
![Page 13: Intel® HTML5 Development Environment...App Framework is comprised of three parts • App Framework ‐a query selector library • UI ‐a UI/UX library for mobile webkit browsers](https://reader033.fdocuments.in/reader033/viewer/2022050305/5f6ddee7fb99f5238c0308fc/html5/thumbnails/13.jpg)
XDK Version ControlXDK Version Control
![Page 14: Intel® HTML5 Development Environment...App Framework is comprised of three parts • App Framework ‐a query selector library • UI ‐a UI/UX library for mobile webkit browsers](https://reader033.fdocuments.in/reader033/viewer/2022050305/5f6ddee7fb99f5238c0308fc/html5/thumbnails/14.jpg)
Project ControlsProject Controls
![Page 15: Intel® HTML5 Development Environment...App Framework is comprised of three parts • App Framework ‐a query selector library • UI ‐a UI/UX library for mobile webkit browsers](https://reader033.fdocuments.in/reader033/viewer/2022050305/5f6ddee7fb99f5238c0308fc/html5/thumbnails/15.jpg)
Development ControlsDevelopment Controls
![Page 16: Intel® HTML5 Development Environment...App Framework is comprised of three parts • App Framework ‐a query selector library • UI ‐a UI/UX library for mobile webkit browsers](https://reader033.fdocuments.in/reader033/viewer/2022050305/5f6ddee7fb99f5238c0308fc/html5/thumbnails/16.jpg)
XDK ResourcesXDK Resources
![Page 17: Intel® HTML5 Development Environment...App Framework is comprised of three parts • App Framework ‐a query selector library • UI ‐a UI/UX library for mobile webkit browsers](https://reader033.fdocuments.in/reader033/viewer/2022050305/5f6ddee7fb99f5238c0308fc/html5/thumbnails/17.jpg)
Account ControlsAccount Controls
![Page 18: Intel® HTML5 Development Environment...App Framework is comprised of three parts • App Framework ‐a query selector library • UI ‐a UI/UX library for mobile webkit browsers](https://reader033.fdocuments.in/reader033/viewer/2022050305/5f6ddee7fb99f5238c0308fc/html5/thumbnails/18.jpg)
Application SimulationApplication Simulation
![Page 19: Intel® HTML5 Development Environment...App Framework is comprised of three parts • App Framework ‐a query selector library • UI ‐a UI/UX library for mobile webkit browsers](https://reader033.fdocuments.in/reader033/viewer/2022050305/5f6ddee7fb99f5238c0308fc/html5/thumbnails/19.jpg)
Application DisplayApplication Display
![Page 20: Intel® HTML5 Development Environment...App Framework is comprised of three parts • App Framework ‐a query selector library • UI ‐a UI/UX library for mobile webkit browsers](https://reader033.fdocuments.in/reader033/viewer/2022050305/5f6ddee7fb99f5238c0308fc/html5/thumbnails/20.jpg)
Cloud ServicesCloud Services
![Page 21: Intel® HTML5 Development Environment...App Framework is comprised of three parts • App Framework ‐a query selector library • UI ‐a UI/UX library for mobile webkit browsers](https://reader033.fdocuments.in/reader033/viewer/2022050305/5f6ddee7fb99f5238c0308fc/html5/thumbnails/21.jpg)
Intel® HTML5 Development Environment
• App Dev Center• Intel® XDK• Intel® XDK • App Framework• App Game Interfaces• App Game Interfaces
![Page 22: Intel® HTML5 Development Environment...App Framework is comprised of three parts • App Framework ‐a query selector library • UI ‐a UI/UX library for mobile webkit browsers](https://reader033.fdocuments.in/reader033/viewer/2022050305/5f6ddee7fb99f5238c0308fc/html5/thumbnails/22.jpg)
App Framework is comprised of three parts
• App Framework ‐ a query selector libraryApp Framework a query selector library
• UI ‐ a UI/UX library for mobile webkit browsersUI a UI/UX library for mobile webkit browsers
• Plugins ‐ plugins built on top of App FrameworkPlugins plugins built on top of App Framework
![Page 23: Intel® HTML5 Development Environment...App Framework is comprised of three parts • App Framework ‐a query selector library • UI ‐a UI/UX library for mobile webkit browsers](https://reader033.fdocuments.in/reader033/viewer/2022050305/5f6ddee7fb99f5238c0308fc/html5/thumbnails/23.jpg)
Intel® HTML5 Development Environment
• App Dev Center• Intel® XDK• Intel® XDK • App Framework• App Game Interfaces• App Game Interfaces
![Page 24: Intel® HTML5 Development Environment...App Framework is comprised of three parts • App Framework ‐a query selector library • UI ‐a UI/UX library for mobile webkit browsers](https://reader033.fdocuments.in/reader033/viewer/2022050305/5f6ddee7fb99f5238c0308fc/html5/thumbnails/24.jpg)
http://software.intel.com/zh‐cn/html5
![Page 25: Intel® HTML5 Development Environment...App Framework is comprised of three parts • App Framework ‐a query selector library • UI ‐a UI/UX library for mobile webkit browsers](https://reader033.fdocuments.in/reader033/viewer/2022050305/5f6ddee7fb99f5238c0308fc/html5/thumbnails/25.jpg)
Q & AQ & A