SlideShare a Scribd company logo
1 of 27
Тестирование 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
Вопросы?

More Related Content

What's hot

Способы создания электронного журнала для iPad
Способы создания электронного журнала для iPadСпособы создания электронного журнала для iPad
Способы создания электронного журнала для iPadMaria Podolyak
 
Лайфхаки ручного тестирования на мобилках
Лайфхаки ручного тестирования на мобилкахЛайфхаки ручного тестирования на мобилках
Лайфхаки ручного тестирования на мобилкахSQALab
 
Мобильные браузеры: очевидное-невероятное
Мобильные браузеры: очевидное-невероятноеМобильные браузеры: очевидное-невероятное
Мобильные браузеры: очевидное-невероятноеSQALab
 
Электронные журналы для планшетов. Новые возможности в Magtoapp Editor 1.42
Электронные журналы для планшетов. Новые возможности в Magtoapp Editor 1.42Электронные журналы для планшетов. Новые возможности в Magtoapp Editor 1.42
Электронные журналы для планшетов. Новые возможности в Magtoapp Editor 1.42Maria Podolyak
 
Как оптимизировать тестирование мобильных приложений
Как оптимизировать тестирование мобильных приложенийКак оптимизировать тестирование мобильных приложений
Как оптимизировать тестирование мобильных приложенийSQALab
 
Java enterprise: Обучение, работа, перспективы
Java enterprise: Обучение, работа, перспективыJava enterprise: Обучение, работа, перспективы
Java enterprise: Обучение, работа, перспективыSergey Nemchinsky
 
Enterprise или на чем стоит мир
Enterprise или на чем стоит мирEnterprise или на чем стоит мир
Enterprise или на чем стоит мирSergey Nemchinsky
 
Особенности тестирования мобильных приложений (Android, iOS)
Особенности тестирования мобильных приложений (Android, iOS)Особенности тестирования мобильных приложений (Android, iOS)
Особенности тестирования мобильных приложений (Android, iOS)Эльвина Сакаева
 
Джентельменский набор тест-лида
Джентельменский набор тест-лидаДжентельменский набор тест-лида
Джентельменский набор тест-лидаSQALab
 
Подходы к тестированию андроид приложений
Подходы к тестированию андроид приложенийПодходы к тестированию андроид приложений
Подходы к тестированию андроид приложенийSQALab
 
Семен Семаков «iPad and others 2011»
Семен Семаков «iPad and others 2011»Семен Семаков «iPad and others 2011»
Семен Семаков «iPad and others 2011»e-Legion
 
Mobile automation with Appium
Mobile automation with AppiumMobile automation with Appium
Mobile automation with AppiumOksanaBisyuk
 
Тестируем игры для мобильных устройств: от прототипа до запуска
Тестируем игры для мобильных устройств: от прототипа до запускаТестируем игры для мобильных устройств: от прототипа до запуска
Тестируем игры для мобильных устройств: от прототипа до запускаSQALab
 
2016-04-30 04 Ольга Конорева. Взлеты и падения идеального внутреннего проекта
2016-04-30 04 Ольга Конорева. Взлеты и падения идеального внутреннего проекта2016-04-30 04 Ольга Конорева. Взлеты и падения идеального внутреннего проекта
2016-04-30 04 Ольга Конорева. Взлеты и падения идеального внутреннего проектаОмские ИТ-субботники
 

What's hot (14)

Способы создания электронного журнала для iPad
Способы создания электронного журнала для iPadСпособы создания электронного журнала для iPad
Способы создания электронного журнала для iPad
 
Лайфхаки ручного тестирования на мобилках
Лайфхаки ручного тестирования на мобилкахЛайфхаки ручного тестирования на мобилках
Лайфхаки ручного тестирования на мобилках
 
Мобильные браузеры: очевидное-невероятное
Мобильные браузеры: очевидное-невероятноеМобильные браузеры: очевидное-невероятное
Мобильные браузеры: очевидное-невероятное
 
