Рабочая программа дисциплины интернет-программирование

1.1.  Рабочая программа дисциплины интернет-программирование

УТВЕРЖДАЮ

Зам. директора института кибернетики

по учебной работе

___________

«___»_____________2016 г.

РАБОЧАЯ ПРОГРАММА ДИСЦИПЛИНЫ

ИНТЕРНЕТ-программирование

НАПРАВЛЕНИЕ ООП	09.03.04 Программная инженерия
КВАЛИФИКАЦИЯ (СТЕПЕНЬ)	бакалавр
БАЗОВЫЙ УЧЕБНЫЙ ПЛАН ПРИЕМА	2016 г.
КУРС	3	СЕМЕСТР	6
КОЛИЧЕСТВО КРЕДИТОВ	6
ПРЕРЕКВИЗИТЫ	ДИСЦ. В.М7, М12, М13, М15
КОРЕКВИЗИТЫ	ДИСЦ. В.М16, M17
ВИДЫ УЧЕБНОЙ ДЕЯТЕЛЬНОСТИ И ВРЕМЕННОЙ РЕСУРС:
Лекции	40	час.
Лабораторная работа	40	час.
Практические занятия	0	час.
АУДИТОРНЫЕ ЗАНЯТИЯ	80	час.
САМОСТОЯТЕЛЬНАЯ РАБОТА	136	час.
ИТОГО	216	час.
ФОРМА ОБУЧЕНИЯ	очная
ВИД ПРОМЕЖУТОЧНОЙ АТТЕСТАЦИИ	экзамен
ОБЕСПЕЧИВАЮЩЕЕ ПОДРАЗДЕЛЕНИЕ	кафедра ОСУ
ЗАВЕДУЮЩИЙ КАФЕДРОЙ
РУКОВОДИТЕЛЬ ООП
ПРЕПОДАВАТЕЛЬ
2016 г.

1. Цели освоения модуля (дисциплины)

Целью изучения дисциплины «Интернет-технологии» является ….

Код цели	Формулировка цели
Ц2	Подготовка выпускников к автоматизированному решению прикладных задач; созданию новых конкурентоспособных информационных технологий и систем.
Ц3	Подготовка выпускников к информационному обеспечению прикладных процессов; внедрению, адаптации, настройке и интеграции проектных решений по созданию ИС, сопровождению и эксплуатации современных ИС.
Ц5	Подготовка выпускников к самообучению и непрерывному профессиональному самосовершенствованию

2. Место дисциплины в структуре ООП

Дисциплина «Проектирование и разработка Web-приложений» относится к вариативную часть профессионального цикла учебных дисциплин ООП и входит в модуль ДИСЦ. В.М.1 Разработка программно-информационных систем.

Для изучения дисциплины «Интернет-технологии» студент должен:

Знать:

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

-  основы объектно-ориентированного подхода к разработке программного обеспечения;

Уметь:

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

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

Владеть:

-  основами алгоритмизации;

-  основами разработки программного обеспечения.

Пререквизиты:

ДИСЦ. В.М7 (Информатика и программирование), ДИСЦ. В.М12 (Архитектура вычислительных систем), ДИСЦ. В.М13 (Операционные системы и сети), ДИСЦ. В.М15 (Проектирование и архитектура программных систем).

Кореквизиты:

ДИСЦ. В.М16 (Конструирование программного обеспечения), ДИСЦ. В.М17 (Тестирование программного обеспечения)

3. Результаты освоения дисциплины

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

Результат обучения	Код	Знания	Код	Умения	Код	Владения
Р3	З.3.1	Принципы организации проектирования и содержание этапов процесса разработки программных комплексов	У.3.1	Проводить анализ предметной области, выявлять информационные потребности и разрабатывать требования к ИС	В.3.1	Работать с инструментальными средствами моделирования предметной области, прикладных и информационных процессов
Р4	З.4.3	Принципы организации проектирования и содержание этапов процесса разработки программных комплексов	У.4.3	Формировать архитектуру программных комплексов для информатизации предприятий, разрабатывать программные приложения	В.4.3	Использование современных технологий программирования, тестирования и документирования программных комплексов
З.4.5	Основы функционирования World Wide Web; языка гипертекстовой разметки HTML; технологии разделения содержимого Web-страницы и оформления с использованием каскадных таблиц стилей CSS.	У.4.5	Создавать статические HTML-страницы и применять таблицы стилей CSS; разрабатывать сложные Web-сайты с использованием клиентских скриптов (Java Script) и серверных приложений (язык РНР).	В.4.5	Навыками разработки Web-сайтов.

