Web-интерфейса пользователя (на примере ООО «МастерСтрой»)

1.

Частное профессиональное образовательное
учреждение «Ставропольский техникум медицины и
отраслевых технологий»
Тема: Разработка
Web-интерфейса пользователя
(на примере ООО «МастерСтрой»)
Студент группы ПИ11/о-20
Иванов Д.А.
Руководитель ВКР:
Преподаватель
Боташева Х.Р.

2.

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

3.

Объект исследования
Объект исследования
Процесс разработки Web-интерфейса пользователя
Предмет исследования
требований к Web-интерфейсу,
ОбъектАнализ
исследования
проектированию, разработку, тестирование и оценку
качества

4.

Цель исследования
Целью
исследования является разработка
Объект
исследования
методологии и процедуры
для проектирования и создания высококачественного
и удобного в
использовании веб-интерфейса пользователя

5.

Задачи:
1
Провести анализ существующих методов и подходов к
разработке Web-интерфейсов
методологию и процедуру разработки Web2 Описать
интерфейсов
3
4
5
Анализировать требования к интерфейсу пользователя
Разработать и протестировать интерфейс пользователя
Web-приложения
Оценить эффективность и качество разработанного
интерфейса

6.

Методы и подходы к разработке
Web-интерфейса
1
Agile-методология
2 User-centered Design
Подход UCD фокусируется на
потребностях целевой
аудитории
Agile-методология
базируется на итеративных
циклах разработки
3 Design Sprint
это метод, который позволяет
команде разработки
создавать и тестировать
новые идеи
4
Lean UX: Lean UX
Нацелен на создание
минимально необходимой
функциональности, которая
максимально удовлетворяет
потребности пользователей.

7.

Методология и процедура разработки
Web-интерфейсов – это процесс
создания пользовательских
интерфейсов для Web-приложений. Он
включает в себя планирование , дизайн,
разработку, тестирование и внедрение.

8.

Требования к интерфейсу сайта:
Интуитивность
Гибкость
Эргономичность
Логичность
Отсутствие
избыточности

9.

Разработка
Web-интерфейса
пользователя

10.

ГЛАВНАЯ
СТРАНИЦА

11.

ОСНОВНОЕ МЕНЮ WEBИНТЕРФЕЙСА

12.

КАТАЛОГ УСЛУГ

13.

ВЫВОД УСЛУГИ НА САЙТЕ

14.

ОБРАТНАЯ
СВЯЗЬ

15.

РЕЗУЛЬТАТ РАБОТЫ
ФОРМЫ

16.

Тестирование и отладка
Наименование
Резюме испытания
Шаги тестирования
Описание
При тестировании необходимо достичь корректной работы функционирования
сайта
Корректное отображение на сайте каталога услуг, отображение формы
Осуществление нажатий на ссылки, введение данных в форму
Отображение подробности при нажатии на каталог услуг, успешное отправление
формы или не успешное отправление
Данные тестирования
Ожидаемый результат
Фактический результат
Предпосылки
Данные об услугах, подробная информация об услуги, заполнение формы,
отправка формы
В результате тестирования при невозможности отобразить каталог услуг или
отправить форму, выводить пользователю всплывающее окно с ошибкой. При
успешном выполнении выводить каталог услуг, выводить сообщение об
успешном отправлении.
В ходе тестирования, ошибок работоспособности сайта не наблюдается.
Постусловия
Статус (Pass/Fail)
Для успешного заполнения данных о сотруднике необходимо заполнять всю
информацию
Ожидание действий пользователя
Pass
Комментарии
-

17.

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

18.

Выводы
Таким образом, разработка Web-интерфейса
пользователя является важным этапом создания
любого сайта или приложения. В результате
разработки сайта для организации ООО
«МастерСтрой» был создан привлекательный
Web-интерфейс пользователя. Для разработки
был использован HTML, CSS, фрейворк Django,
готовая библиотека Bootstrap.

19.

СПАСИБО ЗА
ВНИМАНИЕ!