Создание шаблона программного обеспечения для музеев

патриотической направленности школ города Москвы.

Авторы:Кочанов Андрей, Лысенко Савелий, Развин Иван, Коротков Виктор, Ионов Максим, Куркин Ярослав, Шершнев Андрей, Дрягин Матвей, Полковников Никита, Становов Иван, Корольков, Сергей, Семенушкин Артем

Руководитель: Епифанцев Сергей Владимирович, учитель информатики ГБОУ кадетская школа №1770, руководитель проекта «Юные программисты ФСБ РФ» пограничной службы ЦПМ ФСБ России

Цель проекта:

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

Наши партнеры:1. Проектный Офис «Школа

новых технологий»2. Компания «ОСӠ»

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

на основании хронологического подхода.3. Сборка информации для создания шаблона. 4. Разработка структурных и дизайн-макетов web-интерфейса. 5. Создание отдельного шаблона музея патриотической направленности для

школ города Москвы. 6. Создание административной части шаблона музея патриотической

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

Актуальность:

Количество школьных музеев постоянно растет. Из них треть музеев - военного направления.

Распределение музейной сети по территории Российской Федерации неравномерно, современные технологии помогут это компенсировать.

Обмен опытом: в школе с 2003 года существует Музей Кадетского образования и накоплен уникальный опыт взаимодействия с музеями.

Потребители:

Музеи патриотической направленности и общеобразовательные учреждения:

1. Кто хочет создать свой виртуальный музей.

2. Ознакомиться с музеями других образовательных организаций.

Значимость: Программное обеспечение, которое может применяться как

шаблон, размещенный либо локально компьютере, либо на общем портале, либо индивидуально в сети Интернет позволяющий сконструировать свой вариант школьного музея, с возможностью интеграции его сервисов, например, на портал открытых данных data.mos.ru и на сайте школы.

Новизна:Всю работу от начала до конца делал сам кадетский корпус.

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

2. Музей военно-патриотической направленности размещен как отдельный веб ресурс.

3. Этой работе нет аналогов т.к. шаблон сочетает в себе несколько новых возможностей.

Организация работы

Общение между собой в классе

Виртуальные группы: Для общения и обсуждения проекта с нашими партнерами, мы использовали социальную сеть Вконтаке, общались на прямую или использовали почту Google Mail и т.д.

Этапы работы

Выбор технологий

Изучение технологий

Подведение промежуточных итогов и уточнение

задачи

Структурные макеты и дизайн

шаблона

Программирован

ие

Подготовка музея к

публикации

Текущий итог и планы

Первый этап: выбор технологий В рамках третьего ежегодного конкурса проектов и

прикладных исследований школьников на основе реальных задач работодателей "Школа реальных дел" при участии проектного офиса "Школа новых технологий". Был проведен Кейс «Создай виртуальный музей».

Мы изучили результаты данного кейса и в качестве основной технологии реализации был выбрано реализовывать шаблон музея патриотической направленности на базе технологий ОСӠ. Хронолайнер.

Первый этап: выбор технологийИспользование технологии ОСӠ. Хронолайнер позволит:▪ Удобное и оперативное дополнение экспозиции виртуального

музея.▪ Временной срез информации (Работа с историческими

источниками особенно важна при создании музея патриотической информации)

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

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

▪ Уникальное сочетание выше обозначенных преимуществ.

Второй этап: изучение технологийС целью изучения технологий, было реализовано 4 проекта: Хронологическая линия событий для ЦПМ ФСБ России в честь 100-

летияЦель: изучение хронологического подхода и отработка навыков сбора и обротки материала. Интерактивную карта для Пограничного музея Цель: изучение хронологического подхода в взаимосвязи с картой событий и отработка навыков сбора и обротки материала. Музей кадетского образования Виртуальный музей «Музей-заповедник Коломенское»

Как мы создавали хронолиниюМы сделали хронологическую линию событий для ЦПМ ФСБ России в честь 100-летия ФСБ. Были использованы 163 фотографии событий на

рубежах нашей страны.

Для создания каждого события использованы отдельные фотографии и информация по ним.

Этапы создания хронолинии 1. Получение фотографий, материалов

и информации.2. Размещение событий на

хронолинии.3. Настройка расположения событий и

исправление ошибок.

Как мы делали Интерактивную карту для Пограничного музея

1. Взяли информацию у Пограничного музея.

2. Объединили фотографии с текстом.

3. Создали метки событий и соединили их.

4. Проверили на ошибки.

Как мы создавали виртуальный музей «Музей-заповедник Коломенское».

Были созданы области событий по каждому объекту музея-заповедника Коломенское.

