Архитектура информационных систем

МИНОБРНАУКИ РФ Федеральное государственное бюджетное образовательное учреждение высшего профессионального образования

«Пензенский государственный технологический университет»

Кафедра «Прикладная информатика»

Контрольная работа № 1, 2

по дисциплине

«Архитектура информационных систем»

Выполнил: студент гр.

Проверил: Ханислямова С.В.

Пенза 2014 год Отчет о выполнении лабораторной работы 1

Установка CMS Joomla на локальный компьютер Цель работы: Освоение процесса установки на локальный компьютер и настройки инструментальной среды разработки веб-сайтов Joomla 3

Ответы на контрольные вопросы:

1. Каково назначение пакета Денвер?

Денвер предназначен для создания сайтов на «домашней» (локальной) Windows-машине без необходимости выхода в Интернет.

2. Назовите основные компоненты пакета Денвер?

— инсталлятор (поддерживается также инсталляция на flash-накопитель);

— веб-сервер Apache, SSL, SSI, mod_rewrite, mod_php;

— интерпретатор с языка программирования PHP5 с поддержкой GD, MySQL, sqLite;

— система управления базой данных (СУБД) MySQL5 с поддержкой транзакций;

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

— система управления запуском и завершением всех компонентов Денвера;

— phpMyAdmin — система управления MySQL через Web-интерфейс;

— эмулятор sendmail и SMTP-сервера (отладочная «заглушка» на localhost:25, складывающая приходящие письма в /tmp в формате .eml); поддерживается работа совместно с PHP, Perl, Parser и т. д.

3. Что означает хостинг?

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

4. К какому типу серверов отностится Apache? Каково их назначение?

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

Основными достоинствами Apache считаются надёжность и гибкость конфигурации. Он позволяет подключать внешние модули для предоставления данных, использовать СУБД для аутентификации пользователей, модифицировать сообщения об ошибках и т. д. Поддерживает новую версию интернет протокола IPv6 (англ. Internet Protocol version 6) с поддержкой 128-битных адресов.

5. Какое ПО называется кроссплатформенным?

Кроссплатформенное программное обеспечение — программное обеспечение, работающее более чем на одной аппаратной платформе и/или операционной системе.

6. Какие протоколы и программные модули входят в состав Apache? Для чего они предназначены?

SSL (англ. Secure Sockets Layer — уровень защищённых сокетов) — криптографический протокол, который обеспечивает безопасность связи. Протокол широко используется для обмена мгновенными сообщениями и передачи голоса через IP, в таких приложениях, как электронная почта, Интернет-факс и др.

SSI (Server Side Includes — включения на стороне сервера) — несложный язык для динамической «сборки» веб-страниц на сервере из отдельных составных частей и выдачи клиенту полученного HTML-документа. Реализован в веб-сервере Apache при помощи модуля mod_include. Включённая в настройках по умолчанию веб-сервера возможность позволяет подключать HTML-файлы, поэтому для использования инструкций файл должен оканчиваться расширением. shtml, .stm или .shtm

Mодуль mod_rewrite является программным компонентом веб-сервера Apache и предназначен для интерпретации адресов ресурсов сети интернет, представленных в удобной для восприятия человеком символьной форме (англ. URL — Uniform Resource Locator) — единообразный локатор (определитель местонахождения) ресурса).

Mодуль mod_php является программным компонентом веб-сервера Apache и предназначен для поддержки языка программирования PHP.

PHP (англ. PHP: Hypertext Preprocessor — «PHP: препроцессор гипертекста»; произносится пи-эйч-пи) — скриптовый язык программирования общего назначения, интенсивно применяемый для разработки веб-приложений. В настоящее время поддерживается подавляющим большинством хостинг-провайдеров и является одним из лидеров среди языков программирования, применяющихся для создания динамических веб-сайтов. Входит в LAMP — распространённый набор программного обеспечения для создания и хостинга веб-сайтов (Linux, Apache, MySQL, PHP), например, Денвер.

7. К какому типу языков программирования относится PHP?

PHP (англ. PHP: Hypertext Preprocessor — «PHP: препроцессор гипертекста»; произносится пи-эйч-пи) — скриптовый язык программирования общего назначения, интенсивно применяемый для разработки веб-приложений.

8. Какие возможности поддерживаются интерпретатором PHP?

Интерпретатор PHP пакета обеспечивает поддержку программной библиотеки для динамической работы с изображениями GD (англ. Graphics Draw) Graphics Library или просто GD. GD позволяет создавать изображения, состоящие из линий, дуг, текста (включая программный выбор шрифтов) и других изображений, а также использовать различные цвета. Кроме того, PHP из пакета Денвер позволяет взаимодействовать с СУБД MySQL и sqLite.

