папва. Курсовая работа "Интерфейс портала по поиску сожителей"
![]()
|
Курсовая работа "Интерфейс портала по поиску сожителей" Архитектура информационных систем Санкт-Петербургский государственный университет телекоммуникаций имени проф. М.А. Бонч-Бруевича (СПбГУТ) 30 pag. Document shared on www.docsity.com Downloaded by: sobpavev (sobpavev@gmail.com) Федеральное государственное бюджетное образовательное учреждение высшего образования «Санкт-Петербургский государственный университет телекоммуникаций им. проф. М.А. Бонч-Бруевича» (СПБГУТ) Кафедра безопасности информационных систем Пояснительная записка к курсовой работе по дисциплине Архитектура информационных систем на тему: «Интерфейс системы портала по поиску сожителей» Выполнил: Студент гр. ИСТ-632 Базуева А.О. «__» _____ 2019________/Базуева А.О. Принял: Кандидат физико-математических наук, доцент каф. БИС Комаров И.И. «__»_____ 2019 __________/Комаров И.И. Санкт-Петербург 2019 Document shared on www.docsity.com Downloaded by: sobpavev (sobpavev@gmail.com) Федеральное государственное бюджетное образовательное учреждение высшего образования «Санкт-Петербургский государственный университет телекоммуникаций им. проф. М.А. Бонч-Бруевича» ЗАДАНИЕ НА КУРСОВОЙ ПРОЕКТ (РАБОТУ) Студент Базуева Ана стасия Олеговна Факультет Информационных систем и технологий Кафедра Безопасности информационных систем Группа ИСТ-632 Направление (специальность) 09.03.02 Информационные системы и технологии Руководитель Комаров И.И., доц. каф. БИС Дисциплина Архитектура информационных систем Наименование темы Портал поиска сожителей Задание Разработать интерфейс сайта для пои ска сожителей по определенным критериям._________________________________________________ Содержание пояснительной записки 1. Разработка архитектуры информационной системы;___________________ 2. Обзор программного обеспечения;__________________________________ 3. Техническое задание на разработку интерфейса;_______________________ 4. Дизайн-макет интерфейса;_________________________________________ 5. Программа и методика предварительных испытаний.___________________ Рекомендуемая литература Кристофер Шмитт «CSS. Рецепты программирования». Чак Муссиано «HTML и XHTML. Подробное руководство». Руководитель Комаров И.И. Студент Базуева А.О. 2 Document shared on www.docsity.com Downloaded by: sobpavev (sobpavev@gmail.com) Федеральное государственное бюджетное образовательное учреждение высшего образования «Санкт-Петербургский государственный университет телекоммуникаций им. проф. М.А. Бонч-Бруевича» ГРАФИК ВЫПОЛНЕНИЕ КУРСОВОГО ПРОЕКТА (РАБОТЫ) Студент Базуева Анастасия Олеговна Факультет Информационных систем и технологий Кафедра Безопасности информационных систем Группа ИСТ-632 Направление (специальность) 09.03.02 Информационные системы и технологии Руководитель Комаров И.И., доц. каф. БИС Дисциплина Архитектура информационных систем Наименование темы Портал поиска сожителей № п/ п Наименование этапа Дата завершения Оценка и подпись руководите ля Планируемая Фактическая 1 Описание предметной области информационной системы 4.03.2019 2 Техническое задание и выбор программных средств 11.04.2019 3 Реализация процесса передачи данных 25.04.2019 4 Проектирование и разработка интерфейса 02.05.2019 5 Пояснительная записка, подготовка к защите 23.05.2019 6 Защита проекта 30.05.2019 Руководитель Комаров И.И. Студент Базуева А.О. 3 Document shared on www.docsity.com Downloaded by: sobpavev (sobpavev@gmail.com) Федеральное государственное бюджетное образовательное учреждение высшего образования «Санкт-Петербургский государственный университет телекоммуникаций им. проф. М.А. Бонч-Бруевича» АННОТАЦИЯ НА КУРСОВОЙ ПРОЕКТ (РАБОТУ) Студент Базуева Анастасия Олеговна Факультет Информационных систем и технологий Кафедра Безопасности информационных систем Группа ИСТ-632 Направление (специальность) 09.03.02 Информационные системы и технологии Руководитель Комаров И.И., доц. каф. БИС Дисциплина Архитектура информационных систем Наименование темы Портал поиска сожителей ХАРАКТЕРИСТИКА КУРСОВОГО ПРОЕКТА (РАБОТЫ) 1. Цель и задачи работы Предложены Сформулированы при участии студента студентом Определены руководителем Целью проекта является разработка интерфейса информационной системы по поиску сожителей. Задачи курсовой работы: разработать архитектуру системы, выбрать программное обеспечение для разработки интерфейса, составить техническое задание на разработку интерфейса, разработать дизайн-макет интерфейса, составить программу и методику испытаний интерфейса._______________________________________________________ 2. Характер работы Расчет Конструирование Моделирование Другое, 3. Содержание работы 1. Разработка архитектуры информационной системы;___________________ 2. Обзор программного обеспечения;__________________________________ 3. Техническое задание на разработку интефейса;_______________________ 4. Дизайн-макет интерфейса;_________________________________________ 5. Программа и методика предварительных испытний.___________________ 4. Выводы В результате выполнения курсовой работы разработаны: архитектура си- стемы по поиску сожителей, техническое задание на разработку интерфейса, дизайн-макет интерфейса, программа и методика испытаний интерфейса. После оценки результатов испытаний, можно сделать вывод, что интерфейс соответствует заявленным требованиям _________________ Студент Базуева А.О. Руководитель Комаров И.И. « » 20 г. 4 Document shared on www.docsity.com Downloaded by: sobpavev (sobpavev@gmail.com) АННОТАЦИЯ Цель курсовой работы заключается в разработке интерфейса сайта по поиску сожителей. Для достижения поставленной цели решены следующие задачи: разработана архитектура системы по поиску сожителей, выбрано программное обеспечение для разработки интерфейса, составлено техническое задание на разработку интерфейса, разработан дизайн-макет интерфейса, составлена программа и методика предварительных испытаний интерфейса. В результате выполнения курсовой работы спроектирован интерфейс сайта системы по поиску сожителей, а также проведены предварительные испытания текстового контента, удобства интерфейса и корректности отображения страниц. После проведения испытаний и оценки результатов сделаны выводы о соответствии всех показателей качества заявленным требованиям. 5 Document shared on www.docsity.com Downloaded by: sobpavev (sobpavev@gmail.com) Содержание ТЕРМИНЫ И ОПРЕДЕЛЕНИЯ.............................................................................8 ПЕРЕЧЕНЬ СОКРАЩЕНИЙ И ОБОЗНАЧЕНИЙ...............................................8 ВВЕДЕНИЕ..............................................................................................................9 1 Разработка архитектуры информационной системы......................................11 1.1 Архитектура ИС с точки зрения системного администратора...................11 1.2 Архитектура ИС с точки зрения сетевого инженера...................................12 1.3 Архитектура ИС с точки зрения пользователя.............................................12 2 Проектирование интерфейса системы..............................................................13 2.1 Обзор программного обеспечения.................................................................13 2.2 Разработка технического задания и плана реализации интерфейса системы...................................................................................................................14 2.2.1 План на реализацию интерфейса системы.................................................14 2.2.2 Предмет разработки.....................................................................................15 2.2.3 Требования к дизайну сайта........................................................................16 2.2.4 Функциональные требования......................................................................18 2.2.5 Требования к представлению сайта............................................................18 2.2.6 Требование к структуре сайта.....................................................................19 2.2.7 Требования к информационному обеспечению........................................19 2.2.8 Требования к программному обеспечению...............................................20 2.2.9 Требования к персоналу...............................................................................20 2.3 Дизайн-макет интерфейса...............................................................................20 2.3.1 Главная страница..........................................................................................20 2.3.2 Страница «Результаты поиска»..................................................................21 2.3.3 Страница «Личный кабинет»......................................................................21 2.3.4 Страница авторизации и регистрации........................................................22 3 Программа и методика предварительных испытаний....................................22 3.1 Актуальность и уникальность информации.................................................22 3.2 Удобство интерфейса......................................................................................23 6 Document shared on www.docsity.com Downloaded by: sobpavev (sobpavev@gmail.com) 3.3 Корректность отображения страниц..............................................................23 3.4 Оценка и выводы.............................................................................................24 ЗАКЛЮЧЕНИЕ......................................................................................................25 СПИСОК ИСПОЛЬЗУЕМЫХ ИСТОЧНИКОВ.................................................26 ПРИЛОЖЕНИЕ А.................................................................................................27 ПРИЛОЖЕНИЕ Б..................................................................................................28 ПРИЛОЖЕНИЕ В..................................................................................................29 ПРИЛОЖЕНИЕ Г..................................................................................................30 7 Document shared on www.docsity.com Downloaded by: sobpavev (sobpavev@gmail.com) ТЕРМИНЫ И ОПРЕДЕЛЕНИЯ В настоящей пояснительной записке к курсовой работе применяют следующие термины с соответствующими определениями. Актер – экземпляр участника процесса. Класс – описание набора объектов с одинаковыми атрибутами, операциями, связями и семантикой. Атрибут класса – именованное свойство класса, описывающее диапазон значений, которые может принимать экземпляр атрибута. Архитектура «клиент-сервер» - вычислительная или сетевая архитектура, в которой задания или сетевая нагрузка распределены между поставщиками услуг, серверами, и заказчиками услуг, клиентами. Узел – некоторый физически существующий элемент системы. ПЕРЕЧЕНЬ СОКРАЩЕНИЙ И ОБОЗНАЧЕНИЙ В настоящей пояснительной записке к курсовой работе применяют следующие сокращения и обозначения. - актёр - класс-разграничитель - класс-сущность - класс-контроллер - рекурсия - фокус управления 8 Document shared on www.docsity.com Downloaded by: sobpavev (sobpavev@gmail.com) - синхронное сообщение - ответ на сообщение - линия жизни - узел - компонент - комментарий - спецификация соединения примечанием БД – база данных СУБД – система управления базами данных. ИС – информационная система ПК – персональный компьютер ВВЕДЕНИЕ Целью курсовой работы является разработка и создание интерфейса портала по поиску сожителей. 9 Document shared on www.docsity.com Downloaded by: sobpavev (sobpavev@gmail.com) Для решения поставленной цели необходимо решить следующие задачи: Разработать архитектуру информационной системы; Разработать техническое задание на разработку интерфейса; Создать дизайн-макет интерфейса; Провести предварительные испытания разработанной компоненты системы. Система представляет собой сайт, по которому осуществляется поиск сожителей по определенным критериям. Пользователи данного сайта смогут регистрироваться, оставлять анкету, получать доступ к базе данных, посредством веб-интерфейса, хранящей в себе информацию о пользователях (анкета), такую как гражданство, фото, причина поиска сожителя и другое, а также подбирать, в зависимости от своих предпочтений, человека для съема недвижимости. Такими параметрами будут: пол, возраст, финансовые ограничения для съема жилья и желаемое месторасположение. Выбранная тема является актуальной, так как в настоящее время не существует аналогов данной платформы. Пользователи сайта смогут быстро и просто находить людей, так же заинтересованных в съеме жилья. Это существенно сократит их время на поиски, а также обеспечит выбор наиболее подходящего сожителя. 10 Document shared on www.docsity.com Downloaded by: sobpavev (sobpavev@gmail.com) 1 Разработка архитектуры информационной системы 1.1 Архитектура ИС с точки зрения системного администратора Для представления архитектуры системы с точки зрения системного администратора разработана диаграмма последовательности в нотации UML. Система по поиску сожителей представляет собой трехуровневую архитектуру «клиент-сервер». Архитектура предполагает наличие трех компонентов. Первый уровень – клиент. Клиент подразумевает собой пользовательский ПК с выходом в интернет. Второй уровень – сервер, например, Apache и PHP-модуль, которые интерпретируют запросы и реализуют взаимодействие между клиентом и файловой системой. Третий уровень – сервер БД, а также сама база данных, в которой хранится информация, занесенная в анкету пользователем, логины и пароли пользователей. На рисунке 1.1 представлена диаграмма последовательности архитектуры ИС с точки зрения системного администратора. Рисунок 1.1 – Архитектура ИС с точки зрения системного администратора 11 Document shared on www.docsity.com Downloaded by: sobpavev (sobpavev@gmail.com) 1.2 Архитектура ИС с точки зрения сетевого инженера Для представления архитектуры системы с точки зрения сетевого инженера разработана диаграмма развертывания в нотации UML. Диаграмма развертывания представляет ИС с физической точки зрения, а также содержит информацию о топологии и необходимых технических средствах. Архитектура ИС подразумевает наличие клиентского приложения, на которое подается Wi-Fi сигнал от маршрутизатора. Для быстрого отклика маршрутизатор напрямую подключается к серверу приложений по оптоволоконному кабелю. Сервер базы данных соединен с сервером приложений по сетевому кабелю LAN. На рисунке 1.2 представлена диаграмма последовательности архитектуры ИС с точки зрения сетевого инженера. Рисунок 1.2 - Архитектура ИС с точки зрения сетевого инженера 1.3 Архитектура ИС с точки зрения пользователя Для представления архитектуры системы с точки зрения пользователя разработана диаграмма последовательности в нотации UML. Диаграмма отражает последовательность действий пользователя при открытии сайта. Для того чтобы оставить анкету пользователю необходимо 12 Document shared on www.docsity.com Downloaded by: sobpavev (sobpavev@gmail.com) зайти в личный кабинет, для этого он должен авторизоваться или зарегистрироваться. После заполнения анкеты пользователь может ввести данные в форму для поиска сожителя. На рисунке 1.3 представлена диаграмма последовательности архитектуры ИС с точки зрения системного администратора. Рисунок 1.3 - Архитектура ИС с точки зрения пользователя 2 Проектирование интерфейса системы 2.1 Обзор программного обеспечения Для разработки интерфейса системы по поиску сожителя выбран программный пакет Axure RP Pro. Axure RP это программный пакет для создания прототипов. В программном пакете возможно создание прототипов сайтов, схем технологических процессов, интерфейсов программ и др. Axure RP - инструмент планирования интернет проектов и воплощения плана в жизнь. 13 Document shared on www.docsity.com Downloaded by: sobpavev (sobpavev@gmail.com) Axure RP применяется в том случае, когда необходимо сделать сайт с меньшими затратами труда и времени. Особенности и функции Axure RP Pro: Создание диаграмм, блок-схем, аннотаций, спецификаций; Возможность создания аннотаций для большинства элементов интерфейса. Аннотации включаются как в спецификации, так и в HTML-прототипы; Создание прототипов в двух форматах: HTML (для просмотра в браузере) и .chm (для просмотра на локальном компьютере); Возможность группировать элементы в шаблоны, тем самым внося изменения в несколько страниц одновременно; Доступность генератора спецификации интерфейса. Таким образом, Axure RP Pro обладает всеми необходимыми функциями для разработки интерфейса сайта системы. Для создания сайта системы используется язык разметки HTML, а также язык программирования JavaScript. Язык HTML интерпретируется браузерами ; полученный в результате интерпретации форматированный текст отображается на экране монитора компьютера или мобильного устройства. Язык JavaScript в свою очередь применяется как язык сценариев для придания интерактивности веб- страницам. 2.2 Разработка технического задания и плана реализации интерфейса системы 2.2.1 План на реализацию интерфейса системы Разработка интерфейса системы делится на определенные этапы. a) Исследование На этапе исследования проводится сбор информации о продукте, клиенте, его конкурентах или близких аналогах, сбор статистики использования текущего интерфейса (например, сайта или мобильного приложения), анализ устройств предполагаемой целевой аудитории. 14 Document shared on www.docsity.com Downloaded by: sobpavev (sobpavev@gmail.com) b) Пользовательские сценарии На основе предоставленного описания работы интерфейса создается список задач (пользовательских сценариев), которые может выполнять пользователь в рамках интерфейса. c) Структура интерфейса Полученный список шагов на предыдущем этапе, ложится в основу структуры интерфейса. Становится известно количество экранов, их краткое содержание и положение в общей структуре. a) Прототипирование интерфейса Разработка прототипа страниц. b) Определение стилистики Для стилистики выбираются несколько наборов изображений, которые представляют собой иконки, кнопки, иллюстрации, собранные в общей стилистике. c) Дизайн концепция Дизайн концепция отображает будущий вид сайта, его оформление. d) Оформление Конечный внешний вид сайта. Планом оформления является прототип. e) Подготовка материалов для разработчиков Для реализации интерфейса необходимо подготовить все необходимые материалы. Такими материалами являются: спрайты, шрифты с иконками, изображения. 2.2.2 Предмет разработки Предмет разработки - интерфейс портала по поиску сожителей. Цель создания сайта: Обеспечение взаимодействия пользователя с проектируемой системой, осуществление пользователем удобного и быстрого поиска сожителя по его запросам. Назначение сайта: Предоставление информации о системе; Предоставление информации об анкетах других пользователях; 15 Document shared on www.docsity.com Downloaded by: sobpavev (sobpavev@gmail.com) Целевая аудитория: Преимущественно молодые люди, иногородние студенты, не имеющие материальной возможности для самостоятельного съема жилья. 2.2.3 Требования к дизайну сайта В таблице 2 представлены требования, предъявляемые к дизайну сайта. Таблица 2 - Требования к дизайну сайта № Наименование группы требований Требования 1 Общая навигация Возможность перехода к главной странице путем нажатия на логотип системы; Расположение навигационных элементов в шапке страницы; Размер шапки не более 400 пикселей; Меню не выпадающее 2 Текст Использование шрифтов размером 12 – 20 пикселей; Заголовки и подзаголовки должны выделяться по отношению к фону и обычному тексту; Отсутствие длинного текста, деление текста на абзацы; Использование читабельных шрифтов — Tahoma, Verdana, Arial 3 Цвет Фон для общего информационного контента – светлый; Кнопки и другие логически важные текстовые элементы должны быть выделены контрастными цветами или занесены в отдельные блоки; Сочетаемость всех цветов, 16 Document shared on www.docsity.com Downloaded by: sobpavev (sobpavev@gmail.com) используемых в интерфейсе; «Безопасность» цветов 4 Главная страница Графическая шапка; Отображение основной информации, краткое объяснение функционала системы пользователю; Графическая шапка страницы; Вход в личный кабинет; На главной странице находятся поля для ввода параметров поиска сожителя, осуществляется поиск; Располагается переход к авторизации/регистрации Всплывающие подсказки; Подвал с указанием телефонного номера и почты технической поддержки системы 5 Страница результатов поиска Графическая шапка; Возможность повторного выбора параметров поиска; Анкеты пользователей занесены в отдельный контейнер, разделены между собой; Возможность навигации результатов поиска по страницам; Всплывающие подсказки и сообщения; Подвал с указанием телефонного номера и почты технической поддержки системы 6 Форма авторизации и регистрации Поля ввода имени, пароля для авторизации; 17 Document shared on www.docsity.com Downloaded by: sobpavev (sobpavev@gmail.com) Поля ввода имени, пароля и E-mail для регистрации; 7 Личный кабинет Графическая шапка; Контейнер с полями для ввода личной информации пользователя; Кнопки редактирования информации и перехода к поиску; Расположение информации о системе и комментарий к заполнению анкеты; Подвал с указанием телефонного номера и почты технической поддержки системы 2.2.4 Функциональные требования Выделяются следующие классы пользователей: Гость – неавторизованный пользователь, обладает правом просмотра статических разделов, регистрации или авторизации, выбором параметров поиска и просмотром результатов поиска. Авторизованный пользователь обладает правом просмотра статических разделов, просмотром личного кабинета, изменения информации в личном кабинете, выбором параметров поиска и просмотром результатов поиска. Администратор – авторизованный пользователь в интерфейсе администрирования сайта, обладает правом доступа ко всем функциональным возможностям администрирования системы. Администратор может редактировать добавлять и просматривать статические разделы, личные данные пользователей, а также редактировать контент сайта. 2.2.5 Требования к представлению сайта Общая графическая оболочка страниц сайта делится на следующие элементы: 18 Document shared on www.docsity.com Downloaded by: sobpavev (sobpavev@gmail.com) 1)Графическая шапка Включает в себя: логотип, название, ссылка на личный кабинет, ссылка на электронную почту технической поддержки; 2)Поле основной информации Раздел с полями для ввода параметров поиска, кнопку с переходом к результатам поиска для главной страницы, раздел с результатами поиска (анкетами пользователей) и аналогичными полями для ввода параметров поиска для страницы «Результаты поиска» и анкета пользователя с возможностью ее редактирования для личного кабинета; 3)Поле с общей информацией Включает различные комментарии и описание системы; 4)Подвал страницы Включает ссылку на электронную почту и телефонный номер технической поддержки. 2.2.6 Требование к структуре сайта Первоначальная структура сайта должна иметь следующий вид: Главная страница; Страница результатов поиска; Личный кабинет. Страница авторизации и регистрации; 2.2.7 Требования к информационному обеспечению Для разрабатываемой системы выделяются следующие группы видов требования информационного обеспечения: 1)Хранение данных Для хранения всех данных сайта в структурированном виде используется СУБД; 2)Языки программирования/разметки Для разработки интерфейса используется, подразумевающего статическое отображение страниц используется язык разметки HTML5, а также СSS. Для 19 Document shared on www.docsity.com Downloaded by: sobpavev (sobpavev@gmail.com) реализации интерактивных элементов клиентской части используется JavaScript; 3)Иллюстрации Все рисунки должны быть в формате png или jpg. 2.2.8 Требования к программному обеспечению 1)Клиентская часть: Может использоваться любой из перечисленных браузеров: Яндекс.Браузер, Opera, Internet Explorer, Firefox, Google Chrome. Необходим включенный интерпретатор JavaScript. Также необходим Adobe Flash Player 9 версии и выше. 2)Для создания динамического сайта на основе разработанного интерфейса системы необходима серверная часть: Веб-сервер Apache; СУБД MySQL; Модули PHP; Библиотеки PHP; Возможность доступа к localhost по FTP протоколу. 2.2.9 Требования к персоналу Для эксплуатации веб-интерфейса разрабатываемой системы не должно требоваться специальные технические навыки, знания технологий или программных продуктов, за исключением общих навыков работы с персональным компьютером и стандартным веб-браузером. 2.3 Дизайн-макет интерфейса 2.3.1 Главная страница На главной странице осуществляется поиск по фильтрам таким как пол, возраст, ценовой диапазон и месторасположение планируемого жилья для съема. Также расположена кнопка «Найти», после нажатия которой открывается страница с результатами поиска. 20 Document shared on www.docsity.com Downloaded by: sobpavev (sobpavev@gmail.com) В шапке страницы слева направо располагаются логотип системы, ссылка на личный кабинет пользователя, ссылка на электронную почту технической поддержки и телефон технической поддержки. Страница содержит информацию о том, что из себя представляет данная система, а также информацию о том, как пользователь может оставить свою анкету. Для этого предусмотрена кнопка «Оставить анкету», при нажатии которой открывается страница с регистрацией пользователя. В подвале страницы повторно находятся телефон и почта технической поддержки системы. Макет главной страницы, разработанный в Axure RP Pro, приведен в приложении А. 2.3.2 Страница «Результаты поиска» Пользователь попадает по страницу результатов поиска, где может просматривать анкеты других людей, также заинтересованных в том, чтобы найти сожителя. Шапка и подвал страницы аналогичен главной странице. Ниже шапки страницы расположены фильтры, для того чтобы пользователь мог менять значения фильтров, не возвращаясь к главной странице. В основной части страницы располагаются анкеты людей. Пользователь может просматривать информацию о них, включая контактную. Также на странице предусмотрена навигация Макет страницы «Результаты поиска», разработанный в Axure RP Pro, приведен в приложении Б. 2.3.3 Страница «Личный кабинет» После успешной авторизации пользователь попадает в личный кабинет. Здесь пользователю предлагается заполнить данные о себе, которые в последствии будут видны другим пользователям. В личном кабинете можно загрузить фотографию, указать пол, возраст, ценовой диапазон и месторасположение предполагаемого жилья для съема. Также пользователь может указать номер телефона и комментарий о себе. 21 Document shared on www.docsity.com Downloaded by: sobpavev (sobpavev@gmail.com) Пользователь может редактировать информацию о себе. Для этого справа есть кнопка «Редактировать» Из личного кабинета можно вернуться на главную страницу, а также начать поиск. Макет страницы «Личный кабинет», разработанный в Axure RP Pro, приведен в приложении В. 2.3.4 Страница авторизации и регистрации Для оставления анкеты на сайте, пользователю необходимо зарегистрироваться или авторизоваться. Форма авторизации представляет собой поля для ввода имени и пароля. При нажатии на кнопку «Продолжить» он попадает в личный кабинет. Форма регистрации представляет собой поля для ввода имени, пароля, и E-mail. Макет форм авторизации и регистрации, разработанные в Axure RP Pro, приведены в приложении Г. 3 Программа и методика предварительных испытаний 3.1 Актуальность и уникальность информации Проверяются следующие функциональности: а) Уникальность текстового контента сайта; б) Рабочие ссылки на социальные сети и электронную почту. Метод испытаний: Испытание осуществляется путем проверки текста на уникальность с помощью онлайн-сервиса Text.ru. Алгоритм испытаний: Открыть сервис Text.ru; Загрузить текстовой контент на сервис; Произвести обработку информации; Информационный контент считается выдержавшим испытание при условии уникальности информационного контента не менее 70 %. 22 Document shared on www.docsity.com Downloaded by: sobpavev (sobpavev@gmail.com) 3.2 Удобство интерфейса Проверяются следующие функциональности: а) Наличие логичных переходов между страницами сайта; б) Наличие контактов технической поддержки; Метод испытаний: Испытание проверяется путем проверки рабочего состояния ссылок, переходов между страницами. Алгоритм испытаний: Открыть разрабатываемый сайт; Проверить состояние всех ссылок и переходов между страницами; Интерфейс сайта считается выдержавшим испытание при условии работоспособности ссылок и переходов между страницами. 3.3 Корректность отображения страниц Проверяются следующие функциональности: а) «Безопасная» палитра цветов; б) Читабельный шрифт; Метод испытаний: Проверка на «безопасность» всех цветов, используемых на сайте, при помощи таблицы «безопасных» цветов, проверка читабельности текста в онлайн-сервисе Readability.io. Алгоритм испытаний: Открыть таблицу безопасных цветов; Сверить цвета, используемые в разрабатываемом сайте, с цветами таблицы «безопасных» цветов; Открыть онлайн-сервис Readability.io; Загрузить ссылку разрабатываемого сайта в форму; Произвести обработку информации; Интерфейс сайта считается выдержавшим испытание при условии, что все цвета, используемые в интерфейсе, должны быть включены в список «безопасных». 23 Document shared on www.docsity.com Downloaded by: sobpavev (sobpavev@gmail.com) 3.4 Оценка и выводы В ходе эксперимента были оценены актуальность и уникальность информации на сайте, удобство интерфейса и корректность отображения страниц. По результатам испытаний, о КИС можно сделать следующие выводы: Текстовый контент, разработанный для сайта, является на 100% уникальным; Текст удобочитаемый Все цвета, используемые на сайте, являются «безопасными»; Структура сайта логична и проста, между всеми страницами существуют переходы на предыдущие и следующие страницы; Кнопки перехода для удобства пользователя выделены контрастным цветом; Таким образом, интерфейс сайта проектируемой системы успешно прошел испытание. 24 Document shared on www.docsity.com Downloaded by: sobpavev (sobpavev@gmail.com) ЗАКЛЮЧЕНИЕ В результате выполнения курсовой работы был разработан интерфейс системы по поиску сожителей. В ходе выполнения работы были решены следующие задачи. Разработана архитектура информационной системы с нескольких точек зрения: с точки зрения пользователя, системного администратора и сетевого инженера. Для разработки архитектуры были построены три диаграммы в нотации UML: диаграммы последовательности и диаграмма развертывания. Разработанная архитектура позволит иметь более точное представление о построении сети. Проведен обзор программного обеспечения. Для разработки интерфейса был проанализирован выбран пакет Axure RP Pro. Разработано техническое задание сайта с указанием всех требований к разработке интерфейса системы. Проделана работа по созданию дизайн-макета интерфейса портала по поиску сожителей. Для дальнейшей разработки системы необходимо организовать серверную часть сайта. Проведена программа успешных предварительных испытаний, проанализированы результаты. Таким образом, поставленные задачи курсового проекта решены, поставленная цель достигнута. Разработанный интерфейс может стать основой для разработки системы с добавлением серверной части для динамичного отображения всех страниц и хранения данных о пользователях. 25 Document shared on www.docsity.com Downloaded by: sobpavev (sobpavev@gmail.com) СПИСОК ИСПОЛЬЗУЕМЫХ ИСТОЧНИКОВ 1. Грейди Буч. Язык UML. Руководство пользователей СПб.: Питер, 2004. — 432 c. 2. Уткин В.Б., Балдин К.В. Информационные системы и технологии в экономике: Учебник для вузов. - М.: ЮНИТИ-ДАНА, 2003. - 335 с. 3. Проектирование пользовательского интерфейса на персональных компьютерах. Стандарт фирмы IBM. Вильнюс: DBS Ltd, 1992. – 201 с. 4. Фаулер М. UML. Основы. 3-е издание.:Символ-Плюс, 2005. - 192 с. 26 Document shared on www.docsity.com Downloaded by: sobpavev (sobpavev@gmail.com) ПРИЛОЖЕНИЕ А Интерфейс главной страницы Рисунок А.1 - Интерфейс главной страницы 27 Document shared on www.docsity.com Downloaded by: sobpavev (sobpavev@gmail.com) ПРИЛОЖЕНИЕ Б Интерфейс страницы «Результаты поиска» Рисунок Б.1 - Интерфейс страницы «Результаты поиска» 28 Document shared on www.docsity.com Downloaded by: sobpavev (sobpavev@gmail.com) ПРИЛОЖЕНИЕ В Интерфейс страницы «Личный кабинет» Рисунок В.1 - Интерфейс страницы «Личный кабинет» 29 Document shared on www.docsity.com Downloaded by: sobpavev (sobpavev@gmail.com) ПРИЛОЖЕНИЕ Г Интерфейс форм авторизации и регистрации Рисунок Г.1 - Интерфейс формы авторизации Рисунок Г.2 - Интерфейс формы регистрации 30 Document shared on www.docsity.com Downloaded by: sobpavev (sobpavev@gmail.com) |