В первом выпуске мы разобрали понятие "информационный дизайн", а сейчас приступим к описанию структуры данных сайта и построению его информационной модели.
Доброго времени суток, друзья, коллеги, единомышленники, соратники по цеху и просто интересующиеся!
С Вами Дмитрий Жолобов и Вы смотрите второй выпуск канала ИнфоДизайнер.
В первом выпуске мы разобрали понятие "информационный дизайн", а сейчас приступим к описанию структуры данных сайта и построению его информационной модели.
Но вначале, я думаю, не лишним будет привести ряд терминов и определений, которые нам помогут погрузиться в нашу предметную область и благодаря которым у нас не будет неоднозначностей, называя то или иное понятие.
Итак,
Веб-сайт - совокупность веб-страниц, электронных документов, файлов различных форматов, баз данных, размещенных в сети Интернет в едином адресном пространстве под одним доменным именем на одном веб-сервере. Сайт представляет структурированное взаимоувязанное информационное хранилище, имеет собственное оформление и интерфейс работы с данными и опубликованной информацией. Работа посетителей с сайтом осуществляется с помощью веб-обозревателей (браузеров).
Веб-обозреватель (браузер) - прикладное программное обеспечение, предназначенное для просмотра веб-страниц, содержания документов, файлов, баз данных и для работы с веб-приложениями. Браузеры используют для запроса, обработки, манипулирования и отображения содержания веб-сайтов.
Веб-приложение - клиент-серверное приложение для реализации интерактивных сервисов на веб-сайте, в котором клиентом выступает браузер, а сервером - веб-сервер. Логика веб-приложения распределена между сервером и клиентом, хранение данных осуществляется, преимущественно, на сервере, обмен информацией происходит по сети. Одним из преимуществ такого подхода является тот факт, что клиенты не зависят от конкретной операционной системы пользователя, поэтому веб-приложения являются межплатформенными сервисами.
Веб-сервер - сервер (программное обеспечение), принимающий HTTP-запросы от веб-браузеров и выдающий им HTTP-ответы вместе с веб-страницей и связанными с ней изображениями, файлами различных форматов, медиа-потоком и другими данными.
Веб-страница - основной вид документов на веб-сайте, создаваемых на языке гипертекстовой разметки HTML; основная структурная единица, с помощью которой осуществляется публикация текстовой, графической, аудио-, видео- информации, производится навигация между другими страницами и другими типами документов, а также интерактивное взаимодействие с посетителями при помощи встроенных управляющих элементов веб-приложений. Каждая веб-страница, как и каждый другой файловый документ сайта имеет свой уникальный адрес в сети Интернет. Перемещение по документам (навигация по сайту) происходит с помощью гипертекстовых ссылок, содержащих эти уникальные адреса.
Компоновка страницы - логическое деление веб-страницы на геометрические прямоугольные области, каждая из которых отличается взаимным расположением, информационным, стилистическим и функциональным наполнением. Компоновка задает самое общее представление внешнего вида и наполнения страницы, на основе которой идет дальнейшая детальная проработка и разработка шаблонов страниц.
Шаблон страницы - готовая эталонная страница, на основе которой происходит порождение страниц-клонов, уникальность которых заключается в основной содержательной области. Шаблон включает набор идентичных элементов, которые наследуются на множество порождаемых этим шаблоном страниц. Таким образом, предназначение шаблона заключается в групповом управлении внешнего вида зависимых от этого шаблона страниц.
Функционально-информационный блок - конструктивный элемент страницы сайта, который выполняет заданную функцию, содержит собственное информационное наполнение, оформлен в заданной стилистике и размещен в заданных местах на заданных страницах сайта.
И еще одно определение, без которого нам ну никак не обойтись.
Система управления веб-содержимым (Web Content Management System или более распространенное сокращение CMS) - программный комплекс, предоставляющий функции создания, редактирования, контроля и организации веб-страниц. CMS позволяет оптимизировать процессы разработки сайта и его дальнейшего сопровождения.
А теперь перейдем непосредственно к теме нашего выпуска - созданию информационной модели сайта.
Определим сайт как главную структурную единицу в описании данных или сущность, как это принято называть у программистов-разработчиков, которая определяет основные характеристики сайта и объединяет одну корневую ветвь страниц, иерархическая совокупность которых определяет структуру и содержание сайта.
Давайте договоримся, что далее на диаграмме сущности мы будем называть базовыми типами, свойства базовых типов будем называть базовыми атрибутами, а связи одних базовых типов с другими будем задавать с помощью связанных атрибутов.
Итак, перед нами на диаграмме 9 базовых типов, которые являются необходимыми и обязательными в информационной модели сайта.
Сайт имеет следующие базовые атрибуты:
Связанный атрибут "Главная страница сайта" определяет, какой раздел будет участвовать в этом качестве, и от которого будет выстраиваться все дерево разделов сайта.
Связанные атрибуты "Таблицы стилей" и "Java-скрипты" определяют соответственно набор CSS- и JS-файлов, которые принимают участие в оформлении и функционале страниц сайта.
Далее, как вы заметили из всех вышеприведенных определений, веб-страница является ключевым понятием и лежит в основе любого сайта - это своего рода строительный элемент, а их совокупность - архитектурное интернет-сооружение.
Вот мы получили вторую структурную единицу или сущность, соответствующую веб-странице, и которую мы назовём разделом сайта.
Почему название этой сущности дали не "страница"? Да, потому что, у раздела сайта, помимо содержательной функции, появится ещё и навигационная, и поэтому "раздел" называть просто "страницей" в рамках построения модели будет не совсем корректно.
Раздел сайта имеет следующий набор базовых атрибутов:
Выстраивание иерархии разделов происходит с помощью связанного атрибута "Дочерние разделы", завязанного самого на себя.
При этом, связывая сайт с разделом, определяем его главную страницу и вместе с этим корень всей структуры сайта, и далее от главного раздела, взаимоувязывая иерархию других разделов, мы выстраиваем своего рода скелет сайта, который будет являться структурой первого уровня. Почему первого уровня? Потому что, как мы убедимся позже в следующих выпусках, одного уровня будет недостаточно.
Иерархия разделов сайта полностью проецируется на иерархию веб-страниц на файловой системе относительно его доменного имени, каждому разделу соответствует своя собственная html-страница со своим содержимым и уникальным адресом.
Содержимое страницы помимо форматированного текста в своем составе может иметь такие объекты как:
Содержимое страницы может формироваться как самостоятельно, так и при помощи связанного с разделом шаблона.
Вот у нас появилась и еще одна сущность.
Шаблон страницы - готовая служебная эталонная веб-страница, на основе которой происходит порождение связанных с этим шаблоном разделов сайта. Отличительной частью каждой такой порождаемой страницы является собственный контент раздела. Из этого следует предназначение шаблона - простота управления и редактирования схожих страниц, у которых имеется общее оформление, а отличие в содержательной части, особенно, если таких страниц несколько десятков, а то и сотен.
Шаблон в свою очередь имеет базовые атрибуты:
А участвовать в содержимом шаблона могут те же объекты, что и у содержимого раздела сайта, т.е.:
Вот теперь рассмотрим подробнее каждый из них.
Итак, с разделами и их содержимым разобрались, осталось понять, как управлять навигацией, т.е. переходами между страницами. На самом сайте для этого служат разного рода меню, т.е. информационные блоки с пунктами, которые содержат ссылки на заданные страницы сайта: главное меню, вспомогательные, боковые, выплывающие, карта сайта и т.п. Расположение этих блоков на страницах сайта определяет дизайн сайта и его эргономика.
Т.к. мы уже имеем иерархическую структуру разделов, которую выше мы обозначили как структуру первого уровня, то имеет смысл ей и воспользоваться, а поможет в этом следующая сущность, которую так и назовём - навигатор.
Навигаторы - это объекты для хранения и управления функционально-информационными блоками для формирования навигации по страницам сайта в виде различных вариантов меню. Навигатор описывает перечень страниц, ссылки на которые должны в нём выводиться и способ показа этого меню на страницах сайта.
Базовые атрибуты навигатора:
Параметры настройки определяют способ показа меню на страницах сайта, а вот какие разделы сайта будут участвовать в построении этого меню, указываем с помощью связанного атрибута "Разделы сайта", т.е. для конкретного меню выбираем перечень нужных разделов, на которые будут ссылаться пункты этого меню. Таким образом, такие объекты как навигаторы обеспечивают полную свободу действий и гибкость для решения любой дизайнерской задумки в реализации навигации на страницах сайта.
Следующий базовый тип, который может быть использован и в содержимом разделов сайта, и в содержимом шаблонов страниц - это инфоблок. Как правило, инфоблоки заключают в себе повторяющиеся на множестве страниц сайта информационные блоки (отсюда и название). Например, любая страница имеет в своём составе шапку и подвал. Используя для этого инфоблок-шапку и инфоблок-подвал и включив их в состав страниц, в дальнейшем мы с лёгкостью можем внести изменения ТОЛЬКО в эти инфоблоки, а не перебирая множество использующих их страниц. Какое количество этих страниц имеется - уже не важно, т.к. при такой организации структуры страниц, мы всегда уверены, что введенные изменения дойдут до каждой страницы. Таким образом, несмотря на простоту выполняемой этими объектами задачи, без них невозможно обойтись.
Базовые атрибуты инфоблока:
По аналогии с разделом и шаблоном в составе содержимого инфоблока могут быть:
И, как мы видим, остались изображения и файлы.
Изображения нам нужны для публикации на страницах сайта графических объектов - фотографий, схем, диаграмм, элементов оформления и т.п.
Файлы необходимы для публикации файловых данных различных форматов как для возможности их скачивания в случаях, если эти файлы форматов офисных приложений, так и для возможности просмотра или прослушивания в случаях, если это файлы видео- или аудио- форматов.
Применяя к изображениям и файлам групповую публикацию, имеем возможность организовывать на страницах сайта фото- видео- и аудио- галереи, а также другие файловые библиотеки различного назначения.
Итак, мы построили информационную модель сайта, которая является необходимой для всех сайтов вне зависимости от их сложности, объема и размаха. Поэтому её с полной уверенностью можно назвать классическим "базисом", в который мы в дальнейшем будем вносить нужные и важные "надстройки" для выполнения других задач по управлению данными на сайте.
В следующем выпуске мы, наконец, перейдем от теории к практике и рассмотрим, как эта классическая модель работает на примере управления действующими сайтами.
А уже далее будем расширять эту модель новыми базовыми типами и связями.
Благодарю за внимание и до следующих встреч!
