Структура qr-кода



страница5/6
Дата10.05.2016
Размер0.71 Mb.
1   2   3   4   5   6

РАЗРАБОТКА ИНФОРМАЦИОННО-СПРАВОЧНОЙ СИСТЕМЫ ДЛЯ ВЫСТАВКИ «МОТОРЫ ВОЙНЫ»




2.1. Проектирование информационно-справочной системы
Работа над серьезным проектом ведется по определенному плану. Разработка информационно-справочной системы в основе, которой лежит веб-сайт не является исключением из этого правила. Чтобы получить качественную информационно-справочную систему (сайт) следует сначала спроектировать свои действия. Это обязательное условие для создания качественно сайта. Под качественным сайтом подразумевается сайт с понятной структурой и хорошей навигацией. На сегодняшний день существует немало стандартных моделей проектирования. Настоящая дипломная работа проектируется с использованием «Каскадной модели» жизненного цикла программного обеспечения.
"Каскадная модель, а по-другому эта модель может называться как последовательная или водопадная предусматривает последовательное выполнение, переход на новый этап означает полное завершение работ на предыдущем шаге" [25].
Этапы разработки продукта, в нашем случае – информационно-справочной системы в виде сайта по каскадной модели жизненного цикла, указаны на рисунке 19. При этом каскадная модель не предусматривает возврата назад для доработки или изменения этапа сделанного ранее. Главное достоинство этой модели заключается в том, что она проста в реализации. Она может быть использована как разработчиком – одиночками, так и небольшими фирмами или группками.

Разработка

требований

Проектирование





Реализация




Тестирование




Ввод в


эксплуатацию

Рисунок 19. – каскадная модель жизненного цикла



2.1. 1.Диаграммы вариантов использования

На основе требований сотрудников отдела экспозиции вооружения, военной техники и инженерных сооружений федерального государственного учреждения культуры «Центральный музей Великой Отечественной Войны 1941-1945 гг.» и коллекционера Вячеслава Лен – lehn.ru (заказчики) были сформулированы требования к информационно-справочной системе (сайт) и выделены два типа пользователей - актеров: Посетитель сайта (Рисунок 20) и Администратор (Рисунок 21). Далее для каждого типа актеров была построена диаграмма вариантов использования, являющаяся графическим представлением функциональных требований к системе.



Рисунок 20. – диаграмма вариантов использования «Посетитель сайта»


Рисунок 21 . – диаграмма вариантов использования «Администратор»

2.1.2. Сценарии вариантов использования

Рассмотрим несколько сценариев вариантов использования сайта различными типами Актеров. В таблице 2.1. описан сценарий актера – Посетитель сайта. В таблице 2.2. описан сценарий актера – Администратор.

Таблица 2.1. Вариант использования

«Просматривать страницы сайта».




1.Главный раздел

Имя

Посещать страницы сайта

Актеры

Посетитель сайта

Цель

Посещать страницы сайта

Краткое описание

Посетитель сайта может просматривать страницы сайт с целью получения нужной ему информации.

Тип

Базовый

Ссылки на другие варианты использования

-

2.Раздел «Типичный ход событий»

Действия актеров

Отклик сайта

1.Посетитель сайта нажимает на «Главная» в верхнем меню сайта.

2.Открывается главная страница сайта с информацией о Музее Великой Отечественной Войны.

3.Посетитель сайта нажимает на «Моторы Войны» в верхнем меню сайта.

4.Открывается страница с информацией о выставке «Моторы Войны».

5.Посетитель сайта нажимает на «Экспонаты» в верхнем меню сайта.

6. Откроется страница, которая содержит группированный список техники по странам, которые воевали в ВОВ.

7.При нажатии на любую из ссылок, которые находятся на странице «Экспонаты».

8.Откроется страница в новой вкладке. И на данных ссылках можно узнать более подробную информацию об экспонатах.

Таблица 2.2. Вариант использования

«Авторизация».




1.Главный раздел

Имя

Авторизация

Актеры

Администратор

Цель

Авторизация

Краткое описание

Авторизация администратора для управления сайтом.

Тип

Базовый

Ссылки на другие варианты использования

-

2.Раздел «Типичный ход событий»

Действия актеров

Отклик сайта

1.Администратор вводит свой логин и пароль в форму авторизации.
Исключение №1: имя пользователя и пароля не совпадают.

