Интернет-магазин

Размещено на http://www.allbest.ru

Некоммерческое акционерное общество

«АЛМАТИНСКИЙ УНИВЕРСИТЕТ ЭНЕРГЕТИКИ И СВЯЗИ»

ФАКУЛЬТЕТ Радиотехники и связи

Кафедра Компьютерных технологий

КУРСОВАЯ РАБОТА

По дисциплине «Моделирование систем безопасности интернет-технологий»

На тему «Интернет-магазин»

Выполнил: Аманжолов Т.К. Группа: СИБ-12-2

Приняла: ст. пр. Ельчибаева Р.Б.

Алматы, 2015



Содержание

Введение

1. Обзор используемых технологий

1.1 HTML

1.2 Java Script

1.3 PHP

1.4 Mysql запросы

1.5. Denwer

2. Проектирование сайта

2.1 Постановка задач и функционал сайта

2.2 Внешняя структура сайта

2.3 Внутрення структура сайта

3. Разработка сайта

3.1 Диаграмма прецендентов

3.2 ER-диаграмм

3.3 Руководство пользователя

Заключение

Список литературы

Приложение А



Введение

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

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



1. Обзор используемых технологий

1.1 HTML

HTML (от англ. HyperText Markup Language -- «язык гипертекстовой разметки») -- стандартный язык разметки документов воВсемирной паутине. Большинство веб-страниц содержат описание разметки на языке HTML (или XHTML). Язык HTML интерпретируется браузерами и отображается в виде документа в удобной для человека форме.

Язык HTML является приложением SGML (стандартного обобщённого языка разметки) и соответствует международному стандарту ISO 8879.

Язык XHTML является более строгим вариантом HTML, он следует всем ограничениям XML и, фактически, XHTML можно воспринимать как приложение языка XML к области разметки гипертекста.

Во всемирной паутине HTML-страницы, как правило, передаются браузерам от сервера по протоколам HTTP или HTTPS, в виде простого текста или с использованием шифрования.

Язык HTML был разработан британским учёным Тимом Бернерсом-Ли приблизительно в 1986--1991 годах в стенах ЦЕРНа в Женеве в Швейцарии. HTML создавался как язык для обмена научной и технической документацией, пригодный для использования людьми, не являющимися специалистами в области вёрстки. HTML успешно справлялся с проблемой сложности SGML путём определения небольшого набора структурных и семантических элементов -- дескрипторов. Дескрипторы также часто называют «тегами». С помощью HTML можно легко создать относительно простой, но красиво оформленный документ. Помимо упрощения структуры документа, в HTML внесена поддержка гипертекста. Мультимедийные возможности были добавлены позже.

Изначально язык HTML был задуман и создан как средство структурирования и форматирования документов без их привязки к средствам воспроизведения (отображения). В идеале, текст с разметкой HTML должен был без стилистических и структурных искажений воспроизводиться на оборудовании с различной технической оснащённостью (цветной экран современного компьютера, монохромный экран органайзера, ограниченный по размерам экран мобильного телефона или устройства и программы голосового воспроизведения текстов). Однако современное применение HTML очень далеко от его изначальной задачи. Например, тег <TABLE> предназначен для создания в документах таблиц, но часто используется и для оформления размещения элементов на странице. С течением времени основная идея платформо независимости языка HTML была принесена в жертву современным потребностям в мультимедийном и графическом оформлении.

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

Скрытый элемент HTML формы

<?php

echo '<input type="hidden" value="' . htmlspecialchars($data) . '" />'."\n";

?>

Использовать urlencode() для $data неправильно, так как кодировать данные в urlencode() это обязанность браузера. Все популярные браузеры делают это правильно. Отметьте, что это происходит вне зависимости от метода (например, GET или POST). Однако, вы заметите это только в случае GET запроса, так как POST запросы обычно скрыты.

Данные, редактируемые пользователем

<?php

echo "<textarea name='mydata'>\n";

echo htmlspecialchars($data)."\n";

echo "</textarea>";

?>

Данные показываются браузером как предполагается, потому что браузер будет интерпретировать экранированные HTML символы. При отправке через GET или POST данные будут закодированы (urlencoded) браузером для передачи и раскодированы (urldecoded) PHP. Поэтому вам не надо выполнять какое-либо url-кодирование/раскодирование самим, все выполняется автоматически.

В URL

<?php

echo '<a href="' . htmlspecialchars("/nextpage.php?stage=23&data=" .

urlencode($data)) . '">'."\n";

?>

На самом деле вы представляетесь HTML GET запросом, поэтому необходимо вручную закодировать (urlencode()) данные.

