Разработка электронного учебного пособия по теме «Программирование динамического контента языками сценариев»

Исследование структуры и содержания электронного учебного пособия по теме «Программирование динамического контента языками сценариев».

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

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

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

Электронное учебное пособие ориентировано на обеспечение подготовки специалистов по специальности 230 105 «Программное обеспечение вычислительной техники и автоматизированных систем» в рамках учебной дисциплины «WEB дизайн».

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

• ? Введение в учебный курс «WEB дизайн» для студентов специальности 230 105 «Программное обеспечение вычислительной техники и автоматизированных систем» (выписка из ГОСТ, тематический план, содержание курса);
• ? Содержание программы (конспект лекций по темам, практические занятия);
• ? Самостоятельная работа студентов (темы рефератов);
• ? Блок контроля (самостоятельная и контрольная работы, вопросы к экзамену);
• ? Глоссарий (краткий терминологический словарь);
• ? Автор.

Требования к блоку содержание программы:

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

Требования к блоку контроля:

Самостоятельная и контрольная работы по итогам изучение темы:

— четкое определение вопросов в заданиях.

Вопросы к экзамену:

— изложение вопросов, согласно содержания программы;

Требования к блоку самостоятельная работа студентов:

Использование электронного учебного пособия, в основном, для организации самостоятельной работы студентов, накладывает серьезные требования к этому блоку:

• -выполнение рабочий тетради;
• ? -написание рефератов; требования для написания реферата;

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

Исходя из стандарта и учебного плана по дисциплине составлен тематический план раздела «Программирование динамического контента языками сценариев» (Таблица 2).

Таблица 2. Тематическое планирование «Программирование динамического контента языками сценариев».

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

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

• — общекультурные компетенции (ОК):
• — способен самостоятельно приобретать и использовать в практической деятельности новые знания и умения, стремится к саморазвитию (ОК-5);
• — профессиональные компетенции (ПК):
• — общепрофессиональные компетенции:

способен использовать основные законы естественнонаучных дисциплин в профессиональной деятельности и эксплуатировать современное электронное оборудование и информационно-коммуникационные технологии в соответствии с целями образовательной программы бакалавра (ПК-3);

• — проектная деятельность:
• — способен документировать процессы создания информационных систем на всех стадиях жизненного цикла (ПК-6);
• — способен использовать технологические и функциональные стандарты, современные модели и методы оценки качества и надежности при проектировании, конструировании и отладке программных средств (ПК-7);
• — организационно-управленческая и производственно-технологическая деятельность:
• — способен принимать участие в создании и управлении ИС на всех этапах жизненного цикла (ПК-11);
• — аналитическая деятельность:
• — способен проводить оценку экономических затрат на проекты по информатизации и автоматизации решения прикладных задач (ПК-15);
• — научно-исследовательская деятельность:
• — способен готовить обзоры научной литературы и электронных информационно-образовательных ресурсов для профессиональной деятельности (ПК-22).

В результате изучения модуля студент должен:

Знать:

• — особенности современных методологий и технологий создания программных средств вычислительных систем;
• — организацию проектирования ПСВСи содержание различных этапов процесса проектирования;
• — задачи и методы тестирования и отладки программных средств вычислительных систем; классификационную схему программных ошибок;
• — средства и методы разработки надежного программного обеспечения вычислительных систем;
• — принципы и методы создания сложных программных средств вычислительных систем на основе концепции и стандартов открытых систем, CASEсистем, языков 4-го поколения;
• — задачи и методы исследования качества, сложности и надежности ПС;
• — структуру и содержание документации на сложные программные средства вычислительных систем информационных систем;
• — принципы и стандарты документирования прикладных программных средств вычислительных систем;

Уметь:

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

Виды учебной работы: лекции, лабораторная работа Изучение модуля заканчивается тестом.

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

В соответствии с приведенным выше тематическом планом, нами было дифференцировано содержание дисциплины «WEB дизайн» (раздел «Программирование динамического контента языками сценариев»). Содержание курса по модулю «Программирование динамического контента языками сценариев» представлена в электронном учебном пособии. Приведем краткое содержание указанных тем.

Тема 1.1 Основная структура документа PHP.

Понятие жизненного цикла ПСВС. Цели и структура современных моделей жизненного цикла ПСВС. Содержание отдельных этапов разработки ПСВС. Стандартизация жизненного цикла ПСВС.

