Webmestres

Posem a la vostra disposició diverses opcions per incloure’ns al vostre web.

Caixeta

A continuació podeu generar una caixeta a mida pel vostre web, tipus widget de Twitter, que mostrarà els darrers titulars, no només del nostre web, sinó també de diversos webs de la societat civil.

Continguts

Selecciona les fonts d'on obtenir les notícies:

Total d'enllaços a carregar:

(entre 1 i 100)

Comportament

Colors

Els codis de colors s'han d'indicar en hexadecimal [00ff00].

Mides

Les mides són en píxels. Els canvis no s'apliquen a la vista prèvia.

Codi a incloure al vostre web

Feu un “copy/paste” d’aquest codi al lloc on vulgueu que aparegui dins del vostre web:

Provat i funcionant a:

  • Internet Explorer: 6, 7, 8 i 9
  • Mozilla Firefox: 3, 3.5, 4, 7 i 8
  • Google Chrome: 15
  • Apple Safari: 5
  • Opera 11.11
  • Midori 0.4
  • Rekonq 0.5
  • Navegador d'Android 2.3.5
  • Dolphin Browser HD 4.6
  • Miren Browser 1.2
  • Firefox 4 (Android)

Informació Tècnica

Es tracta d'un programa fet amb PHP, cridat des del Cron cada 15 minuts (cada 30 en franja nocturna), que llegeix els titulars de diversos webs i acaba generant un fitxer HTML amb aquesta informació, juntament amb el Javascript (a pel, sense cap llibreria externa) i el CSS necessaris per veure-la correctament.

Els titulars s'obtenen per tres camins: RSS els llocs que en tinguin, parsejant l'HTML el que no tinguin RSS i llegint un fitxer TXT (mantingut de manera manual), que és el cas dels hashtags de Twitter. Els RSS no sempre retornen més de 8 o 10 enllaços, per aquest motiu, i d'altres com un error puntual en la xarxa, el programa incorpora una catxe que guarda les 25 darreres entrades de cada web.

Aquest HTML generat, i estàtic, és el que s'incorpora directament en els IFRAME per incloure la Caixeta als webs. El Javascript i el CSS s'encarregaran de mostrar la informació segons indiqui la configuració de la Caixeta: mides, colors, origen i total de notícies... si l'usuari no disposa de Javascript, o no el té activat, la Caixeta no es mostrarà.

En total es fan dues peticions al nostre servidor, la del fitxer HTML (que conté el Javascript i el CSS a dins) i la imatge que conté totes les icones usades. La imatge, es quedarà a la catxe dels navegadors dels usuaris, per tant, només es farà un sola petició a cada càrrega. La imatge pesa 3,5 Kb i l'HTML uns 25 Kb.

Aquest sistema té l'inconvenient clar de que, ens segons quins casos concrets (posem una configuració que només recuperi les darreres 5 noticies d'un sol lloc), amb menys Kb de contingut faríem. Però son per casos molt concrets. A canvi, a nosaltres ens aporta el que buscàvem:

  • rapidesa alhora de servir la Caixeta (l'HTML es serveix molt més ràpid que un PHP, per exemple)
  • estalvi de recursos al servidor, ja que a part de l'ús de la xarxa, els seu impacte en CPU i RAM és mínim
  • claredat i fàcil manteniment del programa
  • fàcil ampliació, si s'escau, amb altres orígens de notícies

Si voleu més informació, escriviu-nos un e-mail i en parlem.

Vídeos

Això està pensat per incloure vídeos directament al vostre web. Té diversos usos, potser el principal és per incloure-ho a una columna del vostre web, de la mateixa manera que ho faríeu amb un banner. A partir d’aquí, teniu diverses opcions per configurar-ho al vostre gust.

Tot i que podeu fer-ho servir com ara Youtube, inserint vídeos d'un en un, el configurador permet algunes opcions més:

Tipus

Podeu triar entre “imatge” o “vídeo”.

[Mostra una captura del vídeo amb un enllaç al web de Consciència on reproduir-lo]

[Insereix el vídeo per ser reproduït directament al vostre web]

Mida [Vídeo]

Podeu definir la mida dels vídeos en funció de l’amplada (width) en píxels. L'alçada varia en funció del vídeo (pot ser 4x3, 16x9 ...)

Contingut

Teniu tres formes per determinar els vídeos que voleu mostrar:

[No es fa cap distinció, cada vegada es servirà un vídeo de manera aleatòria]

[Només es mostraran vídeos de la/les categories seleccionades]

[Podeu definir una llista amb els identificadors dels vídeos que voleu que es mostrin, separats per una coma. Cada vídeo té un identificador únic de 4 xifres. El trobareu a la URL, en el paràmetre "item_18". Una manera ràpida de fer-ho és afegint els vídeos desitjats a "Els meus favorits". En el camp de text d'aquí sota teniu carregats els vostres favorits (si en teniu)]

Previsualitza

Fes clic per veure el resultat

Codi a incloure al vostre web

Feu un “copy/paste” d’aquest codi al lloc on vulgueu que aparegui dins del vostre web:

RSSRSS

Podeu triar entre diverses opcions per generar un RSS a mida pel vostre web.

Escolliu una categoria concreta o bé deixeu "Totes" per obtenir els "últims afegits". Podeu triar el nombre de vídeos a obtenir, entre 1 i 25. El mode 130px i 245px generen el títol, la data i la imatge (a 130 o 245 píxels respectivament), el mode complet retorna tota la informació dels vídeos.

Direcció del canal RSS a mida:

Banners

Aquí teniu uns banners de diferents mides i colors:

Twitter

Una altra forma d'obtenir els vídeos del nostre web és a través de Twitter, el nostre robot hi penja 4 vídeos al dia amb el hashtag #consciencia_cat.

Aquests vídeos que es pengen a Twitter s'obtenen de manera aleatòria, per tant, aquest camí no seria l'indicat si el que és vol és seguir l'actualitat. Aquí teniu més explicacions de com funcionen els nostres robots a les xarxes socials.

Si voleu obtenir una caixa similar a la d'aquí al costat, aneu al web del Widget Search de Twitter.

A "Consulta de Búsqueda" i "Leyenda" poseu #consciencia_cat. A "Título", www.consciencia.cat. Ja només us queda decidir els colors que més s'escaiguin al vostre web... i ja teniu la caixa de consciencia.cat a Twitter apunt!

Manifestació "Som una Nació. Nosaltres Decidim" - Barcelona, 10 juliol 2010