Arxiu de categories portada

PerPere Cornellà Canals

Infogràfics

infographic2El terme infogràfic sorgeix de la barreja de les paraules informació i gràfic. Són, per tant, representacions visuals d’informació, dades o coneixement. Una de les principals virtuts dels infogràfics (també ho he vist mencionat com a infografies) és que són capaços de mostrar informació complexa de forma ràpida i clara.

Aquestes representacions gràfiques són cada dia més populars i és fàcil que n’haguem vist una bona quantitat. Si encara no hi esteu familiaritzats, podeu fer un cop d’ull al web Infografías, on se’n mostra algun exemple. I en aquest article del Hubspot Blog, podreu trobar alguna recomanació per crear bons infogràfics.

En educació pot ser una bona eina per treballar la capacitat de síntesi, la selecció i organització d’informació i les habilitats artístiques.

Com podem crear infogràfics?

Cada cop es poden trobar eines a la xarxa que ens permeten crear infogràfics. En aquesta entrada en relaciono tres que ens poden ser força útils. Totes tres enes tenen funcionaments semblants: escollim una plantilla de les predeterminades, hi afegim els camps de text que ens interessi, creem gràfics a partir de les nostres dades, revisem la part estètica… i finalment descarreguem la imatge creada o la compartim a través de la xarxa. Algunes d’aquestes eines permeten, fins i tot, la creació d’infogràfics de forma compartida. Així que, trieu i remeneu i quedeu-vos amb aquella que us faci més el pes.

visuallypiktochart-logo

PerPere Cornellà Canals

La realitat augmentada

 “Augmented reality is the pursuit of
eliminating the latency between
atoms and bits”
Rouli (Augmented Times)

D’una forma senzilla, podríem entendre la realitat augmentada com el fet d’afegir informació virtual al nostre entorn físic. Això implica una tecnologia que permeti afegir informació virtual sobre la realitat. Això es fa a temps real en funció del que capta la càmera. Hi ha, a més, una relació espacial entre la informació virtual i l’entorn real.

Fa un temps vaig fer una presentació per explicar el que és la realitat augmentada i com en podem crear:

PerPere Cornellà Canals

Crear capes d’AR amb Google Maps i Wikitude

Una manera ben senzilla de crear capes de realitat augmentada amb diversos punts d’interès (POIs) és utilitzant la combinació de Google Maps i de Wikitude, un navegador AR.

El primer que haurem de fer és anar a la pàgina web de Google Maps (http://maps.google.com) i entrar a la nostra sessió de Google, tot proporcionant el nostre nom d’usuari i la contrasenya.

Un cop identificats, farem clic sobre el botó Els meus llocs per accedir a l’àrea d’edició i de creació de mapes personals. Com que el que volem és crear un nou mapa, farem clic sobre CREA UN MAPA. La primera cosa que haurem de fer serà triar un títol per al nostre conjunt de POIs i una descripció. Haurem de deixar l’opció de privadesa a Públicament.

Ara ja podem començar a afegir els nostres punts d’interès sobre el mapa de la part dreta de la pantalla. Per fer-ho, hem de fer clic sobre la icona corresponent (a la dreta de la mà estesa) i tornar a fer clic en el punt que vulguem destacar. Això farà que es mostri un quadre on podem afegir el títol del punt i altres dades. També és possible canviar la icona del punt, tot i que això no té efectes sobre el que veurem a través de Wikitude.

D’aquesta manera es poden anar creant tants punts com ens interessi. Veurem que, a mesura que anem afegint punts, aquests ens quedaran en una llista, a la part esquerra de la pantalla. Un cop els tinguem tots creats, fem clic sobre el botó Fet per sortir del mode d’edició (al que podrem tornar, si cal, fent clic sobre el botó d’edició corresponent).

Observarem que, a sota de la descripció del nostre mapa, apareix un enllaç amb la inscripció KML i un requadre blau. He observat que a vegades aquest enllaç no apareix de seguida. En aquest cas, torneu a fer clic sobre Els meus llocs i llavors sobre el vostre mapa. Això ha de fer que, ara sí, aparegui aquest l’enllaç KML (KML correspon a l’acrònim Keyhole Markup Language, un llenguatge basat en XML per representar dades geogràfiques en tres dimensions).

Fent clic sobre KML o sobre la icona de la seva dreta, farà que se’ns descarregui un arxiu que portarà com a nom el nom de la capa, i com a extensió, kml. Ja tenim l’arxiu que conté els nostres punts d’interès. La feina a Google Maps ha acabat. Ara anem cap a Wikitude.

Un cop a Wikitude, ens caldrà anar a la zona de desenvolupadors (developer)  i, si encara no ens hem registrat mai, haurem de fer-ho. Quan ja tinguem un perfil creat a Wikitude podrem entrar a la zona de desenvolupadors.  A la part superior esquerra veurem un enllaç on podrem afegir un nou món; això vol dir, crear una nova capa amb els nostres punts d’interès.

Quan haguem fet clic sobre aquest enllaç ens apareixeran diverses opcions per afegir la nostra informació. Nosaltres haurem de triar l’opció d’importar POIs en format KML/ARML i fer clic al botó Upload KML File.

Haurem d’omplir el formulari corresponent a la capa que estem creant, tenint en compte que hi ha alguns camps que són obligatoris i d’altres no. Un dels camps ens serveix per pujar l’arxiu KML que havíem creat amb el Google Maps. Desem els canvis i ja ho tenim tot llest.

Tot el que hem de fer és executar Wikitude al nostre dispositiu mòbil i fer una cerca de la capa que acabem de crear.

 

PerPere Cornellà Canals

Generador de Markers online

Exemple de marcadorEls marcadors (markers, patterns…) són imatges que s’utilitzen en realitat augmentada. Són uns símbols, generalment quadrats i asimètrics, que el software de realitat augmentada interpreta i emet una resposta específica al marcador concret. Aquesta resposta pot ser mostra una imatge en 3D, una imatge en 2D, un vídeo, un text…

És important que els marcadors continguin zones blanques i zones negres ben contrastades. D’aquesta manera, el software ho tindrà més fàcil per interpretar el dibuix del marcador i per donar una resposta.

Els marcadors que s’utilitzen en realitat augmentada són arxius amb extensió .pat que es poden generar a partir d’imatges. Una forma senzilla d’obtenir marcadors és el Marker Generator Online. Aquesta aplicació ens permet crear arxius pat a partir d’imatges jpg, gif o png.

Primer de tot haurem de preparar la imatge que volem utilitzar com a marcador. Com a base, podem partir d’un requadre negre que conté, en el seu interior, un requadre blanc els costats del qual mesuren la meitat que els del negre. Els símbols o dibuixos que incloguem dins la part blanca cal que quedin ben contrastats i que siguin asimètrics (com el que apareix en la part superior). Podeu partir d’aquest arxiu.

El següent pas consisteix en obrir l’ARToolkit Marker Generator Online Multi. Aquesta aplicació permet capturar la imatge del marcador o bé carregar la imatge del marcador (opció recomanada). A partir d’aquí, només cal seleccionar la mida del marcador resultant i desar-lo al nostre ordinador. Per utilitzar aquesta aplicació online ens cal tenir instal·lada una càmera web.

PerPere Cornellà Canals

Hola, món!

Hola món! Estreno espai web!