Проектирование и разработка web-сайта цветочного магазина 'Цветник 24'

Негосударственное образовательное учреждение среднего профессионального образования

"Челябинский юридический колледж"

ДИПЛОМНАЯ РАБОТА

По основной профессиональной образовательной программе

по специальности 09.02.03-Программирование в компьютерных системах

Проектирование и разработка web-сайта цветочного магазина "Цветник 24"

Челябинск 2015

Оглавление

Введение

Глава 1. Обзор принципов построения информационных систем для торговли через интернет

.1 Анализ принципов построения электронных магазинов

1.2 Сравнительная характеристика программных средств построения электронного магазина

.3 Анализ платежных систем

.4 Безопасность платежей в Интернете

Глава 2. Предпроектное исследование, задачи проекта

2.1 Требования к приложению

.2 Анализ и сходных данных

.3 Разработка приложения

3. Безопасность жизнедеятельности

.1 Общие требования безопасности при работе на персональном компьютере

.2 Требования безопасности перед началом работы

.3 Требования безопасности во время работы

.4 Требования безопасности в аварийных ситуациях при работе за персональным компьютером

.5 Требования безопасности после окончания работы с ПК

Заключение

Список использованных источников и литературы

Приложение

Введение

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

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

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

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

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

Продвижение сайта в Интернете помогает компаниям быстро реагировать на любые изменения рынка, находить новые способы продажи товаров и услуг, а также увеличивать объемы продаж.

Объектом исследования является web-программирование.

Предметом исследования является разработка сайта Интернет-магазина.

Цель этой работы - спроектировать и реализовать сайт интернет-магазина "Цветник 24".

Для достижения поставленной цели необходимо решение следующих основных задач:

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

. Разработка требований к приложению.

. Проведение анализа и сходных данных

. Описание хода разработки приложения.

Дипломная работа состоит из введения, трех глав, заключения, списка использованных источников и приложений.

Глава 1. Обзор принципов построения информационных систем для торговли через интернет

.1 Анализ принципов построения электронных магазинов

Для проведения анализа принципов построения электронного магазина рассмотрим, как устроен и работает существующий интернет-магазин на примере интернет-магазина " ОЗОН"

Интернет - магазин "Озон" располагается в сети интернет по адресу: www.ozon.ru. Он выполнен по технологии базирующей свои услуги на Windows NT-системах, с доступом к MS SQL. Web-приложение написано как набор файлов Active Server Pages (ASP), представляющих собой расширение HTML, в который добавлены инструкции на языках JScript или VBScript. Эти инструкции выполняются на сервере при запросе данной страницы и управляют формированием ответа пользователю. В простейшем случае это может быть подстановка в заданные клетки таблицы значений переменных, взятых, например, из базы данных. Доступ к базам данных производится с помощью специального объекта ADO (Active Data Object). ADO является надстройкой над OLE-DB, который позволяет единым образом обращаться к данным различного вида (например, к электронным таблицам, текстовым файлам, базам в форматах Paradox, dBase, Access, MS-SQL и любым другим через интерфейс ODBC).

Магазин занимается продажей товаров следующих категорий:

книги и пресса;

программное обеспечение, обучающие программы;

видео, dvd;

подарки, игрушки;

цифровую технику, фототовары;

товары для детей;

и многое другое.

Прежде чем совершать какие либо операции с товаром, конечно же, кроме изучения и поиска, необходимо зарегистрироваться. Регистрация проходит за несколько этапов и не занимает много времени. Есть удобная возможность восстановления забытых паролей - его просто высылают на указанный интернет - адрес. Адрес электронной почты будет использоваться в качестве логина.

Из соображений безопасности были сделаны некоторые особенности.

Дополнительная идентификация. При входе в некоторые разделы, где находится приватная информация, требуется вводить логин и пароль - даже если при входе Озон "узнал" клиента и он увидел правильное приветствие.

Ограничение времени ожидания. Если после ввода логина и пароля длительное время (более 20 минут) не производить никаких действий и переходов по сайту - сессия работы на Озоне закрывается, и придется повторно вводить логин и пароль.

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

Для совершения покупки заинтересовавших товаров, их нужно положить в корзину для покупок. Товар помещается в корзину нажатием кнопки "Купить", далее можно продолжить выбор или перейти в корзину для дальнейшего оформления заказа.

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

Посмотреть содержимое корзины можно в любой момент нажатием кнопки "Просмотр корзины" в заголовке окошка корзины или пиктограммы с изображением пользовательской корзины.

В корзине можно увидеть 3 подраздела:

выбрано (список товаров для оформления заказа);

предрелизы (оформляются отдельным заказом);

отложено (для последующих заказов).

Любой товар, находящийся в корзине, можно:

отложить для последующей покупки;

изменить количество заказываемых экземпляров;

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

удалить из корзины.

Нажатием кнопки "Оформить заказ" начинается процесс оформления заказа.

Оформление состоит из пяти шагов:

идентификация (ввод логина и пароля; шаг пропускается, если покупатель предварительно ввел свой логин и пароль);

выбор адреса доставки (можно ввести новый адрес или использовать один из ранее введенных);

выбор способа доставки (возможные варианты - почта, авиапочта, курьерская доставка, экспресс-почта TNT, самовывоз);

выбор способа оплаты (возможные варианты: почтовый или банковский перевод, кредитная карта, наличными курьеру, наложенный платеж, различные виды электронных платежей);

подтверждение заказа (присвоение заказу номера и прием в обработку Озоном).

На любом шаге можно вернуться назад и внести исправления в параметрах заказа. На пятом шаге необходимо проверить все данные и подтвердить заказ, отметив признак "Я понимаю и принимаю эти условия" и, нажав кнопку "Подтвердить заказ".

Только после подтверждения заказа на пятом шаге заказ считается принятым.

Заказу присваивается номер, и по e-mail клиенту отправляется уведомление о принятии заказа.

.2 Сравнительная характеристика программных средств построения электронного магазина

Типовой вариант интернет-магазина состоит из следующих функциональных частей:

каталог товаров;

поисковая система;

пользовательская корзина;

регистрационная форма;

форма отправки заказа.

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

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

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

Регистрационная форма. Служит для ввода персональных данных пользователей. В дальнейшем эта информация используется для их идентификации между сеансами работы с интернет-магазином. Данная информация может храниться как на стороне сервера, так и на стороне клиента.

Форма отправки заказа. Форма отправки заказа служит для ввода контактной информации заказчика и отправки ее и заказа на электронный ящик организации.

Интернет-магазин можно реализовать как на стороне сервера, так и на стороне клиента. В первом случае используются серверные сценарии, построенные на таких технологиях как PHP, Perl, ASP, JSP, ColdFusion и т.п. Во втором случае - JavaScript (ActiveX, Java и др. имеют ограниченное применение). Выбор той или иной реализации зависит от многих факторов, которые вытекают из определенных на этапе планирования целей и постановки задачи.WebShop v.1 обеспечивает полный набор функций, необходимых для открытия и продвижения бизнеса в Интернете, причем некоторые из этих возможностей отсутствуют даже в дорогих коммерческих решениях, не говоря уже о предлагаемых по бросовым ценам готовых модулях. Программа позволяет реализовать эффективные маркетинговые программы и даже перевести в Сеть взаимоотношения с дилерами, внедрив гибкую систему скидок. Благодаря шаблонной концепции дизайна, можно без особого труда изменять структуру сайта для повышения удобства магазина. Редактирование информации о структуре каталога осуществляется в специальной управляющей программе, которая позволяет изменять информацию на локальном компьютере и затем загружать ее на сервер, что обеспечивает дополнительную экономию времени и денег.

Интернет-магазин на базе ПО OSG WebShop предоставляет его владельцу следующие возможности:

создание электронного каталога предлагаемых товаров или услуг;

размещение его управляющей части на удаленном компьютере пользователя;

обеспечение обратной связи с сервером для создания базы данных интернет магазина c рабочего места менеджера (локального компьютера);

самостоятельное управление работой интернет - магазина;

автоматическое выставление счетов на оплату приобретаемого товара;

установка различного уровня цен на товары или услуги для разных категорий оптовых и розничных пользователей;

подключение платежных систем для организации online расчетов;

интеграция в бэк-офисные и бухгалтерские системы предприятия;

анализ работы интернет - магазина на основании статистических данных, формируемых в процессе работы магазина;

возможность проведения маркетинговых акций и формирования системы скидок;

выбор установки цен - в рублях или долларах;

Преимущества использования Интернет магазина:

дополнительный круглосуточный канал сбыт товаров или услуг;

удобный сервис для потребителей, позволяющий ознакомиться с перечнем товаров, совершить резервирование или покупку товаров в реальном времени, используя различные варианты оплаты и доставки;

анализ статистики, проводимых рекламных и маркетинговых акций по продвижению товара или услуги;

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

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

логично представленная информация позволит клиенту самостоятельно найти интересующий его товар;

экономия средств. Если есть собственное решение или его разработка, то прекрасно представляете необходимые на это затраты, в этом случае аренда готового решения - выгодная альтернатива;

Посетитель интернет магазина получает:

возможность выбора товара по каталогу, используя навигацию или систему поиска;

возможность сделать заказ или резерв товаров в реальном режиме времени с возможностью отследить этапы по его обработке;

выбор способа доставки и оплаты товара, предлагаемый интернет - магазином;

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

возможность получить консультацию о представляемых услугах интернет магазина от его персонала, использую различные виды связи.

Рассмотрение работы интернет - магазина на примере OsCommerce

OsCommerce - это программный комплекс для обеспечения функционирования интернет-магазинов. Система распространяется бесплатно по лицензии GNU GPL. Свойства комплекса позволяют ему успешно конкурировать со многими коммерческими решениями.

Свойства:

регистрация покупателей;

история заказов;

удобный поиск;

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

уведомления по электронной почте;

безопасные транзакции с помощью SSL;

список наиболее продаваемых товаров;

удобная панель администратора;

и многое другое.

