Мультимедиа

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 класс
4
Устройства мультимедиа
• DVD-дисководы
• видеокарты, содержащие мощные процессоры и
оперативную память
• звуковые карты
• звуковые колонки
• микрофон
• MIDI – клавиатура для записи музыки в виде нот через
специальный разъём звуковой карты
• тюнер (для записи теле- и радиосигналов)
• цифровые фотокамеры и видеокамеры
К.Ю. Поляков, Е.А. Ерёмин, 2017
http://kpolyakov.spb.ru

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

Мультимедиа, 7 класс
5
Технологии мультимедиа
Технология — способ изготовления некоторого
продукта из исходных материалов.
• приём и обработка телевизионного сигнала
• видеозахват — ввод, сохранение в цифровом виде и
обработка видеосигнала
• анимация — «оживление» изображения на экране
• звуковые эффекты
• трёхмерная графика (3D-графика)
• виртуальная реальность
К.Ю. Поляков, Е.А. Ерёмин, 2017
http://kpolyakov.spb.ru

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

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

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

Мультимедиа, 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

8.

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

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

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

10.

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

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

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

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

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

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

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

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

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

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

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

16. Макеты

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

17.

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

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

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

19.

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

20. Списки

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

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

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

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

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

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

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

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

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

25. Текст и фон

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

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

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

27.

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

28.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

37.

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

38.

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

39.

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

40.

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

41. Показ презентации

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

42. Конец фильма

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

43. Источники иллюстраций

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