Os 3 tekhnicheskiy_proryv

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

Transcript of Os 3 tekhnicheskiy_proryv

Page 1: Os 3 tekhnicheskiy_proryv

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

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

Авторы: Семёнушкин АртёмКуркин ЯрославГоршков Михаил

Горюнов ВладиславРуководитель: Епифанцев Сергей Владимирович, учитель информатики ГБОУ кадетская школа №1770,

руководитель проекта «Юные программисты ФСБ РФ» пограничной службы ЦПМ ФСБ России

Page 2: Os 3 tekhnicheskiy_proryv

Цель проекта: Разработать шаблон музея патриотической

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

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

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

Page 3: Os 3 tekhnicheskiy_proryv

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

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

3. Сборка информации для создания шаблона. 

4. Разработка структурных и дизайн-макетов web-интерфейса. 

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

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

Page 4: Os 3 tekhnicheskiy_proryv

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

треть музеев - военного направления.

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

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

Page 5: Os 3 tekhnicheskiy_proryv

Потребители: Музеи патриотической направленности

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

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

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

Page 6: Os 3 tekhnicheskiy_proryv

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

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

Page 7: Os 3 tekhnicheskiy_proryv

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

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

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

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

Page 8: Os 3 tekhnicheskiy_proryv

Организация работыОбщение между собой в классе

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

Page 9: Os 3 tekhnicheskiy_proryv

Этапы работы

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

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

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

задачи

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

шаблона

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

ие

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

публикации

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

Page 10: Os 3 tekhnicheskiy_proryv

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

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

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

Page 11: Os 3 tekhnicheskiy_proryv

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

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

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

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

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

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

Page 12: Os 3 tekhnicheskiy_proryv

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

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

Page 13: Os 3 tekhnicheskiy_proryv

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

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

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

Page 14: Os 3 tekhnicheskiy_proryv

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

материалов и информации.

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

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

Page 15: Os 3 tekhnicheskiy_proryv

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

Пограничного музея.

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

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

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

Page 16: Os 3 tekhnicheskiy_proryv

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

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

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

Page 17: Os 3 tekhnicheskiy_proryv

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

2. Мы соединили их в Adobe Photoshop CS6

3. Потом мы на панораме отметили точки с экспонатами.

4. Готовый вариант мы загрузили на http://chronolines.ru/

5. Далее мы создали отдельное место для шаблона http://1770.oc3com.com/.

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

Page 18: Os 3 tekhnicheskiy_proryv
Page 19: Os 3 tekhnicheskiy_proryv

После полученного опыта в работе с ОС3.Хронолайнер1. Мы создали несколько дизайнов шаблона, после чего выбрали

один из них.

2. Начали программировать шаблон в HTML

3. Подготовили наш школьный музей к публикации.

4. Далее мы создали отдельное место для шаблона с индивидуальным оформлением военно-патриотической направленности http://1770.oc3com.com/.

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

Page 20: Os 3 tekhnicheskiy_proryv

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

с помощью них выполнено

20

Adobe Illustrator 2015.1.2 Adobe Photoshop 2015.1.2

Page 21: Os 3 tekhnicheskiy_proryv

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

Page 22: Os 3 tekhnicheskiy_proryv

Достигнутые результаты: Созданы виртуальные музеи – «Виртуальный музей Коломенское»,

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

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

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

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

Page 23: Os 3 tekhnicheskiy_proryv

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

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

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

Page 24: Os 3 tekhnicheskiy_proryv

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

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

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

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

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

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

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

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

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

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

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

Page 25: Os 3 tekhnicheskiy_proryv

Создание нового проекта

Page 26: Os 3 tekhnicheskiy_proryv

Выбор типа проекта, указание названия

Page 27: Os 3 tekhnicheskiy_proryv

Добавление элемента на форму

Page 28: Os 3 tekhnicheskiy_proryv

Обработка событий элемента

Page 29: Os 3 tekhnicheskiy_proryv

Написание кода; Компиляция и запуск

Page 30: Os 3 tekhnicheskiy_proryv

Запущенная программа

Page 31: Os 3 tekhnicheskiy_proryv

GDI+: ПримерВ приведенном ниже примере демонстрируется рисование прямоугольника с шириной 100, высотой 50 и координатами верхнего левого угла (20, 10) линией шоколадного цвета, толщина которой – 4.

Graphics ^myGraphics = myPanel->CreateGraphics();Pen ^myPen = gcnew Pen(Color::Chocolate);myPen->Width = 4.0F;myGraphics->DrawRectangle(myPen, 20, 10, 100, 50);

Page 32: Os 3 tekhnicheskiy_proryv

Конвертер

Page 33: Os 3 tekhnicheskiy_proryv

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

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

Page 34: Os 3 tekhnicheskiy_proryv

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

Page 35: Os 3 tekhnicheskiy_proryv

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

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/