УМК (скачать) - Кафедра математики и информатики

РОССИЙСКАЯ ФЕДЕРАЦИЯ
МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ
Государственное образовательное учреждение
высшего профессионального образования
ТЮМЕНСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ
«УТВЕРЖДАЮ»:
Проректор по учебной работе
_______________________ /Волосникова Л.М./
__________ _____________ 201__г.
ПРОЕКТИРОВАНИЕ И РАЗРАБОТКА WEB ПРИЛОЖЕНИЙ
Учебно-методический комплекс. Рабочая программа
для студентов направления 010200.62 Математика и компьютерные
науки по профилям подготовки: «Вычислительные, программные,
информационные системы и компьютерные технологии»,
«Математическое и компьютерное моделирование», «Математический
анализ и приложения», «Алгебра дискретный анализ» Форма обучения:
очная.
«ПОДГОТОВЛЕНО К ИЗДАНИЮ»:
Автор (ы) работы _____________________________/Прудаева И.В./
«______»___________201__г.
Рассмотрено на заседании кафедры математики и информатики «28» апреля 2011 г №7
Соответствует требованиям к содержанию, структуре и оформлению.
«РЕКОМЕНДОВАНО К ЭЛЕКТРОННОМУ ИЗДАНИЮ»:
Объем _________стр.
Зав. кафедрой ______________________________/Мальцева Т.В./
«______»___________ 201__ г.
Рассмотрено на заседании УМК ИМЕНИТ «13» мая 2011г. № 2
Соответствует ФГОС ВПО и учебному плану образовательной программы.
«СОГЛАСОВАНО»:
Председатель УМК ________________________/Глухих И.Н./
«______»_____________201__ г.
«СОГЛАСОВАНО»:
Зав. методическим отделом УМУ_____________/Фёдорова С.А./
«______»_____________201__ г.
РОССИЙСКАЯ ФЕДЕРАЦИЯ
МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ
Государственное образовательное учреждение
высшего профессионального образования
ТЮМЕНСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ
Институт математики, естественных наук и информационных технологий
Кафедра математики и информатики
Прудаева И.В.
ПРОЕКТИРОВАНИЕ И РАЗРАБОТКА WEB ПРИЛОЖЕНИЙ
Учебно-методический комплекс. Рабочая программа
для студентов направления 010200.62 Математика и компьютерные науки по
профилям подготовки: «Вычислительные, программные, информационные
системы и компьютерные технологии», «Математическое и компьютерное
моделирование», «Математический анализ и приложения», «Алгебра, теория
чисел и дискретный анализ» Форма обучения: очная.
Тюменский государственный университет
2011
Прудаева И.В. Проектирование и разработка web – приложений
Учебно-методический комплекс. Рабочая программа для студентов
направления 010200.62 Математика и компьютерные науки по профилям
подготовки: «Вычислительные, программные, информационные системы и
компьютерные
технологии»,
«Математическое
и
компьютерное
моделирование», «Математический анализ и приложения», «Алгебра, теория
чисел и дискретный анализ» Форма обучения: очная. Тюмень, 2011, ___ стр.
Рабочая программа составлена в соответствии с требованиями ФГОС
ВПО с учетом рекомендаций и ПрООП ВПО по направлению и профилю
подготовки.
Рабочая программа дисциплины (модуля) опубликована на сайте
ТюмГУ: Проектирование и раработка web - приложений [электронный
ресурс] / Режим доступа: http://www.umk3.utmn.ru., свободный.
Рекомендовано к изданию кафедрой математики и информатики.
Утверждено проректором по учебной работе Тюменского государственного
университета.
ОТВЕТСТВЕННЫЙ РЕДАКТОР: заведующий кафедрой математики и
информатики Мальцева Т.В., д. ф.-м. н.
© Тюменский государственный университет, 2010.
© Прудаева И.В., 2011.
1. Пояснительная записка:
1.1. Цели и задачи дисциплины (модуля)
Целью
дисциплины
является
освоение
практических
приемов
web-
конструирования и web программирования.
Основные задачи курса:

обучение разработке web-страниц;

обучение программированию в Internet на стороне клиента и сервера;

