Создание Web-приложения каталога детской одежды для сети магазинов "BABY BOOM" с помощью скриптового языка PHP и ООП

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

ВВЕДЕНИЕ

Целью данной предметно-курсовой работы является создание Web-приложения каталога детской одежды для сети магазинов «BABY BOOM» с помощью скриптового языка PHP и ООП.

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

Для создания Web-приложения каталога детской одежды «BABY-BOOM» с помощью стандартных алгоритмов понадобится:

· Web-сервер;

· Система Управления Базами Данных (СУБД) MySQL;

· текстовый редактор;

· браузер.

Данная курсовая работа состоит из 5 глав.

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

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

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

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

В пятой главе в основном будет описано БД каталога. Приведено описание таблиц с существующими полями. Приведена схема данных БД.

1. АНАЛИЗ ПРЕДМЕТНОЙ ОБЛАСТИ

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

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

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

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

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



Рис 2.4 Скриншот сайта Quelle

Сайт ORBY очень изысканный сайт где есть все разделы включая магазины товаров которые имеются в онлайн каталоге.

Рис 2.5 Скриншот сайта ORBY

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

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

Некоторые программные модули, которые разработчик планирует сделать для будущего Web-приложения:

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

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

2) форма поиска на сайте позволит посетителям сайта легко отыскать интересующую информацию на сайте;

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

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

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

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

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

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

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

2. ИНТЕРФЕЙС WEB-ПРИЛОЖЕНИЯ

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

Функционал сайта - это то, что делает Web-ресурс полезным, что превращает его из обычного источника информации в полезную программу.

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



Рис.2.1. Макет сайта парфюмерии

Основные блоки сайта:

· система поиска;

· горизонтальная навигации;

· регистрация и авторизация пользователя;

· контентная область;

· Бренды одежды;

· новинки.

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

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

· регистрация и авторизация пользователя;

· Каталог товаров;

· система поиска по алфавиту и по ключевому слову;

· модуль «Заказать»;

· «корзина» пользователя.

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

Для создания модуля регистрации пользователя необходимо создать Web-форму для регистрации нового пользователя. Форма состоит из таких полей как: логин, пароль, фамилия, имя, отчество, город, адрес, телефон и фото, а также содержит кнопки «Отправить» и «Сбросить».

Внешний вид Web-формы регистрации нового пользователя показан на рис.2.2.

Рис. 2.2.-Форма регистрации нового пользователя

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

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

Для создания модуля авторизации пользователя необходимо создать Web-форму для авторизации нового пользователя. Форма будет состоять из полей логин и пароль, а также кнопки «Войти».

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

Внешний вид Web-формы авторизации пользователя показан на рис.2.3.

Рис. 2.3.-Форма авторизации пользователя

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

Внешний вид каталога товаров показан на рис.2.4.

Рис. 2.4.-Каталог товаров

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

Форма поиска позволит посетителям легко отыскать интересующую информацию.

На сайте имеется поиск 2 видов: поиск по ключевому слову и алфавитный поиск на верху контента сайта.

Внешний вид поиска по ключевому слову и по алфавиту показан на рис.2.5.



Рис. 2.5-Поиск по алфавиту и по ключевому слову

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

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

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

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

Внешний вид Web-формы добавления нового товара показан на рис.2.8.

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

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



Рис. 2.8-Форма добавления нового парфюма

3. СОЗДАНИЕ КЛАССОВ И ИХ ИСПОЛЬЗОВАНИЕ

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

Сначала был создан класс «odejda». Он имеет несколько свойств: название товара, размер, цена товара, цвет, объем, единица измерения, аромат, дата выпуска и фотография товара. Здесь некоторые свойства данного класса объявлены как public, а остальные свойства объявлены как private.

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

Для того, чтобы данный класс работал нужно создать еще классы spisok и list. В классе spisok приведены все методы, которые понадобятся, класс list является наследником класса spisok. Здесь приведены методы, которые необходимы в данное время. Например, метод toTable(), который выводит все данные в виде таблицы, метод show(), который показывает данные таблицы и метод loadItems(), который загружает данные из базы.

Дальше с помощью require_once в главной странице, в пункте «Каталог одежды» подключается класс list. И класс будет работать.

Теперь создается класс NewUser в файле reg_pol. . В этом скрипте объявляются переменные этого класса: логин, пароль, фамилия, имя, отчество, город, адрес, телефон, аватар. Создается функция get() для получения данных из формы. С помощью метода $_POST получается данные из формы и присваиваются значения в переменные, которые объявлены в классе NewUser. Далее создается функция insertprep() для добавления данных в базу данных и затем создается объект класса NewUser для работы этого класса.

Дальше в файле reg.php используется созданный экземпляр данного класса.

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

Некоторые программные модули, которые разработчик планирует сделать для будущего Web-приложения:

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

2) каталог парфюмерий - сделает поиск интересующего товара наиболее оперативным, эффективным и наглядным. Каталог будет идти в паре с формой предварительного заказа онлайн;

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

4) форма поиска на сайте позволит посетителям сайта легко отыскать интересующую информацию на сайте;

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

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

4. ПРОЕКТИРОВАНИЕ WEB-ПРИЛОЖЕНИЯ

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



Рис. 4.1-Логическая структура сайта

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

Физическая структура сайта - это расположение файлов и папок внутри корневого каталога сайта.

Из рисунка видно, что корневая папка под названием parfum содержит подпапки img_tov, img_proizv и scripts, а также в ней находится скрипт под названием index.php.

