Файл: Разработка структуры и функционала интернет-представительства компании.pdf
Добавлен: 18.06.2023
Просмотров: 52
Скачиваний: 3
Таким образом, основные потоки данных в системе можно представить в виде схемы, представленной на рисунке 3.1.
Рисунок 3.1 - Динамическое формирование веб-страниц ИС
Титульная страница (главная) любого сайта, любой веб-ориентированной информационной системы должна максимально информативно и в сжатом объёме отображать необходимую пользователю информацию о информационной системе. На главной странице расположен логотип и основное меню (для навигации по его структуре), форму аутентификации (входа зарегистрированных пользователей), регистрационную ссылку.
Главная страница системы расположена по адресу: http://www.diofant.com/Control_3K/index.php
Эта веб-страница состоит из ряда, специальным образом построенных таблиц в терминологии языка HTML, разделяющих экран на отдельные поля и линейного, в виде ленты, меню с возможными вариантами работы с системой (рисунок 3.2). Структура типовой веб-страницы системы приведена в ниже. Любая страница ИС состоит из «шапки», Header.php, и статической части или динамической части, формируемой PHP-модулями.
Рисунок 3.2 - Структура веб-страниц страниц
Каждой кнопке меню соответствует ссылка на определенный функциональный модуль сайта, определенный функционал ИС.
Главная страница сайта представлена на рисунке 3.3. Так как в данной курсовой работе, по сути, создается прототип системы, то на главной страницы дано краткое описание концепции проекта, кнопка «О ПРОЕКТЕ». Структура и дизайн страниц первоначально проектируется с помощью графического редактора и визуальных средств проектирования веб–страниц.
Рисунок 3.3 - Главная страница сайта с кратким описанием проекта
Кнопке главного меню «О ПРОЕКТЕ» соответствует описание сути работы.
роме рассмотренных пунктов топ меню еще включены кнопки «ПРОДУКТЫ» и кроме того включены кнопки «ОТЗЫВЫ» и «НОВОСТИ», которые будут реализованы при развитии проекта.
Пункту меню «КОНТАКТЫ» обратная связь с администратором сайта.
При нажатии на вкладку категории, переходим к категориям товаров.
Рисунок 3.5-Категории товаров
Проектирование форм для добавления и обновления данных. На любом сайте, веб-оринтированной ИС должны быть формы для добавления и обновления данных базы данных или формы обратной связи, регистрации и авторизации и прочие формы. Рассмотрим формы для реализации веб-интерфейса пользователей и администратора системы с базой данных. Если таблиц базы данных достаточно много, то невозможно для каждой таблицы создавать специальную форму. Необходимо унифицировать формы для добавления и обновления данных для всех таблиц базы данных, что и проектируется в настоящей системе. Для каждой таблицы базы данных унифицированная форма генерируется php кодом динамически на основе того же php блока, шаблона, что и табличное представление, описанное выше. Общая схема процесса генерации представлена на рисунке 3.1 третьего раздела. В качестве примера приведем форму обновления слогана 3.6.
Рисунок 3.6 - Форма для добавления (обновления) данных слогана компании
Аналогичные формы используются для добавления и обновления всех данных в системе. Как видно на рисунке, каждую форму сопровождают кнопки для добавления, удаления, обновления данных.
Любой сайт, веб-приложение, это совокупность электронных документов (файлов), объединённых под одним адресом (доменным именем или IP-адресом).
Страницы сайтов — это набор текстовых файлов, размеченных на языке HTML. Эти файлы, будучи загруженными посетителем на его компьютер, понимаются и обрабатываются браузером и выводятся на средство отображения пользователя (монитор, экран КПК, принтер или синтезатор речи). Язык HTML позволяет форматировать текст, различать в нём функциональные элементы, создавать гипертекстовые ссылки (гиперссылки) и вставлять в отображаемую страницу изображения, звукозаписи и другие мультимедийных элементы. Отображение страницы можно изменить добавлением стилей на языке CSS, что позволяет централизовать в определенном файле все элементы форматирования (размер и цвет заглавных букв 2-го уровня, размер и вид блока вставки и другое) или сценариев на языке JavaScript, с помощью которого имеется возможность просматривать страницы с событиями или действиями.
Страницы сайтов могут быть простым статичным набором файлов или создаваться специальной компьютерной программой на сервере. Она может быть либо сделана на заказ для отдельного сайта, либо быть готовым продуктом, рассчитанным на некоторый класс сайтов. Некоторые из них могут обеспечить владельцу сайта возможность гибкой настройки структурирования и вывода информации на веб-сайте. Такие управляющие программы называются системами управления содержимым (CMS) [4, 15].
Основная цель при создании сайте – это получение прибыли за счет размещения информации от различных организаций и получение комиссионных от проведения различных транзакций
Создание сайтов на основе бесплатных онлайн-конструкторов удобно для тех, кто желает быстро создать и «запустить свой сайт в мир». Этот метод подходит для создания небольших простых сайтов с ограниченным функционалом и динамичностью.
Однако в настоящем проекте не использовались CMS для создания сайтов, а использовалась ручная верстка html-css кода. Ниже представлено краткое описание используемых языков и программных сред.
Выбор средств реализации (разработки). В настоящем проекте не использовались CMS для создания сайтов, а использовалась ручная верстка html-css кода.
HTML. Для подготовки гипертекстовых документов используется язык HTML (Hyper Text Markup Language язык разметки гипертекстовых документов), предоставляющий широкие возможности по форматированию и структурной разметке документов, организации связей между различными документами, средства включения графической и мультимедийной информации. HTML-документы просматриваются с помощью специальной программы - браузера.
PHP. PHP — скриптовый язык программирования, созданный для генерации HTML-страниц на веб-сервере и работы с базами данных. На сегодняшний момент поддерживается подавляющим большинством представителей хостингов. Входит в LAMP — «стандартный» набор для создания вебсайтов. При создании сайта был сделан выбор в PHP, так как это средства является в области программирования для сети Интернет, один из популярных сценарных языков благодаря своей простоте, скорости выполнения, богатой функциональности, кроссплатформенности и распространению исходных кодов на основе лицензии PHP.
Web-сервер Apache. Самый распространенный Web-сервер в мире - это Apache. По данным предприятия Netcraft, общее число Web-узлов, работающих под его управлением, к концу 1998 г. достигло 2 млн. (55% общего числа узлов) и постоянно растет. Для сравнения: на долю серверов Microsoft приходится 25%, Netscape - 7%. Будучи бесплатной открытой программой, предназначенной для бесплатных же Unix-систем (FreeBSD, Linux и др.).
SQL (Structured Query Language) создан для работы с реляционными базами данных. Он позволяет пользователям взаимодействовать с базами данных (просматривать, искать, добавлять, управлять данными). MySQL – многопользовательский, многопоточный сервер базы данных SQL. Имеет хорошую скорость и гибкость, если использовать его для хранения изображений и файлов. MySQL соответствует спецификации ANSI 92 SQL
[14,15,16].
Как уже говорилось ранее, веб страницы могут быть статическими и динамическими. В начале каждой страницы в обязательном порядке идет головная часть с кнопками главного меню. В программном обеспечении эта головная часть названа Header.php. Для того, чтобы излагаемый материал не был чисто описательным, теоретическим, приведем код модуля Header.php, который для каждой страницы приложения включается в страницу утверждением include.
Схема взаимодействия программных модулей и файлов. Все программное обеспечение находится в папке Control_3K. Структура папок и файлов представлена на рисунке 4.1.
Рисунок 4.1- Структура папок и файлов
Состав программного обеспечения и функции, выполняемые модулями, представлены ниже.
Control_3K Главная папка, содержащая все модули
All_Tables_short.php Главная страница с таблицами БД
Any_Table_HTML_New.php Класс таблиц отображения
DB_Class.php Класс работы с базой данных
DB_Coding.php Модуль перекодировки в кириллицу
DB_data.php Параметры соединения с БД
Form_Buttons.php Формы удаления, поиска, обновления
Form_Buttons_Staff.php Форма поиска по нескольким ключам
FormMsgs.php Сообщения
Forms_Main.php Форма добавления данных в таблицы
Header.php Стандартная шапка страниц
Staff_Handler.php Обработчик БД
Staff_Search.php Модуль поиска по нескольким ключам
Table_Headers.php Файлы настройки «шапок» таблиц
Table_Headers_DB.php Файлы настройки полей таблиц БД
Universal_Forms_Builder.php Построитель форм добавления
В структуре программного обеспечения в определенной степени отображается технология MVC (Model-View-Controller) и состоит из трех уровней (рисунок 4.3). В схеме представлены не все модули, часть из них описывается ниже. Как уже было сказано ранее, базовые класс были разработаны в предприятия MitriDAT и в процессе работы над проектом адаптировались под требования проекта.
Рисунок 4.3 - Структурная схема программного обеспечения веб-приложения
Каждому уровню соответствуют программные модули, представленные в крайнем правом столбце схемы. Далеко не все модули второго уровня обращаются к базе данных и не все модули представлены в данной схеме. Описание всех возможных последовательностей обращения модулей заняло бы большой объем курсового проекта, поэтому рассмотрим, как работает программное обеспечение в соответствие с данной схемой на примере.
При нажатии кнопки топ-меню «ВХОД» и входе администратора системы, вызывается модуль All_Tables.php – который обеспечивает выдачу на экран дисплея всех таблиц базы данных, для работы администратора с базой данных. Этот модуль обращается к модулю нижележащего уровня, вызывая модуль DB_Tables_Fields.php, который сканирует текущую логику базы данных («на лету», именно поэтому можно менять структуру и содержание полей страниц, не задумываясь о модификации кода), считывает таблицы и поля. Затем модуль All_Tables.php. формирует запрос к базе данных, обращается к модулю DB_Class.php, который оформлен как класс, получает значения полей базы данных (строк). После этого с помощью модулей табличного представления вышележащего уровня Any_Table_HTML.php формируется HTML-код таблиц, добавляется заголовок («шапка») Header.php страницы, содержащая логотип, HTML-CSS код страницы и полностью сформированная страница отправляется в браузер пользователя в ответ на запрос. Напомним, что весь программный код работает на стороне сервера, который отправляет готовую для отображения HTML страницу. Аналогично происходит формирование табличных представлений для любой выбранной таблицы, но при этом работает другой модуль. Этот модуль называется Tables_Handler.php. Краткое описание работы каждого модуля будет дано ниже. Более подробные комментарии к коду основных модулей даны в Приложении.
Описание работы сайта. Заходим http://www.diofant.com/Control_3K/index.php
По умолчанию выводится список уже определенных опций голосования, который можно изменить на другие опции.
Рисунок 5.8 – Голосование
Отзывы пользователей о продуктах подаются на вкладке ОТЗЫВЫ отдельно. Там можно описать в текстовой форме преимущества и недостатки разных продуктов. Результаты поданных отзывов публикуются внизу формы (Рисунок 5.9).
Рисунок 5.9 – Отзыв добавлен и письмо отправилось.
Кроме того, что сайт дает возможность выразить свое мнение по качеству отдельных продуктов, провести голосование, которое приводит к суммарному рейтингу продуктов, сайт имеет информационную составляющую, которая содержит новости по новым выпускаемым продуктам, публикуется информация о магазинах, которые уже ориентируются на рейтинги лучших продуктов и которые там можно приобрести.
Анонсы новостей публикуются на первой странице сайта. Пользователь может перейти по ссылке для получения полной информации по новостям.
Контактная информация по работе сайта и администратора может быть направлена через контактную форму.
Заключение
В рамках курсовой работы разработан сайт, веб-приложение с функциями веб-ориентированной информационной системы и функциями онлайн оценивания качества товаров, как одного из направлений в повышении эффективности независимого оценивания товаров продовольственной группы, создания рейтинга продовольственных товаров, банка отзывов о характеристиках и качестве товаров.
Актуальность темы вытекает из необходимости продвижения именно качественных товаров компании в сети интернет. Таким образом сайт является рекламной площадкой компании и в то же время содержит объективную и аккумулированную информацию о качественных продуктах и их рейтингах по результатам голосований.
В работе рассмотрены вопросы создания сайта, веб-ориентированной ИС, программного обеспечения информационных систем (ИС), базирующихся на современных программных платформах, современных концепциях в области систем управления базами данных (СУБД), современных концепциях прикладного программирования, интернет технологиях. По сути, речь идет о сайте с функциями информационной системы и онлайн сервисами.
В качестве одной из возможных платформ для программной реализации сайта использована платформа семейства Unix-Linux с системой управления базами данных (СУБД) MySQL, языком написания динамических сценариев на стороне сервера php.