Объектом исследования является специфика проектирования сайта с функцией обратной связи.
Цель работы состоит в выборе средств разработки и создания сайта для специальности «Реклама» образовательного учреждения НГТКИ.
В результате работы выполнен сайт, предназначенный для обслуживания специальности «Реклама». Внесено предложение по разработке полнофункциональной версии сайта для оказания дистанционных образовательных услуг.
В настоящей ВКР применяются следующие термины с соответствующими определениями и сокращения.
Web-сайт - совокупность электронных документов (файлов) частного лица или организации объединенная в компьютерной сети под одним адресом (доменным именем или IP-адресом).
Новокузнецкий государственный гуманитарно-технический колледж-интернат - сокр. НГГТКИ.
Сегодня сложно представить крупную компании или организацию, которая не имела бы информационной поддержки в глобальной сети. Интернет-представительство позволяет не только расширить сферу присутствия компании на рынке, но и вести активную деятельность в таких направлениях, как продажи, консультирование, просветительская работа, обучение.
Сфера образования как одна из самых передовых и постоянно развивающихся областей человеческой деятельности не могла не задействовать такой инструмент как Интернет.
Большинство средне-профессиональных образовательных учреждений имеют свой сайт, который как минимум доводит до сведения конечных пользователей информацию о роде деятельности организации, а профессионально спроектированный сайт открывает дополнительные возможности в области дистанционного обучения и оценке уровня усвоения студентами полученных знаний.
Цель настоящей работы состоит в выборе средств разработки и создания сайта для специальности «Реклама» образовательного учреждения НГТКИ.
Для достижения поставленной цели необходимо решить ряд задач:
. Рассмотреть основные типы сайтов.
. Осуществить обзор существующих технологий в области web-программирования.
. Изучить теоретические основы проектирования сайта.
Объектом работы является специфика проектирования сайта образовательного учреждения, предметом - методы разработки сайта с функцией обратной связи.
В работе использованы такие методы исследования как анализ специальной литературы, обзор и анализ существующих разработок (сайтов образовательных учреждений).
Сайт специальности «Реклама» послужит основой для дальнейшей работы по развертыванию системы дистанционного обучения в НГГТКи.
Все больше и больше компаний приходит к пониманию того, что применение сетевых компьютерных технологий отличает современный бизнес от просто коммерции. Одним из инструментов ведения как электронного бизнеса, так некоммерческой деятельности является web-сайт - Internet-представительство компании в глобальной сети.
Использование Internet позволяет:
– создать благоприятный имидж фирмы или товара/услуги;
– обеспечить доступность информации о фирме или продукции для большого числа людей, в том числе географически удаленных;
– реализовать все возможности представления информации о товаре: графика, звук, анимация, видеоизображение;
– оперативно реагировать на рыночную ситуацию: обновлять данные прайс-листа, информацию о фирме или товарах, анонсировать новую продукцию или услугу;
– продавать продукцию через Internet - одно виртуальное представительство позволит не открывать новых торговых точек.
Основной критерий, определяющий тип сайт, это то, какова цель его создания, коммерческий он, или некоммерческий.
Коммерческий сайт всегда прямо или косвенно предназначен в первую очередь, для получения прибыли. Это может быть сайт любого вида, но цель у него всегда будет одна - продавать или способствовать продажам. Так даже промо-сайт, прямо не предназначенный для продаж, по сути - способствует продажам популяризируя товар, фирму или бренд. Аналогичную задачу - привлечения посетителей могут выполнять сайт контент-проект или форум, привлекая на коммерческий сайт компании целевых посетителей, какая-то часть которых может стать клиентами.
Некоммерческие сайты создаются государственными организациями и учреждениями, общественными организациями и политическими партиями и движениями. Они выполняют, главным образом, информационную функцию. Они обычно содержат много информации и не предлагают никаких товаров и услуг, кроме того, всегда имеют бесплатный характер.
Некоммерческие сайты могут создаваться международными организациями (например ООН, Гринпис) и различными обществами, религиозными организациями. Примерами некоммерческих сайтов также могут быть блоги, клубы по интересам или форумы, которые создаются с целью организации общения и обмена мнениями людей, объединенных общими интересами - профессиональными (повышение квалификации и получение новой информации) или увлечениями.
По назначению или цели создания интернет-сайты можно разделить на такие виды или категории:
– сайт-визитка <#"702355.files/image001.gif">
Рисунок 1 - Этапы создания сайта
Создание сайта начинается с его проектирования - этап 1. Фактически определяются цели разработки сайта и пути их достижения. Определяется концепция сайта, осуществляется анализ аудитории, на которую он рассчитан, проводится анализ сильных и слабых сторон потенциальных конкурентов.
На этом этапе первое, что необходимо сделать - это определить для каких целей создается сайт, будет ли это реклама компании, предложение товаров или услуг, информационный ресурс и т.д.
Следующий шаг - этап 2. Это создание информационного дизайна сайта, т.е его информационного наполнения - содержимого проекта. На этом этапе пишется текст, который будет основой страниц и являет суть сайта.
В случае создания корпоративного сайта в основе текста для простого проекта могут быть рекламные проспекты, интернет-магазин должен максимально понятно описать предлагаемые товары и услуги, а информационный (тематический) ресурс будет практически полностью состоять именно из статей поэтому само собой в последнем случае работа над текстом предстоит наиболее кропотливая.
На этапе 3 создается визуальное оформление, дизайн сайта. По сути - сама оболочка внутри посредством которой посетитель будет получать нужную ему информацию.
Дизайн должен быть лаконичным, понятным и в то же время привлекательным. Последнее особенно касается корпоративного сайта и интернет-магазина.
Этап 4 - создание самого проекта. На этом этапе объединяются информационный и графический дизайн - т.е происходит создание самих веб-страниц. Организуются ссылки между страницами, отдельные страницы оформляются в единое целое - сайт.
Понятно, что просто создать сайт мало. Необходимо в первую очередь проверить его работоспособность - корректность ссылок, удобство навигации, орфографию. Важно, чтобы ваш проект корректно отображался в разных браузерах. Это этап 5 нашей схемы - тестирование.
Проект создан и протестирован. Но другим пользователям сети он недоступен. Наиболее удобный, и соответственно распространенный способ разместить сайт в Интернет - воспользоваться услугами хостинг-провайдера (этап 6). При этом проект размещается на сервере (компьютере, постоянно подключенном к сети Интернет) этого провайдера под определенным именем, по которому сайт смогут найти в сети. Этот адрес и набирают обычно в интернет-браузере.
После публикации сайта в сети необходимо донести информацию о его существовании по конечных пользователей. Для этого осуществляется процедура регистрации в поисковых системах, каталогах, рейтингах и т.д. А для увеличения вероятности нахождения его заинтересованным пользователем используется оптимизация сайта с использованием различных средств раскрутки, продвижения его в сети.
Последний этап - обновление сайта. Дело в том что
созданный сайт, в зависимости от своей специфики, нуждается в регулярном
обновлении содержания, реже - дизайна. Особенно это касается сайтов
коммерческой направленности - через которые продаются определенные товары или
услуги.
Связи между страницами, существующие на любом сайте, всегда складываются в некоторую структуру, отражающую внутренние связи его содержимого. Логическая структура сайта включает в себя:
– набор тематических разделов, из которых состоит сайт;
– набор документов и иллюстраций, составляющих каждый раздел;
– гипертекстовые связи между всеми страницами ресурса.
Логическая структура сайта строится с учетом определенных на предшествующем этапе целей и задач создания сайта. Построение логической структуры начинается после того, как собрана основная информация, которую планируется разместить на сайте. Существует несколько разновидностей структур сайта. Основными структурами являются:
– древовидная или иерархическая структура;
– линейная структура;
– смешанная структура (линейно-иерархическая).
Древовидное строение сайта предполагает, что содержимое каждой страницы (кроме первой) входит на правах подраздела в страницу более высокого уровня, иногда, возможно, с другими подразделами. Такая структура имеет начало - первую страницу, корень дерева (главная страничка сайта, с которого начинается просмотр сайт), но не имеет конца. Пользователь может посещать страницы, переходя с одной гиперссылки на другую и обратно по горизонтали с одного уровня на другой.
Линейная (последовательная) структура сайта означает, что материал на сайте выстраивается в логическую цепочку, например, по принципу построения книжных глав. Такая структура имеет начало и конец. При этом началом просмотра сайта служит обязательно главная первая Web-страничка; с промежуточной страницы знакомство с сайтом лишено всякого смысла, так как вся информация изложено последовательно.
Большинство сайтов имеют линейно-иерархическую структуру. Начав просмотр сайта с иерархического каталога статей, объединенных в разделы, каждую отдельную статью можно разбить на несколько страничек, следующих друг за другом в линейном порядке. При составлении логической структуры сайта необходимо соблюдать следующие правила:
– как бы ни была сложна логическая структура сайта, следует придерживаться правила «двух щелчков» - главную страницу сайта от любой другой должно отделять не более двух щелчков мыши;
– содержимое сайта должно делится на страницы таким образом, чтобы каждая страница была посвящена одной теме и чтобы всякая тема занимала одну и только одну отведенную под нее страницу.
В конечном итоге логическая структура должна стать основой, каркасом, на который будет накладываться вся необходимая информация и дизайн будущего сайта. Логическая структура будет представлять собой карту сайта, которая должна стать удобным средством перемещения пользователя по сайту с помощью грамотно составленной навигационной панели.
Структура web-сайта обычно содержит разделы: «О компании», «Новости», «Товары и услуги», «Прайс-лист», «Контакты», «Вакансии» и др.
Логическую структуру сайта, как правило, разрабатывает
Интернет-маркетолог. Физическую же структуру, т. е. схему расположения
фактических файлов, определяет разрабатывающий сайт Web-дизайнер.
Общую графическую концепцию, применяемую в оформлении сайта, web-дизайнеры называют визуалом. Это понятие может трактоваться очень широко: от цветового оформления сайта при помощи корпоративных цветов до декоративного элемента, размещенного на каждой странице сайта.
Разработка Web-дизайна включает в себя такие этапы, как:
– разработка цветового решения сайта и выбор фона;
– построение композиционной модели;
– создание навигационной панели;
– обработка графических элементов и фотоизображений;
– выбор стиля шрифтов и заголовков.
Существует целый ряд дизайнерских приемов, которые обеспечивают легкое восприятие информации на Web-сайте организации и позволяют акцентировать внимание на его определенных частях.
Так, например, не следует заполнять страницы
избыточным количеством графических материалов. Не рекомендуется включать в
страницу непрерывно двигающиеся элементы, так как они перенапрягают зрение.
Нужно сохранять баланс между текстом, изображениями и пустым пространством.
Навигационное меню на всех страницах должно иметь одни и те же форму, цвет,
размеры и месторасположение, что обеспечивает легкость перемещения по сайту.
Информация, представленная на сайте, должна удовлетворять следующим критериям:
– должна соответствовать целям создания;
– должна учитывать особенности целевого сегмента потребителей;
– должна быть оперативной. Для поддержания интереса к сайту, его необходимо постоянно обновлять и модернизировать. Сайты, информация на которых обновляется раз в месяц, могут рассчитывать на повторные посещения пользователей только через несколько месяцев. Если же новые сведения появляются каждый день, то повторные визиты будут происходить раз в несколько дней. Для того чтобы показать пользователям, что сайт обновляется, можно указать на ней дату ее создания и последнего обновления.
– должна быть объективной и достоверной. Посетители, обнаружившие ошибочную или неточную информацию, вряд ли захотят повторно обратиться к этой странице.
– не должна носить излишне рекламный, навязчивый характер.
Первостепенное значение имеет информация, предлагаемая
посетителю сразу после загрузки сайта. От этого зависит его дальнейшие
действия: перейдет ли он к изучению сайта или покинет его. Не следует на первой
странице публиковать информацию о компании, лучше рассказать о самом сайте, о
той информации, которая может быть полезной посетителю. Можно разместить на
странице фотографию менеджера, который будет как бы проводником по каталогу
товаров, и вести рассказ от первого лица.
Ресурсы Интернета рассредоточены по оборудованию на всем земном шаре. Для связи этого оборудования между собой на огромных расстояниях разработаны специальные алгоритмы и стандарты, в частности, протокол TCP/IP, на котором в настоящее время функционирует Интернет. Согласно этому стандарту, каждый компьютер, находящийся в Глобальной сети, имеет свой уникальный адрес - IP-адрес. IP-адрес представляет собой последовательность четырех чисел в диапазоне от 0 до 255, разделенных между собой точками (например, 92.166.31.18). Связь осуществляется через сетевые службы (программы), выполняющиеся на компьютере.
На компьютере одновременно может работать несколько сетевых программ, поэтому помимо IP-адреса для связи протоколом TCP/IP предусмотрено дополнительно такое понятие как порт. Порт - это число в диапазоне от 1 до 65536. Таким образом, минимальным условием для связи одной сетевой программы с другой является наличие у первой IP-адреса и номера порта второй. Совокупность IP-адреса и порта принято записывать через двоеточие (например, 192.168.35.2:443).
Программа, ожидающая подключение, называется сервером. Серверу при запуске указывается номер порта. Программа, устанавливающая соединение с сервером, называется клиентом. На клиентов не распространяется подобное ограничение (например, можно запустить два джаббер-клиента). Также к серверу могут подключаться несколько клиентов с разных компьютеров, если это поддерживает сам сервер. Клиентом для веб-сервера выступает веб-браузер (Internet Explorer, Opera и так далее).