Разработка и продвижение интернет магазина сантехники и электроинструментов "Маяк"

Обоснование выбора языка программирования для создания интернет магазина. Построение виртуальных страниц. Определение затрат на создание Web-сайта. Расчет трудоемкости создания программного продукта. Использование HTML как языка разметки гипертекста.

Рубрика Программирование, компьютеры и кибернетика
Вид дипломная работа
Язык русский
Дата добавления 28.05.2016
Размер файла 1,2 M

Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже

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

Размещено на http://www.allbest.ru/

Размещено на http://www.allbest.ru/

ВЫПУСКНАЯ КВАЛИФИКАЦИОННАЯ РАБОТА

Тема: Разработка и продвижение интернет магазина сантехники и электроинструментов «Маяк»

Содержание

Введение

1. Анализ предметной области и постановка задач

1.1 Анализ возможностей Internet

1.2 Анализ основных принципов построения виртуальных страниц Internet

1.3 Обоснование выбора языка программирования для создания интернет магазина

1.3.1 HTML - язык разметки гипертекста

1.3.2 JavaScript - язык создания сценариев

1.3.3 CSS - средство управления макетом HTML документа

1.3.4 Выбор технологии разработки интернет магазина

2. Проектная часть

2.1 Постановка задач на дипломное проектирование

2.2 Этапы проектирования интернет магазина для магазина «Маяк»

2.3 Структура интернет магазина сантехники и электроинструментов «Маяк»

2.4 Файловая организация интернет магазина

2.5 Основные принципы и правила продвижения интернет магазина

2.6 Внешнее продвижение интернет магазинов: с помощью естественных ссылок

2.7 Web - аналитика

3. Обоснование экономической эффективности проекта

3.1 Понятие экономической эффективности

3.2 Оценка затрат при реализации проекта

3.2.1 Определение затрат на создание Web-сайта

3.2.2 Расходы на оплату труда разработчика

3.2.3 Затраты на оплату машинного времени

3.2.4 Расчёт затрат труда по всем стадиям разработки программы

3.2.5 Расчет зарплаты разработчика

3.2.6 Расчёт трудоёмкости создания программного продукта

Заключение

Список литературы

Введение

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

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

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

Цель данной работы является разработать и осуществить продвижение интернет магазина сантехники и электроинструментов «Маяк»

Необходимостью создания виртуальной страницы в Internet магазина «Маяк» является, прежде всего, реклама продукции и услуг, которые предлагает данная фирма. Интерактивная реклама - новый способ предложить товары и услуги потребителю. Интернет же являет собой наиболее динамично развивающуюся среду вещания. За последние пять лет количество пользователей сети выросло в десятки раз, и на сегодняшний момент превышает 150 миллионов человек. Таким образом, можно заключить, что быстро растущая аудитория сети Интернет являет собой область повышенного интереса для большинства рекламодателей. Многие компании немало выиграли от использования Internet, получив весьма ощутимое преимущество в конкурентной борьбе. Именно поэтому создание виртуальной страницы в Internet на примере ИП Чугаева Любовь Михайловна владельца магазина сантехники и электрооборудования «Маяк» является выгодной необходимостью для его дальнейшего развития.

1. Анализ предметной области и постановка задач

1.1 Анализ возможностей Internet

программирование интернет магазин сайт

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

К числу особенностей Internet относятся:

- коммуникационный простор, не ограниченный ни во времени, ни в пространстве;

- четко определенные каналы доступа;

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

- активные пользователи, готовые понести определенные издержки;

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

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

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

- возможность расширения функций системы.

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

Таким образом, Internet представляет собой уникальную коммуникационную систему, которая может использоваться не только для какой-то одной цели. Ее привлекательность как раз и состоит в многообразии возможностей и в том новом, что она несет для различных видов деятельности [4, c.32].

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

- издательское дело: электронные журналы; издание информационных бюллетеней, а также книг;

- торговля: компьютерные магазины;

- бизнес: корпорация General Electric использует сеть для распространения технической документации;

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

- реклама: интерактивная реклама - новый способ предложить товары и услуги потребителю; в число рекламодателей вошли Volvo, IBM, Bank of America.

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

