Web-учебник "JavaScript для начинающих"

Report
Slide 1

Web-учебник
"JavaScript
для
начинающих"
Докладчик аспирант 3 года обучения
механико-математического
факультета РГУ
Хадзиев Руслан Ахметович


Slide 2

Введение




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


Slide 3

Темы для обсуждения






Почему выбран язык JavaScript
Один из подходов к обучению
программированию
Структура учебника
Общий принцип работы
анализатора


Slide 4

Почему выбран язык
программирования
JavaScript
1. JavaScript педагогичен, т.е.
происходит обучение
программированию вообще;
2. JavaScript практичен, т.е. происходит
обучению Web-программированию,
которое очень популярно в последнее
время в связи с бурным развитием
Интернета.


Slide 5

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


Slide 6

Структура учебника

Учебник состоит из 18 глав (уроков) и лабораторного
практикума (16 заданий). После каждого урока
предлагается практическое задание.


Slide 7

Структура учебника выбрана таким образом, что
обучаемый получает возможность, изучив
определенный урок, проверить свои знания путем
написания собственного скрипта, используя
материалы пройденных уроков.
Основными элементами
интерфейса при
выполнении заданий
являются:
• окно ввода – 1,
• кнопка запуска скрипта
– 2,
• окно вывода результата
работы скрипта – 3.
• кнопка перехода к
содержанию (красная)


Slide 8

Механизм работы при выполнении
заданий можно представить следующим
образом. Сначала обучаемый вводит код в
окно (1) (или редактирует уже введенный
код). Затем нажатием кнопки (2) он
передается на выполнение. При этом
происходит обработка введенного текста
(анализ) посредством лексического и
логического анализаторов. Если обнаружена
ошибка, то выдается сообщение и
происходит возврат к началу. Если все
выполнено верно, происходит вывод
результата в окно (3) или выполнение какоголибо действия, предусмотренного скриптом.


Slide 9

С точки зрения реализации средствами
HTML, анализатор состоит из трех файлов.
Первый - главный файл, описывает
фреймы и называется kontrolX.htm, где Х –
номер задания (т.е. для третьего задания
имя файла будет kontrol3.htm). Для каждого
задания существует свой файл kzX.htm, где
Х – номер соответствующего задания. Файл
output.html – просто пустой файл, он
является общим для всех заданий.
Основной код анализатора располагается в
файле kzX.htm.


Slide 10

Общий принцип работы анализатора
Форма

Массив строк

Ожидается
«ключевое
слово»

Предварительная
проверка
Построчный
анализ логики

Несоответствия

Лишние данные


Slide 11

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



Slide 12

Заключение






Разработанный лабораторный практикум
обладает интерактивностью в отличие от
тестового подхода. Кроме того, для
выполнения заданий не нужно использовать
дополнительное программное обеспечение
(текстовый редактор и т.д.).
Также надо отметить, что обучаемый
постепенно овладевает тремя
взаимосвязанными технологиями –
JavaScript, HTML и CSS.
Несмотря на то, что учебник дистанционный,
его можно использовать и в локальной сети
образовательного учреждения.


Slide 13

И последнее
Найти и ознакомиться с Web-учебником
можно на сервере ЮГИНФО РГУ по
адресу:
http://public.uic.rsu.ru/~rhadziev/js/


similar documents