Северный (Арктический) федеральный университет им. М.В. Ломоносова
Опубликован: 10.04.2014 | Доступ: свободный | Студентов: 6864 / 1254 | Длительность: 14:18:00
Специальности: Программист
Лекция 8:

Новое поколение инструментальных средств разработки мобильных HTML5-приложений. Intel XDK

Аннотация: Разработка нативных приложений для ОС Android довольно непростое занятие. Эти приложения работают практически напрямую с операционной системой, поэтому могут задействовать любые ресурсы. В некоторых случаях такие возможности не обязательны, и одновременно с этим хочется иметь возможности быстрой разработки мобильных приложений. Данная лекция посвящена особенностям разработки мобильных приложений для ОС Android при помощи среды разработки Intel XDK. Эта среда позволяет разрабатывать приложения на HTML5, которые фактически представляют собой web-страницу и специализированный браузер для ее отображения. Лекция содержит краткие сведения о среде разработки Intel XDK, а так же описания технологий, которые используются при написании HTML5-приложений. Следует отметить, что Intel XDK является кроссплатформенной средой разработки и позволяет создавать программные продукты для различных мобильных платформ. Поэтому данная лекция может быть изучена как в составе данного курса, так и отдельно от него.
Ключевые слова: HTML, css

Скриншоты приложений взяты из магазина приложений Google Play или сделаны самостоятельно, в том числе с использованием смартфона Мегафон SP-A20i Mint на платформе Intel Medfield.

Презентацию к данной лекции можно скачать здесь.

18.1 Обзор среды Intel® XDK

18.1.1 Обзор возможностей Intel XDK

Intel® XDK NEW - первая редакция новой версии Intel® XDK, выпущенная в сентябре 2013 года. Выпуск был обусловлен тем, что корпорация Intel в феврале 2013 года приобрела средства разработки appMobi* для HTML5, которые включают appMobi* XDK и Dev Center (служба сборки версий).

Основные возможности и достоинства новой версии:

  • Кроссплатформенная и бесплатная среда разработки.
  • Содержит средства быстрого прототипирования интерфейсов мобильных приложений.
  • Включает в себя инструменты для создания, отладки и сборки ПО, а также эмулятор устройств.
  • Простота разработки кроссплатформенных приложений (не только Android, но и Apple iOS, Microsoft Windows 8, Tizen).
  • Языки разработки HTML5 и JavaScript. HTML5 - это новый тренд в разработке приложений. По мнению Intel, очень важно дать опытным разработчикам все возможности для перехода на этот многоплатформенный стандарт и помочь начинающим воспользоваться новыми функциями, чтобы они могли быстро создавать приложения и игры, совместимые практически со всеми современными платформами.
  • После регистрации разработчики получают возможность использовать облачный сервис для хранения своих приложений.

К сожалению, Intel XDK имеет и ряд недостатков:

  • Наличие "багов" в работе среды, осложняющих работу над приложениями.
  • Приложения html5 исполняются медленнее и требуют больших ресурсов, чем так называемые "нативные" ("родные").

18.1.2 Состав среды

Среда Intel XDK состоит из набора средств разработки (редактор, эмулятор устройств и отладчик), библиотеки пользовательских интерфейсов Javascript, оптимизированной для мобильных приложений, приложения для тестирования на устройствах, прикладных программных интерфейсов для разработчиков игровых приложений с ускоренной визуализацией, системы Intel на базе облака для подготовки версий приложений для большинства Интернет-магазинов и средства переноса приложений iOS* в среду HTML5.

Среда легко устанавливается на операционные системы Linux, Microsoft Windows и Apple и предоставляет спектр функций для взаимодействия с операционной системой устройства: подключение нативных плагинов, работу с контактами телефона, камерой, акселерометром, геолокацией, мультисенсорностью, встроенными видео- и аудиоплеерами и т.д.

Разработка приложений может осуществляться на основе пустых шаблонов и готовых примеров. Встроенное приложение App Designer позволяет легко и быстро создавать и редактировать пользовательский интерфейс (UI) в режиме кода и конструктора ( рис. 18.1).

Intel XDK. Приложение App Designer

увеличить изображение
Рис. 18.1. Intel XDK. Приложение App Designer

18.1.3 Эмулятор и запуск на устройстве

Среда разработки Intel XDK содержит собственный эмулятор. Его запуск не требует большого количества ресурсов и выполняется быстро. Кроме того, он имеет возможности моделирования работы акселерометра и прочих датчиков, что также является несомненным достоинством. К сожалению, эмулятор среды Intel XDK не может стать универсальным решением проблемы. Причина в том, что на самом деле это браузер, способный исполнять JavaScript и отображать HTML5 в окошке нужного размера. Конечно, этот эмулятор работает только для приложений, разработанных с помощью Intel XDK.

Эмулятор Intel XDK запускается и работает почти мгновенно. Это легко объяснить тем, что отпадает необходимость эмуляции команд процессора другой архитектуры. По сути приложение работает в браузере ( рис. 18.2). Кроме того, он позволяет эмулировать работу акселерометра и некоторых других функций, что выгодно отличает его от эмулятора Android SDK.

Intel XDK. Эмулятор с запущенным приложением "Hello, world!"

увеличить изображение
Рис. 18.2. Intel XDK. Эмулятор с запущенным приложением "Hello, world!"

Запустить на устройстве приложение, разработанное с использованием Intel XDK, можно двумя способами:

  • Или установив на устройство специальную программу Intel XDK App Preview (есть в магазине Google Play).
  • Или собрав проект и установив результат сборки на устройство. В этом случае для запуска *.apk, полученных не из магазина приложений Google Play, необходимо разрешить установку приложений из альтернативных источников (рис. 18.3).






Рис 18.3. Установка приложения и запуск приложения на устройстве

Марат Нуриджанян
Марат Нуриджанян

Пример: Скачать среду можно с сайта для разработчиков Android (http://developer.android.com/sdk/index.html).

Там скачать можно только Android Studio

Владимир Каункин
Владимир Каункин

В самостоятельной работе 2 в примере решения задания некорректно загадывается число (в двух местах), выбирая случайное целое число из диапазона [0, 99] вместо [1, 100], как того требует условие. Кроме того, загадывание числа всё таки лучше вынести в отдельный метод, как мне кажется.