SlideShare uma empresa Scribd logo
1 de 47
Baixar para ler offline
Мультимедийная редакция:
технология организации работы и
интернет-сервисы
Е. Н. Вирютина,
зав. сектором инноватики и
профессионального развития
Отдел научно-методической работы
ХГНБ им. В.Г. Короленко
«Мультимедийная журналистика —
это определенный способ
представления журналистского
материала.
Это медиапродукт, который посвящен
одной теме и сочетает в себе
несколько форматов — фото, видео,
текст, инфографика, интерактив.
Комбинации форматов могут быть
разные, но у этого материала всегда
есть общий смысл, цель, тема, идея,
проблема…»
Создает нужный
и актуальный
контент
Размещает его
на все доступные
ей платформы
Мультимедийная редакция
Группа журналистов занимается раскрытием
темы, а затем распределяет собранную
информацию между различными ее
носителями.
http://sila.media/testmm/
Интернет-сервисы
Инструменты
для создания контента
Платформы / контент-
хостинги
для хранения,
размещения и
популяризации
http://osvita.mediasapiens.ua/mediaprosvita/how_to/
http://bestapp.menu/
Алгоритм работы
1. Регистрация (для организации -полное
заполнение профиля)
2. Выбор макета/создание и наполнение, с
помощью библиотеки инструментов (текст,
мультимедиа, фото)
3. Публикация/распространение (социальные сети,
вставка в сайт, блог)
4. Сохранение материалов
Лонгрид:
формат для «длинного чтения»
• Амирханова Г. 25 сервисов, которые помогут создать лонгрид [Электронный
ресурс] / Гулим Амирханова // Best app: блог. – Режим доступа:
http://bestapp.menu/25-servisov-kotorye-pomogut-sozdat-longrid/ (дата
обращения: 24.03.2016). – Загл. с экрана.
• Платформа Atavist — як безкоштовно створити мультимедійний лонгрід
[Електроний ресурс] // Media Sapiens : сайт. – Режим доступу:
http://bit.ly/1VD2GlE (дата звернення: 24.03.2016). – Назва з тит. екрана.
Формат подачи информации, предназначенный
для мультимедийного рассказа длинных,
«глубоких» историй.
http://1po.st/
Tildaаtp://t
ilda.cc/
http://tilda.cc/
• Модульная
система и
библиотека
блоков
• Адаптивность
• Визуальний
контент
(фото/видео)
• Типографика
(работа с
шрифтом)
Аtavist
https://atavist.com
https://stampsy.com/
Stampsy
Инфографика
1. Визуальное представление
информации, данных
и знаний
2. «Визуализация информации
в целях последующего
анализа, выявление
взаимосвязей и представления
корреляции между
несколькими массивами
данных в удобной форме,
позволяющей наблюдателю
быстро разобраться в
представленной информации»
(П. Пархоменко)
Больше примеров
Infogr.am
http://infogr.am/
Ограничения:
 10 проектов
 Фото (≤10)
Создаем:
 Отчет-
инфографику
 Диаграмы/графи
ки
 Карты
Экспорт файлов :
нет
Возможности:
 Добавление
виджетов(YouTube
)
 Импорт данных
или источника
данных
Публикация:
 Ссылка/вставка
кода
 Электронная почта
 Социальные сети
Ограничения:
 5 проектов
Создаем:
 Инфографику
 Отчеты
 Постеры
 Реклама/продвиже
ние
(флаера,
приглашения,
меню т.п.)
 Социальные медиа
(мотиватори,
Headers , т.п.)
Экспорт файлов :
В бесплатном
аккаунте нет
Возможности:
 Добавление
виджетов (YouTube,
регестрация,
опросники )
Публикация:
 Ссылка/вставка
кода
 Социальные сетиhttps://venngage.com/
VENNGAGE
Piktochart
http://piktochart.com
Ограничения:
 11 шаблонов
Создаем:
 Инфографику
 Отчеты
 Презентации
 Постери
Возможности:
 Загрузка блоками
