Tutoriala: nola egin infografia bat

Duela hilabete bat edo telefono dei bat jaso nuen Goierri Telebistatik (GiTB). Ordiziako azokaren 500. urteurrena dela eta saio berezi batzuk prestatzeko asmoa zutela jakinarazi zidaten. Saio horien postprodukzio prozesuan, bideoei ikastolan egin genuen infografian erabilitako diseinua emateko asmoa zutela eta niri ea zer iruditzen zitzaidan galdetu zidaten. Proposamena ondo ikusteaz gain, infografiaren lizentziak eskatutakoa gauzatzeko baimena eskaintzen zuela adierazi nien.

Kontuak gero etorri ziren. Artxiboaren kopia bat Illustrator edo Freehand formatuetan bidaliko ote nien galdetu zidaten. – “Illustrator? Freehand? Ez, ez, guk ez dugu horrelakorik erabili!” – esan nien. –“Horiek tresna konplikatuegiak dira ikasleekin gelan erabiltzeko. Gu, baliabide sinpleak erabiliz,  prozesua ahalik eta errazena izaten ahalegindu gara.” – komentatu nion GiTBko teknikariari. Azalpena ahoz egiteko luzeegia izan zitekeela eta postaz erantzungo niola prozesua azalduz agindu nion, ea horrekin zerbait aprobetxatu zezakeen edo.

Duela bi egun GiTBk ekoiztutako Azoka 5.00 saio bereziaren berri izan nuen eta ohartu nintzen emandako hainbat argibide praktikan jarri dituztela bideoaren ekoizpenean. Hementxe bideoa:

Gero konturatu naiz GiTBkoentzat baliagarriak izan diren azalpen horiek, baliagarriak izan daitezkeela, era berean, eskoletan infografiak diseinatu nahi dituzten ikasle zein irakasleentzat. Esan bezala, diseinu prozesua erraza izaten ahalegindu nintzen; esago nuke DBHko edozein mailako ikasleek burutzeko modukoa dela. Ia denbora guztian ikasleak erabiltzen ohituta dauden aplikazioak erabili ditugu eta, irudi bektorialen kasuan ezik (hor agian konplikazio puntua altuxeagoa izan daiteke), ikasleei azapen gehiegirik ematea ez da beharrezkoa izan. Irakasleren bat zalantzatan baldin badago, balio dezala hurrengo mini-tutoriala, aurrera egiten laguntzeko. Animo!

Hementxe azpian ipintzen ditut, infografiaren alderdi teknikoan, emandako urratsen deskribapena:

0. DISEINUAREKIN HASI AURRETIK: Infografia dotore bat ekoizteko, diseinu lana bezain garrantzitsuagoa (edo gehiago) da aurretik burutu behar dena.  Gure kasuan, jaraitu dugun prozesuaren deskribapen globala aurrekoan idatzitako bidalketa honetan azalduta dago. Diseinuarekin espreski hasi aurretik nik esango nuke bereziki garrantzitsua dela ikasleekin bi alderdi jorratzea: batetik, infografian agertuko diren elementu bisualen oinarrizko ezagutza izatea (batez ere, koloreen identifikatzaileak eta irudien bereizmenak duten garrantzia) eta bestetik, datu iturri esanguratsu eta anitzak lortu eta hauen interpretazioa egokia egitea. Ikasleak kontzientziatu behar ditugu diseinuan detaile txikienak ere bere garrantzia duela eta transmititu nahi dena modu atsegin eta orijinalean egitea garrantzitsua bada, are garrantzitsuagoa dela transmituta nahi den informazioa esanguratsua izatea. Eta hori bakarrik lortzen da datuen analisiari behar duen denbora eskainiz. Lan astuna da, bai, baina arrakastarako ezinbestekoa.

1. EDIZIO PROGRAMA EGOKIA HAUTATU: Esan bezala, goi-mailako edizio tresnak daude. Hauetan trebatuak diren ikasleak badituzue, ez pentsatu bi aldiz eta aurrera hauekin. Gure kasua ez zen hori, ordea. Gauza bat garbi banuen zen, oinarrizko edizio tresnarekin ez ginela gehiegi konplikatuko. Horregatik erbaki genuen Google Draw erabiltzea.

Ikastolan erabiltzen dugun Google Apps-en barruko tresna bat izanik, oso erraza da dokumentua sortu eta ikasle guztiekin partekatzea. Horrela dokumnetu bakar baten gainean guztiok genuen editatzeko aukera, aldiberean edo bakarka, ikastolan geundenean baita etxean geundenean ere. Ediziorako baliabide gutxi ditu baina hori abantaila bat ere izan da, izan ere, ikasleak ez dira gehiegi agobiatu kontu honekin. Edizio aukera aurreratuagoak behar izan ditugunean, beste tresna edo bide batzuetatik konpondu ditugu GDrwa-ren gabeziak.

