Файл: Информационные технологии и платформы разработки информационных систем.pdf

Более предпочтительным является второй подход, так как он дает возможность создать и наладить администраторский интерфейс для изменения, добавления и удаления данных, представленных на сайте. При таком подходе необходима разработка структур баз данных для хранения информации и, если работать без поддержки серверов баз данных, специальных форматов для хранения баз с инструментариями работы с данными достаточно высокого уровня ( то есть написание своего SQL-сервера со своим набором команд). В простейшем случае хранить информацию можно в простых текстовых файлах.

Однако в таком случае мы уже не говорим о структуре данных.

Интеграция Web-узла с базами данных открывает множество новых возможностей повышения его динамичности и устойчивости, что увеличивает интерес пользователя, предоставляя ему максимум нужной информации. Такая интеграция упрощает создание узла и для разработчика, поскольку позволяет применять хранящиеся в базе данных модульные фрагменты информации.

Благодаря тому, что динамические данные и приложения генерируются с помощью интерпретируемых языков непосредственно на Интернет сервере, информация там и остается. Изменившись там, она появится у пользователя в обновленном виде.

В системах с динамическим содержанием обычно существует две подсистемы:

- отображения информации (осуществляет генерацию Web-страниц для предоставления их пользователям в соответствии с полученным запросом);

- управления информацией (осуществляет различные манипуляции с публикуемой информацией, предоставляет интерфейс администратора Web- сайта).

Обе части используют общее хранилище данных, в роли которого обычно выступает реляционная база данных.

В хранилище помещается информация, содержащаяся на сайте; при вызове страницы скрипт, который должен эту страницу вывести, в зависимости от полученных параметров выбирает из базы данных необходимую информацию посредством SQL-запросов (какое содержимое показать, какие ссылки поставить, как все это расположить и т.д.) и генерирует HTML- документ, который и отображается в браузере.

Помимо этого в обязательном порядке имеется интерфейс к базе данных, реализующий систему администрирования, которая при авторизованном доступе позволяет изменить содержание и структуру сайта.

Обе системы должны быть расположены на Web-сервере, что позволит редактировать сайт в online режиме.

Итак, создание Интернет-ресурса разбивается на три больших этапа:

1) Разработка пользовательского интерфейса.

2) Разработка баз данных.

3) Разработка связующей системы РНР-программ.

Разработка пользовательского интерфейса, в свою очередь разбивается на разработку интерфейса администратора и интерфейса пользователя (посетителя сайта).

Таким образом, содержание сайта отделяется от его оформления и они могут разрабатываться совершенно независимо друг от друга, а для интеграции оформления и содержания при публикации на сервере разрабатываются РНР- скрипты.

11.2 Взаимодействие между модулями программных средств

Модель распределенных вычислений в рамках Web технологий в случае реализации доступа к базе данных на стороне сервера можно представить так, как это представлено на рисунке 11.1

Рисунок 11.1 Модель доступа к базе данных

Из рисунка видно, что в состав Web-приложения баз данных входит компонент, который реализуют РНР скриптом. Однако это не единственный компонент таких приложений. Кроме него в состав приложения входит компонент отображения результатов обработки базы данных. Его часто реализуют на языке HTML.

11.3 Структурная модель сайта

Структурно Интернет-ресурс ООО «Бизнеском» состоит из:

• главной страницы сайта;
• каталога товаров;
• корзины;
• раздела о компании;
• каталогов с графическими файлами для формирования страниц и файлом таблицы стилей;
• каталога копировальных аппаратов;
• каталога мониторов;
• каталога компьютеров;
• каталога принтеров;
• каталога расходных материалов;
• объекта формирующего «шапку» основных и тематических страниц со ссылками по сайту;
• объекта, формирующего нижнюю часть всех основных и тематических страниц со ссылками по сайту;
• объекта, формирующего нижнюю часть всех остальных страниц кроме основных и тематических страниц со ссылками по сайту;
• базы данных;
• модуля доступа к базе данных;
• модуля обработки формы и записи в базу данных;
• модуль чтения базы данных и вывода информации.

Интернет-ресурс компании ООО «Бизнеском» организован из 5 основных и множества информационных страниц.

Инфологическая модель сайта представлена на рисунке 11.1.

Основные страницы:

- Index.php – главная страница содержит общую информацию о Интернет-ресурсе и компании ООО «Бизнеском»;

- adm.php – административная часть сайта, в которой менеджер сможет просматривать заказы покупателей, добавлять и изменять категории и товары;

- cat.php – страница со ссылками на доступ к прайс листу. Копировальные аппараты, мониторы, принтера, расходные материалы, комплектующие, скачать весь прайс лист. На этой странице пользователь по ссылкам сможет загрузить интересующий его прайс лист для просмотра в браузере, или скачать прайс лист к себе на компьютер для дальнейшего просмотра.

- d.php – страница, обеспечивающая работу форм заказа товаров из корзины покупателя.

- db.php – страница, обеспечивающая взаимодействие сайта с базой данных.

Рисунок 11.1 - Инфологическая модель Интернет-ресурса ООО «Бизнеском»

11.4 Проектирование баз данных

Для анализа предметной области необходимо выделить объекты представления предметной области. Далее, необходимо определить взаимосвязи между этими объектами. Следующим шагом необходимо решить какая информация об объектах должна быть представлена в БД и как её представить с помощью данных.

