Инфограм (infogra.am)natalijadikovic.weebly.com/uploads/4/3/2/0/43209275/infogram.pdf ·...

12
ВЕБЦИКЛОПЕДИЈА: Веб-алати за графички приказ знаоа – Infogr.am | 1 Инфограм (Infogra.am) Адреса http://infogr.am/ Кратак опис: Уз ппмпћ пвпг алата илуструјемп ппдатке истраживаоа, стaтистику, дајемп сликпвит и исцрпан преглед чиоеница итд. Алат функципнише такп штп се дпдају блпкпви: текста, графикпна и чиоеница на више страница, слика, видеа, мапа. Скпрп да нема разлике између ппчетнпг избпра инфпграфикпна и графикпна кпји сервис нуди. Шаблпна има некпликп, али су гптпвп небитни збпг мпгућнпсти да дпдајемп сами блпкпве. Гптпва инфпграфика се мпже делити путем хипервезе, спцијалних мрежа и уградити у веб-местп. Садржај Регистрација и пријава.......................................................................................................................................................... 2 Избпр дизајна ........................................................................................................................................................................ 3 Раднп пкружеое.................................................................................................................................................................... 4 Ппдешаваоа теме ............................................................................................................................................................. 5 Дпдаваое блпкпва ............................................................................................................................................................ 6 Дпдаваое и уређиваое текст-блпка ........................................................................................................................... 7 Дпдаваое и уређиваое графикпна ............................................................................................................................. 8 Дпдаваое и уређиваое мапе ...................................................................................................................................... 9 Дпдаваое и уређиваое слике ................................................................................................................................... 10 Дпдаваое видеп-записа ............................................................................................................................................. 10 Чуваое, пбјављиваое и дељеое .................................................................................................................................. 11 Одјављиваое ................................................................................................................................................................... 12 Примери ............................................................................................................................................................................... 12

Upload: others

Post on 23-Sep-2020

14 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Инфограм (Infogra.am)natalijadikovic.weebly.com/uploads/4/3/2/0/43209275/infogram.pdf · ВЕБЦИКЛОПЕДИЈА: Веб-алати за графички приказ

ВЕБЦИКЛОПЕДИЈА: Веб-алати за графички приказ знаоа – Infogr.am | 1

Инфограм (Infogra.am)

Адреса

http://infogr.am/

Кратак опис:

Уз ппмпћ пвпг алата илуструјемп ппдатке истраживаоа, стaтистику, дајемп сликпвит и исцрпан преглед чиоеница итд. Алат функципнише такп штп се дпдају блпкпви: текста, графикпна и чиоеница на више страница, слика, видеа, мапа. Скпрп да нема разлике између ппчетнпг избпра инфпграфикпна и графикпна кпји сервис нуди. Шаблпна има некпликп, али су гптпвп небитни збпг мпгућнпсти да дпдајемп сами блпкпве. Гптпва инфпграфика се мпже делити путем хипервезе, спцијалних мрежа и уградити у веб-местп.

Садржај

Регистрација и пријава.......................................................................................................................................................... 2

Избпр дизајна ........................................................................................................................................................................ 3

Раднп пкружеое.................................................................................................................................................................... 4

Ппдешаваоа теме ............................................................................................................................................................. 5

Дпдаваое блпкпва ............................................................................................................................................................ 6

Дпдаваое и уређиваое текст-блпка ........................................................................................................................... 7

Дпдаваое и уређиваое графикпна ............................................................................................................................. 8

Дпдаваое и уређиваое мапе ...................................................................................................................................... 9

Дпдаваое и уређиваое слике ................................................................................................................................... 10

Дпдаваое видеп-записа ............................................................................................................................................. 10

Чуваое, пбјављиваое и дељеое .................................................................................................................................. 11

Одјављиваое ................................................................................................................................................................... 12

Примери ............................................................................................................................................................................... 12

Page 2: Инфограм (Infogra.am)natalijadikovic.weebly.com/uploads/4/3/2/0/43209275/infogram.pdf · ВЕБЦИКЛОПЕДИЈА: Веб-алати за графички приказ

ВЕБЦИКЛОПЕДИЈА: Веб-алати за графички приказ знаоа – Infogr.am | 2

Регистрација и пријава

На Инфпграм се најлакше мпжемп регистрпвати ппвезиваоем са свпјим ппстпјећим налпзима на Фесбуку и

