ДОКУМЕНТ ПОДПИСАН ЭЛЕКТРОННОЙ ПОДПИСЬЮ Сертификат: 2FC246F6C833D54EB0E94DC86683EC3124321638 Владелец: Глебов Владимир Владимирович Действителен: с 07.09.2021 до 07.12.2022 Министерство науки и высшего образования Российской Федерации Федеральное государственное бюджетное образовательное учреждение высшего образования Нижегородский государственный технический университет им. Р.Е. Алексеева Институт АПИ НГТУ, Арзамасский политехнический институт (филиал) Нижегородского государственного технического университета им. Р.Е. Алексеева сокращенное и полное наименование института Кафедра Прикладная математика сокращенное и полное наименование кафедры МЕТОДИЧЕСКИЕ УКАЗАНИЯ И ЗАДАНИЯ К ПРАКТИЧЕСКИМ ЗАНЯТИЯМ по дисциплине Компьютерные технологии в науке и образовании Направление подготовки 01.04.04 Прикладная математика Форма обучения очная Разработчик: Пакшина Н.А. Утверждены на заседании кафедры «Прикладная математика» АПИ НГТУ «29» апреля 2021 г. протокол № 4 Арзамас 2021 Содержание Введение 3 1. Цели и задачи практических занятий 4 2. Методические указания к практическим занятиям 5 2.1 2.2 2.3 3. Практическая работа №1,2 «Языки программирования и пакеты программ для научных расчетов» Практическая работа №3 «Оформление Web-страницы для сайта научной конференции» Практическая работа №4 «Компьютерная поддержка проведения лекционных занятий» 5 8 9 2.4 Практическая работа №5 «Форматирование текста средствами CSS» 10 2.5 Практическая работа №6 «Форматирование списков средствами CSS» 12 2.6 Практическая работа №7, 8 «Отображение рамок с помощью CSS» 13 2.7 Практическая работа №9, 10 «Изображения и тени»» 16 Рекомендуемая учебная литература и иные материалы 18 2 Введение Одной из основных форм и методов формирования компетенций являются практические работы. В рамках данного курса осваиваются общепрофессиональные компетенции ОПК-1 и ОПК-3. Формирование данных компетенций позволит подготовить студента к цели и задачи дисциплины. Выполнение заданий является необходимым условием допуска студента к экзамену. В таблице 1 представлены названия работ и объем часов их выполнения. Таблица 1. Темы практических занятий № пз 1 Темы практических занятий Трудоемкость (час.) «Языки программирования и пакеты программ для научных 4 расчетов» «Оформление Web-страницы для сайта научной 2 2 конференции» «Компьютерная поддержка проведения лекционных 3 2 занятий» 4 «Форматирование текста средствами CSS» 2 5 «Форматирование списков средствами CSS» 2 6 «Отображение рамок с помощью CSS» 4 7 «Изображения и тени»» 4 Каждый студент выполняет общие или индивидуальные задания, что способствует эффективному формированию практических умений, навыков и компетенций. Практические работы проводятся согласно утвержденному расписанию учебных занятий. Отработка пропущенных студентами практических работ осуществляется самостоятельно в течение семестра. Замена пропущенных студентами практических работ другими видами самостоятельной работы не допускается. 3 1. Цели и задачи практических занятий Целью освоения дисциплины «Компьютерные технологии в науке и образовании» является: получить целостное представление о классификации программного обеспечения, используемого в научных расчетах, роли Web-технологий в развитии общества и о компьютерных технологиях, обучить магистрантов методам проектирования обучающих программ и компьютерных тестов. Задачей является научить магистрантов: изучение инструментальных средства разработки электронных изданий; овладение современными средствами вычислительной техники; освоение типовых алгоритмы построения тестов; освоение оформительских возможностей CSS; овладение методами проектирования Web-квестов, виртуальных музеев.. Практические занятия проводятся с целью повторения и закрепления материала, с которым они познакомились в рамках лекционного курса. Практические занятия обеспечивают: - проверку и уточнение знаний, полученных на лекциях; - развитие умений и навыков дискуссионного обсуждения вопросов по учебному материалу дисциплины, выработки собственной позиции по актуальным вопросам (проблемам); - подведение итогов занятий (результаты тестирования, готовность отчетов по практическим занятиям, готовность домашних заданий, выполненных в ходе самостоятельной работы). 4 2. Методические указания к практическим занятиям При изучении дисциплины «Компьютерные технологии в науке и образовании» большое значение имеет практическое применение теоретических знаний, главное из которых – умение решать задачи. Прежде, чем приступить к выполнению задания, необходимо тщательно изучить теоретический материал по данной теме. 2.1. Практическая работа №1, 2 «Языки программирования и пакеты программ для научных расчетов» Цель практического занятия: Познакомиться с языки программирования и пакетами программ, которые применяются для научных расчетов. Задание: 1. Работать с прикрепленным продуктом " Языки программирования и пакеты программ для научных расчетов ". Распаковать, выполнять в соответствии с номером своего варианта. На последний слайд своей презентации поместить скрин результатов тестирования, как по вариантам, так и итогового. Презентацию сохранить в pdf формате и поместить в СДО в качестве отчета по лабораторной работе Порядок выполнения Шаг 1 Вы должны разделиться на 4 группы и получить от преподавателя одну из предложенных тем: Фортран (Вариант 1) Matlab (Вариант 2) SciLab (Вариант 3) Maxima (Вариант 4) Шаг 2 Пользуясь информационными ресурсами, изучите информацию по теме, соответсвующей вашему варианту. Шаг 3 Ответьте на вопросы теста, которые даны по вариантам. Шаг 4 Создайте презентацию в PowerPoint (7-10 слайдов) по изученной информации и подготовьте небольшое устное выступление (5 мин). Время на подготовку презентации и устного выступления – 1 ч. Вы также должны оценить остальных докладчиков по 10 балльной системе. При оценке учитывайте полноту изложения, оформление презентации, дикцию докладчика и ответы на вопросы аудитории. Шаг 5 Пройдите итоговый тест по рассмотренной теме. Пример решения и оформления заданий 5 6 Примеры тестовых вопросов Тест по теме MatLab 1. MATLAB как язык программирования был разработан Кливом Моулером, Университет в Нью-Мексико: В начале 20-го века В послевоенные годы (начало 1950-х) В конце 1970-х 2. Пока еще не существует MATLAB на операционной системе Linux Mac OS Android Существует на всех вышеперечисленных 3. Первоначально MATLAB предназначался для: Преподавателей линейной алгебры и численных методов Применения в финансовом анализе Проектирования систем управления Все вышеперечисленное 4. В составе пакета MATLAB имеется большое количество функций для: Построения графиков, в том числе трёхмерных Визуального анализа данных Создания анимированных роликов Все вышеперечисленное 5. Расшифровка MATLAB: MAThematics LABoratory MAThematical LABor MATrix LABoratory 6. Среда Simulink, интегрированная в MATLAB, дает возможность: Имитировать реальные системы и устройства, задавая их моделями, составленными из функциональных блоков Анализировать и производить синтез географических карт, включая трёхмерные Производить сбор и анализ экспериментальных данных Все вышеперечисленное 7 2.2. Практическая работа №3 «Оформление Web-страницы для сайта научной конференции средствами HTML» Цель практического занятия: познакомиться с обязательными разделами в структуре сайта любой конференции, а также освежить в памяти, основные конструкции и возможности языка HTML и возможностей CSS. Задание: 1. Познакомиться с тремя сайтами ближайших научных мероприятий. 2. Отметить позитивные и негативные особенности оформления. 3. Выбрать понравившиеся оформительские подходы, скопировав отдельные теги и конструкции CSS 4. Разработать структуру и дизайн отправной страницы сайта конференции. 5. Разметить эту страницу средствами HTML. 6. Оформить отчет о проделанной работе, отобразив как результат, так и теги так и стилевой файл. Пример решения и оформления заданий Теги 8 2.3. Практическая работа №4 «Компьютерная поддержка проведения лекционных занятий» Цель практического занятия: познакомиться с подходами к организации обратной связи на лекционных занятиях. Задание: 1. Скачать и распаковать "Интерактивные лекции.7z" 2. Запустить Главная.html и войти и последовательно проработать со всеми вкладками 3. Познакомиться с принципами организации обратной связи по «Компьютерная поддержка проведения лекционных занятий. pdf 4. Составить вручную краткий конспект 2-2,5 стр, акцентировав внимание на достоинствах и недостатках использования : А) клик-устройств; Б) командного публичного тестирования. 5. Сфотографировать и вставить в отчет. 6. Пройти тест и заскринить результат и добавить в отчет Пример контрольных вопросов 1. Организация учебных занятий, на которых более успевающие воспитанники (в том числе под руководством педагога), обучают своих товарищей это: Взаимодействие. Взаимообучение. Взаимосвязь. 2.После 1-го тестирования студенты: сразу переходят ко второму. обсуждают задачу друг с другом. по одному подходят к преподавателю, чтобы узнать свой результат. 3.В каком случае процент запоминания учебного материала наибольший? Демонстрация. Взаимодействие с группой. Использование на практики. 4.Согласно выводам по проводимым в течение нескольких лет опросам, большинство студентов считает использование клик-устройств: бесполезной тратой времени. 9 хорошей идеей. интересной, но малоэффективной идеей. По окончании тестирование, магистранту выводится результат с утешительным комментарием, например таким 2.4. Практическая работа №5 «Форматирование текста средствами CSS» Цель практического занятия: приобрести навык форматирования текста средствами CSS. Электронный ресурс CSS_лаб в прикреплении Задание: 1. Необходимо распаковать, открыть, запустить glav.html 2. Познакомиться с теорией. 3. Выполнить Лабораторные работы №2 в соответствии с номером своего варианта по списку. 4. Оформить в Word (постановка задачи, теги, результат) 5. Пройти тест по каждой из работ, заскринить и включить в отчеты. 6. Оформить файлом pdf 8. Прикрепить отчет в СДО Пример конкретных заданий для одного из вариантов Задание 1. С помощью технологии CSS создать текст и шрифты следующих видов. В этом задании использовать теги для написания разных шрифтов с помощью CSS стилей. Цвета текста выбрать произвольно, но для каждого уровня выбрать разные цвета. Добавление стилей к веб-странице должно происходить с помощью внешних таблиц стилей. 10 Задание 2. В задании 2 создать горизонтальное выравнивание текста. Результат, который должен у вас получиться, представлен ниже. Добавление стилей к веб-странице должно происходить с помощью внешних таблиц стилей. Задание 3. Создать текст, изменяя расстояние между словами. Результат, который должен у вас получиться, представлен ниже. Добавление стилей к веб-странице должно происходить с помощью внешних таблиц стилей. Задание 4. Установить межстрочный интервал в тексте, как представлено на изображении ниже. Задание 5. Создать текст следующего вида, используя свойства для его оформления. Результат, который должен у вас получиться, представлен ниже. 11 2.5. Практическая работа № 6 «Форматирование списков средствами CSS» Цель: изучение возможностей CSS по оформлению списков Электронный ресурс CSS_лаб в прикреплении Задание: 1. Необходимо распаковать, открыть, запустить glav.html 2. Познакомиться с теорией. 3. Выполнить Лабораторные работы №4 в соответствии с номером своего варианта по списку. 4. Оформить в Word (постановка задачи, теги, результат) 5. Пройти тест по каждой из работ, заскринить и включить в отчеты. 6. Оформить файлом pdf 8. Прикрепить отчет в СДО Пример конкретных заданий для одного из вариантов Задание 1. Создать нумерованный CSS список с произвольными элементами (7 наименований). В качестве маркера метки - японская нумерация katakana-iroha. 12 Задание 2. Создать вложенный CSS список, который описывает меню книги. Список, который должен получиться в итоге, представлен ниже. Задание 3. Создать нумерованный CSS список, у которого в качестве элементов списка будет выступать произвольный список. Элементы списка являются блочными и одновременно являются ссылками. В этом списке применяется псевдоэлемент a:before - предназначен для отображения желаемого контента до содержимого элемента (в нашем случае он применяется после). Добавление стилей к веб-странице должно происходить с помощью внешних таблиц стилей. Цвет блока и размер текста выбрать произвольно. Итоговый результат, который вы должны получить, представлен ниже. 2.6. Практическая работа №7, 8 «Отображение рамок с помощью CSS» Цель: изучение возможностей CSS по оформлению различных рамок вокруг блоков текста Электронный ресурс CSS_лаб в прикреплении Задание: 1. Необходимо распаковать, открыть, запустить glav.html 2. Познакомиться с теорией. 13 3. Выполнить Лабораторные работы № 5 в соответствии с номером своего варианта по списку. 4. Оформить в Word (постановка задачи, теги, результат) 5. Пройти тест по каждой из работ, заскринить и включить в отчеты. 6. Оформить файлом pdf 8. Прикрепить отчет в СДО Пример конкретных заданий для одного из вариантов Задание 1. С помощью технологии CSS создать рамки следующих видов. При создании рамок цвет и порядок их расположения должны строго соответствовать представленному изображению. Добавление стилей к веб-странице должно происходить с помощью внешних таблиц стилей. Задание 2. В задании 2 создать рамки, изменяя их цвет и ширину. Результат, который должен у вас получиться, представлен ниже. 14 Задание 3. Создать рамку с внешним контуром следующего вида. Цвет выбрать произвольно, а стиль рамок должен придерживаться изображению, представленному ниже. Задание 4. Создать рамки с закругленными границами. Цвет и стиль рамок выбрать произвольно. Закругление границ произвести согласно изображению, представленному ниже. Задание 5. Создать тени для рамок. Результат, который должен у вас получиться, представлен ниже. 15 2.7. Практическая работа №9, 10 «Изображения и тени» Цель: приобрести навык работы с изображениями и создания теневого эффекта на Webстраницах. Электронный ресурс CSS_лаб в прикреплении Задание: 1. Необходимо распаковать, открыть, запустить glav.html 2. Познакомиться с теорией. 3. Выполнить Лабораторные работы № 6 в соответствии с номером своего варианта по списку. 4. Оформить в Word (постановка задачи, теги, результат) 5. Пройти тест по каждой из работ, заскринить и включить в отчеты. 6. Оформить файлом pdf 8. Прикрепить отчет в СДО Пример конкретных заданий для одного из вариантов Задание 1. Создать карту изображения. Фигуры полигон, треугольник, прямоугольник будут выступать в качестве активных областей, при нажатии на них переход будет на веб-страницы с 2,3 и 4 заданием. Создать карту изображения поможет вам справочник HTML изображение. Изображение находится в папке "Лабораторная работа 6/Вариант 4". Задание 2. Создать тень для текста следующего вида. В качестве текста написать ФИО и группу. Цвет выбрать произвольно. Для успешного выполнения этого задания вам поможет CSS справочник - тени CSS. 16 Задание 3. Создать тени для блока следующих видов. Цвет выбрать произвольный. Для успешного выполнения этого задания вам поможет CSS справочник - тени CSS. Задание 4. Создать позиционирование фоновых изображений. Цвет выбрать произвольно. Для успешного выполнения этого задания вам поможет CSS справочник - фон CSS. 17 3. Рекомендуемая учебная литература и иные материалы 1. Электронные методические указания «CSS_лабораторные». Рекомендованы заседанием кафедры «Прикладная математика» АПИ НГТУ, протокол № 3 от 29.04.2021 г. 2. Электронные методические указания «Языки программирования для научных расчетов» Рекомендованы заседанием кафедры «Прикладная математика» АПИ НГТУ, протокол № 3 от 29.04.2021 г. 3. Пакшина Н.А., Введение в компьютерные технологии обучения: учеб. пособие. Рекомендовано УМО / Н.А. Пакшина; Нижегород. гос. техн. ун-т. им. Р.Е. Алексеева. – Нижний Новгород, 2011. – 199 с. 4. Пакшина Н.А., Емельянова Ю.П. Основы построения тестов и тестирующих программ: учеб. пособие. Рекомендовано УМО / Н.А. Пакшина, Ю.П.Емельянова; Нижегород. гос. техн. ун-т. им. Р.Е. Алексеева. – Нижний Новгород, 2014. – 164 с. 5. Адамс, Д. Р. Основы работы с XHTML и CSS : учебник / Д. Р. Адамс, К. С. Флойд. — 3-е изд. — Москва : Интернет-Университет Информационных Технологий (ИНТУИТ), Ай Пи Ар Медиа, 2021. — 567 c. — ISBN 978-5-4497-0907-3. — Текст : электронный // Электронно-библиотечная система IPR BOOKS: [сайт]. — URL: https://www.iprbookshop.ru/102037.html (дата обращения: 20.12.2021). — Режим доступа: для авторизир. Пользователей 18