Электронные журналы для планшетов. Новые возможности в Magtoapp Editor 1.42
Электронные журналы для планшетов. Новые возможности в Magtoapp Editor 1.42Электронные журналы для планшетов. Новые возможности в Magtoapp Editor 1.42
Электронные журналы для планшетов. Новые возможности в Magtoapp Editor 1.42
 
Как оптимизировать тестирование мобильных приложений
Как оптимизировать тестирование мобильных приложенийКак оптимизировать тестирование мобильных приложений
Как оптимизировать тестирование мобильных приложений
 
Java enterprise: Обучение, работа, перспективы
Java enterprise: Обучение, работа, перспективыJava enterprise: Обучение, работа, перспективы
Java enterprise: Обучение, работа, перспективы
 
Enterprise или на чем стоит мир
Enterprise или на чем стоит мирEnterprise или на чем стоит мир
Enterprise или на чем стоит мир
 
Особенности тестирования мобильных приложений (Android, iOS)
Особенности тестирования мобильных приложений (Android, iOS)Особенности тестирования мобильных приложений (Android, iOS)
Особенности тестирования мобильных приложений (Android, iOS)
 
Джентельменский набор тест-лида
Джентельменский набор тест-лидаДжентельменский набор тест-лида
Джентельменский набор тест-лида
 
Подходы к тестированию андроид приложений
Подходы к тестированию андроид приложенийПодходы к тестированию андроид приложений
Подходы к тестированию андроид приложений
 
Семен Семаков «iPad and others 2011»
Семен Семаков «iPad and others 2011»Семен Семаков «iPad and others 2011»
Семен Семаков «iPad and others 2011»
 
Mobile automation with Appium
Mobile automation with AppiumMobile automation with Appium
Mobile automation with Appium
 
Тестируем игры для мобильных устройств: от прототипа до запуска
Тестируем игры для мобильных устройств: от прототипа до запускаТестируем игры для мобильных устройств: от прототипа до запуска
Тестируем игры для мобильных устройств: от прототипа до запуска
 
2016-04-30 04 Ольга Конорева. Взлеты и падения идеального внутреннего проекта
2016-04-30 04 Ольга Конорева. Взлеты и падения идеального внутреннего проекта2016-04-30 04 Ольга Конорева. Взлеты и падения идеального внутреннего проекта
2016-04-30 04 Ольга Конорева. Взлеты и падения идеального внутреннего проекта
 

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

#MBLTdev: Как не стать заложником одной платформы (Parallels)
#MBLTdev: Как не стать заложником одной платформы (Parallels)#MBLTdev: Как не стать заложником одной платформы (Parallels)
#MBLTdev: Как не стать заложником одной платформы (Parallels)e-Legion
 
Алексей Витенко — Синхронизация данных на клиенте
Алексей Витенко — Синхронизация данных на клиентеАлексей Витенко — Синхронизация данных на клиенте
Алексей Витенко — Синхронизация данных на клиентеYandex
 
программное обеспечение для оптимизации маршрутов
программное обеспечение для оптимизации маршрутовпрограммное обеспечение для оптимизации маршрутов
программное обеспечение для оптимизации маршрутовBjorn Orvar
 
Сделайте ваш бизнес МОБИЛЬНЫМ
Сделайте ваш бизнес МОБИЛЬНЫМСделайте ваш бизнес МОБИЛЬНЫМ
Сделайте ваш бизнес МОБИЛЬНЫМАнна Смикун
 
разработка мобильных приложений веб конф 3 для фестиваля ф
разработка мобильных приложений веб конф 3 для фестиваля фразработка мобильных приложений веб конф 3 для фестиваля ф
разработка мобильных приложений веб конф 3 для фестиваля фCIT TROYA
 
Владислав Акулич - Monkey Talk - кроссплатформенное средство автоматизации те...
Владислав Акулич - Monkey Talk - кроссплатформенное средство автоматизации те...Владислав Акулич - Monkey Talk - кроссплатформенное средство автоматизации те...
Владислав Акулич - Monkey Talk - кроссплатформенное средство автоматизации те...COMAQA.BY
 
