Руководитель ВКР

Подпись Дата Инициалы Фамилия

АКТУАЛЬНОСТЬ ТЕМЫ

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

ОЦЕНКА СОДЕРЖАНИЯ РАБОТЫ

Для разработки сайта могут быть использованы различные языки программирования и инструментальные средства. Егоров А.Ю. подробно изучил их. На основе сравнительного анализа возможных решений он выбрал языки HTML и PHP, а также редактор Adobe Photoshop. Notepad++.

Считаю выбор обоснованным, так как:

- возможности этих средств достаточны при разработке коммерческого сайта,

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

При разработке проекта Егоров А.Ю. подготовил:

- структуру веб-сайта,

- модель базы данных,

- базу данных,

- скрипт коммерческого сайта,

- контент по работе и ценам за услуги предприятия.

СТЕПЕНЬ ДОСТИЖЕНИЯ ЦЕЛИ И ПРАКТИЧЕСКАЯ ЗНАЧИМОСТЬ

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

ЗАКЛЮЧЕНИЯ ПО ПРЕДСТАВЛЕННОЙ РАБОТЕ

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

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

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

Руководитель ВКР ________________ ________________ ____________________

Подпись Дата Инициалы Фамилия

2.1 Анализ типов структур и проектирование архитектуры коммерческого сайта ООО "Навигатор"

3. Разработка и внедрение базы данных и страниц коммерческого сайта ООО "Навигатор"

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

Приложение

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

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

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

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

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

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

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

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

Целью выпускной квалификационной работы является разработать и внедрить коммерческий сайт фирмы ООО "Навигатор".

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

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

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

· Проанализировать предметную область - деятельность фирмы ООО "Навигатор", существующие решения по теме работы;

· Рассмотреть существующее программное обеспечение и информационные технологии по теме работы;

· Разработать модель базы данных и архитектуру коммерческого сайта ООО "Навигатор";

· Создать и внедрить страницы и базу данных фирмы ООО "Навигатор";

· Проанализировать процесс разработки и внедрения коммерческого сайта фирмы ООО "Навигатор".

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

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

1.1 Анализ деятельности фирмы ООО "Навигатор"

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

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

В 2010 году учредители торговой сети «Навигатор» основали бизнес по продаже бытовой техники и электроники, организовав, оптовые продажи этих товаров. С 2015 года бизнесмены начали развитие розничной торговли - и уже в 2016 году прочно вошли в историю ритейла бытовой техники и электроники России под брендом «Навигатор», развивая торговую сеть.

С 2013 года компания ООО «Навигатор» занимается продажей навигаторов и сопутствующего gps оборудования.

Сегодня деятельность фирмы ООО «Навигатор» развивается в нескольких направления:

· Розничная продажа - салон-магазин ООО «Навигатор», в котором продается навигационное оборудование глобального позиционирования (GPS, ГЛОНАСС), авторегистраторы, компьютеры различных модификаций (готовые и по индивидуальной сборке): для дома и офиса, для игр и работы; большой выбор оргтехники: принтеров, копиров, сканеров, телефонов; комплектующих и расходных материалов; а также игры, программы, музыка и фильмы.

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

· Автоматизация-отдел автоматизации ООО «Навигатор» предоставляет полный спектр услуг по поддержке и сопровождению программного обеспечения различных фирм.

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

Компания ООО «Навигатор» сотрудничает с фирмами, производящими различное программное обеспечение для систем глобального позиционирования «Навител», «Navigator», «Garmin», «Google».

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

Рис. 1.1 Структура управления и администрирования компании ООО «Навигатор»

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

Организационная структура занимает особое место во внутренней среде коммерческого предприятия ООО «Навигатор».

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

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

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

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

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

· структура коммерческого предприятия ООО «Навигатор» определяет права и обязанности (полномочия и ответственность) на управленческих уровнях - что особенно важно при администрировании сайта;

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

· организационная структура, которая сложилась в коммерческом предприятии ООО «Навигатор», определяет поведение ее сотрудников, т.е. стиль управления и качество труда коллектива.

Основные положения, выявленные в результате анализа современной организационной структуры коммерческого предприятия ООО «Навигатор», такие:

· соответствие организационной структуры целям и задачам коммерческого предприятия ООО «Навигатор»;

· охват всех функций менеджмента на коммерческого предприятия ООО «Навигатор»;

· четкое распределение функций и объем работ по уровням управления коммерческого предприятия ООО «Навигатор»;

· рациональное сочетание централизации и децентрализации каждой функции коммерческого предприятия ООО «Навигатор»;

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

· определение прав и обязанностей каждого уровня управления коммерческого предприятия ООО «Навигатор»;

· разграничение полномочий и круга ответственности работников коммерческого предприятия ООО «Навигатор».

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

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

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

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

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

Возглавляет коммерческое предприятие ООО «Навигатор» генеральный директор.

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

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

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

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

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

Функции финансового директора:

· обеспечивает рациональную организацию бухгалтерского учета и отчета;

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

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

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

· согласовывает стоимость навигаторов и рассчитывает вместе с менеджерами их доходность.

Функции главного менеджера по работе с программным обеспечением:

· координирует работу менеджеров по направлениям;

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

· проводит переговоры (переговоры), а также заключает соглашения с зарубежными и отечественными партнерами;

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

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

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

· занимается развитием новых направлений деятельности, разрабатывает новые направления деятельности.

Таким образом, рассмотрена организационная структура коммерческого предприятия ООО «Навигатор».

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

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

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

Для этого проводились коммерческим предприятием ООО «Навигатор» маркетинговые исследования потребителей и конкурентов.

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

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

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

В соответствие с выявленной структурой компании ООО «Навигатор» и с требованиями заказчика в лице директора были сформулированы основные требования к создаваемому коммерческому сайту:

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

· Должен присутствовать каталог товаров;

· Должна быть сформирована база данных товаров и услуг фирмы ООО «Навигатор»;

· Должна быть оплата товаров и услуг фирмы ООО «Навигатор» через он-лайн сервисы;

· Сайт должен иметь строгий дизайн, не содержащий ничего лишнего;

· Домен и хостинг должны быть платные и содержать возможности для дальнейшей SEO оптимизации (фирма ООО «Навигатор» гарантирует их оплату при регистрации);

· Должен быть баннер предприятия на главной странице сайта;

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

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

1.2 Анализ существующего программного обеспечения и информационных технологий

Рассмотрим существующие технологии разработки коммерческих сайтов, и в соответствие, с обозначенными требованиями заказчика, выберем нужные для создания сайта фирмы ООО «Навигатор».

Рассмотрим Php - это скриптовый язык программирования, созданный для генерации HTML - страниц на веб-сервере и работы с базами данных. На данный момент он поддерживается практически всеми представителями хостинга, входит в «стандартный» набор для создания сайтов (LAMP - Linux, Apache, MySQL, PHP).

Благодаря своей простоте, скорости выполнения, богатой функциональности, распространению исходных кодов на основе лицензии PHP, этот язык является чуть ли не самым популярным в области технологий создания сайтов. Отличается наличием ядра и подключаемых модулей, «расширений»: для работы с базами данных, сокетами, динамической графикой, криптографическими библиотеками, документами формата PDF и т.п. Есть возможность разработать, а также подключить дополнительное расширение[15].

Возможности PHP очень обширны. Главным образом, PHP применяется при написании скриптов, работающих на стороне сервера; таким образом, PHP способен выполнять всё то, что выполняет любая другая программа CGI (например, обрабатывать данных форм, генерировать динамические страницы, отсылать и принимать cookies). Но PHP дает возможность выполнять также множество других задач.

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

· создание скриптов для выполнения на стороне сервера.

· создание скриптов для выполнения в командной строке.

· создание приложений GUI, выполняющихся на стороне клиента.

Помимо этого, язык сценариев PHP:

· доступен для большинства операционных систем, включая Linux, многие модификации Unix (такие, как HP-UX, Solaris и OpenBSD), Microsoft Windows, MacOSX, RISCOS, и многих других.

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

· поддерживает обширный круг баз данных.

· поддерживает DBX для работы на абстрактном уровне (таким образом можно работать с любой базой данных, использующих DBX); ODBC (т.е. вы можете работать с любой базой данных, поддерживающей этот стандарт).