Экспорт файлов :
Формат:
.png/.jpg
Розмір:
 800 x 1227 px
 1200 x 1800 px
Публикация:
 Электронная почта
 Экспорт в Evernote
 Социальные сети
http://www.easel.ly/
easelly Ограничения:
 15 шаблонов
Экспорт файлов
 Low Quality
 High Quality
 PDF
Публикация:
 Ссылка/вставка
кода
 Инвайт для друга
 Распространение
для группы
 Электронная
почта
 Социальные сети
http://creately.com/
CREATELY Ограничения:
 5 диаграм
 1 проект
 3 соавтора
Создаем:
 Инфографику
 Диаграми
 Графики
 Ментальные
карты
 SWOTанализ
Экспорт файлов:
Формат :
.png/.jpg/.pdf
Розмір :
 high resolution
 original
 custom
Публикация:
 Ссылка/вставка
коду
 Социальные
сети
Сайти/блоги, посвященные инфографике:
1. Infographer *Электронный ресурс] : блог / Агенство Infographer . — Электрон.
данные. — Москва, 2013. — . — Режим доступа: http://infographer.ru/ (дата
обращения: 24.03.2016). — Загл. с экрана.
2. Infogra.ru *Электронный ресурс] : сайт / Сообщество дизайнеров,
инфодизайнеров и визуализаторов. — Электрон. данные. — 2011. — . — Режим
доступа: http://infographer.ru/ (дата обращения: 24.03.2016). — Загл. с экрана.
Инфографика на страницах интернет-СМИ:
1.Блог : Інфовіз: інфографіка, інтерактивна візуалізація даних *Електронний ресурс+ :
розділ сайту // Тексти.org.ua : сайт. — Електрон. дані та прогр. — Київ , 2013. — .
— Режим доступу: http://texty.org.ua/pg/blog/infoviz (дата звернення: 23.03.2016).
— Назва з тит. екрана. — Укр.
2.Інфографіка *Електронний ресурс+ : розділ сайту // Україна Incognita : веб-проект
щоден. всеукр. газети «День». — Електрон. дані та прогр. — Київ , 2011. — . —
Режим доступу: / http://incognita.day.kiev.ua/infohraphics/ (дата звернення:
23.03.2016). — Назва з тит. екрана. — Укр.
Библиотечная инфографика:
1. Інфографіка *Електронний ресурс+ / Українська бібліотечна асоціація // Pinterest. —
Електрон. граф. дані. — Режим доступу: / http://bit.ly/1ULamBL (дата звернення:
23.03.2016). — Назва з тит. екрана.
Облако
слов/тегов
http://www.wordle.net/
WORDLE
http://www.tagxedo.com/
Tagxedo
https://www.thinglink.com
Интерактивное фото
Плакаты
Glogster.com
Smore.com
Видео
PowToon
https://www.powtoon.com/
https://www.powtoon.com/
Презентация проекта
«Школа библиотечного журналиста»
http://www.videoscribe.co
Мультимедийная редакция: технология организации работы и интернет-сервисы

Mais conteúdo relacionado

Destaque

WWBF May event
WWBF May eventWWBF May event
WWBF May eventHi Gemba
 
What is Usersnap? An Introduction to bug tracking.
What is Usersnap? An Introduction to bug tracking.What is Usersnap? An Introduction to bug tracking.
What is Usersnap? An Introduction to bug tracking.Usersnap
 
Principles Into Practice: Co Design in Healthcare
Principles Into Practice: Co Design in HealthcarePrinciples Into Practice: Co Design in Healthcare
Principles Into Practice: Co Design in HealthcareMarie Ennis-O'Connor
 
Presentasi Omjay di Universitas Mulawarman, Samarinda
Presentasi Omjay di Universitas Mulawarman, SamarindaPresentasi Omjay di Universitas Mulawarman, Samarinda
Presentasi Omjay di Universitas Mulawarman, SamarindaWijaya Kusumah
 