Это файл главной страницы Web-приложения парфюмерии, то есть тот файл, который загружается, когда посетитель обращается напрямую к какой-либо директории. В папке scripts расположены скрипты для создаваемого сайта, а в папках img_tov и img_proizv находятся картинки с изображениями товаров и их производителей в формате *.png и *.jpg .

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

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

Рис. 4.2-Физическая структура сайта

5. СТРУКТРА БАЗЫ ДАННЫХ WEB ПРИЛОЖЕНИЯ

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

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

Логическая модель данных является начальным прототипом будущей базы данных. Основным средством разработки логической модели данных в настоящий момент являются различные варианты ER-диаграмм. Создание базы данных всегда начинается с разработки структуры ее таблиц.

Рис. 5.1-Схема БД парфюмерии

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

При создании базы данных для имен лучше использовать осмысленные названия, состоящие из одного слова, набранные латинскими буквами. Кроме того, во время создания базы данных необходимо установить кодировку UTF-8 (одна из общепринятых и стандартизированных кодировок текста, которая позволяет хранить символы Юникода).

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

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

Запись - строка таблицы, описывающая какой-то объект, или иначе, набор атрибутов какого-то объекта.

База данных парфюмерии будет называться parfum и включать в себя 7 таблиц, предназначенных для эффективности ее работы и автоматизации обработки результатов ее деятельности:

· таблица «tovari» будет содержать данные о каждом имеющемся в наличии товаров. Данная таблица будет состоять из таких полей как код товара, название товара, код формы, код категории, код производителя, количество, цена покупочная, цена продажи товара, статус, фото и инструкция. В этой таблице поле id_tovara является первичным ключом. Данное поле является счетчиком и содержит уникальные значения для каждой записи этой таблицы. Поля id_forma, id_kat и id_proizv являются внешними ключами;

· таблица «proizvoditeli» будет содержать данные о фирмах-производителях товаров. Данная таблица будет состоять из таких полей как код производителя, название фирмы-производителя товаров, страна, город, ее адрес и телефон. Поле id_proizv будет первичным ключом и счетчиком;

· таблица «klienti» будет содержать данные о покупателях (клиентах) парфюмерий. Данная таблица будет состоять из таких полей как код клиента, фамилия, имя, отчество, код города, адрес, телефон, его логин и пароль, а также фото. Поле id_klienta будет первичным ключом и счетчиком, а поле id_gorod внешним ключом;

· таблица «zakazi» дает характеристику заказов, которые поступают в магазин от клиентов. Данная таблица будет состоять из таких полей как код заказа, код товара, код клиента, количество, цена и дата заказа. Поле id_zakaza будет первичным ключом и счетчиком, а поля id_preparata и id_klienta внешними ключами;

· таблица «goroda» будет содержать информацию о городах, в которые необходимо будет доставить товар клиенту. Данная таблица будет состоять из таких полей как код города и название города. Поле id_gorod будет первичным ключом и счетчиком;

· таблица «forma» будет содержать информацию о видах парфюмерии (мужские, женские, детские и др.). Данная таблица будет состоять из таких полей как код формы и наименование формы товара. Поле id_forma будет первичным ключом и счетчиком;

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

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

ЗАКЛЮЧЕНИЕ

Данная работа заключалась в разработке Web-приложения парфюмерии с целью изучения возможностей языка PHP.

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

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

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

В результате проведенной работы был получен Интернет-магазин парфюмерии под названием «Spring…», который содержит данные о товарах, фирмах-производителях, заказах и клиентах, созданный с помощью скриптового языка PHP, языка структурированных запросов SQL и языка разметки гипертекста HTML. Сайт имеет простой и интуитивно понятный каждому пользователю дизайн.

СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ

1. Дейтел Х.М., Дейтел П.Дж. Как программировать на C++. Пер. с англ. М.: ООО «Бином-Пресс», 2008. 1038 с.

2. Ма?судов Х.Т.,Солиев О.М., Худойбердиев Х.А., Довудов Г.М. Ма?м?и масъала?о аз барномасоз?. Ху?анд: Ношир, 2012. 104 с.

3. Шилдт Г. C++ руководство для начинаюших. 2-е издание. Пер. с. англ. М.: Издательский дом «Вильямс», 2005. 672с.

4. Дилип Н. Стандарты и протоколы Интернета. М.: Русская редакция TOO Channel Trading Ltd., 1999. 384 с.

5. Cisco Systems, Inc. Cisco Networking Academy: Cisco Packet Tracer Data Sheet. URL: http://cisco.com/ web/ learning /netacad /course_catalog /docs /Cisco_PacketTracer_DS.pdf (санаи муро?иат: 24.04.2013).

6. Планирование и отслеживание проектов. // MSDN Microsoft Visual Studio 2010 [Электронный ресурс]. М.: Представительство Microsoft, 2010. 1 диски электронии оптик? (DVD-ROM).

7. Анализ качества кода C/C++ с помощью метода анализа кода. // Документация Microsoft Visual Studio 2010 [Электронный ресурс], 2010.

8. Ма?судов Х.Т. Барномарезии ба объект нигаронидашуда - 1. Силлабус. [Сарчашмаи электрон?] // Мавод?ои таълимию методии КБТИ. Ху?анд: ДПДТТХ, 2013.

9. Ма?судов Х.Т. Талабот ва супоришоти кори курсии фанн? барои фанни Барномарезии ба объект нигаронидашуда_1. [Сарчашмаи электрон?] // Мавод?ои таълимию методии КБТИ. Ху?анд: ДПДТТХ, 2013.

Размещено на Allbest.ru