dijous, 10 de desembre del 2015

Presentació de continguts en una línia de temps interactiva: Timeline JS

timeline jsSovint volem presentar continguts distribuïts en el temps i per fer-ho ens cal un suport web dinàmic, flexible i visual en el seu ús que, a més, ens permeti accedir a informacions multimèdia associades de manera interactiva. Timeline JS3 és una eina web gratuïta i oberta força senzilla en el seu ús, de disseny atractiu i que ens permet introduir vídeos de Youtube, Vimeo y DailyMotion, podcasts de Soundcloud, tweets, Instagram, Wikipedia, mapes de Google, imatges i text en qualsevol punt de la línia de temps. Algunes característiques de l'aplicació són:
  • A diferència d'altres eines similars, no cal obrir un compte, pots posar-te a treballar en el seu disseny immediatament.
  • Introduïm les dades de la línia de temps en un full de càlcul de Google Drive.
  • No pugem imatges, les publiquem a la web i les enllacem.
  • Ens permet escollir l'idioma en què apareixen els noms dels mesos a la línia del temps (per defecte és l'anglès): espanyol, català, basc, etc.
  • Ens permet pre-visualtizar el resultat en qualsevol moment.
  • Podem inserir la línia del temps en un espai web: un blog, una wiki, una pàgina web, una plataforma e-learning, etc.
Us recomano seguir el tutorial que Meritxell Viñas ha publicat al seu blog TotemGuard o visitar la pàgina oficial de l'aplicació.
  Aquí teniu un exemple de la vida de Nelson Mandela 

Tutorial de la pàgina oficial en anglès:


How to Use TimelineJS from Northwestern U. Knight Lab on Vimeo.

Tutorial de l'aplicació en llengua castellana: 



(Publicació original al Blog AmicsdelesTIC  de l'Escola Sadako)

dissabte, 24 de gener del 2015

Cerca avançada a WordPress. Filtre per categories i etiquetes combinades

 

Aquest article mostra diferents formes de combinar els criteris de cerca en WordPress per tal de facilitar el treball a l'hora de localitzar els articles que t'interessen dins d'un blog. Especialment interessant el darrer punt on s'explica com fer un filtre de les entrades d'un blog que tenen una categoria i una etiqueta concretes de manera simultània.

 

1-Introducció

Les categories i etiquetes dels blogs de WordPress ens permeten establir criteris de cerca per tal de poder filtrar les que tenen un distintiu concret de la resta de publicacions.

Si ens fixem en com es formen les URL quan fem clic a una categoria o a una etiqueta, podem observar que sempre tenen la mateixa estructura:

  • Per categorieshttps://ticasak.wordpress.com/category/trucs/
  • Per etiquetes:https://ticasak.wordpress.com/tag/evernote/

Però, sabries com filtrar el contingut d'un blog utilitzant diverses etiquetes o categories al mateix temps?

Sabries combinar el filtre anterior amb la possibilitat de buscar qualsevol paraula en el contingut de l'article?

 

2-Cerques bàsiques

Comencem pel principi: distingir els diferents elements (cerques, etiquetes i categories)

Suposem que volem trobar:

  • Articles sota una determinada categoria. Usarem URL del tipus:

https://ticasak.wordpress.com/category/trucs/

  • Publicacions amb certa etiqueta. La URL serà:

https://ticasak.wordpress.com/tag/evernote/

  • Entrades que continguin cert text (cerca). Usarem:

https://ticasak.wordpress.com/?s=drive

 

3-Cerques múltiples

Per buscar articles que pertanyin a diversos tipus al mateix temps no tenim mes que separar els termes entre si utilitzant el signe +

D'aquesta manera busquem

  • Múltiples categories:

https://ticasak.wordpress.com/category/trucs+eines-tic

  • Múltiples Etiquetes

https://ticasak.wordpress.com/tag/evernote+dropbox

  • Cert text:

https://ticasak.wordpress.com/?s=drive+dropbox

.4-Cerques combinades

Si volem buscar articles que continguin determinat text i es trobin catalogats amb diverses categories o etiquetes haurem de compondre l'adreça web de la següent manera

https://ticasak.wordpress.com/category/trucs+eines-tic/?s=drive

 

5- Cerques combinades amb articles d'una categoria i etiqueta determinades

Aquesta opción només la contemplen sistemas de bases relacionals que realitzen una seqüencia de dos filtres consecutivamente, o alguns pluggins de Wordpress.org, com per exemple:

1- Post by Tag.2- Multiple category selection.

La pregunta que jo em feia, la qual ha provocat aquesta investigació, és...

hi ha alguna manera de fer aquesta doble sel.lecció a un blog gratuït de Worpress.com?

Doncs sí. Hi ha un truc que afecta al disseny inicial de les categories i etiquetes que assignem a les publicacions que ens permet realitzar aquest darrer filtre:

Si afegim a cada entrada del blog, a més de les etiquetes que li corresponguin pel tema o paraula clau, la paraula que descriu la seva categoria, podrem fer un filtre de doble etiqueta tal i com s'explica en el punt 4 en el que un dels noms és el de la categoria (també etiqueta) i l'altre el de l'etiqueta en qüestió. El resultat serà que ens mostrarà només les publicacions d'una categoria determinada amb una etiqueta concreta. És a dir, haurem fet un filtre seqüencial que només es pot fer de manera directa a worpress.org.

Utilitat?

Us posaré un exemple:

Si jo faig un blog en què les categories són les etapes educatives, i entre les etiquetes estan les àrees, podrem construir una URL que ens mostri, per exemple, només les entrades d'Educació Primària que siguin de l'àrea de matemàtiques. Penseu que amb els filtres directes de categories o d'etiquetes de Wordpress.com, només podríem veuve, o bé totes les entrades d'EP, o bé totes les entrades de matemàtiques, però mai la intersecció de totes dues.

Bona feina!