Після створення категорій товарів товарів, потрібно розміщати товари в on-lineмагазині. Для того, щоб добавити новий товар в магазин, потрібно в основному меню вибрати «Компоненты», потім пункт «VirueMart» (рис. 23). Після того, як перейшли на головну сторінку компонента «VirtueMart», потрібно вибрати «Товары», потім пункт «Добавить товар».

На рис. 27 розглядається приклад додавання нового товару .Для додавання необхідно:

1. В полі «Артикул» потрібно ввести актрикул нового товару.

2. Ввести назву товара в поле «Название».

3. Вибрати категорію товара із списка поля «Категории».

4. В полі «Цена товара» вказати ціну даного товара.

5. Ввести коротке описання товара в поле «Краткое описание».

5. Ввести повне описання товара в поле «Описание товара».

Рис. 27. Сторінка «Новый товар».

На сторінці «Новый товар» окрім основної вкладки «Информация о товаре» існує 4 додаткові вкладки:

1. Вкладка «Состояние товара» - в цій вкладці можна добавити інформацію про кількість товару, коли буде в наявності, спеціальні умови.

2. Вкладка «Габариты товара и вес» - в цій вкладці можна ввести габаритні параметри товару.

3. Вкладка «Изображения товара» - в цій вкладці можна загрузити зображення товара.

4. Вкладка «Сопутствующиме товары» - в цій вкладці можнга вибрати товри, які супутні даному товару.

2.4 Висновки

Згідно технічного завдання було створено сайт інтернет-магазин на базі CMSJoomla. Був створений дизайн сайта в виді шаблона, який використовується в системі управління вмістом Joomla. На головній сторінці розміщено логотип веб-сайта, основне меню сайту (для навігації по його структурі), форму аутентифікації (входу зареєстрованих користувачів), реєстраційне посилання (реєстрація нових клієнтів). Також сайт має початкові категорії товарів та початкові товари для відображення працездатності інтернет-магазина. Окрім каталогу товарів сайт має інформативні сторінки, які мають інформативний вміст для користувачів і корисну інформацію для клієнтів інтернет-магазину.

Висновок

В ході виконання випускної кваліфікаційної роботи був отриманий повнофункціональний веб-сайт, повністю готовий до застосування. Даний сайт орієнтований для широкого спектру застосування в on-line торгівлі. З його допомогою користувачі зможуть отримувати необхідну інформацію про товар, а також можливість купівлі товару. При розміщенні його в глобальній мережі географія розповсюдження зростає до масштабів всього світу.

При розробці веб-сайта були проаналізовані сучасні веб-технології, що дозволяють створювати інтерактивні веб-сторінки. Найбільш відповідними для виконання поставленого завдання виявилися Macromedia Dreamweaver MX 2004 і Joomla 1.5.

Розроблений сайт задовольняє всім вимогам, поставленим на етапі постановки завдання. При розробці веб-сайта були використані готові модулі аутентифікації, голосування, on-line магазин і здійснення пошуку по сайту. Дані модулі були допрацьовані з урахуванням специфіки веб-сайта і успішно упроваджені в його структуру.

Як подальше вдосконалення веб-сайта представляється можливим розробка модулів доступу. Так само можливе доопрацювання інтерфейсу сайту з метою подальшого підвищення його інформативності, привабливості і зручності.

Використані джерела

1. «ВебDatabaseApplicationwithPHPandMYSQL», 2ndEditionByDavidLane, Hugh E. Williams. © O'Reilly, May 2004. ISBN: 0-596-00543-1.

2. CMSList. Огляд cms. Сайт про системи управління сайтом. http://www.cmslist.ru

3. JoomlaCMS по-російськи. http://joomlaportal.ru

4. Матеріал з Вікипедії — вільній енциклопедії про системи управління сайтом. http://ru.wikipedia.org/wiki/CMS

5. Contentmanagementsystem http://www.brutto.ru/informacija/uznat-bolshe/content-management-system

6. Joomla-инструменты. http://docs.joom.ru/!;C651=0O:Categories

7. CMS огляд: CMS, движок сайту, система управління сайтом, mambo, phpnuke, netcat, phpbb, invisionpowerboard, vbulletin. http://cmsobzor.ru/news.php

