VIII Международная студенческая научная конференция Студенческий научный форум - 2016

В статье описан процесс проектирование мобильного приложения «Гид по Музею РГГУ». Основанием для разработки мобильного приложения являются требования к мобильному приложению в рамках выпускной квалификационной работы «Проектирование и реализация мобильного приложения “Гид по Музею РГГУ”», по направлению «Прикладная информатика» факультета Информационных Систем и Безопасности, РГГУ.

Приложение предназначено для предоставления информации об экспонатах музея РГГУ и их физическом расположении в музее.

Основными компонентами архитектуры ИС являются реляционная база данных( СУБД MySQL, WebSQL), web-сервер, web-клиент, приложение.

Анализ предметной области

Музейный центр РГГУ – это уникальный культурно-образовательный центр, объединяющий Учебный художественный музей им. И.В. Цветаева, коллекцию неофициального искусства 1950-х-1970-х годов «Другое искусство», экспозицию искусства Древней Мексики, выставочные залы. Кроме того, Музейный центр – это еще и инновационная исследовательская площадка, на базе которой реализуется учебная программа, главный принцип которой выражен в концепции "Образование средствами искусства" [1].

Информация о Музейном центре присутствует на сайте РГГУ, который относится к категории статического информационного сайта(сайт-визитка) и содержит краткую информацию о структуре музея и художественном наполнении его залов.

Нам представляется интересным существенно расширить информационную доступность о конкретных экспонатах одного из подразделений музея. Предметом исследования в настоящей работе является «Учебный художественный музей им. И.В. Цветаева»

Учебный художественный музей им. И.В. Цветаева, открытый 30 июня 1997 года, является отделом Музея изобразительных искусств им. А.С. Пушкина и составной частью Музейного центра Российского государственного гуманитарного университета. В семи залах музея представлено 750 слепков и копий с памятников искусства Древнего Египта и Передней Азии, Древней Греции, Рима, европейского средневековья и эпохи Возрождения, хранящихся в главных музеях Парижа, Лондона, Берлина, Каира, Санкт-Петербурга, а также во многих музеях Италии, Германии, Нидерландов и др. Экспозиция знакомит с основными этапами развития мирового искусства с древнейших времен до XVI века на примере наиболее выдающихся памятников[2].

Структуру и штатную численность Музейного центра утверждает ректор РГГУ, исходя из условий и особенностей деятельности Музейного центра по представлению директора Музейного центра РГГУ[3].

Учебный художественный музей им. И.В. Цветаева включает в себя 7 залов, разделенных по тематике и эпохе времени. Так музей им. И.В. Цветаева состоит из следующий выставочных залов:

• Искусство древнего Египта (Зал 1);

• Искусство Древнего Египта (Зал 2);

• Искусство древней Передней Азии (Зал 3);

• Античное Искусство (Зал 4);

• Искусство Древней Греции V-IV вв. до н. э. (Зал 5);

• Искусство Греции и Рима (Зал 6);

• Искусство Средних Веков (Зал 7).

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

Продукты аналоги

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

Из числа российских музеев это – например «музей Эрмитаж» и «Русский музей», среди иностранных можно выделить «American Museum of Natural History», который имеет в своем распоряжении сразу несколько мобильных приложений.

Мобильное приложение «Музей Эрмитаж»[4]

Приложение предоставляет следующие возможности,(функциональность):

• сохранить понравившееся изображение;

• послать электронную открытку друзьям в twitter;

• познакомиться с музейными новостями;

• узнать о событиях и выставках;

• создать свою коллекцию любимых произведений.

Рис.1 – Мобильное приложение «Музей Эрмитаж»

В разделе «Магазин» вашему вниманию предлагаются дополнения, которые вы можете:

• установить бесплатно или купить;

• виртуальные прогулки;

• образовательные курсы;

• тематические экскурсии.

Приложение реализовано для платформ IOS и Android, и одинаково работает в офлайн/онлайн режимах

Мобильное приложение «Русский музей»[5]

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

Рядом с экспонатами в музее в буклетах, открытках и каталогах размещаются специальные метки – QR-коды. Приложение считывает код и показывает информацию об экспонате: видео, интересные истории о картинах и авторах, аудио-рассказы и важные ссылки. Для того чтобы пользоваться приложением, вам необходимо находиться в музее или считывать QR-код с печатного каталога музея.

Стоит заметить, что приложение начинает свою работу только после считывания специального QR-кода каждого экспоната, без него оно совершенно бесполезно. Так же пользователи отмечали неудобство данного подхода, объясняя это тем, что у экспоната обычно находится немалое количество людей, через которых необходимо пробираться чтобы сканировать код.

Предоставляет схожую с предыдущим приложением функциональность.

Приложение реализовано для платформ IOS и Android.

Рис. 2 – Мобильное приложение «Русский музей»

Мобильноеприложениемузея «American Museum of Natural History»[6]

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

Рис.3 – Мобильное приложение «American Museum of Natural History»

Функциональность:

• Предоставляет информацию об экспонатах;

• Позволяет ориентироваться в музее;

• Определяет геопозицию;

• Возможность поиска

• Возможность поделиться понравившимся содержимым приложения в соц.сетях.

Приложение реализовано для платформ IOS и Android [6].

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

Требования к мобильному приложению «ГИД по МУЗЕЮ РГГУ»

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

• интерактивная карта :

• указание места физического расположения экспоната на территории музея;

• предоставление информации об экспонате:

• название;

• дата создания;

• автор;

• общая информация;

• место расположения оригинала;

• изображение/фотография;

• поиск по экспонатам;

Используемые технологии.

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