Five Tier for Media Publishers and Advertising Networks
Five Tier for Media Publishers and Advertising NetworksFive Tier for Media Publishers and Advertising Networks
Five Tier for Media Publishers and Advertising NetworksFrank O'Brien
 
1 st year infographics team sports
1 st year infographics team sports1 st year infographics team sports
1 st year infographics team sportsCiclos Formativos
 
Negotiating Digital Academic Writing Literacy Development Using an Open Educa...
Negotiating Digital Academic Writing Literacy Development Using an Open Educa...Negotiating Digital Academic Writing Literacy Development Using an Open Educa...
Negotiating Digital Academic Writing Literacy Development Using an Open Educa...Nelson Mandela Metropolitan University
 
Angus @WebAdeptUK BNi Presentation 2017
Angus @WebAdeptUK BNi Presentation 2017Angus @WebAdeptUK BNi Presentation 2017
Angus @WebAdeptUK BNi Presentation 2017BNi Pembrokeshire
 
お役所風最悪なスライド
お役所風最悪なスライドお役所風最悪なスライド
お役所風最悪なスライドTetsuro Sasabe
 

Destaque (12)

WWBF May event
WWBF May eventWWBF May event
WWBF May event
 
What is Usersnap? An Introduction to bug tracking.
What is Usersnap? An Introduction to bug tracking.What is Usersnap? An Introduction to bug tracking.
What is Usersnap? An Introduction to bug tracking.
 
Principles Into Practice: Co Design in Healthcare
Principles Into Practice: Co Design in HealthcarePrinciples Into Practice: Co Design in Healthcare
Principles Into Practice: Co Design in Healthcare
 
Presentasi Omjay di Universitas Mulawarman, Samarinda
Presentasi Omjay di Universitas Mulawarman, SamarindaPresentasi Omjay di Universitas Mulawarman, Samarinda
Presentasi Omjay di Universitas Mulawarman, Samarinda
 
Doing business in china
Doing business in china Doing business in china
Doing business in china
 
Five Tier for Media Publishers and Advertising Networks
Five Tier for Media Publishers and Advertising NetworksFive Tier for Media Publishers and Advertising Networks
Five Tier for Media Publishers and Advertising Networks
 
1 st year infographics team sports
1 st year infographics team sports1 st year infographics team sports
1 st year infographics team sports
 
PEnDAR webinar 2 with notes
PEnDAR webinar 2 with notesPEnDAR webinar 2 with notes
PEnDAR webinar 2 with notes
 
Negotiating Digital Academic Writing Literacy Development Using an Open Educa...
Negotiating Digital Academic Writing Literacy Development Using an Open Educa...Negotiating Digital Academic Writing Literacy Development Using an Open Educa...
Negotiating Digital Academic Writing Literacy Development Using an Open Educa...
 
101 استراتيجية التعلم النشط
101 استراتيجية التعلم النشط101 استراتيجية التعلم النشط
101 استراتيجية التعلم النشط
 
Angus @WebAdeptUK BNi Presentation 2017
Angus @WebAdeptUK BNi Presentation 2017Angus @WebAdeptUK BNi Presentation 2017
Angus @WebAdeptUK BNi Presentation 2017
 
お役所風最悪なスライド
お役所風最悪なスライドお役所風最悪なスライド
お役所風最悪なスライド
 

Semelhante a Мультимедийная редакция: технология организации работы и интернет-сервисы

ммк для новых и старых медиа
ммк для новых и старых медиаммк для новых и старых медиа
ммк для новых и старых медиаErzhan Suleimenov
 
рефератсит
рефератситрефератсит
рефератситpet93
 
Лекция 3. Тема 1.2: понятия-термины-определения
Лекция 3. Тема 1.2: понятия-термины-определенияЛекция 3. Тема 1.2: понятия-термины-определения
Лекция 3. Тема 1.2: понятия-термины-определенияMax Kornev
 
New media (for ZhasCamp 2010)
New media (for ZhasCamp 2010)New media (for ZhasCamp 2010)
New media (for ZhasCamp 2010)Sergey
 
