Методические указания по выполнению лабораторных работ по курсу РИП

Московский государственный технический университетимени Н.Э. БауманаКафедра «Системы обработки информации и управления»профессор Э.Н. Самохваловдоцент Г.И. Ревунковдоцент Ю.Е. ГапанюкМетодические указанияк лабораторным работам по курсу«Разработка интернет - приложений»(5 семестр)Москва2014СОДЕРЖАНИЕ1ВВЕДЕНИЕ ...................................................................................................................................................... 42ЦЕЛЬ ЛАБОРАТОРНОГО ПРАКТИКУМА ............................................................................................

53КРАТКАЯ ХАРАКТЕРИСТИКА ОБЪЕКТА ИЗУЧЕНИЯ, ИССЛЕДОВАНИЯ ............................... 64СХЕМА И ОПИСАНИЕ ЛАБОРАТОРНОЙ УСТАНОВКИ.................................................................. 75СОДЕРЖАНИЕ ОТЧЕТА ПО ЛАБОРАТОРНЫМ РАБОТАМ............................................................ 76ЗАДАЧИ И ПОРЯДОК ВЫПОЛНЕНИЯ РАБОТ .................................................................................... 76.1ЛАБОРАТОРНАЯ РАБОТА 1 ............................................................................................................................

76.2ЛАБОРАТОРНАЯ РАБОТА 2 ............................................................................................................................ 86.3ЛАБОРАТОРНАЯ РАБОТА 3 ............................................................................................................................ 86.4ЛАБОРАТОРНАЯ РАБОТА 4 ............................................................................................................................ 96.5ЛАБОРАТОРНАЯ РАБОТА 5 ............................................................................................................................ 96.6ЛАБОРАТОРНАЯ РАБОТА 6 ..........................................................................................................................

10ВСПОМОГАТЕЛЬНЫЕ МАТЕРИАЛЫ ДЛЯ ВЫПОЛНЕНИЯ ЛАБОРАТОРНЫХ РАБОТ ...... 1177.1ЛАБОРАТОРНАЯ РАБОТА 1 .......................................................................................................................... 117.2ЛАБОРАТОРНАЯ РАБОТА 2 .......................................................................................................................... 117.3ЛАБОРАТОРНАЯ РАБОТА 3 .......................................................................................................................... 117.3.1to Objects11ЛАБОРАТОРНАЯ РАБОТА 4 ..........................................................................................................................

207.47.4.1Диаграмма классов примера модели LINQ to Entities ................................................................. 207.4.2Фрагмент программы, реализующей обработку данных с использованием библиотеки LINQto Entities7.5Фрагмент программы, реализующей обработку данных с использованием библиотеки LINQ21ЛАБОРАТОРНАЯ РАБОТА 5 .......................................................................................................................... 287.5.1«scaffolding»Пример контроллера, сгенерированного с использованием стандартного механизма287.5.2Пример контроллера, используемого для формирования отчета ............................................

307.5.3Пример вида (файл «Report.cshtml»), формирующего выборку данных из модели данныхEntity Framework в виде HTML-таблицы ................................................................................................................. 307.6ЛАБОРАТОРНАЯ РАБОТА 6 .......................................................................................................................... 317.6.1Пример контроллера ASP.NET Web API ...................................................................................... 317.6.2Пример вида, реализующего обращение к контроллеру ASP.NET Web API ............................. 32КОНТРОЛЬНЫЕ ВОПРОСЫ ...................................................................................................................

3488.1ЛАБОРАТОРНАЯ РАБОТА 1 .......................................................................................................................... 348.2ЛАБОРАТОРНАЯ РАБОТА 2 .......................................................................................................................... 358.3ЛАБОРАТОРНАЯ РАБОТА 3 ..........................................................................................................................

358.4ЛАБОРАТОРНАЯ РАБОТА 4 .......................................................................................................................... 368.5ЛАБОРАТОРНАЯ РАБОТА 5 .......................................................................................................................... 3628.69ЛАБОРАТОРНАЯ РАБОТА 6 .......................................................................................................................... 37ЛИТЕРАТУРА .............................................................................................................................................. 3731 ВведениеДисциплина «Разработка интернет - приложений» предназначена дляобучения студентов основам разработки веб-ориентированных информационныхсистем.Лабораторный практикум по курсу «Разработка интернет - приложений»предназначен для формирования у студентов компетенций, связанных сразработкой клиентской и серверной частей веб-приложений, обработки данных ввеб-приложениях.Лабораторный практикум содержит 6 лабораторных работ:1.

Разработка макета сайта на языке разметки HTML (2 часа)Лабораторная работа предназначена для практического освоения методовразработки клиентской части веб-приложений с использованием языка разметкиHTML.2. Разработка макета сайта с использованием библиотеки TwitterBootstrap (2 часа)Лабораторная работа предназначена для практического освоения методовразработки клиентской части веб-приложений с использованием библиотекиTwitter Bootstrap.3.

