SlideShare a Scribd company logo
1 of 22
Сервис infogr.am, 
или Создание интерактивной 
инфографики
Инфографика (от лат. informatio — 
осведомление, разъяснение, изложение; 
и др.-греч. γραφικός — письменный, от 
γράφω — пишу) — это графический способ 
подачи информации, данных и знаний.
Шаг 1. Для начала работы кликнуть «Create an 
Infographic / Создать инфографику»
Шаг 2. Создать аккаунт, заполнив соответствующие 
поля регистрационной формы (1), или войти, 
используя аккаунт социальных сетей Facebook, 
Twitter или Google+(2) 
1. 2.
Знакомство с интерфейсом: 
1. «Создать/Create» - создание инфографики; 
2. «Библиотека/Library» отражается количество 
созданной инфографики; 
3. «Upgrade to Pro» - выбор тарифного плана. 
1. 2. 3.
Шаг 3. Выбор тарифного плана* 
* На примере использования бесплатного тарифного плана Free
Возможности тарифного плана Free 
• Использование свыше 30 типов 
графиков; 
• Простота редактирования 
данных; 
• Импорт файлов .xls, .xlsx, .csv; 
• Публикация инфографики на 
Интернет-страницах и в 
социальных сетях Facebook, 
Twitter, Pinterest.
Шаг 4. Выбор шаблона инфографики
Шаг 5. Выбор вида графика
Шаг 6. Создание и редактирование 
инфографики
В выбранном шаблоне при 
двойном клике можно 
изменить : 
1. название инфографики; 
2. данные для отображения 
на графике; 
3. текст. 
1. 
2. 
3.
Кнопки для 
изменения вида 
графика 
Данные для 
отображения на 
графике можно 
ввести вручную 
Возможность 
импортировать 
файлы в 
формате .xls, 
.xlsx, .csv с ПК 
Возможность 
добавить 
страницы 
Изменение и 
редактирование 
графика
Что можно изменить на графике? 
Цвет 
Ширину 
Наименование осей 
«х» и «y» 
Определение 
данных осей 
«х» и «y»
Что можно добавить к инфографике? 
График 
Географическую карту 
Текст 
Изображение с ПК 
Видео 
(url канала YouTube, Vimeo)
Пример добавления статистики 
1. Дважды кликнуть для изменения шаблона 
2. Вручную ввести 
числовые данные, 
добавить подпись, 
выбрать значок их 
отображения. При 
необходимости 
количество 
данных можно 
изменять, нажав 
на «+» 
3. Кликнув «Setting», можно 
изменить цвет значков 
изображения данных
Панель управления инфографикой 
Редактирование 
Предварительны 
й просмотр 
Автоматическое 
сохранение 
инфографики Загрузить на ПК 
(тарифный план Free 
не предусматривает) 
Поделиться
Шаг 7. Поделиться инфографикой 
Наименование 
инфографики 
Описание 
инфографики
Поделиться в 
социальных сетях 
Код для вставки на 
Интернет-странице
Вид домашней страницы
Видеоинструкция по использованию 
сервиса infogr.am 
http://www.symbaloo.com/home/mix/13ePQJM79Y
Пример инфографики 
https://infogr.am/app/#/edit/oounb_1409067543
Удачи! 
©Булгакова О.А., 2014

More Related Content

Viewers also liked

Роботи студентів групи 3-A
Роботи студентів групи 3-AРоботи студентів групи 3-A
Роботи студентів групи 3-ANatasha Rupsha
 
презентация1
презентация1презентация1
презентация1Natasha Rupsha
 
Звіт за проектом "Бібліотеки і виборчий процес. Навчаємо бібліотекарів і вибо...
Звіт за проектом "Бібліотеки і виборчий процес. Навчаємо бібліотекарів і вибо...Звіт за проектом "Бібліотеки і виборчий процес. Навчаємо бібліотекарів і вибо...
Звіт за проектом "Бібліотеки і виборчий процес. Навчаємо бібліотекарів і вибо...Олена Проців
 
аналітична довідка за результатами опитування
аналітична довідка за результатами опитуванняаналітична довідка за результатами опитування
аналітична довідка за результатами опитуванняОлена Проців
 
презентація Adobe photoshop 7.0 filter
презентація Adobe photoshop 7.0 filterпрезентація Adobe photoshop 7.0 filter
презентація Adobe photoshop 7.0 filterNatasha Rupsha
 
Робота з сервісом Slideshare
Робота з сервісом SlideshareРобота з сервісом Slideshare
Робота з сервісом SlideshareNataSysoenko
 
