ГУАП

КАФЕДРА № 41

ОТЧЕТ ЗАЩИЩЕН С ОЦЕНКОЙ

ПРЕПОДАВАТЕЛЬ

старший преподаватель				Н.Н. Григорьева
должность, уч. степень, звание		подпись, дата		инициалы, фамилия

ОТЧЕТ О ЛАБОРАТОРНОЙ РАБОТЕ №3

ПОЛУЧЕНИЕ ПРАКТИЧЕСКИХ НАВЫКОВ ПО ТЕСТИРОВАНИЮ КЛИЕНТСКОЙ ЧАСТИ ВЕБ-ПРИЛОЖЕНИЯ

по курсу: ПРОГРАММНАЯ ИНЖЕНЕРИЯ

РАБОТУ ВЫПОЛНИЛ

СТУДЕНТ ГР. №
				подпись, дата		инициалы, фамилия

Санкт-Петербург 2024

Цель работы:

Получение практических навыков по тестированию клиентской части веб-приложения.

Для достижения поставленной цели требуется решить следующие задачи:

1. Провести тестирование совместимости веб-системы

2. Протестировать адаптивность веб-системы.

3. Проверить валидность верстки.

4. Провести технический аудит веб-системы

Ход работы:

С помощью сервиса browserling проведено тестирование совместимости веб-сайта Spotify (Рисунок 1 - 4).

Рисунок 1 – ОС Windows 10, Браузер Chrome 119

Рисунок 2 – ОС Windows 10, Браузер Opera 104

Рисунок 3 – ОС Windows 10, Браузер Firefox 21

Рисунок 4 – ОС Windows 10, Браузер Opera 60

При использовании актуальных версий браузеров ошибок не возникает. При использовании Opera версии 60, подключение происходит, но на самом сайте сообщается, об отсутствии поддержки браузера. При попытке подключиться к сайту, используя Firefox 21, подключение не происходит: браузер не может установить защищенное соединение.

Проведено тестирование адаптивности средствами Devtools в браузере Google Chrome (Рисунок 5 - 7). Протестированы разрешения 1920х1080, 1366х768, 360х800.

Рисунок 5 – Разрешение 1920х1080

Рисунок 6 – Разрешение 1366х768

Рисунок 7 – Разрешение 360х800

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

Проведено тестирование верстки с помощью валидатора W3C (Рисунок 8).

Рисунок 8 – Результат проверки

Обнаружены ряд замечаний и одна ошибка.

С помощью сайта SimilarTech проведен технический аудит (Рисунок 9).

Рисунок 9 – Технологии, используемые Spotify

Spotify использует преимущественно технологии Google и Facebook.

Вывод:

В ходе выполнения лабораторной работы были освоены навыки тестирования клиентской части веб-приложения. Проведено тестирование совместимости, адаптивности, валидация верстки, технический аудит. По результатам проверок, сайт показал хорошую адаптивность, отсутствие совместимости со старыми версиями браузеров, практически полное отсутствие ошибок в верстке и наличие современных технологий.

Список используемых источников:

1. Сервис по проверки адаптивности https://www.browserling.com

2. Онлайн-сервис URL: https://www.similarweb.com

3. Онлайн-сервис URL: https://validator.w3.org