Manteniment de la web de l'Ajuntament de Granollers

Després de realitzar un curs de formació sobre Drupal al CTUG de Granollers, bàsicament per personal intern de l'ajuntament, vam iniciar el procés de manteniment de la web, que bàsicament ha inclós la creació d'un nou microsite pels centres cívics, i altres actuacions menors.

By joan, 23 February, 2013

Seguretat en les connexions de correu-e

Us volia recordar, i recomanar, que useu connexions segures per connectar-vos als vostres comptes de correu-e.

Si ho feu via web, recordeu que ho podeu fer a través de la URL: https://ELVOSTREDOMINI/webmail (per exemple: https://calbasi.net/webmail )

Per aquest mitjà les vostres connexions sempre seran segures (usaran el https al navegador, el protocol encriptat de http, que és el normal de les connexions via web). Però heu de tenir la precaució, si useu un ordinador que no és el vostre, o a on accedeixen més usuaris, de no usar l'opció de "recordar la contrasenya" del vostre navegador ;-)

Si llegiu el vostre correu usant un client com el thunderbird, l'outlook, etc. llavors, als paràmetres de configuració del compte, podeu usar l'opció de connexió segura. Al thunderbird (v 3.0), per exemple, es configura des del menú "Edita > Paràmetres del compte" i, un cop en aquesta secció, heu d'anar a cadascun dels comptes que tingueu configurats, i buscar l'opció "Paràmetres del servidor".

Tecnics associats: nou disseny

La web de Tècnics Associats va ser una de les primeres que va realitzar Calbasi. Ara, un parell d'anys més tard, han volgut canviar-li el look, i passar del fosc al clar :-) Per fer-ho la gent de Tècnics va triar una de les plantilles (themes) més aconseguits de la versió 6 de Drupal, Zero Point. Un cop instal·lat aquesta plantilla, van suggerir alguns canvis menor, que es van incorporar via full d'estils. En resum, un canvi de look a un cost baixíssim ;-) Com a detall de disseny, aportat pel personal de Tècnics, les imatges alternants de la capçalera de la web: molt xules! Però, ja posats, també s'ha aprofitat aquesta remodelació en la imatge de la web per incorporar-li tota una secció dedicada a un soft. desenvolupat per ells, INPcom, que, per tant, ha de comptar amb la funcionalitat de gestió de descàrregues i, suplementàriament, d'un fòrum de suport. És un primer enfoc, que es pot dotar de més complexitat, en el futur, si es requereix.

catalunyareligio.cat

Per encàrrec de Raval.net desenvolupem una sèrie de tasques a la web de catlaunyareligio.cat, com son els portals temàtics i territorials i la versió mòbil (adaptable) de la seva web.

La principal dificultat és la forta alteració del codi amb elements propis que te la web, i que ens obliga a entendre'ls sense que hi hagi cap documentació informativa (as usual).

Novalingua.com

Aquest projecte va suposar l'actualització de l'antiga web d'aquesta acadèmia d'idiomes, que era feta en drupal 6 però tenia una sèrie de handicaps tèncics deguts a deficiències de disseny/implementació.

La nova web, amb el disseny de Sayury Villalba del Castillo, està feta en la versió actual de drupal, la 7 i proba de guanyar en funcionalitat i en facilitat de gestió interna (alhora de crear, editar o eliminar cursos, que és la base del negoci i, per tant, de la web.

L'adaptació del disseny de la Sayury no és encara completa, sinó que es va fent per fases, per bé que en general només resten d'implementar alguns detalls. De la mateixa manera, a nivell funcional, hi ha la possibilitat de donar-li encara més possibilitats a la web (gestió d'ofertes, etc.).

Aula Virtual de Tècnics Associats

Des de Tècnics Associats, client nostre, ens van demanar instal·lar un software per gestionar la seva Aula Virtual, concretament es tracta de Moodle, líder en el sector i, a més, programari lliure.

La nostra tasca va comprendre l'adecuació del servidor de calbasi.net als requisits de Moodle (>php 5.3), així com la instal·lació i la configuració bàsica...

El personal de TècnicsAssociats han acabat de configurar l'eina segons els seus requeriments, i a dia d'avui ja és plenament funcional ;-)

Pd.: consulteu el nostre servei d'instal·lació de Moodle.

Tècnics en arquitectura

Aquesta senzilla web és una aposta, econòmica, que aprofita el nostre servei de web bàsica més el de publicitat a la xarxa de Google Adwords, amb la intenció d'aprofitar el canal comercial que suposa internet, i la recerca de serveis via el cercador de Google.

En una primera fase, el client a usat la plantilla Bartik, una de les que son preinstal·lades a drupal 7. Però en un futur, si el canal comercial es consolida, és trivial canviar-la per qualsevol altra, així com dotar la web de més contingut.

By joan, 18 July, 2012

Rollover text with CSS

An easy way to get a rollover text using only CSS (without coding, javascript...). Here you are:

We use two classes (or ID): .rollover for emergent text and .rollover_activador used in text that must activate the rollover.

<span class="rollover_activador">[i]<span class="rollover">Rollover text</span></span>

And, in our .css style file, we use next styles:

.rollover{
  display:none;
}

.rollover_activador{
  position: relative;
}

.rollover_activador:hover .rollover{
  display:inline;
  position: absolute;
  z-index: 10;
  background-color: yellow;
}

Easy, isn't it?

By joan, 16 July, 2012

Com crear un text emergent amb CSS

Una manera senzilla de crear un text emergent, o pop up / rollover, usant només CSS (sense programació, javascript...) és la següent:

Hem d'englobar el text amb dugues classes (o ID). Usarem .rollover pel text a emergir i .rollover_activador pel text que ha de fer saltar el text emergent.

<span class="rollover_activador">[i]<span class="rollover">Text emergent</span></span>

I al nostre fitxer .css usarem els següents estils:

.rollover{
  display:none;
}

.rollover_activador{
  position: relative;
}

.rollover_activador:hover .rollover{
  display:inline;
  position: absolute;
  z-index: 10;
  background-color: yellow;
}

Senzill, oi? després només hem d'acabar de donar-li el look que volguem...

Actualització 20120802: via Linkedin he trobat una manera diferent i, al meu entendre, més simple, de fer-ho:

doriance.es

Aquesta web, amb un look molt modern, no requería de molta complexitat a nivell funcional, però si per adaptar el disseny del client, que no s'havia realitzat amb un equip de professionals que integressin desenvolupadors / maquetadors web, i que va requerir molts esforços per acomplir amb les especificitats del disseny, que introduia moltes "excepcions" als estils generals: menús d'imatges i desplegables, amb elements informatius intercalats, slideshow de portada amb sobreimpressions de zones enllaçables fàcilment editables pel client, etc.

El resultat, malgrat els pocs recursos disponibles, és, al nostre entendre, molt notable, en bona part per la bellesa del seu disseny.