Разработка Web- сайта для кафедры "Вычислительная техника и информационные технологии"

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

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

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

Управлять отображением элементов  в окне программы-клиента (например, в окне браузера) можно с помощью  специальных инструкций - стилевых таблиц XSL (eXstensible Stylesheet Language). Эти таблицы XSL позволяют определять оформление элемента в зависимости от его месторасположения внутри документа, то есть к двум элементам с одинаковым названием могут применяться различные правила форматирования. Кроме того, языком, лежащим в основе XSL, является XML, а это означает, что таблицы XSL более универсальны, а для контроля корректности составления таких стилевых таблиц можно использовать DTD-описания или схемы данных, рассмотренные ниже.

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

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

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

В XML учитывается регистр символов.

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

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

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

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

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

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

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

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

Инструменты обработки данных, полученных в формате XML, могут быть разработаны  в среде Visual Basic, Java или C++.

 

1.6.4 PHP

История PHP начинается осенью 1994 года. Когда Расмус Лердорф (Rasmus Lerdorf) начал работать над тем, что впоследствии стало PHP, единственной целью, которая была у него в мыслях, выяснить, кто читает его резюме. В то время, являясь независимым подрядчиком, Лердорф рассылал потенциальным работодателям свое мини-резюме с URL ссылкой на его полную версию. Чтобы следить за посетителями, он создал CGI скрипт на Perl-e, который вставлялся как специальный тег в HTML код его страницы, и собирал информацию о посетителях. Чтобы произвести впечатление на потенциальных работодателей, он позволил любому посетителю страницы просматривать собираемую статистику посещений. [1]

Он назвал этот код для сбора  статистики «PHP-Tools for Personal Home Page», поскольку сам использовал его на своей персональной домашней странице (personal home page). Несколько человек поинтересовались тем, как они могли бы получить этот инструмент, и Лердорф принял решение предоставить его другим лицам. «Это чудо программного обеспечения. Вы можете дать это и тем не менее оставить это себе», - остроумно заметил Лердорф. В то время движения Open Source не существовало. Тогда оно назвалось freeware. Ближе к концу 1995 года Лердорф открыл для людей первый список рассылки по PHP, чтобы можно было обмениваться идеями, исправлениями ошибок и кодом.

 

1.6.5 Web-сервер Apache

Самый распространенный Web-сервер в  мире - это Apache. По данным компании Netcraft, общее число Web-узлов, работающих под  его управлением, к концу 1998 г. достигло 2 млн. (55% общего числа узлов) и постоянно  растет. Для сравнения: на долю серверов Microsoft приходится 25%, Netscape - 7%. Будучи бесплатной открытой программой, предназначенной для бесплатных же Unix-систем (FreeBSD, Linux и др.), Apache по функциональным возможностям и надежности не уступает коммерческим серверам, а широкие возможности конфигурирования позволяют настроить его для работы практически с любой конкретной системой. Существуют локализации сервера для различных языков, в том числе и для русского.

Исторически сложилось так, что  русские тексты в Internet могут быть представлены в разных кодировках, из которых наиболее распространены koi8-r (или просто koi8) и Windows-1251: с первой работает большинство серверов и рабочих станций под управлением Unix, вторая является стандартной для всех версий Windows. Поскольку кодировка Windows-1251, естественно, применяется на подавляющем большинстве клиентских машин, доля тех, кто путешествует по русской части WWW, используя koi8, не превышает сейчас 5%. Однако в этой кодировке хранятся документы на многих Unix-серверах, в ней чаще всего передаются почтовые сообщения и практически всегда - письма в телеконференции, с ней же работают многие русскоязычные каналы IRC (кстати, аббревиатура КОИ расшифровывается как "код обмена информацией"). Чтобы решить проблемы, возникающие при несовпадении кодировок текста на сервере и клиентской машине, и был создан русский модуль Apache-RUS для Web-сервера Apache.

 

1.6.6 CMS Joomla

Joomla! – это Система Управления  Содержимым (CMS), созданная той же  самой получившей множество наград  командой, которая принесла сегодняшнюю  известность системе Mambo CMS. [4]

Название Joomla! является фонетической транскрипцией слова "Jumla" из языка  Суахили, что означает "все вместе" или "единое целое". Оно было выбрано, поскольку все команды мамберов оказались единодушны в желании  защитить интересы создателей и сообщества, которое и является истинной причиной успеха проекта.

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

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