2.Сайт проверяет правильность введенных данных.
3.Сайт авторизует Администратора в качестве администратора и открывает ему главную страницу администрирования.

1.Исключения

Действие актеров

Отклик системы

Исключение №1: имя пользователя и пароля не совпадают




4.Сайт отображает сообщение об ошибке авторизации.


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

1.1. Модерировать контент

1.1.1. Создавать контент;

1.1.2. Редактировать контент;

1.1.3. Удалять контент;

1.2. Вкл/Выкл сайт

1.2.1. Приостанавливать работу сайта;

1.2.2. Возобновлять работу сайта;

1.3. Авторизация
2. Посетитель сайта

2.1. Просматривать страницы сайта

2.2. Считывать QR-код с сайта

2.3. Использовать поиск

2.4. Распечатать информацию с сайта

2.5. Сохранить информацию в PDF

2.6. Отправить информацию с сайта на свой e-mail.


2.1.4. Структура страниц информационно-справочной системы
Структура всех страниц сайта должна удовлетворять следующей схеме – каждая страница состоит из трех основных частей – заголовок сайта, контент сайта и QR-код страницы. Заголовок сайта содержит в себе изображение военной тематики с георгиевской ленточкой и с названием: «МОТОРЫ ВОЙНЫ. редкие, неизвестные, знаменитые… ». Контент сайта включает в себя самую основную информационную часть (фото, текстовая информация, навигация). QR-код страницы соответственно содержит в себе QR-код для каждой страницы, которые распечатываются и помещаются не посредственно на выставке «Моторы Войны». Так же на страницах разработанного сайта присутствует главное меню, состоящее из трех пунктов:


  • Главная

  • Моторы Войны

  • Экспонаты



Заголовок

сайта

Главное

меню



1


2

3 3

3

Контент сайта



QR-код страницы

поиск


1

- кнопка для сохранения информации в PDF формате.


2

- кнопка «Печать».


3 3

3


- кнопка чтобы отправить информацию себе на электронную почту.
Рисунок 22 . – структура страниц сайта


2.2. Описание CMS «Joomla!»

Рисунок 23. – логотип CMS «Joomla!»
"«Joomla!» - это система управления содержимым (контентом), написанная на языках PHP и JavaScript, использующая в качестве хранилища базу данных MySQL. «Joomla!» является свободным программным обеспечением, защищенным под лицензией GNU GPL" [13].
"В фонетической основе названия «Joomla!» лежит слово «Jumla», которое в переводе с языка суахили означает «все вместе» или «единое целое», что означает переход разработчиков к развитию системы" [13].
В 2005 году произошло разногласие между разработчиками продукта Mambo и владельцами этой же торговой марки. Вскоре большая часть разработчиков Mambo ушли от проекта. И они стали разрабатывать новую CMS под названием «Joomla!». Во многих параметрах новая CMS была полностью совместима с Mambo, но панель управления и интерфейс пользователя были упрощены [25].

2.2.1. Преимущества CMS «Joomla
Несмотря на наличие многих других CMS, «Joomla!» используется не только частными лицами, но и корпорациями, общественными некоммерческими и другими организациями. Главная причина популярности этого продукта заключается в легкости его использования.

Рисунок 24. – рейтинг общедоступных CMS на 2013 год.

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


  • Система шаблонов помогает легко изменить внешний вид информационно-справочной системы.

  • С помощью дополнительных модулей (расширений) можно расширить функциональность.

  • Функция настраивания схемы расположений модулей.

  • Модуль безопасности.

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



2.2.2. Функции «Joomla!»


  • "Полноценное управление сайтом через web – интерфейс.

  • Функции одобрения контента, позволяющие модерировать материал, публикуемый удаленными авторами.

  • Возможность автоматического публикации и удаления материала по расписанию.

  • Защита пользовательских учетных записей.

  • Встроенный WYSIWYG – редакторы (What You See Is What You Get), позволяющие создавать страницы без знания HTML.

  • Автоматический поиск по сайту.

  • Управление рекламными баннерами.

  • Многоязычность.

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

  • Поддержка операционных систем Linux и Windows [14].