12 простых шагов создать свое мобильное приложение
12 простых шагов создать свое мобильное приложение12 простых шагов создать свое мобильное приложение
12 простых шагов создать свое мобильное приложениеСергей Кравец
 
Разработка мобильных приложений
Разработка мобильных приложенийРазработка мобильных приложений
Разработка мобильных приложенийООО "Лайф из"
 
Monkey Talk - кросс-платформенное средство автоматизации тестирования мобильн...
Monkey Talk - кросс-платформенное средство автоматизации тестирования мобильн...Monkey Talk - кросс-платформенное средство автоматизации тестирования мобильн...
Monkey Talk - кросс-платформенное средство автоматизации тестирования мобильн...SQALab
 
Unity: "Очевидное-невероятное” или хитрости разработки на Unity Android
Unity: "Очевидное-невероятное” или хитрости разработки на Unity AndroidUnity: "Очевидное-невероятное” или хитрости разработки на Unity Android
Unity: "Очевидное-невероятное” или хитрости разработки на Unity AndroidDevGAMM Conference
 
Шаги мануальщика к автоматизации на крупном проекте
Шаги мануальщика к автоматизации на крупном проектеШаги мануальщика к автоматизации на крупном проекте
Шаги мануальщика к автоматизации на крупном проектеSQALab
 
Сергей Алешин: мобильное приложение для автосервиса
Сергей Алешин: мобильное приложение для автосервисаСергей Алешин: мобильное приложение для автосервиса
Сергей Алешин: мобильное приложение для автосервисаLeonid Bogolubov
 
Introduction to Mobile applications testing
Introduction to Mobile applications testingIntroduction to Mobile applications testing
Introduction to Mobile applications testingOleg Nikiforov
 
Мобильная разработка: как начать и продолжить
Мобильная разработка: как начать и продолжитьМобильная разработка: как начать и продолжить
Мобильная разработка: как начать и продолжитьIurii Ageev
 
Выход новой iOS и Apple-устройства: что может тестировщик, кроме тестирования.
Выход новой iOS и Apple-устройства: что может тестировщик, кроме тестирования.Выход новой iOS и Apple-устройства: что может тестировщик, кроме тестирования.
Выход новой iOS и Apple-устройства: что может тестировщик, кроме тестирования.Victoria Kozlova
 
Виктория Козлова "Выход новой iOS и Apple-устройства: что может тестировщик, ...
Виктория Козлова "Выход новой iOS и Apple-устройства: что может тестировщик, ...Виктория Козлова "Выход новой iOS и Apple-устройства: что может тестировщик, ...
Виктория Козлова "Выход новой iOS и Apple-устройства: что может тестировщик, ...QA Club Minsk
 

Similar to Тестирование web-приложений на iPad (20)

App present
App presentApp present
App present
 
#MBLTdev: Как не стать заложником одной платформы (Parallels)
#MBLTdev: Как не стать заложником одной платформы (Parallels)#MBLTdev: Как не стать заложником одной платформы (Parallels)
#MBLTdev: Как не стать заложником одной платформы (Parallels)
 
Алексей Витенко — Синхронизация данных на клиенте
Алексей Витенко — Синхронизация данных на клиентеАлексей Витенко — Синхронизация данных на клиенте
Алексей Витенко — Синхронизация данных на клиенте
 
программное обеспечение для оптимизации маршрутов
программное обеспечение для оптимизации маршрутовпрограммное обеспечение для оптимизации маршрутов
программное обеспечение для оптимизации маршрутов
 
Сделайте ваш бизнес МОБИЛЬНЫМ
Сделайте ваш бизнес МОБИЛЬНЫМСделайте ваш бизнес МОБИЛЬНЫМ
Сделайте ваш бизнес МОБИЛЬНЫМ
 