Вам надо применить htmlspecialchars() на полный URL, потому что URL появляется как значение HTML атрибута. В этом случае, браузер сначала раскодирует все значение (де-htmlspecialchars()) и затем URL. PHP поймет URL правильно, так как вы закодировали данные сurlencode(). Вы заметите, что & в URL заменяется на &amp;. Хотя большинство браузеров это исправляют, если вы забудете об этом, но все же это не всегда возможно. Поэтому, даже если ваш URL не динамический, вам надо закодировать его с помощью htmlspecialchars().

<input type="image" src="image.gif" name="foo" />

Когда пользователь щелкает где-либо на картинке, серверу будет послана сопутствующая форма с двумя дополнительными переменными: foo.x и foo.y.

Так как имена foo.x и foo.y нелегальны в PHP, они автомагически превращаются в foo_x иfoo_y. То есть, точки заменяются на подчеркивания. Вы обращаетесь к этим переменным так же как и к любым другим, описанным в разделе о получении переменных извне PHP. Например,$_GET['foo_x'].

HTML тэг select с multiple позволяет пользователю выбрать несколько элементов из списка. Эти элементы затем передаются обработчику формы. Проблема в том, что они все переданы с одним и тем же именем. Например:

<select name="var" multiple="yes">

Каждая выбранная опция поступит обработчику формы как:

var=option1

var=option2

var=option3

Каждая опция будет затирать содержимое предыдущей переменной $var. Решение - воспользоваться возможностью PHP "массив из элемента формы". Должно быть задано следующее:

<select name="var[]" multiple="yes">

Это укажет PHP обращаться с $var как с массивом и каждое присваивание значения для var[] добавит элемент в массив. Первый элемент становится $var[0], следующий $var[1] и т.д. Функция count() может быть использована для определения, сколько элементов было выбрано и функция sort() может быть использована для сортировки массива опций, если необходимо.

1.2 Java Script

JavaScript -- прототипно-ориентированный сценарный язык программирования. JavaScript обычно используется как встраиваемый язык для программного доступа к объектам приложений. Наиболее широкое применение находит в браузерах как язык сценариев для придания интерактивности веб-страницам.

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

На JavaScript оказали влияние многие языки, при разработке была цель сделать язык похожим на Java, но при этом лёгким для использования непрограммистами. Языком JavaScript не владеет какая-либо компания или организация, что отличает его от ряда языков программирования, используемых в веб-разработке[~ 2][4].

Название «JavaScript» является зарегистрированным товарным знаком компании Oracle Corporation.

JavaScript является объектно-ориентированным языком, но используемое в языке прототипирование обуславливает отличия в работе с объектами по сравнению с традиционными класс-ориентированными языками. Кроме того, JavaScript имеет ряд свойств, присущих функциональным языкам -- функции как объекты первого класса, объекты как списки, карринг, анонимные функции, замыкания -- что придаёт языку дополнительную гибкость.

Несмотря на схожий с Си синтаксис, JavaScript по сравнению с языком Си имеет коренные отличия:

объекты, с возможностью интроспекции;

функции как объекты первого класса;

автоматическое приведение типов;

автоматическая сборка мусора;

анонимные функции.

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

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

Различаются языки и по уровню безопасности. При выполнении PHP-скрипта вы можете обращаться к файловой системе сервера, базам данных и другим внешним объектам, на которые вам предоставили права администраторы. А вот JavaScript ограничен только встроенными объектами браузера и с их помощью вы не сможете читать или писать непосредственно на диск. Сделано это в первую очередь для защиты от злоумышленников, т.к. если разрешить доступ скриптам к системной информации и файлам - обязательно найдётся умелец, который напишет код, скрытно отсылающий ваши файлы кошельков, логины, пароли и другую закрытую информацию на адрес умельца.

Помимо прочего, протокол HTTP, по которому передаются все веб-страницы, не поддерживает постоянных соединений, т.е. браузер подключается к серверу, запрашивает страницу, получает данные и немедленно отключается. Это означает, что все скрипты PHP завершаются ещё ДО того, как начнутся выполняться скрипты JavaScript.

Но не всё так фатально, косвенное взаимодействие мы обеспечить всё-таки можем. Для передачи данных между клиентской и серверной стороной можно использовать один из трёх вариантов:

Внесение изменений в текст страницы (в скрипт);

Использование Cookies;

Использование Ajax;

При генерации страницы необходимые параметры зашиваются прямо в текст скрипта.

<html>

…

<script type=”text/javascript”>

<?php

If ( $login == ”admin” )

echo “var isAdmin=true”

else echo ”var isAdmin=false”

?>

If(isAdmin)

Document.write(“Im Administrator”);