використання ікт на уроках історії
використання ікт на уроках історіївикористання ікт на уроках історії
використання ікт на уроках історіїLana1980
 
Скачать готовую презентацию PREZI
Скачать готовую презентацию PREZIСкачать готовую презентацию PREZI
Скачать готовую презентацию PREZIOlga Titova
 
How to make useful web-services with minimal resources
How to make useful web-services with minimal resourcesHow to make useful web-services with minimal resources
How to make useful web-services with minimal resourcesTechCampKyiv
 
Kiev tech camp kalsoom lakhani crowdfunding presentation
Kiev tech camp kalsoom lakhani crowdfunding presentationKiev tech camp kalsoom lakhani crowdfunding presentation
Kiev tech camp kalsoom lakhani crowdfunding presentationTechCampKyiv
 
Виртуальная презентация Пушкин-наше все...
Виртуальная презентация Пушкин-наше все...Виртуальная презентация Пушкин-наше все...
Виртуальная презентация Пушкин-наше все...frlvanika
 

Viewers also liked (13)

Роботи студентів групи 3-A
Роботи студентів групи 3-AРоботи студентів групи 3-A
Роботи студентів групи 3-A
 
презентация1
презентация1презентация1
презентация1
 
Звіт за проектом "Бібліотеки і виборчий процес. Навчаємо бібліотекарів і вибо...
Звіт за проектом "Бібліотеки і виборчий процес. Навчаємо бібліотекарів і вибо...Звіт за проектом "Бібліотеки і виборчий процес. Навчаємо бібліотекарів і вибо...
Звіт за проектом "Бібліотеки і виборчий процес. Навчаємо бібліотекарів і вибо...
 
мастер клас
мастер класмастер клас
мастер клас
 
аналітична довідка за результатами опитування
аналітична довідка за результатами опитуванняаналітична довідка за результатами опитування
аналітична довідка за результатами опитування
 
презентація Adobe photoshop 7.0 filter
презентація Adobe photoshop 7.0 filterпрезентація Adobe photoshop 7.0 filter
презентація Adobe photoshop 7.0 filter
 
Робота з сервісом Slideshare
Робота з сервісом SlideshareРобота з сервісом Slideshare
Робота з сервісом Slideshare
 
використання ікт на уроках історії
використання ікт на уроках історіївикористання ікт на уроках історії
використання ікт на уроках історії
 
Скачать готовую презентацию PREZI
Скачать готовую презентацию PREZIСкачать готовую презентацию PREZI
Скачать готовую презентацию PREZI
 
How to make useful web-services with minimal resources
How to make useful web-services with minimal resourcesHow to make useful web-services with minimal resources
How to make useful web-services with minimal resources
 
Kiev tech camp kalsoom lakhani crowdfunding presentation
Kiev tech camp kalsoom lakhani crowdfunding presentationKiev tech camp kalsoom lakhani crowdfunding presentation
Kiev tech camp kalsoom lakhani crowdfunding presentation
 
скрайбинг
скрайбингскрайбинг
скрайбинг
 
Виртуальная презентация Пушкин-наше все...
Виртуальная презентация Пушкин-наше все...Виртуальная презентация Пушкин-наше все...
Виртуальная презентация Пушкин-наше все...
 

Similar to Сервис infogr.am, или Создание интерактивной инфографики

мастер класс эффективная презентация
мастер класс эффективная презентациямастер класс эффективная презентация
мастер класс эффективная презентацияOlgaB_112
 
Презентация
ПрезентацияПрезентация
ПрезентацияGAIGNM
 
Google docs
Google docsGoogle docs
Google docsGAIGNM
 
Мои практические работы
Мои практические работыМои практические работы
Мои практические работыriabokon_a
 
сервисы веб 2.0 в практике работы педагога Антонова Анна Александровна Кострома
сервисы веб 2.0 в практике работы педагога  Антонова Анна Александровна Костромасервисы веб 2.0 в практике работы педагога  Антонова Анна Александровна Кострома
сервисы веб 2.0 в практике работы педагога Антонова Анна Александровна КостромаAntonova_Anna
 
сервисы веб 2.0 в практике работы педагога
сервисы веб 2.0 в практике работы педагогасервисы веб 2.0 в практике работы педагога
сервисы веб 2.0 в практике работы педагогаAntonova_Anna
 
Инфографика. Краткая вводная
Инфографика. Краткая вводнаяИнфографика. Краткая вводная
Инфографика. Краткая вводнаяFreshle Community
 