Каждому объекту была присвоена своя собственная карточка и событие (Всего 52 штуки).

Как мы делали Музей кадетского образования

1. Мы снимали каждый стенд со стены и фотографировали отдельно. 2. Мы соединили их в Adobe Photoshop CS63. Потом мы на панораме отметили точки с экспонатами.4. Готовый вариант мы загрузили на http://chronolines.ru/5. Далее мы создали отдельное место для шаблона http://1770.oc3com.com/.

6. Идут работы над созданием административной части.

После полученного опыта в работе с ОС3.Хронолайнер

1. Мы создали несколько дизайнов шаблона, после чего выбрали один из них.

2. Начали программировать шаблон в HTML3. Подготовили наш школьный музей к публикации.4. Далее мы создали отдельное место для шаблона с индивидуальным

оформлением военно-патриотической направленности http://1770.oc3com.com/.

5. Идут работы над созданием административной части.

Программы, которые использовались и то, что с помощью них выполнено

20

Adobe Illustrator 2015.1.2 Adobe Photoshop 2015.1.2

Веб-дизайн программного обеспечения

Достигнутые результаты:

Созданы виртуальные музеи – «Виртуальный музей Коломенское», Интерактивная карта 100-летия ФСБ России с использованием программного обеспечения с помощью ОС3. Хронолайнер (с целью изучения технологии Хронолиний)

Отдельный «Музей кадетской школы №1770» с индивидуальным дизайном военно-патриотического воспитания.

С использованием нашего шаблона - аналогичные проекты для некоторых школ города Москвы

Разработаны структурные и дизайн-макеты web-интерфейса шаблона программного обеспечения.

В рамках совместно сотрудничества с компанией «ОС3» для всех музеев и портала были разработаны

Разработано программное обеспечение «Пролептический григорианский календарь» для прототипа web-интерфейса (шаблона) музея патриотической направленности для школ города Москвы. Язык реализации С++

Создан и реализован конвертер из формата RTF в HTML и обратно, поддерживающий ограниченное подмножество стандарта RTF. Язык реализации PHP

Григорианский пролептический календарь

Этап Результат Комментарии1 Выбрана MS Visual Studio Наиболее распространённая,

удобная, с хорошей документацией2 Освоен Windows Forms Мы научились создавать окна,

элементы, и управлять ими3 Найдена формула вычисления

дня неделиЕсть готовая для C/C++

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

Программа работает, осталось сделать календарь

4 Освоен GDI+ Мы научились «рисовать» в окне примитивы и текст

5 На окне рисуется календарь выбранного месяца

Программа готова к тестированию

6 Тестирование и устранение ошибок

Программа прошла тестирование, все найденные ошибки устранены

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

Но!Разработан виджет, в котором должен быть размещен виджет виртуального музея с сайта chronolines.ru- начало кода виджета -<script src="http://chronolines.ru/widget-museums/js/lib/fullscreen.js"></script><iframe id="chronoliner_widget" width="100%" height="600" src="http://chronolines.ru/widget-museums/?path=/upload/museums_lines/110/" frameborder="0" scrolling="no"></iframe>- конец кода виджет –В коде виджета можно управлять следующими параметрами:width="100%", значение может быть задано в «%» или в пикселахheight="600", значение может быть задано в «%» или в пикселахsrc="http://chronolines.ru/widget-museums/?path=/upload/museums_lines/110/", можно заменить выделенный желтым, на другой номер музея находящийся на сайте chronolines.ru.

Информация о нашем сотрудничестве по проекту со Школой новых технологий и компании ОС3

http://sch1770.mskobr.ru/novosti/virtual_nyj_mir_-_real_nyj_rezul_tat/http://www.oc3.ru/news/7936/http://www.oc3.ru/news/8087/http://www.oc3.ru/news/8238/http://snt.mos.ru/news/654-moskovskie-shkolniki-zanyali-pervoe-mesto-na-xv-otkrytoj-gorodskoj-nauchno-prakticheskaya-konferentsii-konkurse-uchashchikhsya-elektronnaya-rossiya-vybor-molodykh.html

Как с нами связаться

https://vk.com/ludydela - ВКонтактеhttp://ask.fm/Ludydela - Аскhttps://lydidela.wordpress.com/ - Наш сайт http://itcoderfsb.blogspot.ru/ - Наш блог

Список использованных информационных источников:

http://chronolines.ru/ http://chrono.oc3.ru/http://chrono.oc3.ru/srd2014/https://ru.wikipedia.org/ http://www.fsb.ru/http://chronolines.ru/museums/museum/view/110/