Государев И. Б. с сайта icon

Государев И. Б. с сайта



НазваниеГосударев И. Б. с сайта
Дата конвертации12.09.2012
Размер146.28 Kb.
ТипПрактическая работа

Государев И.Б. с сайта http://edu.of.ru/attach/17/3780.doc


материалы для методистов


Разработка элективного курса по информатике и ИКТ


Реализация вариативности на примере содержательной линии «Веб-технологии».

Элективные курсы «Веб-технологии в образовании»


Рассмотрим вначале дидактические единицы, которые здесь объединены общим термином «веб-технологии»:


Минимум-2004, Базовый уровень

Организация информационной среды

Создание и обработка комплексных информационных объектов в виде печатного текста, веб-страницы, презентации с использованием шаблонов.


^ Минимум-2004, Профильный уровень

Телекоммуникационные технологии

Инструменты создания информационных объектов для Интернета.

Методы и средства создания и сопровождения сайта.


^ Примерная программа, Базовый уровень

Средства и технологии обмена информацией с помощью компьютерных сетей (сетевые технологии)

Инструментальные средства создания Web-сайтов.

Практическая работа №13. Компьютерные сети.

Разработка Web-сайта на заданную тему.

Знакомство с инструментальными средствами создания Web-сайтов.

Форматирование текста и размещение графики.

Гиперссылки на Web-страницах. Тестирование и публикация Web-сайта


^ Примерная программа. Профильный уровень

Средства ИКТ и их применение

Телекоммуникационные технологии

Инструменты создания информационных объектов для Интернет.

Методы и средства создания и сопровождения сайта

+ Включение создания материалов в Интернете в содержание ряда проектов, включая

участие в создании сайта школы.


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


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

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

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

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

Базовый уровень Минимума-2004 достаточно четко определяет, какие основные задачи должен уметь решать выпускник с помощью веб-технологий – создавать простые текстовые/графические документы с помощью инструментальных (т.е. WYSIWYG) средств.

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

И конечно же, и на базовом, и на профильном уровнях, можно усилить адресность за счет элективных курсов.

На данном этапе требования базового уровня по веб-технологиям частично или полностью обеспечиваются в ряде учебников Федерального перечня (Семакин-10, Гейн-10/11). Изучаются общие принципы работы Интернета, гипертекст, шаги создания простых веб-страниц в визуальном редакторе (MS Word) и некоторые теги языка HTML. Более подробно те же вопросы рассмотрены в учебнике Н.Д.Угриновича. Этим покрываются и требования Минимума-1999 как на уровне А, так и на уровне Б.

Существует несколько вариантов авторских курсов по созданию веб-сайтов («веб-дизайну» или «сайтостроению»). Дадим их краткую характеристику:


В сборнике [Элективные курсы в профильном обучении: Образовательная область «Информатика»/Министерство образования РФ – Национальный фонд подготовки кадров. – М.:Вита-Пресс, 2002. – 112 с.] имеются программы двух курсов:

1. «Технология создания сайтов» (А.В.Хуторской, А.П.Орешко) – 70 часов, которая включает 10 содержательных тем:

  • Моя веб-страничка

  • Графика

  • Гипертекстовый документ

  • Виды сайтов

  • Основы HTML

  • Редакторы сайтов

  • Дополнительные возможности создания веб-страниц

  • Основы веб-дизайна

  • Размещение, «раскрутка» и поддержка сайта в сети

  • Проектирование сайта


2. «Создаем школьный сайт в Интернете» (М.Ю.Монахов, А.А.Воронин) – 35 часов (1 полугодие, 2 часа в неделю). Тематического планирования не приводится, однако к курсу выпущено учебное пособие, построенное в алгоритмической логике:

  • Осваиваем Интернет

  • Создаем среду сайта

  • Определяем функции сайта

  • Проектируем внешний вид сайта

  • Проектируем карту сайта

  • Создаем свою первую веб-страницу

  • Подключаем графические объекты

  • Выполняем верстку страниц

  • Собираем и публикуем сайт на веб-сервере

  • Оживляем сайт

  • Защищаем сайт.

Рассматривается редактор Macromedia DreamWeaver и каскадные таблицы стилей. Затронуты вопросы оптимизации веб-страниц, вопросы «проектирования модели веб-сайта как системы».


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

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

Вторым важнейшим элементом системы «веб-технология» является язык сценариев, который реализует интерактивность.

Оба элемента интересны тем, что позволяют, во-первых, варьировать глубину и адресность изучения, во-вторых, реализовывать внутрипредметные связи предмета ИиИКТ.

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

При этом варьирование глубины изучения можно разбить на уровни:

  • Уровень 0 (общеобразовательный профиль, базовый курс): язык разметки лишь упоминается и демонстрируется, но не изучается и не применяется.

  • Уровень 1 (профильный уровень): изучается язык HTML+CSS, вводится представление о метаязыке XML, упоминаются и демонстрируются возможности других языков.

  • Уровень 2 (элективные курсы): изучаются основы конкретных языков.


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


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


