Титульная страница

Учебный модуль "Технология разработки мультимедиа проектов"

Владение информационными технологиями становится базовым требованием к ученикам, оканчивающим современную школу. Владение компьютером и основами мультимедиа технологий входит в обязательный образовательный минимум, проект которого опубликован на сайте Министерства образования РФ. Разумеется, уровень освоения школьниками информационных технологий зависит от технического оснащения школ, наличия в них современных компьютеров и мультимедиа оборудования. Исходя из имеющихся условий школы или регионы могут самостоятельно формировать программы обучения в области информационных технологий.

Так, например, в рамках Московской региональной программы для среднего образования вводится учебный модуль под названием "Технология разработки мультимедиа проектов". Этот модуль входит в состав дополнительных образовательных модулей и рекомендуется для включения в программу по информатике в 7-9-х классах средних школ, гимназий и лицеев гуманитарного или естественно-научного профиля.

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

Как познакомить школьников с технологией мультимедиа

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

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

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

В соответствии с другим подходом учебные задачи звучат иначе. Ученикам предлагается заняться созданием небольшого мультфильма. И для реализации этой задачи им требуется изучить Бэйсик, в частности, его возможности по анимированию объектов. Во втором случае инструмент изучается в контексте применения к решению конкретной задачи.

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

Следует заметить, что если встать на позиции формализма и попытаться четко обрисовать предметную область внедрения технологии мультимедиа, то можно запутаться и утонуть в дефинициях. Например, куда относится такое направление, как создание видеофильмов или видеоклипов с использованием средств компьютерной графики: к информационным технологиям или к современному направлению в кино? Компьютерная анимация и мультипликация - это области информатики или искусства?

Думая о мультимедиа-проекте, мы хотим остаться в поле информационных технологий. Задачи, которые мы будем выбирать, связаны с построением информационных структур. Одним из примеров такой структуры является информационно-справочная система по какой-либо конкретной теме, включающая меню разных уровней. Структуризация информации, построение сложно организованных (сетевых, иерархических) систем, установление связей между объектами системы, организация механизмов передачи информации между элементами системы - эти вопросы традиционно относят к информатике.

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

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

Текст, гипертекст, гипермедиа

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

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

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

Знакомясь с темой статьи, читатель может встретить в тексте слова или выражения, выделенные курсивом. Особое шрифтовое оформление является признаком того, что для выделенных курсивом понятий в энциклопедии содержатся отдельные статьи, и отмеченные таким образом слова являются заголовками статей. Если читатель заинтересуется каким-либо выделенным понятием, он может по названию отыскать соответствующую статью в энциклопедии и перейти к ее изучению.

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

Гипертекст как абстрактная структура был "изобретен" давно, в конце 50-х годов. Но только с появлением персональных компьютеров эта абстракция была востребована жизнью. Пользователи компьютеров быстро оценили гипертекстовый способ организации информации. Они убедились, что читать на экране длинные текстовые документы, предназначенные для вывода на печатное устройство, крайне неудобно (и глаза устают, и быстро теряется нить повествования). Тексты, представленные на экране должны быть небольшими по объему, хорошо структурированными, с выделенными понятиями. Средства просмотра текстов на экране должны обеспечивать быстрый поиск нужного фрагмента текста или нужного понятия, возврат к предыдущим фрагментам, одновременный показ нескольких фрагментов и т. д.

Организация документов в стиле гипертекста подчиняется особым законам, которые отличаются от привычных нам правил структуризации обычного линейного текста. Составление гипертекстовых документов - это особый жанр, требующий специального изучения. Если вы, например, решили написать статью для журнала, то вы примерно представляете, как будет выглядеть структура вашего документа. Но если вы решили эту же статью поместить в электронном издании (например, в виде набора Web-страниц), то вам, скорее всего, придется серьезно переработать материал. Для того чтобы с вашей статьей было удобно работать пользователям компьютеров, ее электронный вариант должен выглядеть совсем иначе.