2.2.3. Возможности администрирования


  1. Для каждой динамической страницы можно создавать свое описание в целях повышения рейтинга в поисковых системах и оптимизации сайта [17];

  2. Возможность ограничить доступ к определенным разделам только для зарегистрированных пользователей [17];

  3. Начало и окончание публикации любых материалов можно запрограммировать по календарю [17];

  4. Различные модули (меню, фотогалерея, последние новости, калькулятор, гостевая книга – всего около 5000) [17];

  5. Иерархия объектов [17];

  6. Модуль приема от удаленных авторов информации [17];

  7. Встроенный текстовый визуальный редактор TinyMCE [17];

  8. Менеджер рассылки новостей. Поддержка более чем 360 служб рассылки новостей по всему миру [17];

  9. Минимальные системные требования ОС [17].



2.2.4. Минимальные технические требования
PHP 4.3.10 или новее, рекомендуется 4.4.7 (для «Joomla!» 1.5.х) ,

PHP 4.2.х или новее (для «Joomla!» 1.0.х),

MySQL 3.23.х или новее, но не 6.х,

Apache 1.3.х или новее [17].



2.2.5. Сравнение CMS «Joomla» и «Drupal»

Рисунок 25. – логотипы CMS «Joomla!» и «Drupal».

В числе самых распространенных CMS на сегодняшний день находятся «Joomla!» и «Drupal». Этот вывод можно делать по рейтингу общедоступных систем управления контентами (смотреть выше рисунок 24). Каждая из этих CMS имеет свои преимущества и недостатки.

Таблица 2.3



Сравнение CMS Joomla! и Drupal





Joomla!

Drupal

Рынок плагинов





Рынок шаблонов





Документация





Управление контентом





Структура папок





Размеры базы данных





Создание дизайна





Размещение меню





Редактор текста







- недостаток. - достоинство.
Рынок плагинов:

Joomla: На сегодняшний день Joomla является самым популярной и бесплатной CMS. И именно это привело к созданию большого числа плагинов. Плагины есть бесплатные и платные [21].

("Плагин — независимо компилируемый программный модуль, динамически подключаемый к основной программе и предназначенный для расширения и/или использования её возможностей" [20].)

Drupal: Разработанных плагинов под CMS Drupal намного меньше, чем у других CMS [21].


Рынок шаблонов:

Joomla: Бесплатные шаблоны для данной CMS большое количество, но по-настоящему красивых очень мало. Платных шаблонов большое множество и созданы профессиональными дизайнерами. Есть ряд компаний, которые разрабатывают и продают свои шаблоны. И эти шаблоны можно купить через интернет [21].

Drupal: Красивые шаблоны трудно найти даже среди платных. При создания своего проекта придется искать дизайнера-версальщика [21].
Документация:

Joomla: Есть книги, а так же документация в интернете о том, как работать в Joomla!. Так же есть сообщества в интернете, где обсуждают и консультируют по работе данной CMS [21].

Drupal: Документации о том, как работать в данной CMS очень мало. Как правило, приходиться читать информацию с официального сайта, но на официальном сайте не все доходчиво объяснено. И из-за этого начинающему пользователю сложно понять работу в Drupal [21].

Управление контентом:

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

Drupal:  В Drupal есть система терминологии для управления классификацией и отображением материалов. Для продвинутых опций управления материалами, придется искать модули" [21].


Структура папок:

Joomla: Структура папок и файлов огромная и сложна. И пользовательская и администраторская часть перегружены папками для компонентов, настроек и шаблонов [21].

Drupal: Файлы пользовательских модулей и шаблонов содержаться отдельно от системных файлов движка [21].
Размеры базы данных:

Joomla: В базе данных присутствует большое количество таблиц, а так же она перегружена информацией. Из-за большого числа запросов к базе данных тормозится загрузка сайта [21].



"Drupal: В базе данных есть всего несколько таблиц. Модули экономично расходуют ресурсы базы данных. Поэтому Drupal часто используется в высоконагруженных проектах" [21].


Создание дизайна:

"Joomla: Достаточно вставить несколько строчек кода в готовый HTML/CSS шаблон, чтобы CMS начала выводить свою информацию в нем.

Drupal: Обычный шаблон состоит из нескольких основных файлов: страница макета страницы, страница вывода материала, страница вывода блока, и страница вывода меню. Для различных типов материалов, блоков и меню можно переопределять свой шаблон" [21].


Размещение меню:

"Joomla: Кроме выбора любой позиции в шаблоне, можно менять его отображение в настройках. Одно и то же меню может быть выведено в нескольких позициях одновременно" [21].

Drupal: Можно выбирать любую позицию для отображения меню. Но для изменения его стилизации надо знать языки программирования: html и css [21].


Редактор текста:

Joomla: Есть встроенный редактор на технологии «WYSIWYG (What you see is what you get)» – визуальный редактор, который отображает веб-страницу в процессе редактирования и она выглядит макcимально приближенно к конечной веб-странице [21].

Drupal: Drupal не содержит визуального текстового редактора. Чтобы оформить текста следует использовать - HTML и CSS. Но использование перечисленных средств требует начальных знаний этих языков. Есть еще вариант - установить WYSIWYG, но хороших модулей очень мало [21].

2.3. Инструментарий
CMS «Joomla!» написана на языке программирования PHP, а обработка PHP- кода в отличие от обработке происходит не на персональном компьютере в веб-браузере, а на веб-сервере, где размещен сайт. В результате обработки PHP кода генерируются HTML страницы, которые и посылаются сервером на персональный компьютер в веб-браузер.

Поэтому для работы в CMS «Joomla!» нужно:



  • обработчик PHP.

  • используется Базы Данных – MySQL.

"MySQL – это бесплатный реляционный сервер баз данных. CMS «Joomla!» " [14].
Использует MySQL (Рисунок 26)для хранения текстового контента и большинства настроек сайта. Установка и настройка MySQL довольно проста. В процессе установке следует настроить поля информации о базе данных для создаваемого проекта.


Рисунок 26. – конфигурация базы данных MySQL


  • программа веб-сервер.

На большинстве серверов, предлагающих платный хостинг, обработчик PHP, базы данных и веб-сервер уже установлены. На выбранном хостинге – jino.ru установлено:

  • веб-сервер – Apache,

  • PHP версии: 5.2.17,

  • MySQL версии: 5.1.47.

В CMS «Joomla!» базу данных посмотреть нельзя, так как в хостинг встроен mysqladmin manager, который блокирует доступ.

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

Помимо этого хостингом обеспечивается:

  • бесперебойное функционирование этого оборудования;

  • защита от несанкционированного доступа к исходным данным материалам, размещенным на сайте;

  • круглосуточная техническая поддержка и консультация владельца контента размещенного на хостинге.


2.4. Описание работы в CMS Joomla
Для работы в CMS Joomla! надо уметь создавать раздел, создавать категории, загружать шаблон, опубликовывать статьи. Это главные действия, с помощью которых создается информационно – справочная система (сайт). Далее мы подробно рассмотрим выше перечисленные действия. Работа в Joomla! начинается с панели управления, которая выглядит следующим образом (Рисунок 27):

Рисунок 27. – панель управления Joomla


2.4.1. Создание разделов сайта

Раздел - это главный объект в основе иерархии структуры содержимого. Чтобы начать работать с разделами надо зайти на страницу «Разделы», далее выбрать «Менеджер разделов». На открытой странице «Менеджер разделов» находятся следующие кнопки:



  • кнопка «Помощь».

  • для создания нового раздела - кнопка «Создать».

  • чтобы изменить раздел надо выбрать нужный раздел и нажать кнопку «Изменить».

  • чтобы удалить раздел надо выбрать нужный раздел и нажать кнопку «Удалить».

  • чтобы скопировать раздел необходимо выбрать нужный раздел и нажать кнопку «Копировать».

  • для того чтобы скрыть раздел необходимо отметить нужный раздел и нажать на кнопку «Скрыть».

  • чтобы опубликовать существующий раздел надо выбрать нужный раздел и нажать кнопку «Показать».

  • чтобы создать новый раздел надо нажать на кнопку «Создать».

Кнопок на панели инструментов:

  • кнопка «Помощь»

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

  • чтобы сохранить изменения и вернуться на страницу «Менеджер разделов» надо нажать на кнопку "Сохранить".

  • для загрузки изображений надо нажать на кнопку «Изображение».