2. IDAZMAHAI PRESTATU: Hurrengo urratsa idazmahaia prestatzea da. Atal hau garrantzitsua da. Infografia poster handi batean inprimatzeko asmoa genuen, gutxi gorabehera metro bat inguruko zabalerakoa. Inprimatzeko bereizmen minimoa 300 ppp-koa izanik, horrek 12000 pixel inguruko idazmahai bat prestatzea eskatzen zuen (100cm/2,54cm= 39,37 hazbete; 39,37×300=11811 pixel). GDraw-n hori egitea oso erraza da. Idazmahaiaren beheko eskuin izkinatik tira eginez, idazmahaia nahi bezain handia egin daiteke. Behin handitutakoan, ordea, ez dago uneko idazmahaiaren neurria zuzenean jakiteko modurik. Arazo hori konpontzeko, idazmahaiaren dimentsioetara egokitutako irudi bat prestatu eta jarraian pdf formatuan esportatu ondoren, bere neurria zenbatekoa zen egiaztatzen genuen. Horrela, neurri desberdinak probatu ondoren 11687×9125 pixeleko idazmahaia prestatzera heldu genuen.

Elementuak modu txukun eta ordenatu batean antolatzeko komeni da idazmahaia zutabetan banatzea. Hasieran zortzi zutabetan banatzea pentsatuta bagenuen ere gero, lortutako informazioari zukua ateratzen joan ginen arabera (azokaren inguruan espero genuena baina informazio gutxiago lortu genuen), sei zutabekin nahikoa izan zitekeela erabaki genuen. Zutabeak banatzeko egokiena edizio programek dituzten gida lerroak erabiltzea da baina GDraw-k ez dauka horrelakorik. Arazo hori di-da batean konpondu genuen. Edozein edizio programarekin oso erraz egin datekeen irudi bat prestatu genuen eta GDraw-ra igo genuen (kontuz, irudiek gehienera 2000 pixeleko zabalera izan dezakete). Hondoa beltzez bete genuen eta gainean igotako irudia jari genuen erreferentzia modura. Irudi hori erabili genuen zutabeen txantiloi modura. Lana amaitutakoan irudia hondotik kendu genuen eta listo!

Azokaren inguruko lan batean derrigorrezkoa da plazaren aipamena egitea. Mikelen gomendioari jarraituz, hondoan plazaren argazki bat ipintzea erabaki genuen, hainbeste urtetan azokaren bilakaeraren lekukoa izan dena hain zuzen ere. Esku artean erabili genituen argazki guztien artean Wikipedian jasotakoa erabiltzea erabaki genuen. Argazkiekin filigranak egiten dituzten aplikazio berri horietako batekin (ez dut gogoan orain zein erabili nuen baina edozein erabil daiteke antzeko efektuak lortzeko) irudia zuribeltzera pasa genuen, komiki itxura emanez. Jarraian, koloreak inbertitu genizkion eta intentsitatea %20ra jaitsi genion, gainean agertuko ziren grafikoekin nahasmenik sor ez zedin.

3. KOLORE PALETA ESLEITU: Infografían erabiliko genuen kolore paletari buelta batzuk ematen ibili ginen. Horretarako ikasleei Color Scheme Designer aplikazioarekin saltseatzeko proposatu nien. Proba batzuen ondoren ikasleek kolore paleta desberdinak proposatu zituzten, oso atseginak gehienak. Kontu honen inguruan dezente eztabaidatu ondoren, Ordiziako Azoka webguneak erabiltzen dituen kolore paleta nagusitik tiratzea erabaki genuen, alegia, zuria, beltza, berde argia eta marroia. Azken bi kolore hauek, batez ere, gure azokaren funtsa oso modu egokian sinbolizatzen zutela iruditzen zitzaigun, alegia, kolore berdeak landareak eta barazkiak nagusiki, eta marroiak lurra eta baratza. Kolore bi hauen HEX identifikatzaileak lortzeko Colorzilla, Firefox-erako gehigarria erabili genuen. Horrela, erabiliko genituen lau kolore nagusiak hauek izan ziren:

  • Zuria: #FFFFFF
  • Beltza: #000000
  • Berdea: #90c200
  • Marroia: #906A33

Gelan ikasleekin aztertu genituen infografia askotan jabetu ginen maiz erabiltzen direla kolore baten deribazio edo aldaerak. Sortuko genituen barra edo sektore diagrametako batzuetan, adibidez, horrelakorik erabili behar izango genuela pentsatu genuen. Horrela, Color Scheme Designer webgunearen horri nagusian gure berdearen HEX identifikatzailea sartu ondoren, “Adjust Theme” fitxan klikatu eta goran agertzen den “Preset” zerrenda luzetik, “High Contrast” aukeratu genuen. Aplikazioak gurearekin egoki konbinatzen duten kontraste altuko lau kolore berri proposatu zizkigun, bakoitzaren HEX kodearekin (“Color List” fitxan klikatuta agertzen dira). Gauza bera egin genuen marroiarekin.

Infografiari diseinu homogeneo bat eman nahi bagenion, ikasleek garbi zuten lau kolore hauen edota euren aldaeren artean soilik aukeratu ahalko genuela. Datuak eskura modu errazean izan zezaten, GDocs bat partekatu genuen denon artean.

