Разработка web-сайта интернет-магазина по продаже музыкального оборудования на примере магазина 'МУЗТОРГ'
Министерство
Образования и Науки РФ
Автономное
образовательное учреждение высшего профессионального образования «Ленинградский
государственный университет имени А.С.Пушкина»
Бокситогорский
институт (филиал) колледж
Курсовая
работа
Разработка
web-сайта интернет-магазина по продаже музыкального оборудования на примере
магазина «МУЗТОРГ»
Пикалево,
2013
Содержание
Введение
Глава
1. Электронная коммерция
.1
История развития электронной коммерции
.2
Виды электронной коммерции
.3
Преимущества и недостатки электронной коммерции
Глава
2. Разработка интернет-магазина "PowerChord
.1
Описание технологической платформы
.1.1
Описание локального сервера Denwer
.1.1.1
Установка локального сервера Denwer
.1.1.2
Структура файлов и папок
.2
Особенности PHP, MySQL, CSS, HTML
.2.1
Особенности PHP
.2.2
Особенности MySQL
.2.3
Особенности CSS
.2.4
Особенности HTML
.3
Создание сайта
.3.1
Разработка структуры сайта
.3.2
Программная реализация сайта
Заключение
Список
использованной литературы
Введение
Актуальность: В современном информационном
обществе покупки через Интернет становятся популярнее с каждым днем. Причина в
том, что можно заказать желаемое всего за пару кликов, находясь дома. Этот
метод покупок также очень удобен для жителей маленьких городов со скудным
количеством необходимых магазинов. Нужно обновить «железо» компьютера? Пара
кликов, несколько дней ожидания - товар уже у заказчика и это касается не
только железа. Интернет-магазинов направленных на определенную аудиторию -
тысячи.
С помощью web-сайта компании представляют себя в
сети Интернет, что способствует расширению аудитории и поддерживает бренд.
Объектом исследования данной курсовой работы
является процесс электронной торговли. Магазин занимается продажей гитар и их
комплектующих. Наибольшее внимание в нем уделяется внешнему виду и удобному
управлению.
Целью проекта является разработка
Интернет-магазина «PowerChord».
Задачи:
обоснование необходимости создания
Интернет-магазина;
анализ и выбор средств для разработки
Интернет-магазина;
разработка Интернет-магазина с помощью PHP,
MySQL, HTML, CSS;
оценка эффективности выполненной разработки.
интернет магазин электронная сервер
Глава 1. Электронная коммерция
1.1 История развития электронной коммерции
Первые системы и методы электронной коммерции
обязаны появлению технологий автоматизации продаж и внедрению
автоматизированных систем управления корпоративными ресурсами. В 1960
американские компании American Airlines и IBM приступают к созданию системы
автоматизации процедуры резервирования мест на авиарейсы. Это являет собой
самый первый опыт создания системы электронной коммерции.
году в Великобритании для обслуживания
коммерческого безналичного оборота создана электронная система переводов и
клиринга BACS (от англ. Bankers Automated Clearing Services). В 1970 году
подобная система под названием CHIPS (от англ. Clearing House Interbank Payment
System) была основана в США.
Стремительный рост количества
интернет-пользователей, социальные сети, развитие систем электронных платежей,
переход с Web 1.0 на Web 2.0 за последние 20 лет позволили Интернет-коммерции
стать очень популярным способом покупок.
1.2 Виды электронной
коммерции
Существует несколько общепризнанных категорий
электронной коммерции в зависимости от целевой группы потребителей.B или бизнес
для бизнеса C или бизнес для потребителя
С2С или потребитель для потребителя B -
представляет собой продажу услуг или товаров, используемых для организации и
развития других бизнес проектов. Это взаимодействие между компаниями,
организациями или частными предпринимателями.
Рис 1. Схема B2B
C - является схемой «продавец - покупатель». К
ней относятся розничные интернет магазины, сайты компаний, предоставляющих
различные услуги и т. д.
Рис 2.Схема B2C
С2С - взаимодействие осуществляется между
потребителями. В пример можно привести аукцион, доски объявлений и т. д.
Рис 3. Схема С2С
1.3 Преимущества и недостатки электронной
коммерции
Рассмотрим некоторые преимущества и недостатки
электронной коммерции.
Преимущества:
Увеличение оперативности получения информации;
Сокращение цикла производства и продажи,
снижается вероятность возникновения ошибок ввода;
Обмен информацией с использованием более дешевых
средств коммуникаций;
Открытость по отношению к клиентам;
Позволяет легко и быстро информировать партнеров
и клиентов о продуктах и услугах;
Глобальность продаж;
Анонимность заказчика;
Более широкий ассортимент.
Недостатки:
Недоверие потребителя;
Невозможность посмотреть товар вживую до
покупки;
Возможна задержка доставки.
Глава 2. Разработка интернет-магазина
"PowerChord"
2.1 Описание технологической платформы
.1.1 Описание локального сервера Denwer
Денвер (Д.н.w.р - джентльменский набор
Web-разработчика) - WAMP-дистрибутив, предназначенный для создания и отладки
сайтов и прочего динамического содержимого интернет-страниц на локальном ПК под
управлением ОС Windows. WAMP-дистрибутивом назван по первым буквам входящих в
его состав компонентов:- ОС, в которой осуществляется работа (в данном случае
MS Windows); - web-сервер; - Система Управления Базами Данных; - язык
программирования, используемый для создания веб-приложений.
Денвер устанавливается в один-единственный
каталог и вне его ничего не изменяет.
Никакие «сервисы» NT/2000 не «прописываются».
Если вы запустили Денвер, то он работает. Если завершили - то перестает
работать, не оставляя после себя следов.
Для деинсталляции достаточно просто удалить
каталог.
Установив Денвер однажды, вы можете затем просто
переписывать его на другие машины без каких-либо побочных эффектов.
Все конфигурирование и настройка под конкретную
машину происходит автоматически.
Эти же правила распространяются и на пакеты
расширений.
В целях упрощения работы компонентов комплекса и
улучшения совместимости с реальным Unix-хостером при старте создается
специальный виртуальный диск, присоединенный к основной директории.
2.1.1.1 Установка локального сервера Denwer
После запуска инсталлятора предлагается выбрать
папку установки.
Рис 4. Выбор директории установки
Потом пользователю предлагается выбор буквы
виртуального диска (по умолчанию “Z:/”). Затем пойдет процесс копирования
файлов в директорию.
Рис 5. Копирование файлов
Когда инсталлятор скопирует все файлы, он
предоставит пользователю выбор одного из двух режимов создания виртуального
диска: во время загрузки ОС или запуск вручную.
Рис 6. Выбор режима создания виртуального диска
После выбора установка заканчивается и
открывается окно браузера с инструкциями по запуску и проверке
работоспособности сервера.
Рис 7. Инструкции по запуску
2.1.1.2 Структура файлов и папок
Рис 8. Корневая папка в которую установлен
Denwer
В каталоге C:\WebServers\denwer находятся файлы
*.ехе, необходимые для запуска, перезапуска и остановки программного пакета,
соответственно::\WebServers\denwer\Run.exe:\WebServers\denwer\Restart.exe:\WebServers\denwer\Stop.exe
Каталоги:\ - в ней находятся папки
соответствующих сайтов, называемые по доменному имени.\local\php5\ -
исполняемые файлы и настройки языка PHP версии 5.3.10.\local\mysql-5.5\ -
исполняемые файлы, данные и настройки сервера базы данных MySQL.\ - временная
папка, используется различными программами для временного хранения файлов. Ее
можно периодически удалять.\local\apache - исполняемые файлы, данные и
настройки сервера Apache.\local\miniperl - исполняемые файлы и настройки языка
Perl.
.2 Особенности PHP, MySQL, CSS, HTML
Связка данных инструментов разработки является
одной из самых популярных на сегодняшний день, так как процесс разработки
полностью контролируется и гибко настраивается под нужды разработчика.
.2.1 Особенности PHP- один из популярных
скриптовых языков благодаря своей простоте, скорости выполнения, богатой
функциональности, кроссплатформенности.
Существуют три основных области, где
используется PHP:
Создание скриптов для выполнения на стороне
сервера. PHP наиболее широко используется именно таким образом. Все, что вам
понадобится, это парсер PHP (в виде программы CGI или серверного модуля),
web-сервер и браузер. Для просмотра результатов выполнения PHP-скриптов в
браузере, необходим работающий web-сервер и установленный PHP.
Создание скриптов для выполнения в командной
строке. Вы можете создать PHP-скрипт, способный запускаться вне зависимости от
web-сервера и браузера. Все, что вам потребуется - парсер PHP. Такой способ
использования PHP идеально подходит для скриптов, которые должны выполняться
регулярно. Эти скрипты также могут быть использованы в задачах простой
обработки текстов. Дополнительная информация находится здесь.
Создание приложений GUI, выполняющихся на
стороне клиента. Подобным образом можно создавать и кроссплатформенные
приложения. PHP-GTK является расширением PHP и не поставляется вместе с
дистрибутивом PHP. доступен для большинства операционных систем, включая Linux,
многие модификации Unix (такие, как HP-UX, Solaris и OpenBSD), Microsoft
Windows, Mac OS X и многих других. Также в PHP включена поддержка большинства
современных web-серверов, таких, как Apache, Microsoft Internet Information
Server, Personal Web Server и многих других. Для большинства серверов PHP
поставляется в качестве модуля, для других, поддерживающих стандарт CGI, PHP
может функционировать в качестве процессора CGI.
Таким образом, выбирая PHP, вы получаете свободу
выбора операционной системы и вебсервера. Кроме того, у вас появляется выбор между
использованием процедурного или объектно-ориентированного программирования или
же их сочетания.
2.2.2 Особенности MySQL- это реляционная система
управления базами данных.
Она может применяться в качестве SQL-сервера.
Это означает, что общаться с сервером можно на языке SQL. Кроме того, MySQL -
это ПО с открытым кодом, т.е. его можно свободно изучать и изменять. Пакет
можно бесплатно загрузить из Интернета для некоммерческого применения.
С появлением динамических web-страниц, возрос
спрос и на СУБД, которые подходили бы по быстродействию, надежности и
стабильности. И здесь хорошо проявил себя пакет MySQL, который получился
быстрым, простым и надежным, но за счет ухудшения функциональности и из-за
этого годится только для выполнения повседневных задач. Поэтому он наиболее
подходит для выполнения несложных интернет-проектов.
2.2.3 Особенности CSS- каскадная таблица стилей,
которая разработана специально для того, чтобы облегчить верстку сайта под
определенный дизайн. CSS является сокращением от Cascading Style Sheets. это
язык стилей, который определяет, как будет выглядеть сайт. CSS может работать
со шрифтами всего документа, цветами отдельных элементов, строками, размерами
изображений, элементов, текстов, высотой и шириной, различными фоновыми эффектами,
а так же позициями и передвижением объектов. С помощью CSS можно изменить вид
практически любого объекта, что поможет сделать сайт более уникальным в плане
дизайна.
2.2.4 Особенности HTML- теговый язык разметки
документов. Любой документ на языке HTML представляет собой набор элементов,
начало и конец которого обозначается тегами.
Каждый HTML-документ, отвечающий спецификации
HTML какой-либо версии, должен начинаться со строки объявления версии HTML
<!DOCTYPE…>. Если эта строка не указана, то добиться корректного
отображения документа в браузере становится труднее.
Далее обозначается начало и конец документа
тегами <html> и </html> соответственно. Контейнер <head>
содержит информацию для браузеров и поисковых систем. Между парой тегов
<body>...</body> хранится всё содержание web-страницы, которое
отображается на экране монитора в окне браузера. Это может быть простой текст,
списки, ссылки, изображения, таблицы и др.
2.3 Создание сайта
2.3.1 Разработка структуры сайта
Прежде чем приступить к разработке сайта,
необходимо выбрать его структуру. Для начала определяется каким будет
содержимое сайта - статическим или динамическим.
Статический сайт - сайт с подготовленным заранее
содержимым. Файлы выдаются пользователям в том же виде, в котором они хранятся
на сервере.
Динамический сайт - содержимое сайта создается
при помощи специальных скриптов, что позволяет изменить его в любой момент. Я
выбрал динамический сайт, так как меньше проблем с его отладкой, изменением
интерфейса, а также наполнением содержимого.
Можно выделить три основных типа структуры
сайтов:
. Линейная структура. Это наиболее простая
структура сайта, в которой материал не разделяется на уровни. Такой сайт
достаточно прост в реализации , однако в силу своей простоты имеет весьма
ограниченное применение.
. Древовидная структура - это наиболее
популярный вид структуры в современном сайтостроении. Это универсальная
структура, подходящая для сайтов различных типов. Эта структура -
иерархическая, она содержит разделы, которые в свою очередь включают в себя
несколько подразделов и так далее. Таким образом различные страницы сайта имеют
различные уровни вложенности.
. Решетчатая структура - наиболее сложная из
представленных структур. Ее отличие от древовидной заключается в том, что
пользователь может перемещаться по страницам сайта как вертикально, так и
горизонтально - между страницами различных уровней. Часто используется в
интернет-каталогах.
Меню сайта состоит из:
"Домой" - главная страница сайта. На
ней отображаются четыре новых товара, информация от администратора,
изображение-баннер;
Рис 12. Главная страница сайта
"Все товары" - полный каталог всех
товаров, имеющихся в магазине;
"Новости" - в этом пункте отображаются
все новости, отсортированные по дате;
"О магазине" - здесь находится
информация о магазине;
"Обратная связь" - здесь указаны
данные для связи с администратором;
"Доставка и оплата" - в этом пункте
находится информация о доставке и оплате заказанного товара;
"Корзина" - здесь находится весь
заказанный товар. Там же можно при желании изменить количество товара или
удалить. Далее необходимо заполнить форму с именем, фамилией, электронной
почтой, адресом, почтовым индексом и после этого посредством PHP информация о
заказе вносится в базу данных.
Рис 13. Корзина
Вывод товаров, новостей осуществляется с помощью
скрипта PHP. Товары и новости выводятся из базы данных в цикле с присвоением им
уникального идентификатора.
Меню, категории товаров и корзина доступны со
всех страниц сайта. Под меню справа расположен блок, в котором отображаются
последние три новости.
2.3.2 Программная реализация сайта
Этапы разработки:
. Разработка дизайна - с помощью графического
редактора Adobe Photoshop CS3 были нарисованы элементы управления, баннеры,
фон;
. Верстка - производилась с помощью HTML, была
составлена структура сайта в файле "shop.php". Он хранится по пути
"views/layouts". В папке "views/pages" находятся отдельные
страницы для товаров, корзины, категорий товаров, новостей. Далее с Помощью CSS
были заданы параметры для каждого из элементов управления, расположение
объектов, отформатирован текст.
. Создание и заполнение базы данных. База данных
необходима для того, чтобы содержимое сайта можно было изменить в любой момент.
Создана база данных, в которой находятся четыре таблицы:
"categories" - в ней хранятся
категории товаров;
"news" - таблица с новостями;
"products" - таблица с товарами.
. Веб - программирование - на PHP в файле
"db_fns.php", находящемся в корневой папке сайта, реализована связь с
базой данных, вывод контента, в файле ''cart_fns.php" - функции корзины:
добавить товар, обновить корзину.
. Тестирование - включает в себя проверку
работоспособности сайта, проверку на наличие ошибок. Оно помогло выявить
недочеты, возникшие в процессе разработки, которые после были исправлены или
доработаны.
Заключение
Создание сайта интернет магазина - это
формирование мощного инструмента для ведения бизнеса, а также собственной базы
данных и онлайн площадки для продажи и рекламы объектов. В данной курсовой
работе рассмотрены актуальные вопросы разработки и создания Web-сайта на
примере интернет-магазина «PowerChord».
При этом были решены следующие частные задачи:
ознакомление с понятием электронной коммерции и
её видами;
изучение инструментов веб-разработки;
выбор стратегии разработки и создания сайта;
В результате проведенных работ на базе выбранных
технологий был создан веб-сайт музыкального интернет-магазина.
К числу его основных отличительных особенностей
можно отнести следующее:
Удобный пользовательский интерфейс и простота
обращения;
гибкость, открытость и модифицируемость при
помощи простых средств.
Таким образом, данная курсовая работа
показывает, что поставленные задачи решены полностью.
Список использованной литературы
1.
PHP. Настольная книга программиста, Мазуркевич А., Еловой Д.;
.
Вёрстка веб-страниц, Мержевич В.;
.
HTML и CSS. Разработка и дизайн веб-сайтов (ориг. HTML и CSS: Design and Build
Websites), Дакетт Д.;
.
HTML. Самое необходимое, Кисленко Н.;
.
MySQL. Базовый курс (ориг. Beginning MySQL), Шелдон Р., Мойе Д.