На странице редактирования раздела надо заполнить следующие поля:

  • в поле «Псевдоним» необходимо ввести имя раздела, которое будет использоваться в меню.

  • в поле «Заголовок» ввести длинное имя раздела, которое будет использоваться в заголовоке раздела.

  • в поле «Изображение» следует выбрать изображение, которое в дальнейшем будет использоваться при отображении раздела в меню [14].

  • в поле «Порядок отображения» после применения изменений можно изменить порядок отображения раздела.

  • в поле «Доступ» необходимо прописать права доступа на просмотр данного раздела:

  • «Все» - для всех посетителей;

  • «Зарегистрированный» - для зарегистрированных пользователей;

  • «Опубликовано» можно выбрать, когда стоит опубликовывать данные;

  • в поле «Описание» необходимо для написания аннотации раздела.

"Кнопки на панели инструментов HTML-редактора помогают задавать стиль вводимого текста.

Закончив создавать или редактировать раздел, нажимаем кнопку «Сохранить» для сохранения результатов работы и выхода на страницу «Менеджер разделов» или кнопку «Применить» для сохранения результатов, не закрывая страницы редактирования раздела" [14].



2.4.2. Создание категорий сайта [14]

Категория - это объект, который занимает второе место в иерархии структуры контента. Для начала работы с категориями необходимо перейти на страницу «Менеджер категорий».

Чтобы перейти на рассматриваемую страницу есть два варианта:


  1. на главной странице нажать кнопку «Менеджер категорий», далее «Менеджер разделов», «Менеджер категорий». В данном варианте будет возможна фильтрация по разделам.

  2. в главном меню нажать «Содержимое», далее «Содержимое по разделам» и выбрать раздел. И в выпадающем продолжении меню пункт "Добавить / изменить категории в выбранном вами разделе".

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

При открытии страницы «Менеджер категорий» вторым способом опция фильтрации будет "жестко" привязана к выбранному нами разделу. При создании новой категории, имя раздела, в который войдет новая категории будет "жестко" привязана к выбранному нами разделу.

Примечание: Чтобы выбрать другой раздел, необходимо будет снова проделать один из вышеописанных способов.

Открыв страницу «Менеджер категорий», можно будет воспользоваться следующими кнопками на панели инструментов:



  • «Помощь» - поможет найти ответ на возникший вопрос при работе в среде CMS «Joomla!».

  • «Создать» - для создания новой категории.

  • «Изменить» - для изменения существующей категорией.

  • «Удалить» - чтобы удалить существующую категорию.

  • «Копировать» - для копирования нужной категории.

  • «Перенести» - чтобы переместить существующую категорию и все ее содержимое в другой раздел.

  • «Скрыть» - для скрытия существующей категории.

  • «Показать» - для публикации существующей категории.

  • «Создать» - для создания новой категории.

  • создание новой категории почти полностью аналогично созданию нового раздела.


2.4.3. Установка новых шаблонов

Шаблоны предоставляются в заархивированном Zip виде. Чтобы шаблон установился следует выбрать на панели управления «Расширение», затем «Установить/Удалить».



Рисунок 28. – панель для загрузки шаблона

После третьего шага, который указан на рисунке 26. следует выбрать загруженный шаблон, который можно определить по его названию и нажать на кнопку «По умолчанию» (Рисунок 28).

2.5. Описание архитектуры информационно – справочной системы

2.5.1. Определение шаблона в «Joomla!»

Шаблон в CMS «Joomla!» представляет собой набор файлов, на основе которых происходит управление представлением контента пользователю. Сам шаблон не является сайтом, а содержит только дизайн сайта. Для создания завершенного сайта, шаблон работает совместно с контентом, который хранится в базе данных «Joomla!» – MySQL.

Преимущества при использовании шаблонов в CMS «Joomla!»:


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

  • Новый шаблон может быть установлен за считанные секунды. С помощью шаблона так же можем изменять местоположение контента и цвета.

Созданные страницы в CMS «Joomla» не являются статичными. Значит, страница создается динамически из контента, содержащего в базе данных. Страницу, которую мы видим, образуется различными вызовами PHP команд из шаблона (Рисунок 29).

Рисунок 29. – принцип работы CMS

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

2.5.2. Компоненты шаблона

Шаблон Joomla – связанные между собой файлы, отвечающие за отображение информации, хранящейся в базе данных. Шаблоны должны быть размещены в директории /templates/. Так же он должен содержать как минимум два основных файлов:



  • templateDetails.xml – XML-файл, используемый Joomla для получения информации о шаблоне (имя шаблона, автора, дата создания и др.). Он также содержит список файлов шаблона. В списке должны быть все файлы – индекс-файлы, таблицы, стилей и другие файлы, используемые шаблоном;

  • index.php – основной файл, загружающий модули, обрабатывающий данные шаблона, то есть управляет отображением информации. Это файл очень важен.

