Создание интернет-магазина "На поводке"

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

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

(МИНОБРНАУКИ РОССИИ)

ТОМСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ (ТГУ)

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

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

Отчет по созданию интернет-магазина «На поводке»

Руководитель:

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

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

Выполнила:

студентка группы № 18301

________ Е.В. Сухановская

Томск 2015



Оглавление

ВВЕДЕНИЕ

1. Загрузка и установка локального сервера Denwer:

2. Создание базы данных Denwer(a)

3. OpenCart как система управления содержимым

3.1 Почему именно OpenCart?

3.2 Установка Opencart на Denwer

4. Работа с магазином в качестве администратора

5. Взгляд со стороны пользователя. Формирование заказа

Заключение



ВВЕДЕНИЕ

Пользователю сети Интернет не видно, что происходит внутри сайта, который он посещает. Но только web-разработчикам и их заказчикам известно, что большинство современных веб-сайтов строятся на основе так называемых систем управления контентом (CMS).

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

Цель работы: ознакомиться с системами управления содержимым сайта (CMS) и движками Интернет-магазинов; создать собственный интернет-магазин.



1. Загрузка и установка локального сервера Denwer

Денвер (от сокр. Д.н.w.р или ДНВР -- джентльменский набор Web-разработчика) -- набор дистрибутивов и программная оболочка, предназначенные для создания и отладки сайтов (веб-приложений, прочего динамического содержимого интернет-страниц) на локальном ПК (без необходимости подключения к сети Интернет) под управлением ОС Windows.