· поддерживает контакт с другими сервисами с использованием различных протоколов: LDAP, IMAP, SNMP, NNTP, POP3, HTTP, COM (на платформах Windows), а также многих других.

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

· поддерживает объекты Java, дает возможность использовать их в качестве объектов PHP.

· дает возможность формировать изображения, файлы PDF, ролики Flash, создаваемые сразу; способен выдавать любые текстовые данные (XHTML, другие XML - файлы); автоматически генерировать и сохранять в файловой системе вашего сервера.

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

· поддерживает многие другие расширения (функции поисковой машины mnoGoSearch, функции IRCGateway, функции для работы со сжатыми файлами (gzip, bz2), функции календарных вычислений, функции перевода и др.)[16].

Рассмотрим JavaScript. Это относительно молодой язык программирования, но уже очень популярный в области технологий создания сайтов. На данный момент, работа над ним еще не закончена. Он постоянно дорабатывается и совершенствуется. Технический комитет работает над существенными расширениями, включая механизмы для сценариев, которые будут созданы для применения в Internet, а также более жесткой координацией с другими основными стандартами групп World Wide Web Консорциум и Wireless Application Protocol Форум, Java Script уже сыграл очень важную роль в развитии технологий создания сайтов

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

Рассмотрим язык гипертекстовой разметки HTML. Этот язык является базовым в области технологий создания сайтов, так как относительно легок в освоении. Но чрезмерная простота является и его недостатком. HTML (от английского Hyper Text Markup Language - язык разметки гипертекста) прекрасно отвечал требованиям раннего периода развития технологий создания сайтов, но с дальнейшим его развитием возникли существенные проблемы. HTML предоставляет следующие возможности:

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

· Получать информацию из Сети через ссылки гипертекста при нажатии кнопки.

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

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

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

Язык HTML предназначен для формирования и оформления страниц текста, который предназначен для просмотра в сети Интернет с помощью специальных программ - браузеров Internet Explorer (фирмы Microsoft)[9].

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

Для формирования файла HTML нет необходимости в использовании мощного текстового процессора, более удобно использование, например, редактора Notepad (Блокнот). Содержимое HTML-страниц представлено в гипертекстовом виде, что предполагает наличие в документе, отображаемом на экране, выделенных определенным образом мест, щелкнув мышью по которым, можно переместиться в другую часть этой же страницы или на другую страницу[8].

Рассмотрим XML(eXtensibleMarkupLanguage) - расширяемый язык разметки. Основное внимание в XML сосредоточено на данных. В XML структурная разметка данных и представление данных строго разделены.

Основные причины создания XML:

· попытка предоставить мощные средства форматирования и структурирования данных всем желающим;

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

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

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

<?xml version="1.0" encoding="WINDOWS-1251"?>

Это пример документа XML без разметки представления. Структура записки отражает структуру хранящихся в ней данных. О представлении данных на экране в ней пока что ничего нет. Для создания представления автор должен применить какой-либо метод наложения стилей, например CSS (Cascading Style Sheets - каскадные листы стилей) или XSLT (eXtensible Stylesheet Language Transformations - расширяемый язык преобразования листов стилей) [3].

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

Гибкость. XML позволяет обрабатывать уникальные данные в коммерческой и медицинской областях. Независимо от характера данных XML способен предоставить адекватные методы их хранения и обработки. Исключение составляют лишь двоичные данные и внедренные сценарии.

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

Согласованность. XML отличается синтаксической целостностью и строгой структурой.

С первого взгляда на XML становится очевидно, что он способен полностью заменить HTML как средство разметки Web-страниц. В свое время при появлении XML его даже называли новым HTML [5].

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

Современный сайт невозможен без использования базы данных, которая хранится на хостинге и содержит всю информацию, используемую на сайте. Рассмотрим структурированный язык SQL (от Structured Query Language - структурированный язык запросов) - создан для работы с реляционными базами данных. Он позволяет пользователям взаимодействовать с базами данных (просматривать, искать, добавлять, управлять данными). MySQL - многопользовательский, многопоточный сервер базы данных SQL. Имеет хорошую скорость и гибкость, если использовать его для хранения изображений и файлов. MySQL соответствует спецификации ANSI 92 SQL.

