Магистрант 1 курса НПМ
Жумартов М.А.,
Научный руководитель -
к.т.н., профессор Борибаев Б.Б.,
Алматинская Академия
Экономики и статистики, Казахстан
Этапы проектирования корпоративных Web-сайтов образовательных учреждений
Создание web-сайта – событие, повышающее
имидж образовательного учреждения. Хороший сайт, вбирая в себя всю полезную
информацию, является лучшей визитной карточкой образовательного учреждения,
работая на них в любое время суток. Безусловно, это современно и престижно. Сайт,
представляющий некоторую организацию, называется корпоративным или официальным
сайтом организации. К официальному сайту предъявляются более жесткие требования
в части информационного содержимого, графического дизайна, навигации, хостинга
[1, 2]. Официальный сайт обычно имеет следующие разделы:
- новостная информация;
- нормативные документы, положения;
- направления деятельности;
- структура учреждения;
- кадровый состав;
- контактная информация (список ответственных лиц, их
должности, координаты и часы приема).
Следует отметить, что перечисленные разделы - это только необходимый
минимум. Разработка сайта образовательного учреждения включает в себя целый
комплекс процессов, от которых зависит эффективный конечный результат.
1. Формирование целей и задач сайта.
Этот первый этап разработки сайта и к нему нужно подойти с особой
ответственностью. Вот некоторые вопросы, на которые необходимо будет ответить:
Какие функции будет выполнять сайт?
Какова аудитория посетителей сайта?
Какого рода информация необходима вашей потенциальной аудитории?
Как будет реализована схема обновления (пополнения) материалов сайта?
Кто будет ответственен за наполнение каждого раздела?
Каковы способы продвижения сайта для формирования его посещаемости
целевой аудиторией?
Где будет размещаться сайт? Каково будет имя сайта?
2. Анализ ситуации в Интернет
Этот этап включает в себя:
Анализ существующих образовательных сайтов и их сервисов.
Анализ способов и схем поиска подобных сайтов или сервиса целевой
аудиторией (поисковые системы, каталоги, тематические сайты и др.).
Анализ необходимых программных разработок, их производительности и
эффективности.
Анализ существующих доменных имён.
Смысл этого этапа в том, чтобы не повторить ошибок и слабых сторон
существующих образовательных сайтов. Возможно, что сайты, аналогичные
разрабатываемому, уже есть в Сети. На что сделать акцент в своем сайте? Чему
уделить наибольшее внимание? Эти вопросы решаются на данном этапе.
Иногда первые два этапа выполняются параллельно потому что, чтобы
ответить на тот или иной вопрос первого этапа, необходимо провести анализ
сложившейся ситуации в данном направлении.
В течение этих этапов продумывается содержание или контент сайта, что
является одной из самых важных составляющих. Если на сайте не будет полезной
информации, способной заинтересовать определенный круг людей, то можно ставить
вопрос о необходимости существования сайта как такового.
3. Проектирование структуры сайта
Именно на этом этапе закладываются основные принципы работы сайта, его
структура, формируется общее представление о дальнейшей работе над проектом.
Также на этом этапе необходимо придумать названия разделов сайта, заголовки
страниц, определить переходы между ними, то есть продумать логическую структуру
размещения информации. Здесь же надо включить, если необходимо, способы общения
с пользователями в рамках сайта – комментарии к статьям, форум, чат, гостевую
книгу.
В результате третьего этапа должна быть сформирована ясная и логическая
структура размещения информации на сайте - ничто так не утомляет при поиске
нужной информации, как плохо структурированные сайты.
4. Сбор материалов и разработка учебных
курсов
Здесь необходимо грамотно подобрать
материал, отвечающий требованиям достоверности, информативности, доступности,
понятности. Материал должен быть структурирован соответствующим образом с
учетом дидактических принципов построения.
При сборе материала также необходимо руководствоваться некоторыми
принципами педагогического дизайна. Этот этап также включает работы по
эффективной организации учебного процесса, подготовку дополнительных материалов
(методуказаний, инструкций, подсказок и т.д.).
5. Разработка дизайна, функциональности
страниц и программных решений образовательного сайта.
Этот этап не такой простой, как может показаться на первый взгляд.
Особенно, если анализ ситуации в Интернет показал наличие жёсткой конкуренции в
борьбе за целевую аудиторию. Кроме решений задач по достижению имиджевой
индивидуальности сайта, необходимо учитывать множество дополнительных (иногда,
чисто технических) требований –(практичность) сайта, «прозрачность»
(понятность) навигации, применение различных технологий оформления, скорость
загрузки страниц, качество графики, а также требования эргономики [3].
Под web-дизайном понимается оформление сайта. Прежде всего, в
графическом редакторе осуществляется разработка внешнего вида сайта (главной
страницы и ключевых страниц), создание индивидуальной графики, выбор цветового
и шрифтового решения. Очень хорошо представить, как будет смотреться страница в
готовом виде, и сделать несколько набросков на бумаге. Конечно, при
профессиональном подходе к созданию сайта эти работы должен выполнять художник
или человек с художественными способностями. Результатами этих работ должны
быть файлы эскизов страниц или макет сайта.
Далее электронные эскизы страниц сайта или макет сайта необходимо
перевести в html-формат. Эта операция
называется версткой. В процессе верстки хорошим подспорьем являются
автоматическое формирование кода в некоторых программах. Например, поначалу
можно использовать инструменты «Фрагмент» и «Выбор фрагмента» графического редактора Adobe Photoshop и
Adobe Image Ready, которая входит в
поставку Adobe Photoshop. В данных программах возможно разрезать файл эскиза
макета сайта на составные части и автоматически сформировать html-код. Реально
на диске компьютера появится один html-файл и папка Images, содержащая столько
рисунков, сколько фрагментов было создано на эскизе. Html-файл содержит
невидимую таблицу, в ячейках которой вставлены фрагменты.
На этом же этапе производится оптимизация графики для web-страниц, с учетом которой максимальное качество
изображения должно сохраняться при минимальном размере файла. Для этого
идеально подходит программа Adobe Photoshop. С некоторыми полезными
аспектами создания графических
элементов для web-сайта можно ознакомиться в Интернет-пособии
«Компьютерная графика» (http://club-edu.tambov.ru/methodic/cg/index.html).
На основе созданной структуры сайта в ходе разработки дизайна особое
внимание стоит уделить оформлению навигации сайта на основании принципов
простоты, удобства, читабельности. Пользователи должны быстро и легко перейти
на любую страницу web -сайта, в том числе и на
начальную.
6. Разработка программ управления сайтом
Этот этап выполним только для разработчиков сайта, владеющих
определенными навыками программирования. Подобные разработки просто необходимы
современному сайту. Разработка программ (скриптов) управления проводится с
учётом оценки целевой аудитории и процессов поддержки и наполнения сайта.
Лучше, когда подобные решения оптимизированы под минимальные навыки
пользователей.
7. Реализация и размещение сайта
На этапе реализации обычно производят наполнение сайта материалами на
основе файлов, созданных в процессе верстки, и с учетом программ управления
сайтом, если таковые имеются. Тут же производится оптимизация текстов. Следует
обратить особое внимание на отсутствие орфографических и грамматических ошибок
в текстах сайта. Чтобы ошибок и описок было меньше или их совсем не было,
рекомендуется набивать текст в редакторах с проверкой орфографии и перечитывать
то, что написано перед выставлением
сайта на всемирное обозрение.
Материал разбивается по файлам и папкам в соответствии со структурой
сайта. Организуются ссылки между файлами сайта. Если сайт создается только в
виде html-документов, а не основе программных скриптов, рекомендуется создать
шаблон-заготовку страницы с основными структурными областями и стилевым
оформлением и использовать ее для создания всех страниц узла. В такой шаблонной
странице достаточно изменить содержимое и адресацию ссылок, такая организация
работы сократит время, потраченное на каждую из них. Необходимо также помнить,
что посетитель может попасть прямо из поисковой системы на любую из страниц
сайта – и важно в этом случае показать ему, что она является частью целого
сайта, дать ему возможность перейти по ссылке на главную страницу и просмотреть
остальные разделы.
На этапе реализации сайта обязательно производят просмотр в разных web-браузерах и при разных разрешениях экрана. При
необходимости устраняют ошибки.
Также данный этап входят: размещение сайта на Интернет-сервере, запуск
и отладка необходимых программных решений, установка и запуск программ
управления сайтом. Процесс размещения сайта также называют иногда публикацией
сайта. Этот процесс неразрывно связан с понятием «хостинг» [4].
8. Тестирование
На этом этапе проводится тестирование образовательного сайта на предмет
обнаружения возможных ошибок, связанных с обычным "человеческим
фактором" в процессе разработки и интеграции программных решений в
функциональность сайта. Наряду с тестированием в разных web-браузерах и при разных разрешениях экрана очень
неплохо посмотреть, как просматривается сайт в других операционных системах.
При тестировании следует обратить внимание на время загрузки страниц и
при недостаточном быстродействии продолжить оптимизацию графических элементов и
текста страниц и программ.
Для тестирования на удобство пользования интерфейсом крупные компании
приглашают специальные группы людей. В условиях образовательного учреждения
можно привлечь коллег и студентов к просмотру сайта и, не давая им никаких
инструкций, посмотреть, как они будут пользоваться web-сайтом. Следует понаблюдать, как они перемещаются по web-сайту. Где возникают паузы? Когда пользователи
испытывают трудности? И при этом не стоит подсказывать им и давать указания!
Такие наблюдения могут дать много ценной информации. На основании результатов
тестирования обычно принимаются решения об исправлении ошибок и неточностей,
возможно о доработке сайта.
9. Продвижение или раскрутка сайта
Объём работ, связанных с этим этапом, может быть различным - от простой
регистрации в поисковых системах, до целого комплекса мер, рассчитанного на
длительное время. Ни в коем случае не нужно полностью отказываться от этого
этапа разработки сайта. Как минимум необходимо провести качественную
регистрацию сайта в поисковых системах и каталогах [5], используемых целевой
аудиторией (например, русскоязычных).
10. Поддержка
Содержимое web-сайта может подвергаться
неоднократным изменениям. Важно, чтобы предоставляемая на web-сайте информация всегда была актуальной, поэтому надо
как можно чаще обновлять информацию на своем web -сайте, по возможности расширять материал, улучшать
дизайн [6].
Обязательное правило для функционирования web-сайта гласит, что обновления на сайте должны
появляться не реже одного раза в месяц. В противном случае постоянных
посетителей на сайте просто не будет, и сайт может потерять не только
потенциальных, но и уже состоявшихся посетителей.
После краткого описания этапов создания сайта стоит отметить, что этапы
разработки образовательного сайта необходимо комбинировать с этапами
педагогического дизайна и с этапами эргономического проектирования.
Выводы: Однако, все усилия по раскрутке сайта будут тщетны
при самой наилучшей оптимизации, если информация на образовательном сайте
никому не нужна, если сайт загружен графикой и пользователи должны ждать по
несколько минут, прежде, чем они что-то увидят, если в навигации по сайту
совершенно не разобраться и пользователи путаются в его структуре, если годами
не обновляется сайт. Даже если посетитель придет на такой сайт, он быстро
уйдет, и вряд ли когда-либо еще вернется.
Если же сайт обладает уникальным содержанием, которое трудно где-либо
найти, если сайт постоянно обновляется и содержит актуальную информацию, посетители
найдут такой сайт и останутся верными ему, даже если при оптимизации и
раскрутке сайта были допущены серьезные ошибки.
Литература:
1.
http://club-edu.tambov.ru/methodic/fio/p5.doc - Инькова Н.А., Зайцева Е.А.,
Кузьмина Н.В, Толстых С.Г. Создание Web-сайтов. Учебно-методическое пособие
(doc-файл). Тамбов 2002 г.
2.
http://vio.fio.ru/vio_07/cd_site/Articles/art_1_15.htm - Горюнова М.А. Разработка структуры
образовательного сайта. Вопросы Интернет-образования. ФИО, Московский Центр.
3.
http://libray.narod.ru/html/content/pr_204.html - Влад Мержевич. Резиновый
дизайн. Основы.
4.
http://narod.yandex.ru/help/ - Народ.ru: Помощь. Общие вопросы.
5.
http://kokoc.com/ - Раскрутка сайтов в поисковых системах. Статьи.
6.
http://www.ashmanov.com/pap/ivsprep.phtml - Андрей Иванов. Подготовка сайта для
индексирования в поисковых системах.