Диаграмма архитектуры
Диаграмма архитектуры отображает инструменты и технологии реализации проекта. В основе системы лежит стандартная трехзвенная клиент-серверная архитектура (под управлением СУРБД MySQL, сервер «Apache», клиентская часть реализована на языке PHP).
Рис. 2. Диаграмма архитектуры
Диаграммы взаимодействия (диаграммы последовательности, кооперативные диаграммы)
Диаграммы взаимодействия (collaboration diagrams) и последовательности (sequence diagrams) можно объединить общим термином - диаграммы сценариев. Они служат для показа, как составные части системы будут работать вместе, порядок в котором делаются вызовы функций и то, как результат выполнения одной функции определяет какая функция будет вызываться следующей.
Диаграмма последовательности, Sequence diagram — диаграмма, на которой изображено упорядоченное во времени взаимодействие объектов. В частности, на ней изображаются участвующие во взаимодействии объекты и последовательность сообщений, которыми они обмениваются.
Диаграммы взаимодействия (collaboration diagrams) в отличие от диаграммы последовательности, предусматривают указание отношения между элементами (объектами), а время как отдельное измерение не используется (применяются порядковые номера вызовов). Главное отличие диаграммы последовательностей в том, что на этой диаграмме легче проследить последовательность действий. Кроме того, на этой диаграмме можно указать подробную информацию о времени существования того или иного объекта или о его поведении (например, время ожидания, взаимодействие параллельных нитей процесса, момент создания и уничтожения объектов).
Как правило, не приходится моделировать все действия, происходящие в системе. Обычно, диаграммы сценариев служат для отображения самых сложных частей системы, либо для общего схематического изображения работы кода. Например, с помощью этой диаграммы можно показать, как пользователь получает ответ на ввод данных при входе в систему.
Рис. 3. Диаграмма последовательностей
Диаграмма компонентов
Диаграмма компонентов, Component diagram — статическая структурная диаграмма, показывает разбиение программной системы на структурные компоненты и связи (зависимости) между компонентами. В качестве физических компонент могут выступать файлы, библиотеки, модули, исполняемые файлы, пакеты и т.п. Данная диаграмма очень полезна для планирования сайта, так как она формирует наглядное представление о структуре и организации файлов сайта.
Рис. 4. Диаграмма компонентов
Диаграмма развертывания
Диаграмма развёртывания, Deployment diagram — служит для моделирования работающих узлов (аппаратных средств, англ. node) и артефактов, развёрнутых на них. В UML2 на узлах разворачиваются артефакты (англ. artifact).
Диаграммы развертывания системы показывают архитектуру файлов.
Интерфейс админа
Интерфейс гостя
Интерфейс пользователя
Рис. 5. Диаграмма компонентов
Описание HTML страниц и страниц генерируемых PHP скриптами
В основе системы лежит концепция разделения логики и содержимого. Это означает, что весь HTML-код, отвечающий за внешнее представление системы, содержится в отдельных файлах.
Текст PHP программ и HTML страниц
index.php
<?php
Error_Reporting(E_ALL & ~E_NOTICE);
session_start(); //Открываем сессию
?>
<?php
if($_SESSION['name']) //проверяем если у нас есть сессия то предлагаем пользователю начать работу
{
printf("Привет ты вошел как %s<br><br>", $_SESSION['name']);
printf("Чтобы начать работу пройдите по <a href=\"auth.php\">ссылке</a><br>или выберите интересующую вас категорию<br>");
printf("<br><a href=\"exit.php\">Выход</a>");
}
else{ //В противном случае предлагаем ему форму для автоизации или пердлагаем зарегистрироваться
?>
Для того чтобы начать работу с магазином вам нужно войти в систему.<br>
Если у вас еще нет аккаунта, пожалуйста <a href="register.php">зарегистрируйтесь</a>
<form action="auth.php" metod="GET" name="auth">
<table align="center" border="0" cellpadding="2" cellspacing="2" width="320">
<tbody><tr>
<td width="100">Имя:</td>
<td width="200"><input name="name" type="text"></td>
</tr>
<tr>
<td width="100">Пароль:</td>
<td width="200"><input name="pass" type="password"></td>
</tr>
<tr>
<td colspan="2" width="300"><center><input value="Вход" type="submit"> <input value="Сбросить" type="reset"></center></td>
</tr>
</tbody></table>
</form>
<?php
};
?>