Интернет-магазин

Тип работы:
Дипломная
Предмет:
Маркетинг


Узнать стоимость

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

Выдержка из работы

Содержание

  • Введение. Понятие «интернет-коммерция»
  • Глава 1. Теоретическое обоснование
  • 1.1 Торговля в Интернете
  • 1.1.1 Преимущества и недостатки электронной торговли
  • 1.1.2 Применение методик электронной коммерции
  • 1.2 Понятие «Интернет-магазин»
  • 1.2.1 Общая схема интернет-магазина
  • 1.2.2 Потребительская аудитория
  • 1.2.3 Функциональные возможности интернет-магазина
  • 1.2.4 Фазы процесса разработки интернет-магазина
  • 1.3 Понятие веб-дизайна
  • 1.3.1 Факторы, влияющие на качество веб-дизайна
  • 1.3.2 Технические аспекты создания веб-страницы
  • 1.3.3 Языки разметки и таблицы стилей
  • 1.3.4 Структура документов HTML и CSS
  • 1.3.5 Языки сценариев и программирования
  • 1.3.6 Web-сервер
  • 1.3.7 Базы данных и СУБД для web-приложений
  • 1.4 Разработка дизайна
  • 1.4.1 Разработка интерфейса
  • 1.4.2 Общие правила дизайна страниц
  • 1.4.3 Классификация веб-дизайна
  • 1.4.4 Макет страницы
  • 1.4.5 Правило оформления текста
  • 1.4.6 Подбор шрифта
  • 1.4.7 Подбор цвета
  • 1.4.8 Работа с графикой
  • 1.4.9 Форматы графических файлов
  • Выводы по главе
  • Глава 2. Проектно-конструкторская часть
  • 2.1 Технические характеристики
  • 2.2 Организация страницы и оформления
  • 2.2. 1 Понятие «юзабилити»
  • 2.2.2 Композиция страницы
  • 2.2.3 Основные правила главной страницы
  • 2.2.4 Под запретом
  • 2.2.5 Общие рекомендации
  • 2.3 Описание созданного макета
  • Выводы по главе
  • Глава 3. Экономическое обоснование
  • 3.1 Анализ возможностей расходов и доходов
  • 3.2 Оценка расходов на создание ресурса
  • 3.3 Определение возможностей дохода сайта
  • Выводы по главе
  • Глава 4. Охрана труда
  • 4.1 Эргономический анализ рабочего места
  • 4.1.1 Порядок расположения рабочих мест оператора ПЭВМ
  • 4.1.2 Эргономические параметры рабочего места
  • 4.2 Организация рабочего места
  • 4.3 Освещение рабочих помещений
  • 4.4 Требования к вентиляции
  • 4.5 Требования к параметрам микроклимата
  • 4.6 Критерии электробезопасности
  • 4.7 Обеспечение пожарной безопасности
  • Выводы по главе
  • Заключение
  • Список используемой литературы

Введение. Понятие «интернет-коммерция»

С развитием Интернета в России и во всём мире наблюдается рост активности в области онлайновой торговли. На сегодняшний день через Интернет можно приобрести практически любые товары и услуги.

Электронная коммерция (e-commerce) — это ускорение большинства бизнес-процессов за счет их проведения электронным образом. В этом случае информация передается напрямую к получателю, минуя стадию создания бумажной копии на каждом этапе. Таким образом, электронную коммерцию можно характеризовать как ведение бизнеса через Интернет. В современном обществе всё больше компаний переносят значительную часть делового общения в Сеть [5].

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

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

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

· более высокий уровень конкуренции: расстояние между магазинами всего несколько секунд — именно это время необходимо для загрузки соответствующего сайта;

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

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

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

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

· прямые продажи товаров, услуг и информации;

· техническая поддержка;

· предоставление инструментов для ведения бизнеса.

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

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

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

Предоставление инструментов для ведения бизнеса, или ASP (Application Service Providers — провайдер услуг доступа к приложениям, расположенным на удаленном от пользователя сервере), — относительно новый, но активно развивающийся вид получения прибыли. Так же как и техническая поддержка через Интернет, ASP позволяет более экономно расходовать средства, выбирая необходимые приложения для использования и внося за них небольшую ежемесячную плату, вместо того, чтобы покупать дорогостоящие решения. ASP решает проблему постоянного обновления приложений, которые обновляются на сервере провайдера и загружаются по мере необходимости, а не приобретаются компанией отдельно [5].