разработка мобильных приложений веб конф 3 для фестиваля ф
разработка мобильных приложений веб конф 3 для фестиваля фразработка мобильных приложений веб конф 3 для фестиваля ф
разработка мобильных приложений веб конф 3 для фестиваля ф
 
Владислав Акулич - Monkey Talk - кроссплатформенное средство автоматизации те...
Владислав Акулич - Monkey Talk - кроссплатформенное средство автоматизации те...Владислав Акулич - Monkey Talk - кроссплатформенное средство автоматизации те...
Владислав Акулич - Monkey Talk - кроссплатформенное средство автоматизации те...
 
12 простых шагов создать свое мобильное приложение
12 простых шагов создать свое мобильное приложение12 простых шагов создать свое мобильное приложение
12 простых шагов создать свое мобильное приложение
 
Разработка мобильных приложений
Разработка мобильных приложенийРазработка мобильных приложений
Разработка мобильных приложений
 
Monkey Talk - кросс-платформенное средство автоматизации тестирования мобильн...
Monkey Talk - кросс-платформенное средство автоматизации тестирования мобильн...Monkey Talk - кросс-платформенное средство автоматизации тестирования мобильн...
Monkey Talk - кросс-платформенное средство автоматизации тестирования мобильн...
 
Appery.io Ukraine_2016
Appery.io Ukraine_2016Appery.io Ukraine_2016
Appery.io Ukraine_2016
 
Unity: "Очевидное-невероятное” или хитрости разработки на Unity Android
Unity: "Очевидное-невероятное” или хитрости разработки на Unity AndroidUnity: "Очевидное-невероятное” или хитрости разработки на Unity Android
Unity: "Очевидное-невероятное” или хитрости разработки на Unity Android
 
Шаги мануальщика к автоматизации на крупном проекте
Шаги мануальщика к автоматизации на крупном проектеШаги мануальщика к автоматизации на крупном проекте
Шаги мануальщика к автоматизации на крупном проекте
 
Сергей Алешин: мобильное приложение для автосервиса
Сергей Алешин: мобильное приложение для автосервисаСергей Алешин: мобильное приложение для автосервиса
Сергей Алешин: мобильное приложение для автосервиса
 
Introduction to Mobile applications testing
Introduction to Mobile applications testingIntroduction to Mobile applications testing
Introduction to Mobile applications testing
 
Мобильная разработка: как начать и продолжить
Мобильная разработка: как начать и продолжитьМобильная разработка: как начать и продолжить
Мобильная разработка: как начать и продолжить
 
iOS_Testing.pptx
iOS_Testing.pptxiOS_Testing.pptx
iOS_Testing.pptx
 
ImproveIT
ImproveITImproveIT
ImproveIT
 
Выход новой iOS и Apple-устройства: что может тестировщик, кроме тестирования.
Выход новой iOS и Apple-устройства: что может тестировщик, кроме тестирования.Выход новой iOS и Apple-устройства: что может тестировщик, кроме тестирования.
Выход новой iOS и Apple-устройства: что может тестировщик, кроме тестирования.
 
Виктория Козлова "Выход новой iOS и Apple-устройства: что может тестировщик, ...
Виктория Козлова "Выход новой iOS и Apple-устройства: что может тестировщик, ...Виктория Козлова "Выход новой iOS и Apple-устройства: что может тестировщик, ...
Виктория Козлова "Выход новой iOS и Apple-устройства: что может тестировщик, ...
 

More from Softengi

Extended Reality Solutions for Digital Marketing
Extended Reality Solutions for Digital MarketingExtended Reality Solutions for Digital Marketing
Extended Reality Solutions for Digital MarketingSoftengi
 
Intecracy Group Presentation
Intecracy Group PresentationIntecracy Group Presentation
Intecracy Group PresentationSoftengi
 
Softengi - Inspired Software Engineering
Softengi - Inspired Software EngineeringSoftengi - Inspired Software Engineering
Softengi - Inspired Software EngineeringSoftengi
 