фото и инфографика в новостной журналистике
фото и инфографика в новостной журналистикефото и инфографика в новостной журналистике
фото и инфографика в новостной журналистикеIlona Fanta
 
Тренды социальных медиа
Тренды социальных медиаТренды социальных медиа
Тренды социальных медиаAlexey Ermolin
 
презентация1
презентация1презентация1
презентация1alka101
 
333 информатика. 11кл. заборовский, пупцев-минск, 2010 -150с
333  информатика. 11кл. заборовский, пупцев-минск, 2010 -150с333  информатика. 11кл. заборовский, пупцев-минск, 2010 -150с
333 информатика. 11кл. заборовский, пупцев-минск, 2010 -150сpsvayy
 
мультимедиа технологии в профессиональной деятельности
мультимедиа технологии в профессиональной деятельностимультимедиа технологии в профессиональной деятельности
мультимедиа технологии в профессиональной деятельностиIrisova67
 
Random 121006012930-phpapp02
Random 121006012930-phpapp02Random 121006012930-phpapp02
Random 121006012930-phpapp02celovek
 
мультимедиа технологии в профессиональной деятельности
мультимедиа технологии в профессиональной деятельностимультимедиа технологии в профессиональной деятельности
мультимедиа технологии в профессиональной деятельностиEvangelina0311
 
бюро мультимединого контента
бюро мультимединого контентабюро мультимединого контента
бюро мультимединого контентаErzhan Suleimenov
 
Использование Web 2.0
Использование Web 2.0 Использование Web 2.0
Использование Web 2.0 Alexey Dubinsky
 
Лекция 8. Тема 4.2:Контент Интернет-СМИ
Лекция 8. Тема 4.2:Контент Интернет-СМИЛекция 8. Тема 4.2:Контент Интернет-СМИ
Лекция 8. Тема 4.2:Контент Интернет-СМИMax Kornev
 

Semelhante a Мультимедийная редакция: технология организации работы и интернет-сервисы (20)

ммк для новых и старых медиа
ммк для новых и старых медиаммк для новых и старых медиа
ммк для новых и старых медиа
 
Infofr
InfofrInfofr
Infofr
 
рефератсит
рефератситрефератсит
рефератсит
 
Лекция 3. Тема 1.2: понятия-термины-определения
Лекция 3. Тема 1.2: понятия-термины-определенияЛекция 3. Тема 1.2: понятия-термины-определения
Лекция 3. Тема 1.2: понятия-термины-определения
 
New media (for ZhasCamp 2010)
New media (for ZhasCamp 2010)New media (for ZhasCamp 2010)
New media (for ZhasCamp 2010)
 
фото и инфографика в новостной журналистике
фото и инфографика в новостной журналистикефото и инфографика в новостной журналистике
фото и инфографика в новостной журналистике
 
Тренды социальных медиа
Тренды социальных медиаТренды социальных медиа
Тренды социальных медиа
 
CodeCamp 2011 //BSAnalytics.com
CodeCamp 2011 //BSAnalytics.comCodeCamp 2011 //BSAnalytics.com
CodeCamp 2011 //BSAnalytics.com
 
New it
New itNew it
New it
 
презентация1
презентация1презентация1
презентация1
 
Prezent
PrezentPrezent
Prezent
 
333 информатика. 11кл. заборовский, пупцев-минск, 2010 -150с
333  информатика. 11кл. заборовский, пупцев-минск, 2010 -150с333  информатика. 11кл. заборовский, пупцев-минск, 2010 -150с
333 информатика. 11кл. заборовский, пупцев-минск, 2010 -150с
 
Проект "Фабрика знаний"
Проект "Фабрика знаний"Проект "Фабрика знаний"
Проект "Фабрика знаний"
 
мультимедиа технологии в профессиональной деятельности
мультимедиа технологии в профессиональной деятельностимультимедиа технологии в профессиональной деятельности
мультимедиа технологии в профессиональной деятельности
 
Random 121006012930-phpapp02
Random 121006012930-phpapp02Random 121006012930-phpapp02
Random 121006012930-phpapp02
 
