Разработка электронного учебного пособия по информатике

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

Счетный оператор цикла применяется в тех случаях, когда заранее известно число повторений.

for (vari = нач.знач.; i=кон.знач.; i++) {последовательность действий};

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

while (условие) {операторы};

Метод alert() - это метод JavaScript, который выводит нам окно предупреждение с текстовым сообщением и кнопкой OK. В проекте он использовался как проверка работы отдельных команд алгоритма. (см. приложение)

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

ь Чтение данных из файла

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

Рисунок 30. Функция чтения данных из файла

На рисунке 31 показано, как в программе используется открытие файла и чтение из него данных.

Рисунок 31. Открытие файла и чтение из него данных

3.2 Описание этапов разработки

Работа по созданию пособия проводилась в несколько этапов:

1) Сбор и разработка необходимого учебного материала по информатике на тему «Компьютерное моделирование». Это теоретический материал, лабораторно-практические работы, тестовые задания, вопросы и т.д.;

2) Разработка логической структуры пособия и определение путей навигации по его разделам;

3) Определение и создание стиля оформления учебного пособия, планирование мест взаимного расположения элементов на странице, их размеров для удобства использования данного ресурса учащимися и преподавателями;

4) Верстка страниц с помощью HTML, создание стилей CSS, подготовка и внедрение фреймов, изображений, формул, таблиц, списков, гиперссылок, форматирование текста, вставка индексов.

5) Алгоритмизация и программирование тестовой оболочки.

6) Тестирование и отладка программы.

Теоретические основы были в основном взяты из учебника информатики за 11 класс [17], добавлены две лабораторно-практические работы, взятые из Интернета, тестовые вопросы были составлены автором проекта.

Далее была разработана структура учебного пособия в виде схемы, представленной на рисунке 32.

Рисунок 32. Структура учебного пособия

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

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

Рисунок 34. Таблица перехода по категориям

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

Стиль всех страниц был задуман в единой цветовой палитре зеленых и бордовых оттенков. Использовались как внутренние таблицы стилей CSS, так и внешние. Оформление приятно для глаз, не броское, не отвлекает от основного содержания (рисунок 34).

Рисунок 34. Оформление теоретического раздела

В тесте имеются вопросы трех типов - 8 на выбор одного варианта ответа, 7 - на выбор нескольких вариантов и 5 открытых вопросов на ввод с клавиатуры правильного ответа (рисунок 15). Таким образом, у учителя имеется возможность качественно составить вопросы к тесту и объективно проверить знания учащихся.

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

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

При нажатии на кнопку Показать результат происходит вызов функции, которая с помощью оператора условия проверяет правильность выбранных вариантов ответов и считает их количество. Результат подводится также с помощью оператора условия. За 19-20 правильных ответов выводится отличный результат, за 16-18 правильных ответов - результат хороший, от 11 - до 15 баллов - результат удовлетворительный и меньше 11 баллов результат очень плохой (см. приложение).

3.3 Пользовательский интерфейс и руководство пользователя для работы с программой

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

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

Рисунок 35. Результаты тестирования

Заполнять файл тестовыми вопросами учителю необходимо в соответствии с образцом, представленным в файле inf.txt, приложенным в папке с учебным пособием (см. приложение).

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

ЗАКЛЮЧЕНИЕ

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

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

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

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

Таким образом, цель проекта реализована в полной мере, задачи выполнены, и пособие по информатике на тему «Компьютерное моделирование» может быть внедрено в использование.

СПИСОК ЛИТЕРАТУРЫ

1. http://refleader.ru/qasmerbewrna.html

2. http://mylektsii.ru/1-97815.html

3. http://www.genon.ru/GetAnswer.aspx?qid=233f68d7-f4e1-4f58-92c3-a704ff014b71

4. https://ru.wikipedia.org/wiki/CSS#.D0.A6.D0.B5.D0.BB.D1.8C_.D1.81.D0.BE.D0.B7.D0.B4.D0.B0.D0.BD.D0.B8.D1.8F_CSS

5. Федоров, И. Главное условие качественного образования - наука, но никак не наукообразие / И. Федоров // Школьное обозрение. - № 1. - 2002. - С. 42-43.

6. Щукина, Г. И. Педагогические проблемы формирования познавательных интересов учащихся / Г. И. Щукина. - М.: Педагогика, 1988. - 204 с.

7. В.Б. Попов. Основы информационных и телекоммуникационных технологий. Программные средства информационных технологий. - М.: Финансы и статистика, 2005. - 216с.

8. Бальцюк Н.Б., Буняев М.М., Матросов В.Л. Некоторые возможности использования электронно-вычислительной техники в учебном процессе: Учебное пособие. - М., 1989.

9. .Баранова Ю.Ю., Перевалова Е.А., Тюрина Е.А., Чадин А.А. Методика использования электронных учебников в образовательном процессе. //Информатика и образование. 2000 - № 8.

10. .Башмаков А.И., Башмаков И.А. Разработка компьютерных учебников и обучающих систем. - М.: Информационно-издательский дом«Филинъ», 2003. - 616с.

11. .Беспалько В.П. Образование и обучение с участием компьютеров (педагогика третьего тысячелетия). - М., Воронеж, 2002.

12. .Богоявленская Д.Б. Пути к творчеству. - М: Знание, 1981.-96с.- (Новое в жизни, науке, технике. Сер. "Педагогика и психология"; №10)

13. .Герасимова, А.С. (2006) Мотивация учения в контексте деятельностного подхода: учеб.пособие. Белгород: Изд-во БелГУ.

14. Графкина Н.О., Никогородов В.А. Проблемы создания электронных учебников. Тез. докладов [2]. - С. 135-139

15. С.А. Филиппов Основы современного веб-программирования учебное пособие ля студентов высших учебных заведений Москва 2011

16. http://zametkinapolyah.ru/veb-programmirovanie/zametki-po-javascript/algoritmicheskij-yazyk-programmirovaniya-javascript-metody-vyvoda-dannyx-v-javascript-alert-confirm-i-document-write-vstavka-javascript-v-html-stranicy.html

17. И.Г. Семакин, Е.К. Хеннер, Т.Ю. Шеина «Информатика» базовый уровень. Учебник для 11 класса. Москва, БИНОМ. Лаборатория знаний 2014г

18. http://libraryno.ru/1-3-klassifikaciya-zadach-issledovaniya-operaciy-tsa/

19. http://rudocs.exdat.com/docs/index-34037.html?page=2

20. Н.Д. Угринович, «Исследование информационных моделей». Учебное пособие.

ПРИЛОЖЕНИЯ

Структура электронного учебного пособия

Функции обработки теста



Оформление текстового файла с тестовыми вопросами

Школьный учебник информатики, из которого был взят основной теоретический материал

Размещено на Allbest.ru