Добавлен: 29.06.2023
Просмотров: 62
Скачиваний: 4
Раздел заголовков оканчивается двумя парами символов CR и LF, после чего следует произвольный набор символов – объект. При работе сайта такими объектами могут являться только гипертекстовые документы в формате HTML, динамически генерируемые программным кодом приложения.
В качестве языка программирования был выбран язык php.
3. Разработка приложения
3.1 База данных
Разработка базы данных осуществлялась в следующей последовательности:
- создание концептуальной модели;
- создание логической модели;
- создание физической модели.
Главная цель концептуального моделирования – выделение основных сущностей, характерных для предметной области, а также связей между ними. В рассматриваемой предметной области можно выделить следующие сущности:
- пользователи ИС, которые управляют контентным содержимым сайта;
- разделы сайта;
- категории в разделах;
- материалы в категориях;
- комментарии (или отзывы) к материалам;
- голосования;
- варианты ответов к голосованиям.
Выделенные сущности связаны друг с другом связями один-ко-многим. Концептуальная модель с выделенными сущностями и связями между ними изображена на рисунке 3.1
Рисунок 3.1 – Концептуальная модель предметной области
Следующий шаг создания базы данных – построение логической модели данных на основе концептуальной. Для этого необходимо выделить атрибуты каждой сущности. Атрибутами сущности называются характеристики, присущие экземплярам данной сущности.
Для пользователя характерны следующие атрибуты:
- имя;
- пароль;
- email.
- Раздел характеризуется следующими атрибутами:
- автор – пользователь, который создал данный раздел;
- название – название, выводимое в списке разделов в панели администрирования;
- заголовок – заголовок раздела, выводимый пользователям на сайте;
- описание – текст описания в формате html;
- url – постоянный адрес раздела (на латинице);
- ключевые слова – meta-тэг keywords;
- дата создания – дата и время, когда раздел был создан;
- дата изменения – дата и время последнего внесения изменения в какие-то атрибуты раздела;
- активность – включено ли отображение раздела на сайте;
- главный – пометка о том, что данный раздел необходимо выводить по умолчанию;
- порядок сортировки – числовое значение, обозначающее порядковый номер раздела в списке разделов сайта.
Атрибуты для категории и материала аналогичны атрибутам раздела, за исключением того, что к категории добавляется дополнительный атрибут – раздел, к которой относится данная категория, а к атрибутам материала добавляется категория, к которой данный материал относится.
Кроме того, для каждой сущности необходимо выбрать ключевой атрибут. Ключевым атрибутом (или первичным ключом сущности) называется такой атрибут, значение которого для каждого экземпляра сущности является уникальным. Первичный ключ служит для однозначной идентификации экземпляров сущности. В каждую сущность добавим атрибут Идентификатор, он и будет служить первичным ключом.
Конечная логическая модель со всеми сущностями и атрибутами изображена на рисунке 3.2.
Рисунок 3.2 – Логическая модель
3.2 Пользовательский интерфейс
Для создания красивого пользовательского интерфейса использовался язык гипертекстовой разметки html и создание css-стилей для элементов страницы. Весь сайт выполнен в белом и розовом тонах.
После перехода на сайт компании открывается главная страниц.
В верхней части (шапке) сайта расположена информация о компании, цены, логотип, название, контакты (для оформления заказов), условия заказа и доставки и телефон для связи.
Под шапкой сайта расположены три основных раздела: торты, начинки и сладости.
При нажатии на каждую картинку, можно перейти в каждый раздел и более подробно изучить предлагаемую продукцию (рисунок 3.1).
Рисунок 3.1 – главная страница сайта
В верхней части сайта расположена поисковая строка, для того, что бы легче было найти нужную продукцию.
При переходе в раздел «Торты» открывается текст из описания данного раздела, а в левом меню открывается список категорий данного раздела.
Под текстом новости отображаются комментарии, оставленные пользователями и утвержденные администратором сайта. Под всеми комментариями находятся форма для добавления нового комментария.
Щелкнув на имя и изображение товара, открывается страница товара, на которой представлено описание товара, его изображения, а также отзывы пользователей о нем.
В разделе «Отзывы» располагаются отзывы клиентов о компании, которые были одобрены администраторами сайта.
Для того, чтобы перейти к управлению сайтом, необходимо после адреса сайта добавить/admin, после этого откроется форма авторизации (Рисунок 3.2), на которой необходимо ввести логин и пароль.
Рисунок 3.2 – Форма авторизации
После успешного прохождения авторизации откроется домашняя страница панели управления сайтом, на которой расположены элементы для открытия страницы управления нужным элементом сайта. (Рисунок 3.3). В верхней части страницы отображена панель навигации, для того, чтобы пользователь всегда мог вернуться на домашнюю страницу, а также не забывал, в каком именно разделе панели администрирования он находится.
Рисунок 3.3 – Домашняя страница панели администрирования
Управление всеми страница сайта осуществляется с помощью специальных форм, полями которых являются все атрибуты редактируемого объекта. Для полей «описание» разделов, категорий и материалов подключен визуальный редактор, Который также имеет возможность отображения исходного html-кода отформатированного текста (Рисунок 3.4).
Рисунок 3.4 – Поле для редактирования текста описания
Просмотр результатов опросов доступен с помощью специальной формы. В верхней части расположен выпадающий список, в котором необходимо выбрать интересующий опрос. После нажатия на кнопку «Посмотреть» под выпадающим списком открывается результат голосований (Рисунок 3.5)
Рисунок 3.5 – Страница просмотра результатов опроса
Заключение
В ходе проделанной работы были достигнуты следующие результаты:
- был составлен список требований к разрабатываемому приложения: требования к функциональному наполнению, были выделены входные и выходные данных, сформулированы требования к пользовательскому интерфейсу, структуре сайта и информационной безопасности;
- был проведен анализ исходных данных, в ходе которого был изучен http-протокол.
- было разработано приложение в виде web-сайта с использованием скриптового языка программирования php и фреймфорка Symfony, а также системы управления базами данных MySQL. Решающим факторов выбора этих средств разработки приложения стало их бесплатность, а также простота изучения и использования.
Таким образом, все задачи, поставленные перед данным курсовым проектом выполнены, а значит основная цель достигнута.