Тестирование и отладка на мобильном устройстве

Для тестирования и отладки приложения на реальном мобильном устройстве прежде всего необходим доступ в Интернет. Необходимо установить на устройстве приложение App Preview. Скачать его можно с помощью Apple AppStore, Google Play Store или Windows Phone Store. Также необходимо наличие на мобильном устройстве приложения для чтения QR-кодов.

Процесс переноса созданного приложения с настольного компьютера на мобильное устройство включает:

• передачу приложения на сервер Intel

• чтение мобильным устройством ссылки на приложение на сайте Intel

• закачку приложения с сайта Intel на мобильное устройство

Первые два шага выполняются на вкладке "Test" среды Intel XDK с помощью кнопки "Push files" («Передать файлы») для отправки файлов на сервер Intel XDK и чтения QR-код с экрана настольного компьютера мобильным устройством (Рис.9).

Рис.9 Отправка файлов приложения на сайт Intel и чтение QR-кода.

QR-код содержит гиперссылку, указанный ресурс закачивается в мобильное устройство и автоматически запускается программой App Preview.

Сборка и компиляция приложения

Сборка и компиляция приложения предполагает сборку apk-файла. Для этого следует открыть вкладку «Build» и выбрать тип операционной системы мобильного устройства. Сборка и компиляция приложения возможна только при наличии сертификата, который требует прохождения несложной процедуры регистрации.

Для выполнения сборки необходимо выбрать платформу (платформа должна иметь сертификат). Кнопка «Start Builds» начинает процесс сборки приложения. Среда имеет возможность тонкой настройки создаваемого приложения, можно ограничиться настройками по умолчанию. Файл apk будет создан на сервере Intel. Его необходимо скачать и установить на мобильное устройство.

Порядок выполнения работы

1. Установите среду Intel XDK.

2. Выполните запуск приложений, описанных в работе.

3. Проведите анализ кода этих приложений.

4. Выполните задания к работе

5. Оформите отчет

Задания для самостоятельной работы

1. На основе примера "Orientation" разработать приложение с анимированным человечком: в вертикальном состоянии телефона (ориентация «Портрет») он занимается спортом, в горизонтально (ориентация «Альбом») - сладко спит.

2. Проведите анализ одного из примеров пункта "Samples and Demos" и разработайте собственное небольшое приложение на его основе.

Контрольные вопросы

1. Дайте характеристику технологии разработки мобильных приложений HTML5/JS.

2. Почему приложение, созданное по технологии HTML5/JS, является кроссплатформенным?

3. Как запускается приложение, созданное по технологии HTML5/JS?

4. Какие средства обеспечивают графический интерфейс пользователя в приложениях HTML5/JS?

5. Как обеспечивается реакция приложения HTML5/JS на воздействия пользователя и сигналов датчиков?

6. Какова структура проекта приложения HTML5/JS в среде Intel XDK?

7. Как выполняется отладка и тестирование приложения HTML5/JS?

8. Как установить созданное приложение HTML5/JS на мобильное устройство?