Вы находитесь на странице: 1из 20

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

ru
Министерство Образования и Науки РФ
Автономное образовательное учреждение высшего профессионального
образования «Ленинградский государственный университет имени
А.С.Пушкина»
Бокситогорский институт (филиал) колледж

Курсовая работа
Разработка web-сайта интернет-магазина по продаже музыкального
оборудования на примере магазина «МУЗТОРГ»

Пикалево, 2013
Размещено на http://www.allbest.ru

Содержание

Введение
Глава 1. Электронная коммерция
1.1 История развития электронной коммерции
1.2 Виды электронной коммерции
1.3 Преимущества и недостатки электронной коммерции
Глава 2. Разработка интернет-магазина "PowerChord
2.1 Описание технологической платформы
2.1.1 Описание локального сервера Denwer
2.1.1.1 Установка локального сервера Denwer
2.1.1.2 Структура файлов и папок
2.2 Особенности PHP, MySQL, CSS, HTML
2.2.1 Особенности PHP
2.2.2 Особенности MySQL
2.2.3 Особенности CSS
2.2.4 Особенности HTML
2.3 Создание сайта
2.3.1 Разработка структуры сайта
2.3.2 Программная реализация сайта
Заключение
Список использованной литературы
Размещено на http://www.allbest.ru
Введение

Актуальность: В современном информационном обществе покупки


через Интернет становятся популярнее с каждым днем. Причина в том, что
можно заказать желаемое всего за пару кликов, находясь дома. Этот метод
покупок также очень удобен для жителей маленьких городов со скудным
количеством необходимых магазинов. Нужно обновить «железо»
компьютера? Пара кликов, несколько дней ожидания — товар уже у заказчика
и это касается не только железа. Интернет-магазинов направленных на
определенную аудиторию — тысячи.
С помощью web-сайта компании представляют себя в сети Интернет,
что способствует расширению аудитории и поддерживает бренд.
Объектом исследования данной курсовой работы является процесс
электронной торговли. Магазин занимается продажей гитар и их
комплектующих. Наибольшее внимание в нем уделяется внешнему виду и
удобному управлению.
Целью проекта является разработка Интернет-магазина «PowerChord».
Задачи:
обоснование необходимости создания Интернет-магазина;
анализ и выбор средств для разработки Интернет-магазина;
разработка Интернет-магазина с помощью PHP, MySQL, HTML, CSS;
оценка эффективности выполненной разработки.
интернет магазин электронная сервер
Размещено на http://www.allbest.ru

Глава 1. Электронная коммерция

1.1 История развития электронной коммерции

Первые системы и методы электронной коммерции обязаны появлению


технологий автоматизации продаж и внедрению автоматизированных систем
управления корпоративными ресурсами. В 1960 американские компании
American Airlines и IBM приступают к созданию системы автоматизации
процедуры резервирования мест на авиарейсы. Это являет собой самый
первый опыт создания системы электронной коммерции.
1968 году в Великобритании для обслуживания коммерческого
безналичного оборота создана электронная система переводов и клиринга
BACS (от англ. Bankers Automated Clearing Services). В 1970 году подобная
система под названием CHIPS (от англ. Clearing House Interbank Payment
System) была основана в США.
Стремительный рост количества интернет-пользователей, социальные
сети, развитие систем электронных платежей, переход с Web 1.0 на Web 2.0 за
последние 20 лет позволили Интернет-коммерции стать очень популярным
способом покупок.

1.2 Виды электронной коммерции

Существует несколько общепризнанных категорий электронной


коммерции в зависимости от целевой группы потребителей.
B2B или бизнес для бизнеса
B2C или бизнес для потребителя
С2С или потребитель для потребителя
Размещено на http://www.allbest.ru
B2B — представляет собой продажу услуг или товаров, используемых
для организации и развития других бизнес проектов. Это взаимодействие
между компаниями, организациями или частными предпринимателями.

Потребитель
Поставщик
Интернет-
магазин
Поставщик
Потребитель

Поставщик
Потребитель

Рис 1. Схема B2B

B2C — является схемой «продавец — покупатель». К ней относятся


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

Потребитель
Интернет-
магазин Потребитель

