Меню Услуги

Разработка интернет-магазина. Часть 4.


Страницы:   1   2   3   4   5   6


3.3.11. Настройка методов оплаты

В данном пункте масса вариантов: PayPal, оплата картой visa/masretcard, модули оплаты электронной валюты (webmoney) и самый надежный способ  и удобный покупателю– способ оплаты наличными курьеру, который и был нами выбран.

Заходим в joomshopping и выбираем меню  «Настройки» – «Заказ». В этом пункте ставим галочки напротив «Отображать регистрацию на странице логина», «Сортировать страны в алфавитном порядке», «Клиент может отменить зака», «Показать Дата поставки». Нажимаем «Сохранить» (рисунок 3.36).

Рисунок 3.36 – Первичная настройка оплаты

Также необходимо изменить статусы заказа, так как по умолчанию они имеют некорректное английское буквенное отображение. Заходим в  «Опции» – «Статусы заказа» и меняем значения в текстовых полях (рисунок 3.37).

Рисунок 3.37 – Редактирование статуса заказа

Заменив последовательно все статусы получим список статусов как  на рисунке 3.38.

Рисунок 3.38 – Список статусов заказа

Дальше идем в «Опции» – «Способы оплаты», нажимаем «Создать» и выделяем пункт «Публикация» галочкой. Здесь обязательно заполняем поле «Псевдоним» и остальные текстовые поля в соответствии с выбранным способом оплаты. Не забываем «Сохранить и закрыть» (рисунок 3.40).

Рисунок 3.39 – Добавление метода оплаты

За выбором варианта доставки следует выбор вариантов оплаты (рисунок 3.40).

Рисунок 3.40 – Выбор метода оплаты

3.3.12. Добавление материалов

Теперь, когда процесс покупки товаров полностью оформлен, нужно наполнить сайт необходимой информацией. Для этого понадобиться добавить материалы на сайт и оформить их должным образом. Всего будет добавлено четыре материала: «Как оплатить?», «Как получить?», «Контакты» и «О компании». Поможет нам в этом «Менеджер материалов» и вкладка «Создать материал». В открывшемся окне мы увидим редактор материалов, в нем можно добавить текст и изображение, привести их к нужному виду за счет встроенных средств форматирования (рисунок 3.41).

Рисунок 3.41 – Менеджер добавления материалов

3.3.13. Создание верхнего меню. Вывод материалов на сайт

Теперь для того, чтобы наши материалы отобразились их нужно вывести. Сделать это можно посредством создания верхнего меню. Итак, проходим по вкладке Joomla «Меню» – «Менеджер меню» и кликаем по вкладке  «Создать меню». Назовем его «Верхнее меню», далее «Сохранить и закрыть» (рисунок 3.42).

Рисунок 3.42 – Создание верхнего меню

Теперь щелкаем по созданному меню и нажимаем кнопку «Создать». В типе пункта меню выбираем «Материалы» – «Материал» и в пункте выбора материалов указываем нужный (рисунок 3.43).

Рисунок 3.43 – Выбор материала для пункта меню

Наше меню почти готово, осталось лишь вывести его на сайт. Для этого создадим модуль и разместим его в удобном месте на сайте. Заходим в «Расширения» – «Менеджер модулей». Нажимаем «Создать» и выбираем модуль «Меню». В параметре выбора меню указываем нужное нам «Верхнее меню», ставим состояние «Опубликовано» и выбираем позицию – position-1 (рисунок 3.44).

Рисунок 3.44 – Менеджер модулей: модуль «Меню»

Меню отобразилось на сайте, но выглядит это не очень эстетично. Для того, чтобы пункты меню отображались красиво и удобно для пользователя, в дополнительных параметрах модуля «Меню» в позиции «Суффикс класса меню» дописываем свойство nav-pills (рисунок 3.45).

Рисунок 3.45 – Менеджер модулей: модуль «Меню»

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

Рисунок 3.46 – Отображение материалов на сайте

