Образовательная программа "Мир Интернет"

муниципальное образовательное учреждение дополнительного образования
Ярославский городской Дворец пионеров

«Утверждаю»
Директор МОУ ДО «Дворец пионеров»
_____________
/Попова Л.В./

«1» сентября 2017 года

Дополнительная общеобразовательная
общеразвивающая программа
«Мир Интернет. Основы программирования.»

для учащихся 12-15 лет
срок реализации 1 год
направленность: техническая

Автор-составитель:
Васильева Светлана Вячеславовна
педагог дополнительного образования

г. Ярославль 2017 г.


Пояснительная записка.

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

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

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

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

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

Общий объем программы – 144 часа, из них:
- знакомство с сетью Internet и языком гипертекстовой разметки – HTML (100 часов);
- создание собственных страниц и рабочих сайтов, используя HTML и CSS(44 часа).

Режим проведения занятий - 2 раза в неделю по 2 часа.
Возраст обучающихся - 12-15 лет.
Наполняемость групп - 10-11 человек (по количеству персональных компьютеров).

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

Задачи:

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

Ожидаемые результаты:

Знания
Принципы работы сети Internet.
Понятие тэгов, разметки, гипертекста.
Объектная модель документа.
Новые концепции дизайна сайта (CSS).

Умения
Создание web-страниц с нуля.
Верстка страниц любой сложности в соответствии с условиями задания.

Навыки
Правильное оформление кода web-страниц.

Результаты деятельности по программе отслеживаются по:

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

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

Начальный уровень подготовки учащегося подразумевает знание аппаратного устройства компьютера, простейших принципов его работы, умение работать в ОС Windows на уровне пользователя, умение пользоваться каким-либо Internet-браузером.
Конечный уровень подготовки предполагает знание принципов построения web-страниц, умение размечать страницы в соответствии со своими потребностями; умение наполнять создаваемые страницы динамическим контентом.

Учебно-тематический план


блока

темы
Название блока/темы Всего
часов
Теория Прак-
тика
I Вводный блок. Инструктаж по технике безопасности, правилам дорожного движе-ния, поведения в ЧС. 2 2
II Понятие сети Internet. Введение в язык HTML. Вводное занятие «Как создать свой сайт» 2 2
III Разметка гипертекста. Язык HTML. 96 34 62
1 Структура web-документа. Мой первый сайт. 1 1
2 Заголовки. Практическая работа «Считалка – Я знаю 5…». 1 1
3 Атрибуты цвета тэга body. Практическая работа «Мои любимые стихи». 2 2
4 Работа с текстом. Различные типы параграфов. Типы начертания шрифта. Практическая работа - оформление «Мои любимые стихи» и «Считалка». 2 6
5 Работа с текстом. Расшифровка сокращений. Практическая работа «Расшифровать фразу» 1 1
6 Графика для сайта. Как сделать фон документа. Практическая работа «Фоны» 2 2
7 Форматирование и оформление документа с помощью линий. 1 1
8 Спецсимволы. Практическая работа «Решение квадратных уравнений». 2 4
9 Бегущая строка. Практическая работа «Новогодний сайт с рекламой». 2 4
10 Работа с изображениями. Форматы графических файлов. Адресация в HTML. Атрибуты тега <img>. Практическая работа «Проект сайта по анатомии человека». 4 8
11 Верхний и нижний индексы. Характеристики шрифта. Практическая работа «Математические и химические формулы». 2 6
12 Создание таблиц. Практическая работа табличные шаблоны дизайна Web – страниц. Практическая работа «Проект сайта по географии Европы». 4 8
13 Ссылки. Виды ссылок. Атрибуты ссылок. Якоря. Практические работы «Виды растений», «Связь Web – страниц в единый сайт». 4 8
14 Списки. Нумерованные списки. Маркированные списки. Вложенные списки. Списки определений. Практические работы «Рецепт десерта», «Признаки инсульта», «Список тем по HTML» 4 8
15 HTML5. Вставка звука и видео. Практическая работа «Звук – вставка описания своих проектов» 2 2
IV Новые концепции дизайна сайта. CSS или каскадные таблицы стилей. 42 20 22
1 Введение. Подключение CSS к HTML. Внутренние и внешние таблицы стилей. 2 2
2 Правила и селекторы. Селекторы по идентификатору. Селекторы по классу. Унифицированный селектор. 2 2
3 Псевдоэлементы и псевдоклассы. 2 2
4 Свойства - color (цвет) и background (фон). 2 2
5 Свойства – шрифты. 1 1
6 Свойства - текст. Text-decoration. Text-align. Text-indent. Text-transform. Интервалы. 2 4
7 Свойства блоков - margin, padding, border. 2 2
8 Позиционирование блоков. Абсолютное позиционирование. Относительное позиционирование. Фиксированные блоки. 3 3
9 Виды и свойства блоков. Отображение содержимого блоков в разных браузерах. 2 2
10 Слои. Практическая работа «Книжный магазин» 2 2
V Размещение. Что нужно сайту. 2
Итого часов 144 53 91