Потребитель

Рис 2.Схема B2C

С2С — взаимодействие осуществляется между потребителями. В


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

Потребитель Потребитель

Интернет-
Потребитель магазин Потребитель

Потребитель Потребитель
Размещено на http://www.allbest.ru
Рис 3. Схема С2С
Размещено на http://www.allbest.ru

1.3 Преимущества и недостатки электронной коммерции

Рассмотрим некоторые преимущества и недостатки электронной


коммерции.
Преимущества:
Увеличение оперативности получения информации;
Сокращение цикла производства и продажи, снижается вероятность
возникновения ошибок ввода;
Обмен информацией с использованием более дешевых средств
коммуникаций;
Открытость по отношению к клиентам;
Позволяет легко и быстро информировать партнеров и клиентов о
продуктах и услугах;
Глобальность продаж;
Анонимность заказчика;
Более широкий ассортимент.
Недостатки:
Недоверие потребителя;
Невозможность посмотреть товар вживую до покупки;
Возможна задержка доставки.
Размещено на http://www.allbest.ru

Глава 2. Разработка интернет-магазина "PowerChord"

2.1 Описание технологической платформы

2.1.1 Описание локального сервера Denwer


Денвер (Д.н.w.р — джентльменский набор Web-разработчика) —
WAMP-дистрибутив, предназначенный для создания и отладки сайтов и
прочего динамического содержимого интернет-страниц на локальном ПК под
управлением ОС Windows. WAMP-дистрибутивом назван по первым буквам
входящих в его состав компонентов:
Windows — ОС, в которой осуществляется работа (в данном случае MS
Windows);
Apache — web-сервер;
MySQL — Система Управления Базами Данных;
PHP — язык программирования, используемый для создания веб-
приложений.
Отличительной особенностью Денвера является его полная
автономность. Она заключается в следующем.
Денвер устанавливается в один-единственный каталог и вне его ничего
не изменяет.
Никакие «сервисы» NT/2000 не «прописываются». Если вы запустили
Денвер, то он работает. Если завершили — то перестает работать, не оставляя
после себя следов.
Для деинсталляции достаточно просто удалить каталог.
Установив Денвер однажды, вы можете затем просто переписывать его
на другие машины без каких-либо побочных эффектов.
Все конфигурирование и настройка под конкретную машину
происходит автоматически.
Эти же правила распространяются и на пакеты расширений.
Размещено на http://www.allbest.ru
В целях упрощения работы компонентов комплекса и улучшения
совместимости с реальным Unix-хостером при старте создается специальный
виртуальный диск, присоединенный к основной директории.

2.1.1.1 Установка локального сервера Denwer


После запуска инсталлятора предлагается выбрать папку установки.

Рис 4. Выбор директории установки

Потом пользователю предлагается выбор буквы виртуального диска (по


умолчанию “Z:/”). Затем пойдет процесс копирования файлов в директорию.

Рис 5. Копирование файлов


Размещено на http://www.allbest.ru
Когда инсталлятор скопирует все файлы, он предоставит пользователю
выбор одного из двух режимов создания виртуального диска: во время
загрузки ОС или запуск вручную.

Рис 6. Выбор режима создания виртуального диска

После выбора установка заканчивается и открывается окно браузера с


инструкциями по запуску и проверке работоспособности сервера.

Рис 7. Инструкции по запуску


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

2.1.1.2 Структура файлов и папок

Рис 8. Корневая папка в которую установлен Denwer

В каталоге C:\WebServers\denwer находятся файлы *.ехе, необходимые


для запуска, перезапуска и остановки программного пакета, соответственно:
C:\WebServers\denwer\Run.exe
C:\WebServers\denwer\Restart.exe
C:\WebServers\denwer\Stop.exe
Каталоги:
home\ — в ней находятся папки соответствующих сайтов, называемые
по доменному имени.
usr\local\php5\ — исполняемые файлы и настройки языка PHP версии
5.3.10.
usr\local\mysql-5.5\ — исполняемые файлы, данные и настройки сервера
базы данных MySQL.
tmp\ — временная папка, используется различными программами для
временного хранения файлов. Ее можно периодически удалять.
Размещено на http://www.allbest.ru
usr\local\apache — исполняемые файлы, данные и настройки сервера
Apache.
usr\local\miniperl — исполняемые файлы и настройки языка Perl.