4. TIPOGRAFIA MOTA ERABAKI: Tipografia da GDraw-ek duen muga nagusienetako bat. Testu soila tipografia bakar batekin adieraz daiteke (Arial uste dut dela) eta Wordart moduan txertatuta bakarrik aukeratu daiteke tipografia desberdinen artean (nahiko aukera gutxiganera). Esan beharrik ez dago ezinezkoa dela tipografia propio erabiltzea, ez bada aurretik rasterizatzen eta irudi moduan igotzen. D’Elikatuz-eko arduradunekin harremanetan jarri ginen eta 500. urteurrenerako diseinatutako logo berrien estilo liburua bidali ziguten. Bertan, logoekin batera Aller tipografia erabiltzea gomendatzen zen. Tipografia hau erdiko hitz lainoan eta hiru blokeen izenburuetan erabili genuen bakarrik, bi kasuetan irudi moduan igota. Agertzen den beste tiporafia guztia GDraw-ren oinarrizko letra-mota da.

5. HITZ LAINOA SORTU: Sarean oso ezaguna da Wordle web aplikazioa. Testu zati bat ematen zaio eta bertan datozen hitzak arakatu ondoren, hauekin halako mosaiko moduko bat eraikitzen du non hitz bakoitzaren tamaina testuan errepikatzen den kopuruaren araberakoa izaten den. Tagxedo beharbada ez da Wordle bezain ezaguna baina askoz ere aukera gehiago eskaintzen ditu hitz lainoak konfiguratzerakoan. Tagxedo Silverlight-en gainean dabil. Firefox edo Chrome erabiltzen baduzue Windows edo MacOS sistemetan, ez duzue arazorik izango nabigatzailean behar duzuen plugina instalatzeko. Linuxpean Moonlight gehigarria instalatu beharko duzue Firefoxekin bazabiltzate baina baliteke arazoak izatea (Firefox bertsio batzuetan ez dabil).

Tagxedon ia edizio aukera guztiak dira pertsonalizagarriak. Gure kasuan, hitz lainoaren testu iturria Ordiziako Azokaren webgunea izatea pentsatu gunean. Azken finean, gure azokaren nortasuna eta izaera azaltzeko bertan idatzitakoa egokiena izan zitekeela uste genuen. Hitz lainoari “500K” logoaren itxura eman genion, horretarako aurretik “Shape” menutik logoa igoz. Hitzen tipografiarako aurrean aipatutako “Aller” letra-mota aukeratu genuen eta koloreetarako berdeen eskala kromatiko osoa aukeratu genuen. Oinarrizko erretoke batzuen ondoren (alfa kanala aktibatu, alegia, hondoa gardena bihurtu eta beste gauzatxo pare bat) PNG formatuan gorde eta GDraw-era igo genuen.

Goiko irudi honi, hondo gardena zuen “500K” logoa gainezarri genion, erdiko irudia gehiago destakatzeko. Irudi hori infografiaren bihotza izango zela erabaki genuen eta horregatik erdi-erdian kokatzea erabaki genuen. Bertatik aterako lirateke hiru datu bloke nagusietarako lokailu edo konektoreak, hala nola, “Ekoizleak”, “Prdiuktuak” eta “Bezeroak”.

6. PIKTOGRAMAK ETA BARRA DIAGRAMAK: Barra eta sektore diagramen diseinuak ez zuen lan gehiegirik suposatzen baina piktogramen kontua desberdina zen. Zerotik sortzea zen aukera bat (lan asko) edo irudi moduan igotzea (gero GDraw-wn kolorea aldatzea ez zen posible) bestea. Puntu honetan zorte piska bat izan genuen. GDocs-en dauden txantiloi publikoetan bilaketa bat egin ondoren Infographics Toolbox izeneko txantiloi bat aurkitu genuen. Bertan zeuden guk behar genituen piktograma arruntenak baita infografiak ekoizteko beste hainbat baliabide grafiko gehiago ere. Txantiloi honekin piktogramak eta barra diagramak erabiltzea gauza sinplea bihurtu zen: copy&paste zuzen bat egin eta gero koloreak aldatu, hori zen egin beharreko guztia.

7. BESTELAKO GRAFIKOAK: Ekoizle eta Produktuen blokeko bi denbora diagramak eta azpiko sektore diagramak Microsoft Excel erabiliz egin genituen. Eta zergatik Excel eta ez Calc edo Google Spreadsheet? Azken hau zen aukerarik hoberena hasiera batean. Datu bilketa eta iragazi prozesuen ondoren, lortutako balio guztiak Spreadsheet-en igota genituen. Datu hauetatik abiatuta grafikoak sortzea gauza sinplea zen eta oso intuitiboa. Ikasleek berehala hartu zioten trankiloa. Baina grafikoak sortu ondoren, minimoki bada ere, hauek editatzea beharrezkoa zen (koloreak, izenburuak… ) eta Spreadsheet-ek ez dauka horrelakorik egiteko aukerarik. Horregatik baztertu genuen aukera hau eta ia arrazoi berdinarengatik Calc ere. Grafikoen edizio sakona egiteko ez dago Excel bezalakorik: kolore pertsonalizatuak, hondo gardenak, banaketa lerroak aldatu, eskalak moldatu, tipografia esleitu… eta amaieran grafikoak PNG formatura esportatzea Excel-ekin bakarrik egin daiteke. Horrelaxe sortu eta editatu genituen bost grafiko horiek.