Softengi's 9 Ways To Fail Your IT Project In The Outsourcing Journal Special ...
Softengi's 9 Ways To Fail Your IT Project In The Outsourcing Journal Special ...Softengi's 9 Ways To Fail Your IT Project In The Outsourcing Journal Special ...
Softengi's 9 Ways To Fail Your IT Project In The Outsourcing Journal Special ...Softengi
 
Infographic of Softengi's 2014
Infographic of Softengi's 2014Infographic of Softengi's 2014
Infographic of Softengi's 2014Softengi
 
Основы OLAP. Вебинар Workaround в Softengi
Основы OLAP. Вебинар Workaround в SoftengiОсновы OLAP. Вебинар Workaround в Softengi
Основы OLAP. Вебинар Workaround в SoftengiSoftengi
 
Как оценить Тестировщика. Александра Ковалева, Testing Consultant в Softengi
Как оценить Тестировщика. Александра Ковалева, Testing Consultant в SoftengiКак оценить Тестировщика. Александра Ковалева, Testing Consultant в Softengi
Как оценить Тестировщика. Александра Ковалева, Testing Consultant в SoftengiSoftengi
 
Как оценить время на тестирование. Александр Зиновьев, Test Lead Softengi
Как оценить время на тестирование. Александр Зиновьев, Test Lead SoftengiКак оценить время на тестирование. Александр Зиновьев, Test Lead Softengi
Как оценить время на тестирование. Александр Зиновьев, Test Lead SoftengiSoftengi
 
Архитектурные семинары Softengi - инфографика
Архитектурные семинары Softengi - инфографикаАрхитектурные семинары Softengi - инфографика
Архитектурные семинары Softengi - инфографикаSoftengi
 
Автоматизированный подход к локализации корпоративных приложений
Автоматизированный подход к локализации корпоративных приложенийАвтоматизированный подход к локализации корпоративных приложений
Автоматизированный подход к локализации корпоративных приложенийSoftengi
 
Scrum и пустота. Доклад Анатолия Кота, менеджера проектов Softengi, на Междун...
Scrum и пустота. Доклад Анатолия Кота, менеджера проектов Softengi, на Междун...Scrum и пустота. Доклад Анатолия Кота, менеджера проектов Softengi, на Междун...
Scrum и пустота. Доклад Анатолия Кота, менеджера проектов Softengi, на Междун...Softengi
 
About REST. Архитектурные семинары Softengi
About REST. Архитектурные семинары SoftengiAbout REST. Архитектурные семинары Softengi
About REST. Архитектурные семинары SoftengiSoftengi
 
AutoTest Refactoring. Архитектурные семинары Softengi
AutoTest Refactoring. Архитектурные семинары SoftengiAutoTest Refactoring. Архитектурные семинары Softengi
AutoTest Refactoring. Архитектурные семинары SoftengiSoftengi
 
Разработка Web-приложений на Angular JS. Архитектурные семинары Softengi
Разработка Web-приложений на Angular JS. Архитектурные семинары SoftengiРазработка Web-приложений на Angular JS. Архитектурные семинары Softengi
Разработка Web-приложений на Angular JS. Архитектурные семинары SoftengiSoftengi
 
Enviance Environmental ERP
Enviance Environmental ERPEnviance Environmental ERP
Enviance Environmental ERPSoftengi
 
Corporate Social Responsibility at Softengi
Corporate Social Responsibility at SoftengiCorporate Social Responsibility at Softengi
Corporate Social Responsibility at SoftengiSoftengi
 
Localize your business - Software Localization Services LocServ
Localize your business - Software Localization Services LocServLocalize your business - Software Localization Services LocServ
Localize your business - Software Localization Services LocServSoftengi
 
Постановка и улучшение Scrum процесса для группы проектов в компании
Постановка и улучшение Scrum процесса для группы проектов в компанииПостановка и улучшение Scrum процесса для группы проектов в компании
Постановка и улучшение Scrum процесса для группы проектов в компанииSoftengi
 