Интернет-приложения условно можно разделить на два вида: использующие и не использующие интерфейс с пользователем.

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

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

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

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

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

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

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

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

Задачами дипломной работы являются:

1) анализ и изучение основных видов электронной коммерции;

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

3) анализ и изучение правил представления информации на сайтах;

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

5) изучение и применение на практике технических аспектов разработки интернет-магазина;

6) рассмотрение существующих в Сети торговых систем и разработка собственного интернет-магазина с учетом всех составленных рекомендаций.

интернет магазин расход доход

Глава 1. Теоретическое обоснование

1.1 Торговля в Интернете

1.1.1 Преимущества и недостатки электронной торговли

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

Подобный вид коммерции получил название системы «Бизнес-Потребитель» (Business-to-Customer — B2C). К системам В2С относятся:

· web-витрина — оформленный средствами web-дизайна прайс-лист торговой компании, не содержащий бизнес-логики торгового процесса;

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

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

С точки зрения покупателя все три решения выглядят одинаково. Связано это с тем, что покупатель имеет дело лишь с внешним оформлением любой системы, а это всегда web-каталог, дополненный системой навигации и, по желанию продавца, системой оформления заказов. Практически предпочтения покупателя зависят только от удобства использования web-каталога и системы навигации [13].

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

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

· web-витрина не предусматривает оформление заказа со склада;

· использование web-витрины не уменьшает затраты продавцов на содержание штата и операционные расходы;

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

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

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

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

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

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

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

Подводя итоги, выделим основные преимущества интернет-торговли:

· создание альтернативных каналов продаж;

· увеличение оперативности получения информации, особенно при международных операциях;

· сокращение цикла производства и продажи;

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

· легкое и быстрое информирование партнеров и клиентов о продуктах и услугах.

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

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

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

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

1.1.2 Применение методик электронной коммерции

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

Таблица 1.1 — Популярные области электронной коммерции

№ п/п

Виды деятельности

Процент реcпондентов

Продажа техники и электроники

54%

Продажа мебели, товаров для дома и ремонта

52%

Оплата коммунальных услуг, телефона и Интернета

(наиболее популярна система «КиберПлат»)

50%

Аренда программного обеспечения

(Подкачка компонентов программного комплекса непосредственно с web-сервера)

45%

Бронирование билетов

(Наиболее популярна система «КиберПлат»)

40%

Продажа литературы и прочей печатной продукции

(Наиболее популярный — «OZON»)

40%

Оплата Интернета

34%

Продажа аудио — и видеопродукции

28%

Электронные банки

25%

Платное предоставление информации

(«Гарант-Парк», «Россия-он-лайн»)

15%

Таблица 1.2 иллюстрирует ранжирование секторов рынка в соответствии с двумя различными критериями: объемом продаж в денежном выражении и количеством проданных экземпляров того или иного товара (или обслуженных клиентов) [23].

Таблица 1.2 — Распределение мест секторов рынка электронной коммерции

№ п/п

Ранжирование по денежному объему

Ранжирование

по количеству продаж

1.

Недвижимость

Программное обеспечение

2.

Компьютеры и комплектующие

Звуковоспроизводящая аппаратура

3.

Программное обеспечение

Разное

4.

Туристическое обслуживание

Компьютеры и комплектующие

5.

Звуковоспроизводящая аппаратура

Туристическое обслуживание

6.

Финансовые услуги

Финансовые услуги

1.2 Понятие «Интернет-магазин»

1.2.1 Общая схема интернет-магазина

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

1.2.2 Потребительская аудитория

Основная масса клиентов — мужчины со средними или высокими доходами в возрасте 25−40 лет [18].

Существует несколько групп покупателей:

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

· 2 группа — «увлеченные». В эту категорию входят коллекционеры игрушек, книг, записей любимых исполнителей. Сюда можно отнести любителей спорта, рыбалки, туризма. Эти клиенты заказывают товары для удовлетворения своих интересов;

· 3 группа — клиенты, заказывающие различные товары «народного потребления», — одежду, сувениры, электронику, бытовую технику, предметы домашнего обихода. Эти люди считают, что могут приобрести более интересные и оригинальные модели, подчас дешевле, чем в обычных магазинах;

· 4 группа — «любители новинок», приобретающие товары, еще не попавшие на рынок. Как правило, это обеспеченные люди [23].

1.2.3 Функциональные возможности интернет-магазина

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

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

Таблица 1.3 — Функциональные возможности интерфейса управления

№ п/п

Функции

Описание

Функция

