Шибут Ирина Петровна, старший преподаватель кафедры технологий коммуникации и связей с общественностью факультета журналистики БГУ, г. Минск

Учебная дисциплина, курс. «Мультимедийные технологии коммуникации», 1 курс, специальность «Информация и коммуникация».

Тема занятия: «Основные приемы планирования макета шаблона веб-страницы».

Количество часов на реализацию методической разработки: 10 часов (4 часа лабораторных занятий, 6 часов управляемой самостоятельной работы).

Учебная дисциплина «Мультимедийные технологии коммуникации» носит прикладной характер и является одной из базовых в рамках подготовки специалистов, чья профессия непосредственным образом связана с информационно-коммуникационной деятельностью. Актуальность изучения учебной дисциплины «Мультимедийные технологии коммуникации» обусловлена тем фактом, что вызвавшее серьезные трансформации во всех сферах современного общества развитие информационных и коммуникационных технологий не только кардинально изменило структуру, способы функционирования СМК и каналы распространения информации, но и привело к значительным трансформациям в самой профессии специалиста, работающего с информацией.

Для развития творческих умений студентов 1 курса факультета журналистики специальности «Информация и коммуникация» автором были использованы задания проектного типа и дистанционные образовательные технологии. Кроме самого задания студенты получали описание последовательности этапов выполнения задания, критерии его оценивания. Обязательными условиями выполнения всех заданий были: самостоятельный анализ информации по теме, разработка творческого проекта. Все промежуточные задания и презентации проектов были размещены на Образовательном портале БГУ.

Ключевая идея авторской методической разработки

Студентам предлагается продумать концепцию проекта будущего сайта для компании, которая занимается... (чем занимается и как называется компания – необходимо придумать самостоятельно).

Целеполагание преподавателя

• Предоставить студентам возможность формирования системного представления о теории и практике визуально-информационного дизайна, о роли современных технологий в организации коммуникационных процессов.
• В ходе разработки проекта создать условия для развития следующих профессиональных компетенций: создание, распространение, анализ информации с использованием современных информационных и коммуникационных технологий.

Целеполагание студента

Выберите из предложенных целей проекта одну наиболее значимую для себя (или предложите свой вариант в пункте «другое»):

• Рассказать интересно моей целевой аудитории о том, что меня волнует.
• Узнать для себя что-то новое об использовании технологий визуально-информационного дизайна.
• Попробовать себя в новой роли (дизайнера сайта, фотографа, автора текста).
• Вдохновиться, создать наброски интересного проекта.
• Другое:________________________

Круг реальных объектов действительности, предлагаемых студенту для изучения

Основные этапы разработки и проектирования макета шаблона веб-ресурса (цель создания и задачи, дизайн сайта и его элементов), понятия и определения теории дизайна, основные материалы и инструменты дизайнера, фундаментальные принципы теории дизайна.

Этапы проектной работы

Студентам предлагается:

• Описать тематику сайта.
• Описать цель и задачи будущего ресурса.
• Записать понятия, которые должны характеризовать впечатления посетителей сайта (описать прилагательными, какие эмоции должен испытывать пользователь при посещении сайта этой компании: дружественный, деловой, надежный, стабильный и т.д.).
• Выбрать цвета и сочетания цветов, характеризующих эти понятия.
• Придумать логотип и анимированный баннер.
• Продумать шрифт для заголовков, основных текстов. 
• Разработать макет шаблона сайта с помощью графического редактора. Шаблон должен содержать придуманный логотип, баннер, выбранные шрифты. Шаблон должен быть выполнен в фирменных цветах.

I. Занятие на основе эвристического диалога (аудиторное занятие – 2 академических часа / управляемая самостоятельная работа в дистанционном формате – 2 академических часа)

1. Целеполагание

1.1. Главная проблема (фундаментальный образовательный объект): основные понятия и определения теории дизайна.

1.2. Список изучаемых понятий: базовый инструмент мультимедийного дизайна (цвет, восприятие цвета, сочетаемость цветов).

1.3.Основные цели педагога по отношению к индивидуальной самореализации студента при изучении темы занятия: ориентация будущих специалистов в оценке традиций и современных тенденций в теории и практике информационного дизайна, освещение возможностей современных мультимедийных технологий в организации коммуникационных процессов.

1.4. Целеполагание студента:

Изучив теоретические аспекты и характеристики одного из базовых инструментов мультимедийного дизайна (цвет, восприятие цвета, сочетаемость цветов), ответьте на следующие вопросы:

• Какое настроение, какие ощущения вызывает у вас каждый из семи цветов радуги?
• Как каждый цвет на вас воздействует (вы расслабляетесь, раздражаетесь, в вас просыпается интерес к содержимому или, наоборот, становится скучно)?
• Почему опытные дизайнеры утверждают, что подбор цветового решения должен быть подобен созданию тончайшей парфюмерной композиции, где добавление каждого нового элемента обусловлено его сочетаемостью с остальными, а его количество точно отмерено и взвешено?

2. Организация педагогом эвристического диалога

• Ньютон разделил свет на семь цветов (радуга): красный, оранжевый, жёлтый, зелёный, голубой, индиго (синий) и фиолетовый. Опишите свои эмоциональные ощущения от каждого цвета радуги несколькими прилагательными (теплый, холодный, легкий, дружественный, деловой, надежный, стабильный и т.д.).
• Какие цвета вы бы взяли за основу фирменного стиля вашего будущего сайта?
• Какое информационное послание с точки зрения теории информационного дизайна вы бы закодировали каждым цветом?
• Вы получили свои цветовые предпочтения – это своеобразные сигналы личности (т. е. совокупность избранных человеком манеры поведения и средств, с помощью которых он добивается от окружающих его людей желательной для себя оценки). Обоснуйте их.

3. Знакомство с культурно-историческим аналогом

3.1.Открытое задание студентам для изучения реального объекта действительности:

Представьте, что вам необходимо продумать концепцию проекта будущего сайта для компании, которая занимается... (чем занимается и как называется компания – придумайте самостоятельно). Выберите цвета, которые могут стать основой фирменного стиля вашего будущего сайта (не более трех цветов). Запишите обоснование, основную идею, на которой будет построен весь имидж.

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

• Попробуйте сравнить свои цветовые ассоциации и впечатления с наблюдениями, ассоциациями и впечатлениями о цвете, проанализировав книгу русского художника В. Кандинского «О духовном в искусстве» (книга была издана впервые в 1910 году, и до сих пор остается бестселлером). Изменилось ли что-либо? Совпадают ли ваши ощущения с ассоциациями, символами, которые предлагает В. Кандинский? Даже если ваши ощущения отличаются, не расстраивайтесь, поскольку разнообразие цветовых настроений огромно: в минимальном наборе семи цветов радуги у всякого есть свой «любимый цвет».
• Еще раз после прочтения книги попробуйте записать ваши ощущения от каждого цвета несколькими прилагательными. Теперь вы получили цветовые предпочтения (сигналы личности), которые (есть вероятность!) совпадают не только с вашими. Эти цветовые предпочтения могут и не удовлетворить 100% вашей будущей целевой аудитории, но это гарантирует, что они не будут, по крайней мере, раздражать 100% вашей будущей целевой аудитории.

3.3. Обобщение образовательного продукта

• В профессиональной сфере при создании визуальных сообщений сигналы личности используются в качестве инструментария, шкалы оценок при создании определенного продукта. Теперь вам необходимо определить образ сайта, основную идею, на которой будет построен весь имидж. Для этого можно использовать несколько (два-три) слова-определения. Например: «традиции и устойчивый успех», «мобильность, гибкость и оперативность». Запишите эти понятия для своего проекта. Каждому такому понятию ассоциативно соответствует цвет или сочетание цветов. Найдите их.
• Попробуйте из этих ингредиентов составить основу для будущего цветового решения сайта с заданными характеристиками (не более трех цветов).

4. Критерии оценивания

Студенты оценивают (рецензируют) презентации своих однокурсников на Образовательном портале БГУ при помощи элемента Семинар, где студенты могут выставлять баллы и публиковать комментарии.

Преподаватель также в свою очередь производит оценивание и по окончании рецензирования оценивает еще и результаты взаимнооценивания студентов (аргументированность, объективность).

4. Рефлексия 

• Опишите свои эмоциональные впечатления на разных этапах занятия. Что для вас было труднее всего, а что – легче?
• Какие были трудности? Как вы их преодолевали?
• Какими тремя цветами вы могли бы выразить свою работу на сегодняшнем занятии?
• Сравните поставленные ранее цели с достигнутыми результатами: что удалось вам достичь, что не удалось?

II. Промежуточное занятие (управляемая самостоятельная работа –2 академических часа)