Твитеру, али мпжемп креирати и независан налпг на ппзнат начин. Укпликп ппвезујемп налпге, сваки пут ће нам

захтевати аутпризацију штп треба да учинимп.

Инфпграм није бесплатан сервис иакп на ппчетку ппстпји ппзив да га кпристите бесплатнп. Тп важи за један

инфпграфикпн, а већ кпд другпг сачекаће вас забрана. Затп тај један креирани инфпграфикпн терба да направимп

да набпљи начин.

Чим се пријавимп наћи ћемп се на свпјпј ппчетнпј страни у кпјпј имамп 3 мпгућнпсти:

Page 3: Инфограм (Infogra.am)natalijadikovic.weebly.com/uploads/4/3/2/0/43209275/infogram.pdf · ВЕБЦИКЛОПЕДИЈА: Веб-алати за графички приказ

ВЕБЦИКЛОПЕДИЈА: Веб-алати за графички приказ знаоа – Infogr.am | 3

Избор дизајна

Акп пдаберемп Библиптеку (Library) ппјавиће нам се наши инфпграфикпни. Ппштп их први пут нећемп имати,

нпрмалнп је да пдаберемп креираое (Create). На нпвпј страници на кпју ћемп бити пдведени ппстпје две

картице за избпр дизајна: за инфпграфикпне (infographics) и за графикпне (Charts). Кликпм на неку пд оих у траци

исппд се ппјављује некпликп пснпвних шаблпна. Клик на пдабрани дизајн инфпграфике па на дугме на дну

Користи дизајн (Use Design) изабрани дизајн ће се ппјавити на раднпм прпстпру и мпжемп птппчети рад.

Page 4: Инфограм (Infogra.am)natalijadikovic.weebly.com/uploads/4/3/2/0/43209275/infogram.pdf · ВЕБЦИКЛОПЕДИЈА: Веб-алати за графички приказ

ВЕБЦИКЛОПЕДИЈА: Веб-алати за графички приказ знаоа – Infogr.am | 4

При избпру графикпна, ппступак је исти, самп штп ће се ппјавити различите врсте графикпна кпје дпдајемп

кликпм на дугме Add chart.

.

Радно окружење

Без пбзира на тп шта смп изабрали на првпм кпраку, у раднпм прпстпру све тп мпжемп прпменити такп да при

избпру дизајна инфпграфике или врсте графикпна нисмп псуђени на оих, негп их мпжемп прпменити у ппцијама

раднпг прпстпра. Сасвим слпбпднп мпжемп да прескпчимп кпрак са избпрпм дизајна и пдмах пдемп у радни

прпстпр.

У случају да нисмп бирали шаблпн, на раднпм прпстпру ћемп имати кпманде на врху и са пбе стране, а у

централнпм делу ћемп имати самп ппднпжје кпје је јединп па се затп указује на врху кап заглавље. Дпдаваоем

нпвих блпкпва инфпграфикпна, ппчетни блпк ће сталнп пстајати ппследои. Блпкпви кпје будемп дпдавали

ппјављиваће се увек исппд претхпдних, али им мпжемп превлачеоем ппмерити на местп кпје желимп.

Раднп пкружеое приказује слика исппд:

Page 5: Инфограм (Infogra.am)natalijadikovic.weebly.com/uploads/4/3/2/0/43209275/infogram.pdf · ВЕБЦИКЛОПЕДИЈА: Веб-алати за графички приказ

ВЕБЦИКЛОПЕДИЈА: Веб-алати за графички приказ знаоа – Infogr.am | 5

Подешавања теме У гпроем левпм углу раднпг прпстпра је икпница завртоа кпја увек пзначава ппдешаваоа (settings). Кликпм на

оу искаче прпзпр са леве стране у кпме су ппције ппдешаваоа:

преглед, избпр или замена теме (Theme, Change theme)

пдређиваое ширине инфпграфикпна (Width)

избпр дугмета за спцијалну мрежу (Share button)кпју бирамп из падајућег менија, а кпје ће се ппјавити на

дну у ппднпжју графикпна и пмпгућити да га аутпматски делимп на пдабранпј спцијалнпј мрежи

пмпгућаваое гледапцима да преузму наш инфпграфикпн кад га пбјавимп (Download options)

дпдатне ппције за смер текста и видљивпст ембед-кпда кпји се указују кприсницима (Other options)

Page 6: Инфограм (Infogra.am)natalijadikovic.weebly.com/uploads/4/3/2/0/43209275/infogram.pdf · ВЕБЦИКЛОПЕДИЈА: Веб-алати за графички приказ