Словесное и/или наглядное описание предлагаемого ассортимента товаров и услуг.

Управление товарами

Операции с товарами магазина выполняются прямо с Web-сервера; записи товаров создаются, обновляются и удаляются прямо на Web-страницах.

Отслеживание заказов и составление отчетов

Отчеты генерируются в формате базы данных (Microsoft Access и пр.) или в виде ASCII-файлов с разделением полей запятыми с целью их интеграции с отдельными средствами анализа данных (анализ истории заказов и пр.).

Управление разделами (категориями)

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

Управление данными покупателей

Хранение профильных данных и автоматическое опознавание покупателей.

Безопасность

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

Управление рекламными средствами

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

1.2.4 Фазы процесса разработки интернет-магазина

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

Рисунок 1.1 — Фазы электронной коммерции

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

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

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

Когда покупатель будет готов приобрести все отобранные товары, он переходит к стадии оформления заказа. В модели «клиент/бизнес» покупатель обычно вводит адресные данные для доставки и выписки счета. Кроме того, иногда в этой фазе вводятся дополнительные требования для вспомогательных услуг (например, подарочное оформление).

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

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

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

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

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

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

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

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

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

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

1.3 Понятие веб-дизайна

Веб-дизайн (англ. Web design, веб проектирование) — разновидность дизайна, который занимается проектированием пользовательских веб-интерфейсов для сайтов и веб-приложений [7]. Понятие веб-дизайна включает в себя два аспекта: технический и творческий. С технической точки зрения, веб-дизайн является проектированием, использующим верстку посредством гипертекстовой разметки (HTML), языка описания внешнего вида документа (CSS), языков программирования (PHP, JavaScript, Ajax). С творческой точки зрения веб-дизайн является художественным оформлением электронных ресурсов. Оба эти аспекта являются неделимым целым, так как невозможно исполнение веб-разработки без художественного оформления, и также невозможно разработать функциональный дизайн сайта без проектирования. Таким образом, веб-дизайн можно условно назвать художественным конструированием [10]. Качество созданного веб-дизайна определяется многими факторами, которые необходимо учитывать при создании сайта, здесь важны не только технические, но также социальные, психологические и другие аспекты.

1.3.1 Факторы, влияющие на качество веб-дизайна

Технические факторы.

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

Характеристики монитора (размер экрана, разрешающая способность, количество цветов), его качество. Наиболее рациональным веб-дизайном считается тот, который не теряет своего качества при разрешении от 600×800 до 1240×1024 (от 15″ ЭЛТ до 19″ ЭЛТ или 17″ LCD). Основное разрешение, на которое следует ориентировать веб-дизайн — 1024×768 пикселей. Основной режим мониторов, на которые ориентируется веб-дизайн: 15 разрядов цветов и выше (число цветов 65 536 и выше).

Установка или отключение возможности просмотра графики при просмотре сайта. При возможном отключении графики, веб-дизайн не должен сильно страдать. Должны быть прописаны атрибуты «alt» Аlt — альтернативное текстовое описание изображения. у всех значимых изображений (тогда текстовое значение картинок будет заменять графическое). Вместе с использованием фоновых изображений для блоков следует определить и фоновый цвет.

Кросс-браузерность (версия браузера). Следует учитывать, что посетителями используются разные браузеры, которые по-разному интерпретируют веб-страницу. Веб-дизайн должен максимально одинаково смотреться в поздних версиях наиболее распространенных браузеров. На сегодняшний день это Google Chrome, Mozilla Firefox и Opera.

Настройки системы безопасности компьютера посетителя. Например, настройки безопасности могут отключить некоторые JavaScript — скрипты, блокировать всплывающие окна.

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

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

Местоположение принимающего компьютера: город, страна. От этого параметра зависит отображение кодировки. В России стандартно применение «windows-1251"-кодировки. С некоторых пор, в мире осуществляется переход на универсальную кодировку «utf-8», одинаково хорошо отображающуюся на разных языках [9].

Социальные факторы.

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

· пол посетителя: мужчина или женщина, его возраст;

· его образование;

· место работы;

· материальное положение.

Психологические факторы:

· мотивация;

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

· задачи, которые ставит перед собой посетитель;

· личностные особенности (характер, темперамент, склонности);

· психологическое состояние (мрачное, игривое, приподнятое);

· самочувствие посетителя, степень его усталости;

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

Физиологические факторы.

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

1.3.2 Технические аспекты создания веб-страницы

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

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