Разработка программы на языке C#, реализующей работу с LINQ toObjects (2 часа)Лабораторная работа предназначена для практического освоения методовобработки данных в веб-приложениях без использования СУБД.4. Разработка программы на языке C#, реализующей работу с LINQ toEntities (3 часа)Лабораторная работа предназначена для практического освоения методовобработки данных в веб-приложениях с использованием СУБД.5. Создание проекта ASP.NET MVC с использованием механизма«scaffolding» (4 часа)Лабораторная работа предназначена для практического освоения методовбыстрого построения серверной части веб-приложения.46.

Обработка динамических данных с использованием технологииASP.NET Web API (4 часа)Лабораторная работа предназначена для практического освоения методовсоздания клиентской и серверной частей веб-приложения на основе обработкидинамических данных.2 Цель лабораторного практикумаЦелью лабораторного практикума является содействие в формированииследующих компетенций:Общепрофессиональные компетенции (ОП): способен собирать, анализировать научно-техническую информациюи учитывать её в профессиональной деятельности (ОП-2); способен работать с информацией в глобальных компьютерных сетях(ОП-3).Компетенции в проектной деятельности (ПР): способен разрабатывать интерфейсы конечных пользователей (ПР-3); способен разрабатывать спецификации прикладных программ иреализовывать их на языках высокого уровня (ПР-5).Компетенции в производственно-технологической деятельности (ПТ): способен работать с современными инструментальными средствамипроектирования и разработки баз данных, прикладных программ,аппаратногообеспеченияавтоматизированныхинформационныхсистем (ПТ-1); умеет использовать современные технологии отладки прикладныхпрограмм (ПТ-2).В результате выполнения лабораторного практикума студент должен уметь: разрабатывать модели данных на основе технологии ADO.NET EntityFramework и запросы с использованием языка запросов LINQ toEntities (ПР-5, ПТ-1, ПТ-2);5 разрабатывать веб-приложения на основе технологии ASP.NET MVCс использованием «scaffolding» (ПР-3, ПР-5, ПТ-1, ПТ-2); разрабатывать контроллеры и виды ASP.NET MVC для реализацииCRUD-функциональности (ПР-3, ПР-5, ПТ-1, ПТ-2); разрабатывать контроллеры и виды ASP.NET MVC для реализацииотчетов (ПР-3, ПР-5, ПТ-1, ПТ-2).3 Краткаяхарактеристикаобъектаизучения,исследованияОбъектом изучения лабораторного практикума является разработка вебприложений.В частности, в рамках лабораторного практикума изучаются такие аспектыразработки веб-приложений, как: разработка клиентской части веб-приложений с использованием языкаразметки HTML и библиотеки Twitter Bootstrap; разработка сервернойчасти веб-приложений с использованиемтехнологии ASP.NET MVC; разработка моделей данных с использованием технологии ADO.NETEntity Framework; обработка данных в веб-приложениях с использованием технологийLINQ to Objects и LINQ to Entities.Разработка веб-приложений является развитой областью профессиональныхзнаний, описание которой в силу большого объема не может быть представлено врамках настоящих методических указаний.Фрагментыпрограмм,которыемогутбытьиспользованыдлясамостоятельного анализа студентами и применены в лабораторных работах,представленывразделе«Вспомогательныематериалыдлявыполнениялабораторных работ».Для изучения основ разработки веб-приложений и выполнения лабораторныхработ можно рекомендовать источники [1-4].64 Схема и описание лабораторной установкиВ качестве лабораторной установки используется компьютер со следующимпрограммным обеспечением: операционная система Windows 7 и выше; среда разработки Visual Studio 2010 и выше; СУБД SQL Server 2008 и выше.Все программное обеспечение является лицензионным и предоставляетсякомпанией Microsoft в рамках академической программы сотрудничества с МГТУим.

Н.Э. Баумана.5 Содержание отчета по лабораторным работамОтчеты разрабатываются отдельно по каждой лабораторной работе. Отчет покаждой лабораторной работе должен включать: титульный лист; описание задания лабораторной работы; тексты программ; диаграмму классов (в случае использования С#); результаты выполнения программы, экранные формы.6 Задачи и порядок выполнения работ6.1 Лабораторная работа 1Разработать макет сайта на языке разметки HTML. Макет сайта долженвключать следующие элементы: Списки. Изображения. Таблицы. Фреймы, для создания меню используются гиперссылки. Плавающие фреймы. Элементы HTML-форм.76.2 Лабораторная работа 2Разработать макет сайта с использованием библиотеки Twitter Bootstrap.Макет сайта должен включать следующие элементы: Таблицы. Элементы HTML-форм. Панель навигации (в верхней части страницы). Выпадающие списки кнопок (могут быть использованы в панелинавигации). Индикаторы прогресса.6.3 Лабораторная работа 3Разработать программу, реализующую обработку данных с использованиембиблиотеки LINQ to Objects.1.