ВЕБЦИКЛОПЕДИЈА: Веб-алати за графички приказ знаоа – Infogr.am | 6

Додавање блокова Дуж десне стране раднпг прпстпра налази се 5 најбитнијих икпница кпје служе за дпдаваое блпкпва.

Графикон

Клик на икпну за графикпн пдвпди нас у нпви прпзпр на кпме бирамп врсту графикпна и унпсимп ппдатке кпји се у оему приказују

Мапа Кпд икпнице мапа треба да знамп да није реч п Гуглпвим и сличним мапама, негп п немим мапама за приказ графичких ппдатака пп земљама или кпнтинентима.

Текст

Икпна са слпвима „Аа“ дпдаје пквир са текстпм где бирамп један пд стилпва текста.

Слика

Икпна са фптпапартпм пмпгућава дпдаваое слике са нашег рачунара.

Видео-запис

Стрелица за плејер упућује да је реч п дпдаваоу видеп-записа.

Page 7: Инфограм (Infogra.am)natalijadikovic.weebly.com/uploads/4/3/2/0/43209275/infogram.pdf · ВЕБЦИКЛОПЕДИЈА: Веб-алати за графички приказ

ВЕБЦИКЛОПЕДИЈА: Веб-алати за графички приказ знаоа – Infogr.am | 7

Додавање и уређивање текст-блока

Ппчећемп пд текста јер је лпгичнп да инфпграфикпн заппчне неким наслпвпм и текстпм.

Кликпм на дугме за дпдаваое текста ппјављује се мени пса стилпвима дпдатпг текста кап на слици левп. Иакп пвп дугме упућује на дпдаваое текста, заправп се мпже дпдати и сличице и брпјеви.

Слика левп ппказује некпликп типпва текст-блпкпва: наслпв, чиоенице и брпјке, цитат. Они ће се ппјавити на раднпм прпстпру редпм кпјим смп их дпдавали и са ппчетним вреднпстима: задати текстпм и брпјкама, фигурама, у зависнпсти пд типа текста кпји смп дпдали. Да бисмп прпменили ппчетне вреднпсти пптребнп је двапут кликнути на блпк кпји смп дпдали.

У зависнпсти пд блпка птвара се нпви прпзпр или ппље у кпјем унпсимп свпј текст или ппдатке. Када уређујемп пбичан, наслпвни текст или цитат, птвара се нпвп ппље ппред пквира за текст у кпјем бришемп задати текст и унпсимп свпј. У свим псталим типпвима текст-блпка двпструким кликпм на блпк, птвара се нпви прпзпр.

Page 8: Инфограм (Infogra.am)natalijadikovic.weebly.com/uploads/4/3/2/0/43209275/infogram.pdf · ВЕБЦИКЛОПЕДИЈА: Веб-алати за графички приказ

ВЕБЦИКЛОПЕДИЈА: Веб-алати за графички приказ знаоа – Infogr.am | 8

Такп, на пример пквир са брпјкама и чиоеницама птвара нпв прпзпр у кпме бирамп икпницу, унпсимп брпјку, и уписујемп свпје пбјашоеое, чиоеничнп стаое везанп за брпјку. Мпжемп да дпдајемп јпш редпва, а за различите типпве чиоеница мпжемп птвприти нпву страницу.

Додавање и уређивање графикона

Кпд дпдаваоа бпка са графикпнпм, клик на икпницу графикпна пдмах нас впди у нпви прпзпр у кпјем бирамп врсту графикпна из кплпне уз леву ивицу. Из ппнуде изабране врсте бирамп ппјединачан графикпн на пснпву прегледа и дпдамп графикпн кпји нам пдгпвара кликпм на дугме Додај графикон (Add chart).

Графикпн ће се ппјавити на раднпм прпстпру, исппд претхпднп дпдатих блпкпва са задатим вреднпстима. Да бисмп унели свпје вреднпсти, кликнућемп двапут на графикпн и птвприће нам се нпви прпзпр.

Page 9: Инфограм (Infogra.am)natalijadikovic.weebly.com/uploads/4/3/2/0/43209275/infogram.pdf · ВЕБЦИКЛОПЕДИЈА: Веб-алати за графички приказ

ВЕБЦИКЛОПЕДИЈА: Веб-алати за графички приказ знаоа – Infogr.am | 9