8. «Dreamweaver MX 2004 для "чайников".» Уорнер, Джанни, Гарднер, Сюзанна.

Пер. с англ. — М. : Издательский дом"Вильямс", 2004. — 352 с.

9. «PHP, MySQL и DreamweaverMX 2004. Разработка интерактивных Web-

сайтов.» Дронов В. А. — СПб.: БХВ-Петербург, 2005. — 448 с : ил.

10. «PHP and MySQL Web Development (4th Edition)», Luke Welling, Laura Thomson 848 стр., сил.;ISBN 978-5-8459-1574-0, 978-0-672-32916-6.

11. «Joomla! 1.5. Руководство пользователя», Колисниченко Д.Н., с ил.; ISBN 978-5-8459-1509-2; 2009,224 с.

12. «Движок для вашего сайта. CMS Joomla!. Slaed, PHP-Nuke». Колисниченко Д., СПб.: БХВ-Петербург, 368 с.,

13. «Joomla! Практическое руководство»., Норт Б., 448 с., СПб: Символ-Плюс.

14. «Самоучитель Joomla!»., Дэн Рамел, БХВ-Петербург, 2008 г., 448 с.

15. «Создание веб-сайтов с помощью Joomla! 1.5». Хаген Граф, Издательский дом"Вильямс", 304 с., 2009.

Додатки

Додаток А

Код шаблону сайта

<?php

// nodirectaccess

defined( '_JEXEC' ) ordie( 'Restrictedindexaccess' );

define( 'YOURBASEPATH', dirname(__FILE__) );

require( YOURBASEPATH.DS."styles.php");

require( YOURBASEPATH.DS."rt_styleswitcher.php");

JHTML::_( 'behavior.mootools' );

global $template_real_width, $leftcolumn_width, $rightcolumn_width, $tstyle;

global $js_compatibility, $menu_rows_per_column, $menu_columns, $menu_multicollevel;

global $overlay_style, $bg_style, $showcase_title, $showcase_text, $showcase_link, $body_text, $body_link, $primary_color;

$live_site = $mainframe->getCfg('live_site');

$template_path= $this->baseurl . '/templates/' . $this->template;

$preset_style = $this->params->get("presetStyle", "style3");

$overlay_style = $this->params->get("overlayStyle", "dark");

$bg_style = $this->params->get("bgStyle", "bgstyle3");

$showcase_title = $this->params->get("showcaseTitle", "#ffffff");

$showcase_text = $this->params->get("showcaseText", "#fffddd");

$showcase_link = $this->params->get("showcaseLink", "#21bddf");

$body_text = $this->params->get("bodyText", "#999999");

$body_link = $this->params->get("bodyLink", "#21bddf");

$frontpage_component = $this->params->get("enableFrontpage", "show");

$enable_ie6warn = ($this->params->get("enableIe6warn", 0) == 0)?"false":"true";

$font_family = $this->params->get("fontFamily", "refraction");

$enable_fontspans = ($this->params->get("enableFontspans", 1) == 0)?"false":"true";

$enable_inputstyle = ($this->params->get("enableInputstyle", 1) == 0)?"false":"true";

$inputs_exclusion = $this->params->get("inputsExclusion", "'.content_vote'");

$enable_featured_effects= ($this->params->get("featEffects", 1) == 0)?"false":"true";

$panel_hooks= $this->params->get("panelHooks", ".showcase-panel-trigger, a[href*=showcasemoduletrigger]");

$panel_fixheight= $this->params->get("panelFixHeight", 1);

$panel_height= $this->params->get("panelHeight", "337");

$panel_opacity= $this->params->get("panelOpacity", "0.9");

$panel_totop= $this->params->get("panelToTop", 1);

$panel_clickclose = $this->params->get("panelClickClose", 1);

$panel_closebutton= $this->params->get("panelCloseButton", 0);

$template_width = $this->params->get("templateWidth", "959");

$leftcolumn_width= $this->params->get("leftcolumnWidth", "210");

$rightcolumn_width= $this->params->get("rightcolumnWidth", "210");

