Intel® XDK Разработка мобильных HTML5 приложений. Максим...
description
Transcript of Intel® XDK Разработка мобильных HTML5 приложений. Максим...
![Page 1: Intel® XDK Разработка мобильных HTML5 приложений. Максим Хухро, Intel](https://reader033.fdocuments.in/reader033/viewer/2022052304/557f6841d8b42aab368b48b8/html5/thumbnails/1.jpg)
Intel® XDK Разработка мобильных HTML5 приложений
Хухро Максим
старший инженер по программному
обеспечению, Intel
![Page 2: Intel® XDK Разработка мобильных HTML5 приложений. Максим Хухро, Intel](https://reader033.fdocuments.in/reader033/viewer/2022052304/557f6841d8b42aab368b48b8/html5/thumbnails/2.jpg)
Copyright© 2012, Intel Corporation. All rights reserved.
*Other brands and names are the property of their respective owners.
Знакомимся
Хухро Максим, cтарший инженер, Intel, г. Новосибирск
• Приз за лучший вопрос
• Кто знаком с HTML5?
• Как из HTML5 приложения сделать Android приложение (apk)?
• Можно ли из HTML5 приложения сделать native iPhone приложение?
![Page 3: Intel® XDK Разработка мобильных HTML5 приложений. Максим Хухро, Intel](https://reader033.fdocuments.in/reader033/viewer/2022052304/557f6841d8b42aab368b48b8/html5/thumbnails/3.jpg)
Copyright© 2012, Intel Corporation. All rights reserved.
*Other brands and names are the property of their respective owners.
HTML5
CSS3
Java Script
Об HTML5
![Page 4: Intel® XDK Разработка мобильных HTML5 приложений. Максим Хухро, Intel](https://reader033.fdocuments.in/reader033/viewer/2022052304/557f6841d8b42aab368b48b8/html5/thumbnails/4.jpg)
Copyright© 2012, Intel Corporation. All rights reserved.
*Other brands and names are the property of their respective owners.
Об HTML5: как HTML5 приложение работает на устройстве web-kit
HTML5 app
![Page 5: Intel® XDK Разработка мобильных HTML5 приложений. Максим Хухро, Intel](https://reader033.fdocuments.in/reader033/viewer/2022052304/557f6841d8b42aab368b48b8/html5/thumbnails/5.jpg)
Copyright© 2012, Intel Corporation. All rights reserved.
*Other brands and names are the property of their respective owners.
appMobi -> Intel XDK
Feb 22 2013
![Page 6: Intel® XDK Разработка мобильных HTML5 приложений. Максим Хухро, Intel](https://reader033.fdocuments.in/reader033/viewer/2022052304/557f6841d8b42aab368b48b8/html5/thumbnails/6.jpg)
Copyright© 2012, Intel Corporation. All rights reserved.
*Other brands and names are the property of their respective owners.
Intel® XDK: факты
На момент покупки appMobi:
• 140K разработчиков используют инструменты Intel® XDK
• 60K учетных записей создано в XDK
• 6K приложений опубликовано в различных App Stores
![Page 7: Intel® XDK Разработка мобильных HTML5 приложений. Максим Хухро, Intel](https://reader033.fdocuments.in/reader033/viewer/2022052304/557f6841d8b42aab368b48b8/html5/thumbnails/7.jpg)
Copyright© 2012, Intel Corporation. All rights reserved.
*Other brands and names are the property of their respective owners.
Intel® XDK – это Google Chrome extension
![Page 8: Intel® XDK Разработка мобильных HTML5 приложений. Максим Хухро, Intel](https://reader033.fdocuments.in/reader033/viewer/2022052304/557f6841d8b42aab368b48b8/html5/thumbnails/8.jpg)
Copyright© 2012, Intel Corporation. All rights reserved.
*Other brands and names are the property of their respective owners.
Intel® XDK: написание кода HTML5 приложения
C:\app.html
app.html
App Dev Center http://appcenter.html5m.com
sync
![Page 9: Intel® XDK Разработка мобильных HTML5 приложений. Максим Хухро, Intel](https://reader033.fdocuments.in/reader033/viewer/2022052304/557f6841d8b42aab368b48b8/html5/thumbnails/9.jpg)
Copyright© 2012, Intel Corporation. All rights reserved.
*Other brands and names are the property of their respective owners.
• AppMobi JS object: предоставляет связь с устройством: player, accelerometer, camera, geolocation и т.д.
• Intel App Framework
• jqUI: компоненты для создания UI (Android, iPhone, Blackberry)
• Поддержка Bootstrap, библиотека доступна локально
• JS plugins – расширяемый набор плагинов
Intel® XDK: JavaScript библиотеки
![Page 10: Intel® XDK Разработка мобильных HTML5 приложений. Максим Хухро, Intel](https://reader033.fdocuments.in/reader033/viewer/2022052304/557f6841d8b42aab368b48b8/html5/thumbnails/10.jpg)
Copyright© 2012, Intel Corporation. All rights reserved.
*Other brands and names are the property of their respective owners.
Intel® XDK: jqMobi
http://www.codefessions.com/2012/08/performance-of-jquery-compatible-mobile.html
Query selector library (как jQuery, используется доллар $)
jQuery 1.7.2
Zepto 1.0rc1
jqMobi 1.03 JSFrameworkBenchmark
![Page 11: Intel® XDK Разработка мобильных HTML5 приложений. Максим Хухро, Intel](https://reader033.fdocuments.in/reader033/viewer/2022052304/557f6841d8b42aab368b48b8/html5/thumbnails/11.jpg)
Copyright© 2012, Intel Corporation. All rights reserved.
*Other brands and names are the property of their respective owners.
Поддержка разработчиков игр:
• Accelerated canvas with impact.js (AppMobi.canvas) для iOS и Android
• Physics Engine with impact.js – JavaScript интерфейс для части Box2D
• Android Multi-Touch (Apple owns patent on MT)
• Multi-Sound
Intel® XDK: JavaScript библиотеки
![Page 12: Intel® XDK Разработка мобильных HTML5 приложений. Максим Хухро, Intel](https://reader033.fdocuments.in/reader033/viewer/2022052304/557f6841d8b42aab368b48b8/html5/thumbnails/12.jpg)
Copyright© 2012, Intel Corporation. All rights reserved.
*Other brands and names are the property of their respective owners.
• AppMobi JavaScript object
• isPhone, isTablet, isIntel, isChrome
• Accelerometer, Cache, Camera, Contacts, Geolocation, Multitouch, Player
• Cordova compatible
• Android Multi-Touch, Multi-Sound
• Native Application Plugins
• Создание native функционала для целевых платформ
<script src="_appMobi/myplugin.js"></script>
document.addEventListener("myplugin.ready",onReady);
Intel® XDK: взаимодействие с ОС устройства
![Page 13: Intel® XDK Разработка мобильных HTML5 приложений. Максим Хухро, Intel](https://reader033.fdocuments.in/reader033/viewer/2022052304/557f6841d8b42aab368b48b8/html5/thumbnails/13.jpg)
Copyright© 2012, Intel Corporation. All rights reserved.
*Other brands and names are the property of their respective owners.
Intel® XDK: тестирование в эмуляторе
![Page 14: Intel® XDK Разработка мобильных HTML5 приложений. Максим Хухро, Intel](https://reader033.fdocuments.in/reader033/viewer/2022052304/557f6841d8b42aab368b48b8/html5/thumbnails/14.jpg)
Copyright© 2012, Intel Corporation. All rights reserved.
*Other brands and names are the property of their respective owners.
Intel® XDK: отладка в эмуляторе
Google Chrome Developer tools
![Page 15: Intel® XDK Разработка мобильных HTML5 приложений. Максим Хухро, Intel](https://reader033.fdocuments.in/reader033/viewer/2022052304/557f6841d8b42aab368b48b8/html5/thumbnails/15.jpg)
Copyright© 2012, Intel Corporation. All rights reserved.
*Other brands and names are the property of their respective owners.
Intel® XDK: тестирование на устройстве
![Page 16: Intel® XDK Разработка мобильных HTML5 приложений. Максим Хухро, Intel](https://reader033.fdocuments.in/reader033/viewer/2022052304/557f6841d8b42aab368b48b8/html5/thumbnails/16.jpg)
Copyright© 2012, Intel Corporation. All rights reserved.
*Other brands and names are the property of their respective owners.
Intel® XDK: отладка на устройстве
![Page 17: Intel® XDK Разработка мобильных HTML5 приложений. Максим Хухро, Intel](https://reader033.fdocuments.in/reader033/viewer/2022052304/557f6841d8b42aab368b48b8/html5/thumbnails/17.jpg)
Copyright© 2012, Intel Corporation. All rights reserved.
*Other brands and names are the property of their respective owners.
Intel® XDK: создание и тестовая публикация инсталляционных пакетов для платформ и устройств
![Page 18: Intel® XDK Разработка мобильных HTML5 приложений. Максим Хухро, Intel](https://reader033.fdocuments.in/reader033/viewer/2022052304/557f6841d8b42aab368b48b8/html5/thumbnails/18.jpg)
Copyright© 2012, Intel Corporation. All rights reserved.
*Other brands and names are the property of their respective owners.
Intel® XDK: выпуск новых релизов приложения и обновление на устройствах пользователей
<script> if (AppMobi.updateAvailable == true) { AppMobi.device.installUpdate(); } </script>
![Page 19: Intel® XDK Разработка мобильных HTML5 приложений. Максим Хухро, Intel](https://reader033.fdocuments.in/reader033/viewer/2022052304/557f6841d8b42aab368b48b8/html5/thumbnails/19.jpg)
Copyright© 2012, Intel Corporation. All rights reserved.
*Other brands and names are the property of their respective owners.
1Touch In-App Payments (JavaScript) Единый шлюз для платежей
Intel® XDK: прием платежей от пользователей
![Page 20: Intel® XDK Разработка мобильных HTML5 приложений. Максим Хухро, Intel](https://reader033.fdocuments.in/reader033/viewer/2022052304/557f6841d8b42aab368b48b8/html5/thumbnails/20.jpg)
Copyright© 2012, Intel Corporation. All rights reserved.
*Other brands and names are the property of their respective owners.
*Приз за лучший вопрос
Вопросы*
![Page 21: Intel® XDK Разработка мобильных HTML5 приложений. Максим Хухро, Intel](https://reader033.fdocuments.in/reader033/viewer/2022052304/557f6841d8b42aab368b48b8/html5/thumbnails/21.jpg)
Copyright© 2012, Intel Corporation. All rights reserved.
*Other brands and names are the property of their respective owners.
• Google: “intel xdk”
• http://html5dev-software.intel.com/
• http://appcenter.html5m.com
• Хухро Максим
• Телефон +7-383-230-0380, доп. 2077
• Не забудьте проголосовать за доклад об Intel® XDK
Контакты и ссылки
![Page 22: Intel® XDK Разработка мобильных HTML5 приложений. Максим Хухро, Intel](https://reader033.fdocuments.in/reader033/viewer/2022052304/557f6841d8b42aab368b48b8/html5/thumbnails/22.jpg)
Copyright© 2012, Intel Corporation. All rights reserved.
*Other brands and names are the property of their respective owners.
Материалы
В презентации использованы материалы с сайтов:
en.wikipedia.org
jutt.org
renukainfotech.com
blueplateit.com
play.google.com
apple.com
people.apache.org/~pmuellr/weinre/docs/latest/
codefessions.com
![Page 23: Intel® XDK Разработка мобильных HTML5 приложений. Максим Хухро, Intel](https://reader033.fdocuments.in/reader033/viewer/2022052304/557f6841d8b42aab368b48b8/html5/thumbnails/23.jpg)
Copyright© 2012, Intel Corporation. All rights reserved.
*Other brands and names are the property of their respective owners.
INFORMATION IN THIS DOCUMENT IS PROVIDED “AS IS”. NO LICENSE, EXPRESS OR IMPLIED, BY
ESTOPPEL OR OTHERWISE, TO ANY INTELLECTUAL PROPERTY RIGHTS IS GRANTED BY THIS
DOCUMENT. INTEL ASSUMES NO LIABILITY WHATSOEVER AND INTEL DISCLAIMS ANY EXPRESS OR
IMPLIED WARRANTY, RELATING TO THIS INFORMATION INCLUDING LIABILITY OR WARRANTIES RELATING
TO FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR INFRINGEMENT OF ANY PATENT,
COPYRIGHT OR OTHER INTELLECTUAL PROPERTY RIGHT.
Software and workloads used in performance tests may have been optimized for performance only on Intel
microprocessors. Performance tests, such as SYSmark and MobileMark, are measured using specific computer
systems, components, software, operations and functions. Any change to any of those factors may cause the results
to vary. You should consult other information and performance tests to assist you in fully evaluating your
contemplated purchases, including the performance of that product when combined with other products.
Copyright © , Intel Corporation. All rights reserved. Intel, the Intel logo, Xeon, Core, VTune, and Cilk are trademarks
of Intel Corporation in the U.S. and other countries.
Optimization Notice
Intel’s compilers may or may not optimize to the same degree for non-Intel microprocessors for optimizations that are not unique to Intel microprocessors. These optimizations include SSE2, SSE3, and SSSE3 instruction sets and other optimizations. Intel does not guarantee the availability, functionality, or effectiveness of any optimization on microprocessors not manufactured by Intel. Microprocessor-dependent optimizations in this product are intended for use with Intel microprocessors. Certain optimizations not specific to Intel microarchitecture are reserved for Intel microprocessors. Please refer to the applicable product User and Reference Guides for more information regarding the specific instruction sets covered by this notice.
Notice revision #20110804
Legal Disclaimer & Optimization Notice
Copyright© 2012, Intel Corporation. All rights reserved.
*Other brands and names are the property of their respective owners.
23
4/26/2013 23
![Page 24: Intel® XDK Разработка мобильных HTML5 приложений. Максим Хухро, Intel](https://reader033.fdocuments.in/reader033/viewer/2022052304/557f6841d8b42aab368b48b8/html5/thumbnails/24.jpg)
Спасибо за участие!