2.5.3. Структура index.php

Рисунок 30. – структура файла index.php

AUTHOR – сведения о разработчике информационно-справочной системы, такие как его имя, контактную электронную почту, дата создания (Рисунок 30).

DOCTYPE – нужный элемент для валидности данных, который находится в верхней части страницы. Данный код находится на самом верху шаблона. Рассматриваемый раздел важен для браузеров. Потому что от него зависит как будет обработан CSS код. Strict означает, что HTML (XHTML) будет выполнять программные инструкции в пошаговом режиме на основе стандарта. Transitional означает, что страница будет поддерживать некоторые соглашения, которые отличаются от стандартов (Рисунок 30).

HEAD – заголовок, который содержит «техническую» характеристику о документе и его название. С помощью данного раздела подключается CSS-файлы и сценарии JavaScript (Рисунок 30).

BODY – данный тег определяет видимую часть документа, в нем содержится все тело документа: текст, таблицы, ссылки, все элементы, которые нужны для отображения документа (Рисунок 30).



2.6. Реализация заявленного функционала
2.6.1. Реализация технологии QR-кода
Для реализации QR-кода на страницах информационно-справочной системы в виде тематического сайта - joomla.knyazvs.jino.ru был использован модуль «QR», который написан на языке программирования PHP.

"PHP – высокоуровневый язык программирования для написания сценариев (кратких описания действий, выполняемых системой). Этот язык программирования общего назначения, интенсивно применяемый для разработки веб-приложений" [18].

Алгоритм рассматриваемого модуля содержится в стандарте ISO/IEC 18004:200. На основе данного стандарта написано много модулей, которые адаптированы для наших потребностей. Был взят модуль qrcode с сайта – http://webcodingeasy.com/PHP-classes/QR-code-generator-class и доработан модулем mod_page_qr_code.

Модуль qrcode был скачан для использования, потому что он содержит QR-генератор кода, реализованный на языке PHP, который может быть использован для создания QR-кода использованием изображений Google Chart API. Все данные преимущества поддерживает CMS «Joomla!».



"Google Chart API позволяет разработчикам создавать легко диаграммы различного типа. Google Chart API хранится по ссылке на ресурс (URL) на веб-серверах компании Google и при получении правильно форматированной ссылки (URL) возвращает диаграмму  в виде изображения. Характеристики диаграммы (цвета, заголовки, оси и т.д.) указываются посредством строки запроса ссылки (URL). Полученное изображение может быть отображено при помощи элемента , или может быть сохранено в файловой системе вашего веб-сервера либо в базе данных" [24].
Данный модуль работает по следующему принципу:

"посылает запрос HTTP к Google Chart API, далее веб-сервер делает запрос к изображениям PNG, представляющего QR-код для графического фрагмента нужной информации" [23].

Реализованный модуль, который используется в CMS «Joomla!» для генерации QR-кода содержит в себе два файла:



  1. mod_page_qr_code - написанный файл плагина

" Плагин  — независимо компилируемый программный модуль, динамически подключаемый к основной программе и предназначенный для расширения и/или использования её возможностей" [20].

(приложение 1).

С помощью данного плагина производится проверка правильности URL, выводится QR-код на нужную страницу информационно-справочной системы.


  1. qrcode - модуль, взятый с сайта - является обработчиком, который взаимодействует между Google и сайтом (взаимодействие описано выше под ссылкой 23). Тем самым формирует QR-код

(приложение 2).

= http:// joomla.knyazvs.jino.ru/1

Рисунок 31. – пример хранящей информацией в QR-коде




      1. Реализация информационно-справочной системы

В основе реализуемой информационно - справочной системы выставки «Моторы Войны» был взят дизайн с сайта ww2motors.ru (Рисунок 32). Сайт ww2motors.ru является на данный момент основным сайтом выставки «Моторы Войны». Он написан на языке html и php. И по этой причине он тяжело модифицируется. С данного сайта была взята идея основного дизайна сайта и структура страницы «Экспонаты».