Else

Document.write(“Im user”);

</script>

В этом примере мы на этапе формирования страницы вписываем в неё заданную переменную с нужным нам значением. Работает это так:

От пользователя поступает запрос на получение страницы.

Запускается PHP и начинает выполнять соответствующий скрипт.

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

Готовая страница передаётся в браузер пользователя.

По окончании загрузки страницы в браузер начнёт выполнение наш JavaScript. При этом скрипт не будет «знать», каким образом он составлен - вручную программистом или автоматически скриптом. Главное - скрипт должен быть синтаксически верен и работоспособен.

Суть в том, что и PHP и JavaScript позволяют читать и сохранять cookies. Например (условный):

<html>

<?php

// при выполнении скрипта на сервере сохраняем

// данные в cookie

setcookie(…);

?>

<script>

// а этот фрагмент будет выполнен после

// загрузки страницы

// надо лишь считать cookie

getcookie(…);

</script>

Здесь мы на стороне сервера устанавливаем cookie с необходимыми нам параметрами. При этом клиенту посылается специальным образом сформированная команда и данные, т.е. все cookie передаются ДО передачи основной страницы. Это значит, что все установленные сервером cookie будут доступны после загрузки страницы, а значит и при выполнении скриптов JavaScript..

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

У обоих методов взаимодействия есть два общих недостатка:

Все обновления и изменения происходят только при загрузке/обновлении страницы. Это очень неудобно, особенно когда приходится заполнять громоздкие и сложные формы с динамическим содержимым, когда состав и содержимое полей изменяется в зависимости от уже введённых данных.

Последний способ взаимодействия - AJAX. Это наилучший, пусть и не самый простой способ. Ajax - это комбинированная технология, использующая все преимущества PHP и JavaScript, позволяя изменять и обновлять данные на страницах вашего сайта «на лету», т.е. без перезагрузки страницы.

Для использования Ajax обычно создаётся так называемые "frontend" и "backend". Backend - это PHP-скрипты, выполняющиеся на сервере. Обычно такие скрипты возвращают структурированные блоки данных (массивы), не содержащие никакого оформления.

