Мультимедиа
Мультимедиа
Что такое мультимедиа?
Устройства мультимедиа
Технологии мультимедиа
Программные средства мультимедиа
Что такое презентация
Содержание презентации
Выбор дизайна («темы»)
Выбор цветов
Выбор цветов
Выбор цветов
Мультимедиа
Макеты
Выравнивание
Списки
Выравнивание
Выравнивание
Выравнивание
Сочетания цветов
Текст и фон
Чек-лист (проверочный лист)
Мультимедиа
Что такое анимация?
Последовательное появление объектов
Последовательное появление объектов
Установка элемента на своё место
Иллюстрация процесса
Как сделать анимацию?
Мультимедиа
5.80M
Category: informaticsinformatics

Мультимедиа. § 37. Введение

1. Мультимедиа

1
Мультимедиа
§ 37. Введение
§ 38. Работа со слайдом
§ 39. Анимация
§ 40. Презентация с несколькими
слайдами
К.Ю. Поляков, Е.А. Ерёмин, 2017
http://kpolyakov.spb.ru

2. Мультимедиа

2
Мультимедиа
§ 37. Введение
К.Ю. Поляков, Е.А. Ерёмин, 2017
http://kpolyakov.spb.ru

3. Что такое мультимедиа?

Мультимедиа, 7 класс
3
Что такое мультимедиа?
Мультимедиа — это использование различных
форм представления информации (текст,
графика, анимация, звук, видео и т. д.) в одном
документе.
Интерактивность (взаимная активность) — это
взаимодействие человека с компьютером во
время показа материала.
К.Ю. Поляков, Е.А. Ерёмин, 2017
http://kpolyakov.spb.ru

4. Устройства мультимедиа

Мультимедиа, 7 класс
7
Что такое презентация
Компьютерная презентация — это набор
изображений (слайдов), которые сменяют друг
друга по команде человека или через заданные
промежутки времени.
Microsoft PowerPoint
OpenOffice Impress
Онлайн-сервисы:
Microsoft PowerPoint онлайн
office.live.com/start/PowerPoint.aspx
Google Презентации
docs.google.com/presentation
prezi.com
К.Ю. Поляков, Е.А. Ерёмин, 2017
бесплатно!
http://kpolyakov.spb.ru

5. Технологии мультимедиа

Мультимедиа, 7 класс
8
Что такое слайд?
слайд-пленка
слайд
проектор
слайд в рамке
Компьютерная презентация служит для
иллюстрации устного выступления.
К.Ю. Поляков, Е.А. Ерёмин, 2017
http://kpolyakov.spb.ru

6. Программные средства мультимедиа

Мультимедиа, 7 класс
10
Текст на слайде
?
Лисица
Лиса, или лисица — общее название нескольких
видов млекопитающих семейства псовых. Лишь
11 видов этой группы относят к роду собственно
лисиц (лат. Vulpes). Наиболее известный и
распространённый представитель —
обыкновенная лисица (Vulpes vulpes). Лисицы
встречаются в фольклоре многих народов по
всему миру.
Согласно современным представлениям о
филогении псовых группа лисиц —
полифилетическая, следовательно, непригодная
для использования в качестве таксона.
?
?
!
К.Ю. Поляков, Е.А. Ерёмин, 2017
Что плохо?
Если читать?
Если не читать?
Текст – в заметки!
http://kpolyakov.spb.ru

7. Что такое презентация

Мультимедиа, 7 класс
11
Выбор дизайна («темы»)
«Тема» (шаблон):
• цвета
• набор шрифтов
• элементы украшения (кружочки, завитушки, …)
PowerPoint:
OpenOffice Impress:
Файл – Создать – Шаблоны
К.Ю. Поляков, Е.А. Ерёмин, 2017
http://kpolyakov.spb.ru

8.

Мультимедиа, 7 класс
12
Выбор цветов
Цветовой круг:
жёлтый
красный
зеленый
пурпурный
голубой
холодные цвета
спокойствие
уверенность
снижение пульса
К.Ю. Поляков, Е.А. Ерёмин, 2017
тёплые цвета
беспокойство
увеличение пульса
стресс
синий
http://kpolyakov.spb.ru

9. Содержание презентации

Мультимедиа, 7 класс
13
Выбор цветов
жёлтый
зеленый
красный
голубой
пурпурный
+ чёрный
+ белый
синий
2 цвета: напротив друг друга (дополнительные)
3 цвета: под углом 120°
4 цвета: под углом 90°
К.Ю. Поляков, Е.А. Ерёмин, 2017
http://kpolyakov.spb.ru

10.

Мультимедиа, 7 класс
14
Выбор цветов
!
Фон мешает читать
текст слайда!
?!
Где лучше? Почему?
Используем
не более
3-4 цветов!
фон, заголовок, текст,
Подбор цветов:
выделенный текст
paletton.com
color.adobe.com/ru/create/color-wheel
К.Ю. Поляков, Е.А. Ерёмин, 2017
http://kpolyakov.spb.ru

11. Выбор дизайна («темы»)