Краткое описание содержательных блоков

Вводный блок. Инструктаж по технике безопасности, правилам дорожного движения, поведения в ЧС.

Во втором блоке рассматривается сеть Internet на сегодняшний день, а также история ее создания и развития. Приводится обзор языка разметки гипертекста.

В третьем блоке рассматривается непосредственно язык HTML (HyperText Meta Language), его правила, тэги и их свойства. Этот блок посвящен созданию обучающимися рабочих web-страниц различных уровней сложности и назначения с использованием приобретенных знаний и умений. В конце все страницы собираются в готовые сайты.

Четвертый блок посвящен изучению новых стандартов в верстке и дизайне сайтов - CSS, который не так давно появился. CSS - это будущее Интернета, к которому надо быть готовым любому Web-мастеру. В статьях этой категории содержится множество нововведений в HTML, которые необычайно важны и которые обязательно надо знать. Подробно расписаны новые элементы и их назначение.

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

Методическое обеспечение
В процессе обучения предусматриваются следующие формы учебных занятий:

  1. Типовое занятие (сочетающее в себе объяснение теоретического материала и выполнение практические упражнения).
  2. Лабораторное занятие для применения и закрепления полученных знаний и навыков.
  3. Опрос – викторина (входная аттестация)
  4. Квест-игра (промежуточная аттестация)
  5. Защита проектов (итоговая аттестация)
  6. Самостоятельная, авторская работа учащихся.
Процесс обучения предусматривает следующие формы контроля:
  1. Вводный (проводится в начале работы).
  2. Текущий (проводимый в ходе учебного занятия и закрепляющий знания по данной теме).
  3. Промежуточный (по итогам работы полугодия).
  4. Итоговый (проводимый после прохождения курса в рамках программы).
Контроль может проводиться в следующих формах: собеседование, тестирование, групповое или идивидуальное практическое задание, зачёт, авторский творческий проект, участие в конкурсах.

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

Критериальная база мониторинга образовательных результатов
Критерии Показатели Диагностическое средство Формы фиксации Сроки проведения
1. Уровень сформированности познавательного потенциала в области прорграммы 1. Усвоение ЗУН
2. Качество выполненных практических работ.
3. Интерес к обучению.
4. Достижения учащихся.

Устный опрос.
Тестирование.
Статистический анализ текущего и итогового освоения ЗУН.

Практические и самостоятельные работы.
Анализ творческих работ.
Выставка.

Педагогическое наблюдение.

Индивидуальный образовательный маршрут.

Индивидуальный и групповой лист оценки.

Портфолио работ, фото и видео материалы.

Групповые листы наблюдения.

Портфолио достижений.

В течение года
2. Уровень сформированности нравственного потенциала личности. Динамика нравственной направленности. Педагогическое наблюдение. Индивидуальный и групповой лист наблюдения. В течение года.
3. Уровень развития творческих способностей учащихся.

1. Участие учащихся в мероприятиях и выставках.

2. Наличие продуктов оригинальной, творческой, изобретательской деятельности.

Просмотр и анализ портфолио творческих работ.

Педагогическое наблюдение.

Фото и видео архив, портфолио достижений.

Портфолио работ

Индивидуальный и групповой лист оценки.

В течение года.

Мониторинг образовательных результатов

Критерии Показатели Диагностические средства
Уровень
технических
умений
и
навыков
Постановка задачи
  1. не может поставить задачу
  2. постановка задачи вызывает трудности, допускает существенные неточности
  3. умеет поставить задачу с небольшими неточностями или упущениями
  4. умеет четко и правильно поставить задачу