Его преимущества:

· Поддержка нескольких одновременных запросов (многопоточность).

· Возможность записи фиксированной, а также переменной длины.

· Оптимизация связей с присоединением многих данных за один проход.

· Гибкая система паролей и доступов.

· ODBC драйвер в комплекте с исходником.

· Данные хранятся в формате ISO8859_1.

· Интерфейс с языками C и perl.

· Легко управлять таблицей (включая добавление и удаление ключей и полей).

· До 16 ключей в таблице (в каждом ключе до 15 полей).

· Поддержка ключевых полей, а также специальных полей в операторе CREATE.

· Поддержка чисел длинной от 1 до 4 байт (ints, float, double, fixed), строк переменной длины и меток времени.

· Утилита проверки и ремонта таблицы (isamchk).

· Быстрая система памяти, основанная на потоках.

· При работе со строками регистр символов в обрабатываемых строках роли не играет.

· Псевдонимы применимы не только к таблицам, но также к отдельным колонкам в таблице.

· Все поля имеют значение по умолчанию. INSERT можно использовать на любом подмножестве полей.

· Основные достоинства MySQL - скорость, устойчивость и легкость в использовании[12].

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

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

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

· Flash-сайты - это интерактивные приложения, разработанные в среде Macromedia Flash. Основным инструментом разработки flash-программ является векторная графика (интерактивная векторная анимация для Web). Flash придает сайтам динамичность и интерактивность.

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

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

· Пассивные сайты - это сайты с пассивными веб-страницами. В пассивных сайтах пользователь имеет возможность только просматривать информацию на web - страницах.

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

Рассмотрим статические сайты с пассивными веб-страницами. Технология создания веб-страницы статических сайтов: язык HTML (Hyper Text Markup Language), который является языком разметки гипертекста и каскадные таблицы стилей CSS (Cascading Style Sheets). CSS используется для оформления и форматирования различных элементов веб-страниц, в результате чего значительно снижают размеры веб-страниц.

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

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

Для создания сайта используют различные средства: редакторы текста типа Блокнот, визуальные редакторы типа Microsoft FrontPage, Macromedia Dreamweaver и множество других редакторов, а также конструкторы сайтов (дизайнеры). Конструкторы веб-сайтов размещаются на некоторых сайтах в сети Интернет.

Для обучения целесообразно использовать редактор Microsoft FrontPage - это визуальный HTML редактор, который входит в состав приложений Microsoft Office. Но создание коммерческого сайта будет лучше выполнять в русифицированном редакторе Macromedia Dreamweaver с использованием технологии CSS. Необходимо отметить, что с целью быстрой загрузки веб-страниц их размеры не должны превышать необходимый максимум памяти [3].

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

Кроме того, в HTML документ можно вставлять элементы DHTML (динамический HTML). DHTML -- это способ создания интерактивного веб-сайта. Динамический HTML построен на языке программирования JavaScript, каскадных таблицах стилей CSS и DOM (объектной модели документа).

В документ HTML можно вставлять флэш-фрагменты или Flаsh-ролики (swf-файлы). В документ HTML можно вставлять Flash-формы аналогичные HTML формам. Флеш-анимация обеспечивает интерактивность за счет интерактивной векторной анимации для Web. Для создания флеш-анимации используется язык сценариев ActionScript.

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

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

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

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

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

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

· на основе интерпретируемых сценариев.

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

В Интернет можно бесплатно скачать модули CGI или CGI-скрипты (гостевые книги, обратную связь, каталоги ссылок, поиск по сайту и т.д.), которые выполняются на Web-сервере по запросу пользователя. С другой стороны Common Gateway Interface (CGI) - это стандартный интерфейс обмена данных, который определяет способ взаимодействия клиентского приложения и веб-сервера. CGI обеспечивает запуск скрипта на сервере и взаимодействие с ним. В дальнейшем для реализации этого подхода стали применять интерфейсы (серверные расширения) ISAPI и NSAPI[3].