Основные внутрипредметные связи на профильном уровне – это (а) формальные языки и способы их задания (грамматики), (б) иерархические базы данных и (в) языки программирования. Кроме того, это графы (деревья) в теме «Информационные модели», используемые для представления структуры веб-сайта и отдельного документа на этапе проектирования.


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


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


В работе [1] не проводится четкого содержательного различия между профильным и элективным курсом – фактически, за основу взята терминология Н.Д.Угриновича/Т.Б.Захаровой/М.П.Лапчика. Если принять к учету Концепцию/БУП-2004, то можно сказать, что под профильным курсом в широком смысле понимается весь совокупный курс, в основе которого инвариантное ядро (это собственно профильный или базовый курс в данном профиле), расширяемое и дополняемое вариативными компонентами, в каждом профиле своими (это собственно элективные курсы).

Термин «профильный курс веб-технологий» следует понимать так: он состоит из двух указанных выше частей. Первая часть (ядро) – то содержание по веб-технологиям, которое изучается в базовом/профильном курсе ИиИКТ в данном профиле. Вторая часть (вариатив) – элективный курс по веб-технологиям для данного профиля (точнее, принципы конструирования таких курсов для конкретных профилей и конкретный пример).

В некотором профиле может не быть предусмотрено базового курса ИиИКТ (тем более, профильного). В этом случае роль «профильного курса веб-технологий» для данного профиля должен играть элективный курс, в состав которого вводятся компоненты, реализующие требования Минимума-2004 на базовом уровне.


Ниже дана схема, представляющая модель деятельности по разработке (проектированию) такого курса.




Приведенный ниже вариант элективного курса предназначен для информационного-технологического профиля. Первые пять тем, включенные в него, обеспечивают оригинальную (авторскую) реализацию требований Минимума-2004 по веб-технологиям на профильном уровне (в этом случае данный материал в рамках собственно профильного курса ИиИКТ можно не изучать). Остальные темы реализуют вариативный компонент специально для ИТ-профиля.

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


  • Темы 1,2 и 5 необходимо изучать во всех профилях, темы 3 и 4 могут быть даны на уровне ознакомления.

  • В физико-математическом профиле вместо темы 12 изучается работа с физическими и математическими моделями (в виде графиков на PHP, алгоритмов обхода дерева элементов на PHP/Jscript, реализации простых моделей с помощью Flash), тема 13 изучается углубленно.

  • В индустриально-технологическом профиле вместо тем 12, 13 изучается векторная графика (SVG, Flash).

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

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


^ Программа элективного курса «Веб-технологии»

Разработчик И.Б. Государев

к.п.н.

кафедра информационных и коммуникационных технологий

РГПУ им.А.И.Герцена

^

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



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

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

Всем сказанным выше обусловлен выбор содержательных линий курса:


1. Структурирование информации с помощью языков разметки;

2. Визуальное оформление размеченной информации с помощью языка стилей;

3. Решение задач интерактивности с помощью языка сценариев;

4. Правовые основы использования и создания веб-сайтов.


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


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

^ Целевая аудитория – учащиеся 10-11 классов информационно-технологического или физико-математического профиля.

Объем курса – 64 часа (2 семестра по 2 часа в неделю).

^ Цель курса – формирование готовности учащихся представлять результаты проектной деятельности в виде информационных ресурсов сети Интернет средствами веб-технологий как компонента информационно-коммуникационной компетентности на базовом уровне.

^ Задачи курса:

- формирование способности анализировать веб-сайты по выбранной тематике;

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

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

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

- формирование способности обеспечивать реализацию интерактивных компонент веб-сайта с помощью языка сценариев;

- формирование способности размещать веб-сайт в сети Интернет с соблюдением соответствующих правовых норм.

^ Основная форма организации деятельности учащихся – индивидуальный или групповой исследовательский проект.

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

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

^

ОСНОВНОЕ СОДЕРЖАНИЕ (64 часа)*





 

Тема

Часы

1

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

4

2

Структурная модель размеченного документа.
Основные структурные теги HTML. Метатеги.
Разметка гиперссылок

4

3

Таблицы стилей CSS. Стилевая схема веб-сайта.
Теги-контейнеры стилей

4

4

Технология фреймов

4

5

Мультимедийное содержание на веб-страницах.
Графика и графические фильтры.
Аудио-и видеоклипы

4

6

Позиционирование элементов и верстка

4

7

Введение в сценарии.
Клиентские и серверные сценарии.

2

8

Язык JScript.
DOM (объектная модель документа)

2

9

Реализация интерактивности на веб-страницах клиента.
Динамическое позиционирование

6

10

Разработка простых клиентских приложений
(тест, калькулятор)

6

11

Язык PHP.
Работа с протоколом CGI

4

