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

Мультимедиа

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
English     Русский Правила