Softengi Software Development Company Profile
Softengi Software Development Company ProfileSoftengi Software Development Company Profile
Softengi Software Development Company ProfileSoftengi
 
Путь к трассировке требований: от идеи к инструменту. SQA-Days 15
Путь к трассировке требований: от идеи к инструменту. SQA-Days 15Путь к трассировке требований: от идеи к инструменту. SQA-Days 15
Путь к трассировке требований: от идеи к инструменту. SQA-Days 15Softengi
 

More from Softengi (20)

Extended Reality Solutions for Digital Marketing
Extended Reality Solutions for Digital MarketingExtended Reality Solutions for Digital Marketing
Extended Reality Solutions for Digital Marketing
 
Intecracy Group Presentation
Intecracy Group PresentationIntecracy Group Presentation
Intecracy Group Presentation
 
Softengi - Inspired Software Engineering
Softengi - Inspired Software EngineeringSoftengi - Inspired Software Engineering
Softengi - Inspired Software Engineering
 
Softengi's 9 Ways To Fail Your IT Project In The Outsourcing Journal Special ...
Softengi's 9 Ways To Fail Your IT Project In The Outsourcing Journal Special ...Softengi's 9 Ways To Fail Your IT Project In The Outsourcing Journal Special ...
Softengi's 9 Ways To Fail Your IT Project In The Outsourcing Journal Special ...
 
Infographic of Softengi's 2014
Infographic of Softengi's 2014Infographic of Softengi's 2014
Infographic of Softengi's 2014
 
Основы OLAP. Вебинар Workaround в Softengi
Основы OLAP. Вебинар Workaround в SoftengiОсновы OLAP. Вебинар Workaround в Softengi
Основы OLAP. Вебинар Workaround в Softengi
 
Как оценить Тестировщика. Александра Ковалева, Testing Consultant в Softengi
Как оценить Тестировщика. Александра Ковалева, Testing Consultant в SoftengiКак оценить Тестировщика. Александра Ковалева, Testing Consultant в Softengi
Как оценить Тестировщика. Александра Ковалева, Testing Consultant в Softengi
 
Как оценить время на тестирование. Александр Зиновьев, Test Lead Softengi
Как оценить время на тестирование. Александр Зиновьев, Test Lead SoftengiКак оценить время на тестирование. Александр Зиновьев, Test Lead Softengi
Как оценить время на тестирование. Александр Зиновьев, Test Lead Softengi
 
Архитектурные семинары Softengi - инфографика
Архитектурные семинары Softengi - инфографикаАрхитектурные семинары Softengi - инфографика
Архитектурные семинары Softengi - инфографика
 
Автоматизированный подход к локализации корпоративных приложений
Автоматизированный подход к локализации корпоративных приложенийАвтоматизированный подход к локализации корпоративных приложений
Автоматизированный подход к локализации корпоративных приложений
 
Scrum и пустота. Доклад Анатолия Кота, менеджера проектов Softengi, на Междун...
Scrum и пустота. Доклад Анатолия Кота, менеджера проектов Softengi, на Междун...Scrum и пустота. Доклад Анатолия Кота, менеджера проектов Softengi, на Междун...
Scrum и пустота. Доклад Анатолия Кота, менеджера проектов Softengi, на Междун...
 
About REST. Архитектурные семинары Softengi
About REST. Архитектурные семинары SoftengiAbout REST. Архитектурные семинары Softengi
About REST. Архитектурные семинары Softengi
 
AutoTest Refactoring. Архитектурные семинары Softengi
AutoTest Refactoring. Архитектурные семинары SoftengiAutoTest Refactoring. Архитектурные семинары Softengi
AutoTest Refactoring. Архитектурные семинары Softengi
 
Разработка Web-приложений на Angular JS. Архитектурные семинары Softengi
Разработка Web-приложений на Angular JS. Архитектурные семинары SoftengiРазработка Web-приложений на Angular JS. Архитектурные семинары Softengi
Разработка Web-приложений на Angular JS. Архитектурные семинары Softengi
 