9. К какому типу программ относятся MySQL и sqLite?

MySQL и sqLite — реляционные системы управления базами данных.

10. Как перейти в панель управления СУБД MySQL?

С этой целью следует загрузить панель управления СУБД MySQL, указав в адресной строке браузера http://localhost/tools/phpMyAdmin/.

11. Как загрузить панель администратора Joomla 3 через браузер?

Нужно перейти на сайт проекта (кнопка Сайт) или в панель управления (кнопка Панель управления).

12. Как открыть локальный сайт с использованием браузера?

Нужно выбрать пункт Система|Панель управления и в нижнем левом углу формы и щелкнуть ссылку Просмотр сайта.

Отчет о выполнении лабораторной работы 2

Создание и публикация материалов на веб-сайте с использованием Joomla 3

Цель работы: Изучение порядка создания, редактирования и публикации материалов на веб-сайте с использованием администраторской панели Joomla 3.

Заходим в менеджер категорий и создаем новую категорию.

После создания категорий, проверяем их наличие.

Заходим в менеджер материала и создаем новый материал Редактируем вставленное изображение.

Создаем вступление.

Просматриваем выбранные изображения Переходим в режим просмотра сайта.

Добавляем новые категории и просматриваем полученное на главной странице.

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

Ответы на контрольные вопросы:

1. Что в CMS называется материалом?

Материал (статья) — это автономная единица информационного наполнения веб-сайта. Для большинства Joomla-сайтов материалы содержат в себе основную информацию для пользователей.

2. Каковы основные характеристики материала с технической точки зрения?