Рассмотрим подход на основе интерпретируемых сценариев. В этом случае для создания сайта применяются серверные скрипты так называемые языки сценариев. Код сценариев, как и НТML-код, является интерпретируемым кодом, поэтому HTML и сценарии можно комбинировать. Наиболее распространенные языки серверных скриптов: Perl, ASP, JSP, PHP, Cold Fusion, Python.

Сценарии взаимодействуют с объектами на сервере и генерируют выходную информацию в формате HTML. Тип серверного скрипта определяется по расширению имени файла (php, .asp, .aspx, .jsp, .cfm). Если Web-сервер получает запрос на страницу такого типа, то он интерпретирует все содержащие в ней сценарии, в результате чего генерируется веб-страница в формате HTML, которая передается обратно браузеру.

Наиболее популярными технологиями (средой разработки) создания динамических веб-страниц являются: CGI, PHP, ASP, ASP.NET, JSP, Cold Fusion, AJAX, Python, CSS, базы данных DB2, MsSQL, Oracle, Access и т.д.

В зависимости от решаемых задач для создания сайта выбирают тот или иной язык серверных скриптов. Для создания малых и средних интерактивных сайтов целесообразно применить язык сценариев PHP. Конкурентами PHP являются технологии ASP, JSP, Cold Fusion, Perl. Достоинством языка PHP является то, что он является бесплатным, имеет открытые исходные коды и работает почти на всех платформах.

Для создания (разработки) и сопровождения динамических сайтов используют CMS (Content Management System) - Систему управления сайтом, которую называют движком сайта. В настоящее время популярными системами управления являются Drupal, Joomla и WordPress. На основе этих CMS можно создавать функциональные и легко управляемые PHP-сайты. Движки для Drupal, Joomla и WordPress являются бесплатными. Средства разработки сайтов обеспечивают разделение содержательной части (контента) от дизайна (шаблона веб-страницы), что позволяет изменять содержание веб-страниц, не затрагивая их дизайна и изменять шаблон сайта не затрагивая содержания его страниц.

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

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

Рассмотрим динамические сайты, веб-страницы которых генерируются на стороне клиентского приложения. Динамические сайты, веб-страницы которых генерируются на стороне клиентского приложения. Для создания таких сайтов используют языки сценариев JavaScript и VBScript, а также Java-апплеты и технология ActiveX. В Интернете на сайте http://baikalstudio.ru/ можно скачать движок для создания сайта на JavaScript для бесплатных хостингов[4].

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

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

· большой вес веб-страниц;

· высокая стоимость разработки сайтов.

Кроме того, сайты, созданные полностью на основе Flash, плохо индексируют поисковые системы. Флеш-технологии в основном применяются для создания престижных сайтов. Для создания флеш-анимаций применяют технологию Adobe Flash, которая обеспечивает возможность работать с языками: ActionScript и ActionScript [17].

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

· PHP;

· HTML;

· JavaScript;

· CSS;

· Flash;

· MySql.

2. Проектирование модели базы данных и архитектуры коммерческого сайта ООО "Навигатор"

2.1 Анализ типов структур и проектирование архитектуры коммерческого сайта ООО "Навигатор"

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

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

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

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

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

Существуют типовые структуры, рассмотрим некоторые из них:

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

Рис. 2.1 Сайт с линейной структурой

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

Рис. 2.2 Иерархическая структура веб-сайта

Рис. 2.3 Сайт со структурой типа «паутина»

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

· Наибольший порядок на сайте можно навести, если установить связи между страницами по принципу «решетки» как показано на рис. 2.4.

Рис. 2.4 Структура сайта типа «решетка»

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

На основе рассмотренных структур и в соответствие с требованиями заказчика фирмы ООО «Навигатор», в лице директора, разработанная структура сайта будет гибридной. Гибридная структура коммерческого сайта ООО «Навигатор», будет не только удобной и понятной для пользователя, но и, позволяющей только на одной внутренней перелинковке поднять PR главной страницы до 3-4, а страниц разделов -- до 1-2. Макет структуры показан на рис. 2.5.

Рис. 2.5 Макет структуры коммерческого сайта, ООО «Навигатор» (цветом выделены исходящие связи).

На всех страницах имеется ссылка на стартовую страницу (т.е. «сквозная ссылка»).

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

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

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

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