8. KARTOGRAMAK: Hemendik aurrerako uratsak izan ziren konplexuenak eta denbora gehien eraman zutenak. Kartograma guztien oinarri bezala Wikipedian aurkitu daitezkeen bi SVG irudi bektorial erabili genituen: Euskal Herriko mapa mutua eta Gipuzkoako udalerrien mapa. Mapa hauek moldatu eta bertatik guk behar genituenak sortzea nire lana izan zen. Inskape erabili nuen horretarako. Prozesua hiru urratsetan laburbildu daiteke:

  • SVG-ak Inkscape-n ireki eta herrialde, bailara eta udalerrien arteko mugak ezabatzen joan, kartograma bakoitzaren beharren arabera
  • Mapetako zonalde bakoitza gure paletako kolore batekin bete.
  • Irudi bektoriala 300 ppp-ko PNG fitxategietara esportatu (GDraw-en egindako irudiak SVG formatura esporatzen badu ere,  ezin dira bertara SVG irudiak zuzenean inportatu)

9. BESTELAKO IRUDIAK: Geratzen diren irudi guztiak SVG grafikoetatik aterata daude.  Guztiak OpenClipart-etik aterata daude. Bertako irudi guztiak domeinu publikokoak dira eta PNG nahiz SVG formatuetan jaitsi daitezke. Bilaketa sinple batzuen ondoren, eskura nituen barazki, gazta, fruitu eta bestelako irudi guztiak Inkscapen editatu eta besrriro ere bereizmen handiko PNG irudiak bezala esportatu nituen. Kokapena eta tamainarekin asmatzea zen geratzen zen gauza bakarra

10. BI LOGOAK: D’Elikatuz-eko arduradunek bidalitako bi TIFF fitxategiak Inkscape-n laguntzaz irudi bektorialetan bihurtu nituen. Hauetatik logoetako hizkien ingeradak bakarrik hartu genituen eta kolore zuriarekin bete genituen. Hauek ere PNG moduan esportatu genituen (aurrean ez dut aipatu; PNG irudi formatua da bakarra bitmap-ekoen familian, pixel gardenak izan ditzakenak).

11.ITURRIAK, EGILEAK, LAGUNTZAILEAK ETA LIZENTZIA: Hauxe zen buketzeko pendiente genuen gauza bakarra. Infografiak egiten direnean bereziki garrantzitsua izaten da aurkeztutako informazioa zein iturrietatik lortu den aipatzea; egindako lanaren fidagarritasuna baloratzeko ezinbestekoak dira, baita transmititzen den informazioaren “sesgoa” ulertzeko ere. Kontu hauek ikasleei asko kostatzen zaie ulertzea; uste dut kontu hauei egun ematen zaiena baino garrantzia gehiago eman behar diegula eskoletan. Interneten aroan, informazioaren aurrean jarrera kritikoa izatea hezkuntzan pendiente daukagun ataletako bat da.

Bitxikeria bezala aipatu taldean eztabaida sortu zela lanari jarri behar genion lizentzia erabakitzea tokatu zitzaigunean. Ikasleek Copyright-a izatea nahi zuten; egia esan, beste aukerarik ez zuten ezagutzen beraz beraientzat normalena zen Copyright-a jartzea. Creative Commons lizentziak, adibidez, inoiz entzun gabe zituzten eta Copyleft-a are gutxiago oraindik. Genituen aukera desberdinak gainetik azaldu nizkien, zituzten alderdi postibo eta negatiboak azalduz. Azkenean CC-by lizentzia ipini genion. Ez zeuden guztiak erabat konbentzituta erabaki honekin. Baina gero, gure lana han hemenka aipatua eta zabaldua izan zenean konturatu ziren zein garrantzitsua den lan bati lizentzia egokia ipintzea. Kontu hau aitzakia bezala hartuta, jarraiko egunetan aspalditik gordeta nuen webquest hau Derechos de autor – Derechos a la cultura aurrera eramatea proposatu nien ikasleei. Oso esperientzia polita izan zen eta uste dut ikasleentzat probetxuzkoa izan zela.

12. WEBERAKO BERTSIO LUZEA: Hasieran esan dudan moduan, gure asmoa infografia gelko paretan ipintzea zen. Ez zitzaigun burutik pasa, norbaitek bere webgunean jartzea nahiko zuenik. Baina egindakoa blogan idatzi ondoren, blogetara hobe egokitzen den infografia luze tipiko bat prestatzerik bat ote genuen proposatu ziguten. Egia esan GDraw-wn hori egitea oso erraza izan zen. Jatorrizko sei zutabeak bitara txikitu genituen (lehen aipatutako idazmahairen beheko izkinatik tiratuz) eta jarraian, bloke bakoitzeko elementuak taldekatu ondoren, bata bestearen azpian ipini genituen, azpiko bertsioa lortuz.

Ordiziako Azokaren V. Mendeurrenaren infografia (bertsio luzea)

Nire ikasleak Goierri Telebistan

Duela egun batzuk nire ikasleek Ordiziako azokaren inguruko infografia bat ekoizteko jarraitu zuten prozesua azaldu nuen blog honetan.