мультимедиа технологии в профессиональной деятельности
мультимедиа технологии в профессиональной деятельностимультимедиа технологии в профессиональной деятельности
мультимедиа технологии в профессиональной деятельности
 
бюро мультимединого контента
бюро мультимединого контентабюро мультимединого контента
бюро мультимединого контента
 
Использование Web 2.0
Использование Web 2.0 Использование Web 2.0
Использование Web 2.0
 
Лекция 8. Тема 4.2:Контент Интернет-СМИ
Лекция 8. Тема 4.2:Контент Интернет-СМИЛекция 8. Тема 4.2:Контент Интернет-СМИ
Лекция 8. Тема 4.2:Контент Интернет-СМИ
 
Presentation
PresentationPresentation
Presentation
 

Mais de Школа бібліотечного журналіста ХДНБ ім. В.Г. Короленка (9)

БібліоSPACE 9
БібліоSPACE 9БібліоSPACE 9
БібліоSPACE 9
 
БібліоSPACE 8
БібліоSPACE 8БібліоSPACE 8
БібліоSPACE 8
 
БібліоSPACE 7
БібліоSPACE 7БібліоSPACE 7
БібліоSPACE 7
 
БібліоSPACE 6
БібліоSPACE 6БібліоSPACE 6
БібліоSPACE 6
 
БібліоSPACE 5
БібліоSPACE 5БібліоSPACE 5
БібліоSPACE 5
 
БібліоSPACE 4
БібліоSPACE 4БібліоSPACE 4
БібліоSPACE 4
 
БібліоSPACE 3
БібліоSPACE 3БібліоSPACE 3
БібліоSPACE 3
 
БібліоSPACE 2
БібліоSPACE 2БібліоSPACE 2
БібліоSPACE 2
 
БібліоSPACE
БібліоSPACEБібліоSPACE
БібліоSPACE
 