Торговля через интернет из области экспериментов и модного увлечения переходит в разряд необходимого дополнения любого бизнеса, продающего свои товары и услуги.

На рынке существует масса программного обеспечения, как платного, так и бесплатного, способного выполнять такие функции. Это так называемые "движки" интернет-магазинов. Для предприятия, которое смотрит в будущее и планирует развивать и расширять свои продажи через интернет, выбор программного обеспечения для магазина, вопрос более чем серьезный. Надежность, функциональность и возможность изменения структуры, параметров продаж и дизайна магазина без его остановки на реконструкцию (введение модификаций в действующий магазин), важный аспект для динамично развивающегося и расширяющегося онлайн-бизнеса. Особое внимание в этом программного обеспечения уделено проблемам безопасности, автоматизации платежей, локализации этого продукта к специфическим условиям конкретной страны мира.

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

Часто созданием и поддержкой интернет магазина в малом бизнесе, занимается непосредственно его владелец. К сожалению, не все имеют специальное образование и опыт в программировании и дизайне, для того, чтобы создать и заставить такой магазин работать.

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

В отличие от большинства интернет-магазинов, этот магазин совершенно не требует дорогого сопутствующего ПО, работает даже на бесплатном хостинге с поддержкой PHP и MySQL.

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

Кроме стандартных возможностей для администратора доступны: статистика о посетителях, новых заказах и товарах, пользующихся наибольшим спросом; подключение модулей доставки и оплаты; рассылка сообщений подписчикам; резервное копирование базы данных на локальный диск; администрация веб-ветрины на основе любой платформы (Windows, Unix-системы), т.к. администрирование происходит с помощью браузера.

Очень большое преимущество OSCommerce в сравнении с другими программными продуктами в пластичности, т.е. можно настроить как угодно, в открытости и в большом количестве написанных модулей.

Система распространяется бесплатно по лицензии GNU GPL. И свойства комплекса позволяют ему успешно конкурировать со многими коммерческими решениями.

1.3 Анализ платежных систем

Так как создаваемое программное приложение является электронным магазином, невозможно обойти тему оплаты товара в сети интернет. Для начала рассмотрим существующие системы оплаты в сети Интернет.

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

К способам оплаты покупок в Интернет, проводимым электронным путём, можно отнести следующие:

оплата со счета мобильного телефона (m-commerce);

оплата по картам предоплаты (скретч-картам);

оплата электронными деньгами;

оплата платежными картами;

оплата курьеру наличными;

предоплата по безналичному расчету;

оплата наложенным платежом.

Один из самых простых способов оплаты это оплата курьеру. Вы просто вручаете деньги курьеру и расписываетесь в получении заказа. К сожалению, этот способ возможен, не везде.

После выбора товара в интернет-магазине покупатель размещает заказ, в котором указывает адрес для доставки. Курьер привозит товары по указанному адресу и получает деньги.

Преимущества этого способа, наверное, можно перечислять бесконечно:

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

возможность проверить товар (и комплектность) сразу, и вернуть его, отказавшись от покупки.

посмотреть в глаза живому человеку, попросить его рассказать про товар, показать его в работе.

получить все необходимые документы, как-то: гарантийный талон, товарный чек.

Предоплата по безналичному расчету.

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

Можно сделать предоплату стоимости заказа в ближайшем отделении Сбербанка (или в любом другом) на счет интернет - магазина. Для этого надо распечатать бланк, который покупатель получит по e-mail.

Оплата наложенным платежом - покупка оплачивается при получении на почтовом отделении.

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

.4 Безопасность платежей в интернете

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

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

реквизиты платежной карты (номер карты, срок ее действия, cvc2/cvv2, и т.п.), используемой при проведении транзакции интернет-торговли, должны быть конфиденциальными для торгового предприятия;

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

гарантирование магазину платежа за электронную покупку - наличие у торгового предприятия доказательства того, что заказ был выполнен.

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

Оптимальным и самым удобным методом заказа пока остается так называемая "корзина". Во всех крупнейших магазинах она используется в том или ином виде, но смысл остается одним: корзина - просто список товаров, выбранный покупателем в магазине (это почти такая же корзина, в руках с которой ходят посетители большого супермаркета - только виртуальная).

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

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

Глава 2. Предпроектное исследование, задачи проекта

 

.1 Требования к приложению

Целью данной работы является разработка электронного представительства Магазина цветов " Цветник 24" с последующим размещением в сети Интернет.

Сайт должен обеспечивать реализацию следующих функций:

1)   Имиджевая.

Формирование стиля и образа компании. Стилевое оформление сайта должно соответствовать корпоративному стилю компании.

)     Информационная.

Сайт должен предоставлять доступ к информации о компании, ее истории, деятельности, ассортименте предлагаемой продукции, магазинах, а также оперативно информировать пользователей о новостях компании.

)     Рекламная.

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

1    Общие требования к сайту

Стилистическое оформление

Стилистическое оформление сайта должно соответствовать корпоративному стилю и использовать его цветовые и графические элементы, логотип компании.

Шрифты, используемые в графических элементах сайта, могут выбираться произвольно при условии непротиворечия корпоративному стилю. Шрифты, используемые в текстовых материала сайта, должны соответствовать стандартны м шрифта м браузеров: Helvetica/Arial, Times New Roman, Courier.

Допустимо использование иных распространенных шрифтов (Verdana, Tahoma и др.) в том случае, если их замена на стандартные шрифты не приведет к визуальному искажению текста. Раз мер (кегль) шрифтов должен обеспечивать удобство восприятия текста при минимально допустимом размере экрана.

Слова, наиболее полно характеризующие стилистику сайта: цветы, продажа, букеты.

Цвета: яркие цвета (желтый, красный, синий, розовый).

Требования к функциональности веб-сервера:

Веб-сервер должен обеспечивать возможности:

управления содержанием и структурой сайта через систему управления контентом;

осуществления обратной связи c пользователя ми: прием отзывов и запросов пользователей по e-mail через заполнение специальных фор м на сайте;

- обработки статистики посещений (подключение внешней системы статистики HotLog);

ведения статистики голосований

·    Требования к браузеру:

Сайт должен обеспечивать корректное отображение данных в следующих браузерах: Internet Explorer 5.0 и выше (Microsoft), Opera 7.0 и выше (Opera Software), Netscape 7.0 и выше (AOL Netscape).

·    Требования к верстке:

- Сайт разрабатывается под базовое разрешение экрана от 800х 600 пкс и выше.

Мета-теги и контент сайта на этапе изготовления сайта должны быть на строены с учетом требований поисковых систем, что обеспечит продвижение сайта по ключевым словам в русскоязычных поисковых системах Yandex, Aport!, Rambler, Google.

Технологические требования:

Сайт разрабатывается под базовое разрешение экрана 800х 600 пкс или 1024x768 пкс (в зависимости от предполагаемой целевой аудитории компании),

Корректное отображение браузера ми Internet Explorer, Opera.

Использование фирменных цветов и логотипа компании,

Обязательная визуальная поддержка действий пользователя - т.н. "интерактив" (визуальное отображение активных, пассивных ссылок; четкое обозначение местонахождения пользователя). По ссылке с каждой страницы загружается почтовая программа (бланк письма для обратной связи).

Структура и описание сайта:

Главная страница (обложка сайта):

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

Контентная область первой страницы делится на разделы:

"О компании" - содержит краткую информацию раздела со ссылкой "подробнее", ведущую на раздел "О компании".

"Каталог" - отображаются верхние уровни каталога в формате:

Название раздела каталога

Маленькая картинка

Краткий комментарий к разделу.

Внизу страницы отображается облегченная навигационная панель в текстовом виде, Copyright, контактный e-mail.

Графическая оболочка внутренних страниц (общая для всех подразделов):

Графическая шапка

- Навигационное меню

- Внизу страницы отображается облегченная навигационная панель в текстовом виде, Copyright, контактный e-mail, ссылка на "Основную страницу" сайта.

Описание контента разделов сайта:

Сайт делится на 3 группы навигации:

1.   Разделы общей тематики

2.      Каталог

.        Информационно-аналитические разделы

Разделы общей тематики:

О компании - текст (информация о компании и предоставляемых услугах) + фото - в свободной форме

Контакты - текст с контактной информацией, форма для обратной связи

Новости - список в формате:

Дата

Заголовок новости

Краткое содержание

Полное содержание (текст + фото в свободной форме)

Поиск по сайту - форма поиска

Карта сайта

Вакансии (по необходимости) - список в формате:

Название вакансии

Краткий комментарий

Полное описание

Online-резюме (по необходимости)- форма для заполнения резюме

Регистрация - форма с полями:

ФИО*

e-mail*

телефон*

Адрес*

Адрес доставки

Дополнительная информация

- Пароль

Повторить пароль

Авторизация (для зарегистрированных пользователей)

E-mail

Пароль

Корзина (таблица с полями):

Номер товара в корзине

Название товара (с ссылкой на этот товар в БД каталога)

Цена

Количество (с возможностью поменять - по умолчанию 1)

Возможность поставить галочку напротив выбранного товара и удалить его из корзины

- Общая стоимость заказа

По ссылке "Отправить заказ" пользователь переходит на страницу, где в таблице отображаются все данные его заказа (и его личные данные), под таблицей 2 кнопки "Подтвердить заказ" "Вернуться к редактированию корзины". По нажатию на кнопку "Подтвердить заказ", содержимое "Корзины" уходит на e-mail администратора сайта интернет-магазина, пользователю приходит по e-mail подтверждение с перечнем заказанных товаров.

Есть возможность сделать выбор "метода оплаты":

Наличными курьеру

Квитанция в сбербанк

Выставить счет (для юрлиц)

После подтверждения заказа пользователю предлагается скачать счет или квитанцию об оплате.

"Регистрация" и "Авторизация" НЕ являются обязательными пунктами для оформления заказа. Если заказ отправляет незарегистрированный пользователь, ему предлагается в разделе "Корзина" заполнить данные для связи либо зарегистрироваться.