15
Мультимедиа
§ 38. Работа со слайдом
К.Ю. Поляков, Е.А. Ерёмин, 2017
http://kpolyakov.spb.ru

12. Выбор цветов

Мультимедиа, 7 класс
16
Макеты
Макет – это заготовка, которая задаёт
расположение элементов на слайде.
всё сами
таблица
рисунок
диаграмма
видео
!
К.Ю. Поляков, Е.А. Ерёмин, 2017
F5 – просмотр!
http://kpolyakov.spb.ru

13. Выбор цветов

Мультимедиа, 7 класс
17
Расположение элементов на слайде
!
Главная задача презентации – донести
информацию!
• не более 7 элементов
• все должно быть хорошо видно
• текст должен хорошо читаться
Поля:
К.Ю. Поляков, Е.А. Ерёмин, 2017
?
Где лучше? Почему?
http://kpolyakov.spb.ru

14. Выбор цветов

Мультимедиа, 7 класс
18
Выравнивание
горизонтальное
выравнивание
интервалы
?
Где лучше? Почему?
вертикальное
выравнивание
К.Ю. Поляков, Е.А. Ерёмин, 2017
http://kpolyakov.spb.ru

15. Мультимедиа

Мультимедиа, 7 класс
19
Текст на слайдах
!
Текст должен хорошо читаться!
1 пт = 1/72 дюйма
• кегль заголовков 32 пт
1 дюйм = 2,54 см
• кегль текста 24 пт
• рубленые шрифты:
Arial, Helvetica, Calibri, Verdana
• не более 2 шрифтов
лучше читаются
издалека
К.Ю. Поляков, Е.А. Ерёмин, 2017
http://kpolyakov.spb.ru

16. Макеты

Мультимедиа, 7 класс
20
Списки
маркированный
порядок не важен
К.Ю. Поляков, Е.А. Ерёмин, 2017
нумерованный
порядок важен
http://kpolyakov.spb.ru

17.

Мультимедиа, 7 класс
21
Выравнивание
по ширине
!
влево
?
Где лучше? Почему?
В узких колонках текст лучше не
выравнивать по ширине!
К.Ю. Поляков, Е.А. Ерёмин, 2017
http://kpolyakov.spb.ru

18. Выравнивание

Мультимедиа, 7 класс
22
Выравнивание
Зачем выравнивают
текст по левой границе?
!
?
Где лучше? Почему?
В длинных текстах выравнивание левой границы
облегчает поиск начала следующей строки!
К.Ю. Поляков, Е.А. Ерёмин, 2017
http://kpolyakov.spb.ru

19.

Мультимедиа, 7 класс
23
Выравнивание
Зачем нужны маркеры?
К.Ю. Поляков, Е.А. Ерёмин, 2017
?
Где лучше? Почему?
http://kpolyakov.spb.ru

20. Списки

Мультимедиа, 7 класс
24
Сочетания цветов
низкий контраст
«текст-фон»
К.Ю. Поляков, Е.А. Ерёмин, 2017
?
Где лучше? Почему?
http://kpolyakov.spb.ru

21. Выравнивание

Мультимедиа, 7 класс
25
Текст и фон
?
Где лучше? Почему?
плашка – область,
залитая одним цветом
К.Ю. Поляков, Е.А. Ерёмин, 2017
http://kpolyakov.spb.ru

22. Выравнивание

Мультимедиа, 7 класс
26
Чек-лист (проверочный лист)
• На слайде не более 7– 9 объектов?
• На слайде есть поля?
• Элементы на слайде выровнены по
вертикали и горизонтали?
• Текст хорошо читается издалека? Даже при
показе через проектор?
• Рисунки и фон не мешают воспринимать
информацию?
К.Ю. Поляков, Е.А. Ерёмин, 2017
http://kpolyakov.spb.ru

23. Выравнивание

Мультимедиа, 7 класс
27
Добавление объектов на слайд
PowerPoint:
Есть ли жизнь на Марсе?
Да
13%
Не
знаю
53%
К.Ю. Поляков, Е.А. Ерёмин, 2017
Нет
34%
• по щелчку
• при наведении
мыши
http://kpolyakov.spb.ru

24. Сочетания цветов

Мультимедиа, 7 класс
28
Добавление объектов на слайд
PowerPoint:
Надпись
в рамке
Лучше WAV, MID, MP3
Лучше WMV, MPG, MP4
PowerPoint может внедрять!
!
Видео и звук – отдельные файлы!
К.Ю. Поляков, Е.А. Ерёмин, 2017
http://kpolyakov.spb.ru

25. Текст и фон

29
Мультимедиа
§ 39. Анимация
К.Ю. Поляков, Е.А. Ерёмин, 2017
http://kpolyakov.spb.ru

26. Чек-лист (проверочный лист)

Мультимедиа, 7 класс
30
Что такое анимация?
Анимация (фр. animation — оживление) – это
оживление изображения на экране.
• Анимация — это всегда хорошо и интересно?
• Анимация должна облегчать восприятие
информации?
• Анимация сильно отвлекает внимание
слушателей?
К.Ю. Поляков, Е.А. Ерёмин, 2017
http://kpolyakov.spb.ru