Можем загрузить его на официальном сайте Денвера (http://www.denwer.ru/):

Скаченный файл будет иметь расширеннее .exe, поэтому мы запускаем его его двойным щелчком мыши и дожидаемся пока установщик распакует необходимые для установки Денвер файлы. Затем нам открывается окно браузера, в котором будет описан процесс установки. После чего мы видим окно установки в интерфейсе cmd:

Рис.2 - Начальное окно установки Denwer(a)

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

Рис. 3 - Информирование о создание виртуального диска, назначение его буквы

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

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

Ну а дальше, для проверки работоспособности установленного нами Denwer, наберем в адресной строке используемого вами браузера http://localhost, и в результате попадем на страницу приветствия , с заголовком «Ура, заработало». Это будет означать, что наш локальный сервер Денвер удачно установился на наш персональный компьютер.



2. Создание базы данных Denwer(a)

Прокрутим последнюю страницу из предыдущей главы немного вниз до пункта «Утилиты» и кликнем по третьему сверху пункту списка «Заведение новых БД и пользователей MySQL»:

На этом этапе нам нужно завести саму базу данных, а так же добавить пользователя для нашей новоиспеченной базы данных. Для этого в в поле вода «Имя базы данных:» вводим желаемое имя для новой БД, в поля «Логин пользователя:» и «Пароль:» :

Нажимаем на кнопку «Создать БД и пользователя» и получаем сообщение «База данных и новый пользователь заведены.»

На этом создание базы для OpenCart и нового пользователя завершено. Можем приступать непосредственно к процессу установки OpenCart .



3. OpenCart как система управления содержимым

3.1 Почему именно OpenCart?

сервер магазин пользователь denwer

OpenCart -- это CMS (система управления содержимым) предназначенная для создания интернет-магазинов. Давайте попробуем систематизировать тезисы на тему того что такое движок OpenCart, и какие возможности по созданию и управлению интернет магазином он нам предоставляет.

Достоинства OpenCart

· OpenCart - это бесплатная система управления контентом, разработкой и обновлением которой занимается большое сообщество энтузиастов и единомышленников.

· Благодаря CMS, а в данном случае OpenCart, сильно упрощается процесс создания интернет магазина, так как создание интернет магазина «с нуля» довольно дорогое, долгое , а зачастую и достаточно сложное занятие, требующее немалых знаний в языках программирования и разметки(HTML, CSS, PHP, Perl и прочее). С помощью OpenCart интернет магазин можно «развернуть» и настроить буквально за 1 день, и еще за 1-2 дня заполнить его товарами и прочим контентом.

· Установка OpenCart проста и незамысловата. Осуществляется она простым копирование файлов движка на хостинг и прописыванием названия и пароля к базе данных, предварительно созданной на хостинге.

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

· Поддержка «Тем» оформления, которые управлять внешним видом и «юзабилити» вашего интернет-магазина. А благодаря тому, что все темы сделаны на PHP, они легки в корректировке и внесении изменений.

· Вся работа с вашим интернет магазином будет осуществляться из административной панели OpenCart, описание товаров и статьи вы сможете писать в удобном текстовом редакторе, похожем по своей простоте на работу в текстовом редакторе WORD. Поэтому для успешного наполнения нашего магазина материалами нам вовсе не нужно будет знать технологии HTML и CSS.

· Существования нескольких вариантов русского перевода, а так же локализованые версии OpenCart, такие как ocStore и maxzon.

· OpenCart сразу «из коробки» подготовлен для поисковой оптимизации - seo. Поддерживается заполнение Meta-тегов необходимые для продвижения в поисковых системах, однако в это есть и недостатоки, о которых ниже.

· Неограниченное количество товаров, категорий и производителей позволяет размещать и каталогизировать ваш товар в соответствии с вашими потребностями.

· OpenCart узкоспециализирован, в нем нет ничего лишнего, а всё недостающее вы получаете в виде модулей и расширений, именно поэтому он оптимален для развертывания интернет магазина, в отличие от Joomla! например, где вам нужно постоить достаточно солидных размеров «завод», чтобы продать одну спичку.

3.2 Установка Opencart на Denwer

Зайдем на созданный нами при Установке Денвер виртуальный (по-умолчанию это диск Z:) и перейдем в папку, которая называется «home». Создадим в этой папке новую, и назовем её например «ocStore», это и будет название нашего домена на localhost. Затем в этой папке создадим еще одну, с названием «www». Название этой папки должно быть именно таким.

Откроем архив с дистрибутивом OpenCart который вам удалось скачать, и скопируем содержимое папки «upload» в созданную нами в предыдущем шаге папку «www»:

Обязательно Перезагружаем ваш веб-сервер Денвер, с помощью ярлыка на рабочем столе «Restart Denwer» либо с помощью Denwer Runner. Кликаем по ссылке на наш новый сайт на OpenCart и, если все было сделано верно, то откроется окно мастера установки OpenCart:

Шаги мастера установки OpenCart ocStore:

Теперь, после того, как мы скачали русскую локализацию OpenCart и поместили её дистрибутив в папку локального сервера OpenCart, настало время приступить к самому процессу установки OpenCart (ocStore). Разберем этот процесс пошагово, в соответствии с шагами мастера установки.

Шаг 1 - Лицензия. На этом шаге просто поставьте галку в чек-боксе «Я согласен с лицензией» и нежите кнопку «Продолжить».

Шаг 2 -- Перед установкой. На этом шаге мастер установки произведет проверку вашего веб-сервера требованиям OpenCart. Требования разделены на четыре группы. Первые две группы информирую о соответствие системным требованиям OpenCart, соответствующих настроек PHP и расширения вашего веб-сервера. Несоответствующие системным требованиям параметры будут подсвечены красным.

Шаг 3 - Конфигурация. Это наиболее важный и тонкий момент в процессе установки OpenCart на Denwer. На нем нам необходимо прописать имя базы данных для OpenCart и пользователя который имеет необходимые привилегии для работы с ней (что мы сделали ранее). Во втором пункте вам предлагается ввести в соответствующие поля логин и пароль администратора вашего будущего сайта (интернет-магазина), и контактный e-mail. Вводим эти данные и нажимаем на кнопку «Продолжить».

Шаг 4 -- Установка завершена!

Не забываем удалить установочную директорию, для этого необходимо перейти в созданную нами папку «www», и найти там директорию «install». Её то нам и нужно удалить:

На этом установка OpenCart на локальный веб-сервер окончательно закончена!!!

4. Работа с магазином в качестве администратора

Для того чтобы попасть в часть администратора, набираем в браузере: http://ocstore/admin/, вводим данные для авторизации и для начала произведем минимальные настройки для работы с cms-системой. Нам потребуется путь Система=>Настройки. Здесь мы заполняем информацию о магазине в целом: название, владелец и т.д.

Вкладка Витрина отвечает за внешнее отображение клиентской части магазина, введем заголовок, который будет отображен в строке заголовка браузера:

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

В опциях определяем функционал магазина на наш вкус:

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

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

Неотъемлемо важной частью является дизайн Главной страницы. Поэтому переходим по пусти Система=>Дизайн=>Баннеры, жмем "Добавить", загружаем картику и при необходимости вписываем адрес, если хотим чтобы наша картинка являлась еще и ссылкой:

Из загруженных картинок можем организовать слайд-шоу. Чтобы это организовать, требуется зайти в Дополнения=>Модули=>Слайдшоу и добавить модуль

Во вкладке Баннер выбираем название, указанное нами при добавлении картинок на предыдущем шаге, далее обозначаем размер и расположение. Сохраняем и видим результат, кликнув в главной панели справа Магазин (пользовательская часть):

Перейдем непосредственно к самому наполнению магазина. Необходимо сформировать категории товаров, следуя по пути Каталог => Категории => Создать:

Здесь достаточно в принципе только названия (Одежда для собак), но можно добавить пару ключевых слав в после Мета-тег Keywords

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

Теперь же для создания подкатегории (Комбинезоны) в уже существующей проделываем те же самые действия, что и для предыдущей категории, но во вкладке Данные в поле "Родительская категория" выбираем "Одежда для собак"

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

Следующим шагом уже забиваем подкатегории конкретными товарами

Для добавления товара достаточно проследовать по пути Каталог=>Товары, затем клик по кнопке "Добавить":

Рассмотрим подробнее, за что отвечает каждое из полей:

На вкладке «Общие» нам необходимо заполнить следующие поля:

ввести название нашего товара

HTML-тег H1 - это отображаемое название товара, в карточке товара.

HTML-тег Title - Отображаемый заголовок товара.

Мета-тег «Описание» - Краткое описание товара для поисковиков.

Мета-тег Keywords -- Ключевые слова для поисковиков.

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

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

В Данных достаточно указать модель, цену и изображение товара

Не менее интересной представляет собой связь товара с определенной категорией (подкатегорией), что выполняется в следующей вкладке:

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

Во многих интернет-магазинах встречаются так называемые "Рекомендуемые товары". Посмотрим на примере, как это осуществить: заходим в Дополнения => Модули => Рекомендуемые: вписываем названия товаров. Если все правильно делаем, то Opencart нам "поможет" в этом, предлагая подходящие варианты во время наборы:

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



5. Взгляд со стороны пользователя. Формирование заказа

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

Сначала это будут "Аксесуары":

Рис. 33 - Категория аксессуаров

Допустим нам нужен ошейник. Заходим в эту подкатегорию и добавляем его в корзину нажатием на кнопку "Купить":



Рис. 34 - Покупка ошейника

Аналогично проделываем с другими категориями. На примере ниже мы выбираем дождевик:

Рис. 35 - Категория одежды для собак



Рис. 36 - Покупка дождевика

Затем нас интересует корм:

Рис. 37 - Категория корма



Рис. 38 - Покупка корма

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

Оформить заказ можно как авторизировшись, так и новому пользователю. Возьмем клиента без регистрации:

и переходим на следующий шаг, где необходимо указать информацию о клиенте:

Наследующей вкладке уведомляют о вариантах способов доставки, а также о возможности оставить комментарий для продавца:

Соглашаемся с условиями и подтверждаем заказ:

Вуаля! Заказ успешно сформирован!



Заключение

Таким образом, CMS-система - это удобный современный инструмент для оперативного создания контента. Это "готовое" решение, для освоения которого не требуется особых знаний

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