презентация современные технологии в научных исследованиях
презентация  современные технологии в научных исследованияхпрезентация  современные технологии в научных исследованиях
презентация современные технологии в научных исследованияхAnastasia Odintsova
 
Рисунок Документы Google
Рисунок Документы GoogleРисунок Документы Google
Рисунок Документы GoogleShelty2011
 
урок1 компьютерные презентации
урок1 компьютерные презентацииурок1 компьютерные презентации
урок1 компьютерные презентацииKatrinka89
 
Компьютерная графика в Processing, часть 3. Изображения и текст
Компьютерная графика в Processing, часть 3. Изображения и текстКомпьютерная графика в Processing, часть 3. Изображения и текст
Компьютерная графика в Processing, часть 3. Изображения и текстTatiana Volkova
 
PC presentation (rus)
PC presentation (rus)PC presentation (rus)
PC presentation (rus)mrhofman
 
мультимедийные инструменты для работы он лайн изданий 2013
мультимедийные инструменты для работы он лайн изданий 2013мультимедийные инструменты для работы он лайн изданий 2013
мультимедийные инструменты для работы он лайн изданий 2013Ilona Fanta
 
100 % самоучитель Macromedia Flash MX
100 % самоучитель Macromedia Flash MX100 % самоучитель Macromedia Flash MX
100 % самоучитель Macromedia Flash MXStAlKeRoV
 

Similar to Сервис infogr.am, или Создание интерактивной инфографики (20)

мастер класс эффективная презентация
мастер класс эффективная презентациямастер класс эффективная презентация
мастер класс эффективная презентация
 
Infofr
InfofrInfofr
Infofr
 
GeoGebra-1
GeoGebra-1GeoGebra-1
GeoGebra-1
 
Презентация
ПрезентацияПрезентация
Презентация
 
Google docs
Google docsGoogle docs
Google docs
 
Мои практические работы
Мои практические работыМои практические работы
Мои практические работы
 
сервисы веб 2.0 в практике работы педагога Антонова Анна Александровна Кострома
сервисы веб 2.0 в практике работы педагога  Антонова Анна Александровна Костромасервисы веб 2.0 в практике работы педагога  Антонова Анна Александровна Кострома
сервисы веб 2.0 в практике работы педагога Антонова Анна Александровна Кострома
 
сервисы веб 2.0 в практике работы педагога
сервисы веб 2.0 в практике работы педагогасервисы веб 2.0 в практике работы педагога
сервисы веб 2.0 в практике работы педагога
 
Piktochart
PiktochartPiktochart
Piktochart
 
Инфографика. Краткая вводная
Инфографика. Краткая вводнаяИнфографика. Краткая вводная
Инфографика. Краткая вводная
 
презентация современные технологии в научных исследованиях
презентация  современные технологии в научных исследованияхпрезентация  современные технологии в научных исследованиях
презентация современные технологии в научных исследованиях
 
Рисунок Документы Google
Рисунок Документы GoogleРисунок Документы Google
Рисунок Документы Google
 
урок1 компьютерные презентации
урок1 компьютерные презентацииурок1 компьютерные презентации
урок1 компьютерные презентации
 
Компьютерная графика в Processing, часть 3. Изображения и текст
Компьютерная графика в Processing, часть 3. Изображения и текстКомпьютерная графика в Processing, часть 3. Изображения и текст
Компьютерная графика в Processing, часть 3. Изображения и текст
 
PC presentation (rus)
PC presentation (rus)PC presentation (rus)
PC presentation (rus)
 
Мультимедийная редакция: технология организации работы и интернет-сервисы
Мультимедийная редакция: технология организации работы и интернет-сервисыМультимедийная редакция: технология организации работы и интернет-сервисы
Мультимедийная редакция: технология организации работы и интернет-сервисы
 
280slides
280slides 280slides
280slides
 
Empressr
EmpressrEmpressr
Empressr
 
мультимедийные инструменты для работы он лайн изданий 2013
мультимедийные инструменты для работы он лайн изданий 2013мультимедийные инструменты для работы он лайн изданий 2013
мультимедийные инструменты для работы он лайн изданий 2013
 
100 % самоучитель Macromedia Flash MX
100 % самоучитель Macromedia Flash MX100 % самоучитель Macromedia Flash MX
100 % самоучитель Macromedia Flash MX
 

More from Ольга Булгакова

Діяльність Центру європейської інформації на базі Одеської ОУНБ ім. М. Грушев...
Діяльність Центру європейської інформації на базі Одеської ОУНБ ім. М. Грушев...Діяльність Центру європейської інформації на базі Одеської ОУНБ ім. М. Грушев...
Діяльність Центру європейської інформації на базі Одеської ОУНБ ім. М. Грушев...Ольга Булгакова
 