Каталог продукции (первые уровни каталога выносятся наверх, минуя кнопку "каталог", дабы пользователь быстрее мог добраться до нужной ему информации):

Многоуровневый универсальный каталог в формате:

Атрибуты подразделов:

Название подраздела

Маленькое фото

Большое фото

Краткий текст

Полное описание

Атрибуты элементов списков:

Название

Маленькое фото

Большое фото

Краткое описание

Полное описание

Цена

С каждого элемента списка, а также со страницы с полным описанием ведет ссылка "Заказать", которая добавляет выбранную услугу (товар) в корзину.

Предполагаемая структура каталога:

Живые цветы

Комнатные растения

Посадочный материал

Флористические аксессуары

Композиции из искусственных материалов и сухоцветов

Ландшафтный дизайн

Подарки

Сервис

Информационно-аналитические разделы:

Многоуровневый универсальный каталог с любым количеством уровней вложенности.

В мире цветов (На языке цветов)

Предлагаемые темы для статей и публикаций:

Тексты поздравлений

Мир экзотических растений

Цветы и здоровье

Цветы и астрология

Цветы и бизнес (о том, как цветы могут влиять на деловое общение, атмосферу в офисе и т.п.)

Как дарить цветы

О подарках

В Вашем доме торжество (о том, как правильно подготовить дом для принятия гостей)

Язык цветов

Уход за цветами

Галерея "Цветы в искусстве"

Картинная галерея

Фотогалерея

Рисунки (можно рисунки детей). Можно устраивать конкурс на лучший рисунок и победителю по итогам месяца отправлять в подарок букет.

Сайт должен обеспечивать реализацию следующих функций:

1)   Имиджевая.

Формирование стиля и образа компании "Цветник 24". Стилевое оформление сайта должно соответствовать корпоративному стилю компании.

)     Информационная.

Сайт должен предоставлять доступ к информации о компании, ее истории, деятельности, ассортименте предлагаемой продукции, магазинах, а также оперативно информировать пользователей о новостях компании.

3)   Рекламная.

Фор мат входных данных представляет собой форму для обратной связи для пользователя, информация из базы данных о товарах;

Форматом выходных данных является таблица в базе данных с выбранными товара ми - Корзина и счетчик цены;

Пользовательский интерфейс был разработан с помощью системы управления сайтами WIX с интуитивно понятным онлайн-редактором.

 

.2 Анализ и сходных данных

Посредником, реализующим доступ от клиента к БД, выступает специальная программа - Web- сервер, обеспечивающая функционирование пользовательского приложения, выполняющего непосредственный запрос к данным и возврат ответа в виде HTML-доку мента (рис.2).

Рис. 1. Структурная схема до ступа к базе данных

Фактически Web-сервер включает несколько других серверов, реализующих необходимые протоколы.

Так IIS (Internet Information Services) включает серверы:

˗   HTTP (Hypertext Transfer Protocol) - протокол передачи гипертекста

˗        FTP (File Transfer Protocol) - протокол передачи файлов

˗        NNTP (Network News Transfer Protocol) - сетевой протокол передачи ново стей

˗        SMTP (Simple Mail Transfer Protocol) - простой протокол передачи почты

Механизм доступа к БД на стороне сервера реализуется за счет наличия стандартизованных средств:

˗   Поддержки диалоговых форм на уровне гипертекстового документа (язык HTML - Hypertext markup Language). С каждым документом связан URL (Uniform Recourse Locator), для доступа к которым используется объектно-ориентированный протокол HTTP (Hypertext Transfer Protocol).

˗        Возможности запуска серверных программ, взаимодействие которых происходит через стандартный интерфейс CGI или прикладные интерфейсы Web-сервера.

Для поддержки HTTP-протокола в составе Web-сервера имеется HTTP- сервер. HTTP-клиент/ серверное взаимодействие состоит из одного обмена запрос/ответ. Это краткая транзакция между клиентом и сервером. Фактически HTTP - это PRC (Remote Procedure Call) в Web поверх TCP/IP. HTTP не имеет состояния, не помнит предыдущих состояний и обладает важным свойством передавать самоописывающиеся данные.

Лидером среди баз данных, применяемых для разработки WEB-приложений, на сегодняшний день, безусловно, является MySQL. Главное достоинство MySQL (плавно переходящее в недостаток) - ее простота. Как следствие - высочайшая скорость выполнения SQL-запросов и необходимость явного программирования основных правил поддержания целостности и непротиворечивости данных на уровне сервера приложений.

Популярность MySQL объясняется еще и тем, что эта СУБД ориентирована на большое количество платформ, а также обладает возможностью загрузки оптимизированных под конкретную операционную систему модулей и поддержкой транзакций на уровне отдельных записей.

. Дать оценку протоколам, указанным в исходных данных, определить в чем их преимущество перед другими протоколами и почему именно они подходят для реализации поставленной задачи.

Для записи, выборки и обработки данных, хранящихся в компьютерной базе данных, используется система управления базой данных, каковой и является ПО MySQL. Поскольку компьютеры замечательно справляются с обработкой больших объемов данных, управление базами данных играет центральную роль в вычислениях. Реализовано такое управление может быть по-разному - как в виде отдельных утилит, так и в виде кода, входящего в состав других приложений.- это система управления реляционными база ми данных.

В реляционной базе данных данные хранятся не все вместе, а в отдельных таблицах, благодаря чему достигается выигрыш в скорости и гибкости. Таблицы связываются между собой при помощи отношений, благодаря чему обеспечивается возможность объединять при выполнении запроса данные из нескольких таблиц. SQL как часть системы MySQL можно охарактеризовать как язык структурированных запросов плюс наиболее распространенный стандартный язык, используемый для доступа к базам данных.

Программное обеспечение MySQL - это ПО с открытым кодом.

ПО с открытым кодом означает, что применять и модифицировать его может любой желающий. Такое ПО можно получать по Internet и использовать бесплатно. При этом каждый пользователь может изучить исходный код и изменить его в соответствии со своими потребностями. Использование программного обеспечения MySQL регламентируется лицензией GPL (GNU General Public License), #"866699.files/image002.jpg">

Рисунок 2 - Пустая страница сайта

Управление Страницами

В Редакторе справа находится меню Менеджер Страниц. На нашем сайте есть два типа страниц: Главная Страница и Типовые Страницы. Менеджер Страниц показывает и организует Главную и Типовые страницы. Для того чтобы открыть одну из страниц и просмотреть её в Редакторе, про сто нажать на Страницу в окне Менеджера Страниц.

Рисунок 3 - Окно менеджера страниц

В Менеджере Страниц, справа в Редакторе, нажать на Добавить Главную страницу.

Рисунок 4 - Добавление Главной страницы

Чтобы назвать Главную Страницу:

. В окне Менеджер Страниц, справа в Редакторе, наведите мышкой на "Главная Страница" и нажмите на стрелку. Перед вами откроется меню.

Рисунок 5 - Новое название Главной Страницы.

Типовые Страницы могут быть набором из нескольких страниц, которые вы можете разместить внутри Главных Страниц. Они дают Вам возможность разместить большое количество контента на одной Главной Странице. Это позволяет пользователям более плавно и быстро переходить с одной Страницы на другую. Это также даёт сайту более профессиональный вид и улучшенный интерфейс. Проектирование и создание дизайна с помощью Страниц позволяет создавать уникальный сайт, где фон и меню остаются неизменными, в то время как его содержание меняется. Это имеет много преимуществ. Во-первых, передвижение по сайту происходит более гладко. Во-вторых, статичный задний фон также позволяет воспроизводить музыку непрерывно, пока люди перемещаются по сайту.

Добавление Страниц:

. В окне " Менеджер Страниц", справа в Редакторе, нажмите кнопку "Добавить Страницу".

Чтобы добавить набор из трех Страниц или выбрать различные типы Страниц, просто добавьте Группу Страниц! Для этого, слева в Редакторе, перейдите на "Добавить", затем перейдите на "Части Страниц". Нажмите на "Группы Страниц" и выберите стиль из галереи "Группы Страниц".

. В открывшемся списке, нажмите на Структура Страницы.

Вы можете предварительно просмотреть структуру справа от окна "Добавить Страницу".

Рисунок 6- Структура страницы

. Введите имя вашей Страницы в поле Назвать страницу.

. Нажмите OK.

Новая страница появилась на вашем сайте. Теперь вы готовы добавить контент! Если ваша Страница слишком маленькая, вам придется увеличить или добавить новую группу страниц для использования функции Структура Страницы. Кроме того, некоторые шаблоны не поддерживают функцию Структура Страницы. Чтобы использовать его в любом случае, просто добавьте новую Группу Страниц (Добавить > Части Страниц > Группы Страниц), а затем следуйте инструкциям выше.

Для дополнительной информации о Страницах, нажмите здесь.

Просмотр и Навигация по Страницам

Навигация по Главным и Типовым Страницам возможна через Менеджер Страниц. Просто нажмите на страницу в окне " Менеджер Страниц". Кроме того, Вы можете также просмотреть ваши Страницы, нажимая на навигационные стрелки, расположенные вверху вашей выбранной Страницы. Если Вы хотите добавить различные элементы на сайт, то Вы можете использовать Меню "Добавить", находящееся слева в Редакторе. Каждая категория в "Добавить" откроет перед вами меню доступных эле ментов. Вы также можете выбрать стиль, который доступен для выбранного элемента.

. Наведите мышку на "Добавить", затем - на нужную категорию в "Добавить".

. Перед вами откроется меню. В открывшемся меню нажмите на элемент.

Рисунок 7.Добавление Элемента

. В появившейся галерее выберите стиль Элемента.

Как только Вы добавите элемент, Вы сможете полностью "настроить" его.

Нажмите на элемент в вашем Редакторе. Перед вами откроется панель настроек - с правой стороны в Редакторе.

Каждый элемент, который Вы выберете, будет и меть различный набор доступных функций для редактирования.

Редактирование элемента в Панели Настроек