2.2 Особенности PHP, MySQL, CSS, HTML

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


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

2.2.1 Особенности PHP


PHP — один из популярных скриптовых языков благодаря своей
простоте, скорости выполнения, богатой функциональности,
кроссплатформенности.
Существуют три основных области, где используется PHP:
Создание скриптов для выполнения на стороне сервера. PHP наиболее
широко используется именно таким образом. Все, что вам понадобится, это
парсер PHP (в виде программы CGI или серверного модуля), web-сервер и
браузер. Для просмотра результатов выполнения PHP-скриптов в браузере,
необходим работающий web-сервер и установленный PHP.
Создание скриптов для выполнения в командной строке. Вы можете
создать PHP-скрипт, способный запускаться вне зависимости от web-сервера
и браузера. Все, что вам потребуется - парсер PHP. Такой способ
использования PHP идеально подходит для скриптов, которые должны
выполняться регулярно. Эти скрипты также могут быть использованы в
задачах простой обработки текстов. Дополнительная информация находится
здесь.
Создание приложений GUI, выполняющихся на стороне клиента.
Подобным образом можно создавать и кроссплатформенные приложения.
Размещено на http://www.allbest.ru
PHP-GTK является расширением PHP и не поставляется вместе с
дистрибутивом 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


MySQL - это реляционная система управления базами данных.
Она может применяться в качестве SQL-сервера. Это означает, что
общаться с сервером можно на языке SQL. Кроме того, MySQL - это ПО с
открытым кодом, т.е. его можно свободно изучать и изменять. Пакет можно
бесплатно загрузить из Интернета для некоммерческого применения.
С появлением динамических web-страниц, возрос спрос и на СУБД,
которые подходили бы по быстродействию, надежности и стабильности. И
здесь хорошо проявил себя пакет MySQL, который получился быстрым,
простым и надежным, но за счет ухудшения функциональности и из-за этого
годится только для выполнения повседневных задач. Поэтому он наиболее
подходит для выполнения несложных интернет-проектов.
Размещено на http://www.allbest.ru

2.2.3 Особенности CSS


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

2.2.4 Особенности HTML


HTML — теговый язык разметки документов. Любой документ на
языке HTML представляет собой набор элементов, начало и конец которого
обозначается тегами.
Каждый HTML-документ, отвечающий спецификации HTML какой-
либо версии, должен начинаться со строки объявления версии HTML <!
DOCTYPE…>. Если эта строка не указана, то добиться корректного
отображения документа в браузере становится труднее.
Далее обозначается начало и конец документа тегами <html> и </html>
соответственно. Контейнер <head> содержит информацию для браузеров и
поисковых систем. Между парой тегов <body>...</body> хранится всё
содержание web-страницы, которое отображается на экране монитора в окне
браузера. Это может быть простой текст, списки, ссылки, изображения,
таблицы и др.
Размещено на http://www.allbest.ru

2.3 Создание сайта

2.3.1 Разработка структуры сайта


Прежде чем приступить к разработке сайта, необходимо выбрать его
структуру. Для начала определяется каким будет содержимое сайта -
статическим или динамическим.
Статический сайт — сайт с подготовленным заранее содержимым.
Файлы выдаются пользователям в том же виде, в котором они хранятся на
сервере.
Динамический сайт — содержимое сайта создается при помощи
специальных скриптов, что позволяет изменить его в любой момент. Я
выбрал динамический сайт, так как меньше проблем с его отладкой,
изменением интерфейса, а также наполнением содержимого.
Можно выделить три основных типа структуры сайтов:
1. Линейная структура. Это наиболее простая структура сайта, в
которой материал не разделяется на уровни. Такой сайт достаточно прост в
реализации , однако в силу своей простоты имеет весьма ограниченное
применение.
2. Древовидная структура — это наиболее популярный вид структуры в
современном сайтостроении. Это универсальная структура, подходящая для
сайтов различных типов. Эта структура — иерархическая, она содержит
разделы, которые в свою очередь включают в себя несколько подразделов и
так далее. Таким образом различные страницы сайта имеют различные
уровни вложенности.
3. Решетчатая структура — наиболее сложная из представленных
структур. Ее отличие от древовидной заключается в том, что пользователь
может перемещаться по страницам сайта как вертикально, так и
горизонтально — между страницами различных уровней. Часто используется
в интернет-каталогах.
Размещено на http://www.allbest.ru
Меню сайта состоит из:
"Домой" - главная страница сайта. На ней отображаются четыре новых
товара, информация от администратора, изображение-баннер;

