Octa.Beta v0.2

Fa ben poc que s’ha publicat el nou web del Butlletí Oficial de la Província de la Diputació de Barcelona i Antaviana hem participat en l’equip de desenvolupament, conjuntament amb l’equip d’informàtica de la Diputació. Concretament la nostra tasca s’ha centrat en tres fases:

• La definició de l’estructura i l’arbre de continguts.
• El disseny gràfic.
• La maquetació en HTML.

Usabilitat, usabilitat i sempre usabilitat.
En la definició de l’arbre de continguts hem centrat les nostres energies en crear un espai web funcional, de navegació molt intuitiva i agradable per a l’usuari. A Can Antaviana des de sempre vetllem perquè els nostres productes siguin realment usables, és una preocupació que ens empaita i sobre la qual ja hem escrit en aquest blog i algun cop n’hem parlat en algunes jornades.

Disseny acurat i encara més usabilitat.
En el disseny gràfic hem buscat l’equilibri entre la formalitat d’un lloc web institucional i la necessitat de posar el disseny al servei de la usabilitat. Perquè ja fa temps que hem après que un disseny atractiu és triplement important:
Atreu l’interès de l’usuari i l’ajuda a centrar la seva atenció.
Facilita l’ús dels diferents elements que integren el web.
Reforça l’actitud de servei i el rigor que un web institucional, com el d’una diputació, ha de trasmetre.

Accessibilitat, sense renunciar a res.
La maquetació en HTML de qualitat és imprecindible per seguir els criteris d’accessibilitat recomanables per un lloc web institucional. Maquetar és una tasca difícil en la qual apliquem rigor en la implemetació de les intruccions del dissenyador i les tècniques fonamentals per a seguir les normes del W3c. És així com aconseguim que el nou web del BOP de la Diputació de Barcelona acompleixi amb la normativa AA.

Portem més de 15 anys desenvolupant projectes web i hem viscut l’evoluació del desenvolupament web. Sabem que cal comptar amb un equip que sàpiga afrontar cada fase de treball amb criteri i expertesa, és així com s’aconsegueix desenvolpar productes realment eficients com el web del BOP de la Diputació de Barcelona.

Ja fa uns dies que s’ha publicat el nou lloc web de la Diputació de Lleida, una altra criatura creada pels artesans que tenim a can Antaviana.

En aquesta web se’ns plantejàvem dos temes importants per resoldre i ben diferents: la gestió de tràmits i la gestió de l’actualitat.

Pel que fa als tràmits.

Facilitar la informació i l’accés a la documentació relacionada amb tràmits és fonamental per a una administració com una diputació, per tant calia definir bé els elements, l’estructura i el disseny d’aquesta secció.

Per això vam tenir molta cura per trobar diferents sistemes d’ordenació, tan dels tràmits com dels serveis. Vam aplicar tres criteris de presentació diferents:

• Segons els destinataris: per a ciutadania i associacions, per a ens locals i per a empreses.
• Segons el tipus de document: BOP, convenis, actes.
• Segons l’àmbit als qual afecta cada tràmit: salut pública, pla d’inversió, ordenances fiscals, ajuts per a ONG…

Per altra banda es va incloure un cercador per a què cada usuari utilitzi els seus propis criteris de cerca. Llegiu la resta de l’article

T’imagines quina feinada que hi ha perquè tots els processos es realitzin correctament?

Amb un sistema tradicional totes aquestes gestions són molt complicades, és per això que l’Hospital Comarcal de l’Alt Penedès va encarregar-nos el desenvolupament d’una intranet i ens agradaria explicar tres característiques importants d’aquests projecte:

1. Si cadascú fa una feina concreta, per què la intranet ha de ser igual per a tothom?

Vam veure de seguida que calia oferir una resposta per a cada necessitat i que hi havia tantes necessitats com persones. Per això vam dissenyar la intranet com si fos un escriptori, i a través d’un sistema de drag-and-drop, hem permès que cada persona s’organitzi el seu propi espai de treball.

2. Res de dades i de continguts duplicats!

És una norma que ens vam autoimposar: calia trobar sempre un sistema per a optimitzar processos i evitar duplicitats. L’Hospital treballa amb Denario, una aplicació d’escriptori per a la gestió dels recursos humans, per tant s’ha connectat aquesta aplicació a la intranet. Llegiu la resta de l’article

Fa uns dies vam acabar el desenvolupament del nou web de Creal, el Centre de Recerca en Epidemiologia Ambiental. Aquesta institució necessitava millorar la seva imatge a Internet i a Antaviana ens vam posar a treballar. el resultat final ja és a la Xarxa i després d’acabar aquesta feina ens agradaria compatir amb tu quadre impressions.

De totes les seccions del web en volem destacar dues: Programes de recerca i Publicacions. Podríem dir que són les seccions més importants per una institució que, abocada a la recerca, els seus projectes i els resultats de les investigacions són el seu valor més preuat. Per tant era necessari dedicar una atenció especial a la forma en què s’expliquen i sobretot en trobar un sistema ràpid per editar-les.

• Desenvolupem una eina d’edició a mida.
  En el desenvolupament d’aquest web s’ha dissenyat, programat i implementat una eina d’edició totalment a mida, amb la qual el Creal edita els continguts relacionats amb els programes de recerca amb molta facilitat i sense una sobrecàrrega de feina excessiva.