Тема 1.2 Основы языка сценариев РНР.

Обследование объектов информатизации. Определение целей создания ПСВС. Анализ и разработка требований к ПСВС. Разработка внешних спецификаций. Прогнозирование технико-экономических показателей проектов ПСВС. Методы управления проектированием ПСВС. Средства автоматизации проектирования ПСВС.

Тема 1.3 Создание Web-приложений средствами РНР.

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

Тема 1.4: Повторное использование кода и функции в контенте РНР.

Планирование тестирования и отладки программных средств вычислительных систем. Принципы и методы тестирования. Проектирование тестовых наборов данных. Тестирование модулей. Тестирование комплексов программ. Критерии завершенности тестирования. Отладка программ. Обработка результатов тестирования и отладки программ.

Тема 1.5 Базовая обработка форм на языке сценариев.

Цели документирования. Классификация и назначение документации на ПС. Документирование в процессе разработки программных средств вычислительных систем. Стандартизация документирования программ и данных.

Тема 1.6. Сеансы.

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

Тема 1.7. Доступ к базам данных Основные понятия и определения. Принципы объектно-ориентированного программирования. Описание объекта. Использование объекта. Наследование. Полиморфизм. Виртуальные и динамические методы. Поддержка технологии объектно-ориентированного программирования средствами языков Паскаль, Си ++.

Тема 1.8 Доступ к базе данных MySQL.

Цели и задачи концепции открытых систем. Направления развития и модели концепции открытых систем. Стандартизация в области открытых систем. Профили открытых информационных систем и жизненного цикла программных средств. Разработка повторно используемых и переносимых компонент. Интеграция компонент в сложные программные средства вычислительных систем.

Тема 1.9 Доступ к файлам и папкам.

Концептуальные основы CASE-технологии. CASE-модель жизненного цикла программных средств. Состав, структура и функциональные особенности CASE-систем. Обзор российского рынка CASE-средств. Описание основных возможностей пакетов. Определение потребностей в CASE-средствах. Оценка и выбор CASE-средств.

Лабораторная работа СИНХРОНИЗАЦИЯ ПРОЦЕССОВ.

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

Итак, рассмотрим инструкцию по работе с электронным учебным пособием по дисциплине «WEB дизайн» по теме «Программирование динамического контента языками сценариев».

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

Опишем его основные характеристики и возможности.

Электронное учебное пособие «Программирование динамического контента языками сценариев» разработано в программе Dreamweaver. Она обеспечивает режим визуального проектирования (WYSIWYG или What You See Is What You Get — «что ты видишь, то ты и получишь»), отличается очень чистой работой с исходным текстом веб-документов, обладает встроенными средствами поддержки больших сетевых проектов. Ни в одном из существующих в наше время редакторов концепция WYSIWYG не реализована полностью. Программа Dreamweaver подошла к декларируемому идеалу ближе конкурентов. Прямая работа с кодами не исключена полностью, но сведена к разумному минимуму. Программа не только обладает мощным арсеналом средств визуального проектирования, но и способна отображать веб-страницы почти как специализированные программы просмотра: Microsoft Internet Explorer или Netscape Navigator.

• ? Macromedia Dreamweaver MX — одна из самых мощных программ, поддерживающих все современные стандарты Интернета и невероятно облегчающая выполнение даже самых сложных задач. Кроме того, она содержит в своем составе развитую систему подсказки и интерактивных уроков, позволяющих начинающему пользователю быстро приступить к работе.
• ? Интерфейс программы по сравнению с предыдущими версиями претерпел изменения. Новый стиль заметно облегчает работу с программой. Если в предыдущих версиях программы приходилось постоянно переключаться между окнами, то теперь можно одновременно работать и с кодом, и с конечным видом сайта, что существенно облегчает работу.
• ? При загрузке Dreamweaver появляется стартовое окно (рис. 1), позволяющее выбрать тип нового создаваемого документа (HTML, ColdFusion, PHP и др.), либо создать документ по готовым образцам (CSS Style Sheets, Framesets и др.), а также открыть недавно использовавшиеся документы. Кроме этого имеются ссылки на интернет-ресурсы: сайт Dreamweaver MX Exchange, обзор программы Dreamweaver MX и справочная информация по Dreamweaver MX.