Рис 12. Главная страница сайта

"Все товары" - полный каталог всех товаров, имеющихся в магазине;


"Новости" - в этом пункте отображаются все новости, отсортированные
по дате;
"О магазине" - здесь находится информация о магазине;
"Обратная связь" - здесь указаны данные для связи с администратором;
"Доставка и оплата" - в этом пункте находится информация о доставке
и оплате заказанного товара;
"Корзина" - здесь находится весь заказанный товар. Там же можно при
желании изменить количество товара или удалить. Далее необходимо
заполнить форму с именем, фамилией, электронной почтой, адресом,
почтовым индексом и после этого посредством PHP информация о заказе
вносится в базу данных.
Размещено на http://www.allbest.ru

Рис 13. Корзина

Вывод товаров, новостей осуществляется с помощью скрипта PHP.


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

2.3.2 Программная реализация сайта


Этапы разработки:
1. Разработка дизайна - с помощью графического редактора Adobe
Photoshop CS3 были нарисованы элементы управления, баннеры, фон;
2. Верстка - производилась с помощью HTML, была составлена
структура сайта в файле "shop.php". Он хранится по пути "views/layouts". В
папке "views/pages" находятся отдельные страницы для товаров, корзины,
категорий товаров, новостей. Далее с Помощью CSS были заданы параметры
для каждого из элементов управления, расположение объектов,
отформатирован текст.
3. Создание и заполнение базы данных. База данных необходима для
того, чтобы содержимое сайта можно было изменить в любой момент.
Создана база данных, в которой находятся четыре таблицы:
"categories" - в ней хранятся категории товаров;
"news" - таблица с новостями;
Размещено на http://www.allbest.ru
"orders" - таблица с заказами;
"products" - таблица с товарами.
4. Веб - программирование - на PHP в файле "db_fns.php", находящемся
в корневой папке сайта, реализована связь с базой данных, вывод контента, в
файле ''cart_fns.php" - функции корзины: добавить товар, обновить корзину.
5. Тестирование - включает в себя проверку работоспособности сайта,
проверку на наличие ошибок. Оно помогло выявить недочеты, возникшие в
процессе разработки, которые после были исправлены или доработаны.
Размещено на http://www.allbest.ru

Заключение

Создание сайта интернет магазина - это формирование мощного


инструмента для ведения бизнеса, а также собственной базы данных и
онлайн площадки для продажи и рекламы объектов. В данной курсовой
работе рассмотрены актуальные вопросы разработки и создания Web-сайта
на примере интернет-магазина «PowerChord».
При этом были решены следующие частные задачи:
ознакомление с понятием электронной коммерции и её видами;
изучение инструментов веб-разработки;
выбор стратегии разработки и создания сайта;
В результате проведенных работ на базе выбранных технологий был
создан веб-сайт музыкального интернет-магазина.
К числу его основных отличительных особенностей можно отнести
следующее:
Удобный пользовательский интерфейс и простота обращения;
гибкость, открытость и модифицируемость при помощи простых
средств.
Таким образом, данная курсовая работа показывает, что поставленные
задачи решены полностью.
Размещено на http://www.allbest.ru
Список использованной литературы

1. PHP. Настольная книга программиста, Мазуркевич А., Еловой Д.;


2. Вёрстка веб-страниц, Мержевич В.;
3. HTML и CSS. Разработка и дизайн веб-сайтов (ориг. HTML и CSS: Design
and Build Websites), Дакетт Д.;
4. HTML. Самое необходимое, Кисленко Н.;
5. MySQL. Базовый курс (ориг. Beginning MySQL), Шелдон Р., Мойе Д.

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