The document discusses Intel XDK, a tool for developing mobile HTML5 applications. It describes how Intel XDK allows writing code for HTML5 apps, provides JavaScript libraries for device integration and UI components, and supports testing apps in emulators and on devices. It also covers how to package apps for platforms like Android and iOS, update apps on user devices, and enable in-app payments.

1. Intel® XDK
Разработка мобильных HTML5 приложений
Хухро Максим
старший инженер по программному
обеспечению, Intel

2. 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
приложение?

3. Copyright© 2012, Intel Corporation. All rights reserved.
*Other brands and names are the property of their respective owners.
HTML5
CSS3
Java
Script
Об HTML5

4. Copyright© 2012, Intel Corporation. All rights reserved.
*Other brands and names are the property of their respective owners.
Об HTML5:
как HTML5
приложение работает
на устройстве web-kit
HTML5
app

5. Copyright© 2012, Intel Corporation. All rights reserved.
*Other brands and names are the property of their respective owners.
appMobi -> Intel XDK
Feb 22 2013

6. 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

7. Copyright© 2012, Intel Corporation. All rights reserved.
*Other brands and names are the property of their respective owners.
Intel® XDK – это Google Chrome extension

8. 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

9. 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 библиотеки

10. 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.03JSFrameworkBenchmark

11. 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 библиотеки

12. 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: взаимодействие с ОС
устройства

13. Copyright© 2012, Intel Corporation. All rights reserved.
*Other brands and names are the property of their respective owners.
Intel® XDK: тестирование в
эмуляторе

14. Copyright© 2012, Intel Corporation. All rights reserved.
*Other brands and names are the property of their respective owners.
Intel® XDK: отладка в эмуляторе
Google Chrome Developer tools

15. Copyright© 2012, Intel Corporation. All rights reserved.
*Other brands and names are the property of their respective owners.
Intel® XDK: тестирование на
устройстве

16. Copyright© 2012, Intel Corporation. All rights reserved.
*Other brands and names are the property of their respective owners.
Intel® XDK: отладка на устройстве

17. Copyright© 2012, Intel Corporation. All rights reserved.
*Other brands and names are the property of their respective owners.
Intel® XDK: создание и тестовая публикация
инсталляционных пакетов для платформ и
устройств

18. 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>

19. 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: прием платежей от
пользователей

20. Copyright© 2012, Intel Corporation. All rights reserved.
*Other brands and names are the property of their respective owners.
*Приз за лучший вопрос
Вопросы*

21. 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
• Хухро Максим
• maxim.d.khukhro@intel.com
• Телефон +7-383-230-0380, доп. 2077
• Не забудьте проголосовать за доклад об Intel® XDK
Контакты и ссылки

22. 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

23. 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/201323

24. Спасибо за участие!