• Amb la importació de dades la publicació del web és més àgil.
  Pel que fa a les publicacions, aprofitant que el Creal registra en una aplicació d’escriptori la informació relacionada amb les seves publicacions, hem programat una importació de dades des d’aquesta aplicació cap a l’eina d’edició de Houdini. Així, a la fitxa de cada projecte de recerca s’hi inclou automàticament informació complementària relacionada amb els autors de les publicacions, el factor d’impacte i el quartil dels articles.
• Integrem els nous recursos a Houdini.
  Finalment l’eina d’edició dels programes de cerca es va incorporar a Houdini, i es va lliurar al Creal un gestor complert de tot el web, versàtil, flexible, molt usable i, en un futur, fàcilment actualitzable.

A Can Antaviana ens preocupa molt que els nostres clients tinguin a les mans una forma ben fàcil d’editar els continguts del seu web. Constantment millorem Houdini, el nostre gestor de continguts, busquem formes efectives per connectar el web amb aplicacions d’escriptori o bé amb Intranets. El web del Creal és un bon exemple d’aquesta preocupació nostra: per fora tot sembla normal, per dins tot està ben connectat i és ben efectiu.

Fins ara el Banc de Sang i Teixits dedicava una secció del seu web a informar sobre tots els temes relacionats amb la donació de sang. Però la donació de sang és un acte que requereix un tractament especial. Veient la necessitat de donar-li més força es va decidir crear un web independent dedicat exclusivament a la donació de sang. És així com neix www.donarsang.cat

La funció d’aquest web és sobretot facilitar informació precisa i crear un vincle de proximitat amb totes les persones implicades i sensibilitzades per la donació de sang. En aquest sentit trobem important destacar:

L’organització dels continguts i la tria de seccions.

• Poques seccions però molt ben triades, clarament enfocades al futur donant i a resoldre-li els dubtes que l’ajudaran a decidir-se per participar en les donacions.
• Una portada directa, amb un disseny ben mesurat que permet oferir molta informació sense sobrecarregar-la.

L’interès per crear comunitat.
Les persones sensibilitzades per la donació de sang, bé sigui com a donats o bé com a personal sanitari, requereixen una atenció important i permanent. Per tant es decideix posar un primer peu en el web social i connectar des del web el perfil de Facebook i el compte de Twitter.

Recursos tecnològics per fer més àgil l’actualització del web.
L’estat a temps real de les reserves de sang es va considerar una dada important. per això en el desenvolupament tecnològic d’aquest web s’hi ha inclòs un web service que connecta una aplicació de gestió interna del Banc de Sang amb el web, i cada dia envia un arxiu xml amb la informació actualitzada sobre les reserves de sang.

A banda dels aspectes tècnics vinculats a la nostra tasca, estem molt satisfets d’haver participat en un projecte que ajuda a potenciar la donació de sang: hem descobert processos interns del Banc de Sang i Teixits, hem compartit bons moments amb les persones que hi treballen i realment hem viscut una experiència molt enriquidora. El desenvolupament del web donarsang.cat ha estat una d’aquelles feines amb encant, que fan especial el nostre ofici.

L’Institut d’Investigacions Biomèdiques Agustí Pi i Sunyer és un centre recerca adscrit a l’Hospital Clínic. Ens va trucar perquè volien actualitzar la seva imatge a Internet, tant en l’aspecte tecnològic com en els missatges.

En la vessant tecnològica calia fer àgil la gestió dels continguts.
En l’anterior web l’actualització de continguts no estava en mans de l’IDIBAPS, sinó que cada canvi s’havia d’encarregar a l’empresa que l’havia desenvolupat. Aquest sistema resultava car, lent i molt poc operatiu. Per tant una de les premisses fonamentals del projecte consistia a proveir l’IDIBAPS d’un gestor de continguts efectiu.

Houdini, el Gestor de continguts d’Antaviana, encaixava plenament en aquest projecte: molt usable, funcional i fàcilment ampliable amb altres eines a mida. Així que la proposta que els vam fer els va agradar i es va desenvolupar un Houdini per l’IDIBAPS.

A més a més, en un portal privat, els investigadors ja publicaven informació sobre les investigacions. Aquestes dades eren molt interessants i calia incloure-les en el web de l’IDIBAPS sense haver de repetir-ne l’edició. Per això es va fer una connexió entre Houdini i Sharepoint, l’aplicació de gestió del portal privat, per tal d’extreure el contingut i publicar-lo a la secció de recerca del web.

En el disseny del web calia oferir un missatge ben clar.
Era important treballar un disseny actual i en consonància amb el tarannà de la Institució. A més s’havien de reforçar tres missatges clau:

• La importància de l’equip humà de l’IDIBAPS, de tots els seus  grups d’investigació i l’interès de la institució perquè grans especialistes en biomedicina s’incorporin en els equips de recerca.
• El vincle afectiu entre l’IDIBAPS i Barcelona. Aquest institut és un centre rellevant a nivell mundial, està obert a la col·laboració amb altres instituts mèdics de tot el món, però la empremta barcelonina és important, els caracteritza i els defineix.
• El reconeixement de totes les institucions públiques i privades que aporten els fons econòmics necessaris per iniciar i finalitzar amb èxit les línies de recerca.

Ha estat doncs un projecte molt interessant, ens ha agradat molt participar en el desenvolupament d’aquest web i el recordem com un projecte en el qual l’experiència tecnològica d’Antaviana, sobretot en desenvolupament de gestors de continguts, i l’estil estètic i comunicatiu dels dissenyadors de la casa han tingut un encaix perfecte.

http://www.idibaps.org