Разработка веб - ресурса для волонтерского центра

1.

АВТОНОМНАЯ НЕКОММЕРЧЕСКАЯ ПРОФЕССИОНАЛЬНАЯ
ОБРАЗОВАТЕЛЬНАЯ ОРГАНИЗАЦИЯ
«АКАДЕМИЧЕСКИЙ КОЛЛЕДЖ»
Кафедра информационных технологий и программирования
Специальность 09.02.07 «Информационные системы и программирование»
ДИПЛОМНАЯ РАБОТА
ТЕМА:
РАЗРАБОТКА ВЕБ-РЕСУРСА ДЛЯ
ВОЛОНТЕРСКОГО ЦЕНТРА
(НА МАТЕРИАЛАХ
МУ «СДЦ «ПЕРЕКРЕСТОК»)
ВЫПОЛНИЛ: ОРЛОВ АЛЕКСЕЙ ПЕТРОВИЧ
РУКОВОДИТЕЛЬ : РЫБАЛЬЧЕНКО МАКСИМ АНДРЕЕВИЧ
В ОЛГ ОГ РА Д , 2 0 2 2

2.

АКТУАЛЬНОСТЬ:
В настоящее время Интернет становится все более развитой
средой для осуществления коммуникаций. В связи с глобальным
развитием сети Интернет, в программировании все более резко
начала выделяться отдельная его отрасль веб-программирование.
Сейчас, чтобы привлечь внимание клиентов, покупателей или
партнёров, просто необходимо заявить о себе в интернете, путём
создания веб-сайта. Для этих целей как раз и служит веб-сайт,
содержащий основную информацию об организации.
2
Поскольку сейчас наблюдается недостаточное развитие досуга
молодежи как населения, наиболее подверженного влияниям
окружающей среды и, нуждающегося в защите и правильной
организации
своей
жизнедеятельности.
Создание
сайта,
направленного на развитие досуга молодежи, поспособствует МУ
СДЦ «Перекресток» привлечь больше внимания со стороны
клиентов. Таким образом, тема выпускной квалификационной
работы является актуальной и практически значимой.

3.

ЦЕЛЬ ДИПЛОМНОЙ РАБОТЫ:
Целью представленной дипломной работы
является создание веб-сайта для молодежного
центра МУ СДЦ «Перекресток».
3
Данный ресурс будет иметь базу данных для
хранения информации о пользователях и
новостях.

4.

ОСНОВНЫЕ ЗАДАЧИ:
4
провести анализ предметной области;
провести сравнительный анализ систем-аналогов;
провести обзор инструментальных средств создания дипломной
работы и выбрать наиболее подходящий;
описать логику функционирования программного обеспечения,
входную
и
выходную
информацию,
привести
схему
функционирования программного продукта;
разработать сайт, который предоставит пользователям наиболее
важную для него информацию, а именно дать возможность
ознакомиться со списком мероприятий, проводимых в организации;
разработать дизайн сайта, который будет соответствовать
предполагаемым предпочтениям целевой группы, времени и целям
нахождения потенциальных клиентов на сайте;
реализовать навигацию с помощью меню по страницам сайта;
реализована панель администрирования сайта;
разработать возможность установки логотипа сайта;
сформировать требования к программному продукту;
обеспечить безопасность информации на сайте.

5.

КРАТКОЕ ОПИСАНИЕ
ПРЕДМЕТНОЙ ОБЛАСТИ
Волонтерский центр МУ СДЦ «Перекресток» один из ведущих
волонтерских центров города Волгограда, осуществляющих работу
по следующим направлениям волонтерской деятельности:
событийное волонтерство,
экологическое,
профилактическое,
патриотическое волонтерство,
волонтеры культуры.
5
Силами волонтеров проведены сотни мероприятий для детей,
подростков и молодёжи, реализованы проекты по благоустройству
территорий общего пользования, по оказанию помощи
нуждающимся, профилактические проекты по оказанию помощи
подросткам девиантного поведения.

6.

