| Закреплена за кафедрой | Кафедра культурологии и дизайна |
|---|---|
| Направление подготовки | 09.03.03. Прикладная информатика |
| Профиль | Прикладная информатика в дизайне |
| Форма обучения | Очная |
| Общая трудоемкость | 6 ЗЕТ |
| Учебный план | 09_03_03_Прикладная информатика_ПИвД-2025 |
|
|
||||||||||||||
Распределение часов по семестрам
| Курс (семестр) | 3 (6) | Итого | ||
|---|---|---|---|---|
| Недель | 18 | |||
| Вид занятий | УП | РПД | УП | РПД |
| Лекции | 32 | 32 | 32 | 32 |
| Практические | 54 | 54 | 54 | 54 |
| Сам. работа | 103 | 103 | 103 | 103 |
| Часы на контроль | 27 | 27 | 27 | 27 |
| Итого | 216 | 216 | 216 | 216 |
| 1.1. | Освоение знаний, умений и навыков в области типографики, искусства шрифта, верстки, которые позволят обучающимся создавать дизайн пользовательских интерфейсов на профессиональном уровне. |
|---|
| Цикл (раздел) ООП: Б1.В.01 |
| ПК-3 | Способен разрабатывать визуальный стиль пользовательского интерфейса на основе навыков работы с цветом, формой, шрифтом, композицией, а также с учетом развития визуальной культуры и дизайна |
| ПК-3.1 | Знает базовые принципы графического дизайна, основное прикладное программное обеспечение для создания визуальных компонентов пользовательского интерфейса |
| ПК-3.2 | Умеет использовать прикладные программы и веб-приложения для разработки визуального стиля пользовательского интерфейса |
| ПК-3.3 | Владеет навыком разработки эскиза графического стиля пользовательского интерфейса |
| В результате освоения дисциплины обучающийся должен | |
| 3.1. | Знать: |
|---|---|
| 3.1.1. | ПК-3.1: Знает базовые принципы графического дизайна, основное прикладное программное обеспечение для создания визуальных компонентов пользовательского интерфейса |
| 3.2. | Уметь: |
| 3.2.1. | ПК-3.2: Умеет использовать прикладные программы и веб-приложения для разработки визуального стиля пользовательского интерфейса |
| 3.3. | Иметь навыки и (или) опыт деятельности (владеть): |
| 3.3.1. | ПК-3.3: Владеет навыком разработки эскиза графического стиля пользовательского интерфейса |
| Код занятия | Наименование разделов и тем | Вид занятия | Семестр | Часов | Компетенции | Литература |
|---|---|---|---|---|---|---|
| Раздел 1. Основы типографики | ||||||
| 1.1. | Типографика как вид графического дизайна. Задачи и функции типографики. | Лекции | 6 | 8 | Л3.1, Л2.1, Л1.1, Л1.3 | |
| 1.2. | Понятийно-терминологический аппарат дисциплины | Сам. работа | 6 | 12 | Л3.1, Л2.1, Л1.1, Л1.3 | |
| 1.3. | История развития типографики. Швейцарская типографика. Типографика постмодернизма | Лекции | 6 | 10 | Л3.1, Л2.1, Л1.1, Л1.3 | |
| 1.4. | Системы мер, применяемые в типографике. Технические ограничения в типографике | Лекции | 6 | 8 | Л3.1, Л2.1, Л1.1, Л1.3 | |
| 1.5. | Общие законы композиции в типографике | Лекции | 6 | 2 | Л3.1, Л2.1, Л1.1, Л1.3 | |
| 1.6. | Основные примеры работы с текстом | Практические | 6 | 12 | Л3.1, Л2.1, Л1.1, Л1.3 | |
| 1.7. | Пробелы. Кавычки. Правила использование тире различных типов. Дроби. Табуляторы. Знаки, отсутствующие на клавиатуре. Специальные символы. | Сам. работа | 6 | 16 | Л3.1, Л2.1, Л1.1, Л1.3 | |
| 1.8. | Различные приемы оформления текста | Практические | 6 | 12 | Л3.1, Л2.1, Л1.1, Л1.3 | |
| 1.9. | Кегль. Интерлиньяж. Кернинг и трекинг. Оформление абзацев. Отступы и выключка. Отбивки. | Сам. работа | 6 | 16 | Л3.1, Л2.1, Л1.1, Л1.3 | |
| Раздел 2. Шрифт как элемент дизайна | ||||||
| 2.1. | Буква как графический объект с самостоятельной эстетической ценностью | Лекции | 6 | 2 | Л3.1, Л2.1, Л1.1, Л1.3 | |
| 2.2. | Назначение и классификация шрифтов | Практические | 6 | 14 | Л3.1, Л2.1, Л1.1, Л1.3 | |
| 2.3. | Принципы удобочитаемости, различимости и заметности шрифта | Сам. работа | 6 | 18 | Л3.1, Л2.1, Л1.1, Л1.3 | |
| Раздел 3. Верстка в цифровом дизайне | ||||||
| 3.1. | Понятие верстки и модульного проектирования | Лекции | 6 | 2 | Л3.1, Л2.1, Л1.1, Л1.2, Л1.3 | |
| 3.2. | История верстки в графическом дизайне | Практические | 6 | 8 | Л3.1, Л2.1, Л1.1, Л1.2, Л1.3 | |
| 3.3. | Современные тенденции в развитии верстки и модульных систем | Практические | 6 | 2 | Л3.1, Л2.1, Л1.1, Л1.2, Л2.2, Л1.3 | |
| 3.4. | Подготовка текстовой и графической информации к верстке | Сам. работа | 6 | 19 | Л3.1, Л2.1, Л1.1, Л1.2, Л2.2, Л1.3 | |
| 3.5. | Основные этапы работы над версткой дизайн-проекта | Практические | 6 | 2 | Л3.1, Л2.1, Л1.1, Л1.2, Л2.2, Л1.3 | |
| 3.6. | Применение HTML для верстки | Сам. работа | 6 | 8 | Л3.1, Л2.1, Л1.1, Л1.2, Л1.3 | |
| 3.7. | Применение CSS для верстки | Сам. работа | 6 | 8 | Л3.1, Л2.1, Л1.1, Л1.2, Л1.3 | |
| 3.8. | Понятие модульной сетки | Практические | 6 | 4 | Л3.1, Л2.1, Л1.1, Л1.2, Л1.3 | |
| 3.9. | Анализ модульной сетки сайта | Сам. работа | 6 | 6 | Л3.1, Л2.1, Л1.1, Л1.2, Л1.3 | |
| 3.10. | Экзамен | 6 | 27 | Л3.1, Л2.1, Л1.1, Л1.2, Л1.3 | ||
| 5.1. Контрольные вопросы и задания для проведения текущего контроля и промежуточной аттестации по итогам освоения дисциплины |
| Оценочные материалы для оценки уровня сформированности компетенции ПК-4 доступны в полном объеме на онлайн-курсе, размещенном на образовательном портале "Цифровой университет АлтГУ" - https://portal.edu.asu.ru/course/view.php?id=8901 Оценка уровня сформированности компетенции ПК-3: Способен разрабатывать визуальный стиль пользовательского интерфейса на основе навыков работы с цветом, формой, шрифтом, композицией, а также с учетом развития визуальной культуры и дизайна Примеры заданий закрытого типа: 1. Определите, что такое графический редактор. Варианты ответов: a) Программа для редактирования текста b) Программа для создания и редактирования изображений c) Программа для управления интернет-браузером d) Программа для создания музыки Ответ: b) Программа для создания и редактирования изображений 2. Укажите, какой графический формат подходит для изображений с прозрачным фоном. Варианты ответов: a) JPEG b) BMP c) PNG d) GIF Ответ: c) PNG 3. Назовите инструмент в графическом редакторе, используемый для выделения области изображения. Варианты ответов: a) Кисть b) Штамп c) Ластик d) Лассо Ответ: d) Лассо 4. Определите, какой слой в графическом редакторе можно изменить без воздействия на другие слои. Варианты ответов: a) Фоновый слой b) Текстовый слой c) Рамочный слой d) Группа слоев Ответ: a) Фоновый слой 5. Выберите профессиональный графический редактор из перечисленных программ. Варианты ответов: a) Microsoft Paint b) Adobe Photoshop c) Windows Media Player d) Microsoft Word Ответ: b) Adobe Photoshop 6. Укажите инструмент, используемый для изменения размера изображения в графическом редакторе. Варианты ответов: a) Карандаш b) Штамп c) Масштаб d) Градиент Ответ: c) Масштаб 7. Определите процесс изменения цветов изображения для создания эффекта старины. Варианты ответов: a) Фильтрация b) Обрезка c) Сепия d) Анимация Ответ: c) Сепия 8. Укажите формат изображения, обычно используемый для фотографий с высоким разрешением. Варианты ответов: a) GIF b) TIFF c) SVG d) JPEG Ответ: b) TIFF 9. Выберите тип изображений, содержащих информацию о форме объектов на изображении. Варианты ответов: a) Растровые b) Векторные c) Метафайлы d) Анимированные Ответ: b) Векторные 10. Назовите инструмент, используемый для рисования кривых линий и фигур в графическом редакторе. Варианты ответов: a) Кисть b) Ластик c) Перо (Pen Tool) d) Заливка (Bucket Tool) Ответ: c) Перо (Pen Tool) 11. Определите, что представляют собой "слои" (layers) в графическом редакторе. Варианты ответов: a) Отдельные файлы b) Разные цветовые пространства c) Структуры данных d) Независимые изображения, которые можно редактировать отдельно Ответ: d) Независимые изображения, которые можно редактировать отдельно 12. Укажите графический редактор, предназначенный для создания и редактирования векторной графики. Варианты ответов: a) Adobe Photoshop b) CorelDRAW c) Paint.NET d) Adobe Illustrator Ответ: d) Adobe Illustrator 13. Определите, что представляет собой разрешение изображения. Варианты ответов: a) Глубина цвета изображения b) Размер файла изображения c) Количество пикселей на дюйм (dpi) в изображении d) Тип используемого цветового профиля Ответ: c) Количество пикселей на дюйм (dpi) в изображении 14. Выберите инструмент, используемый для сглаживания краев изображения. Варианты ответов: a) Карандаш b) Резко c) Размытие d) Штамп Каждое задание оценивается 1 баллом. Оценивание КИМ теоретического характера в целом:«отлично» – верно выполнено 85-100% заданий; «хорошо» – верно выполнено 70-84% заданий; «удовлетворительно» – верно выполнено 51-69% заданий; «неудовлетворительно» – верно выполнено 50% или менее 50% заданий. Примеры открытых вопросов: 1. Вопрос: Что такое визуальный стиль пользовательского интерфейса? Ответ: Визуальный стиль пользовательского интерфейса - это набор дизайн-элементов, определяющих внешний вид интерфейса. 2. Вопрос: Какие основные элементы цвета в дизайне? Ответ: Основные элементы цвета включают оттенок, насыщенность и светлоту. 3. Вопрос: Что такое композиция в графическом дизайне? Ответ: Композиция - это организация элементов на дизайне для достижения баланса и гармонии. 4. Вопрос: Какие этапы развития визуальной культуры существуют? Ответ: Этапы развития включают античность, средневековье, Возрождение, барокко, романтизм, модерн, абстракционизм и постмодернизм. 5. Вопрос: Почему важно изучать историю дизайна? Ответ: Изучение истории дизайна помогает понять эволюцию стилей и вдохновение для современных проектов. 6. Вопрос: Какие основные принципы дизайна вы знаете? Ответ: Основные принципы включают баланс, контраст, акцент, ритм, пропорции и единство. 7. Вопрос: Что такое палитра цветов? Ответ: Палитра цветов - это выбранный набор цветов, используемых в дизайне для создания единого стиля. 8. Вопрос: Какие методы можно использовать для создания иконок, которые будут легко узнаваемы и понятны пользователям? Ответ: Для создания иконок можно использовать методы упрощения формы, использование метафор и тестирование на пользовательской аудитории. 9. Вопрос: Почему важно учитывать адаптивный дизайн при разработке визуального стиля для веб-сайта? Ответ: Адаптивный дизайн обеспечивает корректное отображение на разных устройствах, обеспечивая удобство для пользователей. 10. Вопрос: Какие типографские правила важно соблюдать при создании дизайна? Ответ: Правила включают выбор шрифтов, размеров шрифта, межбуквенного и межстрочного интервала, выравнивание текста и т.д. 11. Вопрос: Какие методы организации информации в дизайне вы знаете? Ответ: Методы включают группировку, иерархию, сеточную структуру, использование заголовков и буллитов. 12. Вопрос: Какие факторы следует учитывать при выборе цветовой палитры для дизайна? Ответ: Факторы включают целевую аудиторию, психологию цвета и контекст использования. 13. Вопрос: Что такое "типографика" в дизайне? Ответ: Типографика - это искусство и наука о распределении и оформлении текста на странице или экране для улучшения его читаемости и визуальной привлекательности. 14. Вопрос: Какие виды композиции используются в дизайне? Ответ: Виды включают симметричные, асимметричные и равновесные композиции. 15. Вопрос: Какие факторы влияют на выбор типографии в дизайне? Ответ: Факторы включают характер проекта, целевую аудиторию, читаемость и стиль. 16. Вопрос: Какие элементы пользовательского интерфейса включаются в визуальный стиль? Ответ: Элементы включают цветовую палитру, шрифты, иконки, кнопки и другие дизайн-элементы. 17. Вопрос: Какие средства и техники дизайна используются для создания текстур в визуальном стиле? Ответ: Для создания текстур могут использоваться градиенты, штриховка, фактуры и текстурные изображения. 18. Вопрос: Какие факторы следует учитывать при разработке визуального стиля для мобильных приложений? Ответ: Факторы включают удобство использования, читаемость текста, интерактивность и соответствие бренду. 19. Вопрос: Какие принципы управления вниманием играют роль в создании визуального стиля для рекламы? Ответ: Принципы включают контраст, цвет, размер и направление для привлечения внимания к ключевым элементам. 20. Вопрос: Какие элементы визуального стиля помогают создать брендовую идентичность компании? Ответ: Элементы включают логотип, цветовую палитру и типографику, которые способствуют созданию узнаваемой брендовой идентичности. КРИТЕРИИ ОЦЕНИВАНИЯ ОТКРЫТЫХ ВОПРОСОВ. • «Отлично» (зачтено): Ответ полный, развернутый. Вопрос точно и исчерпывающе передан, терминология сохранена, студент превосходно владеет основной и дополнительной литературой, ошибок нет. • «Хорошо» (зачтено): Ответ полный, хотя краток, терминологически правильный, нет существенных недочетов. Студент хорошо владеет пройденным программным материалом; владеет основной литературой, суждения правильны. • «Удовлетворительно» (зачтено): Ответ неполный. В терминологии имеются недостатки. Студент владеет программным материалом, но имеются недочеты. Суждения фрагментарны. • «Неудовлетворительно» (не зачтено): Не использована специальная терминология. Ответ в сущности неверен. Переданы лишь отдельные фрагменты соответствующего материала вопроса. Ответ не соответствует вопросу или вовсе не дан. ОЦЕНКА СФОРМИРОВАННОСТИ КОМПЕТЕНЦИИ ОПК-7: Способен взаимодействовать с участниками образовательных отношений в рамках реализации образовательных программ. ПРИМЕРЫ ЗАДАНИЙ ЗАКРЫТОГО ТИПА 1.Какие цветовые модели чаще всего используются в графических редакторах? a) RGB и CMYK b) HSV и HSL c) RYB и LAB d) HEX и Pantone Ответ: a) RGB и CMYK 2.Какой инструмент в Photoshop используется для регулировки яркости и контраста изображения? a) Кисть b) Градиент c) Кривые d) Мазки Ответ: c) Кривые Какой эффект можно достичь, используя инструмент "Размытие" в графическом редакторе? a) Увеличение резкости b) Создание эффекта движения c) Удаление красных глаз на фотографии d) Размытие фона Ответ: d) Размытие фона 3.Какой инструмент используется для изменения размера изображения без потери качества? a) Масштаб b) Обрезка c) Вращение d) Клонирование Ответ: a) Масштаб 4.Какой инструмент позволяет создавать текстовые надписи на изображении в графическом редакторе? a) Кисть b) Текстовое поле c) Линейка d) Эффект "Волнистое стекло" Ответ: b) Текстовое поле 5.Какой формат изображения обычно используется для печати фотографий? a) JPEG b) PNG c) TIFF d) GIF Ответ: c) TIFF 6.Какая функция в графических редакторах позволяет отменить предыдущее действие? a) Вернуть b) Отменить c) Стереть d) Загрузить Ответ: b) Отменить 7.Какой режим слоя в Photoshop делает прозрачным всё, кроме выделенной области? a) Режим "Наложение" b) Режим "Умножение" c) Режим "Вычитание" d) Режим "Маска слоя" Ответ: d) Режим "Маска слоя" 8.В каком графическом редакторе можно создавать векторные изображения? a) Photoshop b) Illustrator c) GIMP d) CorelDRAW Ответ: b) Illustrator 9.Какая основная цель использования графических редакторов в профессиональной деятельности? a) Работа с текстовыми документами b) Создание 3D-моделей c) Редактирование и создание графических изображений d) Работа с базами данных Ответ: c) Редактирование и создание графических изображений 10.Какой эффект можно достичь, используя инструмент "Заливка" (Fill) в графических редакторах? a) Изменение яркости b) Заливка цветом выбранной области c) Увеличение резкости d) Вращение объектов Ответ: b) Заливка цветом выбранной области 11.Какая команда позволяет отменить последнее действие в графическом редакторе? a) Ctrl+Z b) Ctrl+C c) Ctrl+X d) Ctrl+S Ответ: a) Ctrl+Z 12.Какой графический редактор широко используется в профессиональной деятельности для редактирования фотографий? a) Photoshop b) Microsoft Paint c) GIMP d) Adobe Illustrator Ответ: a) Photoshop Критерии оценивания: Каждое задание оценивается 1 баллом. Оценивание КИМ теоретического характера в целом: «отлично» – верно выполнено 85-100% заданий; «хорошо» – верно выполнено 70-84% заданий; «удовлетворительно» – верно выполнено 51-69% заданий; «неудовлетворительно» – верно выполнено 50% или менее 50% заданий. Примеры заданий открытого типа: 1. Роль графического редактора в профессиональной деятельности: Какие основные функции выполняет графический редактор в профессиональной работе? Ответ: Графический редактор позволяет создавать, редактировать и обрабатывать графические изображения и иллюстрации. 2. Популярные графические редакторы: Какие программы считаются наиболее популярными среди современных графических редакторов? Ответ: Среди наиболее популярных графических редакторов можно выделить Adobe Photoshop, Adobe Illustrator, CorelDRAW, GIMP и другие. 3. Форматы файлов в графических редакторах: Какие типы файловых форматов поддерживаются в графических редакторах? Ответ: Графические редакторы поддерживают разнообразные форматы файлов, включая JPEG, PNG, GIF, TIFF, PSD и многие другие. 4. Инструменты для создания растровой графики: Какие инструменты используются при работе с растровой графикой? Ответ: Для создания растровой графики часто применяются кисти, карандаши, заливка и другие инструменты. 5. Различия между векторной и растровой графикой: В чем заключаются основные различия между векторной и растровой графикой? Ответ: Векторная графика базируется на математических объектах, в то время как растровая представляет изображение в виде пикселей. 6. Коррекция цветовых схем и баланса: Какие возможности предоставляют современные графические редакторы для коррекции цветовых схем и баланса? Ответ: Современные редакторы позволяют менять цвета, контраст, яркость, насыщенность и использовать фильтры для коррекции цветовых характеристик. 7. Слоистая структура в редакторах: Для чего слоистая структура используется в графических редакторах? Ответ: Слоистая структура позволяет независимо управлять элементами изображения, облегчая его редактирование и монтаж. 8. Инструменты клонирования и штампа: Какие задачи выполняют инструменты клонирования и штампа в графических редакторах? Ответ: Инструменты клонирования и штампа используются для копирования и воссоздания частей изображения, для устранения дефектов или создания дубликатов элементов. 9. Изменение размера в векторном редакторе: Как можно изменить размер изображения без потери качества в векторном редакторе? Ответ: В векторном редакторе можно изменить размер изображения без потери качества, так как оно представлено в виде математических объектов. 10. Маски и наложение слоев: Какие функции выполняют маски и наложение слоев в графических редакторах? Ответ: Маски и наложение слоев позволяют управлять видимостью и взаимодействием различных элементов изображения. 11. Этапы работы с изображениями: Какие этапы включает в себя работа с изображениями в графических редакторах? Ответ: Основные этапы работы с изображениями включают в себя импорт, редактирование, сохранение и вывод изображений. 12. Профессиональная деятельность с использованием графических редакторов: Какие виды профессиональной деятельности могут включать в себя работу с графическими редакторами? Ответ: Профессиональная работа с графическими редакторами может охватывать дизайн, иллюстрацию, веб-дизайн, ретуширование фотографий, создание анимаций и многое другое. Критерии оценивания открытых вопросов: • "Отлично" (зачтено): Ответ является полным и развернутым. Вопрос передан точно и исчерпывающе. Терминология сохранена, и в ответе отсутствуют ошибки. Студент проявляет выдающееся знание как основной, так и дополнительной литературы. • "Хорошо" (зачтено): Ответ полный, хотя и краткий. Терминологически верный, без значительных недочетов. Студент демонстрирует хорошее понимание пройденного материала и обладает основными знаниями из литературы. Суждения в ответе правильны. • "Удовлетворительно" (зачтено): Ответ является неполным. В терминологии имеются недостатки, но они не существенны. Студент обладает знанием программного материала, однако присутствуют фрагментарные недоработки. Суждения в ответе частичны. • "Неудовлетворительно" (не зачтено): В ответе отсутствует использование специальной терминологии. Ответ фактически неверен или переданы лишь отдельные фрагменты материала, не соответствующие вопросу. Ответ не соответствует поставленному вопросу или отсутствует вовсе. |
| 5.2. Темы письменных работ для проведения текущего контроля (эссе, рефераты, курсовые работы и др.) |
| Не предусмотрено |
| 5.3. Фонд оценочных средств для проведения промежуточной аттестации |
| Промежуточная аттестация заключается в проведении в конце семестра экзамена. Для обучающихся, организуется экзамен в форме письменного опроса по всему изученному курсу. Контрольно-измерительный материал для письменного опроса формируется из заданий открытого типа текущего контроля, размещенных в Контрольных вопросах и заданиях для проведения текущей аттестации по дисциплины, а также заданий текущего контроля в онлайн-курсе на образовательном портале «Цифровой университет АлтГУ». Количество заданий в письменном опросе для промежуточной аттестации - 20. КРИТЕРИИ ОЦЕНИВАНИЯ: Каждое задание оценивается 1 баллом. Оценивание КИМ в целом: «отлично» – верно выполнено более 85% заданий; «хорошо» – верно выполнено более 70% заданий, «удовлетворительно» верно выполнено более 50% заданий. |
| 6.1. Рекомендуемая литература | ||||
| 6.1.1. Основная литература | ||||
| Авторы | Заглавие | Издательство, год | Эл. адрес | |
| Л1.1 | Буковецкая О.А. | Дизайн текста: шрифт, эффекты, цвет.: учеб. пособие | М.: ДМК Пресс // ЭБС "Университетская библиотека online", 2006 | e.lanbook.com |
| Л1.2 | Боресков А.В., Шикин Е.В. | КОМПЬЮТЕРНАЯ ГРАФИКА. Учебник и практикум для прикладного бакалавриата: Гриф УМО ВО | М.:Издательство Юрайт, 2018 | biblio-online.ru |
| Л1.3 | Клещев О. И. | Типографика: Учебники и учебные пособия для ВУЗов | Архитектон, 2016 | biblioclub.ru |
| 6.1.2. Дополнительная литература | ||||
| Авторы | Заглавие | Издательство, год | Эл. адрес | |
| Л2.1 | Диков А.В. | Веб-технологии HTML и CSS: Учебное пособие | М.: Директ-Медиа // ЭБС "ONLINE", 2012 | biblioclub.ru |
| Л2.2 | Молочков В. П. | Макетирование и верстка в Adobe InDesign: Учебная литература для ВУЗов | Национальный Открытый Университет «ИНТУИТ», 2016 | biblioclub.ru |
| 6.1.3. Дополнительные источники | ||||
| Авторы | Заглавие | Издательство, год | Эл. адрес | |
| Л3.1 | Усанова А. Л. | История и теория дизайна: программа и метод. рекомендации для студентов дневной формы обучения | Барнаул : Изд-во АлтГУ// ЭБС АлтГУ, 2009 | elibrary.asu.ru |
| 6.2. Перечень ресурсов информационно-телекоммуникационной сети "Интернет" | ||||
| Название | Эл. адрес | |||
| Э1 | Webref: руководства по веб-технологиям | webref.ru | ||
| Э2 | Caniuse: руководство по HTML и CSS | caniuse.com | ||
| Э3 | GridCalculator | gridcalculator.dk | ||
| Э4 | Grid Designer | grid.mindplay.dk | ||
| Э5 | Типомания: онлайн-словарь терминов | typo.mania.ru | ||
| Э6 | Электронный курс на Едином образовательном портале АлтГУ: https://portal.edu.asu.ru/course/view.php?id=8901 | portal.edu.asu.ru | ||
| 6.3. Перечень программного обеспечения | ||||
| Microsoft Office 2010 (Office 2010 Professional, № 4065231 от 08.12.2010), (бессрочно); Microsoft Windows 7 (Windows 7 Professional, № 61834699 от 22.04.2013), (бессрочно); Chrome (http://www.chromium.org/chromium-os/licenses ), (бессрочно); 7-Zip (http://www.7-zip.org/license.txt ), (бессрочно); AcrobatReader (http://wwwimages.adobe.com/content/dam/Adobe/en/legal/servicetou/Acrobat_com_Additional_TOU-en_US-20140618_1200.pdf), (бессрочно); ASTRA LINUX SPECIAL EDITION (https://astralinux.ru/products/astra-linux-special-edition/), (бессрочно); LibreOffice (https://ru.libreoffice.org/), (бессрочно); Веб-браузер Chromium (https://www.chromium.org/Home/), (бессрочно); Антивирус Касперский (https://www.kaspersky.ru/), (до 23 июня 2024); Архиватор Ark (https://apps.kde.org/ark/), (бессрочно); Okular (https://okular.kde.org/ru/download/), (бессрочно); Редактор изображений Gimp (https://www.gimp.org/), (бессрочно) | ||||
| 6.4. Перечень информационных справочных систем | ||||
| Информационная справочная система: СПС КонсультантПлюс (инсталлированный ресурс АлтГУ или http://www.consultant.ru/). Профессиональные базы данных: 1. Электронная база данных «Scopus» (http://www.scopus.com); 2. Электронная библиотечная система Алтайского государственного университета (http://elibrary.asu.ru/); 3. Научная электронная библиотека elibrary (http://elibrary.ru). | ||||
| Аудитория | Назначение | Оборудование |
|---|---|---|
| 206Л | лаборатория информационных технологий - компьютерный класс - учебная аудитория для проведения занятий семинарского типа (лабораторных и(или) практических); проведения групповых и индивидуальных консультаций, текущего контроля и промежуточной аттестации | Учебная мебель на 14 посадочных мест; компьютеры: марка DEPO модель Neos 260, мониторы: марка Philips модель 227E3LHSU - 14 единиц |
| 106Л | помещение для хранения и профилактического обслуживания учебного оборудования | Стеллажи – 3 шт. осциллограф, паяльная станция, источник тока, переносные ноутбуки |
| Помещение для самостоятельной работы | помещение для самостоятельной работы обучающихся | Компьютеры, ноутбуки с подключением к информационно-телекоммуникационной сети «Интернет», доступом в электронную информационно-образовательную среду АлтГУ |
| 204Л | лаборатория информационных технологий - компьютерный класс - учебная аудитория для проведения занятий семинарского типа (лабораторных и(или) практических); проведения групповых и индивидуальных консультаций, текущего контроля и промежуточной аттестации | Учебная мебель на 14 посадочных мест; компьютеры: марка DEPO модель Neos 260 - 14 единиц; Интерактивная доска Smart board 680 IV со встроенным проектором v25 |
| Освоение учебной дисциплины предполагает посещение практических занятий, а также самостоятельную работу студента. На практических занятиях обсуждаются теоретические вопросы учебной дисциплины, а также решаются практические задания. Основная цель практических занятий - формирование практических умений и опыта, связанного с аспектами проектирования современного пользовательского интерфейса, а также развития познавательных способностей, творческой инициативы, самостоятельности и организованности. При выполнении самостоятельной работы следует внимательно читать, каким образом сформулировано задание, а также ознакомиться с критериями оценивания этого задания. Если при выполнении задания возникли вопросы или затруднения, следует обратиться к дополнительной литературе, задать вопрос преподавателю в часы консультации или с помощью системы обмена сообщениям электронного образовательного портала университета. Для эффективного освоения дисциплины рекомендуется выполнять задания систематично, последовательно, с опорой на материалы практических занятий, рекомендованную учебную литературу, собственные наблюдения и результаты собственного информационного поиска. Результаты выполнения самостоятельной работы обсуждаются на практических занятиях. Рекомендуется участвовать в таких обсуждениях для повышения качества учебных работ, для формирования навыков критической оценки и рефлексивных навыков. |