1.3.3 Языки разметки и таблицы стилей

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

HTML (англ. HyperText Markup Language, язык гипертекстовой разметки) является первостепенной важности технологией разметки, применяемой на web-страницах. Язык HTML интерпретируется браузером и отображает информацию в виде документа, в удобной для человека форме.

Традиционный HTML существует в трех основных версиях (HTML 2, HTML 3.2 и HTML 4). html 4. 01 является наиболее современной и пока окончательной версией HTML [20].

Хотя многие теги и правила HTML довольно хорошо определены, большинство производителей браузеров предоставляют расширения к этому языку, выходящие за рамки описания стандартного обобщенного языка разметки. Однако, несмотря на это, HTML следует использовать, прежде всего, для структурирования документа; функции HTML, связанные с форматированием, в конечном итоге, будут полностью вытеснены каскадными таблицами стилей (Cascading Style Sheets, CSS).

XHTML (eXtensible Markup Language, расширяемый язык разметки) — это новая редакция HTML, выполненная с помощью XML. XHTML разрешает две основные проблемы, связанные с HTML. Во-первых, XHTML, уделяя большое внимание применению таблиц стилей, продолжает оказывать давление на дизайнеров, с тем, чтобы они отделяли внешний вид документа от его структуры. Во-вторых, XHTML привносит намного более строгое требование о соблюдении правил разметки web-страниц.

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

XML (англ. Extensible Markup Language, расширяемый язык разметки) расхваливается как революционная технология разметки, способная изменить облик web-страниц. Тем не менее, несмотря на эту рекламу, лишь немногие в точности понимают, что на самом деле представляет собой XML. Вкратце, XML является разновидностью SGML (Standard Generalized Markup Language — стандартный обобщённый язык разметки), модифицированной для Web; таким образом, он позволяет разработчикам задавать их собственный язык разметки. Значит, с помощью XML можно изобрести YML (Your Markup Language, Ваш язык разметки).

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

CSS (англ. Cascading Style Sheets, каскадные таблицы стилей) — язык описания внешнего вида документа, написанного с использованием языка разметки. CSS используется для описания параметров оформления разметки электронного документа. Они могут задавать цвет, шрифт, размер, расположение объектов [19].

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

Источники таблиц стилей для отображения документа различны:

· авторские стили (информация стилей, предоставляемая автором страницы) в виде: локальных стилей: в HTML-документе информация стиля для одного элемента указывается в его атрибуте < style>; встроенных стилей-блоков CSS внутри самого HTML-документа, заключенных в теги < style></style>; внешних таблиц стилей — отдельного CSS-файла, на который дается ссылка в документе;

· пользовательские стили: локальный CSS-файл, указанный пользователем в настройках браузера, переопределяющий авторские стили, и применяемый ко всем документам;

· cтиль браузера: стандартный стиль, используемый браузером по умолчанию для представления элементов.

1.3.4 Структура документов HTML и CSS

Структура HTML.

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

Теги можно разделить на граничные и унарные. Унарные теги представляют собой определенные операции, предписывающие браузеру совершить определенное действие по достижению данного тега при обработке html — документа. Например, тег < br /> осуществляет перевод на новую строку.

Граничные теги определяют, как будет выглядеть на экране пользователя часть текста, заключенная внутрь этого элемента. Например, тег < p></p> определяет вид абзаца текста.

Элементы могут содержать атрибуты, определяющие те или иные их свойства (например, размер шрифта для тега < font>). Атрибуты указываются в открывающем теге.

В HTML не имеет значения регистр, в котором набраны имена тегов и их атрибутов (в отличие от XHTML). Элементы могут быть вложенными.

Кроме элементов, в HTML-документах есть и сущности (англ. Entities — специальные символы). Сущности имеют следующий вид: «& имя; «или «& #NNNN;», где «NNNN» — код символа в Юникоде в десятеричной системе счисления (например, & nbsp — символ неразрывного пробела).

HTML-документ, отвечающий спецификации HTML какой-либо версии, должен начинаться со строки объявления версии HTML <! DOCTYPE…>, которая обычно выглядит примерно так:

<! DOCTYPE HTML PUBLIC «- // W3C // DTD HTML 4. 01 // EN» «http: //www. w3. org/TR/html4/strict. dtd">

Указание этой строки помогает добиться корректного отображения документа в браузере.

Теги < html></html>, внутри которых находится вся основная информация HTML-документа. Информация вне этих тегов будет игнорироваться, либо некорректно интерпретироваться.