Для редактирования элемента в Панели Настроек

. Нажмите на элемент.

. Из "Панели Настроек", которая появляется в правой части окна Редактора, нажмите на "Свойство".

. В открывшемся окне вы можете редактировать настройки этого Свойства.

Рисунок 8- Панель настроек

. Нажмите кнопку OK (при наличии) или X, чтобы применить изменения.

Чтобы изменить размер элемента:

. Нажмите на элемент.

. Потяните за квадратную рамку изменения размера, этим самым меняя размер элемента.

Рисунок 9. Изменение размера Элемента

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

Добавление меню на Главные Страницы

Ваше меню будет состоять из кнопок - по одной для Главной Страницы и остальных страниц. Меню позволит перемещаться по страницам.

И мена страниц появятся на кнопках меню.

. С левой стороны Редактора, перейдите на "Добавить", а затем перейдите к Навигации.

. Из Навигации нажмите кнопку " Меню".

. Откроется Галерея Меню, нажмите на Меню, чтобы добавить его на сайт.

Рисунок 10- Меню на Главной Странице!

После того как вы добавили Страницы, вы можете добавить и изменить Фон.

Чтобы добавить Фон:

. Нажмите на Страницу.

. Справа от панели свойств Группы Страниц выберите "Стили".

. Из окна "Стили", нажмите на любой стиль оформления.

Чтобы добавить Фон для Главной страницы:

. В левой части окна Редактора, перейдите на "Фон", нажмите на "Главная страница".

. Вы можете посмотреть Фон в Галерее Фонов.

. Выберите Фон.

Рисунок 11 - Добавление Фона для Главной Страницы

Аналогично меняем фон остальных страниц.

Добавление тек ста

Добавление Названия

Как добавить Название для сайта:

. С левой стороны Редактора, перейдите на Добавить, а затем перейдите на Текст, нажмите Заголовки.

. Из галереи выберите стиль Названия.

Рисунок 12- Выбор стиля заголовка

. Для редактирования тек ста, нажмите дважды на Название, которое появится в Редакторе.

. Удалите выделенный текст и введите собственный.

Чем больше шрифт Заголовка, тем лучше это для SEO.

Добавление Картинок и Фотографий

Вы можете легко добавить фотографии на сайт и добавить отдельные фотографии или фотографии в Картинную Галерею.

Чтобы добавить Индивидуальные картинки:

. С левой стороны Редактора, перейдите на Добавить, выберите Фото.

. Из Галереи Фото, выберите Wix, Сообщества, или Мои Картинки, где Вы можете найти, вас интересующую, фотографию.

Рисунок 13. - Добавление индивидуальной картинки или фотографии.

Нажмите на картинку.

Ваша картинка откроется в Редакторе Wix.

Рисунок 14.- Добавленные фото на сайт

Магазин Онлайн является функцией пакета eCommerce Premium Package. Можно попробовать его бесплатно в Редакторе Wix (Wix Editor) но, чтобы начать продавать необходимо перейти на пакет Wix eCommerce Premium Package.

Рисунок 16- Добавление товара в Корзину

Публикация сайта

Теперь, когда вы создали свой сайт, вы готовы опубликовать и просматривать его в Интернете! Вам нужно будет сохранить документ, прежде чем опубликовать его. Вы можете также просмотреть сайт, чтобы убедиться, что он выглядит так, как вы хотите.

Вам нужно опубликовать свой сайт только один раз. После того, как вы опубликовали свой сайт, вам нужно всего лишь нажать на кнопку "Сохранить" и сайт будет обновляться автоматически.

Теперь Сайт Онлайн и его адрес http://cvetnik24.umi.ru/

 

Глава 3. Безопасность жизнедеятельности

.1 Общие требования безопасности при работе на персональном компьютере

сайт бизнес интерфейс платежный

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

-    повышение уровня электромагнитного излучения;

-       пониженная или повышенная влажность воздуха рабочей зоны;

-       повышенный уровень шума;

-       повышенный или пониженный уровень освещенности;

-       повышенная яркость светового изображения;

-       повышенное значение напряжения в электрической цепи, замыкание которой может произойти через тело человека;

-       напряжение зрения, внимания, длительные статические нагрузки.

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

.2 Требования безопасности перед началом работы

Пользователь при работе с персональным компьютером обязан:

-    осмотреть и привести в порядок рабочее место;

-       отрегулировать освещенность на рабочем месте, убедиться в достаточности освещенности, отсутствии отражений на экране;

-       проверить правильность подключения оборудования в электросеть;

-       проверить исправность проводящих проводов и отсутствие оголенных участков проводов;

-       убедиться в наличии защитного заземления;

-       протереть салфеткой поверхность экрана и защитного фильтра;

-       убедиться в отсутствии дискет в дисководах процессора персонального компьютера;

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

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

-    отсутствии защитного экранного фильтра класса "полная защита";

-       отсутствии специальной вилки с подключением заземления;

-       обнаружении неисправности оборудования;

-       при размещении персонального компьютера в ряд на расстоянии менее 1,2 метра, при расположении рабочих мест с компьютерами в колонку на расстоянии менее 2,0 метра, при рядном расположении дисплеев экранами друг к другу.

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

-       пользователь обязан сообщить руководителю подразделения, службы или участка об обнаруженной неисправности оборудования. Приступить к работе после устранения нарушений в работе или неисправностей оборудования;

-       пользователь должен убедиться, что включение оборудования никого не подвергает опасности;

-       пользователь не должен разрешать работать лицам, не имеющим допуска к работе с персональным компьютером.

.3 Требования безопасности во время работы

Пользователю при работе на персональном компьютере запрещается:

-    касаться одновременно экрана монитора и клавиатуры;

-       прикасаться к задней панели системного блока при включенном питании;

-       переключать разъемы интерфейсных кабелей периферийных устройств, при включенном питании;

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

Пользователь обязан соблюдать последовательность включения персонального компьютера:

-    включить блок питания;

-       включить периферийные устройства (принтер, монитор, сканер и другие);

-       включить системный блок (процессор).

Работник обязан отключить персональный компьютер от электросети:

-    при обнаружении неисправности;

-       при внезапном снятии напряжения электросети;

-       во время чистки и уборки оборудования.

Пользователь обязан оборудовать рабочее место:

-    высоту рабочей поверхности стола отрегулировать в пределах 680-800 мм, при отсутствии регулировки высота рабочей поверхности стола должна составлять 725 мм;

-       рабочий стол должен иметь пространство для ног высотой не менее 600 мм, шириной - не менее 500 мм, глубиной на уровне колен - не менее 450 мм и для вытянутых ног - не менее 650 мм;

-       клавиатуру расположить на поверхности стола на расстоянии 100-300 мм от края, обращенного к пользователю, или на специальной регулируемой по высоте рабочей, отдаленной от основной, столешницы;

-       уровень глаз при вертикально расположенном экране должен приходиться на центр или 2/3 высоты экрана, линия взора должна быть перпендикулярна центру экрана и оптимальное ее отклонение от перпендикуляра, проходящего через центр экрана в вертикальной плоскости, не должно превышать ±5°, допустимое - ±10°.

 

.4 Требования безопасности в аварийных ситуациях при работе за персональным компьютером

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

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

Во всех случаях поражения человека электрическим током немедленно вызывают врача. До прибытия врача нужно, не теряя времени, приступить к оказанию первой помощи пострадавшему.

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

Искусственное дыхание пораженному электрическим током производится вплоть до прибытия врача.

На рабочем месте запрещается иметь огнеопасные вещества.

В помещениях запрещается:

–    зажигать огонь;

–       включать электрооборудование, если в помещении пахнет газом;

–       курить;

–       сушить что-либо на отопительных приборах;

–       закрывать вентиляционные отверстия в электроаппаратуре.

Источниками воспламенения являются:

–    искра при разряде статического электричества;

–       искры от электрооборудования;

–       искры от удара и трения;

–       открытое пламя.

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

Помещения с электрооборудованием должны быть оснащены огнетушителями типа ОУ-2 или ОУБ-3.

 

.5 Требования безопасности после окончания работы с ПК

–    привести в порядок рабочее место;

–       отключить приборы и оборудование за исключением работающего в ждущем режиме (факс, сигнализация и т.п.);

–       о замеченных во время работы неисправностях и неполадках доложить руководителю.

–       после окончания работы с ПК соблюдать следующую последовательность его выключения:

–       произвести закрытие всех активных задач;

–       выполнить парковку считывающей головки жесткого диска (если не предусмотрена автоматическая парковка головки);

–       убедиться, что в дисководах нет дискет;

–       выключить питание системного блока (процессора);

–       выключить питание всех периферийных устройств;

–       отключить блок питания.

Заключение

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

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

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

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

Модульная система php-скрипта открывает широкие возможности и перспективы электронному магазину, позволит ему изменяться в ногу со временем, совершенствуя и оттачивая искусство взаимодействия с клиентом.

В соответствии с задание м на проектирование сайта был создан сайт Интернет-магазина цветов "Цветник 24".

Были созданы Главная страница и страницы: Заказать, О Компании, Контакты с соответствующим контентом.

Был создан каталог товаров, корзина для заказов, форма обратной связи.

В процессе создания сайта были получены навыки работы с системой создания и управления сайтом CMS Wix.

Список использованных источников и литературы

 

. Artus: Создание сайта, web-дизайн, реклама в интернете [Электронный ресурс]. - Режим доступа: http://www.artus.ru/.

. Артамонов В.П. Центр управления CMS [текст]: http://www.cmsli st.ru

. Веллинг Л. Разработка WEB-приложений с помощью PHP и MySQL. 2-е издание.: Пер. с англ. - М.: Издательский дом "Вильямс", 2014.-800 с.

. Википедия: CMS[Электронный ресурс]. - Режим доступа: http://ru.wikipedia.org/wiki/CMS Дата обращения: 14.10.2015.[1]

. Всеобщая классификация [Электронный ресурс]. - Режим доступа: http://king.nanoquant.ru/template1.html. Дата обращения: 21.03.2015.

