Разработка обучающей программы по использованию интерактивной доски Activ studio
Исследование положительных и отрицательных сторон использования средств мультимедиа в образовании. Особенность изучения электронных схем аналого-резистивной доски. Характеристика основных видов языков программирования для создания обучающей программы.
| Рубрика | Программирование, компьютеры и кибернетика |
| Вид | дипломная работа |
| Язык | русский |
| Дата добавления | 23.06.2017 |
| Размер файла | 81,1 K |
Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже
Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.
Отредактируйте в файле menu.html строки кода, содержащие названия пунктов меню Главная страница и Чем мы занимаемся?, вставив вышеуказанные ссылки соответственно на файлы tptk.html и spisok.html так, чтобы эти строки приняли следующий вид:
<tr><th><a href="tptk.html" target="frame">Главная страница</а></th></tr>
<tr><th><a href="spisok.html" target="frame">Чем мы занимаемся?</а></th></tr>
Окончательный вид файла menu.html примет следующий вид:
Сохраните документ в папке Web под именем menu.html, выбрав из меню Файл программы Блокнот команду Сохранить. В браузере этот файл будет выглядеть так, как это представлено на рис. 5.
Значительно улучшить внешний вид и функциональность сайта можно, используя фреймы. С помощью фреймов экран разделяется на несколько окон, в каждом из которых отображается содержимое отдельной страницы. Используя подобным образом технологию фреймов, можно одновременно загрузить в одно окно браузера несколько Web-страниц.
Размер фрейма может изменяться пользователем прямо на экране с помощью мыши. Каждый фрейм имеет собственный адрес, что позволяет отображать его, независимо от других фреймов, и собственное имя, позволяющее переходить к нему из других фреймов. Такие свойства фреймов позволяют размещать в одном фрейме информацию, которую автор считает необходимым постоянно показывать пользователю. Это может быть логотип фирмы, набор управляющих кнопок, меню и т.д. С помощью фреймов можно создавать также окна запросов, когда в одном фрейме находится собственно запрос, а в другом - его результаты.
Посмотрим, как с помощью фреймов поместить в окне браузера меню для перехода на другие страницы сайта и сами страницы.
Для описания фреймов используется специальный HTML-файл.
В окне программы Блокнот (Notepad) создайте новый файл.
Введите основные тэги, кроме тэгов <body></body>, которые в файле, описывающем фреймы, не используются. В тэгах <title></title> заголовка укажите - Талдыкорганский политехнический колледж:
Вместо тэгов <body></body> в файле, описывающем фреймы, используется пара тэгов <frameset></frameset> с атрибутами rows или cols, определяющими, как делится экран - по горизонтали или по вертикали. В качестве значений этих атрибутов можно использовать числовое значение высоты или ширины фрейма в пикселах или в процентах от 1% до 100%. Например, если вы хотите разделить окно браузера по горизонтали на два равных по размеру фрейма, то код HTML должен быть таким:
<frameset row="50%,50%">
Обратите внимание: значения атрибутов отделяются один от другого запятой.
Чтобы разделить окно браузера по вертикали на два фрейма шириной 200 и 600 пикселов, следует написать:
<frameset cols="200,600">
Однако фактическая ширина и высота окна фрейма зависят от текущего разрешения монитора. Поэтому, если у пользователя установлено разрешение, например, 1024х768 пикселов, т.е. ширина экрана - 1024 пиксела, то часть экрана может остаться незаполненной. В связи с этим рекомендуется задавать размеры фреймов в процентах так, чтобы их сумма была равна 100%. Если все же необходимо для одного из окон указать фиксированный размер в пикселах, то размер другого окна можно не указывать, заменив его значение символом *. В этом случае браузер сам подберет нужный размер для второго окна.
Создадим для отображения нашего сайта два вертикальных фрейма. Для первого фрейма, в котором будет выводиться меню, установим фиксированную ширину - 160 пикселов, а размер второго предоставим определить браузеру, заменив его звездочкой *.
В окне программы Блокнот (Notepad) вставьте пустую строку после закрывающего тэга </head> и введите следующий код:
<frameset cols="160,*">
</frameset>
Таким образом, мы указали, что окно браузера должно быть разделено по вертикали на два фрейма. Для описания каждого фрейма в отдельности используются одиночные тэги <frame>, которые должны находиться внутри элемента <frameset>...</frameset>. Обязательным атрибутом тэга <frame> является src, значение его - адрес документа, который должен находиться в данном фрейме. Так как в первом фрейме будет находиться файл menu.html, то данный тэг следует записать так:
<frame src="menu.html">
Вставьте в окне программы Блокнот (Notepad) пустую строку после открывающего тэга <frameset> и введите указанный тэг.
Во второй фрейм должен загружаться файл tptk.html, поэтому второй тэг <frame> будет таким:
<frame src="tptk.html">
Чтобы во второй фрейм могли загружаться также и все остальные страницы сайта - spisok.html и другие, которые, возможно, будут созданы, - необходимо с помощью атрибута name присвоить данному фрейму имя, которое, будучи указано в ссылках любого документа в качестве значения атрибута target, определит, в какой именно фрейм следует загрузить документ. Напомним, что в общем случае, при переходе по ссылке новый документ открывается в том же окне. Именно для того, чтобы при переходе по ссылкам нашего меню страницы открывались не в первом фрейме, в котором расположено меню, а во втором, мы использовали в предыдущем вопросе в ссылках меню атрибут target со значением "frame": target="frame", где "frame" -это имя второго фрейма. И теперь имя "frame" следует присвоить второму фрейму, в котором должен открываться файл tptk.html. Поэтому второй тэг <frame> в окончательном виде должен быть записан так:
<frame src="tptk.html" name="frame">
Введите этот код, вставив пустую строку перед закрывающим тэгом </frameset>.
Сохраните файл в папке Web под именем index.html.
Имя index.html должно обязательно присваиваться файлу с главной страницей каждого сайта. Именно этот файл открывается по умолчанию при обращении к Web-узлу, если не указано другое имя файла. На некоторых сайтах имя главной страницы может быть index.htm, a index.html отображается не как страница, а как папка с именами файлов. Это надо уточнять у администратора узла.
Окончательный код файла index.html в окне программы Блокнот должен быть следующим:
Фреймы -- удобное и эффективное средство для размещения информации на Web-страницах. Однако, используя его, не следует терять чувства меры. Слишком большое количество окон на экране не улучшает восприятие информации. Не располагайте на экране более трех фреймов и старайтесь не применять их без необходимости.
Для пользователей Интернета уже давно стали привычными появляющиеся почти на каждой Web-странице «живые» мультипликационные картинки. Это и понятно: анимация привлекает внимание гораздо сильнее, чем статические картинки, и, кроме того, на небольшой площади можно поместить значительно больше информации за счет чередующихся кадров.
Анимация - это демонстрирующая в быстром темпе последовательность кадров, каждый из которых несколько отличается от предшествовавшего ему и следующего за ним. Каждый кадр отображается в течение определенного промежутка времени. Если кадров достаточное количество и время их отображения невелико, то создается иллюзия движения.
В настоящее время существует несколько технологий создания анимации для WWW: анимационный (animated) GIF, Flash, Java и JavaScript.
Из этих технологий анимационный GIF является, пожалуй, самым простым в создании, и практически любой современный браузер может его показать. Формат GIF позволяет размещать в одном файле несколько кадров или фреймов (frames) с изображениями для их последовательного вывода на экран. В отличие от обычного фильма, где длительность анимации определяется скоростью воспроизведения, для каждого кадра GIF-анимации может быть задана длительность его показа на экране, а для всей анимации может быть указано количество повторений. Кроме того, в отличие от обычного фильма, изображения, содержащиеся в кадрах GIF-анимации, не обязательно должны быть одного размера. Для изображения каждого кадра или слоя анимации вы можете установить индивидуальный размер и расположить его по своему усмотрению, независимо от других слоев. Анимационные GIF-файлы могут быть легко подготовлены в программе Adobe ImageReady. Увидеть анимацию такого типа можно, например, на сайте по адресу.
Готовые бесплатные анимационные картинки для использования на своих Web-страницах вы можете найти, например, по адресам:
В отличие от GIF-анимации, которая позволяет размещать в файле только изображения, Flash-технология предоставляет возможность объединить в одном формате анимацию, звук, текст, графику и, кроме того, элементы интерактивности, которые дают возможность пользователю или посетителю сайта определенным образом изменять данные на Web-странице, превращая его из наблюдателя в активного участника. Интерактивными элементами сайта могут быть игры, например, карточные, рулетка, тир, крестики-нолики, «морской бой»; онлайновые обучающие программы, викторины, тесты, калькуляторы и т.п. Создается подобная анимация с помощью программы Macromedia Flash. К сожалению, для просмотра Flash-анимации вам, скорее всего, придется установить дополнительный подключаемый модуль (Plug-in) для вашего браузера. Именно по этой причине не имеет смысла создавать сайты, которые предназначены для широкого круга лиц. Так как многие люди просто не смогут увидеть Flash-анимацию, а установить дополнительный подключаемый модуль не захотят или просто не смогут.
Еще один способ создания анимации - посредством программирования на языках Java и JavaScript. Эти языки позволяют разрабатывать программы, встроенные в документы HTML и называемые апплетами, которые выполняются браузерами на компьютерах пользователей. И, конечно же, возможности Java и JavaScript значительно шире, чем подготовка анимационных картинок. Он позволяет создавать масштабные Интернет-приложения. Примеры Java-апплетов можно увидеть на сайтах. Создание анимации с помощью Java и JavaScript, также нельзя назвать подходящим для серьезных сайтов, так как пользователи очень часто отключают поддержку Java и JavaScript в своих браузерах по соображениям безопасности. Так как с помощью программ на указанных языках, можно скопировать или испортить файлы на вашем компьютере.
Учитывая все вышесказанное, можно сказать, что самый простой, надежный и эффективный способ разместить анимацию на своих Web-страницах - это использование формата GIF.
Язык программирования JAVA
Язык программирования Java, разработанный около восьми лет назад компанией Sun Microsystems и напоминающий по структуре и синтаксису хорошо знакомый многим программистам С, существует сегодня в Интернете в двух вариантах: JavaScript и собственно Java. Первый вариант языка является всего лишь надстройкой стандарта HTML и значительно расширяет возможности документа, созданного в этом формате. Модуль, написанный на JavaScript, интегрируется в файл HTML как подпрограмма и вызывается на исполнение из соответствующей строки HTML-кода стандартной командой. Встроенный в браузер интерпретатор языка воспринимает и скрипт, и сам код гипертекста как единый документ, обрабатывая те и другие данные одновременно.
Модуль Java в отличие от JavaScript не интегрируется в использующую его страницу, а существует как самостоятельное приложение с расширением *.class или, выражаясь научным языком, апплет. При использовании этого варианта языка апплет также вызывается из html-файла соответствующей командой, но загружается, инициализируется и запускается на исполнение в виде отдельной программы, в фоновом режиме.
С помощью технологии Java можно придать своей странице элементы интерактивности, формировать, компоновать и полностью контролировать формат всплывающих окон и встроенных фреймов, организовывать такие активные элементы, как «часы», «бегущие строки» и иную анимацию, создать чат. Большинство web-камер, передающих на сайт «живое» изображение, также работают на базе соответствующих приложений Java.
Среди достоинств этой технологии следует отметить отсутствие необходимости устанавливать и настраивать на сервере какие-либо дополнительные модули, обеспечивающие работу Java-программ. Главный недостаток Java заключается в том, что пользователи браузеров старых версий, не поддерживающих компиляцию данного языка, воспринимать объекты, созданные при помощи Java и JavaScript, не смогут.
Язык программирования Macromedia Flash
Macromedia Flash - очень мощное, при этом простое в использовании, средство создания анимированных проектов на основе векторной графики с встроенной поддержкой интерактивности. Flash является идеальным рабочим инструментом для художников и дизайнеров, позволяющим дополнять создаваемые ими Web - проекты анимацией и звуком.
Одним из плюсов Flash для Web стала возможность отображения изображений при помощи векторной графики. Векторная графика занимает меньше места, чем ранее использовавшаяся растровая графика. Большое значение было предано совместному использованию векторной графики и анимации. Это намного расширило круг интересов пользователей и разработчиков.
Внутренний язык программирования Action Script позволяет сопровождать какие-либо действия или события, какими-либо звуковыми или видео эффектами, проводить сложные математические расчеты. Возможности Action Script сравнимы с возможностями JavaScript и VBScript. Подобно многим другим языкам программирования, термины Action Script определяют смысловую нагрузку, порядок их следования - логическую структуру, а знаки препинания - контекст. AS также позволяет передавать какие-либо параметры при выполнении CGI. Также CGI может быть вызванным из Flash, выполнить какие-либо действия и выдать ответ в виде заранее подготовленного Flash-клипа.
Подход Flash к разработке также облегчает создание сложных мультимедийных презентаций, при этом размеры файлов остаются небольшими. Так как такие элементы, как векторы, растровые изображения и звук обычно используются в одном проекте несколько раз, Flash, благодаря своей внутренней функции Symbol Conversation позволяет создавать единственный экземпляр объекта, который можно повторно использовать вместо того, чтобы каждый раз пересоздавать новый. Такой подход существенно уменьшает размер файла проекта.
К дополнению была разработана библиотека - Library. Она представляет собой перечень всех используемых констант, в качестве которых могут выступать как нарисованные символы, так и импортированные графика и звуки. С помощью библиотеки можно обращаться к любому элементу независимо от того на каком слое или кадре он находится.
Главный решающий фактор, определяющий способность Flash создавать быстро загружающиеся приложения мультимедиа для Web - это передача содержимого в потоковом режиме. Несмотря на другие его достоинства, без этой особенности Flash вряд ли бы стал практичным для использования в Web.
Заключение
Интерактивная smart-доска - это сенсорный экран, присоединённый к компьютеру, изображение с которого передаёт на доску проектор. На ней можно делать все то же, что и на обычном компьютере.
Специальное программное обеспечение для компьютерных досок позволяет работать с текстами и объектами, аудио и видео материалами, Интернет-ресурсами, делать записи от руки прямо поверх открытых документов, при этом, сохраняя нужную информацию, сохранять материалы урока для дальнейшего использования и редактирования.
К компьютеру, и, как следствие, к интерактивной доске может быть подключён цифровой фотоаппарат или видеокамера. Используя такую доску, мы можем сочетать проверенные методы и приемы работы с обычной доской с набором интерактивных и мультимедийных возможностей.
В данной работе я рассмотрела необходимость использования средств мультимедиа в современном образовании, а также упомянула об отрицательных моментах, к которым может привести чрезмерное употребление мультимедиа в процессе обучения.
Рассмотрела принцип работы и интерфейс интерактивной доски, классификацию моделей, и пришла к выводу, что современная индустрия способна обеспечить проведение занятий всеми необходимыми функциями, и в тоже время предлагает свои, которые способны не только уместно вписать в процесс проведения занятия, но и вывести это занятие на более высокий уровень.
Во втором разделе я привела примеры и общее содержание разработанной обучающей программы. Которые наиболее полно раскрыли арсенал данной программы. Разработки отвечают всем стандартам образования и по праву могут быть использованы в процессе обучения по использованию интерактивной доски Activ Studio.
При разработке программы, я использовала три самых популярных языка программирования. А именно, HTML, JAVA и Macromedia Flash. Почти вся программа написана на языке программирования HTML. Программировать мне на этом языке было совсем не сложно, так как данный язык программирования входит в основную программу обучения студентов данного курса и мне с ним уже приходилось работать в процессе обучения в колледже.
Но интерактивная доска таит в себе еще много возможностей, которые при желании могут быть раскрыты и применены на урок благодаря желанию, энтузиазму и любви преподавателя к своему предмету.
Разрабатывая программу, я работала поэтапно:
1. подобрала и проанализировала необходимую литературу;
2. разработала структуру обучающей программы;
3. разработала дизайн и навигацию обучающей программы, продумала и выбрала щадящую для зрения цветовую гамму веб-страниц;
4. создала обучающую программу по использованию интерактивной доски Activ Studio.
Исходя из всего выше сказанного, я считаю, что внедрение в сферу обучения данной обучающей программы, безусловно, необходимый, прогрессивный и немаловажный шаг в развитии и усовершенствовании нынешней системы образования, которая, по моему мнению, нуждается в преобразовании и реконструкции.
Применение данной обучающей программы в учебном процессе позволяет реализовать принцип индивидуализации обучения, активность обучаемых, интенсифицировать учебную деятельность.
Таким образом, задачи дипломной работы решены, а цель достигнута.
Список использованной литературы
1. Заурбеков С.А., Нурахунова Р.К. Интерактивная доска activ studio, Алматы 2009.
2. Евгений Голодов, Ирина Гроцкая. Интерактивная доска в школе. -- М.: «Учитель», 2011.
3. Ольга Брыксина. Интерактивная доска на уроке. Как оптимизировать образовательный процесс. -- М.: «Учитель», 2013.
4. Людмила Соловьева. Компьютерные технологии для преподавателя (+ DVD-ROM). -- СПб. «БХВ-Петербург», 2008.
5. Дмитрий Самойлов. Интерактивные доски. Полный обзор. -- М.: «НТ Пресс», 2014.
6. Павел Рабинович, Эммануил Баграмян. Практикум по интерактивным технологиям. Методическое пособие. -- М.: «Бином. Лаборатория знаний», 2015.
7. Сергей Калитин. Интерактивная доска. Практика эффективного применения в школах, колледжах и вузах. -- М.: «Солон-Пресс», 2013.
8. М. Горюнова, Т. Семенова, М. Солоневичева. Интерактивные доски и их использование в учебном процессе (+CD-ROM). -- СПб. «БХВ-Петербург», 2010.
Размещено на Allbest.ru
...Подобные документы
Система программирования Delphi, ее характеристика. Основные требования к обучающей программе. Составление блок-схемы алгоритма программы "Математика. 1 класс". Виды задач для решения в обучающей программе. Описание работы системы, инструкция к ней.
курсовая работа [2,0 M], добавлен 17.06.2015Порядок разработки мультимедиа систем. Инструментальные средства создания электронных учебно-методических комплексов. Структура авторской программы "Театр моды", ее логическая схема и взаимодействие тем. Контроль знаний в электронной обучающей программе.
дипломная работа [2,0 M], добавлен 23.04.2015Интерактивная доска SMART Board - сенсорный интерактивный экран, который подключается к компьютеру. Назначение и общая характеристика интерактивной доски, принцип ее действия. Основные технические характеристики, особенности подключения, сфера применения.
курсовая работа [7,4 M], добавлен 12.12.2010Общие сведения об электронных учебниках, характеристика средств их создания. Требования, предъявляемые к современным учебникам. Технология создания программного продукта. Создание ссылок для главного меню и основных модулей. Средства защиты информации.
дипломная работа [1,2 M], добавлен 19.04.2013История возникновения шифров, становление науки криптологии. Особенности создания электронного учебника - обучающей программы на языке Delphi. Создание архитектуры обучающей программы по организации практических занятий по криптографическим дисциплинам.
дипломная работа [1,8 M], добавлен 30.06.2012Механические системы и анимационное моделирование. Некоторые задачи моделирования механических систем (на примере движение тела с переменной массой). Создание анимационно-обучающей программы механической системы, текст программы и описание ее установки.
дипломная работа [522,2 K], добавлен 30.08.2010Классификация электронных средств обучения, преимущества их использования, рекомендации по созданию. Требования к структуре и содержанию учебного материала. Особенности изучения языков программирования на уроках информатики. Среда программирования Delphi.
дипломная работа [770,2 K], добавлен 12.09.2015Понятие электронных курсов. Описание программных и языковых средств разработки. Технология создания компьютерной обучающей системы, пакета вопросов в редакторе Excel. Разработка интерфейса ЭС. Организация диалога пользователя с экспертной системой.
дипломная работа [10,8 M], добавлен 20.06.2014Методы и этапы создания автоматизированной обучающей системы по дисциплине "Программирование" для студентов ВУЗов. Описание и сравнение программ-аналогов. Выбор инструментальных средств и языка разработки. Проектирование интерфейса обучающей программы.
курсовая работа [4,4 M], добавлен 26.11.2010Изучение литературы по использованию гипертекста и мультимедиа в образовании. Анализ структуры и содержания образовательных программных средств. Обзор создания пособия на основе языка программирования Delphi с использованием гипертекстовых технологий.
дипломная работа [703,2 K], добавлен 10.03.2012Реализация системы визуального программирования. Выбор технических средств для нее. Варианты использования языка JavaScript. Создание приложения программы-редактора блок-схем и сайта удалённого обучения на основе интерактивной системы обучения Moodle.
дипломная работа [2,2 M], добавлен 07.07.2012Этапы разработки программных продуктов. Основные понятия и методы программирования. Разработка обучающей программы по технике безопасности при работе на ПК. Постановка и разработка модели задачи. Проектирование. Отладка и тестирование программы.
курсовая работа [3,8 M], добавлен 04.10.2008Виды учебных пособий и их значение в обучении. Классификация способов коммутации, используемых в широкополосных цифровых сетях интегрального обслуживания. Разработка алгоритма обучающей программы. Описание методического материала по выполнению работы.
дипломная работа [1,5 M], добавлен 29.09.2014Особенности разработки и реализации обучающей программы и схемы алгоритмов на языке программирования С++. Понятие равномерной и неравномерной дискретизации. Представление информации (составление кода) в виде таблицы перекодировки или многочлена.
курсовая работа [704,6 K], добавлен 06.03.2013Роль и место видеоуроков в современных методах обучения. Широкие возможности программы Camtasia Studio по созданию обучающих видео и аудио материалов. Интерефейс программы, обзор ее основных вкладок. Процесс и тапы создания видеоурока в Camtasia Studio.
реферат [1,7 M], добавлен 06.05.2014Сравнительный анализ программ-аналогов. Финансовые инструменты: краткий анализ с позиции востребованности рядовым пользователем. Примеры модельных ситуаций. Разработка интерактивной обучающей информационной системы "Личные финансы" с обратной связью.
курсовая работа [2,4 M], добавлен 27.06.2013Операции реляционной алгебры. Программы построения плана выполнения запроса. Разработка обучающей программы запросов с использованием реляционных операций. Проектирование программы обучения реляционной алгебре. Требования к программной документации.
курсовая работа [56,0 K], добавлен 25.11.2010Возможности применения информационных технологий в дистанционном обучении. Рекомендации по созданию АОС. Разработка автоматизированной обучающей программы на базе комплекса стандартного цифрового пилотажно-навигационного оборудования самолета Ил-96-300.
дипломная работа [3,7 M], добавлен 29.10.2013Разработка обучающей программы на языке программирования Borland C++ Bilder 6.0 с использованием объектно-ориентированного подхода. Особенности алгоритмической и логической реализации выполняемых системой операций. Основные формы программы и ее функции.
курсовая работа [3,5 M], добавлен 12.03.2013Использование обучающих программ для формирования знаний и умений по информатике. Главное окно среды программирования Delphi, окна дерева объектов и кода программы. Требования к оборудованию и описание обучающей программы "Информатика в играх и загадках".
курсовая работа [1,3 M], добавлен 03.05.2012