4 апреля – Всемирный день Интернета. Интересные факты о событии, изменившем мир!
4 апреля – Всемирный день Интернета. Интересные факты о событии, изменившем мир!4 апреля – Всемирный день Интернета. Интересные факты о событии, изменившем мир!
4 апреля – Всемирный день Интернета. Интересные факты о событии, изменившем мир!Ольга Булгакова
 
HaikuDeck: создание презентаций онлайн
HaikuDeck: создание презентаций онлайнHaikuDeck: создание презентаций онлайн
HaikuDeck: создание презентаций онлайнОльга Булгакова
 
Поиск информации в Интернете. Рекомендации эффективного поиска
Поиск информации в Интернете. Рекомендации эффективного поискаПоиск информации в Интернете. Рекомендации эффективного поиска
Поиск информации в Интернете. Рекомендации эффективного поискаОльга Булгакова
 
Ярмарок бібліотечних інновацій " Сучасна бібліотека: міст ваш!": погляд з Оде...
Ярмарок бібліотечних інновацій " Сучасна бібліотека: міст ваш!": погляд з Оде...Ярмарок бібліотечних інновацій " Сучасна бібліотека: міст ваш!": погляд з Оде...
Ярмарок бібліотечних інновацій " Сучасна бібліотека: міст ваш!": погляд з Оде...Ольга Булгакова
 
Как добавить красивый шрифт на ПК
Как добавить красивый шрифт на ПККак добавить красивый шрифт на ПК
Как добавить красивый шрифт на ПКОльга Булгакова
 
Навчання для сучасних бібліотекарів: основне підґрунтя розвитку книгозбірень:...
Навчання для сучасних бібліотекарів: основне підґрунтя розвитку книгозбірень:...Навчання для сучасних бібліотекарів: основне підґрунтя розвитку книгозбірень:...
Навчання для сучасних бібліотекарів: основне підґрунтя розвитку книгозбірень:...Ольга Булгакова
 
Краєзнавча діяльність Овідіопольської ЦРБ (з досвіду роботи)
Краєзнавча діяльність Овідіопольської ЦРБ (з досвіду роботи)Краєзнавча діяльність Овідіопольської ЦРБ (з досвіду роботи)
Краєзнавча діяльність Овідіопольської ЦРБ (з досвіду роботи)Ольга Булгакова
 

More from Ольга Булгакова (20)

Canva: создание инфографики
Canva: создание инфографикиCanva: создание инфографики
Canva: создание инфографики
 
Діяльність Центру європейської інформації на базі Одеської ОУНБ ім. М. Грушев...
Діяльність Центру європейської інформації на базі Одеської ОУНБ ім. М. Грушев...Діяльність Центру європейської інформації на базі Одеської ОУНБ ім. М. Грушев...
Діяльність Центру європейської інформації на базі Одеської ОУНБ ім. М. Грушев...
 
4 апреля – Всемирный день Интернета. Интересные факты о событии, изменившем мир!
4 апреля – Всемирный день Интернета. Интересные факты о событии, изменившем мир!4 апреля – Всемирный день Интернета. Интересные факты о событии, изменившем мир!
4 апреля – Всемирный день Интернета. Интересные факты о событии, изменившем мир!
 
HaikuDeck: создание презентаций онлайн
HaikuDeck: создание презентаций онлайнHaikuDeck: создание презентаций онлайн
HaikuDeck: создание презентаций онлайн
 
Фильмы о холокосте
Фильмы о холокостеФильмы о холокосте
Фильмы о холокосте
 
Поиск информации в Интернете. Рекомендации эффективного поиска
Поиск информации в Интернете. Рекомендации эффективного поискаПоиск информации в Интернете. Рекомендации эффективного поиска
Поиск информации в Интернете. Рекомендации эффективного поиска
 
My histro
My histroMy histro
My histro
 
Ярмарок бібліотечних інновацій " Сучасна бібліотека: міст ваш!": погляд з Оде...
Ярмарок бібліотечних інновацій " Сучасна бібліотека: міст ваш!": погляд з Оде...Ярмарок бібліотечних інновацій " Сучасна бібліотека: міст ваш!": погляд з Оде...
Ярмарок бібліотечних інновацій " Сучасна бібліотека: міст ваш!": погляд з Оде...
 
Как добавить красивый шрифт на ПК
Как добавить красивый шрифт на ПККак добавить красивый шрифт на ПК
Как добавить красивый шрифт на ПК
 