В настоящее время Internet все активнее вовлекается в сферу бизнеса, где ее используют для ведения деловых операций. Множество компаний различных стран мира, в том числе такие крупные корпорации, как IBM, AT&T, Ford, Merrill Lynch, J.P. Morgan, Dun & Bradstreet, J.C. Penney, Mitsubishi, и сотни других фирм являются клиентами сети.

Среди пользователей сети есть компании, целью которых является ведения бизнеса по сети. Ряд фирм электронной промышленности, среди которых Intel, Hewlett-Packard, IBM и Apple Computer работают над созданием на базе Internet единого рынка товаров и услуг CommerceNet. При реализации данного проекта исчезнет необходимость в тиражировании и рассылке бумажных бланков заказов и счетов по почте.

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

Сеть Internet способна стать эффективным средством рекламы, маркетинга, сбыта продукции и послепродажного обслуживания клиентов. Глобальные сети типа Internet помогут фирмам наладить прямые контакты с покупателями продукции, выведя отношения с ними на новый уровень, позволяющий получать оперативную информацию о конъюнктуре рынка и изменениях в структуре потребительского спроса. Так, Volvo и Alfa Romeo с помощью WWW обеспечивают «виртуальных» покупателей техническими данными и фотоснимками перспективных моделей. Компания J.P. Morgan & Co. предоставляет клиентам доступ к базе данных по управлению финансовыми рисками, а Hyatt Hotels Corp. использует сеть для рекламы своих фешенебельных гостиниц и отелей, расположенных в курортной зоне, обещая скидки всем, кто свяжется с ней по Internet.

Dun & Bradstreet Corp. планирует не позднее чем через год перейти на осуществление крупных операций через систему сетей Internet. А ее дочерняя фирма R.H. Donnelly собирается создать рекламно-информационный справочник наподобие телефонной книги Yellow Pages, с которым можно будет работать через WWW. Щелкнув клавишей мыши и настроившись на определенную рекламу, вы немедленно подключитесь к WWW-серверу соответствующего рекламодателя, чтобы ознакомиться с электронным каталогом его товаров и при желании разместить свой заказ.

