Презентация на конкурс Телеком Идея 2016

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

2. Цель проекта:
 Разработать шаблон музея патриотической
направленности на базе существующих программных
решений.
Наши партнеры:
1. Проектный Офис «Школа
новых технологий»
2. Компания «ОСӠ»

3. Задачи:
1. Изучение современного подхода к созданию виртуальных музеев.
2. Исследование существующих программных решений описания событий
на основании хронологического подхода.
3. Сборка информации для создания шаблона.
4. Разработка структурных и дизайн-макетов web-интерфейса.
5. Создание отдельного шаблона музея патриотической направленности
для школ города Москвы.
6. Создание административной части шаблона музея патриотической
направленности, который позволит пользователю создавать собственные
страницы на базе шаблона.

4. Актуальность:
 Количество школьных музеев постоянно растет. Из них
треть музеев - военного направления.
 Распределение музейной сети по территории Российской
Федерации неравномерно, современные технологии
помогут это компенсировать.
 Обмен опытом: в школе с 2003 года существует Музей
Кадетского образования и накоплен уникальный опыт
взаимодействия с музеями.

5. Потребители:
 Музеи патриотической
направленности и
общеобразовательные учреждения:
1. Кто хочет создать свой виртуальный
музей.
2. Ознакомиться с музеями других
образовательных организаций.

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

7. Новизна:
Всю работу от начала до конца делал сам кадетский корпус.
1. Будут созданы новые технологии такие как виртуальный музей в
котором можно визуализировать исторические процессы.
2. Музей военно-патриотической направленности размещен как
отдельный веб ресурс.
3. Этой работе нет аналогов т.к. шаблон сочетает в себе несколько
новых возможностей.

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

9. Этапы работы
Выбор
технологий
Изучение
технологий
Подведение
промежуточ
ных итогов
и уточнение
задачи
Структурны
е макеты и
дизайн
шаблона
Програм
мирован
ие
Подготовка
музея к
публикации
Текущий итог и планы

10. Первый этап: выбор технологий
 В рамках третьего ежегодного конкурса проектов и
прикладных исследований школьников на основе реальных
задач работодателей "Школа реальных дел" при участии
проектного офиса "Школа новых технологий". Был проведен
Кейс «Создай виртуальный музей».
 Мы изучили результаты данного кейса и в качестве основной
технологии реализации был выбрано реализовывать шаблон
музея патриотической направленности на базе технологий
ОСӠ. Хронолайнер.

11. Первый этап: выбор технологий
Использование технологии ОСӠ. Хронолайнер позволит:
▪ Удобное и оперативное дополнение экспозиции виртуального
музея.
▪ Временной срез информации (Работа с историческими
источниками особенно важна при создании музея патриотической
информации)
▪ Две версии работы с музеем: автономная (без подключения к
интернету) и виртуальная.
▪ Возможность разместить виртуальный музей на нескольких сайтах,
при этом оставляя за собой право изменить информацию и доступ
к ней одновременно на нескольких площадках.
▪ Уникальное сочетание выше обозначенных преимуществ.

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

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

14. Этапы создания хронолинии
1. Получение фотографий, материалов
и информации.
2. Размещение событий на
хронолинии.
3. Настройка расположения событий и
исправление ошибок.

15. Как мы делали Интерактивную карту
для Пограничного музея
1. Взяли информацию у
Пограничного музея.
2. Объединили фотографии с
текстом.
3. Создали метки событий и
соединили их.
4. Проверили на ошибки.

16. Как мы создавали виртуальный музей «Музей-
заповедник Коломенское».
 Были созданы области событий
по каждому объекту музея-
заповедника Коломенское.
 Каждому объекту была
присвоена своя собственная
карточка и событие (Всего 52
штуки).

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

19. После полученного опыта в работе с
ОС3.Хронолайнер
1. Мы создали несколько дизайнов шаблона, после чего выбрали
один из них.
2. Начали программировать шаблон в HTML
3. Подготовили наш школьный музей к публикации.
4. Далее мы создали отдельное место для шаблона с индивидуальным
оформлением военно-патриотической направленности
http://1770.oc3com.com/.
5. Идут работы над созданием административной части.

20. Программы, которые
использовались и то, что с
помощью них выполнено
20
Adobe Illustrator 2015.1.2 Adobe Photoshop 2015.1.2

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

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

23. В рамках совместно сотрудничества с компанией «ОС3» для всех музеев и
портала были разработаны
 Разработано программное обеспечение
«Пролептический григорианский календарь»
для прототипа web-интерфейса (шаблона)
музея патриотической направленности для
школ города Москвы. Язык реализации С++
 Создан и реализован конвертер из формата
RTF в HTML и обратно, поддерживающий
ограниченное подмножество стандарта RTF.
Язык реализации PHP

24. Григорианский пролептический календарь
Этап Результат Комментарии
1 Выбрана MS Visual Studio Наиболее распространённая, удобная, с
хорошей документацией
2 Освоен Windows Forms Мы научились создавать окна, элементы, и
управлять ими
3 Найдена формула вычисления дня
недели
Есть готовая для C/C++
Создано окно программы с полями
ввода и полем вывода
Программа работает, осталось сделать
календарь
4 Освоен GDI+ Мы научились «рисовать» в окне примитивы
и текст
5 На окне рисуется календарь выбранного
месяца
Программа готова к тестированию
6 Тестирование и устранение ошибок Программа прошла тестирование, все
найденные ошибки устранены

25. Планы
Создание административной части шаблона музея патриотической направленности,
который позволит пользователю создавать собственные страницы на базе шаблона.
Но!
Разработан виджет, в котором должен быть размещен виджет виртуального музея с сайта
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.

26. Информация о нашем сотрудничестве по проекту со
Школой новых технологий и компании ОС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

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

28. Список использованных информационных
источников:
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/