Для разработки интернет-магазина был локальный сервер Denwer. Установим данный пакет, после чего в браузере откроется окно, как на рисунке 11.2. Далее необходимо зайти в браузер, ввести в адресной строке http://localhost и перейти по ссылке «Заведение новых БД и пользователей MySQL» - рисунок 11.3.

Рисунок 11.2 – Локальный сервер Denwer после установки

Рисунок 11.3 – Заведение новых БД и пользователей MySQL

Заполняем все поля и создаем новую базу данных. Для создания таблиц запускаем скрипт bcmag_db.sql. При установке локального сервера создается виртуальный диск – в нашем случае диск (Z:). В директории Z:\home\localhost\www создадим папку с названием нашего интернет-магазина. В данный подкаталог распаковываем скрипт с интернет-магазином и заходим в браузер.

Рассмотрим структуру разработанной базы данных интернет-магазина. Она была создана в СУБД MySQL, так как на ней работает локальный сервер Denwer. Структура базы данных интернет-магазина представлена на рисунке 11.4.

Рисунок 11.4 – Структура базы данных интернет-магазина

11.5 Разработка дизайна сайта

Дизайн сайта зачастую более важен для обеспечения простоты, так как пользователи никогда даже не приблизятся к нужным страницам. Если только сайт не спроектирован в соответствии с их нуждами, и если его схема навигации не позволяет найти то, что нужно.

Логически сайт был разделен сайт на тематики компании ООО «Бизнеском». Дизайн страницы - это то, на что обращает внимание пользователь сразу же. С современной технологией браузеров пользователи могут видеть только одну страницу в определенный момент времени (или, в крайнем случае, две или три, если размер экрана позволяет увидеть несколько одновременно открытых окон). На странице должна преобладать информация, представляющая интерес для пользователя. Как правило, содержательная информация должна занимать, по крайней мере, половину страницы, лучше всего, если под нее отведено до 80% пространства страницы. Элементы навигации не должны занимать больше 20% пространства страниц.

Когда речь идет о Сети, невозможно предсказать, какой монитор будет у пользователя, и какого размера окно будет отведено для отображения

страницы. При разработке традиционного графического интерфейса пользователя GUI можно контролировать каждый пиксель на экране. Поскольку невозможно предугадать, какого размера будут экраны у пользователей, надо проектировать страницы для любого размещения, другими словами, страницы, которые не зависят т разрешения монитора и адаптируются к любым размерам экрана.

Главный принцип дизайна, не зависящего от разрешения: никогда не использовать фиксированных размеров таблиц, фреймов или других элементов дизайна. Наличие единых шаблонов помогает решить проблемы переверстки страниц.

Каждому шаблону соответствует набор полей, а также формат вывода страницы. Шаблон определяется один раз, а использовать его можно на всех страницах.

Дизайн страниц создается отдельно от системы администрирования стандартными средствами редактирования страниц (например, HTML - редакторами). Дизайн определяется сочетанием макетов страниц и стилей (расцветок). В работе использованы каскадные таблицы стилей, благодаря которым однажды описав, как будет выглядеть тот или иной тег, нет необходимости в каждом теге редактировать стиль.

Основной целью посещения любого сайта является получение определенной информации, люди редко приходят на сайт, чтобы насладиться дизайном. Они предпочитают сфокусироваться на содержании. Все остальное - лишь дополнение, и смысл дизайна - оказать людям необходимую помощь в получении доступа к этой информации.

11.6 Практическая реализация Интернет-ресурса ООО «Бизнеском»

11.6.1 Этапы создания Интернет-ресурса

В процессе реализации Интернет-ресурса были выявлены следующие этапы:

- создание баз данных для содержания в них информации, которая впоследствии будет представлена на сайте ООО «Бизнеском»;

- разработка пользовательского интерфейса;

- разработка дизайна сайта;

- проверка работоспособности Интернет-ресурса в различных браузерах;

- создание баз данных сайта ООО «Бизнеском».

Как было сказано во второй главе данной работы, в качестве программного обеспечения была выбрана СУБД MySQL, а программа - MySQL Servers and Clients версии 4.4.1, встроенная в пакет программ «Денвер». Было создано семнадцать таблиц, каждая из которых отображала необходимую при создании данного сайта информацию. Общее для всех таблиц - использование в каждой первичного ключа «id», по которому можно отследить уникальность информации и при необходимости заменить информацию. Для работы с сайтом были разработаны два интерфейса: для администратора и для обычного пользователя. Были предусмотрены возможности просмотра, создания, удаления, изменения данных со стороны администратора и только просмотра (исключением является таблица, в которой пользователь может создавать запись о себе и своем электронном почтовом ящике для подписки на почту) со стороны обычного пользователя. На рисунке 4.1 представлена главная страница сайта.

Рисунок 4.1 – главная страница сайта.

На рисунке 4.2 приведен пример товара.

Рисунок 4.2 – Пример товара.

На рисунках 4.3 и 4.4 приведены разделы администраторской части сайта. На них представлены разделы редактирования категорий товаров и главного меню соответственно.

Рисунок 4.3 – Редактирование категорий товаров.

Рисунок 4.4 – Редактирование главного меню сайта.