. Григорий Рубцов. Система администрирования контента изнутри [текст]: http://kimsite.narod.ru/webmaster/index.htm

. Движки для сайтов, платные и бесплатные CMS системы, каталог систем управления сайтами [Электронный ресурс]. - Режим доступа: http://www.cmsmagazine.ru/catalogue/. Дата обращения: 10.04.2015.

. Жарикова Е.В. Выбор современной CMS[текст]: www.cms.ru/pages/1235/

. Застра Мет PHP4 руководство для начинающих, - М.: Издательский дом "Вильямс", 2015.-384 с.

. Иванов А.В. Критерии оценки быстродействия CMS [текст]: http://www.cmsli st.ru

. Использование ПО с открыты м и сходны м кодо м для создания Web- сайта для совместной работы [Электронный ре сур с]. - Режим доступа: http://joomla.ru/download/joomla/view.download/201/1951.html. Дата обращения: 21.05.2015.

. Костенко К. PHP. Web-профессионала м - К. : BHV, 2015. - 208 c.

. Красильникова О.В. Обзор рынка CMS - спрос [текст]: http://rucms.ru/visit.php?url=http://mdesign.ru

. Лозовюк А.В. Анатомия CMS [текст]: http://www.ho stinfo.ru/

. Нильсен Якоб "Веб-дизайн" - М.: Символ-Плюс, 2015 - 512 с.

. Нильсен Якоб, Хоа Лоранжер "Web-дизайн. Удобство использования Web-сайтов" - М.: Вильямс, 2015. - 376 с.

. Стив Круг "Веб-дизайн: книга Стива Круга, или не заставляйте меня думать!" - М.: Символ-плюс, 2015. - 200 с.

. Ташков П.А. Веб-мастеринг. HTML, CSS, JavaScript, PHP, CMS, AJAX, раскрутка. - СПб.: Питер, 2015. - 512 с.

. Вирин Ф. Интернет-маркетинг. Полный сборник практических инструментов. - М.: "Эксмо", 2015. - 288 с.

. Гаевский А. Ю., Романовский В.А. 100% самоучитель. Создание Web-страниц и Web-сайтов. HTML и JavaScript. - М.: "Триумф", 2015. - 464 с.

. Зандстра М. PHP. Объекты, шаблоны и методики программирования. - М.: "Вильямс", 2015. - 480 с.

. Муссиано Ч., Кеннеди Б. HTML и XHTML. Полное руководство. - М.: " Символ-Плюс", 2015. - 752 с.

. Ник сон Р. PHP. Создаем динамические веб-сайты с помощью PHP, MySQL и JavaScript. - С-Пб.: "Питер", 2015. - 496 с.

. Прохоренок Н. HTML и XHTML. HTML, JavaScript, PHP и MySQL. Джентльменский набор Web-мастера. - С-Пб.: "БХВ-Петербург", 2010. - 900 с.

. Рева О.Н. JavaScript в кармане. - М.: "Эксмо", 2015. - 256 с.

. Рейсиг Д. JavaScript. Профессиональные приемы программирования. - С-Пб.: "Питер", 2015. - 352 с.

. Стефанов С. JavaScript. Шаблоны. - М.: " Символ-Плюс", 2015. - 272 с.

. Шалак В.И. Логический анализ сети Интернет. - Режим доступа: http://www.ifap.ru/library/book318.pdf

. http://ru.wix.com/

Приложение

 

Программный код главной страницы

<html>

<head>

<meta http-equiv="X-UA-Compatible" content="IE=Edge"/>

<meta charset="utf-8"/>

<title>FLORIEL</title>

<meta name="fb_admins_meta_tag" content=""/>

<meta name="keywords" content="букеты, продажа, цветы"/>

<meta name="description" content=" магазин цветов"/>

<link rel="shortcut icon" hr ef="http://www.wix.com/favicon.ico" type="image/png"/>

<link rel="apple-touch-icon" hr ef="http://www.wix.com/favicon.ico" type="image/png"/>

<link rel="canonical" hr ef="http://ivanivanov1994.wix.com/floriel"/>

<meta http-equiv="X-Wix-Renderer-Server" content="apu2.aus"/>

<meta http-equiv="X-Wix-Meta-Site-Id" content="c1a3d3db-782e-4b54-a8b2-c0fbf5fdc229"/>

<meta http-equiv="X-Wix-Application-In stance-Id" content="7c626421- dd2c-4cc1-afe5-f32417d6386d"/>

<meta http-equiv="X-Wix-Published-Version" content="44"/>

<meta http-equiv="etag" content="b55a7578ed949b86ee7798ff15da9a19"/>

<meta property="og:title" content="FLORIEL"/>

<meta property="og:type" content="article"/>

<meta property="og:url" content="http://ivanivanov1994.wix.com/floriel"/>

<meta property="og:site_name" content="FLORIEL"/>

<meta property="og:description" content=" магазин цветов"/>

<meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PARSER_COMPATIBLE"/>

<meta id="wixMobileViewport" name="viewport" content="minimum-scale=0.25, maximum-scale=1.2"/>

<!--! LOOKING FOR THIS SITE'S SEO CONTENT?site's SEO content, such as meta tags and headers, is not here.is because search engines, like Google, actually crawl the site's homepage via http://ivanivanov1994.wix.com/floriel?_escaped_fragment_=

Internal pages, like "Корзина", also have their own special search engine versions, for example: http://ivanivanov1994.wix.com/floriel?_escaped_fragment_=cart%2Fcb3z

If you're looking for this site's SEO content, that's where you can view it.more information about Ajax page crawling? Read Google's explanation here: http://bit.ly/ajaxcrawling

<script type="text/javascript">

var rendererModel = {"debugMode":"nodebug","previewMode":false,"serviceMappings":{"2":{"idInMetaSite":2,"idInApp":"7c626421- dd2c-4cc1-afe5-f32417d6386d","applicationType":"HtmlWeb"}},"metaSiteId":"c1a3d3db-782e-4b54-a8b2-c0fbf5fdc229","premiumFeatures":[],"siteId":"7c626421- dd2c-4cc1-afe5-f32417d6386d","userId":"cf1e96b2-e76e-45e9-a6 dd-ac91e255508d","published":true,"revision":44,"applicationType":"HtmlWeb","documentType":"UGC","siteTitleSEO":"FLORIEL","clientSpecMap":{"13":{"type":"sitemembers","applicationId":13,"collectionType":"Open","smcollectionId":"a54e15ea-997f-4da9-b11a-78c077654d4a","smtoken":"2a0423ae9a6b8fa6bfbbd562408cccf0b2846e5d969bf57c2cd6 4714b3f42f331402e40d05ffb7ca0794f6cfc993c5ad62541eca505280c2999a263976a79a6b7962f006979 dde9ea8ea41d10923698897c39f975d2e16771b9533ee48abb210"},"1":{"type":"wixapps","applicationId":1,"appD efinitionId":"e4c4a4fb-673d-493a-9 ef1-661fa3823ad7","data storeId":"1372ce94-5727-b9e3-07fe-97a81e811131","packageName":"menu"," state":"Initialized","widgets":{"1660c5f3-b183-4e6c-a873-5d6bbd918224":{"widgetId":"1660c5f3-b183-4e6c-a873-5d6bbd918224","d efaultHeight":100,"d efaultWidth":400}}},"2":{"type":"appbuilder","applicationId":2,"appD efinitionId":"3d590cbc-4907-4cc4-b0b1- ddf2c5edf297","in stanceId":"1372ce94-5a52-5845-e922-f15560278cf3"," state":"Initialized"},"14":{"type":"ecommerce","applicationId":14,"appD efinitionId":"55a88716-958a-4b91-b666-6c1118abdee4","magento storeId":"38207651","packageName":"ecommerce","widgets":{"30b4a102-7649- 47d9-a60b-bfd89dcca135":{"widgetId":"30b4a102-7649- 47d9-a60b-bfd89dcca135","d efaultHeight":585,"d efaultWidth":960},"adb effec-c7df-4908-acd0-c dd23155a817":{"widgetId":"adb effec-c7df-4908-acd0-c dd23155a817","d efaultHeight":150,"d efaultWidth":500},"f72a3898-8520-4b60-8cd6-24e4e20d483d":{"widgetId":"f72a3898-8520-4b60-8cd6-24e4e20d483d","d efaultHeight":600,"d efaultWidth":840},"c029b3fd-e8e4-44f1-b1f0-1f83e437d45c":{"widgetId":"c029b3fd-e8e4-44f1-b1f0-1f83e437d45c","d efaultHeight":50,"d efaultWidth":200},"cd54a28f-e3c9-4522-91c4-15e6 dd5bc514":{"widgetId":"cd54a28f-e3c9-4522-91c4-15e6 dd5bc514","d efaultHeight":50,"d efaultWidth":200},"c614fb79-dbec-4ac7-b9b0-419669fadecc":{"widgetId":"c614fb79-dbec-4ac7-b9b0-419669fadecc","d efaultHeight":50,"d efaultWidth":200},"5fca0e8b-a33c-4c18-b8eb-da50d7f31e4a":{"widgetId":"5fca0e8b-a33c-4c18-b8eb-da50d7f31e4a","d efaultHeight":150,"d efaultWidth":800},"ae674d74-b30b- 47c3-aba0-0bd220e25a69":{"widgetId":"ae674d74-b30b- 47c3-aba0-0bd220e25a69","d efaultHeight":150,"d efaultWidth":220},"fbd55289-7136-4c7d-955c-3088974c1f93":{"widgetId":"fbd55289-7136-4c7d-955c-3088974c1f93","d efaultHeight":150,"d efaultWidth":220}}," state":"Initialized"},"15":{"type":"wixapps","applicationId":15,"appD efinitionId":"61f33d50-3002-4882-ae86-d319c1a249ab","data storeId":"1372ce94-6b54-3421-0391-1cfe87695452","packageName":"blog"," state":"Initialized","widgets":{"56ab6fa4-95ac-4391-9337-6702b8a77011":{"widgetId":"56ab6fa4-95ac-4391-9337-6702b8a77011","d efaultHeight":400,"d efaultWidth":210},"31c0cede-09db-4ec7-b760-d375d62101e6":{"widgetId":"31c0cede-09db-4ec7-b760-d375d62101e6","d efaultHeight":600,"d efaultWidth":680},"1b8c501f-ccc2- 47e7-952a- 47e26 4752614":{"widgetId":"1b8c501f-ccc2- 47e7-952a- 47e26 4752614","d efaultHeight":280,"d efaultWidth":916},"33a9f5e0-b083-4ccc-b55d-3ca5d241a6eb":{"widgetId":"33a9f5e0-b083-4ccc-b55d-3ca5d241a6eb","d efaultHeight":220,"d efaultWidth":210},"c7f57b50-8940-4ff1-83c6-6756d6f0a1f4":{"widgetId":"c7f57b50-8940-4ff1-83c6-6756d6f0a1f4","d efaultHeight":220,"d efaultWidth":210},"f72fe377-8abc-40f2-8656-89cfe00f3a22":{"widgetId":"f72fe377-8abc-40f2-8656-89cfe00f3a22","d efaultHeight":300,"d efaultWidth":210},"c340212a-6e2e-45cd-9dc4-58d01a5b63a7":{"widgetId":"c340212a-6e2e-45cd-9dc4-58d01a5b63a7","d efaultHeight":300,"d efaultWidth":210},"ea63bc0f-c09f- 470c-ac9e-2a408b499f22":{"widgetId":"ea63bc0f-c09f- 470c-ac9e-2a408b499f22","d efaultHeight":800,"d efaultWidth":800},"4de5abc5-6da2-4f97-acc3-94bb74285072":{"widgetId":"4de5abc5-6da2-4f97-acc3-94bb74285072","d efaultHeight":800,"d efaultWidth":800},"e000b4bf-9ff1-4e66-a0d3-d4b365ba3af5":{"widgetId":"e000b4bf-9ff1-4e66-a0d3-d4b365ba3af5","d efaultHeight":400,"d efaultWidth":210},"43c2a0a8-f224-4a29-bd19-508114831a3a":{"widgetId":"43c2a0a8-f224-4a29-bd19-508114831a3a","d efaultHeight":40,"d efaultWidth":210}}}},"runningExperiments":{"MobilePropsCompFactoryA dditions":"new","EcomExp7":"New","EcomExp2":"New","PageNavigationFix":"New","wixappszoomresize":"new","fixedtinymenu":"New","useClientNewDeployViewer":"true","ecomimagezoom":"New","AlwaysLoadFrom static":"new","MobileComponentProperties":"New","ContainerNBC":"New","TinyTextAlign":"New","denisskinpack2":"new","AnchorMenuToggle":"New","EcomGalleries":"New","fontAdvance style":"New","WixAppsCached style":"new","BasicMenu":"New","NBC_HorizontalLin efullScreenWidth":"New","Mp3FromGoogleCdn":"New","SiteMemberTranslated":"New","Cu stomizationsOnDiet":"new","SessionDataInConfigManager":"New","WixAppsGalleries":"New","VerticalMenu":"New","editorMenu":"New","MobileTextBrightness":"New","subscrib eform":"new","YouTub efixes":"New","EcomFeedback":"New","clippedParagraphSafariFix":"New"},"languageCode":"ru","scriptsCacheKiller":1,"siteMetaData":{"preloader":{"enabled":false},"hasMobile structure":false,"quickActions":{"socialLinks":[],"colorScheme":"dark","configuration":{"quickActionsMenuEnabled":false,"navigationMenuEnabled":true,"phoneEnabled":false,"emailEnabled":false,"a ddressEnabled":false,"socialLinksEnabled":false}},"contactInfo":{"companyName":"","phone":"","fax":"","email":"","a ddress":""}},"geo":"UKR"};

