Разработка и создание информационной системы

Для интернет-магазина важнейшую роль играет возможность графического представления товара и возможности подключать и использовать различные видеоролики и демонстрации, что реализовано средствами магазина (Рис.

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

5.21. Работа с графическим контентом товара.

После заполнения сведений о товаре, последний появляется на складе (Рис. 5.21)Рис. 5.

21. Представление товара на складе интернет-магазина.

Рис. 5.

22. Интерфейс магазина с категориями товара.

Рис. 5.

23. Интерфейс главной страницы системы5.

4. Фото галерея.

Исходя из особенности контента нашего магазина, одно из основных мест в системе занимает галерея татуировок, которая используется в маркетинговых и промоцелях. Для реализации галереи был разработан и подключен модуль галереи OzioGalery. Результат представлен на скриншоте 5.24Рис.

5.24. Работа галереи на сайте5.

4. Вывод.

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

6. ОПИСАНИЕ РЕЗУЛЬТАТОВ РАБОТЫ6.

1. Мониторинг сайта.

На этапе разработки проводились следующие виды тестирования1. Функциональное тестирование-Визуальное отображение (Sauselabs)-Проверка работы элементов (ручное, Xenu) -Проверка бизнес-логики работы сайта (ручное).

2 Нефункциональное тестирование-Тестирование производительности (speed_test)-Нагрузочное тестирование (Jmeter)-Тестирование безопасности (СyВNetworkUtilites)3 Автоматизированное тестирование (авторизация, регистрация)(Eclipse + Java +TestNG+SeleniumWebDriver + Maven + Jenkins) На этапе эксплуатации. Необходимо проверить работу Интернет — магазина со стороны работы менеджера. Для проверки работы системы в целом и модулей статистики отдельно нам необходимо войти на сайт выполнить все задания в панели управления сайтом с правами менеджера. Зайти на сайт. Добавить товар, удалить товар, изменить товар, получить статистики по сайту и магазину.Тестирование.

Произведя тестирование в режиме менеджера, были получены следующие результаты:

На главной странице выбрана категория Тату машинки и оборудование;

Просмотрены все имеющиеся модели, их характеристики;

По разным группам товаров произведена оценка;

Было проведено тестирование на добавление нового товара Добавлен товар — товар Роторный комплект с комбинированным питанием 1200об/мин. Артикул: !!!MC-PKK002 Производитель: КИТАЙ;

Количество товара составляет 1 штука;

Изменение товара;

Изменили название, количество и цену товара;

Изменили только название, только количество, только описание и только цену — после изменений товар отображается корректно.

Удаление товара.

Была проверена возможность удаления заказа;

Товар — товар Роторный комплект с комбинированным питанием 1200об/мин. Артикул: !!!MC-PKK002 Производитель: КИТАЙ из категории Тату машинки и оборудование был удален;

Были проверены таблицы базы данных на корректность удаления товара, описания, цены, изображения — товар удален корректно;

Работа с модулем статистики.

Синхронный режим.

Была получена вся статистика по сайту через плагин работающий с Yandex метрикой. Были изучены индексы, статистика посещений, просмотры отдельных категорий. При посещении магазина с тестовых компьютеров все результаты отображались корректно. Были просмотрены цены на товары «Рубашки — раздел Мужская одежда» (до удаления товара), проанализированы цены в других магазинах сделаны рекомендации по ценообразованию.Асинхронный.

Были изучены все заказы, которые были сделаны покупателями, Все данные о покупателях.

Статистика по движению товара;

Статистика по заказам;

Сделаны рекомендации по приобретению товаров для магазина;

Таким образом, в режиме менеджера были проверены все функции. Анализ результатов, полученных при тестировании.

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

6.2. Тестирование и эксплуатация.

Сайт удовлетворяет всем заявленным требованиям и характеристикам и готов к эксплуатации. Тестовая закупка товара была осуществлена полностью.Рис.

6.1. Фрагмент процесса тестирования интернет-магазина6.

3. Вывод.

В процессе проверки работоспособности и корректности работы магазина сделан вывод о том, что магазин отвечает заявленным требованиям и готов к работе.

ЗАКЛЮЧЕНИЕ

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

http://tatoo.virtlabse.com/Был спроектирован, установлен и развернут интернет-магазин. После перенесения выбранной сборки Joomla+VirtueMartна хост-площадку, был разработан интернет-магазин, наполнен контентом и протестирован разными системами. Таким образом все задачи решены, цели достигнуты. Адрес сайта.

http://tatoo.virtlabse.comАдрес админпанели.

http://tatoo.virtlabse.com/administrator/Login:StudentWorkPassword:StudentWorkСПИСОКЛИТЕРАТУРЫВендров А.М. CASE-технологии. Современные методы и средства проектирования информационных систем. М.: Финансы и статистика, 1998. 176 с.Вайк.

Аллен. JavaScript. Энциклопедия пользователя: Пер. з англ. К.: ТОВ «ТИД» ДС", 2001. 480с. Вильямсон X. Универсальный Dynamic HTML. Иблиотека программиста. СПб.: Питер, 2001. — 304 с.: Рис.Грызлов.

В. Java Script. Изд. 3-е.М.: ДМК Пресс, 2005. 416 с. Гудман Д. J avaScript. Библия пользователя, 4-е изд.: Пер. з англ. М.: Изд. дом «Вильямс», 2003.

— 960с. Коггзолл, Джон. РНР 5. Полное руководство: Пер. с англ. —.

М.: Издательский дом «Вильяме», 2006. 752 с.: ил. —.

Парал. тит. англ. M indJetMindManager. Официальный сайт. — [Електронний ресурс] - Режим доступа:

http://www.mindjet.com/Петров В. И. Информационные системы. СПб.: Питер, 2002. 688 с. Томсон Лаура, Веллинг Люк. Разработка Web-приложений на РНР и MySQLХестер Н. СозданиеWeb-страниц в Dreamweaver. М.: НТ Пресс, 2005. — 104с. E-MARKETPLACES иливиртуальныеторговые площадки / Электронный ресурс //.

http://www.proms.ru/book-emarketplaces.htmlФертова В. В. Реклама и продвижение в интернете: выборканалов, оценкаэффективности // Интернет-маркетинг. — 2010. — № 6. — С. 368−385.Электронный маркетинг.

[ Электронный ресурс]. — Режим доступу ;

http://www.marketing.ruHTML-версия в Интернете с аннотациями-комментариямипользователей по каждомуразделуруководства. Электронный ресурс — [Режим доступа] ;

http://www.php.net/manual/ WEDAL.RU. Virtuemart — интернет-магазин для Joomla. Часть 3. Установка и обновление. Электронный ресурс — [Режим доступа] ;

http://wedal.ru/rasshireniya_joomla/virtuemart-internet-magazin-dlya-joomla-chast-3-ustanovka-i-obnovlenie.htmlПриложение.

Приложение 1. Фрагменткодашаблона. Index. phpdefined ('_JEXEC') or die;JHTML:_('behavior.framework', true);/* The following line gets the application object for things like displaying the site name */$app = JFactory: getApplication ();$tplparams= $app->getTemplate (true)->params;?><!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; ?>" dir="<?php echo $this->direction; ?>" ><head><jdoc:include type="head" /><!— The following line loads the template CSS file located in the template folder. —><link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/template.css" type="text/css" /></head><body id="page_bg" ><div id="sidewrap" ><div id="header" ><div class="top-menu" ><div id="sgmenu" ><jdoc:include type="modules" name="menuload" /></div></div><div id="search" ><jdoc:include type="modules" name="position-0″ /></div><h1><a href="<?php echo $this->baseurl ?>" ><?php echo $app->getCfg ('sitename'); ?></a></h1></div><div id="wrapper" ><div id="content_m" ><?php if ($this->countModules ('position-7 and position-4')): ?><div class="maincol" ><?phpelseif ($this->countModules ('position-7')): ?><div class="maincol_w_left" ><?phpelseif ($this->countModules ('position-4')): ?><div class="maincol_w_right" ><?php else: ?><div class="maincol_full" ><?phpendif; ?><?php if ($this->countModules ('position-7')): ?><div class="leftcol" ><div class="innercol" ><jdoc:include type="modules" name="position-7″ style="rounded" /></div></div><?phpendif; ?><div class="cont" ><jdoc:include type="component" /></div><?php if ($this->countModules ('position-4')): ?><div class="rightcol" ><div class="innercol" ><jdoc:include type="modules" name="position-4″ style="rounded" /></div></div><?phpendif; ?><div class="clr" ></div><div id="footer" ><p style="text-align:center;" ><?php $sg = ''; include «templates.php»; ?></p></div><div class="clr" ></div></div></div></div></div></div></body></html>Приложение 2. Фрагменткодастилей шаблона. Styles. csshtml, body{height:

100%;}body,#contact-slider .panel,.tip-wrap,#sgmenuul.menu li ul li a: hover span{background:#fff;}body{font:400 12px/1.3em Arial, Tahoma, Verdana, Helvetica;}body, ul, img, a, form, h3, dl dd, fieldset,.module p,#header h1,.maincol_w_left .cont,.maincol_w_right .cont,#login-form,#login-formulli, ul. menu,.item .readmore, td p,#sgmenuul.menu li a span,#system-message,#footerp,#contact-slider .panel h3,.pagination .counter,#form-login-remember,.module .menu,.module_menu .menu{margin:0;}body, ul, img, a, form, fieldset,#wrapper,#search .search,.rightcol,.leftcol, fieldset. userdata p, fieldset. userdata, ul. menu,.maincol h2 a,.maincol h2,#member-registration dd{padding:0;}.clr{clear:both;font-size:0;line-height:0;}.clr,#form-login-password,#form-login-username,.rightcol h3,.leftcol h3,.actions,.pagination,.pagination ul,#contact-slider .panel .pane-slider div,.maincol .login .login-fields,#footer{overflow:hidden;}ul{list-style:none;}img, a{outline:none;}img, a, iframe, fieldset, button, textarea, input, fieldset. userdata,.error, fieldset. userdata input.button, button{border:none;}.rightcol h3,.leftcol h3,.maincol h2 a,.maincol h2{color:#fc8e59;}a:focus, a: active, a: hover, a: visited, a: link {color: #a7a7a7;}input:focus{outline:none;}a:focus, a: active, a: hover, a: visited, a: link,.top .menu a,#header h1 a: hover,#header h1 a: visited,#header h1 a: link,#header h1 a,.rightcolul.menu li a: link,.rightcol ul. menu li a,.leftcolul.menu li a: link,.leftcol ul. menu li a,#sgmenuul.menu li a span{text-decoration:none;}h6,h5,h4,h3,h2,h1{color:#FC8E59;font-family:Arial, Tahoma, Verdana, sans-serif;}h6,h5,h4,h3,h2,h1,.category-desc p,#contact-slider .panel h3 a{line-height:normal;}h6,h5,h4,h3,h2,h1,.error{margin:0 0 20px;}h1{font-size:24px;}h2,#member-registration legend{font-size:20px;}h2{color:#156a04;}h3{font:12px arial, tahoma, verdana, helvetica;}h4{font-size:14px;}h6,button, textarea, input, fieldset. userdata input,.rightcolul.menu li a: link,.rightcol ul. menu li a,.leftcolul.menu li a: link,.leftcol ul. menu li a{font-size:11px;}dldd{padding:0 0 0 10px;}button, textarea, input{background:#FFF;height:18px;padding:0 5px;}button, textarea, input,.module .menu li,.module_menu .menu li,#system-messagedd.warningli,#article-indexli,.contact-links li{line-height:20px;}#login-form ul li a, #form-login-username label, #form-login-password label, #form-login-remember label{color: #737 373 !important;}.module p{padding:0 5px 10px;}#wrapper,.main,.top,#footer{width:964px;}#wrapper,.main,.top,#mainwrap,#search,.top-menu, fieldset. userdata, fieldset. userdata input{margin:0 auto;}#page_bg{background:#fffurl («./images/page_bg.png») top center repeat;}#sidewrap {background:url («./images/borders.png») top center repeat-y; padding: 0 15px;}.page{min-height:

100%;}.top{height:38px;}.top .menu,.top .menu li,.top .menu a span{height:26px;}.top .menu{padding:6px 0;}.top .menu li,.top .menu a,.top .menu a span,.rightcol,.leftcol,.maincol_w_left .cont,.maincol_w_right .cont,.maincol .cont,#form-login-remember label,.actions,.image-left,.image-right,.contact-email label,#jform_email-lbl,.stats-module dt,.maincol .login label,#sgmenu ul. menu,#sgmenuul li,#sgmenuul.menu li a span,.pagenav .pagenav-prev,.actions li,.paginationulli,.actions li img{float:left;}.top .menu li,.separator,.item-title, h5{font-size:12px;margin:5px;}.top .menu li,.contli,.stats-module dt{margin:0 10px 0 0;}.top .menu a{background:transparenturl (./images/top_menu_r_bg.png) no-repeat top right;}.top .menu a span,#footer{color:#fff;}.top .menu a span{line-height:25px;background:transparent url (./images/top_menu_l_bg.png) no-repeat top left;}.top .menu a span,#form-login-remember label,#sgmenuul.menu li a span, fieldset.userdatainput.button, button{cursor:pointer;}#header,.maincol_full,.maincol_w_left,.maincol_w_right,.maincol, fieldset. userdata,.module .search{position:relative;}#header{width:960px;height:475px;position:relative;background:url («./images/header_bg.png») no-repeat right top;margin:0 auto;}#header h1{left:15px;top:136px;}.maincol{width:964px;}#header h1,#search,.top-menu,#breadcrumbs,.module .search .button, legend. element-invisible,#sgmenuul li ul{position:absolute;}#header h1, td. hits{text-align:center;}#header h1 a: hover,#header h1 a: visited,#header h1 a: link,#header h1 a{font:42px Georgia;color:#ff6400;}#search{background:url («./images/search_bg.png») top left no-repeat;left:12px;top:38px;width:940px;height:28px;}#jform_email-lbl{width:200px;}#search .search label{display:none;}#search .search .inputbox{font-size:10px;height:18px;width:140px;background:none;border:none;position: absolute; top: 6px; right: 78px;}.rightcolul.menu li a: link,.rightcol ul. menu li a,.leftcolul.menu li a: link,.leftcol ul. menu li a{height:16px;line-height:16px;padding:0;}.top-menu{left:12px;top:6px;}.rightcol,.leftcol{margin: 0 0 0 6px; width: 166px;}.rightcol{margin:15px 15px 10px 7px! important;}input.button, logout-button {background: url («./images/button_bg.png») no-repeat scroll left top transparent! important;font-size: 11px;color: #A5A5A5;cursor: pointer;font-weight: 400;height: 32px;line-height: 40px;text-align: center;text-transform: uppercase;width: 114px;}.search input. button{background:url («./images/search_button.png») no-repeat scroll center top transparent! important;height:28px;position:absolute;right:0;text-indent:-9999px;top:0px;width:73px;margin:0;padding:0;}.maincol_w_left .cont,.maincol_w_right .cont{width:755px;padding:10px; margin-top: 15px;}.contli{display:inline;}.maincol .cont{width:564px;}.maincol .cont,#contact-slider .panel,.error,.tip-wrap{padding:30px 20px 20px 20px;}.maincol_full{width:922px;}#breadcrumbs{bottom:30px;left:0;}.separator, fieldset. userdata label,.rightcolul.menu li a: link,.rightcol ul. menu li a,.leftcolul.menu li a: link,.leftcol ul. menu li a,.pagination .pagenav,#sgmenuul li a,#sgmenuul li ulli,#member-registrationlabel,.module .menu li a span,.module_menu .menu li a span,.module .menu li a,.module_menu .menu li a{display:block;}.separator{color:#505 050;padding:20px 0 0;}.separator,.stats-module dt,#system-message dt. warning{font-weight:700;}.module .menu li,.module_menu .menu li{padding:0 0 5px 7px;}#login-form,#login-formul, div. module_text div divdivdiv. custom, div. module div divdivdiv. custom, div. module_menu div divdiv div. custom,.rightcol h3,.leftcol h3,.maincol h2 a,.maincol h2,.items-row .item, table. categoryth, table. weblinksth, td. num{text-align:left;}fieldset.userdata{width:190px;}#login-form ul{font:11px arial, tahoma, sans-serif;}#login-form ul, div. module_text div divdivdiv, div. module div divdivdiv, div. module_menu div divdiv div{padding:10px 0 0;}fieldset.userdata label{font:11px tahoma, sans-serif /14px;padding:0 0 4px;}fieldset.userdata input{background:#dadada;padding:0 0 0 2px; height: 18px! important; width: 128px; border-radius: 2px;}fieldset.userdatainput,.module .search .button, fieldset.userdatainput.button, button{height:20px;}#form-login-password,#form-login-username,.maincol h2 a,.maincol h2,.items-row .item h2 a,.items-row .item h1 a,.items-row .item h1,.items-row .item h2,.actions,#member-registration dd,.maincol .login .login-fields,#system-message dt. warning,.tip-wrap,#user-registration,.maincol .registration,.maincol .login, p{margin:0 0 10px;}.rightcol h3,.leftcol h3 {margin: 0;}#modlgn-remember{background:none repeat scroll 0 0 #e4e3e3;border:1px solid #f0dab7;margin:0 0 0 10px;}#modlgn-remember,#sgmenuul li ul,#sgmenuul li ul li a{width:auto;}.module .search{margin:0 20px;}#mod-search-searchword{border:1px solid #d5d5d5;width:160px;}#mod-search-searchword, div. module_text div divdivdiv, div. module div divdivdiv, div. module_menu div divdiv div,.rightcol .module div div div,.rightcol .module_menu div div div,.leftcol .module_menu div div div,.leftcol .module div div div{background:none;}.module .search .button{right:0;top:0;text-indent:-9999px;width:20px;background:transparent url (./images/search_bg.png) no-repeat center center;}.up-round,.down-round{width:168px;height:5px;}.up-round{background:url («./images/column_bg.png») top left no-repeat;margin:0 0 38px;}.down-round{background:url («./images/column_bg.png») bottom left no-repeat;}.rightcol .module div div,.rightcol .module_menu div div,.leftcol .module_menu div div,.leftcol .module div div{background:url («./images/box_h3.png») top center no-repeat;}.rightcol .module_menu,.rightcol .module,.leftcol .module_menu,.leftcol .module{margin-bottom:15px;}.rightcol h3,.leftcol h3{color: #FFFFFF;font-weight: 400;height: 50px;line-height: 38px;text-indent: 20px;text-shadow: 1px 1px1px #0;}.rightcol h3,.leftcol h3,#contact-slider .panel .pane-slider,#contact-slider .panel .pane-slider div{padding:10px 0 0;}.rightcolul.menu li a: link,.rightcol ul. menu li a,.leftcolul.menu li a: link,.leftcol ul. menu li a,#sgmenuul.menu li a span, fieldset.userdatainput.button, button{font-weight:400;}.maincol h2 a,.maincol h2{font:20px arial, tahoma, verdana, sans-serif 400;vertical-align:middle;font-size: 18px;font-weight: 400;}.items-row .item,.pagination{padding:10px 0;}.items-row .item h2 a,.items-row .item h1 a,.items-row .item h1,.items-row .item h2{font:14px Arial;}.item .readmore,.filter,.display-limit{text-align:right;}p.readmore{font-style:italic;}.category-descimg{margin:0 10px 4px;}.category-desc a: visited,.category-desc a: link,.category-desc a{text-decoration:underline;}.image-left{margin:0 10px 4px 0;}.image-right{margin:0 0 4px 10px;}.main .categories-list ulli{padding:5px;}.category-desc{line-height:

1.7em;padding-left:0;}.category-desc,.pagination .pagenav,#contact-slider .panel,#login-form,.filter,.pagenav-next,.pagenav-prev{margin:10px 0;}.pagination .pagenav{padding:2px 6px;}.pagenav .pagenav-next{float:right;}tabletd, tableth, table{border:solid 1px #d5d5d5 !important;}table.jlist-table th, table. categoryth, table. newsfeedsth, table. weblinksth{background:#dedede;color:#939 598;}table.category, table. weblinks{width:

98%;margin:10px 10px 20px 0;}table.categorytd, table. weblinkstd, table. categoryth, table. weblinksth{padding:7px;}td.num, td. hits{vertical-align:top;}td p{line-height:

1.3em;}.filter,.display-limit{margin-right:7px;}table.categoryth a img{padding:2px 10px;}.filter-search .inputbox{width:6em;}legend.element-invisible{margin-left:-3000px;margin-top:-3000px;height:0;}.cat-items{margin-top:20px;}#contact-slider .panel,.tip-wrap{border:1px solid #e5e5e5;}#contact-slider .panel,.error,.tip-wrap{border-radius:5px;

— o-border-radius:5px;

— moz-border-radius:5px;

— webkit-border-radius:5px;}#contact-slider .panel h3 a{font-size:18px;}.contact-email label{width:140px;}.maincol .login label{width:100px;}#footer{height:30px;line-height:30px;width:936px;margin:20px auto 10px; }#footer p, #footer p a {color: #39430b !important;}.error{background:#fdcdc9;}#system-message dt. warning{color:#be4e4c;font-size:16px;}#system-message dd. warningli{background:transparenturl (./images/arrow-2.png) no-repeat left top;padding:0 0 0 20px;}#sgmenuul.menu{list-style:none outside none;}#sgmenuulli{margin:0 1px 0 0;}#sgmenuul li a{white-space:nowrap;}#sgmenuul li ul{visibility:hidden;z-index:500;}#sgmenuul li ulli{float:none;}#sgmenuul.menu li a span{background: url («./images/button_bg.png») no-repeat scroll left top transparent! important;font-size: 11px;color: #A5A5A5;cursor: pointer;float: left;font-weight: 400;height: 32px;line-height: 40px;margin: 0 6px 0 0;padding: 0;text-align: center;text-decoration: none;text-transform: uppercase;width: 114px;overflow: hidden;}#header h1 {top: 155px;left: 520px;}#sgmenuul.menu li ul li a: visited,#sgmenu ul. menu li ul li a: link,#sgmenu ul. menu li ul li a,#sgmenuul.menu li ul li a span{background:#dbdebe;}#sgmenuul.menu li ul li a span{width:80px;}#sgmenuul.menu li ul li a: hover{color:#9e3777;}fieldset.userdatainput.button, button{background:url («./images/but.png») bottom center repeat-x;color:#FFF;width:56px; height: 20px! important;color: #63b0a2 !important;border-radius: 5px;margin:4px 10px 0 0;float: right;}.pagination ulli,.actions li img{margin:0 6px 0 0;}table.weblinkstd, table{border-collapse:collapse;}.innercol{width:66pxpx;display:block;overflow:hidden;margin:15px auto;}.blog-featured h1 {font-weight: 400;}.leftcol ul. menu,.rightcolul.menu{padding:0 0 0 10px;}li.active a span{color:#FC8E59 !important;}.feed{padding:5px !important;}body, button, textarea, input,#mod-search-searchword,#footer a,#footer p{color:#737 373;}h3,fieldset.userdata input,#modlgn-remember,.category-desc a: visited,.category-desc a: link,.category-desc a,.maincol .categories-module li,.maincol .relateditems li,.maincol .latestnewsli,#article-index li,.maincol .menu li,#search .search .inputbox,#footer a{color:#000;}.top .menu a span,.maincol_full,#sgmenuul.menu li ul li a span,#sgmenuul.menu li ul li a: hover span{padding:0 10px;}#login-form {padding: 0 0 0 15px;}#sgmenuul.menuli.active a span, #sgmenuul.menu li a: hover span {background: url («./images/button_hover.png») no-repeat scroll left top transparent! important;color: #63b0a2 !important;padding: 0;text-align: center;text-decoration: none;width: 114px;}.rightcolul.menu li a: link,.rightcol ul. menu li a,.leftcolul.menu li a: link,.leftcol ul. menu li a,#sgmenuul.menu li a span {color: #375 949;background: url ('./images/li_bg.png') bottom left no-repeat;height: 22px;text-indent: 20px;}#sgmenuul.menu li a span {color: #a5a5a5;}.menu span {height: 32px! important;text-indent: 0! important;}.maincol p {line-height: 20px;}input.inputbox, textarea. inputbox {background: #ebebeb; background: 1px solid #a3a3a3; margin: 0 0 10px 0; color: #000;}.input-small { display: block; margin: 2px 0 15px 0;}.control-group { margin: 0 0 0 10px! important; }.control-group, .controls, .input-prepend, .input-append, .userdata{ background: none! important; }.controls, div. control-group, .input-prepend, input-append { margin: 0! important; padding: 0! important;}.unstyled{ clear: both; }.controls { float: left; }Приложение 3. Фрагмент авторского кода галереи ozgallery. js (function ($, window, document, undefined) { 'use strict';var defaults = {infobtn: true, photoData: {} }; /** * Creates the autoplay plugin. * @param {object} element — lightGallery element */varOzioInfo = function (element) {this.core = $(element).data ('lightGallery');this.$el = $(element);this.core.s = $.extend ({}, defaults, this.core.s);this.init ();return this; };OzioInfo.prototype.init = function () {var _this = this; // append autoplay controlsif (_this.core.s.infobtn) { _this.infobtnAdd (); } }; (function ($, window, document, undefined) { 'use strict';var defaults = {intense: true, photoData: {}, data_loading_gif: '', intense_big: 0, }; /** * Creates the autoplay plugin. * @param {object} element — lightGallery element */varOzioIntense = function (element) {this.core = $(element).data ('lightGallery');this.$el = $(element);this.core.s = $.extend ({}, defaults, this.core.s);this.init ();return this; };OzioIntense.prototype.init = function () {var _this = this; // append autoplay controlsif (_this.core.s.intense) { _this.intenseAdd (); } }; // Manageautoplay via play/stop buttonsOzioIntense.prototype.intenseAdd = function () {var _this = this;varzoomIcons = '<span id="lg-zoom-in" class="lg-icon" ></span>'; this.core.$outer.find ('.lg-toolbar').append (zoomIcons); _this.core.$outer.find ('#lg-zoom-in').on ('click.lg', function () {if (!gi_ozio_intenseViewer){gi_ozio_intenseViewer=true//visualizzoil popup_this.showIntenseBox ();} }); };OzioIntense.prototype.showIntenseBox = function () {var _this = this;var current=_this.core.$slide.eq (_this.core.index).find ('.lg-img-wrap > img').attr ('src');if (!_this.core.s.photoData.hasOwnProperty (current)){return;}varphotoData=_this.core.s.photoData[current]; var link = photoData. seed;varbigdata = _this.core.s.intense_big;_this.core.$outer.find ('.ozio-intense-div').remove ();varnewdiv=$('<div class="ozio-intense-div" ></div>');_this.core.$outer.append (newdiv);if (bigdata == 0 — bigdata == ''){newdiv.attr ('data-image', link + 's0/');}else{newdiv.attr ('data-image', link + 's'+bigdata+'/');}newdiv.attr ('data-title', photoData. album);newdiv.attr ('data-caption', photoData. photo);newdiv.attr ('data-loading-gif',_this.core.s.data_loading_gif);Intense (newdiv);}, OzioIntense.prototype.destroy = function () { }; $.fn.lightGallery.modules.oziointense = OzioIntense;})(jQuery, window, document);