Lan honek espero ez genuen harrera izan zuen eta Sustatun ere, portada izatera heldu zen. Sustatu ez gure lanaren berri eman duen komunikabide bakarra. Pasa den astean Goierri Telebsitaren dei bat jaso genuen, egindakoaz informazio gehiago jakin nahi zutela esanez. Duela egun batzuk ikastolan izan genituen GITBko kamerak eta ondorengo erreportaia ekoiztu dute. Ea gustatzen zaizuen:

Azokako infografia from GITB on Vimeo.

Iturria: Goierri Telebista

Ordiziako azokaren infografiaren bertsio berria

Hiru egun besterik ez dira pasa Ordiziako azokaren V. mendeurrenaren inguruan egindako infografia argitaratu genuenetik eta benetan pozik gaude guztiok gure lanak izan duen oihartzunarekin.

Gure lana Sustaturen portadara heldu da eta asko izan dira Twitter-en gure lanaren berri eman dutenak.

Hanhemenka jasotako ekarpenei erantzun nahian jatorrizko infografiaren bertsio berri bat prestatu dugu. Bertsio berri hau webguneetan (batez ere blogetan) hobe ikusten da, izan ere, zutabe estu eta luze moduan diseinatuta dago, blogetako artikuluen ohiko formatura askoz hobe egokitzen dena..

Egitura aldaketaz gain, bertsio berri honek izan du, baita ere, murrizketa txiki bat. Izan ere, jatorrizko bertsioaren hondoan agertzen zen Ordiziako Plaza Nagusiaren irudia kendu behar izan dugu, konplikatuegia baitzen modu txukun batean kokatzea antolaketa berrian. Dena dela, aspalditik azokaren zaindari ixila den Plaza nagusiaren irudirik gabe, bertsio luzea jatorrizkoa bezain dotorea geratzen dela pentsatzen dugu 😉

Azpian ipintzen ditugu bertsio bien irudiak baita bereizmen altuko pdf fitxategiak eta jatorrizko svg fitxategiak ere.

Ordiziako Azokaren V. Mendeurrenaren Infografia (jatorrizko bertsioa)

Ordiziako Azokaren V. Mendeurrenaren infografia

Jaitsi pdf fitxategia (11,9 Mb)

Jaitsi svg fitxategia (19,5 Mb)

Ordiziako Azokaren V. Mendeurrenaren Infografia (bertsio luzea)

Ordiziako Azokaren V. Mendeurrenaren infografia (bertsio luzea)

Jaitsi pdf fitxategia (9,6 Mb)

Jaitsi svg fitxategia (16 Mb)

Ordiziako Azokaren V. mendeurrena dela eta, infografia bat egin dugu

1512an herri guztia suntsitu zuen sutearen ondorioz Gaztelako Juana La Loca erreginak herriari “urtean zehar, asteazkenero, merkatu librea, zergarik gabea, egiteko errege baimena” eman zionetik gure azokak makina bat istorio eta gertaera bizi izan ditu. Aurten gure herriak efemeride horren V. mendeurrena ospatzen du eta nire DBH3ko ikasleekin batera, gure ekarpentxoa egitea ausartu gara.

Pasa den azaroan, nire ikasleek ikasturte honetako bigarren proiektua amaitzen ari ziren bitartean, ni dagoeneko hurrengo proiektuari bueltak ematen hasita nengoen. Jasota nituen ideia eta notatxo desberdinen artean infografia bat sortzearena zen aurrera eramateko boleto gehien zituena. Etaparako zehaztutako matematikako hainbat helburu betetzeko tresna baliagarria izan zitekeela uste nuen eta, bide batez, euskara hutsean hain gutxi landu den baliabide bat ekoiztea ikasleentzako zerbait erakargarria izan zitekeela pentsatzen nuen.

Sekuentzia didaktikoa diseinatzen hasteko gauza bakarra falta zitzaidan: burutu beharreko ataza ikasleentzat esanguratsua bihurtzeko, eurentzat gertukoa izan zitekeen testuinguru batekin lotzea. Eta DBHko etapako irakasle bilera batean, Ordiziako azokaren 500. urteurrena zela eta zer egin zitekeen planteatu zenean, orduan konturatu nintzen hura izan zitekeela aurrera egiteko falta zitzaidan puntutxoa. Hortxe neukan, beraz, atazaren definizio zehatza, alde batetik, eta etaparako zehaztutako helburuekiko lotura, bestetik. Hemendik aurrera sekuentzia diseinatzea zen falta zitzaidana. Egia da lan pixka bat suposatzen duela jarduera zerrenda diseinatu eta sekuentziari forma emateak baina, egia esan, ez naiz lanean hasi aurretik jarduera zerrenda erabat definituta eta lotuta utzi behar dela pentsatzen duen horietakoa. Uste dut ardatz nagusiak zehaztea beharrezkoa dela baina, era berean, konbentzituta nago sekuentziak malgutasun minimo bat ere behar duela, dagokion ikasle taldearen ezaugarrietara moldatu ahal izateko eta, bide batez, egunerokoak ekar ditzakeen arazo eta ezustekoei aurre egiteko irtenbideak bilatzeko ere. Gidalerroak zehaztea bai, baina sekuentzia batek emango duena aurretik erabat lotuta uztea eta, beraz, curriculumaren zein alderdi jorratuko diren erabat zehaztuta uztea, ez.