var publicModel =

{"externalBaseUrl":"http://ivanivanov1994.wix.com/floriel","domain":"wix.com","premiumFeatures":[],"language":"ru","favicon":"","suppres strackingCookies":false,"pageLi st":{"ma sterPage":["http:// static.para storage.com/sites/cf1e96_90d10b1da25dfe24b68274998d0b2111_41.json.z?v=2","http:// static.wix static.com/sites/cf1e96_90d10b1da25dfe24b68274998d0b2111_41.json.z?v=2","http://archive.wix.com/sites/cf1e96_90d10b1da25dfe24b68274998d0b2111_41.json.z?v=2","http://fallback.wix.com/wix-html-editor-pages-webapp/page/cf1e96_90d10b1da25dfe24b68274998d0b2111_41.json","http://publicorigin.wix.com/wix-public-html-renderer/page/cf1e96_90d10b1da25dfe24b68274998d0b2111_41.json"],"pages":[{"pageId":"cb3z","title":"Корзина","urls":["http:// static.para storage.com/sites/cf1e96_0144f9e1699941672d6b8d808a67453f_43.json.z?v=2","http:// static.wix static.com/sites/cf1e96_0144f9e1699941672d6b8d808a67453f_43.json.z?v=2","http://archive.wix.com/sites/cf1e96_0144f9e1699941672d6b8d808a67453f_43.json.z?v=2","http://fallback.wix.com/wix-html-editor-pages-webapp/page/cf1e96_0144f9e1699941672d6b8d808a67453f_43.json","http://publicorigin.wix.com/wix-public-html-renderer/page/cf1e96_0144f9e1699941672d6b8d808a67453f_43.json"]},{"pageId":"mainPage","title":"Главная","urls":["http:// static.para storage.com/sites/cf1e96_065c0a4f3f375de5f3589129744e96e2_43.json.z?v=2","http:// static.wix static.com/sites/cf1e96_065c0a4f3f375de5f3589129744e96e2_43.json.z?v=2","http://archive.wix.com/sites/cf1e96_065c0a4f3f375de5f3589129744e96e2_43.json.z?v=2","http://fallback.wix.com/wix-html-editor-pages-webapp/page/cf1e96_065c0a4f3f375de5f3589129744e96e2_43.json","http://publicorigin.wix.com/wix-public-html-renderer/page/cf1e96_065c0a4f3f375de5f3589129744e96e2_43.json"]},{"pageId":"cfvg","title":"Контакты","urls":["http:// static.para storage.com/sites/cf1e96_4862dbc88e9fbb9cbda3db80ab5bba24_39.json.z?v=2","http:// static.wix static.com/sites/cf1e96_4862dbc88e9fbb9cbda3db80ab5bba24_39.json.z?v=2","http://archive.wix.com/sites/cf1e96_4862dbc88e9fbb9cbda3db80ab5bba24_39.json.z?v=2","http://fallback.wix.com/wix-html-editor-pages-webapp/page/cf1e96_4862dbc88e9fbb9cbda3db80ab5bba24_39.json","http://publicorigin.wix.com/wix-public-html-renderer/page/cf1e96_4862dbc88e9fbb9cbda3db80ab5bba24_39.json"]},{"pageId":"cee5","title":"Заказать","urls":["http:// static.para storage.com/sites/cf1e96_71f148ed458ac693329849dfa03a5a08_35.json.z?v=2","http:// static.wix static.com/sites/cf1e96_71f148ed458ac693329849dfa03a5a08_35.json.z?v=2","http://archive.wix.com/sites/cf1e96_71f148ed458ac693329849dfa03a5a08_35.json.z?v=2","http://fallback.wix.com/wix-html-editor-pages-webapp/page/cf1e96_71f148ed458ac693329849dfa03a5a08_35.json","http://publicorigin.wix.com/wix-public-html-renderer/page/cf1e96_71f148ed458ac693329849dfa03a5a08_35.json"]},{"pageId":"c1949","title":" Свежие цветы","urls":["http:// static.para storage.com/sites/cf1e96_a66afa288f582dbfc48f115f0a05e848_32.json.z?v=2","http:// static.wix static.com/sites/cf1e96_a66afa288f582dbfc48f115f0a05e848_32.json.z?v=2","http://archive.wix.com/sites/cf1e96_a66afa288f582dbfc48f115f0a05e848_32.json.z?v=2","http://fallback.wix.com/wix-html-editor-pages-webapp/page/cf1e96_a66afa288f582dbfc48f115f0a05e848_32.json","http://publicorigin.wix.com/wix-public-html-renderer/page/cf1e96_a66afa288f582dbfc48f115f0a05e848_32.json"]},{"pageId":"cjg9","title":"О ко мпании","urls":["http:// static.para storage.com/sites/cf1e96_dc6fd0306e49f737896cb97d2dad36cf_35.json.z?v=2","http:// static.wix static.com/sites/cf1e96_dc6fd0306e49f737896cb97d2dad36cf_35.json.z?v=2","http://archive.wix.com/sites/cf1e96_dc6fd0306e49f737896cb97d2dad36cf_35.json.z?v=2","http://fallback.wix.com/wix-html-editor-pages-webapp/page/cf1e96_dc6fd0306e49f737896cb97d2dad36cf_35.json","http://publicorigin.wix.com/wix-public-html-renderer/page/cf1e96_dc6fd0306e49f737896cb97d2dad36cf_35.json"]},{"pageId":"c9pz","title":"Офор мление и Букеты","urls":["http:// static.para storage.com/sites/cf1e96_f554c03ac9bf12d39044c45223c5ae70_28.json.z?v=2","http:// static.wix static.com/sites/cf1e96_f554c03ac9bf12d39044c45223c5ae70_28.json.z?v=2","http://archive.wix.com/sites/cf1e96_f554c03ac9bf12d39044c45223c5ae70_28.json.z?v=2","http://fallback.wix.com/wix-html-editor-pages-webapp/page/cf1e96_f554c03ac9bf12d39044c45223c5ae70_28.json","http://publicorigin.wix.com/wix-public-html-renderer/page/cf1e96_f554c03ac9bf12d39044c45223c5ae70_28.json"]}],"mainPageId":"mainPage"},"siteRevision":44,"timeSincePublish":16786777,"adaptiveMobileOn":true};

