Тестирование web-приложений на iPad

Зиновьев Александр, Softengi

О себе

• Зиновьев Александр

• Работаю в тестировании уже почти 3 года

• Software Tester, Test Lead

• Компания Softengi• Проект Enivance (50 человек на проекте)

О компании

•Компания Softengi – поставщик услуг в области разработки ПО •Мы работаем преимущественно на рынках Европы и США•16+ лет опыта в области разработки программного обеспечения•Компания входит в Intecracy Group, международный ИТ консорциум

О проекте• Отдел тестирования – 20 человек• Выделенный Test Manager + 5 QC Leads• Приложение – ERP система по анализу выбросов в окружающую среду• Проект – мамонт (12 лет разработки, 21 модуль + дополнения)

Больше о нас:

www.softengi.com

www.facebook.com/softengi_ua

План

1. Немного теории об устройствах

2. Разрешения экранов мобильных устройств

3. Соединение с интернетом

4. Приоритетные устройства для тестирования

5. На что стоит обращать внимание в первую очередь при тестировании?

6. Интерфейс и кнопки

7. Обновления OS и браузеров

8. Практика тестирования карт

9. Использование Proxy

10. Печать с iPad

11. Итоги

Основные платформы для планшетов

Разрешения и диагональ экрана iPad

• обычный дисплей с разрешением 1024 * 768 пикселей• Retina display с разрешением 2048 * 1536 пикселей• Экраны бывают 7,9” и 9,7”

Разрешения экрана Android

У устройств работающих под управлением ОС Android существует большое множество разрешений экрана из-за массы производителей и

разницы диагоналей экранов

Соединение с интернетом

Планшеты могут соединяться с интернетом через WiFi или через 3G

Какое устройство выбрать?Если не важны специфические характеристики устройства, выбор

необходимо делать в сторону самого приоритетного устройства, которым пользуется большинство пользователей вашего продукта.

Что тестировать в первую очередь

Повороты экрана Работа интернета через 3G и WiFi

Кнопки:большие удобные

Работа GPS

Версии iOS

Прогресс индикаторы

Кроссбраузерность

Интерфейс и кнопкиОчень важно в мобильных приложениях - это удобные и понятные

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

Интерфейс и кнопки• Скорость отклика – пользователь должен получать быструю реакцию

от нажатия на элемент управления• У всех нажимаемых элементов должно быть нажатое состояние

Обновления

- При обновлениях приложения необходимо обязательно проверять, что новая версия приложения работает с теми же версиями iOS, что и предыдущая

- Если есть необходимость – создавать версию с урезанным функционалом для предыдущих версий iOS и браузеров

- Случай из практики: в iOS 6 в нашем приложении была проблема с клавиатурой, в iOS 7 эта проблема больше не воспроизводилась

Браузеры

- Обязательно надо удостоверится что приложение работает как на новых, так и на старых версиях браузеров

- Производители браузеров очень часто не выпускают обновления версий браузеров под предыдущие версии Android (3.x.x) и iOS (3.x, 4.x)

Messages! Must have!Про что не стоит забывать как при разработке так и при

тестировании таких приложений:• Сообщения при загрузке контента, progress-bar• Сообщения при

попытке удалить важную

информацию• Экран или сообщение

при окончании процесса

работы с приложением

Страницы приложения

Будь это веб-приложение для мобильных устройств или приложение для iPad, Android, в нем должны отсутствовать пустые экраны

Наш проект- Изначально Web-приложение для iPad, работает с Safari, встраивается

в основное приложение заказчика- Требованием заказчика

было, чтобы это

приложение работало

с Google Maps через

API- На карте по

координатам

отображались офисы

заказчика.

Google Maps vs …?

Изначально использовалось API Google Maps

Но цена использования Google Maps стартовала от 10 тыс $ в год

В результате исследования были выбраны бесплатные карты Mapbox.

Google Maps vs MapBox?На практике хуже только UI и есть небольшой баг API

Google Maps vs MapBox?На практике хуже только UI и есть небольшой баг API

ProxyИз сображений security наше приложение работает во внутренней сети, а

картам нужен доступ в интернет, для этого мы используем Proxy- На iPad Proxy настраивается через настройки WiFi и браузера- А для Android-девайсов требуются сторонние программы, причем

большинство из них являются платными

Внешне похожи – другие внутри

У нас для тестирования был iPad 1 и iPad Mini

Заказчик пользовался iPad 4

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

Печать с iPad

Еще одно требование заказчика – это печать с приложения

Но iPad с простыми принтерами не очень дружелюбен.

Для печати с iPad в сети должен быть специальный принтер, поддерживающий технологию печати AirPrint

Сейчас таких принтеров выпускается достаточно большое количество

Печать с iPad

Так как мы решили сразу не бежать в магазин за принтером, хорошим выходом из этой ситуации было – это использование эмуляторов

Есть и для iOS и для Windows- AirPrint Activator – позволяет печатать с любого iOS устройства на

сетевой принтер

Эмуляторы в iPad- PDF Printer- WEB To PDF

Итоги:1. Выбираем приоритетную среду тестирования

2. Вид приложения при разных разрешениях экрана

3. Элементы управления и их скорость отклика

4. Корректные информативные сообщения

5. Работа приложений с WiFi и 3G

6. Работа приложения с GPS

7. Всегда помним о обновлении OS и браузеров

8. Корректная работа приложения с AirPrint

Контакты:

Зиновьев Александр

Software Tester, Test Lead

alexander.zinovyev@softengi.com

shurik.zinovyev@gmail.com

alexandr.zinoviev

Вопросы?