В результате освоения дисциплины студент будет:

Знать:

-  теоретические основы функционирований Web-сети;

-  основные стандарты Web-сети (HTTP, HTML, CSS, Javascript);

-  язык HTML5;

-  язык JavaScript;

-  основные фреймворки для разработки HTML5 Web-приложений.

Уметь:

-  разрабатывать клиентскую часть Internet-приложений с использованием языка HTML5 и фреймворков JQuery, …;

-  разрабатывать серверную часть Internet-приложений с использованием языка фреймворка Node. js;

-  проектировать Internet-приложения.

Владеть:

-  системой поддержки версий Git;

-  интегрированной средой разработки Microsoft Visual Studio для создания HTML5 Web-приложений.

В процессе освоения дисциплины у студентов развиваются следующие компетенции:

1.Универсальные (общекультурные)

ОК-2	Умение логически верно, аргументировано и ясно строить устную и письменную речь.
ОК-3	Готовность к кооперации с коллегами, работе в коллективе.

2. Профессиональные

ПК-3	Умеет разрабатывать интерфейсы «человек - электронно-вычислительная машина»
ПК-4	Умеет разрабатывать модели компонентов информационных систем.
ПК-5	Умеет разрабатывать компоненты программных комплексов и баз данных, использовать современные инструментальные средства и технологии программирования.

4. Структура и содержание дисциплины

4.1. Содержание разделов дисциплины:

Тема № 1. Основные понятия сети Интернет (2 часа)

История развития сети Интернет. Пакетная передача данных. IP-адреса. Протокол TCP/IP (v4 и v6). Архитектура клиент-сервер. Сервисы сети Интернет. Служба DNS. Утилиты для работы с Интернет.

Тема № 2. Стандарты Всемирной Паутины (2 часа)

История развития Всемирной Паутины (WWW). Основные стандарты. URL и URI. Web-сайты. Web-серверы и Web-клиенты. Web-хостинг. Web-страницы. Протокол взаимодействия HTTP.

Тема № 3. Программное обеспечение Web-сети (2 часа)

Web-серверы. Web-браузеры, как платформы выполнения приложений. Архитектура серверов и браузеров. Логика работы. Установка. Настройка. Инструменты разработки JavaScript приложений в браузере Chrome. Инструментарий разработки JavaScript приложений. Системы управления версиями. Система Git.

Тема № 4. Язык гипертекстовой разметки HTML5 (4 часа)

Основная идея гипертекстовой разметки. История развития языка HTML. Основные правила разметки. Открывающие и закрывающие тэги. Элементы. Атрибуты. Семантические тэги. Ссылки. Изображения. Мультимедиа. Таблицы. HTML-формы.

Тема № 5. Каскадные таблицы стилей CSS (2 часа)

Назначение языка CSS. Правила. Селекторы. Атрибуты стилей. Типы селекторов. Порядок выполнения правил. Связь CSS с HTML страницей. Задание шрифтов. Контейнеры. Встроенные контейнеры. Сущность контейнерного Web-дизайна. Отступы, рамки и выделение. Трансформации, переходы, анимации.

Тема № 6. Язык JavaScript (4 часов)

Язык JavaScript. Front-end и Back-end разработка. Клиентские скрипты (сценарии). Обработка событий страницы. Типы данных. Переменные. Выражения. Операторы. Операторы управления. Циклы. Функции. Массивы. Объекты. Объектная модель документа DOM. Библиотеки. Фреймворки. Создание собственных классов. Работа с модулями

Тема № 7. JavaScript API языка HTML5 (4 часа)

Работа с графикой Canvas API. Технология Drag and Drop. WebSockets API. API истории сеанса работы. Web хранилище (Web Storage). Автономные Web-приложения. API для работы с фоновыми процессами (Web Workers). Обработка ошибок в JavaScript.

Тема № 8. Технология AJAX (2 часа)

Идея AJAX технологии. Объект XMLHttpRequest. Методы и свойства Объект XMLHttpRequest. Состояния запроса. Функция обработки ответа сервера. Работа с форматами данных XML и JSON. Преимущества и недостатки AJAX технологии.