Если в документе используются элементы графики (которые могут выступать в качестве гнезд гипертекста), звуковые и видео объекты, то речь уже идет о среде гипермедиа. Структура гипермедиа естественным образом расширяет понятие гипертекста. Наиболее ярким примером среды гипермедиа является мировая информационная сеть WWW (World Wide Web), представляющая собой совокупность страниц. На каждой Web-странице, как правило, содержится текстовая и графическая информация, а также звуковые и видео-объекты.

Сеть WWW представляет собой пример распределенной структуры гипермедиа. Элементы этой структуры часто находятся на разных компьютерах (WWW-серверах), которые территориально могут находиться на расстоянии нескольких сотен и тысяч километров. Путешествие по такой сети можно сравнить с путешествием по разным странам и континентам, и это часто соответствует реальному соединению с далекими компьютерами, расположенными в разных частях света.

Мультимедиа проекты

В соответствии с ранее высказанным тезисом о том, что мультимедиа-проект должен отталкиваться от интересной и актуальной задачи, попытаемся предложить тему проекта. Удачно выбранная тема будет служить сильной мотивационной основой для работы учеников. Если же тема оставит школьников равнодушными, если они почувствуют формализм и "обязаловку", то работа вряд получится, и мир компьютерных технологий для них останется закрытым, возможно, на долгое время.

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

Подготовка выступления на тему "Моя семья"

В качестве начального шага учащимся можно предложить индивидуальный проект по теме, которая для каждого ученика близка и понятна. Например, такой темой может стать тема "Моя семья". В индивидуальном проекте каждый ученик получит опыт самостоятельной работы, а учитель сможет оценить потенциал и творческие наклонности учеников. У кого-то из учащихся могут явно доминировать литературные способности, кто-то преуспеет в подготовке графических иллюстраций, у кого-то проявится склонность к фоторепортерской работе и т.д. Этим особым талантам и пристрастиям можно потом дать возможность реализоваться в коллективной деятельности. В коллективном проекте могут создаваться специализированные мини-группы для выполнения работ соответствующего типа.

В индивидуальном проекте ученикам предлагают составить рассказ о своей семье, подготовить мультимедиа-презентацию, и выступить перед аудиторией с демонстрацией. Рассказ может быть подготовлен в разных жанрах: хронико-документальном ("Один день из жизни Ивановых"), историческом ("История семьи Петровых с 18 века до наших дней"), лирическом ("Любимые животные в семье Сидоровых"), юмористическом ("Сумасшедшее чаепитие в семье Захаркиных"), детективном ("Куда исчез парадный галстук Бутузова-старшего?") и т.д.

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

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

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

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

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

  1. Придумать тему рассказа, составить план рассказа.
  2. Подобрать фотографии членов семьи, домашних животных, домашнего интерьера, предметов обихода и пр.
  3. Составить небольшие текстовые комментарии для страниц мультимедиа-презентации.
  4. Продумать, как выступление будет иллюстрироваться фотографиями или картинками.
  5. Продумать, какие печатные материалы будут сопровождать выступление. Составить текст и придумать графическое оформление приглашения на презентацию.

Московские памятники

Тема по истории Москвы представляет интерес по многим причинам. Во-первых, не так давно отмечалось 850-летие Москвы. Кроме того, работу над проектом можно связать с новым школьным предметом "Москвоведение", включенным в программу московских школ. Дополнительным аргументом в пользу выбора такой темы является тот факт, что изучение истории родного города всегда притягательно для детей. Многие школьники, особенно живущие на окраинах Москвы, зачастую не имеют самых элементарных знаний по истории и географии своего города. Они не знают названий главных улиц, расположения исторических памятников, не могут найти дорогу к известным театрам, не знают, где находятся знаменитые на весь мир музеи.

Темой проекта может стать создание информационно-справочной системы, посвященной историческим местам Москвы.

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

Работу по созданию информационной системы предлагается организовать в форме коллективного проекта. Коллективная деятельность учащихся является прогрессивным методом обучения. Но такой вид работы с учащимися требует от преподавателя дополнительной подготовительной работы. Учитель самостоятельно или в сотрудничестве с учителями по предмету "Москвоведение" должен определить задачи и примерный объем работ, спроектировать общую структуру проекта, продумать способы распределения работ в проекте, составить календарный план работ и многое другое. Нужно также подготовить список книг и пособий, где школьники могут найти необходимые для ввода в компьютер тексты статей и иллюстрации. В работе по подбору материала могут принимать участие и ученики. На основе анализа подготовленных материалов будет более четко вырисовываться тематика и структура будущего проекта.