1. Система управления базой данных MySQL для организации базы данных на стороне сервера, к которой будет обращаться клиент. MySQL является уже зарекомендовавшим себя решением для малых и средних приложений, которое поддерживает большинство серверов. Гибкость СУБД MySQL обеспечивается поддержкой большого количества типов таблиц: пользователи могут выбрать как таблицы типа MyISAM, поддерживающие полнотекстовый поиск, так и таблицы InnoDB, поддерживающие транзакции на уровне отдельных записей.

2. Разработка приложения будет вестись с помощью Apache Cordova, интегрированной в visual studio 15. Это сделано для того чтобы в результате получить ненативное приложение, не привязанное ни к одной операционной системе, способной работать на любой популярной платформе без необходимости внесения изменений. Альтернативой Apache Cordova выступает PhoneGap, так же основанный на Apache Cordova, имеющий схожий функционал. Но с выходом 15 версии visual studio, для полного функционирования Apache Cordova нет необходимости в установки дополнительных модулей что требуется при работе с PhoneGap, это порядка 10 отдельных программ. В visual studio 15 все это включено в один модуль.

3. Документация Apache Cordova предлагает 3 возможных варианта хранения информации на устройстве: LocalStorage, WebSQL и IndexedDB. Но только WebSQL удовлетворяет всем необходимым в работе требованиям. Только с использованием WebSQL приложение сможет сохранить весь свой функционал в оффлайн режиме, сохранится возможность посылать запросы к базе данных расположенной на устройстве[7].

4. Для построения интерактивной карты, используются Конструктор карт Яндекс[8].

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

Архитектура системы состоит из трех основных частей: клиента, сервера и приложения. В которых располагаются следующие компоненты – «Панель администратора», База данных и локальная база данных(WebSQL). На рис. 4 изображена архитектура системы отображения контента музейного центра РГГУ.

Рис. 4 – Архитектура системы отображения контента музейного центра РГГУ.

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

Проектирование базы данных.

База данных должна хранить данные о пользователях, кому разрешен доступ к панели администратора. Так же база данных должна отражать физическую структуру музея – 7 выставочных залов и информацию об экспонатах в них, плюс в ней должно храниться их физическое расположение в музее. На рисунке 5 изображена инфологическая модель БД.

Рис. 5 – Инфологическая модель БД системы отображения контента музейного центра РГГУ.

Проектирование панели администратора.

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

Панель администратора не имеет какой либо сложной функциональности, для авторизации, и изменения записей в БД достаточно возможностей серверного языка PHP. Ниже приведен ряд изображений функционирования панели администратора.

Рис. 6 – Форма авторизации панели администратора системы отображения контента музейного центра РГГУ.

Рис. 7 – Главная страница панели администратора системы отображения контента музейного центра РГГУ, с открытым меню.

Сервис предоставляет необходимую функциональность в соответствии с требованиями в выпускной квалификационной работе к панели администратора:

•  
  •  

    • Добавление информации :

• Внесение новых записей в БД;

•  
  •  

    • Изменение информации:

• Редактирование существующих записей в БД;

•  
  •  

    • Удаление информации:

• Удаление записей в БД;

•  
  •  

    • Поиск по экспонатам;

Проектирование мобильного приложения.

Для того чтобы приложение могло получить ответ от сервера с последующим обновлением локальной базы данных необходимо отправить кросс-доменный запрос[9], так как Apache Cordova не может работать с файлами PHP, такие файлы должны выполняться на сервере и по средствам кросс-доменного запроса отправлять ответ приложению. Ниже приведена схема на рис.8 прохождения простого кросс-доменного запроса.

Рис. 8 – Схема прохождения простого кросс-доменного запроса.

В кросс-доменный запрос браузер автоматически добавляет заголовок Origin, содержащий домен, с которого осуществлён запрос. Сервер должен, со своей стороны, ответить специальными заголовками, разрешает ли он такой запрос к себе. Если сервер разрешает кросс-доменный запрос с этого домена – он должен добавить к ответу заголовок Access-Control-Allow-Origin, содержащий домен запроса или звёздочку *. Только при наличии такого заголовка в ответе – браузер сочтёт запрос успешным, а иначе JavaScript получит ошибку.

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

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

а) б) в)

Рис. 9: а) Главная страница приложения «Музей РГГУ»

б) Открытое меню приложения «Музей РГГУ»

в)список экспонатов содержащихся в одном их выставочных залов.

Заключение

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

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

Список источников и литературы.

1. РГГУ. (2016). http://museum.rggu.ru/. Получено из Российский Государственный Университет: http://museum.rggu.ru/

2. Пушкина, Г. м. (2016). http://www.arts-museum.ru/. Получено из http://www.arts-museum.ru/: http://www.arts-museum.ru/museum/buildings/rggu/index.php

3. РГГУ. http://museum.rggu.ru/. Получено из http://museum.rggu.ru/: http://www2.rsuh.ru/binary/254224_17.1429867230.44018.pdf

4. Эрмитаж, М. play.google.com. Получено из play.google.com: https://play.google.com/store/apps/details?id=org.hermitagemuseum&hl=ru

5. музей, Р. RM Guide. Получено из play.google.com: https://play.google.com/store/apps/details?id=ru.twonova.rusmuseum&hl=ru

6. History, t. A. the American Museum of Natural History. Получено из http://www.amnh.org/: http://www.amnh.org/apps/explorer

7. cordova. cordova.apache.org. Получено из cordova.apache.org: https://cordova.apache.org/docs/en/4.0.0/cordova/storage/storage.html

8. yandex. tech.yandex.ru. Получено из tech.yandex.ru: https://tech.yandex.ru/maps/tools/constructor/

9. w3c . w3.org. Получено из w3.org: https://www.w3.org/TR/XMLHttpRequest/

Код для цитирования: Скопировать