Lanean hasi aurretik ikasleekin elkartu eta pentsatuta neukan proposamena aurkeztu nien. Aurrera egitearen alde azaldu ziren guztiak. Hasi baino lehen gauza bakarra geratzen zitzaigun: infografia burutzeko datu iturriak lortzeko aukerarik izan ba ote genuen kontsultatzea. Horretarako, D’Elikatuz-eko arduraduna den Leire Arandiari bilera baterako hitzordua eskatu genion. Bilerara nire bi ikasle (Livia eta Andreea) eta hiruok joan ginen eta bertan Leireri eta udaletxeko zinegotzi eta teknikari desberdinei gure asmoen berri eman genien. Begi onez ikusi zuten gure proposamena eta laguntza eskaintzeko borondatea azaldu ziguten. Halere, aurretik garbi utzi ziguten ere, tamalez, azokaren inguruan ez zeudela erregistro edo datu gehiegirik baina zeudenak bidaliko zizkigutela. Esan eta egin; handik gutxira eskuartean genituen Leirek bidalitako txosten guztiak.

Horixe zen behar genuen guztia lanean hasteko! Jarraian dituzue burututako jardueren deskribapen orokorra:

1. JARDUERA: Infografiak, zer, zertarako eta nola

Nire ikasle gehienek, hasiera batean, ezer gutxi zekiten infografiei buruz; nik neuk, sarean askotan topatu baditut ere, sakondu gabe neukan gai bat zela onartu beharrean nago. Beraz, proiektuaren gauzatze fasean murgildu aurretik, beharrezkoa zen infografien inguruan genituen aurre-ezagutzak baloratu eta jarraian ezagutza horiek sendotzeko beharrezkoa zen informazioa kontsultatzea.

Webquestetan egiten denaren antzera, aurretik link sorta bat eskaini nien beharrezkoa zuten informazioa bertatik kontsulta zezaten. Binaka ipini ziren lanean eta amaitutakoan, infografien inguruko mapa kontzeptual edo eskema bat ekoiztea eskatu nien. Mapa horrek zera jaso behar zuen:

  • Zer dira infografiak? Zeintzuk dira euren ezaugarri nagusiak?
  • Zertarako erabiltzen dira eta zergatik dira baliagarriak? Zein erabilera ematen zaie?
  • Zein da infografia bat osatzeko jarraitu behar den prozedura? Zein prozesu jarraitzea komeniko litzaiguke itxurazko infografia bat lortzeko?

Azpiko irudi eta bideoan ikusten den moduan, ikasleak oso fin aritu ziren lanean:

Xmind erabili zuen talde bakoitzak bere mapa sortzeko. Amaitutakoan, zehaztutako ezaugarriak bilduko zituen mapa kontzeptual orokor bat sortu genuen, lau taldeek euren mapetan jasota zeukaten ezaugarri guztiak bilduko zituena. Mapa hau hurrengo jarduerak nondik nora joango ziren ulertzeko ere baliagarria izango zen. Mapa hori gelan daukagun pareta zurian jaso genuen eta azpian ikus dezakezue nola geratu zen:

2. JARDUERA: Infografia baten elementu bisualen oinarriak

Infografia bat datu multzoak modu sinple eta erakargarri batean aurkezteko modu bat dela ulertu genuen, beraz, bere diseinua, bere itxura, bere osagai bisualak ondo aztertzea beharrezkoa genuela erabaki genuen. Horrela lau atal konkretuen inguruan sakondu beharko genukeela erabaki genuen: tipografia, koloreak, irudien formatua eta grafiko motak.

Etapa hau bi zatitan burutu genuen: lehenengoa, bilaketa libre batekin hasi zen. Gutako bakoitza bere ordenagailuarekin lau elementu hauen inguruko informazioa bilatzeari ekin genion. Aurkitutako orriak baliagarriak izan zitezkeela egiaztatu ondoren (arretaz irakurri behar zuten aurkitutakoa eta ezinbestekoa zen bertan zetorrena guztiontzat ulergarria izan zitekeela kontutan izatea), Delicious-en gordetzea erabaki genuen.

Web orriak gordetzerakoan bi baldintza zehaztu genituen:

  • Guztion artean gordetako webguneak besteengandik bereizteko “tt11” etiketa propioa erabiliko genuke.
  • Bigarren etiketa bat erabiltzea erabaki genuen, jasotako webguneak lau elementu horietatik zeinen ingurukoa zen argitzeko. Bi etiketa hauetaz gain beste edozein erabiltzeko aukera librea genuen.

Etapa honen bigarren zatian, hiru hirukotetan banatu ziren ikasleak. Bakoitzari jorratu beharreko lau ataletako bat esleitu zitzaion. Talde bakoitzak guztion artean Delicious-en gordetako informazioa kontsultatu behar zuen (horregatik bi etiketa erabiltzearena) eta, bertan jasota zegoenarekin, aurkezpen bana prestatu, bata tipografiaren ingurukoa, bestea koloreena eta hirugarrena irudien formatuen ingurukoa. Nik grafiko moten atala prestatu nuen, etaparako zehaztutako matematikako edukiekin lotura gehien gordetzen zuena zelako.