У каждого ученика в проекте может быть самостоятельный фронт работ. Или же учитель предложит разбиться ученикам на несколько небольших творческих групп. У каждой группы будет независимый участок работы или отдельный вид деятельности: подготовка текстов к проекту, подготовка (сканирование и обработка) графических материалов, построение гипермедиа-структуры проекта и пр.

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

Презентация школы в сети Интернет

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

Практически каждая школа может создать свои Web-страницы и разместить их в Интернете — сейчас достаточно просто получить пространство на одном из серверов, предоставляющих для школ бесплатные услуги такого рода. Один из таких серверов — московский сервер "Школьные страницы" (http://schools.keldysh.ru). Уже несколько сотен школ воспользовались услугами этого сервера. Там имеется одна из самых представительных коллекций ссылок на школьные сайты.

Что же публикуют школы на своем сайте? Обычно, на школьных страницах размещаются следующие сведения:

  • Адрес школы, телефон, факс, адрес в электронной почте,
  • Ф.И.О. директора школы,
  • профиль или специализация школы,
  • техническое оснащение школы (наличие лабораторий, компьютерных классов, тематических медиатек и пр.)
  • историческая справка,
  • сведения об учительском коллективе,
  • участие школы в образовательных проектах,
  • связи школы с внешним миром,
  • интересные школьные события и мероприятия.

В проекте по созданию Web-страниц ученики будут создавать структуру гипермедиа, связывать ссылками свои страницы со страницами своих партнеров по проекту.

Представим себе, что школа участвует в международном образовательном проекте. Обычно курирующая проект организация размещает на одном из доступных ей серверов, например, в Брюсселе, Web-страницу о проекте. Участвующая в проекте школа на своей Web-странице помещает ссылку на Web-страницу международного проекта. Тогда, просматривая Web-страницу школы - участницы международного проекта, пользователь сети может по ссылке обратиться к расположенному в Брюсселе серверу за нужной ему информацией о проекте. Или наоборот: посетители сервера международного проекта могут по ссылке перейти на сайт школы-участницы проекта.

Подготовку Web-страниц можно совместить с еще одним видом учебной деятельности - подготовкой буклета о школе. В этой работе школьники смогут познакомиться с элементами издательской деятельности по выпуску печатной продукции. В буклете можно поместить официальную информацию о школе, фотографии школьного здания, кабинетов, фотографии учителей и известных выпускников прошлых лет и т.д. Буклет, безусловно, украсят разного рода дополнительные материалы, появляющиеся в результате детского творчества: фрагменты стенгазет, рисунки, фотографии игрушек, сделанных руками школьников на уроках труда.

Инструментальные средства мультимедиа

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

Многие проекты можно создавать с использованием пакета Microsoft Officce. Если проект заключается в создании компьютерных версий рассказов школьников, то можно предложить использовать даже текстовый процессор Word: он позволяет включать в документы графику, звуковые файлы и видео фрагменты. Рекомендуем также для подготовки индивидуальных рассказов-презентаций использовать имеющуюся в офисном пакете среду создания презентаций PowerPoint. Это средство предназначено для подготовки презентаций в виде последовательности слайдов (слайд-шоу) с графическими и звуковыми эффектами. Инструмент PowerPoint предоставляет пользователю также и удобные средства для составления сопроводительных материалов.

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

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

  • среды, которые не требуют программирования,
  • системы, имеющие средства программирования,
  • системы, которые предполагают программирование в стиле "визуального конструирования"

Исходя из конкретных учебных задач, учитывая оснащенность компьютерного класса, учитель может выбрать нужное инструментальное средство, отвечающее уровню подготовленности его учеников. Имеется опыт использования в образовательных проектах таких систем, как Hypercard, LinkWay, Tool Book, Visual Basic, Delphi для создания мультимедиа проектов в образовательной области. Первые три системы из приведенного перечня имеют встроенные языки программирования, хотя допускают создание приложений и без обращения к средствам программирования. Последняя позиция в списке - среда Delphi, - представляет собой яркий пример среды визуального программирования: создание программы с мультимедиа объектами превращается здесь в приятное и легко понимаемое конструирование приложения из большого набора графических и структурных примитивов.

Несколько проще обстоит дело с выбором инструментального средства для построения сайтов Интернета. Для создания и просмотра Web-страниц можно использовать специализированные редакторы, например, Microsoft FrontPage, HotMetal, Corel Web Designer и другие. Эти программные продукты являются типичными примерами инструментальных сред, предназначенных для создания структур гипермедиа в Интернете.

Часть из этих инструментов требует от пользователя знаний основ языка описания гипертекстовых структур HTML. Другие предлагают создавать структуры в стиле WYSIWYG (What You See Is What You Get), и знание языка HTML в таких системах не обязательно. При этом пользователю предоставляется удобный графический интерфейс (способ взаимодействия с системой) и большой набор инструментов для работы.

Представляется предпочтительным выбрать на начальных этапах такие инструментальные среды, которые легки в освоении, и где знание языка HTML не является обязательным требованием. Рекомендуется, в частности, использовать офисный пакет Microsoft Officce, поскольку его инструменты могут преобразовывать созданные приложения в Web-страницы.

Реализация мультимедиа проекта на уроках информатики

Мы хотим поделиться с преподавателями информатики полученным опытом проведения занятий по теме мультимедиа в московской школе №1078. В течение полугодия школьники девятого класса под руководством преподавателей (Полиловой Т.А., Штайн М.А.) работали над учебным проектом "Москва в старых фотографиях и гравюрах" - создавали информационно-справочную систему о нескольких исторических памятниках Москвы.

Проведенный курс по теме "Технология разработки мультимедиа проектов" являлся экспериментальным. Преподавателям пришлось во многих случаях искать собственные пути решения учебных и организационных задач. Многое приходилось начинать с нуля: разрабатывать методику и планирование занятий, продумывать способы демонстрации материалов и структуру раздаточных конспектов, подбирать программные средства и пр. Возможно, наш опыт поможет другим учителям информатики пройти эти начальные этапы и ввести в учебную программу своей школы аналогичный курс.

Основные учебные задачи

Задумывая проекте, мы старались не усложнять будущую работу учеников изучением технических проблем, относящихся к программной реализации мультимедиа. Вопросы, которые нас интересовали в первую очередь, связаны с построением информационных структур. Примером такой структуры может служить информационно-справочная система по истории Москвы. В нашем проекте мы решали с учащимися следующие учебные задачи, традиционно относящиеся к информатике:

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

Мы ограничили задачу ознакомления учащихся с технологиями мультимедиа, в частности, не изучали средства ввода и обработки графической и звуковой информации (ученики использовали иллюстрации, которые были подготовлены преподавателями заранее). На это были две причины: небольшая продолжительность курса (всего 17 часов) и недостаточные технические возможности. В нашем распоряжении были IBM-совместимые компьютеры класса 386 с весьма скромными ресурсами, без звуковых и без видео-карт.

Организация работы над проектом

Работа по созданию информационной системы была организована в форме коллективного проекта. Коллективная деятельность учащихся является прогрессивным методом обучения. Учащиеся работали в небольших творческих группах по 2-3 человека. У каждой группы была самостоятельная задача - создать страницу проекта, посвященную конкретному памятнику.

В нашем проекте основу материалов по истории московских памятников составили фотографии и небольшие исторические справки, взятые из набора фоторепродукций "Москва златоглавая" (М.: Планета, 1989). Некоторые материалы были взяты из книг М.А.Ильина "Москва" (М.: Искусство, 1963) и Ю.М.Нагибина "Всполошный звон"(М.: Подкова, 1997). Исходные материалы для проекта были подготовлены для учащихся в виде конспектов. Один из таких конспектов по конкретному историческому памятнику предлагался группе, которая раскрывала выбранную тему. По ходу работы ученики развивали и дополняли намеченные в конспектах темы, подбирая исторический материал по другим источникам.

Для того чтобы повысить наглядность вводимого учебного материала мы активно использовали средства демонстрации на большом экране (проектор), доску с цветными фломастерами. Практически на каждом уроке ученикам раздавались опорные конспекты, в которых были необходимые пояснения (например, описание позиций системного меню, шаги по выполнению операций в компьютерной среде, назначение функциональных клавиш при редактировании текстов и пр.). Преподаватели помогали ученикам в работе, показывая, как нужно выполнять операции по созданию объектов, и даже выполняли вместе с учениками некоторые шаги.

Объем текстового материала в проекте был небольшим, ученики готовили текстовые документы размером в 1-2 страницы. Чтобы не тратить учебное время на техническую работу, ввод текстов выполнялся не только на уроках: школьники могли дополнительно посещать компьютерный класс во внеурочное время.

Структура проекта

В проект вошли следующие исторические памятники: Сухарева башня, Красные ворота, достопримечательности, расположенные в районе улицы Покровки, Ильинские ворота, Красная площадь, ансамбль московского Кремля. Красная площадь представлена в проекте такими памятниками, как собор Василия Блаженного, Воскресенские ворота, Верхние торговые ряды. В Кремле выбрано несколько памятников, которые вошли в наш проект: Успенский собор, Благовещенский собор, Архангельский собор, колокольня Ивана Великого, Спасские ворота.

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

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

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

Анализ текстовых материалов

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

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

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

Ход урока

Ученикам предложено проанализировать описание одного из исторических памятников.

Красные ворота

В 1709 году в честь победы под Полтавой у проломных ворот Земляного города была поставлена Триумфальная арка. Она была очень красивой, и народ стал называть ее Красными воротами. Просторная площадь перед ними стала местом народных гуляний.

Красные ворота не раз горели во время пожаров и снова восстанавливались. В 1742 году на месте деревянных, в очередной раз уничтоженных в огне, были поставлены каменные Красные ворота. Они были сооружены на средства московского купечества в память о встрече с побывавшей в Москве императрицей Елизаветой Петровной.

Но через шесть лет и они сильно пострадали от очередного пожара. В 1752 году архитектор Д.В.Ухтомский получил указ императрицы Елизаветы построить "вновь такие же ворота и на том же месте, где ворота были". Д.В.Ухтомский выполнил "высочайшее" повеление: ворота были построены монументальные, и в то же время легкие, праздничные.

А в 1812 году их снова опалил пожар. И вновь ворота были отстроены, а перед ними спланирована большая площадь.

Но то, что не смог сделать огонь, оказалось под силу людям - в 1934 году Красные ворота были снесены.

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

  • Даты постройки, реконструкции
  • Месторасположение
  • Исторические события, связанные с памятником
  • Происхождение названия
  • Архитектор

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

  • Как проехать к памятнику
  • Современное состояние памятника или окрестностей

Далее ученикам предлагается еще один текст для анализа.

Сухарева башня

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

Ставила свои дома, хоромы на Сретенке и московская знать. А там, где улица пересекалась с Садовым кольцом, была по инициативе Петра 1 сооружена Сухарева башня (1692-1695). Возводили ее в два приема по проекту архитектора М.И.Чоглова. Вначале над проездной дорогой были поставлены каменные палаты, окруженные гульбищем. Башня служила "полковой избой" для стрельцов полковника Л.П.Сухарева, охранявшего Сретенские ворота Земляного города. Отсюда и название - Сухарева.

После ликвидации стрелецкого войска палаты передали под "математическое и навигационное учение". Чтобы башня лучше соответствовала своему новому назначению, надстроили второй этаж и повысили ее. Сухарева башня несколько веков была одним из самых монументальных и известных в столице сооружений. К сожалению, она не сохранилась - в связи с реконструкцией Москвы была снесена в 1934 году.

Ученики высказали мнение, что для данного текста можно развивать следующие темы из приведенного ранее списка:

  • Даты постройки, реконструкции
  • Месторасположение
  • Происхождение названия
  • Архитектор
  • Как проехать к памятнику
  • Современное состояние памятника или окрестностей

Появилось предложение рассказать в проекте о знаменитом "блошином рынке", который располагался в начале нашего века в районе Сухаревской площади. Поэтому в список была дополнительно внесена тема:

  • Городская жизнь

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

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

Покровка

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

В 1914 году в Москве имелось около 450 церквей. И среди них своеобразием, яркостью, оригинальностью облика безусловно выделялась церковь Успения на Покровке. Строили ее в 1696-1699 годах в стиле, вошедшем в историю русского зодчества как "нарышкинское борокко". На этой улице сохранились ценные исторические здания: церкви - Ионна Предтечи и Воскресения в Барашках, дворцы Апраскиных, Долгоруковых, Шуваловых.

На рубеже 18-19 веков, после того, как разобрали стены Белого города, образовалось кольцо бульваров, ставшее как бы историческими города того времени. Всего в Москве десыть бульваров, которые гигантской подковой опоясывают центр города, упираясь в Москву-реку. Среди них выделялись красотой и планировкой Покровский и Петровский, получившие свои названия от Покровских и Петровских ворот Белого города.

Из обозначенных ранее тем ученики выбрали следующие (название тем постепенно конкретизируется для каждого памятника):

  • Месторасположение
  • Происхождение названия
  • Как доехать до Покровки
  • Современный облик улицы

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

При наводящих подсказках учителя для последнего текста ученики сформулировали еще две самостоятельные темы:

  • Памятники, связанные с историческим местом
  • Окрестности

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

Организация гипертекста

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

Ход урока

Ученикам предлагается рассмотреть пример организации гипертекста. Учитель демонстрирует следующий пример.

Успенский собор Кремля

Успенский собор является одним из самых значительных памятников Кремля. Первоначальный Успенский собор, построенный еще в начале 14-го века, не мог служить выразителем идей сильного и единого Русского государства, сложившегося к этому времени. Он был и мал и ветх. В 1472 году было начато сооружение нового храма по образцу Успенского собора во Владимире. Однако из-за технического несовершенства кладки стены собора рухнули. Тогда инициативу постройки взял в свои руки московский великий князь Иван III, который пригласил выдающегося болонского архитектора Фиоренти .

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

Южнее Успенского собора стоит Благовещенский собор, построенный в 1484-1489 годах. Слева от южного входа в Успенский собор в 1487 году началось сооружение наиболее значительного по размеру светского здания - Грановитой палаты. На противоположной от Успенского собора стороне Соборной площади высится Архангельский собор. Для того чтобы объединить многоглавые храмы на Соборной площади в единую композицию, последовала постройка грандиозного столпа колокольни Ивана Великого.

Внимание учеников обращается на выделенные жирным шрифтом слова - гнезда гипертекста. Учитель объясняет, что гнездами гипертекста являются такие понятия, которые предполагают дальнейшее уточнение. Так, например, выделенное шрифтом название Успенского собора во Владимире связано с другой статьей, в которой подробнее рассказывается об этом историческом памятнике. Приводится текст этой статьи.

Рассвет владимирско-суздальской архитектуры связан с именем князя Андрея Боголюбского. Во второй половине 12-го века Владимирско-суздалькое княжество было самым могущественным на Руси. Огромное строительство было развернуто Андреем во Владимире. Весь комплекс деревянных и каменных гражданских построек венчал величественный Успенский собор, который был задуман князем как общерусский храм, подобный Киевской Софии. Облик Успенского собора (1158-1161) сильно изменился после пожара в 1185 году, и в 1185-1189 годах собор был расширен и реконструирован.

При знакомстве с данной статьей ученики обращают внимание еще на одно понятие, оформленное в виде гнезда гипертекста - название собора святой Софии в Киеве. С этим гнездом гипертекста связана статья об этом памятнике Киевской Руси, предшественнике владимирского Успенского собора, которая демонстрируется на экране:

Собор святой Софии в Киеве является замечательным памятником Киевской Руси. При сооружении этого собора древнерусская архитектура уже обладала своими приемами монументального зодчества, хотя в основу киевского собора легла византийская система крестовокупольной церкви, с ее ясностью форм и логичностью композиции. От всех византийских храмов собор отличается числом куполов: их тринадцать, столько, сколько у несохранившегося деревянного храма Софии в Новгороде. Принцип постепенного, как бы ступенчатого нарастания массы здания от внешних стен до центрального купола, стал в 11-м веке последовательно проводиться в русском зодчестве. Различные размеры куполов, волнистые и живые линии закомар (полукруглых завершений фасадов), обширная внешняя галерея - все это создает сложное и в то же время гармоничное сочетание объемов и линий.

Так на примерах конкретных статей ребятам было показано, что собой представляет гипертекст, как гнезда гипертекста связаны со статьями, в которых раскрывается содержание выделенного понятия. Некоторые гнезда гипертекста в приведенном примере относятся к темам, которыми занимаются другие команды участников проекта (Кремль, Благовещенский собор, Архангельский собор, колокольня Ивана Великого). Таким образом взаимосвязь нескольких памятников объединяет работу отдельных групп в коллективную работу над единым проектом.

Компьютерная реализация проекта

Для реализации проекта была выбрана инструментально-базовая мультимедиа система IBM LinkWay. Система LinkWay предъявляет весьма скромные требования к технике по сравнению с другими системами мультимедиа, что имеет немаловажное значение: далеко не во всех школах имеются современные мощные компьютеры.

Понятия в системе LinkWay практически полностью совпадают с понятиями, предлагаемыми системой HyperCard на компьютерах Macintosh. Есть много общего также с понятиями системы ToolBook для IBM-совместимых компьютеров. Если сравнить системы LinkWay и ToolBook, то последняя располагает более богатыми средствами для оформления приложения, создания визуальных эффектов. Но разнообразие и больший объем функциональных возможностей имеет оборотную сторону: пользователю требуется больше времени, чтобы освоить эти дополнительные возможности. На наш взгляд система LinkWay проста по идеологии. Изучение базовых механизмов системы LinkWay не представляет большого труда. Опыт показывает, что ученики практически с первых же уроков начинают ориентироваться в системе и способны создавать полноценные страницы приложения.

Система IBM LinkWay поставлялась в рамках образовательного проекта "Пилотные школы" (Pilot School Project) в региональные центры проекта, расположенные в Москве, в других городах России и в странах СНГ. Школьники некоторых пилотных школ, участвующих в проекте, имели возможность поработать с этой системой и получить представление о технологии мультимедиа. В частности, на базе Ярославского центра с помощью системы LinkWay были реализованы школьные мультимедиа-проекты, посвященные городам Золотого Кольца России.

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

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

Методические рекомендации для учителя

Мультимедиа проект по истории Москвы был реализован со школьниками девятого класса. Работа проходила на уроках информатики в рамках школьного курса. Курс в 17 учебных часов был рассчитан на полугодие. Занятие в один академический час проводилось один раз в неделю. Подобная схема работы, возможно, не самая удачная с точки зрения продвижения проекта. Но такое расписание занятий является наиболее типичным для школы, поэтому для того чтобы уложиться в отведенное время, преподавателям пришлось соответствующим образом готовить материал к занятиям и четко планировать работу на уроках.

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

Оснащение аудитории

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

Любому самостоятельному виду работ учащихся на компьютере предшествовала демонстрация. Ученикам показывалось, как устроено, например, меню системы LinkWay, как нужно выполнять операции по созданию объектов, как выполнять операции по изменению размеров или положения объектов на экране. Здесь очень помогает проектор, позволяющий выводить на большой экран информацию с экрана компьютера. Поэтому мы рекомендуем по возможности оснастить компьютерный класс таким оборудованием, это поможет сэкономить время на уроке.

Изучение инструментального средства

На уроках информатики ученикам пришлось столкнуться с разнообразными трудностями психологического характера. Ученики почувствовали "хрупкость и деликатность" такой материи, как информация. Сколько было эмоциональных всплесков, когда тексты вдруг исчезали с экрана, или картинки почему-то уменьшались "до ниже пола"! Для того чтобы помочь ребятам преодолеть подобные трудности, учитель должен достаточно хорошо ориентироваться в программной среде и заранее предвидеть возможные коллизии.

Желательно, чтобы учитель имел собственный опыт работы с инструментальным средством. Нам, в частности, помогло знание системы LinkWay, в среде которой был разработан ряд обучающих программ. Учитель может предварительно составить свой вариант страниц, соединить несколько страниц с историческим материалом в единый проект. Это позволит лучше узнать возможности инструментального средства, выбрать рациональный способ реализации замысла проекта и далее так построить объяснение материала школьникам, чтобы избежать по возможности лишних сложностей в работе групп.

Подготовка материалов к проекту

Для учеников были подготовлены раздаточные материалы (опорные конспекты), в которых приводились описание структуры проекта, внешний вид нескольких страниц, определения терминов гипертекст и гипермедиа, перечислялись основные элементы мультимедиа технологии, основные понятия и операции инструментальной системы, перевод с английского языка названий всех операций системы LinkWay, назначение функциональных клавиш при редактировании текста и пр. Эти конспекты всегда присутствовали на уроке, и учащиеся могли в любой момент к ним обратиться.

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

Организация работы в локальной сети

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

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

Планирование урока

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

Имея опыт подготовки взрослых слушателей на курсах повышения квалификации в режиме еженедельных 4-6-ти часовых занятий, мы поначалу опасались, что ученики будут забывать тот материал, который давался им на занятиях. Но, к счастью, опасения были напрасными: резервы памяти в школьном возрасте достаточно большие. Ученики не теряли суть проекта на протяжении всего курса, быстро восстанавливали в памяти детали каких-либо шагов по созданию страниц даже после недельного перерыва. Тем не менее мы старались использовать педагогические приемы, которые дают возможность поддерживать необходимый уровень знаний.

В частности, один из путей - четко соблюдать отлаженную годами схему проведения урока: повторение старого материала в начале урока, объяснение новой темы, закрепление материала, оценка результатов работы (подведение итогов) в конце занятия, задание на дом.

Урок начинался с того, что ученикам напоминалось, чем они занимались на прошлом занятии, на доске при необходимости выписывались соответствующие схемы или ключевые слова. Далее учитель рассказывал, чем ученики будут заниматься на уроке и начинал объяснения нового материала с использованием средств демонстрации. Объяснения мы старались вести в форме беседы с учениками: им задавались вопросы, инициировались короткие дискуссии.

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

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

Коллективная экспертиза проектов

Работа над проектом была построена таким образом, чтобы завершить создание информационно-справочной системы за 15 занятий. На двух последних занятиях было запланировано проведение экспертизы проекта, выполнение зачетного задания и подведение итогов.

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

  • выбор тем
  • подбор текстов
  • организация гипертекста
  • программирование
  • внешний вид страницы

Каждая позиция оценивалась по пятибальной системе, т.е. любая страница могла получить 25 баллов в качестве максимальной оценки. Анкеты были анонимными, чтобы исключить возможность оказания давления на эксперта. С другой стороны, для того чтобы оценить добросовестность эксперта, мы включили в список "идеальную" страницу, подготовленную преподавателями. После обработки анкет была получена средняя (экспертная) оценка для каждой страницы. Выставленные школьниками оценки в большинстве своем оказались объективными, ребята весьма серьезно отнеслись к своей новой роли. Более чем в половине случаев они даже не знали авторов оцениваемых ими страниц, поэтому "приписки" и подсуживание были не характерны. В то же время пара анкет была исключена из рассмотрения из-за явной предвзятости экспертов.

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

Зачетная работа

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

Школьникам были розданы подготовленные анкеты, в которых предлагалось ответить на несколько вопросов и выполнить небольшие творческие задания. Зачетная работа была рассчитана на 15 минут.

Ученики должны были ответить на вопросы:

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

и некоторые другие.

В последнем задании анкеты ученикам было предложено описать путешествие из школы домой (или обратно) в стиле гипертекста. Полученные оценки по зачетной работе и результаты работы над страницей в проекте позволили выставить ученикам итоговые полугодовые оценки.

Титульная страница