обучение использованию баз данных при разработке web-проектов;
1.2. Место дисциплины в структуре ООП бакалавриата
Дисциплина «Проектирование и разработка web - приложений» является
обязательным видом учебной работы бакалавра, входит в раздел «Б.3. Профессиональный
цикл» ФГОС ВПО по направлению 010200.62 Математика и компьютерные науки.
Рабочая программа дисциплины составлена с учетом требований федерального
государственного образовательного стандарта высшего профессионального образования
(ФГОС ВПО) по направлению 010200.62 Математика и компьютерные науки
(квалификация
(степень)
"Бакалавр"),
утвержденного
Приказом
Министерства
образования и науки Российской Федерации (от 16 апреля 2010 г. № 374).
Дисциплине предшествует изучение следующих дисциплин и блоков дисциплин
вариативного компонента ФГОС ВПО: Технологии программирования, Объектноориентированное программирование, Базы данных, Основы компьютерных наук, а также
курсов
по
выбору
студентов
раскрывающих
практикоориентированные
аспекты
перечисленных профильных дисциплин, предусматривающих лекционные, семинарские и
практические занятия.
Изучение дисциплины является необходимой основой для последующего изучения
ряда дисциплин вариативной части и курсов по выбору, прохождению производственной
практики, подготовки выпускной квалификационной работы.
1.3.
Компетенции
выпускника
ООП
бакалавриата,
формируемые
в
результате освоения данной ООП ВПО.
В результате освоения ООП бакалавриата выпускник должен обладать следующими
общекультурными и профессиональными компетенциями:

способностью критически переосмысливать накопленный опыт, изменять
при необходимости профиль своей профессиональной деятельности (ОК-5);

способностью и постоянной готовностью совершенствовать и углублять
свои знания, быстро адаптироваться к любым ситуациям (ОК-8);

фундаментальной подготовкой в области фундаментальной математики и
компьютерных
наук,
готовностью
к
использованию
полученных
знаний
в
профессиональной деятельности (ОК-11);

значительными
навыками
самостоятельной
работы
с
компьютером,
программирования, использования методов обработки информации и численных методов
решения базовых задач (ОК-12);

базовыми
знаниями
в
областях
информатики
и
современных
информационных технологий, навыками использования программных средств и навыками
работы в компьютерных сетях, умением создавать базы данных и использовать ресурсы
Интернета (ОК-13);

умением понять поставленную задачу (ПК-2);

умением формулировать результат (ПК-3);

умением ориентироваться в постановках задач (ПК-8);

пониманием корректности постановок задач (ПК-10);

умением грамотно пользоваться языком предметной области (ПК-7);

навыками самостоятельного построения алгоритма и его анализа (ПК-11);

пониманием
того,
что
фундаментальное
знание
является
основой
компьютерных наук (ПК-12);

умением
извлекать
полезную
научно-техническую
информацию
из
электронных библиотек, реферативных журналов, сети Интернет (ПК-17);

возможностью
преподавания
физико-математических
дисциплин
и
информатики в общеобразовательных учреждениях и образовательных учреждениях
среднего профессионального образования (ПК-29).
В результате освоения дисциплины обучающийся должен:
Знать:
 основные
определения
и
понятия
web-конструирования
программирования, основные приемы создания сайтов;

язык гипертекстовой разметки HTML.
Уметь:
 разрабатывать web-ресурсы;

применять полученные знания к различным предметным областям.
Владеть:
 разработки WEB узлов;