Talde bakoitzak hogeita hamar minutuko tartea izan zuen bere aurkezpenean jasotakoa beste taldekideei aurkezteko.

3. JARDUERA: Infografia bat disekzionatzen

Hirugarren jarduera honetan ikasleak, aurreko bietan ikasitakoa aplikatzeko zenbateraino ziren gai egiaztatzea nahi nuen. Horretarako bakoitzari infografia bana eskaini nien (bakoitzak berea) eta aurretik eskainitako gidoi bati jarraituz, infografia bakoitzaren analisia egitea eskatu nien. Gidoia hementxe azpian ipintzen dizuet:

  1. Irudi artxiboaren formatua, neurria (pixeletan) eta pisua (Kb edo Mb-tan). (Horretarako, infografia behin ireki ondoren, egizu eskuin klika bere gainean eta hautatu “Ikusi irudiaren informazioa” esteka agertuko zaizun menuan.)
  2. Infografian erabilitako kolore paleta (erabili horretarako Colorzillaizeneko Firefox-erako gehigarria):
    • Kolore kopurua
    • Bakoitzaren HEX identifikatzailea
    • Koloreen arteko konbinazioa nolakoa den, zein motatakoak diren konbinatu direnak eta zergatik iruditzen zaizun zuri aukeratu direla kolore horiek.
    • Kolore konbinazio horren inguruan zure iritzia; gustatu zaizun edo ez eta zergatik.
  3. Tipografia:
    • Letra mota desberdinak: kopurua eta serif-a duten edo ez
    • Letra mota bakoitzarekin erabili den nabarmentze mota (baldin badago): lodia, etzana, kolore desberdina erabili, itzaldura, letra tipo desberdinen konbinazioa… edo bestelakorik
    • Testu paragrafoetan erabili den lerrokatze mota.
    • Letra mota bakoitzak infografian duen lekua: izenburua, atal desberdinak bereizteko, paragrafoetan datorren testuan erabiltzeko…
    • Infografian erabilitako letra motak gaiarekin erlaziorik ba ote duen analizatu.
    • Erabilitako letra moten inguruan zure balorazio pertsonala
  4. Datuak adierazteko ikusten dituzun grafiko desberdinak bereiztu. Zein den bakoitzean adierazten den datu mota.
  5. Iritzi eta balorazio pertsonala: Infografiak eskaintzen duen informazioa argia dela iruditzen zaizu? Ondo transmititzen du informazioa? Ulerkorra da? Zein kalifikazio emango zenioke infografiari?

Aukeratu nituen bederatzi infografietan lantzen ziren gaiak ikasleentzat gertukoak izaten ahalegindu nintzen (uste dut guztiekin ez nuela helburu hau lortu), analisi estetikoaz gain, bertako informazioa eurentzat esanguratsua izan zedin. Hauxe adibide bat:

4. JARDUERA: Datuak lortu, iragazi eta tauletan antolatu

Dagoeneko prest ginen infografia ekoizteko prozesuan murgiltzeko prest. Aurretik amaituta genituen zereginekin eta egiteke genituenekin, zerrenda bat idatzi genuen gure arbel zurian. Pendiente genituenei amaiera data ipintzen ere ahalegindu ginen (beheko argazkian agertzen den lerro horizontalak eguberrietako oporra bitarterako egin beharreko zereginen muga adierazi nahi zuen, adibidez):

Datuen analisi eta antolaketa fase hau, hiru zatitan banatu genuen:

  • Datu iturriak identifikatu eta eskuratu. Gure kasuan hiru ziren iturri nagusienak: Leirek eskainitako txosten eta informeak, Ordiziako azokak interneten duen webgunea eta, beharren arabera, kalean egindako galdeketa baten ondoren gure kabuz lortutakoak. Beranduago, Goimen elkartetik ere jaso genituen datu zerrenda gehiago (Eskerrik asko, Manex!).
  • Jarraian esku artean genituen datuak iragaztea tokatzen zen, balio duena ez duenarekiko bereiztu eta aipagarriak izan zitezkeenak azpimarratu, infografian agertzea merezi zutenak, nabarmendu. Analisi fase honen ondoren, datu guztiak hiru multzo handitan banatuta aurkeztea erabaki genuen: ekoizleenak, saldutako produktuenak eta bezeroenak.
  • Bukatzeko, datuak kalkulu orrietan jaso eta modu antolatuan gordetzea falta zitzaigun. Datuak modu egokian antolatzeko irizpide bi eman nien ikasleei: lerro eta zutabeetan izendegi egokia erabiltzea eta gelaxketako balioak, zenbakizkoak soilik izatea, bestelako hizki edo ikurrik gabe.

Lan gogor eta astuna izan zen, ordu asko eraman zituena eta pisu samar egin zitzaiguna (dena esan beharra dago :). Baina ikasleak, beste behin, fin eta arduratsu aritu ziren lanean, eta azkenean espero genituen datuak baino gehiago jaso genituen. Azpian dituzue lanean, orri eta txostenez inguratuta:

5. JARDUERA: Infografia diseinatu

Behin datuak antolatuta genituela, infografia eraikitzen hasteko unea zen. Prozesu hau lau fasetan banatu genuen:

  • Alde batetik infografia egiteko erabiliko genuen tresna aukeratu behar genuen. Aukera desberdinak baloratu genituen: Powerpoint (ikasle gehienek etxean dutelako eta erabiltzen ohituta daudelako, ez du ikaskuntza prozesu gehiegirik eskatzen), Inkscape (irudi bektorialekin lan egiteko eta diseinu profesionalak egiteko tresna aparta baina erabiltzeko konplikatua izan daitekeena)… Azkenean, Google Draw erabiltzea erabaki genuen. Tresna bezala oso sinplea da, erraza erabiltzeko eta gainera modu kolaboratiboan lanean aritzeko aukera eskaintzen duena. Alde negatiboan, beste tresna batzuk eskaintzen dituzten aukera asko faltan botatzen dira, hala nola, gidak eta erregelak, kaxen neurria zehazteko aukera, svg-ak inportatzeko aukera… Hala eta guztiz ere, imajinazio pixkarekin arazo guzti horiei berehala eman genien buelta.
  • Bestetik, tipografia eta erabiliko genituzkeen kolore konbinazioak esleitu beharra genuen. Tipografia aldetik, ez genituen aukera gehiegirik, izan ere, Googel Draw-k letra mota gutxi eskaintzen ditu eta gehienak nahiko tipikoak. Kolore konbinazioei dagokionez, ikasle bakoitzak bere kolore sorta proposatu zuen, batzuk oso originalak gainera. Azkenean, V. mendeurrenerako sortutako logoak zuen kolore konbinazioa oinarri bezala erabiltzea egokiena zela pentsatu genuen: beltza, zuria eta berdea. Hauekin batera, kolore laguntzaile bezala, Ordiziako Azokaren webgunean ere aurki daitekeen marroia aukeratu genuen (bai berdea baita marroia ere, sinbolismoz betetako koloreak direla pentsatu genuen). Color Scheme Designer tresna erabiliz, berde eta marroien kontraste handiko eskala kromatiko biak atera genituen.
  • Jarraian, ikasleak hirunaka elkartu ziren eta talde bakoitzak ekoizle, produktu eta bezeroen balio tauletatik, grafikoak sortzeko ardura hartu zuen. Aurretik azaldutako irizpideen arabera, lerro-diagramak, sektore-diagramak, barra-diagramak… noiz erabiltzea komeni zen erabaki behar zuten eta ondoren, kalkulu orriarekin sortu. Grafiko hauek oinarrizko edizio bat behar zuten aukeratutako diseinuarekin koherenteak izan zitezen. Oso baliagarria suertatu zitzaigun, era berean, Google Docs-en aurkitutako txantiloi hau. Bertan diseinatuta zetozen elementu asko modu errazean berrerabiltzeko aukera eskaini zigun.
  • Azkenik, bloke eta modulu desberdinen antolaketa izan zitekeenaren zirriborroa prestatzeari ekin genion. Antolaketa nolakoa izan zitekeen erabakitzeko prozesu ez zen batere erraza izan. Blokeatuta geundela, Oihanek zera proposatu zuen: Tagxedorekin egindako hitz lainoa (Ordiziako Azokako gunetik zurrupatutako hitzekin osatuko lainoa) izatea infografiaren bihotza. Hortxe genuen hiru blokeak erlazionatzeko modua! Beste behin, gelako arbel zuriaz baliatu ginen lehen zirriborroa pretatzeko:

Hemendik aurrerako guztia bakarrik etorri zen. Ordu dezente joan zaigu diseinua ematen baina azkenean esfortzuak merezi izan duela uste dugu. Infografia pasa den astean amaitu genuen, aurreikuspenetan zehaztu genuen amaiera-epea baina astebete beranduago. Tira, uste dut denbora tarte onargarria dela kontutan izanik, abenduko oporren aurreko azken egunetan espero ez genituen klase ordu dezente galdu genituela.

Sekuentzia burutzeak guztira sei asteko lana suposatu digu (oporrak kanpo), agian luzeegia, izan ere, azken bi asteak, batez ere, astun samarrak egin zaizkigu. Halere, egun hauetan egindakoa errepasatzen aritu gara, eta harrituta geratu gara guztiok pilatutako ezagutza eta esperientzia guztiekin.

Azpian daukazue infografiaren bereizmen baxuko kopia bat eta bere azpian, kalitate handiko pdf-a jaisteko botoia. Ea gustatzen zaizuen!

Jaitsi infografia (12Mb)

Amaitu aurretik, egun hauetan nire ikasleak lanean ari zirela atera dizkiedan argazkien bildumatxo batekin uzten zaituztet. Hementxe onartzen dizuet irakasle bezala oso harro sentitu naizela beraietaz,ikaragarri disfrutatu dut beraiekin lanean eta irakasle lanetan aritu naizen hamalau urte hauetan oso gutxitan sentitu naizela profesional bezala hain asetuta. Eskerrik asko ekipo! 😉