Наблюдение Собеседование Опрос Тестирование Самостоятельная работа
Разработка алгоритма
  1. алгоритм решения не разрабатывает
  2. алгоритм решения не разрабатывает или разрабатывает с существенными пропусками в содержании
  3. может разработать примерный алгоритм решения поставленной задачи
  4. может самостоятельно разработать алгоритм решения поставленной задачи
Написание программы по алгоритму
  1. написание программы по существующему алгоритму вызывает существенные трудности, требуется помощь педагога
  2. может написать программу по существующему алгоритму, требуется помощь педагога
  3. по составленному алгоритму может написать программу с небольшими консультациями педагога
  4. по составленному алгоритму может самостоятельно написать программу
Отладка программы
  1. поиск и исправление ошибок в программе выполняет только с помощью педагога
  2. поиск и исправление ошибок в программе существенно зтруднено
  3. поиск и исправление ошибок в программе вызывает определенные трудности
  4. при возникновении ошибок в программе умеет быстро найти и исправить их
Уровень
знаний
по
пройденному
материалу
Остаточные знания
  1. не имеет знаний
  2. имеет недостаточные знания
  3. имеет неполные знания
  4. имеет широкий кругозор знаний
Собеседование Опрос Тестирование Самостоятельная
работа
Уровень
познавательных
способностей
Абстрактное мышление
  1. абстрактные понятия не воспринимает, требуется разбор на конкретных примерах
  2. иногда имеет проблемы с представлением абстрактных понятий
  3. обладает развитым абстрактным мышлением
Наблюдение Собеседование Тестирование Самостоятельная
работа
Внимание
  1. внимание рассеянное
  2. не всегда внимателен
  3. внимание устойчивое
Активность
и
интерес
к
деятельности
Стремление к деятельности
  1. на занятиях только присутствует
  2. неактивен, выполняет задания только по четким инструкциям, указаниям педагога
  3. проявляет интерес только на определенные темы или на определенных этапах занятия
  4. проявляет активный интерес, стремится к самостоятельной творческой деятельности
Наблюдение Самостоятельная
работа Наличие
авторских
проектов
Творческие
достижения
Участие в конкурсах, выполнение авторских проектов
  1. не участвует в конкурсах
  2. участвует в конкурсах кружка, учреждения
  3. участвует в конкурсах учреждения, района, города
  4. регулярно принимает участия в конкурсах в масштабе района, города, области
Самостоятельная
работа Наличие
авторских
проектов Конкурсы,
oлимпиады

Материально-техническое обеспечение

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

  • Светлое, чистое, проветриваемое помещение, наличие вентиляции.
  • Компьютеры.
  • Периферийные устройства.
  • Устройства вывода (принтер, колонки, проектор).
  • Сканеры (планшетный).
  • Цифровой слайд проектор.
  • Столы, стулья, шкафы.
  • Классная доска.
  • Бумага.
  • Методические и дидактические материалы.

Педагогические условия реализации программы

Педагог: Васильева Светлана Вячеславовна, образование - высшее, ***, 1995 год, высшая квалификационная категория.

Список литературы

  1. http://htmlbook.ru/samhtml - Самоучитель HTML
  2. Вайк Аллен и др. JavaScript. Энциклопедия пользователя: Пер. с англ./Аллен Вайк. – К.: «ТИД «ДС», 2001.
  3. Дж. Макконнел. Основы современных алгоритмов. 2-е дополненное издание. – М.: Техносфера, 2004.
  4. Дронов В.А. JavaScript в web-дизайне
  5. Дунаев В. Самоучитель JavaScript, 2-е изд. – СПб.: Питер, 2005.
  6. Красиков И.В., Красикова И.Е. Алгоритмы. Просто как дважды два. – М.: Эксмо, 2007.
  7. Кузнецов, И.Н. Настольная книга преподавателя. – Мн.: «Соврем. сло-во», 2005.
  8. Матросов А.В., Сергеев А.О., Чаунин М.П. HTML 4.0. – СПб.: БХВ-Петербург, 2003.
  9. Мониторинг образовательных результатов в учреждении дополнительного образования детей (методические материалы для педагогов и специалистов системы дополнительного образования детей). – Ярославль, 2003.
  10. http://www.site-do.ru/html/ - Учебник html
  11. http://myrusakov.ru/ - Вёрстка сайта с нуля


comments powered by Disqus