Название «Joomla!» фонетически  идентично слову «Jumla», которое  в переводе с суахили означает «все вместе» или «в целом», что отражает подход разработчиков и сообщества к развитию системы

Система управления содержанием Joomla! является ответвлением широко известной CMS Mambo. Команда независимых разработчиков отделилась от проекта Mambo по причине несогласия в экономической политике. И 16 сентября 2005 года в свет вышла первая версия Joomla!, являющаяся по сути переименованной Mambo 4.5.2.3 и включающая в себя исправления найденных на тот момент ошибок и уязвимостей.

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

 

 

2 Проектная часть

 

2.1 Общая структура сайта

 

Рисунок 2 – Структурная схема сайта

 

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

На главной странице отображаются последние новости и основная информация.

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

Страница «Дисциплины» содержит методические материалы и краткое описание дисциплин.

Страница «Абитуриентам» содержит всю необходимую абитуриентам информацию о специальности.

Страница «Новости» содержит самые  последние обновления.

Страница «Статьи» содержит интересные публикации.

Страница «Сотрудничество» содержит информацию о компаниях, с которыми контактирует кафедра.

При открытии страницы «Форум» пользователь попадает в форум кафедры.

На странице «Поиска» посетители могут  найти любую информацию, которая содержится на сайте.

 

2.2 Разработка интерфейса web-сайта

 

2.2.1 Дизайн web-сайта

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

 

Рисунок 3 – Главная страница сайта

 

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

При нажатии на ссылке «История кафедры» выводится информация о возникновении последней, информация о дисциплинах и ссылки на их краткое описание (рисунок 4).

 

Рисунок 4 – История кафедры

 

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

 

 

Рисунок 5 – Регистрационная форма

 

При вводе административного логина и пароля активируется меню администратора (рисунок 6).

 

Рисунок 6 – Панель администрирования

 

2.2.2 Описание создания страниц  web-сайта

Разработка web-сайта велась в основном в паке компании Joomla 1.0.12. Выбор данного пакета обоснован тем, что его освоение отнимает мало времени, во время разработки доступен предварительный просмотр каждой отдельно сделанной операции, доступно большое количество функций (организация интерактивных элементов сайта, создание гиперссылок в несколько кликов мышки и т.п.), пакет поддерживает большое количество технологий (HTML, PHP, ASP, Java, XML, XSLT, CSS и другие).

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

Рассмотрим создание главной странички  сайта (Рисунок 7). Она является основополагающей для всех остальных.

 

Рисунок 7 – Разработка главной странички сайта

 

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

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

 

2.3 Разработка сайта на основе CMS

 

2.3.1 Описание установки CMS Joomla

Для доступа к административной панели управления (Backend – бэк-енд, панель управления) Joomla используйте адрес Вашего веб-сайта (или полный путь до папки, в которую установлена Joomla) с добавлением в конце пути "/administrator". Например, если адрес веб-сайта www.myweb.ru, то доступ к панели управления возможен по адресу www.myweb.ru/administrator. После правильного ввода адреса, откроется страница авторизации

 

Рисунок 8 - Страница входа в панель управления Joomla

 

Рисунок 9 - Главная страница панели управления Joomla

 

При правильном вводе имени пользователя и пароля откроется главная страница администрирования системой, то есть будет открыта панель управления Joomla (Рисунок 9), которая предоставит управления всеми функциями и возможностями Joomla. Возвратиться на главную страницу панели можно в любое время при нажатии кнопки "Главная" в левом верхнем углу.

 

2.3.2 Создание Раздела

Раздел – это главный (верхний) объект в основе иерархии структуры содержимого. Позже в Раздел будут добавлены Категории.

Для работы с разделами необходимо перейти на страницу "Управление разделами". Можно нажать на главной странице панели кнопку "Управление разделами" или в основном меню выбрать "Содержимое", затем пункт "Управление разделами" (Рисунок 10).

 

 

Рисунок 10 - Доступ на страницу "Управление разделами" (Section Manager), или далее на страницу "Управление категориями" (Category Manager)

 

Будет открыта страница "Управление разделами".

На странице "Управление разделами", используя кнопки на панели инструментов, можно (перечисление справа налево):