![Page 1: Тестирование web-приложений на iPad (блиц доклад)](https://reader036.vdocuments.mx/reader036/viewer/2022081413/5468c1caaf795997108b5105/html5/thumbnails/1.jpg)
Тестирование web-приложений на iPad
Зиновьев Александр, Softengi
![Page 2: Тестирование web-приложений на iPad (блиц доклад)](https://reader036.vdocuments.mx/reader036/viewer/2022081413/5468c1caaf795997108b5105/html5/thumbnails/2.jpg)
О себе
• Зиновьев Александр
• Работаю в тестировании уже почти 3 года
• Software Tester, Test Lead
• Компания Softengi• Проект Enivance (50 человек на проекте)
![Page 3: Тестирование web-приложений на iPad (блиц доклад)](https://reader036.vdocuments.mx/reader036/viewer/2022081413/5468c1caaf795997108b5105/html5/thumbnails/3.jpg)
О компании
•Компания Softengi – поставщик услуг в области разработки ПО •Мы работаем преимущественно на рынках Европы и США•16+ лет опыта в области разработки программного обеспечения•Компания входит в Intecracy Group, международный ИТ консорциум
О проекте• Отдел тестирования – 20 человек• Выделенный Test Manager + 5 QC Leads• Приложение – ERP система по анализу выбросов в окружающую среду• Проект – мамонт (12 лет разработки, 21 модуль + дополнения)
Больше о нас:
www.softengi.com
www.facebook.com/softengi_ua
![Page 4: Тестирование web-приложений на iPad (блиц доклад)](https://reader036.vdocuments.mx/reader036/viewer/2022081413/5468c1caaf795997108b5105/html5/thumbnails/4.jpg)
План
1. Немного теории об устройствах
2. Разрешения экранов мобильных устройств
3. Соединение с интернетом
4. Приоритетные устройства для тестирования
5. На что стоит обращать внимание в первую очередь при тестировании?
6. Интерфейс и кнопки
7. Обновления OS и браузеров
8. Практика тестирования карт
9. Использование Proxy
10. Печать с iPad
11. Итоги
![Page 5: Тестирование web-приложений на iPad (блиц доклад)](https://reader036.vdocuments.mx/reader036/viewer/2022081413/5468c1caaf795997108b5105/html5/thumbnails/5.jpg)
Основные платформы для планшетов
![Page 6: Тестирование web-приложений на iPad (блиц доклад)](https://reader036.vdocuments.mx/reader036/viewer/2022081413/5468c1caaf795997108b5105/html5/thumbnails/6.jpg)
Разрешения и диагональ экрана iPad
• обычный дисплей с разрешением 1024 * 768 пикселей• Retina display с разрешением 2048 * 1536 пикселей• Экраны бывают 7,9” и 9,7”
![Page 7: Тестирование web-приложений на iPad (блиц доклад)](https://reader036.vdocuments.mx/reader036/viewer/2022081413/5468c1caaf795997108b5105/html5/thumbnails/7.jpg)
Разрешения экрана Android
У устройств работающих под управлением ОС Android существует большое множество разрешений экрана из-за массы производителей и
разницы диагоналей экранов
![Page 8: Тестирование web-приложений на iPad (блиц доклад)](https://reader036.vdocuments.mx/reader036/viewer/2022081413/5468c1caaf795997108b5105/html5/thumbnails/8.jpg)
Соединение с интернетом
Планшеты могут соединяться с интернетом через WiFi или через 3G
![Page 9: Тестирование web-приложений на iPad (блиц доклад)](https://reader036.vdocuments.mx/reader036/viewer/2022081413/5468c1caaf795997108b5105/html5/thumbnails/9.jpg)
Какое устройство выбрать?Если не важны специфические характеристики устройства, выбор
необходимо делать в сторону самого приоритетного устройства, которым пользуется большинство пользователей вашего продукта.
![Page 10: Тестирование web-приложений на iPad (блиц доклад)](https://reader036.vdocuments.mx/reader036/viewer/2022081413/5468c1caaf795997108b5105/html5/thumbnails/10.jpg)
Что тестировать в первую очередь
Повороты экрана Работа интернета через 3G и WiFi
Кнопки:большие удобные
Работа GPS
Версии iOS
Прогресс индикаторы
Кроссбраузерность
![Page 11: Тестирование web-приложений на iPad (блиц доклад)](https://reader036.vdocuments.mx/reader036/viewer/2022081413/5468c1caaf795997108b5105/html5/thumbnails/11.jpg)
Интерфейс и кнопкиОчень важно в мобильных приложениях - это удобные и понятные
элементы управления. Каждый элемент веб-приложения должен быть такого размера, чтобы пользователь мог однозначно попасть по нему
![Page 12: Тестирование web-приложений на iPad (блиц доклад)](https://reader036.vdocuments.mx/reader036/viewer/2022081413/5468c1caaf795997108b5105/html5/thumbnails/12.jpg)
Интерфейс и кнопки• Скорость отклика – пользователь должен получать быструю реакцию
от нажатия на элемент управления• У всех нажимаемых элементов должно быть нажатое состояние
![Page 13: Тестирование web-приложений на iPad (блиц доклад)](https://reader036.vdocuments.mx/reader036/viewer/2022081413/5468c1caaf795997108b5105/html5/thumbnails/13.jpg)
Обновления
- При обновлениях приложения необходимо обязательно проверять, что новая версия приложения работает с теми же версиями iOS, что и предыдущая
- Если есть необходимость – создавать версию с урезанным функционалом для предыдущих версий iOS и браузеров
- Случай из практики: в iOS 6 в нашем приложении была проблема с клавиатурой, в iOS 7 эта проблема больше не воспроизводилась
![Page 14: Тестирование web-приложений на iPad (блиц доклад)](https://reader036.vdocuments.mx/reader036/viewer/2022081413/5468c1caaf795997108b5105/html5/thumbnails/14.jpg)
Браузеры
- Обязательно надо удостоверится что приложение работает как на новых, так и на старых версиях браузеров
- Производители браузеров очень часто не выпускают обновления версий браузеров под предыдущие версии Android (3.x.x) и iOS (3.x, 4.x)
![Page 15: Тестирование web-приложений на iPad (блиц доклад)](https://reader036.vdocuments.mx/reader036/viewer/2022081413/5468c1caaf795997108b5105/html5/thumbnails/15.jpg)
Messages! Must have!Про что не стоит забывать как при разработке так и при
тестировании таких приложений:• Сообщения при загрузке контента, progress-bar• Сообщения при
попытке удалить важную
информацию• Экран или сообщение
при окончании процесса
работы с приложением
![Page 16: Тестирование web-приложений на iPad (блиц доклад)](https://reader036.vdocuments.mx/reader036/viewer/2022081413/5468c1caaf795997108b5105/html5/thumbnails/16.jpg)
Страницы приложения
Будь это веб-приложение для мобильных устройств или приложение для iPad, Android, в нем должны отсутствовать пустые экраны
![Page 17: Тестирование web-приложений на iPad (блиц доклад)](https://reader036.vdocuments.mx/reader036/viewer/2022081413/5468c1caaf795997108b5105/html5/thumbnails/17.jpg)
Наш проект- Изначально Web-приложение для iPad, работает с Safari, встраивается
в основное приложение заказчика- Требованием заказчика
было, чтобы это
приложение работало
с Google Maps через
API- На карте по
координатам
отображались офисы
заказчика.
![Page 18: Тестирование web-приложений на iPad (блиц доклад)](https://reader036.vdocuments.mx/reader036/viewer/2022081413/5468c1caaf795997108b5105/html5/thumbnails/18.jpg)
Google Maps vs …?
Изначально использовалось API Google Maps
Но цена использования Google Maps стартовала от 10 тыс $ в год
В результате исследования были выбраны бесплатные карты Mapbox.
![Page 19: Тестирование web-приложений на iPad (блиц доклад)](https://reader036.vdocuments.mx/reader036/viewer/2022081413/5468c1caaf795997108b5105/html5/thumbnails/19.jpg)
Google Maps vs MapBox?На практике хуже только UI и есть небольшой баг API
![Page 20: Тестирование web-приложений на iPad (блиц доклад)](https://reader036.vdocuments.mx/reader036/viewer/2022081413/5468c1caaf795997108b5105/html5/thumbnails/20.jpg)
Google Maps vs MapBox?На практике хуже только UI и есть небольшой баг API
![Page 21: Тестирование web-приложений на iPad (блиц доклад)](https://reader036.vdocuments.mx/reader036/viewer/2022081413/5468c1caaf795997108b5105/html5/thumbnails/21.jpg)
ProxyИз сображений security наше приложение работает во внутренней сети, а
картам нужен доступ в интернет, для этого мы используем Proxy- На iPad Proxy настраивается через настройки WiFi и браузера- А для Android-девайсов требуются сторонние программы, причем
большинство из них являются платными
![Page 22: Тестирование web-приложений на iPad (блиц доклад)](https://reader036.vdocuments.mx/reader036/viewer/2022081413/5468c1caaf795997108b5105/html5/thumbnails/22.jpg)
Внешне похожи – другие внутри
У нас для тестирования был iPad 1 и iPad Mini
Заказчик пользовался iPad 4
iPad 1 уступал по производительности во многом: даже открытие окон было очень тяжелой операцией
![Page 23: Тестирование web-приложений на iPad (блиц доклад)](https://reader036.vdocuments.mx/reader036/viewer/2022081413/5468c1caaf795997108b5105/html5/thumbnails/23.jpg)
Печать с iPad
Еще одно требование заказчика – это печать с приложения
Но iPad с простыми принтерами не очень дружелюбен.
Для печати с iPad в сети должен быть специальный принтер, поддерживающий технологию печати AirPrint
Сейчас таких принтеров выпускается достаточно большое количество
![Page 24: Тестирование web-приложений на iPad (блиц доклад)](https://reader036.vdocuments.mx/reader036/viewer/2022081413/5468c1caaf795997108b5105/html5/thumbnails/24.jpg)
Печать с iPad
Так как мы решили сразу не бежать в магазин за принтером, хорошим выходом из этой ситуации было – это использование эмуляторов
Есть и для iOS и для Windows- AirPrint Activator – позволяет печатать с любого iOS устройства на
сетевой принтер
Эмуляторы в iPad- PDF Printer- WEB To PDF
![Page 25: Тестирование web-приложений на iPad (блиц доклад)](https://reader036.vdocuments.mx/reader036/viewer/2022081413/5468c1caaf795997108b5105/html5/thumbnails/25.jpg)
Итоги:1. Выбираем приоритетную среду тестирования
2. Вид приложения при разных разрешениях экрана
3. Элементы управления и их скорость отклика
4. Корректные информативные сообщения
5. Работа приложений с WiFi и 3G
6. Работа приложения с GPS
7. Всегда помним о обновлении OS и браузеров
8. Корректная работа приложения с AirPrint
![Page 26: Тестирование web-приложений на iPad (блиц доклад)](https://reader036.vdocuments.mx/reader036/viewer/2022081413/5468c1caaf795997108b5105/html5/thumbnails/26.jpg)
Контакты:
Зиновьев Александр
Software Tester, Test Lead
alexandr.zinoviev
![Page 27: Тестирование web-приложений на iPad (блиц доклад)](https://reader036.vdocuments.mx/reader036/viewer/2022081413/5468c1caaf795997108b5105/html5/thumbnails/27.jpg)
Вопросы?