Рисунок 32. – дизайн сайта ww2motors.ru
Данные элементы были заимствованы для единства двух сайтов. Реализованный сайт - joomla.knyazvs.jino.ru сделан на основе CMS Joomla! Что позволяет легко и быстро модифицировать сайт, не вникая в уже имеющий код сайта.
2.6.3. Компоненты реализованного шаблона
Шаблон для сайта joomla.knyazvs.jino.ru состоит из следующих элементов (Рисунок 33):

  • папки «images» и «images2» содержат изображения, которые используются на сайте. Папка «images» содержит изображения, которые используются для создания шаблона, папка под названием «images2» содержит изображения, которые используются в содержимом информационно-справочной системе (сайте), например, иконки кнопок «Печать» или «Сохранить»;

  • папка «css» содержит каскадные таблицы стилей. Рассматривающая папка нужна для отделения стилей от основного кода проекта. Это делается, чтобы не загружать основной код проекта, который находиться в файле «index.php», который будет, упомянут дальше. Папка css реализованного проекта включает в себя следующие компоненты:

  1. «template.css» – файл, который содержит основные стили шаблона

  2. «template.ie6.css» - файл, который содержит стили для корректного отображения в браузере «Google Chrome»;

  3. «template.ie7.css» - файл, который содержит стили для корректного отображения в браузере «Internet Explorer»;

  4. «editor.css» - файл, который содержит стиль для отображения в режиме «Редактирование» когда заходишь как Администратор;

  5. «print.css» – файл, в котором описан стиль для печати;

  • «classes.php» - описаны все нужные классы для реализации сайта;

  • для вывода страницы сайта для печати служит файл «component.php»;

  • «functions.php» – описаны все нужные функции для реализации сайта;

  • в файле «index.php» содержится вся структура шаблона;

  • «templateDetails.xml» – данный файл содержит следующую информацию: название всех папок и файлов, которые используются в разработанном проекте, название проекта;

  • «params.ini» – необходим для сохранения настроек в CMS «Joomla!»

Файлы с расширением «.js» нужны для сценариев JavaScript:

    1. «jquery.js»

    2. «script.js»


Рисунок 33. – компоненты разработанного шаблона




2.6.4. Взаимодействие QR-кода с информационно-справочной системы

В представленной работе для реализации поставленной задачи были разработаны следующие файлы:




  1. для реализации QR-кода был создан модуль «QR», который генерирует QR-кода для экспонатов выставки «Моторы Войны». Модуль «QR» описан в пункте «2.6.1. Реализация технологии QR-кода».

  2. для реализации информационно-справочной системы были разработаны 15 файлов (Рисунок 33) с помощью которых создается информационно-справочная система выставки «Моторы Войны». Описание файлов представлено в пункте «2.6.3. Компоненты реализованного шаблона» настоящей работы.

Все разработанные компоненты и для информационно-справочной системы и для реализации QR-кода загружаются через CMS «Joomla!».

Шаблон – это все папки, которые нужны для реализации информационно-справочной системы (Рисунок 33)

Модуль 1 - «qrcode» - обрабатывает полученную информацию из Интернета и из шаблона, который реализует информационно-справочную систему.

Модуль 2 – «mod_page_qr_code» - с помощью данного плагина происходит проверка данных полученных от Модуля 1.

«Joomla!»

шаблон






Модуль 1

Модуль 2


Страница сайта

«Моторы Войны»


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



2.6.5. Взаимодействие мобильного устройства с QR-кодом

Сначала пользователю следует на считывающем устройстве запустить программу-распознаватель и навести устройство на QR-код. В моем примере считывающим устройством является мобильный телефон. Далее при считывании QR-кода мобильный телефон посылает запрос в Интернет для нахождения URL, который содержится в QR-коде. После того как Интернет находит нужную веб-страницу сайта выставки «Моторы Войны», полученный результат выводится на экране считывающего устройства. Когда информация отображена на экране мобильного телефона пользователь может не только просмотреть веб-страницу, которая была зашифрована в QR-коде, но и просмотреть сайт «Моторы Войны» (Рисунок 35).



Рисунок 35. – взаимодействие через мобильное устройство с сайтом и

QR-кодом


1   2   3   4   5   6


База данных защищена авторским правом ©bezogr.ru 2016
обратиться к администрации

    Главная страница