В соответствии с выбранной ранее темой и концепцией студентам предлагается придумать и разработать логотип, анимированный текстовый баннер. Для работы над этим этапом можно предварительно посмотреть разработанные преподавателем видеоуроки «Работа с текстом в Adobe Photoshop» (https://youtu.be/Tc4_0CtSNfI), «Создание анимированных текстов в Adobe Photoshop» (https://youtu.be/jdyD245M95A), «Создание покадровой gif-анимации в Adobe Photoshop» (https://youtu.be/gy78qftrcP4), «Создание gif-анимации с промежуточными кадрами в Adobe Photoshop» (https://youtu.be/97mmiA8KMSE). Ссылки на видеоуроки размещены на Образовательном портале БГУ.

III. Интернет-занятие (аудиторное занятие – 2 академических часа / управляемая самостоятельная работа – 2 академических часа)

1. Открытое задание

В соответствии с выбранной ранее темой и концепцией разработайте макет шаблона сайта с помощью графического редактора. Шаблон должен содержать придуманные вами логотип, баннер, выбранные шрифты. Шаблон должен быть выполнен в фирменных цветах. Шаблон необходимо загрузить на Образовательный портал БГУ с помощью элемента Семинар, который позволяет накапливать, просматривать, рецензировать, комментировать и взаимно оценивать работы. Устанавливаются сроки начала и окончания представления работ (фаза представления работ).

2. Коммуникативное задание посредством интернет-ресурсов

Каждому студенту в рамках УСР нужно будет оценить еще по 3 других работы. Работы назначаются в СДО Moodle случайным образом. Устанавливаются сроки начала и окончания оценивания работ (фаза оценивания).

Критерии оценивания для студентов (максимальная оценка – 40 баллов):

• наличие концепции (описания) сайта: цель будущего ресурса, какие задачи он должен решать, понятия, которые должны характеризовать впечатления посетителей сайта (10 баллов);
• качество выполнения макета (10 баллов);
• наличие анимированного баннера, логотипа качество их исполнения (10 баллов);
• наличие html-версии макета и работающих ссылок на внутренние страницы (наличие внутренних страниц) (10 баллов).

Критерии оценивания для преподавателя, который параллельно оценивает все работы студентов (максимальная оценка – 40 баллов):

• наличие концепции (описания) сайта: цель будущего ресурса, какие задачи он должен решать, понятия, которые должны характеризовать впечатления посетителей сайта (10 баллов);
• качество выполнения макета (10 баллов);
• наличие анимированного баннера, логотипа качество их исполнения (10 баллов);
• наличие html-версии макета и работающих ссылок на внутренние страницы (наличие внутренних страниц) (10 баллов).

После окончания фазы оценивания начинается фаза оценивания студенческих оценок преподавателем.

Критерии оценивания для преподавателя (максимальная оценка – 20 баллов):

• объективность и полнота всех критериев оценивания назначенных для рецензирования системой работ (20 баллов).

На итоговом занятии проходит защита проектов. Во время защиты преподавателем и аудиторией осуществляется анализ наиболее и наименее удачных фрагментов содержания и оформления.

Студентам предлагается осуществить рефлексию своей деятельности по следующему алгоритму.

1. Каковы были первоначальные цели и насколько их удалось реализовать?
2. Главный результат для вас лично при выполнении проекта?
3. Какие трудности возникали при выполнении проекта?
4. Что не получилось и почему?
5. Что бы еще хотелось узнать по данной проблеме (вопросы к преподавателю)?

Итоговая оценка выставляется с учетом разработанных критериев оценивания.

Выводы по результатам проведенных занятий

Занятия были проведены в весеннем семестре 2019-2020 учебного года. Оценивая полученный опыт с позиции самореализации студента, автор полагает, что в достаточно большой степени удалось заинтересовать всех студентов. Обсуждение было весьма эмоциональным (положительным), активным и заинтересованным, студенты отмечали, что узнали для себя много нового. Сделана попытка увидеть в знакомом содержании новые элементы. Опробованы новые методы и формы организации работы. Процесс обучения был живым, творческим, интересным как для студентов, так и для преподавателя. Несомненными плюсами являются свобода выбора индивидуальной цели, отсутствие неправильных ответов, возможность коллективного обсуждения полученных результатов, в том числе и при помощи интерактивных ресурсов.

Литература

1. Шибут, И. П. Мультимедийные технологии коммуникации: учебная программа учреждения высшего образования по учебной дисциплине для специальности 1-23 01 07 Информация и коммуникация / И. П. Шибут // Белорусский государственный университет. – Минск, 2020. – (программа на утверждении в УМЛИвО).
2. Шибут, И. П. Мультимедийные технологии коммуникации [Электронный ресурс]: учеб.-метод. комплекс / И. П. Шибут – Минск : БГУ, 2014. – 1 электронный оптический диск. ISBN 978-985-566-111-6. – Режим доступа: http://elib.bsu.by/handle/123456789/123672. – Дата доступа: 24.06.2020.