Frontend - это скрипты JavaScript, выполняющиеся в браузере пользователя. Основное их назначение - вызвать требуемый скрипт backend`a, получить данные и правильно их вывести на странице, добавив при необходимости обрамление из тегов и стилей.

1.3 PHP

PHP (англ. PHP: Hypertext Preprocessor -- «PHP: препроцессор гипертекста»; первоначально Personal Home Page Tools -- «Инструменты для создания персональных веб-страниц»; произносится пи-эйч-пи) -- скриптовый язык программирования общего назначения, интенсивно применяемый для разработки веб-приложений. В настоящее время поддерживается подавляющим большинством хостинг-провайдеров и является одним из лидеров среди языков программирования, применяющихся для создания динамических веб-сайтов.

Язык и его интерпретатор разрабатываются группой энтузиастов в рамках проекта с открытым кодом. Проект распространяется под собственной лицензией, несовместимой с GNU GPL.

В области веб-программирования, в частности серверная часть, PHP -- один из популярных сценарных языков (наряду с JSP, Perl и языками, используемыми в ASP.NET) благодаря своей простоте, скорости выполнения, богатой функциональности, кроссплатформенности и распространению исходных кодов на основе лицензии PHP.

Популярность в области построения веб-сайтов определяется наличием большого набора встроенных средств для разработки веб-приложений[8]. Основные из них:

автоматическое извлечение POST и GET-параметров, а также переменных окружения веб-сервера в предопределённые массивы;

взаимодействие с большим количеством различных систем управления базами данных (MySQL, MySQLi, SQLite, PostgreSQL, Oracle (OCI8), Oracle, Microsoft SQL Server, Sybase, ODBC, mSQL, IBM DB2, Cloudscape и Apache Derby, Informix, Ovrimos SQL, Lotus Notes, DB++, DBM, dBase, DBX, FrontBase, FilePro, Ingres II, SESAM,Firebird / InterBase, Paradox File Access, MaxDB, Интерфейс PDO);

автоматизированная отправка HTTP-заголовков;

работа с HTTP-авторизацией;

работа с cookies и сессиями;

работа с локальными и удалёнными файлами, сокетами;

обработка файлов, загружаемых на сервер;

работа с XForms.

В настоящее время PHP используется сотнями тысяч разработчиков. Согласно рейтингу корпорации TIOBE, базирующемся на данных поисковых систем, в июне 2013 года PHP находился на 5 месте среди языков программирования. К крупнейшим сайтам, использующим PHP, относятся Facebook, Wikipedia и др.

private function __construct() {//Подключение к конструктуру

$this->config = new Config();//Подкючение к конфигурациям

$this->mysqli = new mysqli($this->config->host, $this->config->user, $this->config->password, $this->config->db);

$this->mysqli->query("SET NAMES 'UTF8'");//Кодировка

$this->valid=new CheckValid();

}



1.4 Mysql запросы

MySQL ( -- свободная реляционная система управления базами данных. Разработку и поддержку MySQL осуществляет корпорация Oracle, получившая права на торговую марку вместе с поглощённой Sun Microsystems, которая ранее приобрела шведскую компанию MySQL AB. Продукт распространяется как под GNU General Public License, так и под собственной коммерческой лицензией. Помимо этого, разработчики создают функциональность по заказу лицензионных пользователей. Именно благодаря такому заказу почти в самых ранних версиях появился механизмрепликации.

MySQL является решением для малых и средних приложений. Входит в состав серверов WAMP, AppServ, LAMP и в портативные сборки серверов Денвер, XAMPP, VertrigoServ. Обычно MySQL используется в качестве сервера, к которому обращаются локальные или удалённые клиенты, однако в дистрибутив входит библиотека внутреннего сервера, позволяющая включать MySQL в автономные программы.

Гибкость СУБД MySQL обеспечивается поддержкой большого количества типов таблиц: пользователи могут выбрать как таблицы типа MyISAM, поддерживающие полнотекстовый поиск, так и таблицы InnoDB, поддерживающие транзакции на уровне отдельных записей. Более того, СУБД MySQL поставляется со специальным типом таблиц EXAMPLE, демонстрирующим принципы создания новых типов таблиц. Благодаря открытой архитектуре и GPL-лицензированию, в СУБД MySQL постоянно появляются новые типы таблиц.

26 февраля 2008 года Sun Microsystems приобрела MySQL AB за $1 млрд[4], 27 января 2010 года Oracle приобрела Sun Microsystems за $7,4 млрд[5] и включила MySQL в свою линейку СУБД.[6]

Сообществом разработчиков MySQL созданы различные ответвления кода, такие, как Drizzle (англ.), OurDelta, Percona Serverи MariaDB. Все эти ответвления уже существовали на момент поглощения компании Sun корпорацией Oracle.

MySQL возникла как попытка применить mSQL к собственным разработкам компании: таблицам, для которых использовались ISAM -- подпрограммы низкого уровня. В результате был выработан новый SQL-интерфейс, но API-интерфейс остался в наследство от mSQL. Откуда происходит название «MySQL» -- доподлинно неизвестно. Разработчики дают два варианта: либо потому, что практически все наработки компании начинались с префикса My, либо в честь девочки по имени My, дочери Майкла Монти Видениуса, одного из разработчиков системы[7][8].

Логотип MySQL в виде дельфина носит имя «Sakila». Он был выбран из большого списка предложенных пользователями «имён дельфина». Имя «Sakila» было отправлено Open Source-разработчиком Ambrose Twebaze.

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

SQL может применятся в прикладных программах двумя способами: в виде встроенного SQL и интерфейса программирования приложений (Application Program Interface, API). Первый способ напоминает использование PHP - инструкции SQL размещаются среди кода прикладной программы. В настоящий момент такой стиль не поддерживает ни MySQL ни PHP. Второй подход заключается в том, что программа взаимодействует с СУБД посредством совокупности функций. Именно такой подход используется при взаимодействии PHP и MySQL.

Cейчас рассмотрим наиболее часто встречающие команды запросов:

mysql_connect

resource mysql_connect ([string server [, string username [, string password]]])

Эта функция устанавливает соединение с сервером server MySQL и возвращает дескриптор соединения с базой данных, по которому все другие функции, принимающие этот дескриптор в качестве аргумента, будут однозначно определять выбранную базу данных. Вторым и третьим аргументами этой функции являются имя пользователя username и его пароль password соответственно:

<?php

$dblocation = "localhost"; // Имя сервера

$dbuser = "root"; // Имя пользователя

$dbpasswd = ""; // Пароль

$dbcnx = @mysql_connect($dblocation,$dbuser,$dbpasswd);

if (!$dbcnx) // Если дескриптор равен 0 соединение не установлено

{

echo("<P>В настоящий момент сервер базы данных не доступен, поэтому

корректное отображение страницы невозможно.</P>");

exit();

}

?>

Переменные $dblocation, $dbuser и $dbpasswd хранят имя сервера, имя пользователя и пароль, и, как правило, прописываются в отдельном файле (к примеру, config.php), который потом вставляется в каждый PHP-файл, в котором имеется код для работы с MySQL:

<?

$dblocation = "localhost";

$dbname = "forum";

$dbuser = "root";

$dbpasswd = "";

?>

mysql_close

bool mysql_close ([resource link_identifier])

Эта функция разрывает соединение с сервером MySQL, и возвращает true при успешном выполнении операции и false в противном случае. Функция принимает в качестве аргумента дескриптор соединения с базой данных, возвращаемый функциейmysql_connect.

// устанавливаем соединение с базой данных

$dbcnx = @mysql_connect($dblocation,$dbuser,$dbpasswd);

if (!$dbcnx)

{

// Выводим предупреждение

echo ("<P>В настоящий момент сервер базы данных не доступен, поэтому

корректное отображение страницы невозможно.</P>");

// Завершаем работу в случае неудачи

exit();

}

if(mysql_close($dbcnx)) // разрываем соединение

{

echo("Соединение с базой данных прекращено");

}

else

{

echo("Не удалось завершить соединение");

}

mysql_select_db

bool mysql_select_db (string database_name [, resource link_identifier])

Использование этой функции эквивалентно вызову команды USE в SQL-запросе, т. е. функция mysql_select_db выбирает базу данных для дальнейшей работы, и все последующие SQL-запросы применяются к выбранной базе данных. Функция принимает в качестве аргументов название выбираемой базы данных database_name и дескриптор соединения resource. Функция возвращает trueпри успешном выполнении операции и false в противном случае. К примеру:

<?php

// Код соединения с базой данных

if (!@mysql_select_db($dbname, $dbcnx))

{

echo( "<P>В настоящий момент база данных не доступна, поэтому

корректное отображение страницы невозможно.</P>" );

exit();

}

?>

Имеет смысл помещать функции для соединения и выбора базы данных в тот же файл (config.php), где объявлены переменные с именами сервера, пользователя и паролем:

<?php

$dblocation = "localhost";

$dbname = "softtime";

$dbuser = "root";

$dbpasswd = "";

$dbcnx = @mysql_connect($dblocation,$dbuser,$dbpasswd);

if (!$dbcnx)

{

echo( "<P>В настоящий момент сервер базы данных не доступен, поэтому

корректное отображение страницы невозможно.</P>" );

exit();

}

if (!@mysql_select_db($dbname, $dbcnx))

{

echo( "<P>В настоящий момент база данных не доступна, поэтому

корректное отображение страницы невозможно.</P>" );

exit();

}

?>

mysql_query

resource mysql_query (string query)

Эта функция применяется для отправки серверу SQL-запросов. Функция возвращает дескриптор запроса в случае успеха и falseв случае неудачного выполнения запроса. В листинге показан код, с помощью которого извлекается одна строка из таблицы authors базы данных forum.

<?php

include "config.php";

$ath = mysql_query("select * from authors;");

if($ath)

{

$author = mysql_fetch_array($ath);

echo "<br>имя = ".$author['name']."<br>";

echo "пароль = ".$author['passw']."<br>";

echo "e-mail = ".$author['email']."<br>";

echo "url = ".$author['url']."<br>";

echo "ICQ = ".$author['icq']."<br>";

echo "about = ".$author['about']."<br>";

echo "photo = ".$author['photo']."<br>";

echo "time = ".$author['time'];

}

else

{

echo "<p><b>Error: ".mysql_error()."</b></p>";

exit();

}

>?

1.5. Denwer

Денвер (от сокр. Д.н.w.р или ДНВР -- джентльменский набор Web-разработчика) -- набор дистрибутивов и программная оболочка, предназначенные для создания и отладки сайтов (веб-приложений, прочего динамического содержимого интернет-страниц) на локальном ПК (без необходимости подключения к сети Интернет) под управлением ОС Windows.

В 1999 году Дмитрий Котеров написал статью «Apache + Perl + PHP3 + MySQL для Windows 95/98: руководство по установке»[2]. Как он рассказывает в своём интервью[3]отвечая на письма читателей, он задумался над автоматизацией процесса. Так появился «джентльменский набор web-разработчика (д.н.w.р.)». Поначалу это был просто zip-архив размером около 1,5 Мбайт, с урезанными версиями Apache, Perl, PHP, MySQL и phpMyAdmin + скриптами на Perl для запуска/остановки компонентов и работы с несколькими виртуальными хостами одновременно. Все компоненты системы уже были сконфигурированы так, чтобы работать только с относительными файловыми путями, вне зависимости от каталога, куда ставится пакет. 15 марта 2002 года вышла первая официальная версия «Denwer», в котором появился простой инсталлятор, который копировал файлы в указанное место и предлагал добавить ярлыки в папку автозагрузки Windows.

Сразу после установки доступен полностью работающий веб-сервер Apache, работающий на локальном компьютере, на котором может работать неограниченное количество сайтов, что очень эффективно для разработки и отладки сценариев PHP без загрузки его файлов на удаленный сервер. Для запуска практически всех утилит «Денвера» используется приложение Run в подкаталоге /denwer (или /etc) корневого каталога установки «Денвера». При запуске создается виртуальный диск (по умолчанию Z:), где хранятся все файлы проектов.

Вы создаёте локальный сервер на своей собственной машине и можете сделать много различных сайтов, которые прекрасно будут работать, но видны будут только на вашей машине.

Преимущества системы в том, что вы создаёте сайт на своей стороне, без выхода в сеть, вы его полностью тестируете, проверяете на наличие ошибок и недоработок, а по его полной готовности просто переносите (заливаете) его по ФТП на сервер вашего хостера.

Многие (преимущественно дизайнеры) могут спросить: зачем вообще нужен локальный Web-сервер, когда страницы можно открывать и так -- прямо с диска? Если это обычные (статические) HTML-страницы, то да, сервер не нужен. Однако даже для такой мелочи, как SSI (Server-side Includes -- директивы в страницах, позволяющие вставлять на нужное место содержимое других файлов), уже необходим сервер. Не говоря уж о скриптах -- они без сервера просто не запустятся.

Денвер отличный помощник для веб-разработчика, привыкая работать в этой системе, вы учитесь работать с домашним сервером, вникаете в суть CMS и самое главное (на мой взгляд) - вы привыкаете работать грамотно.



2.Проектирование сайта

2.1 Постановка задач и функционал сайта

Задачи которые перед собой ставит сайт:

Уведомить население о своем продукте

Облегчить покупку и доставку

Обезопасить население от некачественного товара

Сохранить важнейший ресурс человека-время

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

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

Сортировка товаров - подразумевает функцию упорядовачивания товаров в каталоге исходя из таких параметров, как:

Цена (от дешевых к дорогим, и наоборот)

Наименование (по алфавиту наименований)

Рейтинг (при наличии функции рейтинговой оценкитоваров покупателями. От самых популярных к менее и наоборот.)

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

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

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

2.2 Внешняя структура сайта

Структура сайта - это система взаимного расположения его частей, т.е. это то, из каких частей он состоит и как эти части располагаются на сайте.

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

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

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

Ниже предоставлен рисунок структуры сайта

Рисунок 1 - Внешняя структура сайта

Теперь остановимся на нашем сайте который рекламируют продукцию комнапии LIQUIMOLY которая занимается распространеим продукции для автомобилей.

Рисунок 2 - Главная страница интернет-магазина

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

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

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

В нашем сайте шапкой является вверхняя часть сайта.

Рисунок 3 - Шапка интернет магазина

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

Рисунок 4 - Баннер интернет-магазина

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

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

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

Рисунок 5 - Основное меню сайта

Рисунок 6 - Меню продукции

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

Рисунок 7 - Основной блок

Теперь разберем каждый часть меню по отдельности. Вкладка-Главная при нажатии на эту вкладку у нас появляется окно с приветствием и логотипом компании.

Рисунок 8 - Главная вкладка

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

Рисунок 9 - Доставка и оплата

Далее у нас идут Контакты. Это необходимо для того чтобы связаться с магазином и совершить заказ. Также если у вас есть какие-либо претензии к качеству товара или он напросто не подходит, вы также можете связаться с магазином и потребовать возрат. В большинстве случаев магазин совершит возрат, так как многие магазины переживают за свою репутацию.



Рисунок 10 - Контакты

Осталось разобрать каталог товаров. Каталог товаров состоит из трех вкладок: присадки, смазочные материалы, средства для ремонта и обслуживания. При нажатии на присадки у нас появится виды присадок

Рисунок 11 - Виды присадок

Попробуем нажать на первый пункт Присадки к маслам.

Рисунок 12 - Присадки к маслам

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



Рисунок 13 - Смазочные материалы

Рисунок 14 - Средства для ремонта

Остался единственный элемент который мы не разобрали - корзина. При покупки товара он сохраняется в корзине где мы можем просмотреть что мы купили и в каком количестве.

Рисунок 15 - Корзина

2.3 Внутренняя структура сайта

Внутренняя структура сайта показывает структуру работа движка. Данный сайт был построен на подобии структуры которой показана ниже. (Рис 16).

Рисунок 16 - Внутренняя структура сайта

Класс для работой с БД занимается импортированием и записью данных в бд.

Асбтрактный класс для работы с таблицами

Этот класс дает возможность для ускоренной разработки интерфейса для работы с БД. Класс JTable поможет в осуществлении таких действий, как блокировка, создание или удаление содержимого таблиц базы данных. Функции, которые поддерживает класс JTable, приведены ниже:

Возможность копирования информации к JTable;

Запись данных в XML;

Полное управление записями;

Возможность сопоставить запись с набором заранее определенных правил;

Блокировка пользователя в любое время

Возможность сортировки записей таблиц;

Создание активной записи;

Создание счетчика количества просмотров записи;

Для того, чтобы можно было работать с записями таблицы БД, позволяет осуществить выполнение всех основных функций при работе с таблицей -- CRUD (Create Read Update Delete). Но для работы класс необходимо расширить, то есть - создать новый класс для каждой таблицы, которая будет работать в классе JTable. Если при создании подкласса строго придерживаться определенных правил, то это позволит нам вставить созданное расширение в framework Joomla. Каждое новое имя класса должно быть с префиксом table, и этот класс должен располагаться в каталоге tables, каждый в новом отдельном файле в административном разделе компонента. Работа с классом JTable показана на примере ниже.

Классы для работы с таблицами. Данный класс занимается любыми манипуляциями с таблицами.

Классы страниц генерирует HTML страницы

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

Конфигурация содержит информацию о количестве страниц, паролях, логинах

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

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



3. Разработка сайта

3.1 Диаграмма прецендентов

Диаграмма прецедентов (англ. use case diagram, диаграмма вариантов использования) в UML -- диаграмма, отражающая отношения между актёрами и прецедентами и являющаяся составной частью модели прецедентов, позволяющей описать систему на концептуальном уровне

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

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

При моделировании системы с помощью диаграммы прецедентов системный аналитик стремится:

чётко отделить систему от её окружения;

определить действующих лиц (актёров), их взаимодействие с системой и ожидаемый функционал системы;

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

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

Рисунок 16 - Диаграмма прецендентов

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

3.2 ER-диаграмма

Модель сущность-связь (ER-модель) (англ. entity-relationship model, ERM) -- модель данных, позволяющая описывать концептуальные схемы предметной области.

ER-модель используется при высокоуровневом (концептуальном) проектировании баз данных. С её помощью можно выделить ключевые сущности и обозначить связи, которые могут устанавливаться между этими сущностями.

Во время проектирования баз данных происходит преобразование ER-модели в конкретную схему базы данных на основе выбранной модели данных (реляционной,объектной, сетевой или др.).

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

Рисунок 17 - ER диаграмма

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

3.3 Руководство пользователя

интернет магазин сайт

Главная

Главная страница админ панели является в основе своей информативной. Здесь вы можете просмотреть динамически изменяющиеся показатели работы вашего интернет магазина, последние новости от SellBe, а также статистику посещений интернет магазина (по умолчанию, статистика посещений считается hit.ua, существует возможность подключить Google Analitics).

На графике посещаемости изображены следующие характеристики:

"Хосты" - число уникальных адресов (IP), с которых были обращения;

"Пользователи" - число уникальных идентификаторов компьютеров, с которых были обращения;

"Хиты" - общее кол-во обращений.

Товары

Раздел "Товары" позволяет непосредственно управлять номенклатурой интернет магазина.

Список товаров

На странице списка товаров отображаются товары в соответствии с условиями фильтрации. Фильтровать можно по категории, производителю, архивные/активные товары, и поиск по названию.

Если отметить флаг напротив товара, то можно выполнить групповые действия над отмеченными позициями:

Категоризировать - указать категорию с каталога SellBe, к которой относятся выбранные товары;

Переместить - указать категорию из дерева категорий магазина;

Редактировать - быстрое редактирование отмеченных товаров, в таком режиме доступны следующие поля: цена, старая цена, в наличии и цены для оптовых групп;

Архивировать/Разархивировать - изменить состояние товаров;

Удалить - безвозвратно удалить товары.

Добавление/Редактирование товара

Для добавления товара нажмите на кнопку добавить, которая отображается на странице со списком товаров.

Для редактирования товара наведите на товар в списке и нажмите на кнопку "Редактировать" или на название товара или дважды кликните по подсветившейся строке.

Для создания дубликата товара перейдите на страницу редактирования и нажмите на кнопку "Дублировать".

Поля товара

Название	выводится в заголовке страницы, чрезвычайно важно для поисковой оптимизации. Название у всех товаров должны быть разными, однако платформа не запрещает создавать товары с одинаковым именем
Изображение	загруженное фото будет отображаться в списке товаров, на странице товара, а также в галерее. Загружайте изображение в хорошем качестве, платформа сохранит его в нужном размере
Анонс	краткое описание товара, отображается в списке товаров
Артикул	артикул товара
Категория	категория или несколько категорий, к которым относится данный товар. Товар будет отображаться на станицах категорий, к которым он добавлен
Производитель	также, как и категории, помогает организовать товары. Товары с указанным производителем будут отображаться на соответствующей странице
Описание	детальное описание характеристик, особенностей и свойств товара
Цена	стоимость единицы товара
Старая цена	данное поле не обязательно, но если значение указано, то оно будет выводиться перечеркнутым
Количество в наличии	количество единиц товара на складе
Приоритет	чем больше значение, тем раньше товар появится на странице со списком товаров (по категории, производителю или коллекции)
Не отображать на сайте (Архив)	если товар помечен данным флагом, то он не будет отображаться на сайте
Ярлыки	ярлыки для продвижения товаров, такие как «Супер цена», «Лидер продаж», «Новинка». Список ярлыков можно редактировать
Сопутствующие товары	список товаров, которые отображаются на странице товара. Для добавления сопутствующих товаров введите несколько символов названия товара, который вы хотите добавить, нажмите Enter и выберите найденный товар
Каталог	выберите из списка категорий наиболее подходящую категорию из каталога, при необходимости воспользуйтесь поиском. Товар, у которого указана категория, отобразится в общем каталоге товаров всех магазинов платформы SellBe

Импорт

Импорт позволяет вам загрузить товары из файла в формате Excel.

Для импорта необходимо:

Выбрать категорию, в которую выполняется импорт товаров.

Загрузить файл формата ".XLS" с данными.

Указать соответствие данных колонкам с Excel.

Примечания к импорту отдельных колонок:

Обязательной колонкой является название товара, всем остальным колонкам можно проставить значение "Пусто". В таком случае значение поля не будет импортироваться.

Для загрузки картинки нужно указать ее адрес в интернете.

Описание товара может быть передано в виде HTML.

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

После выполнения импорта настройки значений колонок в админ панели будут сохранены.

Категории

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

Производители

На странице "Список производителей" добавляются и редактируются производители (бренды). Так же как и категории, производители, служат для организации продукции вашего магазина

Доставка

Создавать и редактировать виды доставки вы можете в меню "Доставка". При этом указываете название доставки, а также комиссию, которая снимается с покупателя за доставку.

Вид доставки покупатель выбирает в выпадающем списке при оформлении заказа

Настройки

В меню "Настройки" редактируются настройки корзины.

Кратко об основных настройках.

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

Номер следующего заказа - номер, который присваивается при поступлении нового заказа;

Минимальная сумма заказа - сумма, начиная с которой пользователь может оформить заказ;

Email для оповещения о заказе - email, на который приходят уведомления о поступлении нового заказа;

SMS уведомления о заказе на мобильный - номер телефона, на который приходит SMS уведомление о поступлении нового заказа;

Скидочная группа по умолчанию - скидочная группа, которая будет присвоена пользователю, если он зарегистрируется на интернет магазине.

IP адреса, с которых приходят спам заказы, можно добавить в черный список.



Заключение

Сейчас все больше людей, далеких от компьютерных технологий (простых пользователей), открывают для себя Сеть, все больше компьютеров появляется дома, все больше женщин активно используют интернет. А это, в свою очередь, сказывается на ассортименте продаваемых товаров. Помимо магазинов, торгующих компьютерными комплектующими, в сети появилось множество «торговых точек», предлагающих все: от автомобилей и мебели до женского кружевного белья и продуктов. Экспериментировать можно сколько угодно, однако согласно многим исследованиям наиболее популярными сетевыми товарами остаются информация, книги, аудио и видео продукция, компьютерные программы, туристические услуги. То есть такие товары, в которых содержание важнее внешнего вида. Потому оцените свой товар - если его надо пощупать, попробовать или померить, то учтите, что потенциальные покупатели будут гораздо критичнее относиться к приобретению такого товара через сеть. Даже в Америке, в которой Интернетом пользуются около 2/3 населения старше 12 лет, покупатели, как показывают исследования, до сих пор не очень-то доверяют полностью виртуальным супермаркетам и предпочитают покупать еду в сети у знакомых по офф-лайну продавцов.

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

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

И главное вы должны иметь четкий план и четко представлять себе, что будет, если ваш товар не «пойдет», что будет, если он станет продаваться очень большими темпами, как вести себя, если ваш товар будет продаваться в тех количествах, когда вы не сможете отказаться от его продаж, но недостаточных, чтобы окупить проект. Потом, когда вы запустите свой магазин, вы сможете оперативно вносить изменения в свой план, в зависимости от ситуации.