Мультимедийная редакция: технология организации работы и интернет-сервисы

  • 1. Мультимедийная редакция: технология организации работы и интернет-сервисы Е. Н. Вирютина, зав. сектором инноватики и профессионального развития Отдел научно-методической работы ХГНБ им. В.Г. Короленко
  • 2. «Мультимедийная журналистика — это определенный способ представления журналистского материала. Это медиапродукт, который посвящен одной теме и сочетает в себе несколько форматов — фото, видео, текст, инфографика, интерактив. Комбинации форматов могут быть разные, но у этого материала всегда есть общий смысл, цель, тема, идея, проблема…»
  • 3. Создает нужный и актуальный контент Размещает его на все доступные ей платформы Мультимедийная редакция Группа журналистов занимается раскрытием темы, а затем распределяет собранную информацию между различными ее носителями.
  • 5. Интернет-сервисы Инструменты для создания контента Платформы / контент- хостинги для хранения, размещения и популяризации
  • 6.
  • 9. Алгоритм работы 1. Регистрация (для организации -полное заполнение профиля) 2. Выбор макета/создание и наполнение, с помощью библиотеки инструментов (текст, мультимедиа, фото) 3. Публикация/распространение (социальные сети, вставка в сайт, блог) 4. Сохранение материалов
  • 10. Лонгрид: формат для «длинного чтения» • Амирханова Г. 25 сервисов, которые помогут создать лонгрид [Электронный ресурс] / Гулим Амирханова // Best app: блог. – Режим доступа: http://bestapp.menu/25-servisov-kotorye-pomogut-sozdat-longrid/ (дата обращения: 24.03.2016). – Загл. с экрана. • Платформа Atavist — як безкоштовно створити мультимедійний лонгрід [Електроний ресурс] // Media Sapiens : сайт. – Режим доступу: http://bit.ly/1VD2GlE (дата звернення: 24.03.2016). – Назва з тит. екрана. Формат подачи информации, предназначенный для мультимедийного рассказа длинных, «глубоких» историй.
  • 13. • Модульная система и библиотека блоков • Адаптивность • Визуальний контент (фото/видео) • Типографика (работа с шрифтом)
  • 16. Инфографика 1. Визуальное представление информации, данных и знаний 2. «Визуализация информации в целях последующего анализа, выявление взаимосвязей и представления корреляции между несколькими массивами данных в удобной форме, позволяющей наблюдателю быстро разобраться в представленной информации» (П. Пархоменко)
  • 18. Infogr.am http://infogr.am/ Ограничения:  10 проектов  Фото (≤10) Создаем:  Отчет- инфографику  Диаграмы/графи ки  Карты Экспорт файлов : нет Возможности:  Добавление виджетов(YouTube )  Импорт данных или источника данных Публикация:  Ссылка/вставка кода  Электронная почта  Социальные сети
  • 19.
  • 20.
  • 21. Ограничения:  5 проектов Создаем:  Инфографику  Отчеты  Постеры  Реклама/продвиже ние (флаера, приглашения, меню т.п.)  Социальные медиа (мотиватори, Headers , т.п.) Экспорт файлов : В бесплатном аккаунте нет Возможности:  Добавление виджетов (YouTube, регестрация, опросники ) Публикация:  Ссылка/вставка кода  Социальные сетиhttps://venngage.com/ VENNGAGE
  • 22. Piktochart http://piktochart.com Ограничения:  11 шаблонов Создаем:  Инфографику  Отчеты  Презентации  Постери Возможности:  Загрузка блоками Экспорт файлов : Формат: .png/.jpg Розмір:  800 x 1227 px  1200 x 1800 px Публикация:  Электронная почта  Экспорт в Evernote  Социальные сети
  • 23.
  • 24.
  • 25. http://www.easel.ly/ easelly Ограничения:  15 шаблонов Экспорт файлов  Low Quality  High Quality  PDF Публикация:  Ссылка/вставка кода  Инвайт для друга  Распространение для группы  Электронная почта  Социальные сети
  • 26.
  • 27. http://creately.com/ CREATELY Ограничения:  5 диаграм  1 проект  3 соавтора Создаем:  Инфографику  Диаграми  Графики  Ментальные карты  SWOTанализ Экспорт файлов: Формат : .png/.jpg/.pdf Розмір :  high resolution  original  custom Публикация:  Ссылка/вставка коду  Социальные сети
  • 28. Сайти/блоги, посвященные инфографике: 1. Infographer *Электронный ресурс] : блог / Агенство Infographer . — Электрон. данные. — Москва, 2013. — . — Режим доступа: http://infographer.ru/ (дата обращения: 24.03.2016). — Загл. с экрана. 2. Infogra.ru *Электронный ресурс] : сайт / Сообщество дизайнеров, инфодизайнеров и визуализаторов. — Электрон. данные. — 2011. — . — Режим доступа: http://infographer.ru/ (дата обращения: 24.03.2016). — Загл. с экрана. Инфографика на страницах интернет-СМИ: 1.Блог : Інфовіз: інфографіка, інтерактивна візуалізація даних *Електронний ресурс+ : розділ сайту // Тексти.org.ua : сайт. — Електрон. дані та прогр. — Київ , 2013. — . — Режим доступу: http://texty.org.ua/pg/blog/infoviz (дата звернення: 23.03.2016). — Назва з тит. екрана. — Укр. 2.Інфографіка *Електронний ресурс+ : розділ сайту // Україна Incognita : веб-проект щоден. всеукр. газети «День». — Електрон. дані та прогр. — Київ , 2011. — . — Режим доступу: / http://incognita.day.kiev.ua/infohraphics/ (дата звернення: 23.03.2016). — Назва з тит. екрана. — Укр. Библиотечная инфографика: 1. Інфографіка *Електронний ресурс+ / Українська бібліотечна асоціація // Pinterest. — Електрон. граф. дані. — Режим доступу: / http://bit.ly/1ULamBL (дата звернення: 23.03.2016). — Назва з тит. екрана.
  • 31.
  • 33.
  • 35.
  • 36.
  • 39.
  • 41.
  • 45.