27.

Мультимедиа, 7 класс
31
Последовательное появление объектов
Изменение цвета
текста, фона, линий…
Котики
Собачки
К.Ю. Поляков, Е.А. Ерёмин, 2017
!
Говорим о котиках,
остальное убрали!
http://kpolyakov.spb.ru

28.

Мультимедиа, 7 класс
32
Последовательное появление объектов
Сайт ВКонтакте попросил
снова ввести логин и пароль.
Что вы сделаете?
• Введу, раз так нужно.
Сайт ВКонтакте попросил
снова ввести логин и пароль.
Что вы сделаете?
• Введу, раз так нужно.
Опасности в Интернете
• Сообщения с
вредоносными ссылками
Опасности в Интернете
• Сообщения с
вредоносными ссылками
• Фишинговые сайты
Открывай скорее фотки
с последнего летнего
лагеря. Там ТАКОЕ:
fotki.leto.123.ru
К.Ю. Поляков, Е.А. Ерёмин, 2017
http://kpolyakov.spb.ru

29. Мультимедиа

Мультимедиа, 7 класс
33
Установка элемента на своё место
Суперкомпьютеры
TaihuLight
Tianhe-2
Ломоносов
Китай
Китай
Россия
93 петафлопс
40960 проц.
10,7 млн ядер
34 петафлопс
32000 проц.
3,1 млн ядер
1,7 петафлопс
10260 проц.
44000 ядер
К.Ю. Поляков, Е.А. Ерёмин, 2017
http://kpolyakov.spb.ru

30. Что такое анимация?

Мультимедиа, 7 класс
34
Иллюстрация процесса
К.Ю. Поляков, Е.А. Ерёмин, 2017
http://kpolyakov.spb.ru

31. Последовательное появление объектов

Мультимедиа, 7 класс
35
Как сделать анимацию?
PowerPoint:
Анимация для выделенного
объекта:
• вход
• выход
• выделение (изменение свойств)
• перемещение
ПКМ
Impress:
Демонстрация – Эффекты
К.Ю. Поляков, Е.А. Ерёмин, 2017
http://kpolyakov.spb.ru

32. Последовательное появление объектов

36
Мультимедиа
§ 40. Презентация с несколькими
слайдами
К.Ю. Поляков, Е.А. Ерёмин, 2017
http://kpolyakov.spb.ru

33. Установка элемента на своё место

Мультимедиа, 7 класс
37
Работа со слайдами
Вставка слайда:
PowerPoint: Ctrl+M
Impress: Вставка – Вставить слайд
Панель
«Слайды»
ЛКМ
ЛКМ+Ctrl = копировать
ПКМ
не будет
показываться
К.Ю. Поляков, Е.А. Ерёмин, 2017
http://kpolyakov.spb.ru

34. Иллюстрация процесса

Мультимедиа, 7 класс
38
Единый стиль оформления слайдов
• одинаковые цвета
• одинаковый набор шрифтов
• заголовки расположены в одинаковых местах
?
К.Ю. Поляков, Е.А. Ерёмин, 2017
Что плохо? Почему?
http://kpolyakov.spb.ru

35. Как сделать анимацию?

Мультимедиа, 7 класс
39
Переходы между слайдами
PowerPoint:
эффекты
перехода
Impress:
Звук
по щелчку или
по времени
Смена слайдов
К.Ю. Поляков, Е.А. Ерёмин, 2017
http://kpolyakov.spb.ru

36. Мультимедиа

Мультимедиа, 7 класс
40
Сортировщик слайдов
PowerPoint:
Сортировщик слайдов
Impress: панель Сортировщик слайдов
К.Ю. Поляков, Е.А. Ерёмин, 2017
http://kpolyakov.spb.ru

37.

Мультимедиа, 7 класс
41
Показ презентации
F5 – с первого слайда
Shift+F5 – с текущего слайда
PowerPoint:
только
время
полная
запись
Impress: Демонстрация
К.Ю. Поляков, Е.А. Ерёмин, 2017
http://kpolyakov.spb.ru

38.

Мультимедиа, 7 класс
42
Конец фильма
ПОЛЯКОВ Константин Юрьевич
д.т.н., учитель информатики
ГБОУ СОШ № 163, г. Санкт-Петербург
[email protected]
ЕРЕМИН Евгений Александрович
к.ф.-м.н., доцент кафедры мультимедийной
дидактики и ИТО ПГГПУ, г. Пермь
[email protected]
К.Ю. Поляков, Е.А. Ерёмин, 2017
http://kpolyakov.spb.ru

39.

Мультимедиа, 7 класс
43
Источники иллюстраций
1.
2.
3.
4.
5.
top4man.ru
ru.wikipedia.org
Foto-cat.ru
top500.org
авторские материалы
К.Ю. Поляков, Е.А. Ерёмин, 2017
http://kpolyakov.spb.ru
English     Русский Rules