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

Реферат

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

Цель работы состоит в выборе средств разработки и создания сайта для специальности «Реклама» образовательного учреждения НГТКИ.

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

Определения, обозначения и сокращения

В настоящей ВКР применяются следующие термины с соответствующими определениями и сокращения.

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

Новокузнецкий государственный гуманитарно-технический колледж-интернат — сокр. НГГТКИ.

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

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

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

Цель настоящей работы состоит в выборе средств разработки и создания сайта для специальности «Реклама» образовательного учреждения НГТКИ.

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

1. Рассмотреть основные типы сайтов.

2. Осуществить обзор существующих технологий в области web-программирования.

3. Изучить теоретические основы проектирования сайта.

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

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

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

1. Теоретические основы проектирования сайта

1.1 Типы сайтов

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

Использование Internet позволяет:

— создать благоприятный имидж фирмы или товара/услуги;

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

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

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

— продавать продукцию через Internet — одно виртуальное представительство позволит не открывать новых торговых точек.

Основной критерий, определяющий тип сайт, это то, какова цель его создания, коммерческий он, или некоммерческий.

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

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

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

По назначению или цели создания интернет-сайты можно разделить на такие виды или категории:

— сайт-визитка;

— корпоративный сайт;

— интернет-магазин;

— сайт контент-проект;

— промо-сайт;

— сайт-форум;

— новостное интернет-издание;

— сайт-фотогалерея;

— блог;

— интернет-портал.

Рассмотрим перечисленные типы сайтов более подробно.

Сайт-визитка — это небольшой сайт, справочник по фирме, состоящий из нескольких страниц. Большинство сайтов российских фирм относятся именно к этой категории.

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

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

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

Страница «Контакты» содержит телефоны, адрес, иногда карту-схему проезда и банковские реквизиты.

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

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

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

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

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

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

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

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

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

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

— расширенный поиск продуктов интернет-магазина по различным параметрам (например: по типу товара, производителю, цене и т. п.);

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

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

— работа с электронными платежными системами (webmoney, rupay, яndex-деньги, rapida, e-gold, paypall и др.);

— система приема и учета заказов и покупателей интернет-магазина;

— конфигурирование продуктов (например: выбор цвета, размера и пр.);

— расчет налогов и стоимости доставки из интернет-магазина.

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

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

Интернет-магазин всегда содержит такие разделы или элементы.

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

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

Страница категории — содержит меню основных категорий, меню подкатегорий текущей категории (если есть подкатегории в текущей) и витрину.

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

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

FAQ — наиболее часто задаваемые вопросы. Содержит справочные материалы, в виде вопросов и ответов, касающиеся того, как правильно пользоваться меню магазина, вопросов по доставке и т. п.

Элемент «Статус заказа» — необязательный элемент, показывающий покупателю на какой стадии выполнения находится его заказ: в ожидании отправки, отправлен, в пути, доставлен и т. п. Этот элемент не обязателен и нужен, в основном, только для формирования благоприятного солидного имиджа магазина.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Также очень крупный портал есть у компании Microsoft — создателя операционных систем Windows и самых распространенных в мире офисных приложений — пакета Microsoft office.

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

1.2 Проектирование сайта

1.2.1 Основные этапы создания сайта

Рассмотрим последовательность действий, этапы при разработке и размещении сайта в сети Internet.

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

На рисунке 1представлена модель этапов создания сайта.

Рисунок 1 — Этапы создания сайта Создание сайта начинается с его проектирования — этап 1. Фактически определяются цели разработки сайта и пути их достижения. Определяется концепция сайта, осуществляется анализ аудитории, на которую он рассчитан, проводится анализ сильных и слабых сторон потенциальных конкурентов.

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

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

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

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

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

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

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

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

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

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

1.2.2 Построение логической структуры сайта

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

— набор тематических разделов, из которых состоит сайт;

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

— гипертекстовые связи между всеми страницами ресурса.

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

— древовидная или иерархическая структура;

— линейная структура;

— смешанная структура (линейно-иерархическая).

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

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

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

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

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

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

Структура web-сайта обычно содержит разделы: «О компании», «Новости», «Товары и услуги», «Прайс-лист», «Контакты», «Вакансии» и др.

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

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

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

Разработка Web-дизайна включает в себя такие этапы, как:

— разработка цветового решения сайта и выбор фона;

— построение композиционной модели;

— создание навигационной панели;

— обработка графических элементов и фотоизображений;

— выбор стиля шрифтов и заголовков.

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

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

1.2.4 Информационное наполнение сайта