$leftinset_width= $this->params->get("leftinsetWidth", "180");

$rightinset_width= $this->params->get("rightinsetWidth", "180");

$splitmenu_col= $this->params->get("splitmenuCol", "rightcol");

$menu_name = $this->params->get("menuName", "mainmenu");

$menu_type = $this->params->get("menuType", "moomenu");

$menu_rows_per_column = $this->params->get("menuRowsPerColumn");

$menu_columns = $this->params->get("menuColumns");

$menu_multicollevel = $this->params->get("menuMultiColLevel", 1);

$default_font = $this->params->get("defaultFont", "default");

$show_logo = ($this->params->get("showLogo", 1) == 0)?"false":"true";

$show_topbutton = ($this->params->get("showTopbutton", 1) == 0)?"false":"true";

$show_copyright = ($this->params->get("showCopyright", 1) == 0)?"false":"true";

$js_compatibility = ($this->params->get("jsCompatibility", 0) == 0)?"false":"true";

// moomenu options

$moo_bgiframe = ($this->params->get("moo_bgiframe'","0") == 0)?"false":"true";

$moo_delay = $this->params->get("moo_delay", "500");

$moo_duration = $this->params->get("moo_duration", "600");

$moo_fps = $this->params->get("moo_fps", "200");

$moo_transition = $this->params->get("moo_transition", "Sine.easeOut");

$moo_bg_enabled = ($this->params->get("moo_bg_enabled","1") == 0)?"false":"true";

$moo_bg_over_duration = $this->params->get("moo_bg_over_duration", "500");

$moo_bg_over_transition= $this->params->get("moo_bg_over_transition", "Expo.easeOut");

$moo_bg_out_duration= $this->params->get("moo_bg_out_duration", "600");

$moo_bg_out_transition = $this->params->get("moo_bg_out_transition", "Sine.easeOut");

$moo_sub_enabled= ($this->params->get("moo_sub_enabled","1") == 0)?"false":"true";

$moo_sub_opacity= $this->params->get("moo_sub_opacity","0.95");

$moo_sub_over_duration= $this->params->get("moo_sub_over_duration", "50");

$moo_sub_over_transition= $this->params->get("moo_sub_over_transition", "Expo.easeOut");

$moo_sub_out_duration = $this->params->get("moo_sub_out_duration", "600");

$moo_sub_out_transition= $this->params->get("moo_sub_out_transition", "Sine.easeIn");

$moo_sub_offsets_top= $this->params->get("moo_sub_offsets_top", "0");

$moo_sub_offsets_right = $this->params->get("moo_sub_offsets_right", "1");

$moo_sub_offsets_bottom= $this->params->get("moo_sub_offsets_bottom", "0");

$moo_sub_offsets_left= $this->params->get("moo_sub_offsets_left", "1");

require(YOURBASEPATH . "/rt_styleloader.php");?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >

<head>

<jdoc:include type="head" />

<?php

require(YOURBASEPATH . DS . "rt_utils.php");

require(YOURBASEPATH . DS . "rt_head_includes.php");

</head>

<body id="ff-<?php echo $fontfamily; ?>" class="<?php echo $fontstyle; ?> <?php echo $tstyle; ?> <?php echo $bg_style; ?> <?php echo $overlay_style; ?> iehandle">

<?php if ($show_logo == "true" or $mtype != "none" or $this->countModules('logo')) : ?>

<?php if ($this->countModules('logo')) : ?>

<?php elseif ($show_logo == "true") : ?>

<a href="<?php echo $this->baseurl; ?>" id="logo" class="png"></a>

<?php endif; ?>

<?php if($mtype != "none") : ?>

<?php if($mtype != "module") : ?>

<?php echo $topnav; ?>

<?php else: ?>

<jdoc:include type="modules" name="toolbar" style="none" />

<?php endif; ?>

</div>

<?php endif; ?>

</div>

<?php endif; ?>

Створення веб-сайту інтернет-магазину на базі CMS Joomla (стр. 7 из 8)

11. «Joomla! 1.5. Руководство пользователя», Колисниченко Д.Н., с ил.; ISBN 978-5-8459-1509-2; 2009,224 с.