var serviceTopology =

{"serverName":"apu2.aus","cacheKillerVersion":"1"," staticServerUrl":"http:// static.para storage.com/","usersScriptsRoot":"http:// static.para storage.com/services/wix-users/2.351.0","biServerUrl":"http://frog.wix.com/","userServerUrl":"http://users.wix.com/","billingServerUrl":"http://premium.wix.com/","mediaRootUrl":"http:// static.wix static.com/","logServerUrl":"http://frog.wix.com/plebs","monitoringServerUrl":"http://TODO/","usersClientApiUrl":"https://users.wix.com/wix-users","public staticBaseUri":"http:// static.para storage.com/services/wix-public/1.109.0","basePublicUrl":"http://www.wix.com/","po stLoginUrl":"http://www.wix.com/my-account","po stSignUpUrl":"http://www.wix.com/new/account","baseDomain":"wix.com"," staticMediaUrl":"http:// static.wix static.com/media"," staticAudioUrl":"http://media.wix.com/mp3","emailServer":"http://assets.wix.com/common-services/notification/invoke","blobUrl":"http:// static.para storage.com/wix_blob","htmlEditorUrl":"http://editor.wix.com/html","siteMembersUrl":"https://users.wix.com/wix-sm","scriptsLocationMap":{"boot strap":"http:// static.para storage.com/services/boot strap/2.858.8","it":"http:// static.para storage.com/services/experiments/it/1.37.0","verticalmenu":"http:// static.para storage.com/services/experiments/verticalmenu/1.37.0","wix-in sta-template":"http:// static.para storage.com/services/experiments/wix-in sta-template/1.8.0","automation":"http:// static.para storage.com/services/automation/1.23.0","ecommerce":"http:// static.para storage.com/services/ecommerce/1.168.0","wixapps":"http:// static.para storage.com/services/wixapps/2.369.5","web":"http:// static.para storage.com/services/web/2.858.8","ut":"http:// static.para storage.com/services/experiments/ut/1.2.0","tpa":"http:// static.para storage.com/services/tpa/2.793.0","anchor":"http:// static.para storage.com/services/experiments/anchor/1.33.0","subscrib eform":"http:// static.para storage.com/services/experiments/subscrib eform/1.18.0","ck-editor":"http:// static.para storage.com/services/ck-editor/1.68.1","ecomfeedback":"http:// static.para storage.com/services/experiments/ecomfeedback/1.12.0","sitemembers":"http:// static.para storage.com/services/sm-js-sdk/1.31.0","packagepicker":"http:// static.para storage.com/services/experiments/packagepicker/1.8.0","hotfixes":"http:// static.para storage.com/services/experiments/hotfixes/1.11.0","backtotopbutton":"http:// static.para storage.com/services/experiments/backtotopbutton/1.8.0","langs":"http:// static.para storage.com/services/langs/2.393.0","verifypremium":"http:// static.para storage.com/services/experiments/verifypremium/1.8.0","core":"http:// static.para storage.com/services/core/2.858.8","mobilequicktour":"http:// static.para storage.com/services/experiments/mobilequicktour/1.14.0","editormenu":"http:// static.para storage.com/services/experiments/editormenu/1.142.0","skins":"http:// static.para storage.com/services/skins/2.858.8"},"developerMode":false,"userFilesUrl":"http:// static.para storage.com/"," staticHTMLComponentUrl":"http://ivanivanov1994.wix.com.usrfiles.com/","secured":false,"ecommerceCheckoutUrl":"https://www.safer-checkout.com/","premiumServerUrl":"https://premium.wix.com/","appRepoUrl":"http://assets.wix.com/wix-li sts-ds-webapp","public staticsUrl":"http:// static.para storage.com/services/wix-public/1.109.0"," staticDocsUrl":"http://media.wix.com/ugd"};

var siteHeader = {"id":"7c626421- dd2c-4cc1-afe5-f32417d6386d", "userId":"cf1e96b2-e76e-45e9-a6 dd-ac91e255508d"};siteId = siteHeader.id;configUrls = serviceTopology;debugMode = "nodebug";viewMode = (rendererModel.previewMode) ? 'preview' : 'site';googleAnalytics = "";

</script>

<meta name="fragment" content="!"/>

<!-- DATA -->

<script type="text/javascript">

