Практическая работа 16 Тема 8/5. Создание Интернет-магазина на базе Joomla! МЕЖДУНАРОДНЫЙ БАНКОВСКИЙ ИНСТИТУТ
реклама
МЕЖДУНАРОДНЫЙ БАНКОВСКИЙ ИНСТИТУТ INTERNATIONAL BANKING INSTITUTE Практическая работа 16 Тема 8/5. Создание Интернет-магазина на базе Joomla! Цель — освоить Интернет-магазина. установку и конфигурирование сомпонента и модулей Задание: 1. Установить русифицированные компонент и главный модуль Интернетмагазина на учебный портал. 2. Настроить магазин и расширить каталог товаров. Технология выполнения 16.1. Установка компонента и главного модуля Интернет-магазина Полнофункциональный электронный магазин VirtueMart используется как дополнительный компонент Joomla!. Проект русской локализации магазина вначале назывался Virtuemart RE (http://virtuemart.ru). В кириллице этот проект пишется как «Виртуемарт РЕ», произносится также. Сокращенно проект называют по первым буквам VMRE, или в кириллице — ВМРЕ. По состоянию на ноябрь 2007 г. стабильная версия ВМРЕ 1.0.12. Базовый состав магазина включает два дистрибутивных архивных файла (рис. 16.1) — собственно компонента и основного модуля, обеспечивающего доступ к компоненту во внешнем интерфейсе портала. Рис. 16.1. Состав дистрибутивных файлов ВМРЕ 1.0.12 Установка базового комплекта магазина выполняется в следующем порядке. 1. Открыть административный интерфейс портала. При помощи панели управления (пункт меню Установка/удаление — Компоненты) установить компонент com_virtuemart_20070819[1].tar.gz из каталога Free_Access/Разработка электронного портала/Материалы по работе с Joomla!/Расширения Joomla!/Русифицир Магазин/. После загрузки файлов компонента появится диалоговое окно (рис. 16.2) для продолжения установки магазина — создания необходимых таблиц 1 МЕЖДУНАРОДНЫЙ БАНКОВСКИЙ ИНСТИТУТ INTERNATIONAL BANKING INSTITUTE в базе данных. Однако не торопитесь нажимать на кнопки в данном окне! Вначале выполните пункты 2 и 3. Рис. 16.2. Диалоговое окно продолжения установки магазина 2. Устанавливаемый компонент содержит две части — для внешнего и внутреннего интерфейсов портала, которые в свою очередь также заархивированы и при установке компонента не всегда распаковываются. Поэтому необходимо проверить их и при необходимости дораспаковать. Компонент магазина для внешнего интерфейса размещен в каталоге components/com_virtuemart (рис. 16.3). Если компонент оказался в архивированном виде, то следует распаковать его в текущую папку (рис. 16.4), а исходный архивный файл удалить. Рис. 16.3. Компонент магазина для внешнего интерфейса портала в архивированном виде 2 МЕЖДУНАРОДНЫЙ БАНКОВСКИЙ ИНСТИТУТ INTERNATIONAL BANKING INSTITUTE Рис. 16.4. Компонент магазина для внешнего интерфейса портала в распакованном виде Аналогично необходимо проверить, как установился компонент магазина для внутреннего административного интерфейса, который располагается в каталоге administrator/components/com_virtuemart (рис. 16.5). Если в составе файлов компонента оказался нераспакованный архив, то его также следует распаковать в текущую папку, приведя тем самым к виду рис. 16.6. Рис. 16.5. Состав компонента магазина для внутреннего интерфейса с нераспакованным архивом некоторых файлов 3 МЕЖДУНАРОДНЫЙ БАНКОВСКИЙ ИНСТИТУТ INTERNATIONAL BANKING INSTITUTE Рис. 16.6. Состав компонента магазина для внутреннего интерфейса с полностью распакованным архивом файлов 3. Перейти в панель управления внутреннего административного интерфейса портала (см. рис. 16.2). Если это окно по какой-то причине было закрыто, то следует открыть его через меню в разделе Компоненты, выбрав появившийся пункт VirtueMart RE. При установке магазина вместо панели управления магазином откроется диалоговое окно (см. рис. 16.2), при помощи которого можно продолжить установку магазина — сформировать таблицы базы данных. При этом возможны два варианта: первый — 4 МЕЖДУНАРОДНЫЙ БАНКОВСКИЙ ИНСТИТУТ INTERNATIONAL BANKING INSTITUTE создание пустых таблиц, а второй — создание таблиц с дампом демонстрационных данных в таблицах каталога товаров. Первый вариант реализуется при помощи кнопки Зайти в магазин, второй — Установить ДЕМОДАННЫЕ. В обоих случаях запускается скрипт administrator/components/com_virtuemart/install.php, в котором есть ошибка, не позволяющая установить демоданные. Так как в учебных целях нам полезно иметь демонстрационные данные, то следует исправить эту ошибку. Ошибка содержится в строке 151 — отсутствует символ / в пути к файлу с дампом данных sql/sql.sampledata.php (рис. 16.7). Рис. 16.7. Исправленная строка с именем файла дампа демонстрационных данных После устранения ошибки сохранить исправленный файл и в диалоговом окне продолжения установки магазина (см. рис. 16.2) нажать на кнопку Установить ДЕМОДАННЫЕ — база данных портала будет дополнена таблицами магазина и в таблицы каталога будут внесены демонстрационные данные. После этого откроется панель управления магазином (рис. 16.8), которая в дальнейшем будет доступна через пункт меню панели управления Компоненты — VirtueMart RE (рис. 16.9). 5 МЕЖДУНАРОДНЫЙ БАНКОВСКИЙ ИНСТИТУТ INTERNATIONAL BANKING INSTITUTE Рис. 16.8. Панель управления Интернет-магазина Рис. 16.9. Меню Компоненты с новым пунктом VirtueMart RE Установить главный модуль магазина для внешнего интерфейса (при помощи меню Установка/удаление — модули) из файла mod_virtuemart_1[1].0.7.tar.gz, расположенного в каталоге Free_Access/Разработка электронного портала/Материалы по работе с Joomla!/Расширения Joomla!/Русифицир Магазин/. Главный модуль показывает: категории RusVirtueMart; корзину; поле для поиска по товарам; поле для авторизации пользователей; ссылку для регистрации. 4. Найти установленный модуль (Главный модуль RusVirtueMart) в списке модулей портала (рис. 16.10), разместить его в желаемой позиции, 6 МЕЖДУНАРОДНЫЙ БАНКОВСКИЙ ИНСТИТУТ INTERNATIONAL BANKING INSTITUTE например вторым в позиции left, и опубликовать его, потому что вся навигация по категориям во внешнем интерфейсе сделана через этот модуль (рис. 16.11). Рис. 16.10. Панель управления модулями портала с выделенной строкой управления Главным модулем RusVirtueMart Рис. 16.11. Пример демонстрационного каталога магазина во внешнем интерфейсе портала 5. Познакомиться с системой навигации магазина во внешнем интерфейсе, используя демонстрационный каталог товаров. Сформировать корзину покупок (рис. 16.12) и оформить заказ на покупку товаров. 7 МЕЖДУНАРОДНЫЙ БАНКОВСКИЙ ИНСТИТУТ INTERNATIONAL BANKING INSTITUTE Рис. 16.12. Пример состава корзины в учебном магазине 6. Исследовать административные возможности по настройке параметров главного модуля (рис. 16.13), попробовать все варианты отображения категорий. Рис. 16.13. Форма с параметрами главного модуля магазина 8 МЕЖДУНАРОДНЫЙ БАНКОВСКИЙ ИНСТИТУТ INTERNATIONAL BANKING INSTITUTE 16.2. Настройка магазина и управление каталогом товаров 1. В административном интерфейсе портала открыть панель управления магазина (Компоненты — VirtueMart RE, см. рис. 16.8) и исследовать общие настройки магазина (Магазин — Настройки магазина) (рис. 16.14) — придумать название создаваемого магазина, логотип и т. п., убедиться, что пользователи портала стали пользователями магазина (Настройки — Пользователи) (рис. 16.15). Рис. 16.14. Настройки магазина Рис. 16.15. Список пользователей магазина 9 МЕЖДУНАРОДНЫЙ БАНКОВСКИЙ ИНСТИТУТ INTERNATIONAL BANKING INSTITUTE 2. Используя руководство пользователя RusVirtuemart (в отдельным файле), изучить возможности по администрированию магазина. 3. Создать новую категорию товаров Мебель (Товары — Добавить категорию) и перенести в нее все категории демонстрационных товаров, сделав их подкатегориями этой категории. Для этого необходимо в списке категорий (Товары — Список категорий) по очереди открыть каждую категорию и в информации о категории указать в качестве родительской категории Мебель (рис. 16.16). Рис. 16.16. Форма с информацией о категории 4. Создать новую произвольную категорию (верхнего уровня — Top Level), например Картинки, а в ней две подкатегории (например, Вокруг МБИ и Студенты МБИ) с набором из нескольких товаров-картинок с описанием. При формировании информации о создаваемом товаре (Товары — Добавить товар) обязательно заполнять поле Артикул, так как оно является идентификатором товара. Результаты просмотреть в каталоге и показать преподавателю (рис. 16.17 и 16.18)). Рис. 16.17. Пример списка категорий и подкатегорий каталога товаров 10 МЕЖДУНАРОДНЫЙ БАНКОВСКИЙ ИНСТИТУТ INTERNATIONAL BANKING INSTITUTE Рис. 16.18. Пример товара в каталоге товаров 5. Так как такой товар (фотографии) предполагает скачивание покупателем файлов изображений с высоким качеством, в корне портала необходимо создать каталог для скачиваемых файлов, например files, и указать его на вкладке Скачивание в Глобальной конфигурации магазина (рис. 16.19). Затем для каждого товара-файла на вкладке Габариты, вес добавить файл для скачивания покупателем (рис. 16.20). Новый файл загружается с использованием кнопки Обзор. Рис. 16.19. Форма установки параметров скачивая товаров-файлов из магазина 11 МЕЖДУНАРОДНЫЙ БАНКОВСКИЙ ИНСТИТУТ INTERNATIONAL BANKING INSTITUTE Рис. 16.20. Форма параметров товара Задание на самостоятельную работу Установить дополнительные модули для внешнего интерфейса магазина, изучить их назначение и правила конфигурирования: mos_productsnap_1.0.7.tar.gzhot — плагин Joomla! CMS, показывает товары внутри содержимого. mod_virtuemart_top_ten_1.0.7.tar.gzhot, показывает десять лучших по продажам товаров. Для работы требуется установленный главный модуль. mod_virtuemart_randomprod_1.0.7.tar.gzhot, выбранные случайным образом. показывает товары, mod_virtuemart_manufacturers_1.0.7.tar.gzhot, показывает список Производителей, вы можете просмотреть товары выбранного вами производителя. mod_virtuemart_latestprod_1.0.7.tar.gzhot, поступления в вашем магазине. показывает mod_virtuemart_feutureprod_1.0.7.tar.gzhot, со спецпредложением. последние показывает товары mod_virtuemart_cart_1.0.7.tar.gzhot, показывает корзину покупателя. mod_virtuemart_allinone_1.0.7.tar.gzhot показывает: — новинки (новые товары); лучший выбор (спецпредложения); бестселлеры (лучшие по продажам); случайным образом товары из RusVirtueMart. 12 модуль Joomla! CMS, МЕЖДУНАРОДНЫЙ БАНКОВСКИЙ ИНСТИТУТ INTERNATIONAL BANKING INSTITUTE mod_productscroller_1.0.7.tar.gzhot — модуль Joomla! CMS для отображения прокрутки товаров из определенной категории. Можно задавать такие параметры, как количество товаров, скорость прокрутки и т. д. 13
