76
СПИСОК ИСПОЛЬЗОВАННОЙ ЛИТЕРАТУРЫ
Источники на русском языке
1. Байков, В.Д. Интернет. Поиск информации. Продвижение сайтов. / В.Д.
Байков.− СПб.: БХВ, 2011.− 288 с.
2. Балабанов, И.Т. Электронная коммерция. / И.Т. Балабанов.− СПб:
Питер, 2001.− 336 с.
3. Брайан, Х. Книга веб-программиста. Секреты профессиональной
разработки веб-сайтов. / Хоган Брайан [и др.].− Питер, 2013.− 288 с.
4. Васвани, В. Zend framework. Разработка веб-приложений на PHP / В.
Васвани.− СПб.: Питер, 2012.− 430 с.
5. Гридасов, А.Ю. Информационные технологии в экономике и
управлении. / А.Ю. Гридасов, А.Г. Ивасенко, В.А. Павленко.− Из-во: КноРус,
2009.− 160 с.
6. Денни Гудман. JavaScript. Библия пользователя / Денни Гудман, Майкл
Моррисон - 5-е изд.− Москва, Санкт-Петербург, Киев: Дилектика, 2006.− 1175
с.
7. Дейт, К. Дж. Введение в системы баз данных. / К. Дж. Дейт - Из-во:
Вильямс, 2001.− 1328 с.
8. Дергачев, А. М. Проблемы эффективного использования сетевых
сервисов. Научно-технический вестник / А. М.Дергачев - СПбГУ ИТМО, 2011.−
87 с.
9. Кантарович, А.А., Электронная коммерция. / А.А. Кантарович, В.В.
Царев - СПб: Питер, 2002.− 320 с.
10. Кобелев, О. А. Электронная коммерция: Учебное пособие / О. А.
Кобелев; под ред. профессора С. В. Пирогова – 4е изд., перераб. и доп. – М.:
Издательско-торговая корпорация «Дашков и К», 2015.− 684 с.
11. Козырев, А.А. Информационные технологии в экономике и
управлении. / А.А. Козырев - СПб.: Изд-во Михайлова В.А., 2000.− 360 с.
12. Колисниченко, Д. Самоучитель Joomla! / Д. Колисниченко.− СПб.:
БХВ - Петербург, 2015.− 224с.
13. Конноли, Т. Базы данных. Проектирование, реализация и
сопровождение. Теория и практика. / Т. Конноли, К. Бегг - Из-во: Вильямс
2003.− 1436 с.
14. Крючков, М.Ю. Перспективы внедрения электронной коммерции в
России / М.Ю. Крючков.− М.: Экспресс, 2012.− с. 236.
15. Максимюк, К.С. Новый интернет для бизнеса / К.С. Максимюк. – М.:
Эксмо, 2011. – С.26-28.
16. Макфарланд, Д.С. Большая книга CSS / Д.С. Макфарланд.− СПб.: Изд-
во Питер, 2011.−560с.
17. Орлов, Л. В. Как создать электронный магазин в Интернет / Л. В.
Орлов - 2-е изд., 2006 - М.: Бук-пресс, 2006.− 384 с.− (Серия книг «Профи»)
77
18. Павлов, А. CGI-программирование / А. Павлов.− СПб.: Питер, 2001.−
416с.
19. Питер Кент. Поисковая оптимизация для чайников / Питер Кент - 4-е
изд.− Из-во: Вильямс, 2011.− 432 с.
20. Питер Лабберс. HTML5 для профессионалов: мощные инструменты
для разработки современных веб-приложений. / Питер Лабберс, Брайан Олберс,
Фрэнк Салим - Из-во: Вильямс, 2011.− 272 с.
21. Рева, О.Н. Java Script / О.Н. Рева.− М.: Эксмо, 2006.− 203 с.
22. Рублевская, Ю.В. Моделирование бизнеса в интернет-среде / Ю.В.
Рублевская, Е.В. Попов // Маркетинг в России и за рубежом. – 2001.−
№10.−С.15-18
23. Рэй, Э. Изучаем XML / Э. Рэй.− СПб.: Символ-плюс, 2001.− 540с.
24. Скляр, Д. PHP. Рецепты программирования / Д. Скляр.− СПб.: БХВ -
Петербург, 2007.−736с.
25. Скотт, Хокинс. Администрирование веб-сервера Apache и
руководство по электронной коммерции. / Хокинс Скотт - Из-во: Вильямс,
2001.− 336 с.
26. Смирнов, С.Н. Электронный бизнес. / С.Н. Смирнов - М.: ДМК Пресс;
М.: Компания АйТи, 2003.− 240 с.
27. Уоринг, Э. Joomla! Официальное руководство / Э. Уоринг, Дж.
Мэрриотт.− СПб.: Питер, 2014.− 496с.
28. Хаген, Граф Создание веб-сайтов с помощью Joomla! 1.5 / Г. Хаген -
Вильямс, 2009.− 304с.
29. Хомоненко, А.Д. Базы данных: Учебник для высших учебных
заведений. / А.Д. Хомоненко, В.М. Цыганков, М.Г. Мальцев - СПб.: КОРОНА
принт, 2002.− 736 с.
30. Шасанкар, К. Zend Framework 2.0 разработка веб-приложений. / К.
Шасанкар - СПб.: Питер, 2014.− 208 с.
31. Эрик, А. Мейер. CSS-каскадные таблицы стилей: подробное
руководство. / Мейер А. Эрик - М.: Символ, 2008.− 576 с.
32. Юрасов, А. В., Электронная коммерция / А. В. Юрасов, М: Дело, 2007.
Источники на иностранных языках
33. Strauss, Judy. E-marketing. / Judy Strauss, Raymond Frost -
Upper Saddle River: Prentice-Hall, 2001.− 496 p.
Электронные ресурсы:
34. 1С-Битрикс: Управление сайтом [Электронный ресурс].− URL:
https://www.1c-bitrix.ru/buy/cms.php - (Дата обращения: 05.01.2019).
35. Бесплатные движки для сайта: лучшие CMS [Электронный ресурс].−
URL: https://a-panov.ru/free-cms/ - (Дата обращения: 07.01.2019).
78
36. Какие способы оплаты существуют в интернет-магазине.
[Электронный ресурс].− URL: http://www.advantshop.net/help/pages/payment-
methods - (Дата обращения: 03.01.2019).
37. B2B или B2C - разберемся с терминами. [Электронный ресурс].− URL:
http://a-minin.ru/articles/b2b%20or%20b2c.html - (Дата обращения: 04.01.2019).
38. Пиксель Плюс. Продвижение самостоятельно. Что такое SEO?
[Электронный ресурс] - URL: https://pixelplus.ru/samostoyatelno/chto-takoe-seo/ -
(Дата обращения: 05.01.2019).
39. Добавьте свой сайт в Google [Электронный ресурс] - URL:
https://support.google.com/webmasters/answer/34397?hl=ru - (Дата обращения:
09.01.2019).
40. Справочное руководство по MySQL. Администрирование баз данных.
[Электронный ресурс].− URL:
http://www.mysql.ru/docs/man/MySQL_Database_Administration.html - (Дата
обращения: 05.01.2019).
41. Электронные торговые площадки [Электронный ресурс] - URL:
https://iecp.ru/e-torgi/etp-list - (Дата обращения: 02.01.2019).
42. Электронная B2B торговля находится в переломной точке
[Электронный ресурс] - URL: https://www.compo.ru/blog/elektronnaya-b2b-
torgovlya-nahoditsya-v-perelomnoy-tochke/ - (Дата обращения: 01.01.2019).
43. XAMPP [Электронный ресурс].− URL: http://all-freeload.net - (Дата
обращения: 04.01.2019).
44. Введение в JSON [Электронный ресурс] - URL:
https://www.json.org/json-ru.html - (Дата обращения: 03.01.2019).
45. Тостер - вопросы и ответы для IT-специалистов [Электронный ресурс]
- URL: https://toster.ru/tagversion?tag_id=171532 html - (Дата обращения:
07.01.2019).
79
ПРИЛОЖЕНИЕ А. Стили оформления из файла customStyles.css
A.1. Стили корзины
/*Внешний вид ссылки на корзину*/
.txtBsktLink{
color:#61372A; /*Цвет текста */
font-weight:bold; /*Жирный шрифт */
cursor:POINTER; /*Курсор мыши при наведении указателя на ссылку*/
text-shadow: lightgray 1px 1px 2px, lightyellow 0 0 1em; /*Тень символов*/
}
/*Внешний вид ссылки на корзину при наведении курсора мыши, курсор - палец*/
.txtBsktLinkOver{color:blue;font-weight:bold;cursor:POINTER;}
/*Текст сообщения о пустой корзине, курсор - системный по умолчанию*/
.txtBsktNorm{color:#000;font-weight:bold;cursor:DEFAULT;}
/*Внешний вид элемента информации о корзине*/
.basketInfo{
width:300px; /*Ширина элемента*/
height:18px; /*Высота элемента*/
/*Отрицательное значение внешнего поля поднимает элемент вверх*/
margin-top:-31px;
position:relative; /*Привязка положения к родительскому элементу*/
z-index:99; /*Размещение элемента поверх всех остальных*/
background:white; /*Цвет фона*/
text-align:center; /*Выравнивание содержащегося текста по середине*/
padding-top:3px; /*Внутреннее верхнее поле*/
border:2px solid lightgray; /*Толщина, тип и цвет обрамления*/
-moz-border-radius:5px; /*Скругление углов рамки (для браузеров Mozilla)*/
-webkit-border-radius:5px; /*Скругление углов рамки (для Safari и Chrome)*/
border-radius:5px; /*Стандарт CSS3*/
/*Параметры тени: сдвиг по X, сдвиг по Y, ширина, цвет + прозрачность*/
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.7); /* для Mozilla */
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.7); /* для Safari и Chrome */
box-shadow: 0 0 10px rgba(0,0,0,0.7); /* Стандарт CSS3*/
/* для IE до 9й версии*/
filter: progid:DXImageTransform.Microsoft.dropshadow(offX=-5, offY=6, color=#C0C0C0);
}
A.2. Стили меню
/*Внешний вид вертикальных меню "Каталог" и "Информация"*/
.menucontainer{
border:2px solid lightgray;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.7); /* Для Firefox */
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.7); /* Для Safari и Chrome */
box-shadow: 0 0 10px rgba(0,0,0,0.7); /* Параметры тени */
/*Внутренние поля: левое, верхнее, правое, нижнее*/
80
padding: 24px 2px 15px 5px;
}
/*Внешний вид меню 1-го уровня*/
.ulFirstLevel{
width: 98%; /*Ширина в процентах от ширины родительского объекта*/
margin-left:-30px; /*Сдвиг влево на 30 пикселей*/
}
/*Внешний вид меню 2-го уровня*/
.ulSecondLevel{
margin-left:0px; /*Убрать внешнее левое поле*/
border:1px solid gray;
background:lightyellow; /*Стандарт фона - светло-желтый*/
list-style-position:inside; /* Маркер отображается в элементе списка */
padding:3px
}
/*Внешний вид меню 3-го уровня*/
.ulThirdLevel{
border-bottom:1px solid lightgray;
list-style-type:none; /*Не показывать маркеры элементов списка*/
padding-left:0px;
background:#FAD8DE;
margin-left:0px
}
/*Показать подменю под буквой, выбранной в меню Информация -> О камнях*/
.lijletteractive{
display:block; /*Показать в виде блока*/
list-style-type:none; /*Не показывать маркеры списка*/
}
/*Буква, над которой находится курсор в меню Информация -> О камнях*/
.jewletterover{
background:pink;
/*!important означает отменить заданные ранее значения*/
color:lightyellow !important;
font-weight:bold;
font-size:8pt; /*Размер шрифта*/
padding:3px;
/*цвет, стиль и толщина внешней границы на всех четырех сторонах элемента*/
outline:1px dotted gray;
}
/*Внешний вид по умолчанию букв*/
.jewletterout{
color: violet !important;
font-weight:bold;
font-size:8pt !important;
text-decoration:underline; /*подчеркивание текста*/
padding:3px !important; /*одинаково заданы все внутренние поля для текста*/
}
/*Скрытые подменю под не выбранными буквами в меню Информация -> О камнях*/
.inlinelist{
81
display:inline; /*Все блочные элементы размещаются в одной строке*/
list-style-type:none /*Не показывать маркеры списка*/
}
/*Внешний вид ссылок меню 3-го уровня при наведении курсора и выборе*/
.inlinelist a:hover, .inlinelist a:active, .inlinelist a:focus{
background:white !important;
color:blue !important;
}
/*Внешний вид ссылок меню 1-го уровня при наведении курсора*/
.lihover{
width:95%;
background: #F5F5F5;
list-style-type: none;
padding-top:10px;
font-weight:bold;
border-bottom:1px solid lightgray; /*Нижняя часть обрамления*/
cursor:pointer; /*Курсор указывает как на ссылку*/
}
/*Внешний вид ссылок меню 1-го уровня по умолчанию*/
.liout{
width: 95%;
background: none;
list-style-type: square; /*Отображать квадратные маркеры списка*/
list-style-position: inside;
padding-top:10px;
color:lightgray;
font-weight:bold;
border-bottom:1px solid lightgray;
cursor:pointer;
}
/*Фон меню 2-го уровня Информация->О камнях*/
#jewList {
background:lightyellow;
}
А.3. Стили всплывающих окон
Всплывающие окна реализованы как ограниченные тегом <DIV> области
HTML документа, положение которых привязано к левому верхнему углу
области просмотра.
/*Формат контейнера для всплывающего окна*/
.popupCnt{
/*Показать прокрутку, если содержимое не помещается в контейнер*/
overflow:auto;
padding:20px;
}
/*Формат всплывающего окна сообщения*/
.popup_visible{
82
/*Объект постоянно находится в одном и том же месте экрана*/
position:fixed;
z-index:99;
/*Отступ слева относительно левого верхнего угла области просмотра*/
left:-10px;
/*Верхний отступ относительно левого верхнего угла области просмотра*/
top:0;
background:#FFFFE0;
border:thick solid #AEAEAE; /*Рамка жирная, сплошная, цвета #AEAEAE */
-moz-box-shadow: 0 0 15px rgba(0,0,0,0.8); /* Для Firefox */
-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.8); /* Для Safari и Chrome */
box-shadow: 0 0 15px rgba(0,0,0,0.8); /* Параметры тени */
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
}
/*Формат заголовка всплывающего окна*/
.popupTitle{
color:#FFF;
/* Насыщенность шрифта. Значение устанавливается от 100 до 900 с шагом 100.
Сверхсветлое начертание, которое может отобразить браузер, имеет значение
100, а сверхжирное — 900. Начертание шрифта по умолчанию эквивалентно 400,
стандартный полужирный текст - 700*/
font-weight:800;
font-family:Arial;
font-size:11pt;
cursor:DEFAULT;
padding-left:7px
}
/*Внешний вид корзины в виде вертикальной ленты*/
.orderedPopUp{
position:fixed;
z-index:99;
left:0;
top:0;
width:90px;
height:75px;
background:#FFFFE0;
border:2px dashed red; /*Красная пунктирная рамка толщиной 2 пикселя*/
padding:5px;
}
.hidden{display:none;} /*класс для сокрытия элементов*/
.exitBar{ /*верхняя часть всплывающего окна, с кнопкой выхода*/
background: #61372A;
-moz-user-select: none; /*для браузеров на движке Mozilla*/
-webkit-user-select: none; /*для браузеров Chrome и Safari */
-user-select: none; /*стандарт CSS3*/
}
.backWnd{ /*верхняя часть всплывающего окна, которое не в фокусе*/
background: #CACACA;
83
-moz-user-select: none; /*для браузеров на движке Mozilla*/
-webkit-user-select: none; /*для браузеров Chrome и Safari */
user-select: none; /*для Opera*/
}
84
ПРИЛОЖЕНИЕ Б. Коды клиентских и серверных сценариев
Б.1. Основной компонент для просмотра каталогов com_jCatalog.
Имеет структуру MVC (Model – View - Controller). Роль View (Вид) выполняет
файл jCatalog.php. Его задача разобрать и отобразить данные, полученные от
контроллера – файла getItems.php, который выступает посредником между БД и
Видом. Листинг jCatalog.php представлен ниже.
<?
defined('_JEXEC') or die('файл не найден'); /* допускается исполнение файла
только из среды Joomla!*/
define('NUMROWS',5); /* для пагинатора: количество строк, отображаемых в
каталоге*/
require_once('defaults.php'); /*загрузка настроек и значений по умолчанию*/
require_once('getItems.php'); /*загрузка контроллера, возвращающего каталог
изделий в объекте $res */
$itemName = $res[0]->itemName; // запомнить наименование изделия
?>
<!-- Отображение названия изделия над таблицей каталога -->
<h3 id="jcatalog_title" align="center" style="text-align:center"></h3>
<!-- Отображение таблицы каталога -->
<div align="center" style="margin-bottom:0px"><table rules="rows" width="100%"
id="tbl_cat" cellpadding="5px" style="border:1px solid navy">
<tr style="text-align:center;background:lightgray">
<?foreach($res[0] as $fldName=>$val){ if($fldName=='morePicts' ||
$fldName=='itemName') continue;
if($fldName=='artikul'){?> <!-- столбец "Артикул подменяется столбцом со
списками камней, соответствующих изделию" -->
<!-- JText::_ - метод фреймворка Joomla! для корректного отображения текста, в
зависимости от выбранного языка сайта -->
<th>')?>th>
<!-- Значения констант JEWELS, NOPHOT, CATALOGIMGTITLE и др. указаны в
файле /language/ru-RU/ru-RU.com_jCatalog.ini -->
?>
<th></th>
}?>
</tr>
<?
$count = 1; # для формирования уникального индекса строки таблицы
foreach($res as $row){
# чередование фона строк, для удобочитаемости
$trStyle = ( $count % 2 ) ? '' : 'style="background:lightgray"';
$curID = $row->itemID;
$artikul = $row->artikul;
?>
<tr id="Tr<?=$curID?>" =$trStyle?>>
<?
foreach($row as $k=>$v){
85
if($k=='curJwls' || $k == 'itemName') continue;
if($k=='morePicts') break;
# если требуется отобразить фото изделия
if($k=='flName' && $v != JText::_('NOPHOT')){
$flInfoArr = explode('|', $v);
$onclick = '';
$photPath = '';
$title = '';
$style = ' style="cursor:default;"';
# проверка на существование файла - фотографии изделия
if(file_exists(jCat_PHOT_ITEMS.$flInfoArr[0])){
$onclick = ' onclick="enlargePhot(this,\''.$row->itemName.'\')"';
$photPath = ' photPath="'.$flInfoArr[0].'"';
$title = JText::_('CATALOGIMGTITLE');
$style = ' style="cursor:pointer;"';
$morePicts = isset($row->morePicts) ? ' morePicts="'.$row-
>morePicts.'"' : '';
$v = '<img class="tblimg"
id="comJcatalog_'.$curID.'_'.$artikul.'" '.$onclick.' parentFolder="'.jCat_PHOT_ITEMS.'"
'.$photPath.' alt="'.JText::_('NOPHOT').'" src="" width="'.$flInfoArr[1].'"
height="'.$flInfoArr[2].'" title="'.$title.'"'.$style.' fullsizeW="'.$flInfoArr[3].'"
fullsizeH="'.$flInfoArr[4].'" '.$morePicts.'>';
}else $v = 'нет фото';
}
$curId = $count.'_'.$k;
?>
<!--Вместо артикула подставляется список соответствующих камней-->
$curJwls = '';
foreach($row->curJwls as $jwlRow) $curJwls .= '<div
onclick="getDbRowData(this.id,this.innerHTML)" class="txtBsktLink" style="text-
align:center" onmouseover="this.className=\'txtBsktLinkOver\'"
onmouseout="this.className=\'txtBsktLink\'" id="'.$jwlRow->jewID.'_jewels">'.$jwlRow-
>jewelName.'</div>';
if(!$curJwls) $curJwls = '-';
?>
<td align="center" id="td_jewels_"
title=""><?=$curJwls?></td>
<td align="center" id="td__"
title="">=$v?></td>
<?}} $count++; //end foreach?>
<!-- Строки таблицы заканчиваются чекбоксами для помещения в корзину-->
<td align="center" id="tdChk_"
title=""><input id="
>itemID?>_box" type="checkbox" onclick='if(this.checked)
orderItem(this.id.replace("_box",""), event.screenX, event.screenY,"","<?=$artikul?>");
else denyOrderItem(this.id.replace("_box",""))'></td>
</tr>
<?}?>
</table></div>
<!-- Подключить пагинатор внизу таблицы-->