С технической точки зрения статья состоит из следующих компонентов и параметров: — заголовок (название статьи) и алиас (название статьи в её адресе, например, http://cocoate.com/ru/j3ru/sozdaniye-kontenta); - текст статьи: сочетание текста, изображений, видео и пр.; - категория материалов, к которой статья относится; - автор и его псевдоним; - права доступа к статье; - язык, на котором статья написана (указание языковой версии сайта, к которой относится статья); - метаданные для поисковых систем и прочих роботов.

3. Назовите варианты организации статей. Дайте характеристику каждого варианта.

Существует два способа организации статей с концептуальной точки зрения: неклассифицированные и классифицированные статьи. Неклассифицированные статьи — это самый простой способ организации веб-сайта на базе Joomla. Как следует из названия, в основе такой организации не используется какая-либо иерархическая структура. Если статей немного, такой способ организации является самым простым и быстрым. При наличии более десятка статей отсутствие классификации значительно затрудняет работу.

4. Какие существуют типы элементов иерархии материалов? Какова их взаимосвязь?

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

5. Каковы основные преимущества иерархической организации материалов?

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

6. В чем отличие структуры материалов и структуры меню сайта?

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

7. Назовите способы создания новой категории, материала.

Для создания раздела или категории выполните следующую последовательность действий: 1. Авторизироваться в администраторской панели Joomla, если это действие не было выполнено ранее. 2. Создать новую категорию одним из двух способов: — выбрать пункт меню Менеджер категорий в панели быстрого доступа и в открывшемся окне нажать кнопку Создать; - в главном меню панели администратора последовательно выбрать Материалы|Менеджер категорий|Создать категорию. 3. В окне ввода параметров новой статьи заполнить обязательное поле Заголовок (если Алиас (псевдоним) не заполнен, то он сгенерируется автоматически; алиас используется при подключении опции Человекопонятных ссылок и позволяет заменять ссылки этими псевдонимами). 4. Выбрать в списке Состояние значение Опубликовано. 5. В поле Доступ выбрать необходимые права доступа к категории. Эти права будут распространяться на все элементы категории (подкатегории и статьи). 6. В поле Родитель выбрать из списка родительскую категорию; для разделов это поле должно иметь значение Нет родителя. 7. Нажать одну из кнопок: Сохранить, Сохранить и закрыть или Сохранить и создать в зависимости от варианта дальнейших действий.

8. Какие характеристики категории, материала являются обязательными для заполнения?

Обязательными для заполнения: состояние, доступ, родитель.

9. Как создать статические материалы?

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

10. Как опубликовать материал на главной странице сайта?

Выбрать в списке Состояние значение Опубликовано.

11. Как оформить вступительную часть к материалу?

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

12. Как добавить в материал изображение?

следует выполнить следующую последовательность действий: 1. Перейдите в окно Менеджер материалов любым способом (из главного меню или меню быстрого доступа).

2. Выберите нужный материал в списке материалов и перейдите в режим его редактирования щелчком по названию или создайте новый материал. 3. Установите курсор в место вставки изображения. 4. Нажмите кнопку Изображение, расположенную ниже редактора (рисунок 2.10). 5. В нижней части открывшегося диалогового окна нажмите кнопку Обзор. 6. Выберите рисунок, указав его местоположение на жестком диске и нажмите кнопку Открыть. 7. В нижней части диалогового окна нажмите кнопку Загрузить, расположенную рядом с кнопкой Обзор. Загруженная картинка появится в центральной части окна. 8. Выберите эту картинку для вставки в материал (если картинок несколько, используйте клавишу Ctrl) и нажмите кнопку Вставить, расположенную в верхней части диалогового окна.

13. Каковы основные параметры изображения?

Основные параметры изображения: изменение местоположения картинки, изменение параметров расположения, вариант оформления материала изображениями.

14. Как изменить параметры изображения?

Для изменения параметров изображения выполните одно из следующих действий: 1. Для изменения местоположения картинки выделите ее щелчком левой кнопки мыши и перетащите курсор в новое место. 2. Для изменения параметров расположения изображения относительно текста выделите картинку и нажмите кнопку Изображение (зеленое дерево) в панели инструментов редактора.

15. Как добавить изображение к вступительной части и полному тексту статьи?

Для вставки изображений во вступительную часть и полный текст статьи необходимо: 1. Перейти в режим редактирования статьи. 2. В нижней части диалогового окна нажать кнопку справа от поля Изображение для вступительного текста материала (рисунок 2.16). В открывшемся диалоговом окне загрузить изображение, предварительно сохраненное на жесткий диск, и выбрать его. 3. Затем нажать кнопку справа от поля Изображение полного текста материала и повторить действия по выбору необходимого изображения.

Отчет о выполнении лабораторной работы 3

Управление веб-сайтом с помощью меню. Часть 1

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

Открываем менеджер меню.

Просматриваем список уже созданных меню.

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

Определяем тип пункта меню Просматриваем получившийся результат Упражнение 3.2. Создание многоуровневого меню для отображения материалов.

Создаем подпункты меню.

Просматриваем получившийся результат.

Упражнение 3.3. Изменение порядка следования пунктов меню.

Заходим в менеджер меню и меняем порядок следования.

Просматриваем получившийся результат.

Упражнение 3.4. Скрытие и отображение пунктов меню в зависимости от категории посетителя сайта.

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

Проверяем результат. Пункт меню пропал.

Заходим на сайт и видим, что пункт меню появился.

Упражнение 3.5. Изменение главной («домашней») страницы сайта.

Меняем главную страницу.

Просматриваем результат, все получилось, теперь главная страница: О нас.

Упражнение 3.6. Выбор варианта открытия окна для просмотра материала. Выбор шаблона оформления материала.

Меняем стиль шаблона.

Проверяем результат.

Упражнение 3.7. Изменение параметров отображения материалов.

Заходим в редактор пункта меню.

Изменяем настройки.

Отчет о выполнении лабораторной работы 3

Управление веб-сайтом с помощью меню. Часть 2

Цель работы: Изучение порядка создания, редактирования и настройки меню сайта с использованием администраторской панели Joomla! 3.х.

Упражнение 3.8. Создание нового меню Заходим в менеджер меню и создаем новое меню инструментальный сайт joomla

Создаем пункты нового меню Заходим в менеджер шаблонов, стили.

Включаем параметр — Просмотр позиций модулей.

Осуществляем просмотр позиций модулей.

Упражнение 3.9. Выбор места размещения меню на сайте.

В администраторской зоне перейдем в окно Менеджера меню и выполним команду Добавить модуль для данного типа меню в строке с заголовком созданного ранее меню.

Переходим на сайт, чтобы убедиться, что новое меню отображается в нужном месте.

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

Упражнение 3.10. Изменение дизайна меню сайта.

Переходим на сайт bootstrap-ru.com для просмотра доступных классов.

Оформляем главное меню в виде вертикально расположенных вкладок в менеджере модулей.

Просматриваем полученный результат.

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

Упражнение 3.11. Создание подпунктов пункта меню.

Создаем подпункт форма авторизации и просматриваем результат.

Добавим еще один подпункт и просмотрим полученное.

Ответы на контрольные вопросы:

1. Для чего предназначено меню?

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

2. Какой компонент в составе Joomla! 3. х определяет местоположение меню и обеспечивает его визуализацию?

В составе Joomla! 3. х определяет местоположение меню и обеспечивает его визуализацию менеджер меню

3. От чего зависит количество используемых при создании сайта модулей и их местоположение?

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

Некоторые из шаблонов, доступные в Joomla! 3. х для оформления сайтов, созданы с помощью программного фреймворка Bootstrap Twitter. Разработчики Bootstrap (читается «бутстреп») ранее создали проект Twitter, чем и объясняется сочетание слов в названии фреймворка.

4. Что такое модуль, шаблон?

Модуль — это минимально возможное расширение Joomla! 3.х. Модули, как сказано выше, используются для отображения информации (например, модуль «Кто на сайте») или организации самого простого взаимодействия с пользователем (например, модуль голосований).

Шаблон — фиксированный или резиновый шаблон документа.

5. Как в Joomla 3. х отредактировать значения параметров модуля?

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

6. Для чего предназначены фреймворки?

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

7. Какой фреймворк использовался для создания шаблонов проектов в Joomla! 3. х?

Twitter Bootstrap — это фреймворк для создания современных, кросс-браузерных и стандартизованных интерфейсов. Продуманная структура кода HTML, JavaScript и CSS дает возможность создавать множество самых разнообразных элементов интерфейса и сетку сайта.

8. Назовите инструменты Bootstrap.

Основные инструменты Bootstrap:

— сетки — заранее заданные размеры колонок, которые можно сразу же использовать, например ширина колонки 90px относится к классу .span2, который мы можем использовать в CSS-описании документа;

— шаблоны — фиксированный или резиновый шаблон документа;

— типографика — описания шрифтов, определение некоторых классов для шрифтов таких как код, цитаты и т. п.;

— медиа — представляет возможности управления изображениями и видео;

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

— формы — классы для оформления не только форм, но и некоторых событий происходящих с ними;

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

— алерты — оформление диалоговых окон, подсказок и всплывающих окон.

9. Каково назначение классов? Как можно получить доступ к списку компонентов web-проектов и связанных с ними классов для дальнейшего использования в Joomla! 3. х?

В Bootstrap для хранения значений свойств элементов пользовательского интерфейса предназначены классы. При разработке web-проекта в Joomla! 3. х достаточно элементам страницы сайта задать нужный класс. Изменение класса элемента приводит к корректировке значения HTML-атрибута «class» связанного с ним тега. Список классов и соответствующие им образцы дизайна доступны на официальном сайте разработчика Bootstrap getbootstrap.com.

10. Каков порядок создания меню? Пунктов меню?

Для создания нового меню служит команда Создать панели инструментов Менеджера меню. В результате её выполнения открывается форма, представленная на рисунке 3.9, которая служит для ввода параметров меню. Поля Заголовок и Тип меню являются обязательными для заполнения. Как правило, в поле Тип меню вводится название меню (содержимое поля Заголовок) на латинице.

11. Какие типы пунктов меню вы использовали? Каковы их особенности?

Тип меню (Menu Type) -системное имя меню (указывается под названием каждого меню). Каждое меню имеет уникальное имя. Несмотря на то, что этот параметр доступен для редактирования, ситуаций, когда требуется менять его значение, практически не существует. Неосторожное изменение системного имени меню может привести к серьезным последствиям. Основные использованные типы: Менеджер пользователей, Форма авторизации, Меню топ — предназначены для добавления материала, формы авторизации и т. д.

12. Как разместить меню в нужной позиции страницы?

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

1. Установите в Менеджере шаблонов параметр Просмотр позиций модулей в положение Включено.

2. В клиентской части сайта перейдите в режим просмотра позиций модулей. В верхней части вы увидите область, помеченную как Position: position 1. Именно она будет использоваться для размещения меню.

3. В администраторской зоне перейдите в окно Менеджера меню и выполните команду Добавить модуль для данного типа меню в строке с заголовком созданного ранее меню (рисунок 3.13).

4. В форме настроек модуля меню (рисунок 3.14) установите следующие параметры:

5. Выполните команду Сохранить и закрыть. Перейдите в клиентскую зону сайта и отредактируйте команду, введенную в адресную строку браузера, удалив все, кроме имени сайта. Обновите страницу и убедитесь, что меню с единственным пунктом Главная отображается в указанной позиции. При выборе пункта меню вы должны перейти на страницу с избранными материалами.

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

— Тип пункта меню (обязательное поле) — Материалы|Список материалов категории;

— Выбор категории (обязательное поле) — название категории, например, Статьи;

— Заголовок меню (обязательное поле) — название пункта меню, например, Статьи.

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

13. Какие классы вы использовали для оформления меню в своих проектах?

Для горизонтального меню нужно выбрать позицию: Navigation. Первый стиль для горизонтального меню называется nav nav-pills. Задается в пункте суффикс класса меню. Для вертикального меню используются позиции: left, right. Для вертикального меню: nav nav-pills nav-stacked.