Создание сайта электронного магазина на основе CMS OPENCART

Министерство образования  и науки РФ

Томский государственный университет

Факультет инновационных  технологий

Кафедра информационного  обеспечения инновационной деятельности

 

 

 

 

 

 

 

 

 

 

Создание сайта  электронного магазина

на основе CMS OPENCART

 

Отчёт по лабораторной работе 
по дисциплине «Сетевая экономика»

 

 

 

 

 

Выполнила:

Студентка гр. 18101

__________ А.А. Абулова 

__________

 

Принял:

зав. кафедрой ИОИД

__________ С. Л. Миньков 

__________

 

 

 

 

Томск 2013

Содержание

Введение 3

Ход работы 7

1. Установка Денвера,  базовые настройки…………………………………7

2. Создание базы данных товаров в MySQL……………………………….12

3. Установка OpenCart………………………………………………………15

4. Наполнение магазина содержимым……………………………………..21

5. Изменение основных настроек и внешнего вида магазина……………30

6. Процесс заказа товара в интернет-магазине……………………………36              

Заключение 43

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Введение

 

Система управления содержимым сайта (Content Management System – CMS) – это программный комплекс, позволяющий автоматизировать процесс управления как сайтом в целом, так и сущностями в рамках сайта: макетами страниц, шаблонами вывода данных, структурой, информационным наполнением, пользователями и правами доступа, а также по возможности предоставляющий дополнительные сервисы: списки рассылки, ведение статистики, поиск, средства взаимодействия с пользователями и т. д.

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

Ввод данных на сайт требовал (как минимум) знания технологий HTML/CSS-верстки. Изменение структуры сайтов было сопряжено с каскадным изменением большого количества взаимосвязанных  страниц. Различные автоматизированные механизмы, вроде гостевых книг и  новостных лент, внедренные на сайтах как отдельные скрипты и, как  правило, написанные разными специалистами, перестали удовлетворять требованиям  безопасности.

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

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

Рассмотрим работу с бесплатным скриптом интернет-магазина OpenCart.

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

Преимущества для программиста 

• Совместимость с PHP 5.x и MySQL 4.x, 5.x.
• Код соответствует основным принципам паттерна Model-View-Controller, при этом структура очень простая, являясь отличным каркасом для создания интернет-магазина любой сложности
• В сравнении с конкурентами (Magento, VirtueMart, Prestashop) обладает более высокой скоростью работы и меньшими требованиями к ресурсам сервера
• Совместимость со всеми основными браузерами.
• Встроенная многоязычность, по умолчанию установлен английский. Доступны русский, украинский и многие другие.
• Неограниченное число разделов и товаров.
• Поддержка шаблонов, модулей и дополнений
• Поддержка "vQmod™" (aka Virtual Quick Mod), что значительно упрощает разработку расширений и их перенос при обновлении версии OpenCart.

Администрирование / База

• Поддерживает неограниченное количество продуктов и разделов категорий
• Поддержка физических и виртуальных (загружаемых) товаров
• Легкость резервного копирования и восстановления данных
• Статистика товаров и заказчиков
• Многоязычная поддержка
• Поддержка нескольких валют

Клиентская часть

• Регистрация покупателей.
• Все заказы хранятся в базе данных для быстрого и эффективного поиска (история покупок для покупателей)
• Клиенты могут просматривать историю и статусы своих заказов
• Временная корзина для гостей и постоянная для клиентов
• Быстрый и дружественный интерфейс поиска
• Безопасность с поддержкой SSL (Secure Sockets Layer).
• Удобная навигация по сайту
• Клиент может иметь несколько адресов доставки в своей адресной книге

Система оплаты и доставки

• Поддержка многочисленных типов платежей (чеки, платежные поручения)
• Поддержка многочисленных платежных систем (модулям) (2CheckOut, PayPal, Authorize.Net, iPayment, RuPay, Webmoney).
• Настройка методов оплаты для разных областей
• Расчет доставки на основе веса и цены товара, зоны доставки. Множество модулей расчета доставки.
• Расчет налогов.

и многое другое.

Недостатки движка по большей  части являются платой за скорость работы скриптов и простоту их доработки:

• Не полностью отлажена работа с SEO (возможность смотреть одни и те же страницы по разным URL и отсутствие поддержки 404-й страницы) (большинство проблем решается с помощью дополнительных расширений)
• У товара не может быть полей для отдельных свойств и, как следствие, не реализовать в принципе фильтры по свойствам. (начиная с версии 1.5 - появились атрибуты и сравнение по ним. Фильтр по атрибутам доступен в виде платного дополнения Layered Navigation 1.5)

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Ход работы

1.  Установка Денвера,  базовые настройки

 

Джентльменский набор Web-разработчика («Д.н.w.р», читается «Денвер») — проект Дмитрия Котерова (http://dmitry.moikrug.ru), включающий в себя локальный сервер (Apache, PHP, MySQL, Perl и т.д.) и программную оболочку, используемые Web-разработчиками для создания сайтов на «домашней» (локальной) Windows-машине без необходимости выхода в Интернет. Главная особенность Денвера — удобство при удаленной работе сразу над несколькими независимыми проектами и возможность размещения на Flash-накопителе.

Базовый пакет Денвер включает в себя:

• Инсталлятор.
• Apache, SSL, SSI, mod_rewrite, mod_php.
• PHP5 с поддержкой GD, MySQL, sqLite.
• MySQL5 с поддержкой транзакций.
• phpMyAdmin — система управления MySQL через Web-интерфейс.

Кроме того:

• Система управления виртуальными хостами, основанная на шаблонах. (чтобы создать новый хост, вам нужно лишь добавить директорию в каталог /home, править конфигурационные файлы не требуется. По умолчанию уже поддерживаются схемы именования директорий многих популярных хостеров; новые можно без труда добавить).
• Система управления запуском и завершением всех компонентов Денвера.
• Эмулятор sendmail и SMTP-сервера (отладочная «заглушка» на localhost:25, складывающая приходящие письма в /tmp в формате .eml); поддерживается работа совместно с PHP, Perl, Parser и т.д.

Отдельные дистрибутивы этих программ занимают более 40 Мб и включают много ненужных нам (пока) компонентов, требуют отдельной установки  и настройки, а Денвер весит всего ~ 8.5 Мб и  имеет единый инсталлятор.

Дистрибутив данного программного комплекса можно бесплатно скачать  на  официальном сайте проекта (www.denwer.ru).

 

Рис. 1.1 -  Скачать Denwer.

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

 

Рис. 1.2  - Форма регистрации для скачивания пакета Денвер.

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

Рис. 1.3  - Окно браузера

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

Рис. 1.4 - Основное окно скрипта

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

Рис. 1.5 – Ярлыки запуска, остановки и перезапуска сервера.

Рис. 1.6 – Окно браузера

Для запуска и проверки работы системы запустим ярлык «Start Denwer» и в открытом окне браузера перейдем по ссылке (http://localhost). В случае правильной установке мы увидим следующее окно.

Рис. 1.7 – Страница «Ура, Заработало!»

На этом установка базового пакета Денвера закончена.

Последние версии пакета OpenCart и его русифицированной бесплатной разновидности OcStore требуют наличия в компоненте PHP определенных библиотек, которые отсутствуют в базовом пакете, причем инструкций, как сдружить две этих системы, в явном виде в Интернете нет. Для этого нам понадобится скачать с сайта Денвера пакет расширений PHP (Раздел «Расширения» / «Модули PHP5», ссылка на раздел http://www.denwer.ru/packages/php5.html

Рис. 1.8 – Скачивание дополнительных компонентов.

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

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

2. Создание базы данных товаров в MySQL

 

Любая CMS система в своей работе использует БД, чаще всего это БД использующие СУБД MySQL,по крайней мере основная часть провайдеров предоставляющих хостинг дает доступ именно к БД MySQL. Для создания БД сначала запустим сервер (ярлык «Start Denwer»), затем перейдем на страницу «Ура, Заработало!» на этой странице аккумулирована масса полезной информации для нашей работы, сейчас нас интересует ссылки на утилиту phpMyAdmin:

• Заведение новых БД и пользователей MySQL – это ссылка на мастер которы позволяет быстро создать БД и ее Пользователей
• phpMyAdmin - администрирование СУБД MySQL – ссылка непосредственно на утилиту phpMyAdmin организующую весь процесс управления БД MySQL.