12

Разработка простых серверных приложений
(авторизация, гостевая книга)

8

13

Язык разметки математических формул MathML

6

14

Правовые аспекты разработки веб-сайтов.
Размещение и промоушн веб-сайтов

4

15

Интеграция и защита веб-проекта

2


^ Основные образовательные результаты:


Учащиеся должны:

- проанализировать существующие веб-сайты в сети Интернет и построить их структурные модели;

- построить структурную модель существующего исходного материала (текста) в виде орграфа;

- разметить исходный материал с помощью языка HTML с учетом построенной структурной модели;

- разработать единую цвето-шрифтовую схему веб-сайта;

- разработать исполнение цвето-шрифтовой схемы веб-сайта с помощью языка CSS;

- выполнить фреймовый оригинал-макет веб-сайта;

- уметь иллюстрировать материал с помощью мультимедийных ресурсов;

- разработать интерактивную компоненту веб-сайта с использованием клиентского (JScript) и серверного (PHP) языков сценариев, включающую тест, гостевую книгу;

- уметь представлять математическую информацию с помощью языка MathML;

- интегрировать созданные компоненты и разместить веб-сайт на одном из хостинг-серверов в Интернете с соблюдением авторских прав;

- обеспечить регистрацию веб-сайта в поисковой системе;

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


Литература:


Пауэл Т. Web-дизайн. СПб., 2002

Валентайн Ч., Минник К. XHTML. М., 2001

Кирсанов Д. Веб-дизайн. СПб, 2000

Государев И.Б. Использование и создание веб-сайтов // Использование информ. техн. в проф. обучении: Учеб. пос. Беляков О., Государев И., Лебедева М. СПб, 2003


В качестве электронного пособия, информационного обеспечения курса используются материалы на веб-сервере design.gossoudarev.com


ИСТОЧНИКИ



  1. Государев И.Б. Подготовка будущих учителей информатики к проектированию профильных курсов веб-технологий : Дис. ... канд. пед. наук : 13.00.02 СПб., 2004 180 с.

  2. Государев И.Б. Проблемы профильного обучения веб-технологиям в старшей школе // X Санкт-Петербургская Международная Конференция "Региональная информатика-2004" . Материалы конференции. – СПб., 2004. – с. 278

  3. Государев И.Б. Разметка математических текстов на образовательных веб-сайтах // Наука и школа. 2004. N3. с.52-54




* Данный примерный вариант планирования учитывает вариативную часть курса




Похожие:

Государев И. Б. с сайта iconЖурнал «Вопросы интернет образования» №7
Содержание сайта, оформление сайта, основные требования к сайту, авторские права, оптимизация сайта, размещение сайта, продвижение...
Государев И. Б. с сайта iconПрава и обязанности членов редакции сайта
Редакция сайта проводит установочные и итоговые заседания по вопросам работы сайта
Государев И. Б. с сайта iconИнструкция пользователя полезные советы для посетителей сайта «бузовик»
Омгпу. Отсюда название сайта – «журнал выпускников филологического факультета Омгпу». Постепенно расширялись задачи сайта. Теперь...
Государев И. Б. с сайта iconСоздание шаблонного сайта
В центральном окне набираем имя своего сайта, например слово «akme» с соответствующими двумя цифрами
Государев И. Б. с сайта iconАдрес сайта
С октября начал функционировать сайт научного общества учащихся Абинской сош №1 (руководитель С. В. Мартынов), единственный сегодня...
Государев И. Б. с сайта iconАкт № приема-сдачи работ по обслуживанию сайта от " " 20 г.
Настоящий акт заключается в том, что Подрядчик а Заказчик принял работы по обслуживанию сайта в соответствии с договором подряда...
Государев И. Б. с сайта iconАкт № приема-сдачи работ по размещению сайта от " " 20 г.
Настоящий акт заключается в том, что Подрядчик а Заказчик принял работы по размещению сайта в соответствии с договором подряда в...
Государев И. Б. с сайта iconАкт № приема-сдачи работ по разработке сайта от " " 20 г.
Настоящий акт заключается в том, что Подрядчик а Заказчик принял заказанный объем работ по разработке сайта в соответствии с договором...
Государев И. Б. с сайта iconРоль школьного сайта в образовательном процессе елена Аркадьевна Бомко, учитель информатики уо «Язненская госш»
Сделать это можно на сайте учреждения образования. Таким образом, назрела необходимость проектирования и создания сайта. Очень важно,...
Государев И. Б. с сайта iconДокументы
1. /учебный план 2012-13 для сайта/Учеб.план 12-13 МОУ СОШ 17/10 класс 12-13.doc
2....

Разместите кнопку на своём сайте:
Документы


База данных защищена авторским правом ©podelise.ru 2000-2014
При копировании материала обязательно указание активной ссылки открытой для индексации.
обратиться к администрации
Документы

Разработка сайта — Веб студия Адаманов