Enviance Environmental ERP
Enviance Environmental ERPEnviance Environmental ERP
Enviance Environmental ERP
 
Corporate Social Responsibility at Softengi
Corporate Social Responsibility at SoftengiCorporate Social Responsibility at Softengi
Corporate Social Responsibility at Softengi
 
Localize your business - Software Localization Services LocServ
Localize your business - Software Localization Services LocServLocalize your business - Software Localization Services LocServ
Localize your business - Software Localization Services LocServ
 
Постановка и улучшение Scrum процесса для группы проектов в компании
Постановка и улучшение Scrum процесса для группы проектов в компанииПостановка и улучшение Scrum процесса для группы проектов в компании
Постановка и улучшение Scrum процесса для группы проектов в компании
 
Softengi Software Development Company Profile
Softengi Software Development Company ProfileSoftengi Software Development Company Profile
Softengi Software Development Company Profile
 
Путь к трассировке требований: от идеи к инструменту. SQA-Days 15
Путь к трассировке требований: от идеи к инструменту. SQA-Days 15Путь к трассировке требований: от идеи к инструменту. SQA-Days 15
Путь к трассировке требований: от идеи к инструменту. SQA-Days 15
 

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

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

Editor's Notes

  1. Последние несколько лет развитие рынка портативных устройств, планшетов шагнуло довольно сильно вперед. Большое количество сайтов разрабатываются с возможностью использования на мобильных устройствах: планшетах
  2. На диспее Retina элементы интерфейса или текст могут быть мельче Если приложение или веб-сайт разрабатывался под iPad с Retina display с соответсвующими картинками большого резрешения, то при открытии сайта на предыдущих моделях iPad – картинки могут быть очень большими Если приложение разработано для планшетов, при открытии оно должно подстраиваться на весь экран, не должно быть пробелов, рамок или растянутых элементов
  3. Выпускают под Android: samsung, asus, acer, hp, htc, lg, sony, toshiba И это еще далеко не все производители Диагонали экрана: 6, 7, 8, 9, 10, 12 “
  4. Специфические характеристики: такие как процессор, тип, сеть не имеют значения (google analytics позволит это определить )
  5. Каждый элемент на веб-приложения должен быть такого размера, чтобы пользователь мог однозначно попасть по ним
  6. Например Chrome для мобильных устройств получил поддержку с версии Android 4.0 и iOS 5.0 А вот Firefox работает на устройствах с ОС Android 2.2 + и вовсе не работает с iOS основной для iOS – это Safari, но второй по поулярности среди пользователей – это Chrome
  7. Сообщения при загрузке контента, progress bar – человек должен видеть что приложение работает
  8. Будь это веб-приложение для мобильных устройств или приложение для iPad, Android, должны отсутствовать пустые экраны, их надо - опускать - или добавлять пояснительный текст для первого открытия
  9. Интересные кейсы с картами, приближение, отдаление, ограничение области по поисковому запросу
  10. Mapbox + leafletJS, точно такую же использует FourSquare
  11. Если начать листать карту влево, то карта мира отрисовывается еще, но при этом уже без обьектов на карте 
  12. Живой интерес тестировщика не даст уснуть, и мы решили сделать тестовый запуск приложения на Android, оказалось что это не так и легко, на Android требуются сторонние программы для работы с Proxy, при чем большинство из них платны
  13. Проблемма номер один, с которой мы столкнулись – у нашего заказчика был iPad 4, а у нас iPad 1-ого поколения: Разница была существенная, очень была заметна на довольно простых операциях, как открытие всплывающих окон, перелистывание окон, отрисовывалось все сложно и медленно iPad Mini работал быстрее с этим приложением
  14. AirPrint Activator устанавливается на компьютер в сети, к которому подключен обыкновенный принтер, после установки этого приложения, ipad распознает этот принтер как принтер с портом AirPrint
  15. Вид приложения при разных разрешениях экрана – веб-приложение должно выглядеть хорошо на любом экране