Информация, представленная на сайте, должна удовлетворять следующим критериям:

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

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

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

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

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

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

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

1.3 Технологии создания сайта

1.3.1 Принципы работы web-сервера

Ресурсы Интернета рассредоточены по оборудованию на всем земном шаре. Для связи этого оборудования между собой на огромных расстояниях разработаны специальные алгоритмы и стандарты, в частности, протокол TCP/IP, на котором в настоящее время функционирует Интернет. Согласно этому стандарту, каждый компьютер, находящийся в Глобальной сети, имеет свой уникальный адрес — IP-адрес. IP-адрес представляет собой последовательность четырех чисел в диапазоне от 0 до 255, разделенных между собой точками (например, 92.166.31.18). Связь осуществляется через сетевые службы (программы), выполняющиеся на компьютере.

На компьютере одновременно может работать несколько сетевых программ, поэтому помимо IP-адреса для связи протоколом TCP/IP предусмотрено дополнительно такое понятие как порт. Порт — это число в диапазоне от 1 до 65 536. Таким образом, минимальным условием для связи одной сетевой программы с другой является наличие у первой IP-адреса и номера порта второй. Совокупность IP-адреса и порта принято записывать через двоеточие (например, 192.168.35.2:443).

Программа, ожидающая подключение, называется сервером. Серверу при запуске указывается номер порта. Программа, устанавливающая соединение с сервером, называется клиентом. На клиентов не распространяется подобное ограничение (например, можно запустить два джаббер-клиента). Также к серверу могут подключаться несколько клиентов с разных компьютеров, если это поддерживает сам сервер. Клиентом для веб-сервера выступает веб-браузер (Internet Explorer, Opera и так далее).

Для взаимодействия веб-сервера и браузера необходим «посредник», то есть некий стандарт, по которому формируются запросы и ответы. Этим стандартом служит протокол HTTP (HyperText Transfer Protocol).

Одним из наиболее распространенных web-серверов в настоящее время является Apache.

Apache HTTP-сервер является кроссплатформенным программным обеспечением, поддерживает операционные системы Linux, BSD, Mac OS, Microsoft Windows, Novell NetWare, BeOS.

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

1.3.2 Технологии серверных скриптов

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

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

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

Язык скриптов напоминает своим синтаксисом язык C. Имеется множество дополнительных библиотек для работы с различными базами данных, с документами PDF, с GIF-файлами. Часто PHP увязывается в одно с такой же бесплатной базой данных как MySQL. Существует множество провайдеров, предоставляющих хостинг со связкой Apache/PHP/MySQL.

ASP (англ. Active Server Pages — «активные серверные страницы») — первая технология компании Microsoft, позволяющая динамически создавать веб-страницы на стороне сервера. ASP работает на платформе операционных систем линейки Windows NT и на веб-сервере Microsoft IIS.

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

Относительная популярность ASP основана на простоте используемых языков сценариев (VBScript или JScript) и возможности использования внешних COM-компонентов.

1.3.3 Работа с базами данных. СУБД MYSQL

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

MySQL (свободная система управления базами данных (СУБД). MySQL является собственностью компании Oracle Corporation, получившей её вместе с поглощённой Sun Microsystems, осуществляющей разработку и поддержку приложения. Распространяется под GNU General Public License и под собственной коммерческой лицензией, на выбор. Помимо этого разработчики создают функциональность по заказу лицензионных пользователей, именно благодаря такому заказу почти в самых ранних версиях появился механизм репликации.

MySQL является решением для малых и средних приложений. Входит в состав серверов WAMP, LAMP и в портативные сборки серверов Денвер, XAMPP. Обычно MySQL используется в качестве сервера, к которому обращаются локальные или удалённые клиенты, однако в дистрибутив входит библиотека внутреннего сервера, позволяющая включать MySQL в автономные программы.

Гибкость СУБД MySQL обеспечивается поддержкой большого количества типов таблиц: пользователи могут выбрать как таблицы типа MyISAM, поддерживающие полнотекстовый поиск, так и таблицы InnoDB, поддерживающие транзакции на уровне отдельных записей. Более того, СУБД MySQL поставляется со специальным типом таблиц EXAMPLE, демонстрирующим принципы создания новых типов таблиц. Благодаря открытой архитектуре и GPL-лицензированию, в СУБД MySQL постоянно появляются новые типы таблиц.

2. Проектирование сайта специальности «Реклама»

2.1 Характеристика объекта информатизации. Постановка задач

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

НГГТКи подготавливает специалистов по десяти специальностям:

1) на базе 11 классов:

— менеджмент;

— реклама;

— автоматизированные системы обработки информации и управления;

— технология машиностроения;

2) на базе 9−11 классов:

— слесарь-ремонтник (швейное производство);

— слесарь-ремонтник (бытовые машины и приборы);

— изготовитель художественных изделий из дерева;

— художник;

— портной;

— часовщик-ремонтник.

Изучая целевую аудиторию НГГТКи, необходимо обратить внимание на две характерные особенности.

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

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

Сотрудники отделения каждый год проводят опросы абитуриентов с целью выяснить, откуда они узнали о НГГТКИ. В таблице 1 приведены данные опроса, проведенного в 2009 году.

Таблица 2 — Результаты опроса абитуриентов, проведенного в 2009 г.

Таблица показывает, что лидирующие позиции занимают такие источники информации как личностные контакты, медицинские и социальные организации, это 9−16%. Реклама на телевидении послужила источником информации для 5% абитуриентов — это в 2 раза меньше количества привлеченных организациями-посредниками.

Низкий уровень осведомленности через Интернет объясняется следующими причинами:

1. отсутствие политики продвижения услуг колледжа в глобальной сети;

2. непрофессионально выполненный статичный сайт (о существовании которого знал лишь ограниченный круг лиц).

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

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

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

Функциональные возможности сайта:

1. Авторизация пользователя.

2. Форма обратной связи.

2.2 Программное обеспечение для реализации сайта

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

1. Операционная система Vista Home Basic.

2. Сервер Apache 2.2.

3. СУБД MySQL 5.1.4.

4. Web-интерфейс phpMyAdmin 3.3.7

5. Верстка и редактирование: Adobe Dreamweaver CS3.

6. Создание графических элементов: Adobe Photoshop CS3.

2.3 Структура сайта

Логическая структура сайта представлена на рисунке 2.

Рисунок 2 — Логическая структура Главная страница содержит информацию о специальности «Реклама», блок авторизации и панель навигации.

Страница «Дисциплины» содержит информацию по двум категориям «Общие и специальные дисциплины».

Раздел «Общие дисциплины» находится в стадии разработки, «Спец.дисциплины» в стадии наполнения материалом.

Страница «Расписание» предназначена для публикации расписания занятий для трех групп.

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

Страница «Новости» представляет сведения о проводимых в колледже и на отделении мероприятиях различного характера.

Страница «Контакты» кроме адресного блока содержит форму обратной связи с администрацией колледжа.

2.4 Построение базы данных сайта

Для создания базы данных использовалась СУБД MYSQL. Основные таблицы базы приведены на рисунке 3.

Рисунок 3 — Таблицы базы данных Таблица «Пользователи» содержит идентификатор, имя, логин, пароль и электронный адрес зарегистрированных пользователей.

В таблице «Сообщения» хранятся идентификаторы сообщений и пользователей, темы и содержание сообщений.

В таблице «Категория» хранятся идентификаторы и названия категорий.

2.5 Верстка страниц

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

Элементы оформления (подложки, логотип колледжа и эмблема специальности) созданы в растровом редакторе Adobe Photoshop CS3.

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

Рисунок 4 — Главная страница сайта На рисунке 5 представлена страница регистрации пользователя, содержащая стандартный набора полей. Введенные данные сохраняются в таблице «Пользователи (users)» базы данных.

Рисунок 5 — Страница регистрации Рисунок 6 демонстрирует внешний вид страницы «Спец.дисциплины». На данной странице приводится описание каждого предмета и количество часов, отводимых на его изучение.

Рисунок 6 — Страница «Спец.дисциплины»

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

Рисунок 7 — Страница «Контакты» с формой обратной связи

Заключение

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

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

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

дистанционный серверный база данные

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

1. Apache-сервер [Электронный ресурс]. — Режим доступа: http://wikipedia.org/wiki/Apache.ru (дата обращения: 20.12.2010).

2. MySQL [Электронный ресурс]. — Режим доступа: http://ru.wikipedia.org/wiki/MySQL (дата обращения: 20.12.2010).

3. PHP [Электронный ресурс]. — Режим доступа: http://ru.wikipedia.org/wiki/PHP (дата обращения: 20.12.2010).

4. Технологии создания сайтов [Электронный ресурс]. — Режим доступа: http://www.webmaster.azolli.com/technologies.php (дата обращения 17.12.2010).

5. Ульман Л. MySQL [текст]. / Л. Ульман; Пер. с англ.: Слинкина А. А. — М.: ДКМ Пресс, 2004. — 352 с., ил.