3.3.14. Добавление баннера и логотипа

Баннер используется для произведения большего впечатления на посетителей сайта и выполнен таким образом, что при всей своей эффектности не отвлекает внимание посетителя от основного информационного содержания сайта. То же самое можно сказать и про логотип. Наш баннер и логотип был создан в графическом редакторе Photoshop CS3 c учетом всех необходимых требований к общему дизайну сайта.

Чтобы разместить его на главной странице магазина, необходимо создать новый модуль. Для этого переходим в уже знакомый нам пункт «Расширения» – «Менеджер модулей» и кликаем по кнопке «Создать» . Выбираем модуль «HTML–код» . Вставляем наш баннер в редактор, выравниваем по центру, выставляем состояние «Опубликовано» и выбираем позицию – position – 3 (рисунок 3.47).

Рисунок 3.47 – Добавление баннера

Логотип добавляем с помощью «Расширения» – «Менеджер шаблонов» и здесь в пункте «Логотип» выбираем наш логотип (рисунок 3.48).

Рисунок 3.48– Добавление логотипа

Главная страница сайта представлена на рисунке 3.49.

Рисунок 3.49 – Главная страница сайта

3.4. Создание и установка модуля статуса ICQ

В процессе создания интернет-магазина главными инструментами были стандартные средства Joomla: плагины, компоненты и модули. Разработка компонентов – весьма трудоемкий процесс, требующий усилий не одного человека, а, как правило, целой команды разработчиков, в отличие от программного модуля. По мере развития CMS появляется все большее количество модулей, выполняющих самые разнообразные функции – от вывода выпадающего меню до вывода контента на сайт через RSS ленты. По сути, именно модуль является краеугольным камнем, на котором базируется создание сайта с помощью CMS Joomla. Специально для нашего интернет-магазина был разработан модуль отображения статуса ICQ, чтобы клиент всегда знал, когда можно обратиться за помощью к онлайн – консультанту магазина.

Модуль состоит из двух файлов — mod_myicq.php и mod_myicq.xml. Файл mod_myicq.xml —  является установочным файлом. В него включается информация об авторе и версиях, затем – информация о файлах и папках, которые должны быть установлены CMS и поставляются с модулем. Для его создания нужно создать текстовый файл и сохранить его в формате . xml . Сам скрипт файла mod_myicq.xml выглядит следующим образом:

<?xml version=»1.0″ encoding=»utf-8″?>

<extension

type=»module»

version=»3.3.0″

client=»site»

method=»upgrade»>

<name>mod_myicq</name>

<author>Koborzhenkov</author>

<creationDate>May 2014</creationDate>

<copyright>(C) 2008 Open Source Matters. All rights reserved.</copyright>

<license>http://www.gnu.org/copyleft/gpl.html GNU/GPL</license>

<authorEmail>[email protected]</authorEmail>

<authorUrl>http://sunyday.ru/</authorUrl>

<version>3.3.0</version>

<description>ICQ</description>

<files>

<filename module=»mod_myicq»>mod_myicq.php</filename>

<filename>mod_myicq.xml</filename>

</files>

<config>

<fields name=»params»>

<fieldset name=»basic»>

</fieldset>

<fieldset name=»advanced»>

<field name=»moduleclass_sfx»

type=»text»

default=»»

label=»Podpis»

description=»»  />

</fieldset>

</fields>

</config>

</extension>

<?xml version=»1.0″ encoding=»utf-8″?>  — эта часть информирует браузер о том, что файл имеет формат XML и в какой кодировке надо показывать ваш модуль.

Далее идет тег <extension> …<extension/>, между которым и помещаются все необходимые элементы для установки будущего модуля и «распознавания» нашего модуля CMS Joomla, а именно: type=»module» – определяет сам модуль, version=»3.3.0″ – определяет то для какой версии Joomla написан модуль. В тегах <name>…</name> ,<author> …</author> ,<creationDate>…</creationDate> ,<copyright>…</copyright>, <license>…</license>, <authorEmail>…</authorEmail> ,<authorUrl>…</authorUrl>, <version>…</version> ,<description>.. .</description> размещена описательная информация, касающаяся даты создания продукта, его автора и копирайт. Далее идет основной блок документа:

<files>

<filename module=»mod_myicq»>mod_myicq.php</filename>

<filename>mod_myicq.xml</filename>

</files>

Тут определяются все файлы, которые будут входить в наш модуль. Имя модуля должно обязательно соответствовать файлу, которым он будет запускаться. В тег <config>…</config> записывается конфигурация будущего модуля с обозначением полей и класса суффикса модуля.

Файл, отвечающий за выполнение задачи модуля(в нашем случае отображение стаnуса ICQ – online или offline) — mod_myicq.php.  В нем хранится следующий код:

<?php

/**

* @version 1.0

* @package ICQ_online ?

* @copyright © Koborzhenkov

* @license http://www.gnu.org/copyleft/gpl.html GNU/GPL

*/

defined(‘_JEXEC’) or die;

?>

<img src=»http://wwp.icq.com/scripts/online.dll?icq=628887206&img=21″

border=»0″ alt=»Статус ICQ» />

С помощью функции defined(‘_JEXEC’) or die; мы запрещаем доступ к модулю напрямую пользователем и разрешаем доступ к файлу только СMS Joomla.

C помощью

<img src=»http://wwp.icq.com/scripts/online.dll?icq=628887206&img=21″

border=»0″ alt=»Статус ICQ» />

получаем картинку с сервера ICQ соответствующую статусу on/off, принадлежащую номеру ICQ — 628887206. Цифра 21 говорит о том, какой стиль картинки будет использоваться (ICQ нам предоставляет разные стили от 1 до 27, для того, чтобы можно было подобрать под дизайн сайта).

Чтобы посмотреть, как работает программный модуль нужно его установить. Для этого два наших файла запаковываем в архив mod_myicq.zip. Идем в админку Joomla и устанавливаем обычным способом наш модуль. Теперь заходим в список модулей, находим наш модуль и опубликовываем его. На сайте появилось изображение ICQ с отображение статуса Online или Offline, в зависимости от того, находится ли консультант в ICQ или нет (рисунок 3.50).

Рисунок 3.50– Консультант Online

Глава 4. Руководство пользователя

Чтобы войти в систему управления, необходимо в адресную строку браузера (Opera, Mozilla Firefox, Google Chrome, Internet Explorer) написать следующую строку:

http://<домен.зона>/administrator (или просто <домен.зона>/ administrator), где <домен.зона> это адрес сайта.

После этого отображается форма авторизации, где необходимо  в соответствующие поля ввести имя пользователя и пароль (рисунок 4.1).

Рисунок 4.1 – Вход в Joomla

При нажатии на кнопку «Войти» и при правильных учетных данных, пользователь входит на главную страницу системы управления Joomla. Ссылка «Забыли свой пароль?» предназначена для восстановления пароля. Новый пароль будет выслан на электронную почту, указанную в профиле пользователя. После чего, открывается  панель управления.

Панель управления содержит информацию о пользователях, добавленных материалах и инструментах для их редактирования в панели меню слева и расширенное меню сверху (рисунок 4.2).

Узнай стоимость написания такой работы!

Ответ в течение 5 минут!Без посредников!
Рисунок 4.2 – Вход в Joomla

4.1. Пользователи

Пользователи в Joomla могут принадлежать к разным группам. Группа пользователей определяет права, которыми обладает пользователь.

Во время установки Joomla создается один пользователь, который получает права суперадминистратора (Super Administrator). Ему присваивается имя «admin» и пароль, который вы указали при установке.

Группа Super Administrator имеет доступ ко всем функциям административной панели. Пользователи этой группы не могут быть удалены или переведены в другую группу. Поэтому надо быть внимательным, назначая права Super Administrator другим пользователям.