Навчання для сучасних бібліотекарів: основне підґрунтя розвитку книгозбірень:...
Навчання для сучасних бібліотекарів: основне підґрунтя розвитку книгозбірень:...Навчання для сучасних бібліотекарів: основне підґрунтя розвитку книгозбірень:...
Навчання для сучасних бібліотекарів: основне підґрунтя розвитку книгозбірень:...
 
Жінки в житті Шевченка
Жінки в житті ШевченкаЖінки в житті Шевченка
Жінки в житті Шевченка
 
Шевченко Т.Г. - 200
Шевченко Т.Г. - 200Шевченко Т.Г. - 200
Шевченко Т.Г. - 200
 
Шо таке е-урядування?
Шо таке е-урядування?Шо таке е-урядування?
Шо таке е-урядування?
 
Удивительный мир профессий
Удивительный мир профессийУдивительный мир профессий
Удивительный мир профессий
 
Speakрipe
SpeakрipeSpeakрipe
Speakрipe
 
Voki
VokiVoki
Voki
 
Prezi
PreziPrezi
Prezi
 
Краєзнавча діяльність Овідіопольської ЦРБ (з досвіду роботи)
Краєзнавча діяльність Овідіопольської ЦРБ (з досвіду роботи)Краєзнавча діяльність Овідіопольської ЦРБ (з досвіду роботи)
Краєзнавча діяльність Овідіопольської ЦРБ (з досвіду роботи)
 
Славсько, 2013
Славсько, 2013Славсько, 2013
Славсько, 2013
 
Археология Одессы
Археология ОдессыАрхеология Одессы
Археология Одессы
 

Сервис infogr.am, или Создание интерактивной инфографики

  • 1. Сервис infogr.am, или Создание интерактивной инфографики
  • 2. Инфографика (от лат. informatio — осведомление, разъяснение, изложение; и др.-греч. γραφικός — письменный, от γράφω — пишу) — это графический способ подачи информации, данных и знаний.
  • 3. Шаг 1. Для начала работы кликнуть «Create an Infographic / Создать инфографику»
  • 4. Шаг 2. Создать аккаунт, заполнив соответствующие поля регистрационной формы (1), или войти, используя аккаунт социальных сетей Facebook, Twitter или Google+(2) 1. 2.
  • 5. Знакомство с интерфейсом: 1. «Создать/Create» - создание инфографики; 2. «Библиотека/Library» отражается количество созданной инфографики; 3. «Upgrade to Pro» - выбор тарифного плана. 1. 2. 3.
  • 6. Шаг 3. Выбор тарифного плана* * На примере использования бесплатного тарифного плана Free
  • 7. Возможности тарифного плана Free • Использование свыше 30 типов графиков; • Простота редактирования данных; • Импорт файлов .xls, .xlsx, .csv; • Публикация инфографики на Интернет-страницах и в социальных сетях Facebook, Twitter, Pinterest.
  • 8. Шаг 4. Выбор шаблона инфографики
  • 9. Шаг 5. Выбор вида графика
  • 10. Шаг 6. Создание и редактирование инфографики
  • 11. В выбранном шаблоне при двойном клике можно изменить : 1. название инфографики; 2. данные для отображения на графике; 3. текст. 1. 2. 3.
  • 12. Кнопки для изменения вида графика Данные для отображения на графике можно ввести вручную Возможность импортировать файлы в формате .xls, .xlsx, .csv с ПК Возможность добавить страницы Изменение и редактирование графика
  • 13. Что можно изменить на графике? Цвет Ширину Наименование осей «х» и «y» Определение данных осей «х» и «y»
  • 14. Что можно добавить к инфографике? График Географическую карту Текст Изображение с ПК Видео (url канала YouTube, Vimeo)
  • 15. Пример добавления статистики 1. Дважды кликнуть для изменения шаблона 2. Вручную ввести числовые данные, добавить подпись, выбрать значок их отображения. При необходимости количество данных можно изменять, нажав на «+» 3. Кликнув «Setting», можно изменить цвет значков изображения данных
  • 16. Панель управления инфографикой Редактирование Предварительны й просмотр Автоматическое сохранение инфографики Загрузить на ПК (тарифный план Free не предусматривает) Поделиться
  • 17. Шаг 7. Поделиться инфографикой Наименование инфографики Описание инфографики
  • 18. Поделиться в социальных сетях Код для вставки на Интернет-странице
  • 20. Видеоинструкция по использованию сервиса infogr.am http://www.symbaloo.com/home/mix/13ePQJM79Y