отладки WEB приложений.
и
web-
2. Структура и трудоемкость дисциплины.
Дисциплина изучается в 6 семестре. Форма итоговой аттестации зачет. Общая
трудоемкость дисциплины составляет 3 зачетных единицы в объеме 108 часов в т.ч.
лекций – 18, лабораторных работ – 36, самостоятельная работа - 54.
3. Тематический план.
Таблица 1.
1.1
1.2
1.3
2.1
2.2
3.1
3.2
3
4
5
6
Самостоятельн
ая работа*
2
Модуль 1
Понятие сетевой среды,
основ
функционирования
web-приложений и webпрограммирования
Язык
гипертекстовой
разметки страниц HTML.
Использование стиля при
оформлении
сайта.
Спецификации CSS
Язык JavaScript
Всего
Модуль 2
Язык PHP
База данных MySQL
Всего
Модуль 3
База данных MySQL
Взаимодействие скриптов
на языке PHP и базы данных
MySQL
Всего
Итого (часов, баллов):
В том числе в
интерактивной форме
Лабораторные
занятия*
1
Семинарские
(практические)
занятия*
Тема
Виды учебной работы и
самостоятельная работа, в час.
Лекции*
№
недели семестра
Тематический план
7
Итого
часов
по
теме
В том
числе в
интеракт
ивной
форме
8
Итого
количество
баллов
9
1
1
1
2-3
3
6
9
18
2
0-20
4-6
2
6
6
12
9
18
17
36
2
0-10
0-30
7-10
11-12
4
2
6
8
4
12
12
6
18
24
12
36
2
2
0-20
0-10
0-30
13-14
15-18
2
4
2
10
8
10
12
24
6
18
12
36
10
18
54
36
108
2
0-10
0-30
0-40
0-100
10
Таблица 2.
Виды и формы оценочных средств в период текущего контроля
контрольная
работа
лабораторная
работа
1.2
1.3
Всего
2.1
2.2
Всего
3.1
3.2
Всего
Итого
0-10
0-10
0-30
0-20
0-10
0-30
0-10
0-30
0-40
Итого
количество
баллов
Письменные
работы
№ темы
0-10
0-10
0-20
0-30
0-20
0-10
0-30
0-10
0-30
0-40
0-100
Таблица 3.
Планирование самостоятельной работы студентов
№
Модули и темы
Модуль 1
1.1
Понятие сетевой среды, основ
функционирования
webприложений
и
webпрограммирования
1.2
Язык
гипертекстовой
разметки страниц HTML.
Использование стиля при
оформлении
сайта.
Спецификации CSS
1.3
Язык JavaScript
Виды СРС
обязательные
дополнительные
Неделя
семестра
Объем
часов
Кол-во
баллов
Выполнение
задания по
проекту
Индивидуальные
задания
1-3
9
0-20
Выполнение
задания по
проекту
Индивидуальные
задания
4-6
9
0-10
18
0-30
Всего по модулю 1:
Модуль 2
2.1
Язык PHP
2.2
База данных MySQL
Выполнение
задания по
проекту
Выполнение
задания по
проекту
Индивидуальные
задания
7-10
12
0-20
Индивидуальные
задания
11-12
6
0-10
18
0-30
Всего по модулю 2:
Модуль 3
3.1
3.2
База данных MySQL
Взаимодействие скриптов на
языке PHP и базы данных
MySQL
Всего по модулю 3:
ИТОГО:
Выполнение
задания по
проекту
Выполнение
задания по
проекту
Индивидуальные
задания
13-14
8
0-10
Индивидуальные
задания
15-18
10
0-30
18
54
0-40
0-100
4. Разделы
дисциплины
и
междисциплинарные
связи
с
обеспечиваемыми
(последующими) дисциплинами
№
п/п
1.
2.
Наименование обеспечиваемых Темы дисциплины необходимые для изучения
(последующих) дисциплин
обеспечиваемых (последующих) дисциплин
1.1
1.2
1.3
2.1
2.2
3.2
Современные Web-технологии
+
+
+
+
+
+
Разработка Web-приложений
+
+
+
+
+
+
5. Содержание дисциплины
Тема 1.1 «Понятие сетевой среды, основ функционирования web-приложений
и web-программирования»
Обзор сети Интернет, сетевых протоколов, особенностей клиент-серверного
взаимодействия, представление о протоколе HTTP.
Тема 1.2 «Язык гипертекстовой разметки страниц HTML. Использование
стиля при оформлении сайта. Спецификации CSS»
Язык гипертекстовой разметки страниц HTML: общая структура документа,
абзацы, цвета, ссылки, списки, графика (графические форматы, графический объект как
ссылка), таблицы, фреймы, общие подходы к дизайну сайта, разработка макета страницы,
формы. Использование стиля при оформлении сайта. Спецификации CSS1, CSS2
Тема 1.3 «Язык JavaScript»
Преимущества и ограничения программ, работающих на стороне клиента. Язык
JavaScript: основы синтаксиса. Объектная модель HTML страницы. Событийная модель
DHTML: связывание событий с кодом, всплытие событий, объект Event. Применение
DHTML: программное изменение содержания документа; программное изменение
формата документа; программное изменение положения элементов
Тема 2.1 «Язык PHP»
Введение в программирование на стороне сервера на примере PHP. Принцип
работы. Синтаксис языка программирования PHP. Переменные. Константы. Операторы в
PHP. Циклы. Массивы. Работа со строками. Функции в PHP. Встроенные функции. Работа
с датой и временем в PHP. Связь PHP и HTML. Взаимодействие с пользователем: методы
передачи параметров между страницами (GET, POST), обработка действий пользователя
при помощи форм, использование вспомогательных переменных
Тема 2.2 «База данных в MySQL»
Варианты хранения информации в сети Internet. Принципы хранения информации в
базах данных MySQL. Архитектура базы данных MySQL (таблицы, связи, триггеры).
Проектирование баз данных. Нормализация таблиц. Межплатформенный язык запросов
SQL (диалект MySQL): синтаксис запросов к базе данных, механизм работы с базами
данных — PhpMyAdmin, решение задач (сортировка, вывод с условиями и т.д.),
управление форматами даты и времени, функция DATE_FORMAT.
Тема 3.2 «Взаимодействие скриптов на языке PHP и базы данных MySQL»
Подключение к базе данных из PHP файла. Вывод данных на PHP-страницу,
попавших в выборку по SQL запросу. Передача параметров в запрос.
6. Темы лабораторных работ (Лабораторный практикум).
В результате выполнения
лабораторных работ по окончанию курса должен
получиться логически завершенный проект - сайт.
Разработать web-сайт, включающий элементы интерактивности и предназначенный
для презентации компании:
1.
Рекламное агентство
14.
Полиграфическая компания
2.
Магазин канцтоваров
15.
Газета
3.
Мебельная фабрика
16.
Доставка еды
4.
Консалтинговое агентство
17.
Дизайн клуб
5.
Издательский дом
18.
Автоломбард
6.
Туристическое агентство
19.
Домашние гостиницы
7.
Гостиничный комплекс
20.
Спортивный клуб
8.
Строительная компания
21.
Салон красоты
9.
Агентство недвижимости
22.
Фотостудия
10.
Ресторан
23.
Футбольный клуб
11.
Городской портал
24.
Средняя школа
12.
Медицинский центр
25.
Автошкола
13.
Детский развивающий центр
26.
Кафедра института
Разработать концептуальную модель сайта, включающую в себя систему стилевого
оформления (технология CSS), цветовой дизайн, подборку графического оформления
(рисунки и т.п.).
Провести
проектирование
информационной
структуры
сайта.
Создать
и
реализовать модель навигации по сайту. Разработать систему шаблонов для построения
страниц сайта (систему управления сайта).
Сайт должен представлять следующую информацию: название фирмы, общую
краткую информацию о фирме, перечень продуктов/услуг, краткие отзывы о вашей
деятельности, список крупнейших клиентов со ссылками на их Web-сайты. Проект Web-
сайта
должен
отвечать
следующим
требованиям:
четкость
формулировок,
структурированность материалов, единство стиля, иметь собственное лицо.
Технические требования к сайту:

Разработать не менее 5 стилей.

Сайт должен содержать не менее 6 страниц и не более 15.

Общий объем сайта ограничен 500kb (определяется размером всех
составляющих элементов).

Разработать механизм аутентификации пользователей сайта.
ТЕМАТИКА ЛАБОРАТОРНЫХ РАБОТ
Лабораторная работа 1. Определение структуры сайта. Создание дизайна сайта:
внешний вид сайта, его цветовая гамма, расположение информационных блоков, меню,
подбор сочетания шрифтов.
Лабораторная работа 2. «Нарезка» изображений на фрагменты в программе Adobe
ImageReady. Оптимизация фрагментов изображений. Верстка макета. Использование
Dreamweaver для разработки WEB-интерфейса.
Лабораторная работа 3. Создание скриптов JavaScript: дата и время, обработчики
событий onMouseOver, запросы пользователю.
Лабораторная работа 4. Создание скриптов JavaScript: создание функций,
открытие окон,
Лабораторная
работа
5.
Создание
скриптов
JavaScript:
математические
вычисления, изменение изображения.
Лабораторная работа 6. Создание скриптов JavaScript: формы, слайд-шоу,
анимация.
Лабораторная работа 7. Основы языка PHP: структура документа, данные php,
структуры принятия решений.
Лабораторная работа 8. Основы языка PHP: циклические структуры, повторное
использование кода и функций.
Лабораторная работа 9. Основы языка PHP: базовая обработка форм.
Лабораторная работа 10. Основы языка PHP: сеансы, доступ к файлам и папкам,
отправка e-mail.
Лабораторная работа 11. База данных MySQL: создание базы данных, работа с
таблицами.
Лабораторная
работа
12.
База данных
MySQL:
логические операторы,
математические функции.
Лабораторная работа 13. База данных MySQL: дата и время, строки.
Лабораторная работа 14. База данных MySQL: дополнительные функции.
Лабораторная работа 15. PHP и MySQL: построение интерфейса для добавления
информации, установка соединения, выбор базы данных.
Лабораторная работа 16. PHP и MySQL: получение списка полей таблицы.
Лабораторная работа 17. PHP и MySQL: отображение списка полей в html-форму
Запись данных в базу данных.
Лабораторная работа 18. PHP и MySQL: Отображение данных, хранящихся в
MySQL.
7. Учебно
Оценочные
-
методическое
средства
для
обеспечение
текущего
самостоятельной
контроля
работы
успеваемости,
студентов.
промежуточной
аттестации по итогам освоения дисциплины (модуля).
Самостоятельная работа студентов для дисциплины составляет 54 часа. В ходе
самостоятельной работы студенты анализируют специальную методическую литературу,
изучая методы и принципы организации web – приложений.
ПЕРЕЧЕНЬ
ПРИМЕРНЫХ
ВОПРОСОВ
И
ЗАДАНИЙ
САМОСТОЯТЕЛЬНОЙ РАБОТЫ
1.
Проблема стандартов Web
2.
Особенности продаж в сети интернет
3.
Свойства рекламы в интернете
4.
Основы приложений AJAX
5.
Технология Silverlight
6.
Технология Microsoft Sharepoint
7.
Регулярные выражения в PHP
8.
Взаимодействие PHP и XML
9.
Использование шаблонов в PHP
10.
Основы оптимизации
11.
Хостинг – размещение в сети ресурса
12.
Контекстная реклама
13.
Методы раскрутки сайта
14.
Инструменты вебмастера на Яндексе
15.
Яндекс.Директ
ВАРИАНТ КОНТРОЛЬНОЙ РАБОТЫ
Произвести нарезку макету, описать стили css, сверстать html документ:
ДЛЯ
Рисунок 1 Макет сайта для выполнения задания
ВОПРОСЫ К ЗАЧЕТУ
1.
Глобальные
компьютерные
сети:
основные
понятия,
принципы
функционирования. Каталоги ресурсов. Поисковые системы.
2.
Язык гипертекстовой разметки страниц HTML: общая структура документа,
абзацы, цвета, ссылки.
3.
Язык
гипертекстовой
разметки
страниц
HTML:
списки,
графика
(графические форматы, графический объект как ссылка), таблицы, фреймы.
4.
Общие подходы к дизайну сайта. Разработка макета страницы.
5.
Язык гипертекстовой разметки страниц HTML: формы.
6.
Использование стиля при оформлении сайта. Возможности CSS.
7.
CSS. Свойства текста. Свойства цвета и фона. Свойства шрифта. Свойства
блоков.
8.
CSS. Свойства списков. Классы. Псевдоклассы.
9.
Хостинг. Бесплатный хостинг. FTP. Размещение Интернет-ресурса на
сервере провайдера. Регистрация Интернет-ресурса в каталогах и поисковых системах.
10.
Преимущества и ограничения программ, работающих на стороне клиента.
Язык JavaScript: основы синтаксиса.
11.
Объектная модель HTML страницы.
12.
Событийная модель DHTML: связывание событий с кодом, всплытие
событий, объект Event.
13.
Применение DHTML.
14.
XML. MathML.
15.
Введение в программирование на стороне сервера на примере PHP. Принцип
работы.
16.
Синтаксис языка программирования PHP.
17.
Переменные. Константы. Операторы в PHP. Циклы. Массивы. Работа со
строками.
18.
Функции в PHP. Встроенные функции.
19.
Работа с датой и временем в PHP.
20.
Методы передачи параметров между страницами (GET, POST). Обработка
действий пользователя при помощи форм.
21.
Принципы хранения информации в базах данных MySQL. Архитектура базы
данных MySQL (таблицы, связи, триггеры).
22.
Механизм работы с базами данных — PhpMyAdmin.
23.
Подключение к базе данных из PHP файла. Вывод данных на PHP-страницу,
попавших в выборку по SQL запросу. Передача параметров в запрос.
24.
Принципы проектирования страниц. Разделение информации по таблицам в
базе данных. Вывод группы данных, сортировка данных.
25.
Создание HTML-страниц средствами PHP.
8. Образовательные технологии.
При проведении лекций, лабораторных занятий, при самостоятельной работе
студентов применяются интерактивные формы проведения занятий с целью погружения
студентов в реальную атмосферу профессионального сотрудничества по разрешению
проблем,
оптимальной
выработки
навыков
и
качеств
будущего
специалиста.
Интерактивные формы проведения занятий предполагают обучение в сотрудничестве. Все
участники образовательного процесса (преподаватель и студенты) взаимодействуют друг
с другом, обмениваются информацией, совместно решают проблемы, моделируют
ситуации.
В учебном процессе используются интерактивные формы занятий:
Творческое задание. Выполнение творческих заданий требуют от студента
1.
воспроизведение полученной ранее информации в форме, определяемой преподавателем,
и требующей творческого подхода: подборка информации определенной тематики для
сайта; разработка дизайна и структуры сайта.
Групповое обсуждение. Групповое обсуждение какого-либо вопроса
2.
направлено
на
достижение
лучшего
взаимопонимания.
Групповые
обсуждения
способствуют лучшему усвоению изучаемого материала. На первом этапе группового
обсуждения перед студентами ставится задача (например, разработать структуру базы
данных сайта на конкретную тему), выделяется определенное время, в течение которого
студенты должны подготовить аргументированный развернутый ответ.
9. Учебно-методическое и информационное обеспечение дисциплины (модуля).
9.1. Основная литература:
Томсон Л., Веллинг Л. Разработка Web-приложений на PHP и MySQL, - К.:
1.
ДиаСофт, - 2001, - 673 стр.
Кастаньетто
2.
Д.,
Рават
Х.,
Шуман
С.,
Сколло
К.,
Велиаф
Д.
Профессиональное РНР программирование, - СПб.: Символ-Плюс, - 2001, - 912 стр.
Бранденбау Д. JavaScript: сборник рецептов, - СПб.: Питер, - 2000, - 416 стр.
3.
9.2. Дополнительная литература:
Орлов А. А. РHP: полезные приемы / А. А. Орлов .— Изд. 2-е, перераб. и
1.
доп. — М. : Горячая линия-Телеком, - 2006, — 272 стр.
Хомоненко А. Д. Базы данных: учебник для вузов / А. Д. Хомоненко, В. М.
2.
Цыганков, М. Г. Мальцев; под ред. А. Д. Хомоненко .— 4-е изд., доп. и перераб. —
СПб.: КОРОНА принт, - 2004, — 736 стр.
3.
Григин И. PHP 4 Специальный справочник - СПб.: Питер, - 2002, - 672 стр.
4.
Джерк Н. Разработка приложений для электронной коммерции. Библиотека
программиста, - СПб.: Питер, - 2001, - 512 стр.
9.3. Программное обеспечение и Интернет – ресурсы:
Для отработки навыков по проектированию и разработке web - приложений
необходимо программное обеспечение:

Adobe Photoshop,

Denwer-2,

Adobe Dreamweaver,

web-браузеры: Opera, Mozilla Firefox, Internet Explorer, Google Chrome,
Safari.
Для самостоятельной работы рекомендуются интернет ресурсы:
10.

Все для web мастера wmaster.ru

Портал для веб-мастера woweb.ru

Блог для вебмастера getincss.ru
Технические средства и материально-техническое обеспечение дисциплины
(модуля).
Для организации учебного процесса необходимы аудитории с необходимым
материальным оснащением – компьютерный класс, интерактивная доска.