АНАЛИЗ САЙТОВ-АНАЛОГОВ
Для решения поставленной задачи необходимо выполнить анализ
аналогичных сайтов. Аналоги:
сайт Комитета молодежной политики и туризма Волгоградской
области
сайт американского молодежного центра «Latin American Youth
Center»;
сайт молодежного центра «Center For Youth».
Сайты оценивались по следующим критериям:
дизайн (UI),
удобство использования (UX),
навигация,
Были рассмотрены их основные достоинства и недостатки.
Сделаны выводы и учтены все недочеты в дальнейшей
разработке.
6
текстовое наполнение.

7.

КОНЦЕПЦИИ:
Концепция №1 – технология разработки ASP.NET,
многофункциональная и сокращает время написания
кода.
Концепция №2
простой и быстрый.
-
язык
программирования
Go,
Концепция №3 - язык программирования Ruby,
очень переносимый язык общего назначения, который
служит многим целям.
7
Концепция №4 - технология разработки Node JS
платформа разработки с открытым исходным кодом
для выполнения кода JavaScript на стороне сервера.
Имеет много модулей разработки.

8.

ФУНКЦИОНАЛЬНАЯ СХЕМА:
Работа с веб-сайтом
Основная страница
Раздел админ-панели
«Список пользователей»
Раздел «Редактор
новостей»
БД «Authentication»
Шапка страниц сайта
Раздел «Вход»
Раздел админ-панели
Раздел «Регистрация»
«Dashboard»
(для приветствия)
8
Выход с сайта

9.

ЭТАПЫ РАЗРАБОТКИ:
определение целей разработки;
определение требований к
функционалу будущего проекта;
структуре
и
создание дизайн-макет;
верстка, программирование и внедрение;
наполнение сайта;
9
тестирование сайта.

10.

СТРУКТУРА САЙТА:
Главная
/
Вход
/login
Регистрация
/register
Админ-панель
/admin-cp
Админ-панель Dashboard
/admin-cp/home
Админ-панель Список
/admin-cp/users
Админ-панель Список постов
/admin-cp/posts
Админ-панель Дизайн сайта
/admin-cp/desing
Админ-панель Статус платформы
/admin-cp/status
Админ-панель О сайте
/admin-cp/about
API методы
/api/{method}
Статья
/{post_name-post_id}
10
пользователей

11.

11
МОДЕЛЬ БАЗЫ ДАННЫХ:

12.

При разработке веб-сайта были учтены некоторые возможные
угрозы, а именно:
предотвращена возможность подмены токена пользователя для
доступа к админ-панели сайта,
регистрация не была закрыта, так как изначально планировалось
сделать
возможность
комментирования
статей,
но
зарегистрированный пользователь не может никак попасть в
админ-панель, так как у него недостаточно для этого прав;
при регистрации (через /register или через админ-панель)
проверяется длина пароля и надежность;
при использовании некоторых внутренних API проверяются права
пользователя, для этого клиент создает токен пользователя,
шифрует и отправляет на сервер, сервер дешифрует токен и
проверяет права;
также был выполнен еще ряд небольших функций, направленных
на обеспечение безопасности сайта.
12
ОБЕСПЕЧЕНИЕ БЕЗОПАСНОСТИ
ИНФОРМАЦИИ

13.

При выполнении дипломной работы по разработке веб-сайта для МУ
СДЦ «Перекресток» был поставлен ряд задач, полностью
выполненный.
Был проведен анализ деятельности МУ СДЦ «Перекресток», была
выявлена
потребность
в
разработке
веб-ресурса
для
распространения информации о волонтерском центре и публикации
различных новостей. Были проанализированы аналоги веб-сайтов у
подобных организаций.
Были изучены средства для реализации задачи, были определены
выходные и входные данные, сформирована функциональная схема
продукта.
Были изучены требования к внешнему виду сайта, сформированы
системные требования к клиенту и серверу, рассмотрены
требования к обеспечению защиты данных.
Таким образом, все поставленные в начале работы задачи были
подробно рассмотрены и решены, цель дипломной работы
достигнута.
13
ЗАКЛЮЧЕНИЕ

14.

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