Муниципальное общеобразовательное учреждение «Увинская средняя общеобразовательная школа №2 с углубленным изучением отдельных предметов» Проектная работа «Создание сайта историко-педагогического музея В.А. Сухомлинского» по информатике и ИКТ Выполнил ученик 10 класса «Б» Александров Г.О. Руководители: Мурашова Е.А., учитель русского языка и литературы, Кузнецова К.И., руководитель по сайту музея Ува, 2022 год 2 Паспорт проекта Название проекта: Создание сайта историко-педагогического музея В.А. Сухомлинского Руководители проекта: Мурашова Е.А., учитель русского языка и литературы, Кузнецова К.И., руководитель по сайту музея Автор проекта: Александров Григорий, ученик 10 «Б» класса Учебная дисциплина: Информатика и ИКТ Тип проекта: Творческий Цель работы: Создать современный сайт музея Сухомлинского Задачи работы: 1. Изучить материалы Школьного музея о В.А. Сухомлинском 2. Изучить литературу по созданию сайта, разнообразию программ, языкам программирования и требованиям к ним 3. Выбрать сервис для хостинга нашего сайта, создать структуру сайта, логотип, нарисовать макет и написать код 4. Опубликовать сайт Краткое содержание проекта: Проект предполагает под собой сайт музея В.А. Сухомлинского, который должен содержать краткую информацию об истории музея, экспонатах и деятельности В.А. Сухомлинского. Главная идея сайта повторяет идею музея – рассказать об Увинском периоде жизни педагога. Таким образом, проект поможет продвижению музея и расскажет о том, как опыт работы в Увинской средней школе отразился на дальнейшей деятельности Василия Александровича Сухомлинского. Результат проекта (продукт): Сайт историко-педагогического музея В.А. Сухомлинского Реализация проекта: публикация сайта в сети «Интернет» 3 ОГЛАВЛЕНИЕ ВВЕДЕНИЕ ......................................................................................................... 4 ГЛАВА 1. ИСТОРИКО-ПЕДАГОГИЧЕСКИЙ МУЗЕЙ .............................. 6 ГЛАВА 2. ЧТО ТАКОЕ САЙТ? ...................................................................... 8 ГЛАВА 3. РАЗРАБОТКА САЙТА ................................................................. 10 ЗАКЛЮЧЕНИЕ ................................................................................................ 10 СПИСОК ИСПОЛЬЗУЕМОЙ ЛИТЕРАТУРЫ .......................................... 14 ПРИЛОЖЕНИЯ ............................................................................................... 15 Приложение №1. Логотип .............................................................................. 15 Приложение №2. Разработка сайта ................................................................ 16 Приложение №3. Виртуальная экскурсия ..................................................... 17 Приложение №4. Готовый сайт ...................................................................... 18 4 ВВЕДЕНИЕ Словом «Интернет» сейчас абсолютно никого не удивишь. Технологии, созданные относительно недавно, уже через пару лет становятся привычными почти для всех пользователей. Примеров такого стремительного внедрения инноваций в нашу жизнь много, но мне бы хотелось остановиться на веб-сайтах. За тридцать лет существования сайты и интернет превратились из понятной только для программистов технологии «Всемирная паутина» в крупнейший информационный инструмент, без которого современный мир полноценно жить уже не сможет. Сайтами обзавелись практически все: от государственных структур и транснациональных корпораций до хозяев необычных домашних животных и коллекционеров крышек от бутылок. Тогда назревает вопрос: для чего же тогда они нужны? А для того, чтобы пользователям сети было удобно читать информацию на ту или иную тему, пользоваться услугами, связываться с нужными людьми и т.д. Именно поэтому веб-сайты сыграли ключевую роль в развитии интернет-технологий. Сайты – это удобно. Время, когда каждый создавал себе сайт, уже прошло. Наш школьный музей, посвященный памяти выдающегося педагога В. А Сухомлинского, был основан в 2008 году. Шли годы, интернет развивался, всё больше людей подключалось к всемирной сети, веб-страницы становились понятнее для массового пользователя, однако параллельно с этим наш музей никак не заявлял о себе в сети. Это довольно плохо, потому что Сухомлинский – выдающийся педагог современности, труды которого изучаются и по сей день. Василий Александрович лишь небольшую часть жизни провёл в нашем посёлке в годы Великой Отечественной войны, проработав с 17 июня 1942 по март 1944 года в должности директора Увинской средней школы. Это ли не честь для всех нас? К тому же в многочисленных изданиях о В.А. Сухомлинском увинский период либо не упоминается, либо упоминается вскользь. Это несправедливо. Люди, кому небезразличны личность и деятельность Василия Александровича, должны знать об этом непростом, но важном этапе в жизни педагога. 5 Чтобы о нас узнало больше людей, необходимо создать удобный и доступный сайт. Поэтому целью проекта будет являться создание информационного сайта Историко-педагогического музея В.А. Сухомлинского. Для решения поставленной цели необходимо решить следующие задачи: 1. Изучить материалы Школьного музея о В.А. Сухомлинском. 2. Изучить литературу по созданию сайта, разнообразию программ, языкам программирования и требованиям к ним. 3. Выбрать сервис для хостинга нашего сайта, создать структуру сайта, логотип, нарисовать макет и написать код. 4. Опубликовать сайт. Будут использованы методы: 1. Изучения литературы 2. Анализ, обобщение полученных материалов 3. Макетирование Срок реализации: 1 год Продуктом проекта будет являться стабильно функционирующий сайт. Полученный результат работы: Продукт будет полезен для всех желающих, интересующихся биографией и педагогическим наследием выдающегося педагога В.А. Сухомлинского. Он позволит легко и доступно знакомится с фондами, материалами, анонсом мероприятий историкопедагогического музея МОУ «Увинская СОШ №2». Каждый пользователь интернета сможет посмотреть все экспонаты музея, изучить биографию, познакомиться с новостями музея и т.д. В общем, получить всё то, что сподвигнет его на посещение музея. 6 ГЛАВА 1. ИСТОРИКО-ПЕДАГОГИЧЕСКИЙ МУЗЕЙ Василий Александрович Сухомлинский (1918-1970) – советский педагог-новатор, писатель, основатель народной педагогики. Вся его биография пронизана любовью к детям и желанием сделать детство самым счастливым периодом в жизни каждого человека. Василий Сухомлинский родился в украинском селе Васильевка 28 сентября 1918 года в обычной крестьянской семье. Детские годы пришлись на лихое время: повсюду царила разруха и голод. После окончания сельской школы-семилетки в 1933 году он продолжил образование в Кременчугском педагогическом институте. Однако серьезная болезнь вынудила его прекратить обучение и вернуться домой. Так, 17-летний Сухомлинский приступил к работе учителя украинского языка и литературы в сельской школе. Одновременно он перевелся на заочное отделение педагогического института в Полтаве, где получил полноценное высшее образование. В 1941 году молодой учитель добровольцем отправился на фронт. В краткой биографии Сухомлинского было место тяжелому ранению: во одном из кровопролитных боёв подо Ржевом в начале 1942 года осколок снаряда задел его сердце. Врачи не давали никакой гарантии, что молодой человек выживет. Однако Сухомлинский, вопреки всем прогнозам, пошел на поправку и в дальнейшем всю жизнь носил в сердце кусочек снаряда, который хирурги так не смогли извлечь. Лечение Василий Александрович проходил в одном из госпиталей г. Ижевска. Сразу после выписки он рвался на фронт, однако медкомиссия отказала ему в этом. Сухомлинскому не оставалось ничего другого, как остаться в Удмуртии, в нашем посёлке, и приступить к обязанностям директора поселковой школы. Когда в 1944 году украинские земли были освобождены от фашистской оккупации, учитель вернулся на родину и приступил к обязанностям заведующего райотдела народного образования в Онуфриевке. Однако Сухомлинский очень скучал по работе с детьми и спустя несколько лет вернулся к любимой работе. В должности директора средней школы в поселке Павлыш он проработал до конца своих дней. 1 За время своей многолетней работы Сухомлинский привнес множество передовых идей в процесс воспитания детей. Его педагогическая методика была основана на признаках гуманизма, согласно которым наивысшей ценностью была личность ребенка. Большое значение педагог отдавал художественному стилю изложения предмета, давал рекомендации по 7 совместному сочинению с детьми сказок и увлекательных рассказов. Василий Александрович - автор около 30 книг и 500 статей, посвященных воспитательному процессу и обучению подростков. 2 Василий Александрович ушел из жизни 2 сентября 1970 года, будучи еще относительно молодым крепким мужчиной. Виной тому стал тот самый злополучный осколок, оставшийся после ранения в сердце. В память о выдающемся педагоге в пос. Ува 20 ноября 2008 года в МОУ «Увинская средняя школа №2» был создан музей, образовавшийся на базе бывшей музейной комнаты Увинской средней школы № 3. Тем самым жители поселка, ученики и коллеги Василия Александровича на протяжении многих лет хранят память о нём, бережно чтя оставленное им педагогическое наследие. Собрав информацию о В.А. Сухомлинском и школьном музее, посвящённом ему, мы получили полное представление о том, какую информацию нужно будет включить в проект, а какую нет. 8 ГЛАВА 2. ЧТО ТАКОЕ САЙТ? Сайт – это то же, что веб-страница или группа веб-страниц, объединённых единой темой, автором, фирмой и т.п. 4 Прежде, чем появилась возможность создавать веб-сайты, возник Интернет. Произошло это по-настоящему историческое событие в 1990-м году. Интернет-сеть без информации представляла собой совершенно бесполезное изобретение, его необходимо было наполнять. Решением этого вопроса решил заняться женевский ученый Тимоти Бернерс-Ли из Европейской лаборатории элементарных частиц. Перед тем, как создать первый в мире веб-сайт, он успел подготовить целый ряд других, не менее важных инструментов, лежащих в основе самых популярных на сегодняшний день программ. Именно БернерсаЛи следует благодарить за создание всемирной сети Интернет, разработку URL, HTTP и изобретение языка программирования, известного нам как HTML. 6 Первый веб-сайт – каким он был? Проект изначально задумывался как некая «папка» для хранения основных сетевых документов, объединенным личным доменным именем, оригинальным и единственным в своем роде. Именно таковыми и являются современные сайты – как старые, так и новые вебпроекты хранят в себе «сгусток» информации, различных документов и страниц, принадлежащих, по сути, одному юридическому лицу, но, находящихся, при этом, в свободном доступе для массы пользователей, а отыскать их можно под определенным доменным именем. Внешне первый сайт, созданный ученым, был совсем невзрачным, что совершенно неудивительно. Он представлял собой сплошную стартовую страницу белого цвета, на которой была размещена информация о самой инновационной технологии того времени «World Wide Web». Кроме того, здесь же Бернерс-Ли разместил подробные инструкции по установке браузеров и серверов на персональный компьютер. Первый веб-сайт был также и первым в мире интернет-каталогом – простым, одностраничным, но имеющим информационное наполнение. Спустя какое-то время разработчик превратил свой проект в широкомасштабный 9 каталог, представляющий информацию о других сайтах и перенаправляющих пользователей на их страницы посредством размещенных в каталоге ссылок. 6 Сегодня можно только удивляться тому, какую огромную пользу смог принести человечеству Тим Бернерс-Ли. Его изобретения произвели настоящую инновационную революцию, давшую толчок стремительному развитию современных интернет-технологий и онлайн-бизнеса. В настоящее время количество виртуальных страниц исчисляется миллиардами. Теоретия о программировании сайтов получена. Пора переходить к практике. 10 ГЛАВА 3. РАЗРАБОТКА САЙТА Завершив работу над теоретической частью, приступаем к созданию логотипа и макета сайта. Программного обеспечения для данного процесса в Интернете очень много. Для каждой задачи – свой инструмент. Логотип нарисуем в «Адобе Иллюстратор». Основной идей для логотипа послужил любимый цветок Сухомлинского – подсолнух. В ходе активного творческого поиска [Приложение №1.1] был выбран самый удачный вариант [Приложение №1.2] Следующий этап – содержание сайта. Мы с руководителем обговорили количество страниц и их содержание. Сайт будет содержать: 1) 2) 3) 4) 5) 6) 7) Заглавную страницу Блок с информацией о том, чему посвящен музей Блок со ссылками на биографию и виртуальную экскурсию Увинский период Музей как территория творчества Блок со ссылкой на новостную группу во «Вконтакте» «Подвал» с контактной информацией Основным принципом для создания структуры сайта является блочность. Каждый блок информации идет друг за другом сверху вниз. Так информация проще считывается и выглядит очень аккуратно. Далее придумываем для каждой страницы и раздела дизайн. [Приложение№ 2.1] Этап проектирования завершен. Настало время переносить макет в код. Затем переходим к следующему этапу работы - программированию. С ним мы сталкивались лишь на уроках информатики, но и там нужные нам языки «HTML» и «CSS» в программу не входят. Пришлось дополнительно и самостоятельно изучать язык. [Приложение №2.2] Но перед этим стоит сделать виртуальную экскурсию. Мы отсмотрели множество уроков по созданию панорам. Когда материал был усвоен, мы отправились на съемки кадров для будущей панорамы. Когда фотографии были обработаны, то мы преступили к их склеиванию в программе «ПТГуи». [Приложение №3.1]. В результате получилась интерактивная экскурсия, которой пользователь может управлять самостоятельно. [Приложение №3.2] 11 Вернёмся к сайту. Начали мы с обучающих роликов, поэтому следовали тому, что говорили наставники. Пробные версии сайтов получались, но проблема в том, что они были невероятно простыми. А ведь наша цель состояла в создании красивого и удобного сайта. Для этого нужно знать тонкости. На этом этапе у меня появились сомнения, что мы на верном пути. Чтоб получить хороший сайт с нуля, надо очень много уметь и знать. На обучение программированию нужно время. У нас его было не очень много. Веб-дизайнеры тратят месяцы и годы для того, чтоб создавать серьёзные продукты. Я же не планирую связывать с этим свою профессию, поэтому изучение языков и написание кода отменялось. Было очевидно, что мы переоценили свои способности. Поняв, что программирование – слишком сложно и неоправданно, мы срочно приступили к поиску альтернатив. Как оказалось, в нашем случае она только одна. Конструкторы. Конструкторы сайтов (англ. site builder) - программно реализованная сложная система для создания веб-страниц без знания языков программирования. Это идеально подходило для нашей задачи. Изначально мне хотелось побывать в роли именно дизайнера, а не программиста. Из большого разнообразия программ самым рекомендуемым сервисом оказался «Tilda». После ознакомления с данным ПО, я понял, что моя задача заключается в переносе нашего макета в эту программу и в добавлении анимаций. Это мы и сделали. [Приложение №4.1] Последним аккордом в разработке сайта стала его публикация. Если бы мы всё же написали код сайта с нуля, то у нас бы появились проблемы с публикацией. Хостинг на бесплатных сервисах чреват обилием нежелательной рекламы. Вариант платного хостинга не рассматривался. Хорошим решением было перейти на конструктор «Тильда», ведь он также предоставляет бесплатный и защищенный хостинг. Таким образом, мы убили сразу двух зайцев: 1) Создали сайт 2) Опубликовали его, обеспечив бесплатный и надежный хостинг Как итог – наш сайт работает в браузере. [Приложение №4.2] 12 Так, спустя некоторое время мы получили готовый сайт, который получилось опубликовать в сети. 13 ЗАКЛЮЧЕНИЕ В заключение хочется сказать, что разработка сайта мне показалась сложным, трудоёмким и долгим процессом, но в то же время интересным и очень познавательным. То количество навыков, которые мы приобрели, работая над сайтом музея, трудно перечислить. Это и работа с графическими редакторами, и грамотное применение информации из источников, и достаточно глубокое понимание процессов в интернет-пространстве и другое. Данные навыки в современном мире нужны и обязательно будут использованы в дальнейшем. Но главное, что все цели и задачи были достигнуты и выполнены, а именно – стабильно работающий сайт историко-педагогического музея В.А. Сухомлинского. Да, не все задуманные нами с руководителями идеи были реализованы в первоначальном виде, однако их удалось воплотить в жизнь иначе, и, как показывает практика, это было даже к лучшему. Проблемы, с которыми нам пришлось столкнуться, общими усилиями удалось решить, несмотря на то что никто из нас профессионально сайты никогда не разрабатывал и не реализовывал. Современные технологии и интернет позволили нам, людям, которые далеки от сферы интернета и дизайна, воплотить в жизнь то, о чем давно мечтали. Теперь сайт позволит большему количеству людей прикоснуться к наследию В.А. Сухомлинского, рассмотреть всё поближе, минуя любые расстояния. Сайт музея – это живой организм. То, как он выглядит на момент, его презентации – не последний его облик, он будет постоянно меняться и расти вместе с самим музеем. Теперь сайт стал его неотъемлемой частью. Во время завершения проекта появилась идея расширить возможности виртуальной экскурсии, добавив туда голосовое сопровождение. И это только одна из тех, задумок, которые будут реализованы. Это доказывает, что сайт музея является интересным проектом, который имеет будущее. Таким образом, разработанный нами сайт, сможет дополнить недосказанное о величайшем педагоге В.А. Сухомлинском, показать экспозицию музея и приносить пользу всем, кто интересуется творчеством Василия Александровича. 14 СПИСОК ИСПОЛЬЗУЕМОЙ ЛИТЕРАТУРЫ 1. Архив историко-педагогического музея В.А. Сухомлинского 2. Глейзер Г.Д. Сухомлинский – Сердце, отданное детям [Электронный ресурс] / Г.Д. Глейзер // Лаборатория гуманной педагогики. – 2013. Режим доступа: https://nsportal.ru/blog/shkola/obshcheshkolnayatematika/all/2013/06/30/g-d-gleyzer-sukhomlinskiy-serdtse-otdannoe (30.06.2013) 3. Робсон Э., Фримен Э. Ф88 Изучаем HTML, XHTML и CSS. 2-е изд. — СПб.: Питер, 2014. — 720 с.: ил. — (Серия «Head First O’Reilly») 4. Словарь «Oxford languages» [Электронный ресурс] / Режим доступа: https://languages.oup.com/google-dictionary-ru/ 5. Уфаркин Н.В. Василий Александрович Сухомлинский [Электронный ресурс] / Н.В. Уфаркин // Герои страны. – 2015. Режим доступа: https://warheroes.ru/hero/hero.asp?Hero_id=10079 (01.03.2015) 6. Чиртик А.А. HTML: Популярный самоучитель / А. А. Чиртик — «Питер», 2008 15 ПРИЛОЖЕНИЯ Приложение №1. Логотип Рисунок 1. Поиск логотипа Рисунок 2. Итоговый логотип 16 Приложение №2. Разработка сайта Рисунок 1. Макет сайта (набросок) Рисунок 2. Тестовый код 17 Приложение №3. Виртуальная экскурсия Рисунок 1. Работа над панорамой Рисунок 2. Панорама 18 Приложение №4. Готовый сайт Рисунок 1. Вёрстка в «Тильде» Рисунок 2. Ссылка на сайт музея