var a ddata = {"topLabel":"<span>

var usersDomain = "https://users.wix.com//wix-users";

</script>

<script src="http:// static.para storage.com/services/wix users/2.351.0/client/js/userApi_v2.js?cacheKiller=1"></script>

<script src="http:// static.para storage.com/services/wix-users/2.351.0/user-api/user-api.min.js?cacheKiller=1"></script>

<script type="text/javascript">userApi = UserApi.getIn stance().init({

"usersDomain":"http://users.wix.com//wix-users",

"corsEnabled":false,

"dontHandShake":true,

"urlThatUserRedirectedFrom":"$"

});.setOptions({

"usersDomain":"http://users.wix.com//wix-users",

"urlParams": { "urlThatUserRedirectedFrom" : "$" }

});

</script>

</head>

<body>

<script type="text/javascript">(window.NREUM||(NREUM={})).loader_config={xpid:"VgUDU15ACQoGV1NUDg=="};window.NREUM||(NREUM={}),__nr_require=function(t,e,n){function r(n){if(!e[n]){var o=e[n]={exports:{}};t[n][0].call(o.exports,function(e){var o=t[n][1][e];return r(o?o:e)},o,o.exports)}return e[n].exports}if("function"==typeof __nr_require)return __nr_require;for(var o=0;o<n.length;o++)r(n[o]);return r}({1:[function(t,e){function n(t,e,n){n||(n={});for(var r=o[t],a=r&&r.length||0,s=n[i]||(n[i]={}),u=0;a>u;u++)r[u].apply(s,e);return s}function r(t,e){var n=o[t]||(o[t]=[]);n.push(e)}var o={},i="nr@context";e.exports={on:r,emit:n}},{}],2:[function(t){function e(t,e,n,i,s){return u?u-=1:r("err",[s||new UncaughtException(t,e,n)]),"function"==typeof a?a.apply(this,o(arguments)):!1}function UncaughtException(t,e,n){this.message=t||"Uncaught error with no a dditional information",this.sourceURL=e,this.line=n}function n(t){r("err",[t,(new Date).getTime()])}var r=t("handle"),o=t(6),i=t(5),a=window.onerror,s=!1,u=0;t("loader").features.push("err"),window.onerror=e,NREUM.noticeError=n;try{throw new Error}catch(d){" stack"in d&&(t(1),t(2),"a ddEventLi stener"in window&&t(3),window.XMLHttpReque st&&XMLHttpReque st.prototype&&XMLHttpReque st.prototype.a ddEventLi stener&&t(4),s=!0)}i.on("fn- start",function(){s&&(u+=1)}),i.on("fn-err",function(t,e,r){s&&(this.thrown=!0,n(r))}),i.on("fn-end",function(){s&&!this.thrown&&u>0&&(u-=1)}),i.on("internal-error",function(t){r("ierr",[t,(new Date).getTime(),!0])})},{1:5,2:4,3:3,4:6,5:1,6:14,handle:"D5DuLP",loader:"G9z0Bl"}],3:[function(t){function e(t){r.inPlace(t,["a ddEventLi stener","removeEventLi stener"],"-",n)}function n(t){return t[1]}var r=t(1),o=(t(3),t(2));if(e(window),"getPrototypeOf"in Object){for(var i=document;i&&!i.hasOwnProperty("a ddEventLi stener");)i=Object.getPrototypeOf(i);i&&e(i);for(var a=XMLHttpReque st.prototype;a&&!a.hasOwnProperty("a ddEventLi stener");)a=Object.getPrototypeOf(a);a&&e(a)}else XMLHttpReque st.prototype.hasOwnProperty("a ddEventLi stener")&&e(XMLHttpReque st.prototype);o.on("a ddEventLi stener- start",function(t){if(t[1]){var e=t[1];"function"==typeof e?this.wrapped=e["nr@wrapped"]?t[1]=e["nr@wrapped"]:e["nr@wrapped"]=t[1]=r(e,"fn-"):"function"==typeof e.handleEvent&&r.inPlace(e,["handleEvent"],"fn-")}}),o.on("removeEventLi stener- start",function(t){var e=this.wrapped;e&&(t[1]=e)})},{1:15,2:1,3:14}],4:[function(t){var e=(t(3),t(1)),n=t(2);e.inPlace(window,["reque stAnimationFrame","mozReque stAnimationFrame","webkitReque stAnimationFrame","msReque stAnimationFrame"],"raf-"),n.on("raf- start",function(t){t[0]=e(t[0],"fn-")})},{1:15,2:1,3:14}],5:[function(t){function e(t){var e=t[0];" string"==typeof e&&(e=new Function(e)),t[0]=n(e,"fn-")}var n=(t(3),t(1)),r=t(2);n.inPlace(window,["setTimeout","setInterval","setImmediate"],"setTimer-"),r.on("setTimer- start",e)},{1:15,2:1,3:14}],6:[function(t){function e(){o.inPlace(this,s,"fn-")}function n(t,e){o.inPlace(e,["onready statechange"],"fn-")}function r(t,e){return e}var o=t(1),i=t(2),a=window.XMLHttpReque st,s=["onload","onerror","onabort","onload start","onloadend","onprogress","ontimeout"];window.XMLHttpReque st=function(t){var n=new a(t);try{i.emit("new-xhr",[],n),o.inPlace(n,["a ddEventLi stener","removeEventLi stener"],"-",function(t,e){return e}),n.a ddEventLi stener("ready statechange",e,!1)}catch(r){try{i.emit("internal-error",r)}catch(s){}}return n},window.XMLHttpReque st.prototype=a.prototype,o.inPlace(XMLHttpReque st.prototype,["open","send"],"-xhr-",r),i.on("send-xhr- start",n),i.on("open-xhr- start",n)},{1:15,2:1}],7:[function(t){function e(){function e(t){if(" string"==typeof t&&t.length)return t.length;if("object"!=typeof t)return void 0;if("und efined"!=typeof ArrayBuffer&&t in stanceof ArrayBuffer&&t.byteLength)return t.byteLength;if("und efined"!=typeof Blob&&t in stanceof Blob&&t.size)return t.size;if("und efined"!=typeof FormData&&t in stanceof FormData)return void 0;try{return JSON. stringify(t).length}catch(e){return void 0}}function n(t){var n=this.params,r=this.metrics;if(!this.ended){this.ended=!0;for(var i=0;u>i;i++)t.removeEventLi stener(s[i],this.li stener,!1);if(!n.aborted){if(r.duration=(new Date).getTime()-this. startTime,4===t.ready state){n. status=t. status;var a=t.responseType,d="arraybuffer"===a||"blob"===a||"json"===a?t.response:t.responseText,f=e(d);if(f&&(r.rxSize=f),this.sameOrigin){var c=t.getResponseHeader("X-NewRelic-App-Data");c&&(n.cat=c.split(", ").pop())}}else n. status=0;r.cbTime=this.cbTime,o("xhr",[n,r])}}}function r(t,e){var n=i(e),r=t.params;r.ho st=n.ho stname+":"+n.port,r.pathname=n.pathname,t.sameOrigin=n.sameOrigin}t("loader").features.push("xhr");var o=t("handle"),i=t(1),a=t(5),s=["load","error","abort","timeout"],u=s.length,d=t(2);t(3),t(4),a.on("new-xhr",function(){this.totalCbs=0,this.called=0,this.cbTime=0,this.end=n,this.ended=!1,this.xhrGuids={}}),a.on("open-xhr- start",function(t){this.params={method:t[0]},r(this,t[1]),this.metrics={}}),a.on("open-xhr-end",function(t,e){"loader_config"in NREUM&&"xpid"in NREUM.loader_config&&this.sameOrigin&&e.setReque stHeader("X-NewRelic-ID",NREUM.loader_config.xpid)}),a.on("send-xhr- start",function(t,n){var r=this.metrics,o=t[0],i=this;if(r&&o){var d=e(o);d&&(r.txSize=d)}this. startTime=(new Date).getTime(),this.li stener=function(t){try{"abort"===t.type&&(i.params.aborted=!0),("load"!==t.type||i.called===i.totalCbs&&(i.onloadCalled||"function"!=typeof n.onload))&&i.end(n)}catch(e){try{a.emit("internal-error",e)}catch(r){}}};for(var f=0;u>f;f++)n.a ddEventLi stener(s[f],this.li stener,!1)}),a.on("xhr-cb-time",function(t,e,n){this.cbTime+=t,e?this.onloadCalled=!0:this.called+=1,this.called!==this.totalCbs||!this.onloadCalled&&"function"==typeof n.onload||this.end(n)}),a.on("xhr-load-a dded",function(t,e){var n=""+d(t)+!!e;this.xhrGuids&&!this.xhrGuids[n]&&(this.xhrGuids[n]=!0,this.totalCbs+=1)}),a.on("xhr-load-removed",function(t,e){var n=""+d(t)+!!e;this.xhrGuids&&this.xhrGuids[n]&&(delete this.xhrGuids[n],this.totalCbs-=1)}),a.on("a ddEventLi stener-end",function(t,e){e in stanceof XMLHttpReque st&&"load"===t[0]&&a.emit("xhr-load-a dded",[t[1],t[2]],e)}),a.on("removeEventLi stener-end",function(t,e){e in stanceof XMLHttpReque st&&"load"===t[0]&&a.emit("xhr-load-removed",[t[1],t[2]],e)}),a.on("fn- start",function(t,e,n){e in stanceof XMLHttpReque st&&("onload"===n&&(this.onload=!0),("load"===(t[0]&&t[0].type)||this.onload)&&(this.xhrCb start=(new Date).getTime()))}),a.on("fn-end",function(t,e){this.xhrCb start&&a.emit("xhr-cb-time",[(new Date).getTime()-this.xhrCb start,this.onload,e],e)})}window.XMLHttpReque st&&XMLHttpReque st.prototype&&XMLHttpReque st.prototype.a ddEventLi stener&&!/CriOS/.te st(navigator.userAgent)&&e()},{1:8,2:11,3:3,4:6,5:1,handle:"D5DuLP",loader:"G9z0Bl"}],8:[function(t,e){e.exports=function(t){var e=document.createElement("a"),n=window.location,r={};e.hr ef=t,r.port=e.port;var o=e.hr ef.split("://");return!r.port&&o[1]&&(r.port=o[1].split("/")[0].split(":")[1]),r.port&&"0"!==r.port||(r.port="https"===o[0]?"443":"80"),r.ho stname=e.ho stname||n.ho stname,r.pathname=e.pathname,"/"!==r.pathname.charAt(0)&&(r.pathname="/"+r.pathname),r.sameOrigin=!e.ho stname||e.ho stname===document.domain&&e.port===n.port&&e.protocol===n.protocol,r}},{}],handle:[function(t,e){e.exports=t("D5DuLP")},{}],D5DuLP:[function(t,e){function n(t,e){var n=r[t];return n?n.apply(this,e):(o[t]||(o[t]=[]),void o[t].push(e))}var r={},o={};e.exports=n,n.queues=o,n.handlers=r},{}],11:[function(t,e){function n(t){if(!t||"object"!=typeof t&&"function"!=typeof t)return-1;if(t===window)return 0;if(o.call(t,"__nr"))return t.__nr;try{return Object.d efineProperty(t,"__nr",{value:r,writable:!0,enumerable:!1}),r}catch(e){return t.__nr=r,r}finally{r+=1}}var r=1,o=Object.prototype.hasOwnProperty;e.exports=n},{}],loader:[function(t,e){e.exports=t("G9z0Bl")},{}],G9z0Bl:[function(t,e){function n(){var t=p.info=NREUM.info;if(t&&t.agent&&t.licenseKey&&t.applicationID&&u&&u.body){p.proto="https"===c.split(":")[0]||t.sslForHttp?"https://":"http://",a("mark",["onload",i()]);var e=u.createElement("script");e.src=p.proto+t.agent,u.body.appendChild(e)}}function r(){"complete"===u.ready state&&o()}function o(){a("mark",["domContent",i()])}function i(){return(new Date).getTime()}var a=t("handle"),s=window,u=s.document,d="a ddEventLi stener",f="attachEvent",c=(""+location).split("?")[0],p=e.exports={offset:i(),origin:c,features:[]};u[d]?(u[d]("DOMContentLoaded",o,!1),s[d]("load",n,!1)):(u[f]("onready statechange",r),s[f]("onload",n)),a("mark",["fir stbyte",i()])},{handle:"D5DuLP"}],14:[function(t,e){function n(t,e,n){e||(e=0),"und efined"==typeof n&&(n=t?t.length:0);for(var r=-1,o=n-e||0,i=Array(0>o?0:o);++r<o;)i[r]=t[e+r];return i}e.exports=n},{}],15:[function(t,e){function n(t,e,r,s){function nrWrapper(){try{var n,a=u(arguments),d=this,f=r&&r(a,d)||{}}catch(c){i([c,"",[a,d,s],f])}o(e+" start",[a,d,s],f);try{return n=t.apply(d,a)}catch(p){throw o(e+"err",[a,d,p],f),p}finally{o(e+"end",[a,d,n],f)}}return a(t)?t:(e||(e=""),nrWrapper[n.flag]=!0,nrWrapper)}function r(t,e,r,o){r||(r="");var i,s,u,d="-"===r.charAt(0);for(u=0;u<e.length;u++)s=e[u],i=t[s],a(i)||(t[s]=n(i,d?s+r:r,o,s,t))}function o(t,e,n){try{s.emit(t,e,n)}catch(r){i([r,t,e,n])}}function i(t){try{s.emit("internal-error",t)}catch(e){}}function a(t){return!(t&&"function"==typeof t&&t.apply&&!t[n.flag])}var s=t(1),u=t(2);e.exports=n,n.inPlace=r,n.flag="nr@wrapper"},{1:1,2:14}]},{},["G9z0Bl",2,7]);</script>

<link rel=" stylesheet" type="text/css" hr ef="http:// static.para storage.com/services/web/2.858.8/css/wysiwyg/preloader.css">

<div id="viewer_preloader">

<p>Loading</p>

<h2></h2>

<div id="preloader"></div>

</div>

<script type="text/javascript" src="http:// static.para storage.com/services/core/2.858.8/javascript/core/utils/mobile_utils.js"></script>

<script type="text/javascript" src="http:// static.para storage.com/services/ web/2.858.8/javascript/wysiwyg/viewer/preloader.js"></script>

<!-- debug mode=nodebug -->

<!-- anc2 -->

<script type="text/javascript">anchors = {};

</script>

<script src="http:// static.para storage.com/services/boot strap/2.858.8/javascript/boot strap.min.js"></script> <script src="http:// static.para storage.com/services/web/2.858.8/ deployviewer.min.js"></script>

<div comp="wysiwyg.viewer.components.WixAds" skin="wysiwyg.viewer.skins.wixadsskins.WixAdsWebSkin" id="wixFooter"></div> <script>

window.d efine && d efine.resource(' status. structure.loaded', true);

</script>

<script type="text/javascript">window.NREUM||(NREUM={});NREUM.info={"applicationID":"1963269,1963270","applicationTime":11,"beacon":"beacon-6.newrelic.com","queueTime":0,"licenseKey":"c99d7f1ab0","transactionName":"ZFAHNkNYXUBQVEUKXF0aKDRyFmRWU39FDl9hUAsGVEtWQR9FVA1XVkc=","agent":"js-agent.newrelic.com\/nr-411.min.js","errorBeacon":"bam.nr-data.net"}</script>

</body>

</html>