Группа Administrator имеет несколько урезанные права по сравнению с Super Administrator. Пользователи, принадлежащие к этой группе не могут:

  • добавлять и редактировать пользователей группы Super Administrator;
  • входить в раздел глобальных настроек (Global Configuration settings);
  • осуществлять массовую email рассылку;
  • изменять / добавлять шаблоны;
  • изменять / добавлять языковые файлы.

Группа Manager создана в основном для управления контентом на сайте. Пользователи этой группы могут авторизоваться в административной панели сайта, но не могут:

  • редактировать других пользователей;
  • устанавливать модули;
  • устанавливать компоненты;
  • иметь доступ к некоторым компонентам, указанным суперадминистратором.

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

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

Группа Editor позволяет пользователям добавлять и редактировать контент-информацию, созданную любым пользователем.

Publisher-группа может добавлять, редактировать и публиковать любую контент-информацию.

В меню «Пользователи» можно создавать пользователя, группы пользователей и определять их уровни доступа (рисунок 4.3).

Рисунок 4.3 – Меню «Пользователи»

4.2. Менеджер меню

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

Для того, чтобы создать новое меню нужно щелкнуть по вкладке «Меню» – «Менеджер меню» – «Создать меню» (рисунок 4.4).

Рисунок 4.4 – Менеджер «Меню»

Если щелкнуть по любому из созданных меню – мы перейдем к его редактированию (рисунок 4.5).

Рисунок 4.5 – Редактирование «Меню»

4.3. Управление заказами

Теперь, когда наш интернет-магазин разработан полностью —  интерфейс и функционал —  нам интересен вопрос манипуляции с поступившими заказами. После совершения покупки заказ автоматически попадает во вкладку «Заказы» панели joomshopping’a. Здесь мы видим всю информацию о заказе. Ненужные заказы можем удалять, можем изменять статус заказа. Например, после оформления заказа у него стоит статус «В процессе», если мы связались с покупателем и он подтверждает покупку заказа, то  меняем статус на «Подтвержден» (рисунок 4.6).

Рисунок 4.6 – Изменение статуса заказа

По аналогии, если прошел платеж по данному заказу, меняем статус на «Оплачен» и ставим галочку напротив «Уведомить покупателя» и покупатель уже будет ждать доставку своего заказа (рисунок 4.7).

Рисунок 4.7 – изменение статуса заказа на «Оплачен»

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

4.4. Анализ работы сайта

Для работы сайта необходимо иметь следующее программное обеспечение:

а) на стороне клиента:

  • Windows 7, Windows Vista, Windows Vista Service Pack 1, Windows XP Service Pack 2, Windows XP Service Pack 3;
  • один из современных браузеров (Opera, Mozilla Firefox, Google Chrome, Internet Explorer);

б) на стороне сервера:

  • поддержка PHP;
  • поддержка MySQL.

Сайт предъявляет следующие требования к аппаратному обеспечению:

— 32-разрядные системы: компьютер, оборудованный процессором Intel или совместимым процессором с тактовой частотой 1 ГГц или выше (рекомендуется 2 ГГц или выше, поддерживается только один процессор);

— 64-разрядные системы: процессор с тактовой частотой 1,4 ГГц или выше (рекомендуется 2 ГГц или выше, поддерживается только один процессор);

— минимальный объем ОЗУ 512 МБ (рекомендуется 1 ГБ или более);

— 1 ГБ свободного места на диске.

Чтобы сайт заработал в сети, необходимо:

  • зарегистрировать доменное имя;
  • приобрести хостинг;
  • произвести делегирование домена;
  • перенести базу данных;
  • перенести файлы сайта.

Разработанный сайт (интернет-магазин) обеспечивает пользователю следующие возможности:

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

Страницы:   1   2   3   4   5   6


Узнай стоимость написания такой работы!

Ответ в течение 5 минут!Без посредников!