Разработка интернет-магазина с использованием технологий PHP, HTML5, CSS3, JavaScript

Актуальность. В мире с каждым днем растет количество пользователей всемирной паутины, так как Интернет - это мировая сеть, которая объединяет людей и без которой уже трудно представить человека без персонального компьютера с выходом в интернет. Также эта сеть предоставила множество различных возможностей: знакомства, просмотр фильмов, заказ еды, поиск работы, получение знаний, покупка товаров, не выходя из дома, и многое другое. Все эти возможности реализованы при помощи web-сайтов.

Web-сайт (с английского web — «паутина, сеть» и site — «место») – это объединенная под одним адресом совокупность страниц, расположенных в интернете, которые включают в себя одну общую тему и дизайн.

Каждый web-сайт разрабатывается для достижения определенной цели. Наиболее распространенная из них - это получение прибыли от деятельности интернет-магазина. Электронный магазин - это очень удобная система для торговли товарами в сети Интернет, которая дает компаниям возможность притягивать клиентов со всего мира.

Достоинства интернет-магазина по сравнению с обычным магазином:

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

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

Исходя из поставленной цели, были определены следующие задачи:

• изучение интернет-магазинов и выявление их недостатков;
• выбор интернет-технологий для разработки сайта;
• разработка динамических веб – страниц;
• разработка сайта и его тестирование.

Структура работы. Выпускная работа состоит из введения, пяти глав, списка используемой литературы и кода web-приложения.

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

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

Критерии выбора инструментов, необходимых для разработки сайта:

• бесплатное программное обеспечение;
• возможность запустить инструмент на разных платформах.

Исходя из данных критериев, были выбраны следующие инструменты:

• Total Commander;
• PHPMyAdmin;
• PHP;
• JavaScript;
• HTML;
• CSS.

1.1 Требования к разрабатываемому сайту

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

- регистрация покупателей;

...

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

Административная часть должна включать в себя такие возможности, как:

- добавление, изменение, удаление товара;

...

1.2.2 PHPMyAdmin

PHPMyAdmin это веб-приложение с открытым кодом, написанное на языке PHP и представляющее собой веб-интерфейс для администрирования СУБД MySQL. Оно позволяет без непосредственного ввода команд SQL, поэтому работа с базой данных становится посильной даже для человека весьма малознакомого с MySQL. На сегодняшний день PHPMyAdmin широко применяется на практике, так как разработчики интенсивно развивают свой продукт.

...

1.2.4 Язык web-программирования PHP

PHP - кроссплатформенная технология, дистрибутив которой доступен для множества операционных систем, таких как Linux, модификации Unix, Microsoft Windows, Mac OS и многих других.

Язык программирования PHP, особенно в связке с известной базой данных MySQL - идеальный вариант для создания интернет-сайтов.

Язык PHP постоянно развивается, и ему беспременно гарантировано долгое преобладание в области языков web -программирования.

Для удобства разработки приложения была установлена программа для создания сайтов phpDesigner 7.

...

2 Физическая структура web-сайта

Физическая структура приложения отображает размещение файлов по поддиректориям папки, в которой размещен сайт. Она показана на рис.2.1.

...

2.1 Структура базы данных

Для подключения к базе данных используется файл db_connect.php и db.php. Первая таблица buy_products состоит из 4 строк и служит для хранения информации купленных товаров. Строке buy_id присвоен атрибут AUTO_INCREMENT, это значит, что генерируется уникальный идентификатор. Строка buy_id_order хранит номер заказа, buy_id_product - id купленного товара и buy_count_product - количество купленного товара. Структура таблицы представлена на рис. 2.1.2.

...

2.2 Описание структуры страниц пользовательской части

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

В директории css находится файл: main.css, в котором прописаны стили для страниц.

В директории images хранятся картинки, предназначенные для оформления внешнего вида страниц, в папке uploads_images находятся изображения, добавленные администратором, в паке catalog_images изображения, которые находятся на заставке папок каталога.

В папке javascript хранится функция javascript shop-script.js.

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

...

3 Описание административной части

Все файлы, которые составляют административную часть, находятся в директории admin.

В папке css содержится 3 файла: style-login.css, reset.css и style.css. Первый файл задает стили для страницы авторизации администратора, второй сбрасывает стили браузера и третий файл задает стили для страниц административной части.

В папке images содержатся изображения для оформления дизайна страниц.

В директории js хранятся функции javascript в файле script.js. Здесь же находится файл jquery-1.8.2.min.js - библиотека скриптов.

...

ЗАКЛЮЧЕНИЕ

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

Дизайн сайта продуман и пользователю не представит труда его освоить.

Интернет-магазин был протестирован в глобальной сети Интернет. Были произведены проверки на всевозможные ошибки - все работает верно.

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

...

ПРИЛОЖЕНИЕ

Программный код файлов пользовательской и административной частей (157 страниц).

...