Многие фирмы уже сегодня с помощью Internet производят торговые операции, делая на этом свой бизнес. Среди них и Robert Redford`s Sundance Catalog Inc. из г. Парк-Сити (шт. Юта), продающая по почте изделия ручной работы местных мастеров.

Однако наряду с многочисленными достоинствами у Internet есть и существенные недостатки. В Internet до сих пор отсутствует механизм, обеспечивающий бизнесменам конфиденциальность сведений о заключаемых сделках. Особенно важна защита информации для банковских и прочих финансовых сетей. Неудивительно, что компании избегают пользоваться онлайновыми сетями для передачи таких данных, как номера кредитных карточек, и прочей информации, сопровождающей совершение операций купли-продажи. Но уже в ближайшее время данная проблема будет решена [4, c.69].

1.2 Анализ основных принципов построения виртуальных страниц Internet

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

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

Определение целей создания сайта.

Определение целевого сегмента потребителей.

Разработка содержания сайта.

Разработка дизайна сайта.

Оценка эффективности сайта.

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

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

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

- продажа товаров и услуг;

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

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

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

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

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

- должна соответствовать целям создания страницы;

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

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

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

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

- не должна носить излишне рекламный, навязчивый характер.

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

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

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

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

Первые страницы газет планируются таким образом, чтобы наиболее важные и интересные материалы располагались в их верхней части, выше линии сгиба, так как все, что находится ниже этой линии, на газетном стенде не видно. Точно таким же правилом следует руководствоваться и при создании страниц. Большая часть пользователей уделяет очень мало внимания ссылкам, изображениям и тексту, находящимся в нижней части страницы. Так, только 10% пользователей прокручивают информацию, не помещающуюся на экран. Поэтому вся самая важная информация и все устройства управления страницей (кнопки, ссылки) должны быть наверху страницы [9, c.122].

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

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

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

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

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

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

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

Примерно 40% посетителей WWW лишены возможности просмотра графических изображений, поэтому каждой картинке со ссылкой должна соответствовать аналогичная текстовая ссылка. Можно также создать «текстовый» вариант всей страницы.

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

Желательно создать раздел обратной связи для получения откликов посетителей и поощрять активность посетителей.

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

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

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

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

Все страницы одного сервера должны быть оформлены в едином стиле. Это создаст дополнительное представление о фирме и ее товарах. Дизайн страниц предполагает разработку следующих элементов:

- цвет;

- шрифт;

- графика;

- компоновка страницы.

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

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

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

Закончив создание страницы, нужно посмотреть на нее со стороны потенциального пользователя. Возможно, разработка страницы будет происходить на мощном компьютере Power Mac или Sun, однако большинство пользователей могут находиться в значительно худших условиях, и важно знать, как выглядит страница с их точки зрения [9, c.203].

1.3 Обоснование выбора языка программирования для создания интернет магазина

1.3.1 HTML - язык разметки гипертекста

Язык HTML (Hyper Text Markup Language - язык разметки гипертекста) предназначен для формирования документов и приведения их к виду, пригодному для просмотра с помощью программ-браузеров, например, Netscape Navigator или MS Explorer /1/. Основная идея, которая преследовалась при его разработке - создать такой формат документов, который не зависел бы от типа компьютера, на котором эти документы будут просматриваться.

Существуют несколько версий HTML. HTML 2.0 (ноябрь 1995) был разработан Internet Engineering Task Force (IETF) для упорядочения общепринятых положений в конце 1994 года. HTML+ (1993) и HTML 3.0 (1995) - это более богатые версии языка HTML /4/. Большинство людей признают, что документы HTML должны работать в различных браузерах и на разных платформах. Достижение совместимости снижает расходы авторов, поскольку они могут разрабатывать только одну версию документа. В противном случае возникает еще больший риск, что будет представлять собой смесь личных несовместимых форматов, что в конечном счете приведет к снижению коммерческого потенциала для всех участников. В каждой версии HTML предпринималась попытка отразить все большее число соглашений между работниками и пользователями этой индустрии, чтобы усилия авторов не были потрачены впустую, а их документы не стали бы нечитаемыми в короткий срок [11, c.15].

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

Сам HTML-документ представляет собой текстовый файл. В основе любого World Wide - документа лежат дескрипторы. Дескрипторы, которые заключаются в угловые скобки < >, описывают структуру и формат документа. Дескрипторы можно разбить на четыре группы в соответствии с выполняемыми ими функциями. Различают дескрипторы определения, описания, связи и дескрипторы, вызывающие средства мультимедиа.

Сам по себе язык HTML, на котором создаются документы для Internet'а, позволяет размещать на страничке текст, картинки, организовывать ссылки, но не позволяет сделать страничку активной. На Рисунке 1 представлены основные способы разработки HTML-документов.

Рисунок 1 - Технологии разработки документов формата HTML

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

1.3.2 JAVASCRIPT - язык создания сценариев

Назначение языка JavaScript - позволить сделать страничку активной. Язык JavaScript не имеет никакого отношения к языку Java, несмотря на схожее название. Java имеет очень немного средств для связи аплитов с браузером, что так необходимо разработчикам в их приложениях, в то время как JavaScript разрабатывался именно для этого. В отличии от Java, JavaScript является интерпретируемым языком. Программа на языке JavaScript размещается прямо в HTML-документе в виде исходного текста и автоматически компилируется в байт-код при загрузке документа в браузер.

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

JavaScript "вышел на сцену" в конце 1995 года и к настоящему времени стал очень популярным и поддерживается многими браузерами. Язык JavaScript был создан компанией Netscape Communication Corporation в сотрудничестве с компанией Sun Microsystems. Первоначальное название языка JavaScript было LiveScript. Затем, после того как язык Java получил всемирную известность, LiveScript переименовали в JavaScript. Возможно, это было сделано фирмой Netscape из коммерческих соображений: все, что имело в своем названии ключевое слово "Java", вызывало живой интерес.

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

Еще одна важная особенность языка JavaScript - это его объектная ориентированность. И хотя объектно-ориентированные возможности JavaScript заметно беднее, чем в С++ или Java, они все же есть в этом языке. Программистам доступны многочисленные объекты, встроенные в браузер и загруженные в него документы HTML, такие как документы HTML, фреймы, формы, ссылки на другие документы и так далее.

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

Отметим также то, что JavaScript не предназначен для создания сложных программ. Подобные задачи лучше решать с использованием других языков программирования, например, с помощью Java. Однако с помощью JavaScript вы можете быстро создавать активные страницы с достаточно сложным поведением. Этот язык несложен в изучении, а программы, составленные с его использованием, легко поддаются отладке [11, c.31].

1.3.3 CSS - средство управления макетом html документа.

Каскадные таблицы стилей CSS (Cascade Style Sheets) - это набор стандартов, которые регулируют некоторые методы применения стиля к страницам HTML. Стиль включает в себя все типы элементов дизайна: шрифт, фон, текст, цвета ссылок, поля, и расположение объекта на страницах.

CSS разрабатывались так, чтобы обеспечить больший уровень контроля над размещением текста или графики. К сожалению, CSS остаются новой технологией со своими недостатками. Самая большая проблема состоит в том, что на данный момент браузеры не полностью поддерживают CSS. Хотя Microsoft реализовала поддержку каскадных таблиц стилей в Internet Explorer 3.0, в ней содержатся ошибки. Netscape подгоняемая конкурентами, сделала Navigator 4.0 совместимым с CSS. Тем не менее, таблицы стилей предоставляют долгожданное решение для борьбы со многими ограничениями HTML. В результате имеется возможность контролировать шрифты, возможность управления цветами, полями и даже дополнительными специальными эффектами типа добавления тени к тексту.

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

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

Определены три метода для применения CSS к документу HTML/2/:

- встроенный (Inline). Этот метод позволяет в любой тег HTML добавить стиль. Использование встроенного метода предоставляет максимальный контроль над всеми свойствами документа. Например, если необходимо задать внешний вид отдельного абзаца, то можно просто добавить атрибут style = x к тегу абзаца, и браузер отобразит этот абзац с помощью параметров стиля, добавленного в код;

- внедренный (Embedded). Внедрение позволяет контролировать всю страницу HTML. При использовании тега <style>, помещенного внутри раздела <head> документа, в код вставляются детализированные атрибуты стиля, которые будут применяться ко всей странице;

- связанный (Linked или External). Связанная таблица стилей - мощный инструмент, который позволяет создавать образцы стилей, который затем можно применять ко всем документам HTML одновременно. Основной документ таблицы стилей (расширениеcss) создается программистом. Этот документ содержит стили, которые будут едиными для всех документов. Любой документ HTML, связанный с этим файлом, будет использовать указанные стили;

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

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

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

- значение (Value). Значения определяют свойства. Предположим имеется заголовок первого уровня Н1 (указатель) и необходимо включить свойство tipe-family (свойство шрифта). Шрифт, который применяется к указанному фрагменту, задается значением этого свойства;

- описание (Declaration). Свойства и значения объединяются, образуя описания;

- строка (Rule). Указатель и описание образуют строку.

На рисунке 2 показаны все описанные выше элементы и их взаимосвязь.

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

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

Рисунок 2 - Элементы CSS и их взаимосвязь

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

1.3.4 Выбор технологии разработки - интернет магазина

В настоящее время средства динамической разметки гипертекста (DHTML), JavaScript, таблиц стилей (CSS) приобретают все большую популярность. Простота конструкций языка разметки одно из главных преимуществ, перед другими средствами. Для приобретения навыков в программировании на этом языке не обязательно иметь какие-либо узкоспециальные знания, более того правила использования большинства тегов HTML интуитивно поняты. Освоить принципы создания интерактивных документов с помощью DHTML несравненно проще, чем осваивать какой-нибудь высокоуровневый язык программирования, хотя и требуется знание основ программирования, для того чтобы освоить создание скриптов с помощью языков сценариев.

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

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

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

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

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

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

Также для создания интернет магазина был использован интернет магазин конструктор Wix.com. Это международная облачная платформа для создания и развития интернет-проектов, которая позволяет строить профессиональные интернет магазины и их мобильные версии на HTML5 c помощью инструментов drag-and-drop. Данное обеспечение содержит режим визуальной компоновки страниц и редактор тегов, который позволяет отредактировать HTML-код. Интерфейс wix.com очень прост в осваивании начинающего дизайнера, что позволяет создать профессиональный интернет магазин. С помощью wix.com можно создавать анимации в формате Macromedia Flash, использовать данные из Microsoft Office, легко импортировать rollover-графику, меню и кнопки из Fireworks.

Wix.com является мощным пакетом для разработчика, обширный интерфейс, упрощена работа с документами, доступ к панелям инструментов.

Wix.com обладает следующими достоинствами: поддерживается разработка интернет магазинов, с использованием средств ColdFusion MX, ASP.NET и PHP, для быстрого обучения, в пакет программ включены примеры страниц и шаблоны, (см. рис. 3) а так же поддержка Flash при разработке, значительно улучшена работа со стилями и безопасность данных при передаче по сети.

Полный контроль над исходным текстом осуществляется с помощью компонента Code View, который дает возможность получить доступ к новому интегрированному текстовому редактору, а с помощью представления Split View можно одновременно видеть исходный HTML-код страницы и ее изображение. Быстрый редактор тэгов (Quick Tag Editor) позволяет отредактировать HTML-код любого объекта. Проектирование сложных страниц осуществляется средством компоновки Layout View, который позволяет рисовать непосредственно на странице и мышью перемещать ячейки или группы ячеек для создания вложенных таблиц. Независимо от того, ведется ли работа с готовыми таблицами или создается новая компоновка, Layout View всегда создает корректные таблицы, которые правильно отображаются в любом браузере.

Выбор динамического языка разметки гипертекста (DHTML), JavaScript, таблиц стилей (CSS), в качестве наиболее удобного средства разработки -интернет магазинов определяется всеми вышеперечисленными достоинствами. В условиях современного развития коммуникационных технологий преимущества становятся более очевидными.

Рисунок 3 - Выбор шаблона для интернет магазина

2. Проектная часть

2.1 Постановка задач на дипломное проектирование

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

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

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

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

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

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

Среди достоинств разработанного интернет магазина можно выделить следующие:

- возможность отправки заказа непосредственно во время просмотра интернет магазина;

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

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

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

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

К выводам, доказывающим экономическую целесообразность разработки интернет магазина проекта, можно отнести следующее:

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

- возможность получения информации о стоимости товаров и услуг фирмы;

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

- сокращение суммарного времени на весь процесс получения необходимой информации.

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

2.2 Этапы проектирования - интернет магазина для магазина сантехники и электрооборудования «МАЯК»

Интернет магазин для магазина «Маяк» был спроектирован по пяти этапам жизненного цикла программного обеспечения:

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

Рисунок 4 - Первый этап проектирования - Системный анализ

Второй этап проектирования: Проектирование (см. рис. 5). На данном этапе разработчик формирует структуру интернет магазина и согласовывает ее с заказчиком, после утверждения структуры разработчик выбирает оптимальное программное обеспечение для реализации проекта [16, c.87].

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

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

Рисунок 5 - Второй этап проектирования - Проектирование

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

2.3 Структура - интернет магазина сантехники и электроинструментов «МАЯК».

Создание интернет магазинов является одной из важнейших технологий разработки ресурсов Internet.

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

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

Рисунок 6 - Структура интернет магазина «Маяк».

Данная схема отображает основные структурные модули интернет магазина:

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

- меню навигации;

- информационная область.

Рисунок 7 - Экранная форма заголовочной части интернет магазина

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

Меню интернет магазина содержит прямые ссылки на его разделы:

- раздел «Главная» - содержит информацию о компании и ее товарах;

- раздел «Магазин» - содержит информацию о товарах;

- раздел «О компании» - содержит информацию о видах продукции данной компании и список услуг;

- раздел «Сервис» содержит информацию об обязанности в случае поломки товара;

- раздел «Контакты» - содержит информацию о местонахождении, телефона и e - mail.

2.4 Файловая организация интернет магазина

Тщательная разработка файловой структуры интернет магазина облегчает в дальнейшем его модернизацию и информационную поддержку, а также играет большое значение, при его размещении в Интернет и корректности работы [16, c.45].

На этапе проектирования структуры интернет магазина выделены следующие составляющие:

- заголовок;

- меню навигации интернет магазина;

- содержательная часть.

При запуске интернет магазина Wix. Com в браузере отображается шаблон страницы интернет магазина. Здесь представлена заголовочная часть страницы, отражающая название фирмы, ее логотип, меню навигации, и информационную область. Меню навигации включает в себя следующие разделы:

- главная;

- о нас;

- контакты;

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

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

- вставка графических элементов;

- форматирование текста;

- разбиение на абзацы и другое тексторазделение;

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

- представление текста в виде списков;

- создание таблиц.

На рисунках 8-10 представлен внешний вид страниц «О компании», «Магазин» и «Контакты».

При выборе пункта меню E-MAIL загружается Outlook Express и позволяет послать сообщение о заказе на определенный вид услуг.

Рисунок 8 - Экранная форма страницы «О компании» интернет магазина «Маяк»

Рисунок 9 - Экранная форма страницы «Магазин» интернет магазина «Маяк»

Рисунок 10 - Экранная форма страницы «контакты» интернет магазина «Маяк»

2.5 Основные принципы и правила продвижения интернет магазина

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

На данный момент продвижение интернет магазинов в поисковых системах осуществляется рядом крупных продвиженческих компаний, которые действуют комплексно и серьезно. В противном случае, даже если интернет магазин найден в Интернете, то он так оптимизирован, что для клиента он абсолютно не удобен и не привлекателен. Даже при нахождении в десятке такой интернет магазин бесполезен и не приносит прибыли. Каждый год возрастает количество пользователей Интернета, объем интернет-трафика увеличивается в несколько раз. Глобальная сеть становится удобным и результативным инструментом для поиска необходимой информации. Реклама в сети Интернет и поисковое продвижение интернет магазинов теперь самые эффективные и надежные средства развития бизнеса. Электронные ресурсы -- современная альтернатива печатным изданиям, так как Интернет -- это не просто удобство коммуникаций, но и все рекламные СМИ, и весь мир.

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

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

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

Создание дополнительных интернет магазинов гарантирует следующие преимущества:

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

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

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

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

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

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

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

Опытные SEO копирайтеры пишут для интернет магазинов тексты, оптимизированные под определенные алгоритмы поисковых систем и в то же время понятные пользователям. Одно из основных требований -- использование в тексте ключевых выражений, по которым происходит поисковое продвижение интернет магазина. Написанные по определенным правилам тексты будут составлять контент интернет магазина, включая главную страницу. Также SEO продвижение затрагивает «title», «description» и другие метатеги. Кроме того, уникальные тексты могут быть использованы при регистрации в каталогах и обмене статьями с тематическими интернет магазинами. SEO копирайтинг позволяет повысить удобство пользования интернет магазином в целом.

Основные правила SEO копирайтинга:

- ясный, простой стиль;

- информативность;

- правильное процентное соотношение ключевых слов в тексте;

- деление текста на легкочитаемые абзацы;

- использование различных грамматических форм ключевых слов;

- расположение ключевых слов в определенных местах текста;

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

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


Подобные документы

  • Экономическое обоснование создания программного продукта web-сайта мебельной компании. Применение гипертекстового языка разметки HTML, технологии CSS и JavaScript совместно с библиотекой JQuery. Использование Интернет-технологий в создании сайта.

    дипломная работа [8,1 M], добавлен 30.11.2014

  • CRM-системы: разновидности, проблемы реализации, их преимущества и недостатки. Критические характеристики CRM-систем для работы через Интернет (WEB-CRM). Разработка содержания и структуры WEB-сайта интренет-магазина "Vinil", создание схемы и базы данных.

    курсовая работа [2,6 M], добавлен 19.05.2013

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

    курсовая работа [2,2 M], добавлен 03.04.2013

  • Описание программного обеспечения для разработки Интернет-магазина. Установка программы WYSIWYG Web Builder v3.2.0. Создание структурного макета Интернет-магазина. Проектирование главной страницы с перечнем товарных наименований (на примере TV.html).

    курсовая работа [4,0 M], добавлен 30.11.2011

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

    дипломная работа [2,1 M], добавлен 06.06.2013

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

    дипломная работа [8,7 M], добавлен 27.09.2011

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

    методичка [813,6 K], добавлен 08.11.2013

Работы в архивах красиво оформлены согласно требованиям ВУЗов и содержат рисунки, диаграммы, формулы и т.д.
PPT, PPTX и PDF-файлы представлены только в архивах.
Рекомендуем скачать работу.