У нпвпм прпзпру унпсимп свпје ппдатке у кплпне и редпве графикпна ппдешавамп бпје. У једнпм блпку графикпна, мпжемп ппкренути више страница, али ће на свим страницама бити иста врста графикпна - пнај кпји смп претхпднп пдабрали - са различитим вреднпстима.

Додавање и уређивање мапе

Мапе кпје дпдајемп кликпм на икпницу мапа представљају неме мапе за приказ некпг стаоа у свету, кпнтиненту, регипну такп штп ће земље бити у бпји или са тачкама. Та мапа је, уствари, врста графикпна. Кад се мапа ппјави кап блпк на раднпм прпстпру, биће тп мапа света са пдређеним вреднпстима (земљама) у другпј бпји – земље кпје имају представништва Уницефа.

Да бисмп унели свпје вреднпсти, кликнућемп двапут на мапу. У нпвпм прпзпру птвприће нам се табела у кпју унпсимп свпје ппдатке у кплпне и редпве, бирамп кпнтинент и да ли ће се унете земље указивати са тачкама или кап пбпјене ппвршине.

Page 10: Инфограм (Infogra.am)natalijadikovic.weebly.com/uploads/4/3/2/0/43209275/infogram.pdf · ВЕБЦИКЛОПЕДИЈА: Веб-алати за графички приказ

ВЕБЦИКЛОПЕДИЈА: Веб-алати за графички приказ знаоа – Infogr.am | 10

Додавање и уређивање слике

Путем икпнице са фптп-апаратпм бирамп слику са свпг рачунара и ппстављамп је кап блпк у инфпграфикпн.

Када се слика ппјави у инфпграфикпну, пна ће заузимати целу ширину радне ппдлпге. Мпжемп је смаоити такп штп у оенпм деснпм углу кликћемп на размеру у пднпсу на пригиналну величину.

Додавање видео-записа

Видеп-запис се дпдаје такп штп се у ппље за УРЛ налепи адреса видеп-записа са Јутјуба или Вимеп-сервиса. Накпн дпдаваоа (Add) видеп ће се аутпматски ппјавити на раднпј ппдлпзи инфпграфикпна.

Page 11: Инфограм (Infogra.am)natalijadikovic.weebly.com/uploads/4/3/2/0/43209275/infogram.pdf · ВЕБЦИКЛОПЕДИЈА: Веб-алати за графички приказ

ВЕБЦИКЛОПЕДИЈА: Веб-алати за графички приказ знаоа – Infogr.am | 11

Чување, објављивање и дељење

Све прпмене на инфпграфикпну се аутпматски чувају. Инфпрмација п тпме види се у деснпм углу гпрое траке. Деснп пд те инфпрмације је картива за дељеое (Share)

Отвприће нам се првп прпзпр за пбјављиваое:

нпви прпзпр у кпјем имамп пар картица за дељеое на спцијалним мрежама;

преглед на интернету;

ембед-кпд: фиксни (пквири се не ппмерају) и прилагпдљиви за динамичан приказ (усклађује се са самим местпм на кпме уграђујемп).

У прпзпру за дељеое дпбијамп инфпрмације кпје мпжемп меоати:

наслпв инфпграфикпна;

ппис (први текст)

јавни линк

дпдатне ппције за ппдешаваое дељеоа

Page 12: Инфограм (Infogra.am)natalijadikovic.weebly.com/uploads/4/3/2/0/43209275/infogram.pdf · ВЕБЦИКЛОПЕДИЈА: Веб-алати за графички приказ

ВЕБЦИКЛОПЕДИЈА: Веб-алати за графички приказ знаоа – Infogr.am | 12

Одјављивање

Када завршимп свпј инфпграфикпн или прекидамп рад на оему, пптребнп је да се вратимп на ппчетну страницу свпг налпга избпрпм икпне кућице (Home) у левпј траци.

На ппчетнпј страни се пдјављујемп такп штп кликнемп на аватар и изаберемп дугме за искључиваое.

Примери

У галерији сампг сајта мпгу се прегледати различити инфпграфикпни: http://infogr.am/featured

Пример инфпграфикпна са резултатима анкетe п с тпме какп ученици ОШ шкпле прпвпде слпбпднп време

ппгледајте пвде: https://infogr.am/--845929089002311?src=web

Пример инфпграфикпна п впјнпј пперацији „Олуја“: https://infogr.am/---07639879360795?src=web

Славица Јурић