Тема № 9. Библиотеки JavaScript (4 часа)

Обзор библиотек JavaScript. Библиотека jQuery. Подключение библиотеки jQuery. Функция выбора $(). Выполнение Ajax запроса.

Тема № 10. Архитектура современных JavaScrip приложений (2 часа)

Понятие и структура современных Web-приложений. Фронэнд (Front-end) и бэкэнд ((Back-end). Принципы проектирования приложений. Связанность и сцепленность. Модульность. Сопровождаемость кода. Архитектура MVC. RESTful (REpresentational State Transfer) API. Процесс разработки JavaScript приложений. Утилита автоматизация выполнения Grunt.

Тема № 11. Разработка Front-end для JavaScript приложений (6 часа)

Обработка событий страницы. Слои. Архитектура MVC. Фреймворк Backbone. js. Фреймворк Bootstrap.

Тема № 12. Разработка Back-end для JavaScript приложений (6 часов)

Технология Node. js. V8 JavaScript Engine. Разработка модулей Node. Создание сервера. Шаблоны Node. Ассинхронные шаблоны. События.

4.2. Структура дисциплины по разделам и формам организации обучения

Таблица 1.

Название раздела/темы	Аудиторная работа (час)	СРС (час)	Колл, Контр. Р.	Итого
Лекции	Практ./сем. занятия	Лаб. зан.
1. Основные понятия сети Интернет	2		2	6		10
2. Стандарты Всемирной Паутины	2		2	6		10
3. Программное обеспечение Web-сети.	2		2	8		12
4. Язык гипертекстовой разметки HTML5. Создание гипертекстовых страниц.	4		4	14		22
5. Каскадные таблицы стилей CSS Создание каскадных таблиц стилей.	2		2	14	2	20
6. Язык JavaScript.	4		4	14		22
7. JavaScript API языка HTML5.	4		4	10		18
8. Технология AJAX.	2		2	12	2	18
9. Библиотеки JavaScript.	4		4	12		20
10. Архитектура современных JavaScript приложений.	2		2	8		12
11. Разработка Front-end для JavaScript приложений.	6		6	14		26
12. Разработка Back-end для JavaScript приложений.	6		6	14		26
Итого	40	0	40	132	4	216

5. Образовательные технологии

Таблица 2.

Методы и формы организации обучения (ФОО)

ФОО Методы	Лекц.	Лаб. раб.	Пр. зан./ Сем.,	СРС	К. пр.
IT-методы	Ö	Ö		Ö	Ö
Работа в команде		Ö			Ö
Игра
Обучение на основе опыта	Ö
Опережающая самостоятельная работа				Ö
Проектный метод		Ö			Ö
Поисковый метод				Ö
Исследовательский метод				Ö

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

6.1 Текущая СРС.

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

-  выполнение домашних заданий, домашних контрольных работ,

-  опережающая самостоятельная работа,

-  изучение тем, вынесенных на самостоятельную проработку,

-  подготовка к лабораторным работам;

-  подготовка к контрольной работе;

-  подготовка к зачету.

6.2 Творческая проблемно-ориентированная самостоятельная работа

(ТСР).

-  поиск, анализ, структурирование и презентация информации,

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

6.2. Содержание самостоятельной работы студентов по дисциплине

1.  Подготовка к следующим лекциям по конспектам, презентациям и пособию.

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

3.  Изучение заданного перечень самостоятельно осваиваемых тем

5. Темы, выносимые на самостоятельную проработку.

Тема № 1. Разработка десктопных приложения на JavaScript

Тема № 2. Язык XAML

Тема № 2. Одно-страничные JavaScript приложения

Тема № 3. Программирование Сокетов

Тема № 4. WebSokets

6.3 Контроль самостоятельной работы

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

7. Средства (ФОС) текущей и итоговой оценки качества освоения дисциплины

7.1. Входной контроль

7.3. Рубежный контроль

8. Рейтинг качества освоения дисциплины

Дисциплина

Проектирование и разработка Web-приложений

Число недель

18

Институт

Кибернетики

Кол-во кредитов

6

Кафедра

ОСУ

Лекции, час

40

Семестр

6

Практич. занятия, час

Группы

3 курс

Лаб. работы, час.

40

Преподаватель

, профессор

Всего аудит. работы, час

80

Самост. работа, час

136

ВСЕГО, час

216

Рейтинг-план освоения дисциплины в течение семестра

Недели	Текущий контроль
Теоретический материал	Практическая деятельность	Итого
Название модуля	Темы лекций	Контро-лир. матер.	Бал-лы	Название лабораторных работ	Баллы	Темы практических занятий	Бал-лы	Рубежные контрольные работы	Бал-лы	Проблемно-ориентированные задания	Бал-лы
1	Основы сети Интернет	Основные понятия сети Интернет		1	Утилиты для работы с сетью Интернет (tracert, ping, ….).	2
2	Стандарты Всемирной Паутины		2	Инструменты разработки JavaScript приложений (git, npm, gulp)	2
3	Программное обеспечение Web-сети		1	Настройка web-браузера. Установка и настройка web-сервера.	2
4	HTML-страницы	Язык гипертекстовой разметки HTML5.		1	Создание гипертекстовых страниц.	2
5	Язык гипертекстовой разметки HTML5.		1	Создание гипертекстовых страниц.	2
6	Каскадные таблицы стилей CSS		1	Создание каскадных таблиц стилей.	2
7	Программирование на языке JavaScript	Язык JavaScript		1	Составление и отладка программ на языке JavaScript.	4
8	Язык JavaScript		1	Составление и отладка программ на языке JavaScript.	2
9	JavaScript API языка HTML5.		1	Составление и отладка программ на языке JavaScript с использование HTML5 API	2
Всего по контрольной точке (аттестации) № 1	30
11		Технология AJAX.		1	Разработка программ с использование AJAX.	2
12	Библиотеки JavaScript, jQuery		1	Программирование с использованием биб-лиотека jQuery.	2
13	JavaScript приложения	Архитектура совре-менных JavaScript приложений.		2	Проектирование JavaScript приложений	2
14	Разработка Front-end для JavaScript приложений.		1	Разработка Front-end для JavaScript приложений.	4
15	Разработка Front-end для JavaScript приложений.		1	Разработка Front-end для JavaScript приложений.	2
16	Разработка Back-end для JavaScript приложений.		1		2
16	Разработка Back-end для JavaScript приложений.		1		2
18	Разработка Back-end для JavaScript приложений.		1		2
Всего по контрольной точке (аттестации) № 2	30
Итоговая текущая аттестация	60
Экзамен (зачет)	40
Итого баллов по дисциплине	100

9. Учебно-методическое и информационное обеспечение дисциплины

Основная литература:

1.  Ethan Brown Learning JavaScript. 3-d ed., O’Reilly Media, 2015. – 347p.

2.  Dane Cameron HTML5, JavaScript and jQuery. Wrox, 2015 – 408p.

3.  Eric Elliott Programming JavaScript Applications. O’Reilly, 2016 – 253p.

4.  Тузовский Интернет приложений. – Томск: Изд-во ТПУ, 2011. – 200с.

Дополнительная литература:

1.  Yakov Fain, Victor Rasputnis, Anatole Tartakovsky, Viktor Gamov Enterprise Web Development, O’Reilly Media, Inc., 2014. – 637p.

2.  Eric Elliott Programming JavaScript Applications, O’Reilly Media, Inc., 2014. – 253p.

3.  Berners-Lee T., Fichetti M. Weaving the Web (The original design and ultimate destiny of the World Wide Web by its inventor). – New York: HarperCollins Publisher, 1999. – 239p.

Программное обеспечение и Internet-ресурсы:

·  Web-браузер Chrome

·  Github

·  Gulp

·  Учебно-методические материалы, находящие в локальной сети кафедры ОСУ.

10. Материально-техническое обеспечение модуля (дисциплины)

Компьютерный класс. 10 компьютеров Core i5-750(MB S-1156 Asus P7P55 LX, iP55 2.66GHz/8Mb, 2 Dimm 2048 Mb, HDD 1500 Gb, Sparkle PCI-E 1024MB GeForce DVI)

Программа составлена на основе Стандарта ООП ТПУ в соответствии с требованиями ФГОС по направлению и профилю подготовки 230100 «Информатика и вычислительная техника»

Программа одобрена на заседании кафедры ОСУ

(протокол № ____ от «___» _______ 20___ г.).

Автор д. т.н., профессор каф. ОСУ __________________

Рецензент(ы) __________________________