Внутри этих тегов документ подразделяется на две части:

· заголовок, ограниченный тегами < head></head>; как правило, содержит дополнительные данные о странице, такие как META-теги, заголовок страницы внутри тегов < title></title>, внутренние таблицы стилей внутри тегов < style></style>, скрипты внутри тегов < script></script>;

· тело документа, заключенное внутрь тегов < body></body>, содержит всю несущую страницей информацию, выводимую в главном окне браузера.

Области < head> и < body> не пересекаются. Любая информация вне данных тегов, но внутри < html>-области игнорируется, если не несет с собой управляющий характер (например, является java-скриптом).

Структура CSS.

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

Схематически это можно показать так:

Cелектор, селектор {свойство1: значение; свойство2: значение; свойство3: значение;. }

Тег {свойство1: значение; свойство2: значение;. }

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

Имя класса {свойство1: значение; свойство2: значение;. }

Тег class = «Имя класса»

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

#Имя идентификатора {свойство 1: значение; свойство2: значение;. }

Тег id = «идентификатор»

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

1.3.5 Языки сценариев и программирования

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

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

В наше время наиболее часто используют программирование на стороне сервера, реализуемое с помощью языка PHP. Для написания программ на стороне клиента, обычно применяют язык JavaScript.

PHP (англ. Hypertext Preprocessor, Personal Home Page Tools (устар.), препроцессор гипертекста) — скриптовый язык программирования общего назначения, интенсивно применяемый для разработки веб-приложений.

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

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

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

Структура PHP.

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

Синтаксис PHP.

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

PHP исполняет код, находящийся внутри ограничителей, таких как <? php? >. В основном, это используется для вставки PHP-кода в HTML-документ. Помимо ограничителей <? php? >, допускается использование дополнительных вариантов, таких как < ?? > и < script language="php"> < /script>. Всё, что находится вне ограничителей, выводится без изменений.

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

PHP рассматривает переход на новую строку как пробел, так же как HTML и другие языки со свободным форматом. Инструкции разделяются с помощью точки с запятой (;), за исключением некоторых случаев, после объявления конструкции if/else и циклов.

JavaScript — скриптовый язык программирования. Наиболее широкое применение находит в браузерах в качестве языка сценариев для придания интерактивности веб-страницам.

Текст программы встраивается непосредственно в HTML-документ и интерпретируется самим браузером.

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

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

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

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

Структура JavaScript.

Структурно JavaScript можно представить в виде объединения трех четко различимых друг от друга частей:

· ядро (англ. ECMAScript), которое описывает типы данных, инструкции, ключевые и зарезервированные слова, операторы, объекты, регулярные выражения;

· объектная модель браузера (англ. Browser Object Model) — специфичная для каждого браузера часть языка, отвечающая за взаимодействие ядра и объектной модели документа. Основное предназначение — управление окнами веб-браузера и обеспечение их взаимодействия, управление фреймами, системные диалоги, управление адресом открытой страницы, управление информацией о браузере, управление информацией о параметрах монитора, ограниченное управление историей просмотра страниц, поддержка работы с HTTP-cookie;

· объектная модель документа (англ. Document Object, DOM) — не зависящий от платформы и языка программный интерфейс, позволяющий программам и скриптам получить доступ к содержимому HTML, XHTML и XML-документов, а также изменять содержимое, структуру и оформление таких документов.

Встраивание программного кода в веб-страницу:

· расположение внутри страницы.

Для добавления JavaScript-кода на страницу используются теги:

< script type=«text/javascript»> </script>;

· расположение внутри тега.

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

<a href = «delete. php» onclick = «return confirm ('Вы уверены? '); «> Удалить</a>

В данном случае нажатие на ссылку функция «confirm» вызывает модальное окно с надписью «Вы уверены». Разумеется, этот код будет работать, только если в браузере есть и включена поддержка JavaScript, иначе переход по ссылке произойдёт без предупреждения;

· вынесение в отдельный файл.

Подключение отдельного файла скрипта с помощью конструкции:

< script type=«text/javascript» src=«http: //путь_к_файлу_со_скриптом«></script>.

1.3.6 Web-сервер

Web-сервер — программа, которая отвечает за получение данных от пользователя сайта и подготовку страниц, отправляемых обратно. При осуществлении запросов к базе данных или обращений к другим активным объектам, реализующим бизнес-логику, web-сервер обращается к серверам базы данных или другим серверам приложений [17].

ПоказатьСвернуть
Заполнить форму текущей работой