ИТО-Марий Эл-2009 / Секция 2 : только публикация 

СТРУКТУРА КУРСА «РАЗРАБОТКА WEB-ПРИЛОЖЕНИЙ»

Беспалько Анна Андреевна

Нижегородский коммерческий институт (НКИ), Нижний Новгород, кафедра информационных систем и информационного менеджмента

задать вопрос автору

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

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

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

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

Важным элементом курса является изучение Cascading Style Sheets (CSS) – стилевых таблиц, которые являются необходимым инструментом для оформления ресурса. Этой теме посвящена третья лабораторная работа, в которой студенты должны использовать такие свойства как Z-INDEX, POSITION, также применить различные фильтры к элементам страницы. Верстка страниц осуществляется с помощью тега DIV. Следует обратить особое внимание учащихся на различные аспекты верстки страниц средствами фреймов, таблиц и блоков.

Объектная модель браузера преподается как элемент языка DHTML, который включает в себя помимо HTML, DOM и CSS, язык написания скриптов JavaScript. В данной теме подробно рассматривается иерархия объектов, свойства, методы и события каждого объекта, начиная с объекта Window. Студенты должны понять принцип вложенности объектов в DHTML.

Кроме того, отдельной темой рассматривается инструмент динамического изменения содержания страницы INNERTEXT, INNERHTML, OUTERTEXT и OUTERHTML.

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

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

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

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

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

Третий модуль курса посвящен изучению языка серверных сценариев PHP. Этот язык на сегодняшний день можно назвать наиболее распространенным в своем классе, так как он достаточно функционален, имеет возможности объектно-ориентрованного подхода, позволяет работать с различными базами данных и является бесплатно распространяемым. В теме раскрывается синтаксис языка, основные структуры. РНР, кроме привычных структур, в силу особенности технологии, содержит еще и понятия переменных формы, ассоциативных массивов, сеансов. Этим понятия уделяется особое внимание. Кроме того, рассматриваются особенности WEB-приложений – работа на стороне клиента, на стороне сервера. Студенты должны четко представлять какая часть их ресурса обрабатывается браузером, а какая сервером. В качестве сервера используется свободно распространяемый сервер APACHE.

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

Четвертый, заключительный, модуль посвящен обработке данных из базы данных средствами РНР. В качестве СУБД используется сервер MySQL. Он также является свободно распространяемым продуктом, что делает его доступным для обучения, так как студентам необходимо установить связку Apache – РНР – MySQL на домашних компьютерах для дальнейшего написания курсовой работы.

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

Задание является групповым, рассчитано на 4-5 человек. В ходе выполнения задания студенты учатся не только разрабатывать WEB-приложения, но и взаимодействовать в группе, что в настоящий момент является необходимым навыком для IT-специалиста.

В итоге, после выполнения задания, учащиеся получают полное представление о создании приложений, позволяющих с помощью форм управлять данными СУБД MySQL.

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

Рассмотрим основные этапы:

1. Описание структуры проекта.

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

2. Разбиение задачи на подзадачи.

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

3. Создание программного проекта.

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

4. Объединение модулей системы в целое.

Этот этап выполняется примерно за месяц до защиты курсовой работы. Все участники группы совместно объединяют свои задачи в единое целое.

5. Тестирование и отладка проекта.

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

6. Описание работы.

Этап заключается в написание текстовой части курсовой. Первая часть у всех участников группы будет одинакова: введение и описание структуры программы (этап первый). Во второй части каждый участник описывает свои подзадачи и их решение.

Студенты работают над курсовой в течение полугода и в результате получают навык групповой работы.

В качестве основного инструментария используются Блокнот и браузер (Internet Explorer). При работе с базами данных допускается использование PHPMyAdmin. Различные редакторы web-страниц не используются по ряду причин:

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

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

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