2. Диаграмма развертывания

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

Рисунок 6 – Диаграмма развертывания

Из диаграммы видно, что на клиентской стороне узла требуется только браузер для отображения содержимого web-страниц. При помощи технологий Codeigniter и разработанного API содержимое форм заполняется данными и посылаться пользователю по HTTP протоколу.

3. Разработка web-приложения

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

Разработка веб-приложения осуществлялась в среде разработки VisualCode при использовании Codeigniter framework. Для локального запуска сайта необходимо установить

Полный пакет XAMPP для Windows содержит: веб-сервер Apache 2.4.10 с поддержкой SSL, СУБД MySQL 5.6.21, PHP 5.5.19, Perl, FTP-сервер FileZilla 0.9.41, Mercury Mail Transport System 4.63, phpMyAdmin 4.2.11. Даже есть полезные дополнения в виде почтового сервера и phpMyAdmin (для работы с БД MySQL).

С качиваем дистрибутив (143 Мб) с сайта проекта. Перед началом установки отключаем UAC (User Account Control). На рисунке 7 показано Отключение UAC. Делается это следующим образом. Переходим в панель управления и в поле поиска, расположенном в правом верхнем углу, вводим UAC.

Рисунок 7 – Отключение UAC

Опускаем ползунок в самое нижнее положение и сохраняем изменения. Всё, UAC отключен.

Теперь запускаем исполняемый файл XAMPP с правами администратора. В окне приветствия нажимаем «Next». В окне выбора компонентов отмечаем всё. Процесс выбора компонентов представлен на рисунке 8.

Рисунок 8 – Выбор модулей XAMPP

Следуем далее. В следующем окне оставляем путь к директории XAMPP по умолчанию или меняем его по своему усмотрению.

Переходим к следующему шагу, где сообщается, что программа готова к установке. Ну, раз программа готова, запускаем установку. Через несколько минут получаем сообщение об успешном окончании.

Р исунок 9 – Сообщение об успешной установке XAMPP

Снимаем галочку – сейчас запускать панель управления XAMPP не будем. Перезагружаем компьютер.

После перезагрузки компьютера запускаем панель управления XAMPP (Пуск->Все программы-> XAMPP->XAMPP Control Panel).

Рисунок 9 – Настройки панели XAMPP

Кликаем по кнопке «Config» в верхнем правом углу панели и вызываем общие настройки панели управления. В поле «Editor», по умолчанию, используется текстовый редактор Windows, хорошо известный, как «Блокнот».

В окне настроек панели управления XAMPP можно включить опции автоматического старта нужных модулей. На рисунке отмечены Apache и MySQL. Теперь при запуске панели управления отмеченные модули будут стартовать автоматически.

Ниже, есть ещё одна полезная опция – «Start Control Panel Minimized». Если она отмечена, то при запуске, панель управления XAMPP будет сразу свернута в трей (нижний правый угол панели задач Windows).

Е сли перейти по кнопке «Service and Port Settings», то откроется окно с настройками номеров портов, которые использует тот или иной модуль XAMPP.

Рисунок 10 – Активация виртуальной среды

Рисунок 11 – Запуск локального сервера

Для подключения базы данных к порту 5432 используется СУБД PostgreSQL как показано на рисунке 10.

Р исунок 12 – Окно администратора PosgreSQL

Чтобы создать базу данных для сессий и миграций Codeigniter были выполнены следующие команды в MySQL:

CREATE TABLE IF NOT EXISTS `ci_sessions` (

`id` varchar(40) NOT NULL,

`ip_address` varchar(45) NOT NULL,

`timestamp` int(10) unsigned DEFAULT 0 NOT NULL,

`data` blob NOT NULL,

KEY `ci_sessions_timestamp` (`timestamp`)

);

CREATE INDEX "ci_sessions_timestamp" ON "ci_sessions" ("timestamp");

Вам также нужно будет добавить PRIMARY KEY в зависимости от вашей ‘sess_match_ip’ настройки. Приведенные ниже примеры работают как для MySQL так и для PostgreSQL:

// Когда sess_match_ip = TRUE

ALTER TABLE ci_sessions ADD PRIMARY KEY (id, ip_address);

// Когда sess_match_ip = FALSE

ALTER TABLE ci_sessions ADD PRIMARY KEY (id);

// До удаления ранее созданного первичного ключа (используется при изменении параметра)

ALTER TABLE ci_sessions DROP PRIMARY KEY;