ПЗ Полякова (1221124), страница 4

Просмтор этого файла доступен только зарегистрированным пользователям. Но у нас супер быстрая регистрация: достаточно только электронной почты!

Текст из файла (страница 4)

На главной странице сайта размещено меню с разделами товаров, являющиеся гиперссылкой на страницы разделов товаров.

Одежда:

• Мужская;

• Женская;

Комплектующие:

• Комплектующие к ПК;

• Периферия;

Для авто:

• Запчасти;

• Для салона;

Перейдя по ссылкам, попадаешь в нужный раздел с каталогом товаров, например: Наведя курсор мыши на пункт меню «Для авто», появляется выпадающее меню с выбором раздела «Запчасти» и «Для салона», кликая по ссылке «для салона» осуществляется переход на страницу каталога товаров для салона автомобиля (рисунок 14).

Рисунок 14 – Пример перехода

Код операции:

<a href="./salon.php" target="_blank"><span class="ui-icon ui-icon-triangle-1-e"></span>Длясалона</a></li>

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

$(document).ready(function()

{

var Carousel1Opts =

{

delay: 3000,

duration: 500,

easing: 'linear',

mode: 'forward',

direction: '',

pagination: true,

pagination_img_default: 'images/page_default.png',

pagination_img_active: 'images/page_active.png',

start: 0,

width: 560

};

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

Рисунок 15 – Всплывающая подсказка

Код элемента:

var jQueryToolTip2Opts =

{

hide: 'slideUp',

show: 'slideDown',

content: '<span style="color:#000000;font-family:\'Times New Roman\';font-size:16px;">Кликнитедляперехода</span>',

items: '#wb_Image8',

position: { my: "center bottom", at: "center top", collision: "flipfit" }

};

$("#wb_Image8").tooltip(jQueryToolTip2Opts);

Данный код относится к типу jQuery сценариев.

Рисунок 16 – Вставка видео

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

Кодэлемента:

<div id="wb_YouTube1" style="position:absolute;left:20px;top:520px;width:580px;height:290px;z-index:6;">

<iframe width="580" height="290" src="http://www.youtube.com/embed/9p7oGaxpAZ8?rel=1&amp;version=3&amp;autohide=0&amp;fs=1&amp;theme=dark" frameborder="0" allowfullscreen></iframe>

</div>

Если товар понравился, и пользователь хочет его заказать, то нужно нажать левой кнопкой мыши по кнопке «заказать». Пользователя тут же переведет на страницу заказа (рисунок 17).

Рисунок 17 – Форма заказа

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

Код отправки заказа и код проверки заполненных полейприведен в приложении В.

Подобным образом реализованы остальные страницы сайта интернет магазина.

Для пользователей, которые хотели бы разместить свои товары на данном сайте, создана специальная форма обратной связи (рисунок 18).

Рисунок 18 – Обратная связь

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

Рисунок 19 – форма обратной связи

Также для формы обратной связи (рисунок 19) существует проверка на заполняемость полей.

4 ТЕХНИКО-ЭКОНОМИЧЕСКОЕ ОБОСНОВАНИЕ

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

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

Когда схема сайта согласована, начинается составление технического задания (ТЗ). В зависимости от сложности, составление может занимать от нескольких часов, до нескольких дней. После согласования ТЗ, начинается проработка дизайна проекта.

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

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

• прорисовка дизайна страниц в графическом редакторе;

• затем этот макет преобразуется в htmlиCSS-код;

• теперь макет можно заполнять содержанием и изображениями;

• и последний этап, публикация в интернете.

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

Пример расчета создания сайта:

Таблица 1 – Стоимость услуг разработчиков

Разработчик	Стоимость
Менеджер	1000р./ч.
Программист	1000р./ч.
Дизайнер	1000р./ч.

Таблица 2 – Время на подготовку к разработке

Тип	Часы
Разработка схем	5
Составление ТЗ	20
Дизайн	25
Верстка	15
Программирование	10
Итого	75

Прототипированием и составлением ТЗ занимается менеджер, отсюда следует:

С = М • (Р+Т),

где

С – структура сайта;

М – работа менеджера (в час);

Р – разработка схем (часов);

Т – техническое задание;

С = 1000 • (5+20) = 25000 р.

Работу дизайнера можно рассчитать по формуле:

Р,

где

Р– работа дизайнера;

У– стоимость услуг дизайнера (в час);

Д – время разработки дизайна (часы);

Р,

Заключительный этап расчетов, верстка и программирование:

И,

где

И = итог (рубли);

П = программист (рублей/час);

В = верстка (часы);

Пр = программирование (часы);

И = 1000(15+10) = 25000 р.

Теперь нужно посчитать общую прибыль от проекта:

Общ = С + Р + И,

Общ = 25000 + 25000 + 25000 = 75000 р.

Выходит, что общая стоимость создания сайта будет стоить 75000 р.

Так же стоит посчитать процент, что берет себе компания. К примеру, компания берет себе 10%.

М = Общ • 10%,

М = 7500 р.

В итоге общая стоимость проекта будет составлять 82000 рублей.

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

ЗАКЛЮЧЕНИЕ

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

В данной ВКР были решены следующие задачи:

• выполнен обзор технологий веб разработки;

• разработан проект сайта интернет магазина;

• реализован проект интернет магазина.

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

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

Данный web-сайт является действующим и находится на домене: http://baraholka27.ru/

СПИСОК ИСПОЛЬЗУЕМЫХ ИСТОЧНИКОВ

• Гилстер, Пол. Навигатор Internet // М.: Джон Уайли, 2012. – 735 c.

• Закарян, И.Р.; Что такое Internet,www и html. Первое знакомство // М.: Инфра–М, 2001. – 212 c.

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

• Айзенменгер, Р. HTML 3.2/4.0. Справочник // М.: Бином, 2001. – 368 c.

• Julie C.PHP Fast & Easy Web Development, 2^nd Edition // Meloni Premier Press © 2002 481 p.

• Кузнецов, М.В. и др. PHP. Практика создания Web-сайтов // БХВ–Петербург, 2008. – 533 c.

• Ларсон, Брайан. Microsoft SQL Server 2005 Reporting Services. Традиционные и интерактивные отчеты. Создание, редактирование, управление // М.: НТ Пресс, 2008. – 608 c.

• PHP 5 и MySQL. Библия пользователя /Конверс, Т. И // Вильямс, 2006. – 343 c.

• Грабер, Мартин. SQL. Справочное руководство // М.: Лори; Издание 2–е, 2001. – 354 c.

• Программирование на языке Java // М.: Мультимедиа Технологии и Дистанционное Обучение, 2004. – 416 c.

• Гудман, Д. JavaScript и DHTML. Сборник рецептов. Для профессионалов // Питер, 2004. – 523 c.

• Герберт, Шилдт. Java 2 v5.0 (Tiger). Новые возможности // СПб: БХВ–Петербург, 2005. – 208 c.

• Дебольт, Вирджиния. HTML и CSS. Совместное использование // НТ Пресс, 2006. – 512 c.

• Дунаев, В.В. HTML, скрипты и стили. // СПб: БХВ, 2006. – 832 c.

• Исси Коэн, Лазаро. Полный справочник по HTML, CSS и JavaScript /Исси Коэн, Лазаро; Исси Коэн, Джозеф // М.: ЭКОМПаблишерз, 2007. – 984 c.

• Jonathan Chaffer– jQuery Reference Guide / Jonathan Chaffer, Karl Swedberg // Paperback 2007 (269 pages)

• Wilbert O. Galitz – The Essential Guide to User Interface DesignSecond Edition // Wiley Computer Publishing2002 786 p.

• Бирн, Джеффри Microsoft SQL Server 6.5. Руководство администратора // М.: Лори, 2012. – 211 c.

• Голубков, Е.П. Основы маркетинга // М.: Финпресс; Издание 2–е, перераб. И доп., 2003. – 688 c.

• Каллихан, С. Настольная книга по CSS. Готовые примеры и шаблоны; // НТ Пресс, 2007. – 368 c.

• Кисленко, Н.П. HTML. Самое необходимое // БХВ–Петербург, 2008. – 352 c.

• Комер, Д. Принципы функционирования Интернета // СПб: Питер, 2002. – 384 c.

• Левитт, Стивен Д. Фрикономика. Мнение экономиста–диссидента о неожиданных связях между событиями и явлениями / Левитт, Стивен Д.; Дабнер, Стивен Дж // М.: Вильямс, 2007. – 288 c.

• Миньков, С. Л. Технико-экономическое обоснование выполнения проекта: методические указания / С.Л. Миньков // – Томск : ТУСУР, 2014. – 42 с.

• Монкур, Майкл Освой самостоятельно JavaScript за 24 часа // М.: Вильямс, 2001. – 320 c.

• Морозов, В.К.; Долганов, А.В. Основы теории tropsционных сетей/ Морозов, В.К.; Долганов, А.В. // М.: Высшая школа, 2004. – 271 c.

• Мураховский, В.И. Интернет у Вас дома / Мураховский, В.И.; Симонович, С.В. // АСТ–ПРЕСС, 2001. – 432 c.

• Нильсен, П. Microsoft SQL Server 2005: Библия пользователя; // Диалектика, 2008. – 308 c.

• Огилви, Дэвид Откровения рекламного агента // М.: Эксмо, 2007. – 160c.

• Оливер, Сандра. Стратегия в паблик рилейшнз // СПб: Нева, 2003. – 160c.

Характеристики

Список файлов ВКР