Рис. 1. Стартовое окно Dreamweaver MX

Рабочая область Dreamweaver содержит следующие окна и панели:

? окно документа (рис.2), позволяющее просматривать и редактировать код документа (Code), просматривать внешний вид будущего документа (Design) или одновременно код и внешний вид (Split). Также имеется возможность просмотра документа в интернет-браузере, проверки ошибок и т. д.;

Рис. 2. Окно документа

Стандартное раскрывающееся меню (File, Edit, View, Insert, Modify, Text, Commands, Site, Window, Help) (рис. 3);

Рис. 3. Стандартное раскрывающееся меню

Панель Properties (Свойства) (рис.4), позволяющая менять и добавлять свойства выделенного фрагмента кода;

Рис. 4. Панель Properties

Панель Insert (Вставка) (рис. 5), включающая следующие вкладки: Common (Основные) — вставка гиперссылок, таблиц, рисунков, комментариев и т. д., а также Tag Chooser (Выбор тега); Layout (Разметка) — использование ячеек и таблиц для разметки документа перед добавлением содержимого; Forms (Формы) — добавление различных видов форм; Text (Текст) — форматирование текста и Font Tag Editor (Редактор тегов текста); HTML — добавление горизонтальной линии, элементов таблицы, фреймов, свойств head, скриптов; Application (Приложения) — работа с информационными структурами; Flash elements (элементы Flash) — добавление Flash-роликов, Favorites (Избранное) — возможность добавления на отдельную вкладку наиболее часто используемых объектов.

Рис. 5. Панель Insert

Группа панелей: Design (содержит стили CSS), Code (содержит справку по тегам, объектам и функциям различных технологий), Application (содержит информацию о базах данных, компонентах и т. д.), Files (Диспетчер файлов) (Рис. 6).

Рис. 6. Группа панелей Design, Code, Application, Files

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

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

После запуска электронного учебника вы познакомились с заглавной страницей, на которой представлено название дисциплины, учебного пособия и специальности, для которой он разработан:

При нажатии на кнопку перехода вы можете просмотреть все содержание электронного пособия.

Также можно выбрать необходимую папку нажатием мыши в меню пособия.

Фрагмент занятия на основе применения электронного учебного пособия.

Тема занятия: Использование таблиц в MS Word.

Цель занятия:

• · закрепление практического навыка работы с границами таблиц;
• · сформировать прием использования обтекания таблиц текстом.

Задачи:

Образовательная:

• 1. Освоение основных приемов по созданию таблиц в текстовом процессоре Word.
• 2. Закрепление умения и навыка работы с границами таблиц и обтекания таблиц текстом.

Развивающая:

• 1. Развить познавательный интерес к предмету.
• 2. Развитие алгоритмического мышления, памяти, внимательности.
• 3. Развивать умения обобщать, делать выводы.

Воспитательная:

• 1. Воспитать умения слушать преподавателя и одногруппников.
• 2. Формировать всесторонние интересы; информационную культуру.

Тип занятия: Занятие практического применения знаний.

Форма проведения: практическая работа.

Материально-техническое оснащение:

• — компьютер, c установленной системой визуального программирования Borland Delphi;
• — электронное учебное пособие по теме «Текстовый процессор Word»

Студенты должны знать:

• · Простые способы создания таблиц;
• · Операции по изменению границы таблиц;
• · Способ использования обтекания таблиц текстом.

Студенты должны уметь:

• · Применять основные приемы создания таблиц в текстовом процессоре Word;
• · Изменять границы таблиц;
• · Использовать обтекание таблиц текстом.

План урока:

• 1. Организационный момент. Постановка цели урока. (3 мин)
• 2. Мотивация учебной деятельности учащихся. (6 мин)
• 3. Практическая работа. (27 мин)
• 4. Итог урока. (9 мин)

Ход урока:

I. Организационный момент.

Приветствие, проверка присутствующих.

Цель сегодняшнего урока — закрепить практические навыки работы с границами таблиц и использовать прием обтекания таблиц текстом.

II. Мотивация учебной деятельности учащихся.

Мы сегодня закрепим знания, полученные на предыдущем занятии. Выполнив практическую работу, вы приобретете, практические навыки по работе с границами таблиц и использования обтекания таблиц текстом.