Файл: Разработка сайта личной страницы дачного кооператива «СНТ-Дары Природы.pdf
Добавлен: 28.03.2023
Просмотров: 69
Скачиваний: 2
Введение
В современном мире сайт является лицом компании и даже самой компанией, как например, интернет-магазин. Учитывая, что сайт необходим каждому человеку, желающему рассказать о своей сфере и услуг. Возможность показать свою работу, предоставить визитку, представиться покупателю заочно эти и многие другие возможности открывает наличие сайта. Сайт, разрабатываемый в данной работе, имеет свою цель, заключающуюся в создании презентабельного сайта для дачного кооператива СНТ-Дары Природы, а так для информирования о проделанных работах, а также участии в них.
В первом разделе мы должны создать организационную структуру сайта СНТ, а также создать декомпозицию бизнес-процессов деятельности организации чем она занимается и как управляется.
Во втором разделе мы должны отобразить процесс проектирования серверной части приложения, а создать схему дерева вызова программных модулей.
В третьем разделе мы описываем структуру базы данных и ее функций которые должны быть представлены виде схемы ER-модели.
В четвертом разделе мы показываем формы сайта и описываем их, а также пишем инструкцию для пользователей товарищества и показываем сценарий взаимодействия пользователя с сайтом.
Техническое задание и выбор средств реализации
Компания дачный кооператив “СНТ-Дары Природы” занимается сбором налогов с граждан СНТ, а также обеспечения услуг по улучшению благоустройства жилого массива.
Схема 1 Организационная структура
Директор садового товарищества следит за исполнением обязанностей работников.
Исполнители СНТ-Дары Природы информируются через сайт указаниями директора. Работа исполнителей контролируется через сайт с помощью фото отчета.
При помощи технических средств мы выбрали сайт с помощью которого реализуется контроль по исполнению обязанностей работников и добавление участниками садовых товариществ по дополнению идей качества.
Схема 2 Декомпозиция бизнес-процессов деятельности организации
В данной схеме мы наблюдаем контроль по регистрации работников, а также по работе с сайтом сообщества. Администраторы сайта уведомляют пользователей сообщества, а также рассматривают вопросы по проблемам СНТ-Дары Природы.
Схема 3 Процесс проектирования серверной части приложения
На данной схеме показано взаимодействие пользователей и сотрудников с серверной части программы, что при регистрации пользователей система взаимодействует с базой данных, куда вносятся сотрудники и пользователи, база данных непосредственно взаимодействует с сервером.
Схема 4 Дерево вызова программных модулей
Схема 5 ER – модель
Функция базы данных заключается в предоставлении информации о сайте пользователю СНТ товарищества, а также добавления сотрудниками и пользователями информации.
Описание структуры клиентской части.
1.1Описание интерфейса «Обычный пользователь».
Рис.1 Регистрация пользователя
На Рис.1 показан процесс регистрации пользователя. Для успешной регистрации нужно заполнять все поля формы. Сначала пользователь вводит данные, если все поля заполнены, то система проверяет соответствие требований к данным, в ином случае, возникает ошибка «не все поля заполнены», если данные соответствуют требованиям, то происходит регистрация, если нет, то система выдаёт ошибку о несоответствии данных требованиям.
Рис.2 Вход Авторизации пользователя
На Рис.2 показан процесс Авторизации пользователя. Для успешной Авторизации нужно заполнять поля формы логина и пароля. Сначала пользователь вводит данные, если все поля заполнены, то система проверяет соответствие требований к данным, в ином случае, возникает ошибка «не
правильно введены данные», если данные соответствуют требованиям, то происходит вход в кабинет, если нет, то система выдаёт ошибку о несоответствии данных требованиям.
Схема функции и сценарии взаимодействия приложения с пользователем
Описание интерфейса «Администратор».
Рис.2 Регистрация Администратора
На Рис.2 показан процесс регистрации Администратора. Для успешной регистрации нужно заполнять все поля формы. Сначала Администратор вводит данные, если все поля заполнены, то система проверяет соответствие требований к данным, в ином случае, возникает ошибка «не все поля
заполнены», если данные соответствуют требованиям, то происходит регистрация, если нет, то система выдаёт ошибку о несоответствии данных требованиям.
Рис.4 Вход Авторизации Администратора
На Рис.4 показан процесс Авторизации Администратора. Для успешной Авторизации нужно заполнять поля формы логина и пароля. Сначала Администратор вводит данные, если все поля заполнены, то система проверяет соответствие требований к данным, в ином случае, возникает ошибка «не правильно введены данные», если данные соответствуют требованиям, то происходит вход в кабинет, если нет, то система выдаёт ошибку о несоответствии данных требованиям.
Рис дерева вызова программных модулей
Экранные формы, демонстрирующие работу системы и их описание.
Рис 5 Форма Главной страницы
Рис 6 Форма Новостей
Рис 7 Форма Документации
Рис 8 Форма Контактная информация
Рис 9 О компании
Данный сайт предназначен для знакомства пользователя с сайтом дачного кооператива СНТ Дары природы. Пользователь заходит на сайт и видит перед собой главную страницу сайта (рис 1), которая даёт контакты о сайте и навигационное меню. Далее, в навигационном меню, пользователь может перейти на другие страницы сайта. Чтобы подробнее узнать о сайте товарищества, пользователь может перейти во вкладку «Подробнее» (рис 9). Если у пользователя появился вопрос, то он может задать его в форме сообщений или написав на почту/позвонив по номеру.
Когда пользователь регистрируется на сайте, то его данные заносятся в базу данных. Если пользователь совершает покупки, то это также отражается в базе данных. Для того, чтобы зарегистрироваться на сайте, пользователю, через кнопку регистрация, нужно перейти в раздел «регистрации» и ввести необходимые данные. Если же пользователь уже зарегистрирован, то он вводит пароль и логин и входит в систему.
Заключение
Итоги курсовой работы заключаются в выполнении проектных решений и плане построения базы данных, а также в создании функций и ролей для администраторов и пользователей, и в написании инструкций для пользователей с работой с сайтом.
В данном приложении показан код страниц сайта
Приложение 1. (Фрагмент кода HTML для главной страницы сайта)
<!Doctype html>
<html lang="ru">
<head>
<title>CHT– Дары Природы (главная Страница)</title>
<meta charset="UTF-8">
<meta name="keywords" content="СНТ Дары Природы">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="Glav.css">
</head>
<body>
<header>
<div class = "Logosite">
<h1><a href="index.html">CHT Дары Природы</a></h1>
</div>
<nav class="navigation-menu">
<ul>
<li>
<a class="nav-link" href="index.html">Главная</a>
</li>
<li><a class="nav-link" href="#">Доска объявлений</a>
<ul class="submenu">
<li><a class="nav-link" href="obgect.html">Новости</a></li>
<li><a class="nav-link" href="docum.html">Скачать Документы</a></li>
</ul>
</li>
<li>
<a class="nav-link" href="ContactInformation.html">Контактная информация </a>
</li>
<li>
<a class="nav-link" href="moreDetails.html">Подробнее</a>
</li>
</ul>
</nav>
<div class = "SearchMenu">
<form action = " " method="GET">
<input name = "Search" placeholder="Поисковый запрос">
<button type = "submit">Поиск</button>
</form>
</div>
<div class = "header-buttons">
<form action="Login.html">
<button class = "inputH" value="Вход">Вход</button>
</form>
<form action="RegistrationForm.html">
<button class = "UserRegistration" value="Регистрация">Регистрация</button>
</form>
</div>
</header>
<main>
<div class = "Logomain">
</div>
<div class= "Osnovmain">
<a href="https://camdrive.com/"><img src="camera.png" alt="охрана СНТ-Дары Природы"></a>
</div>
</main>
<footer>
<div class= "footer_wrapper">
</div>
<div class = "footer_nav">
<p>Телефон:89197628499</p>
<p>@mail:SNT-DARY PRIRODY</p>
</div>
</footer>
</body>
</html>
Приложение 1.2 (Фрагмент кода Style.CSS для главной страницы сайта)
Приложение 1.3 (Фрагмент кода Style.CSS для главной страницы сайта)
Приложение 2. (Фрагмент кода HTML для новости страницы сайта)
Приложение 2.1 (Фрагмент кода newsstyle.CSS для новости страницы сайта)
