Arxius de la categoria ‘css’

Qualia Centre Wellness

Saturday, August 1st, 2009

Qualia

Omatech ha desenvolupat el web de Qualia, un centre de wellnes ubicat a Figueres que s’ha inaugurat el passat mes de Juliol.

El web té una doble missió, per una banda mostrar les instal·lacions del centre i per l’altra presentar una llista detallada de tots els tractaments i serveis que proporciona. Amb aquests paràmetres de sortida, hem dissenyat un web modern, clar i amb un alt component visual. Hem plantejat una pàgina principal on l’usuari disposa de tota la informació rellevant de l’spa sense necessitat de navegar a les pàgines interiors. En el cas que es vulgui més informació d’algun tractament en particular, en un sol click l’usuari pot trobar la descripció, el preu i la durada de qualsevol servei.

Un dels punts que més sorprenen del disseny és el peu de pàgina. Aprofitem aquest espai per desenvolupar la llista detallada de tractaments, així simplifiquem la navegació i també ajudem a posicionar-nos de manera òptima a Google.

Omatech ha realitzat el projecte claus en mà: A partir d’unes especificacions i un material gràfic de partida hem realitzat tota l’arquitectura de continguts, l’anàlisi d’usabilitat, el disseny gràfic digital i la programació. El web s’ha programat sobre el gestor de continguts d’Omatech (també conegut com HardCandy CMS). D’aquesta manera els responsables de Qualia poden editar o introduir nous continguts, afegir fotografies o qualsevol arxiu multimèdia i fins i tot poden modificar l’estructura de menús i submenús, fet que els dóna autonomia total pel manteniment del web.

Destaquem també que el calendari de projecte s’ha complert a la perfecció ja que tant el centre de wellnes com el web s’han inaugurat el mateix dia, tal i com s’havia plantejat des de l’inici de projecte.

Llegir més noticies de:Posicionament, XHTML, css

El Museu Etnològic del Montseny

Wednesday, July 29th, 2009

Museu Etnològic del Montseny

Presentem el web del Museu Etnològic del Montseny, un dels darrers projectes dissenyats i programats per l’equip d’Omatech.

El Museu Etnològic del Montseny es troba a Arbúcies, és un centre d’exposició, conservació, difusió i investigació del patrimoni cultural del massís del Montseny. Gràcies a la relació de confiança creada durant el desenvolupament del web municipal d’Arbúcies, els responsables del museu ens van encarregar la transformació total de l’antic web.

El primer front de treball ha estat el replantejament de l’arquitectura de continguts. La home del web és un reflex de la voluntat explícita de facilitar al màxim la cerca de continguts rellevants. Només entrar el possible visitant del Museu obté la informació clau sobre el què trobarà i on ho trobarà. L’estructuració i usabilitat de la plana s’ha anant modelant mitjançant la metodologia heurística i l’avaluació amb grups d’usuaris clau.

Un cop hem tingut definida l’estructura del web, hem incorporat la capa de disseny gràfic. Tal com ens van demanar els responsables del museu ens hem inspirat en els colors i les tonalitats dels Montseny, sobretot per reforçar la idea que el museu té una àrea d’influència i actuació que va molt més enllà de l’edifici físic.

El front-end del Museu s’ha realitzat amb estàndards web (XHTML + CSS) i la maquetació és accessible. En concret, aquest web s’adapta a les pautes del Web Content Accessibility Guidelines 1.0, nivell WAI-AA. Pel que fa l’eina d’administració, hem emprat el gestor de continguts propi d’Omatech.

El gestor permet a qualsevol usuari no tècnic fer el manteniment complet de la informació del web. A més des del mateix gestor es pot modificar l’estructura de menús, es poden afegir seccions i subseccions, es poden establir noves relacions entre continguts, en definitiva dóna el màxim de flexibilitat als responsables del Museu per fer del web una entitat viva i canviant.

Evidentment, el web i el gestor estan preparats per la seva correcta indexació i com sempre fem, hem treballat específicament els aspectes que influeixen en el posicionament orgànic: urls maques, maquetació semàntica, construcció automàtica de titles rellevants, etc.

Esperem que el projecte us agradi i us recomanem que visiteu el Museu tant per l’interès de les diferents exposicions com per l’espectacularitat de les seves instal·lacions. Si ara us queda lluny, aprofitem la tecnologia actual per fer una visita virtual.

Fundació RACC: Econduccion

Tuesday, June 16th, 2009

Econduccion

Aquest mes de Juny la Fundació RACC ha engegat la campanya Econduccion, una iniciativa que té un triple objectiu:

1. Promoure una mobilitat més respectuosa amb el medi ambient.
2. Promoure l’ús del transport públic.
3. Promoure pràctiques eficients de conducció.

La campanya s’articula mitjançant diferents accions, per exemple missatges als autobusos o a les benzineres. Pel que fa l’entorn on-line, s’ha llançat el web: Econduccion.

Omatech ha estat l’empresa encarregada de fer-ne el disseny, la maquetació i la programació.

El disseny del web ha estat determinat pel llibre d’estils del RACC. A Omatech hem interpretat les pautes corporatives del RACC per tal d’incorporar els elements identificatius de la campanya: el color verd i l’abundant material gràfic produït per a l’ocasió.

L’administració del web s’ha resolt mitjançant el gestor de continguts propi d’Omatech que ens permet la màxima flexibilitat a l’hora de plantejar l’arquitectura i el manteniment dels contingutss del web . De fet, flexibilitat i modularitat eren part fonamental del corpus de requeriments de la Fundació RACC. El gestor de continguts permet als responsables del web tenir el control total de la composió de la home, el canvi d’imatges del carrussel central, la incorporació de noves seccions i subseccions, la gestió dels banners laterals, la introducció d’enquestes i en definitiva l’administració complerta del web sense dependre de cap perfil informàtic especialitzat.

Us convidem a què visiteu la pàgina, conegueu més sobre la campanya, descobriu consells per conduir de manera més ecològica, participeu a l’enquesta i avalueu quin és l’impacte medioambiental del vostre cotxe.

Llegir més noticies de:Accessibilitat, Omatech, PHP, XHTML, clients, css

Recull de projectes – Primavera 2009

Tuesday, June 16th, 2009

Aquests darreres setmanes han estan ben atapeïdes de lliuraments. A continuació us mostrem un recull dels projectes que hem acabat i ja estan en marxa.


[Borsa de treball i formació de l'Ajuntament de Girona]

Borsa Treball Girona

Omatech ha desenvolupat la borsa de treball de l’Ajuntament de Girona. La borsa de treball és l’eina on-line que utilitza el TiF/DIE de Girona (Treball i Formació / Dispositiu d’Inserció Econòmica de l’Ajuntament de Girona). El TiF/DIE es dedica a la inserció de persones en el mercat laboral mitjançant dues vies: la intermediació d’ofertes de treball i la formació de candidats.

La borsa de treball té un part pública i una part privada. A la part pública es poden consultar totes les ofertes disponibles i és des d’on els candidats i les empreses troben els formularis per a introduir les seves dades, CV i ofertes de treball. A la part privada és on s’acumula el gruix de funcionalitats ja que hem desenvolupat un motor per a relacionar de manera automàtica ofertes i candidats i hem incorporat totes les necessitats de gestió del TiF/DIE. Tant les dades sobre candidats com les d’empreses són validades pels responsables de l’Ajuntament, per tant la informació disponible des de la borsa de treball és de la màxima qualitat.

A nivell tecnològic, la borsa de treball s’ha desenvolupat amb PHP i s’ha integrat sobre la plataforma Oracle de l’Ajuntament. El front-end s’ha maquetat amb XHTML i CSS i compleix els estàndards de la W3C i d’accessibilitat.

El Carles, l’home d’Omatech a Girona, ha estat el responsable del projecte. Podeu llegir una descripció completa del projecte al seu blog.


[WOCMES - Barcelona 2010]

Wocmes

Omatech ha posat en marxa el nou web de WOCMES, és a dir, el web del Congrès Mundial d’Estudis sobre l’Orient Mitjà i el Nord d’Àfrica que es farà a Barcelona, del 19 al 24 de juliol de 2010. El web s’ha desenvolupat sobre el gestor de continguts d’Omatech, és multi-idioma i compleix les pautes d’accessibilitat WAI – AA.

Un dels idiomes del web és l’àrab. Com que l’àrab és llegeix de dreta a esquerra, la organització de menús, la estructura de la plana i l’alineació del text s’han modificat per poder fer una lectura correcta i que la visualització no resulti forçada.

Una altra àrea de desenvolupament important ha estat tot el que està relacionat amb els formularis d’inscripció. Hi ha 12 formularis d’inscripció en anglès i francès, per aquest motiu a Omatech hem desenvolupat una eina ad-hoc per a poder generar automàticament formularis i regles de validació per cadascun dels camps. D’aquesta manera podem oferir un temps de desenvolupament molt curt i ens assegurem la minimització d’errors manuals.


[Apartments by days]

Apartments

Omatech ha dissenyat, maquetat i programat el web de lloguer d’apartaments: Apartmentsbydays.com.

El web s’ha desenvolupat sobre el gestor de continguts d’Omatech, és multi-idioma i està integrat amb Google Maps. Els responsables del web poden administrar el web sense cap tipus de coneixement tècnic. El web està estructurat internament per tal de facilitar al màxim el posicionament orgànic.

Els apartaments estan moblats i es troben situats molt aprop del centre, per això els responsables del negoci volien una fitxa d’apartament molt completa per tal que els possibles clients tinguessin tota la informació disponible sobre l’apartament en un sol espai. En aquest sentit hem dissenyat una fitxa compacta, on es dóna molta importància al tractament i visualització de les imatges i amb un accés continuu cap a la opció de ’sol·licitar disponibilitat’ perquè l’objectiu del web és convertir visites en clients.

Com que el lloguer d’apartaments es dirigeix a un públic majoritàriament estranger s’ha complementat la informació sobre els apartaments amb informació sobre Barcelona: esdeveniments importants, mitjans de transport, explicació sobre el clima, etc. Reforcem l’experiència d’usuari i al mateix temps donem informació de qualitat perquè ens indexi Google.


[Cercador Dcrclips]

Dcrclips

Omatech ha desenvolupat el cercador de clips de vídeo de Dcrclips. Dcrclips és una empresa que es dedica a la comercialització de vídeos. Per tal que els seus clients puguin accedir al seu stock de vídeos necessitaven una eina molt ràpida i fàcil de mantenir. Amb aquestes premises hem creat un cercador molt potent on prioritzem la velocitat de càrrega.

Els resultats de la cerca apareixen gairebé d’immediat. Al passar per sobre el vídeo, aquest es posa en funcionament perquè l’usuari es pugui fer a l’idea del que trobarà. Aquest sistema tant avançat de visualització és el que utilitza per exemple la BBC a les seves planes de vídeos.


[Mobile 2.0 European Conference]

Mobile 2.0

Omatech ha desenvolupat la plataforma de registre del “Mobile 2.0 European Conference“, una conferència internacional orientada als professionals especialitzats en aplicacions i serveis mòbils, que es celebrarà a Barcelona el proper 18 i 19 de Juny.

La vocació del “Mobile 2.0″ és connectar els diferents actors de la indústria mòbil i poder compartir i donar visibilitat a les empreses més innovadores del sector. Durant el “Mobile 2.0″, hi haurà 6 empreses que presentaran els seus productes o serveis. Com que l’esdeveniment aglutina les persones més influents del sector de la tecnologia mòbil, hi ha moltíssimes empreses interessades en presentar.

Per aquest motiu, els responsables del “Mobile 2.0″ ens van demanar que desenvolupéssim una plataforma que per una banda permetés registrar-se a les empreses interessades i per l’altra permetés una gestió descentralitzada per tal que el comitè de jutges internacional pogués fer la selecció de les empreses guanyadores.

La selecció de les empreses que presentaran ja ha estat feta i estem molt satisfets perquè la plataforma de registre ha funcionat perfectament i ajustada a les expectatives dels responsables del “Mobile 2.0″.

Presentació de clubdecuines.cat

Friday, February 27th, 2009

Clubdecuines

Ens plau presentar-vos un dels darrers projectes desenvolupats per Omatech: www.clubdecuines.cat, el portal de cuines de TV3 i Catalunya Ràdio.

Clubdecuines.cat ha estat un encàrrec de ccrtv interactiva, amb qui hem treballat colze a colze i amb el màxim d’il·lusió per portar a terme un projecte que ens ha entusiasmat des del moment que ens el van plantejar. Clubedecuines.cat aglutina totes les receptes que han passat per TV3 i per Catalunya Ràdio durant els darrers 25 anys… i això són moltes receptes, unes 3.500. Cada recepta s’acompanya del vídeo o la fotografia del programa corresponent, des de ‘El bona cuina‘ d’en Jaume Pastallé fins a ‘La cuina de l’Isma‘ o el ‘Karakia‘ actuals. El portal pretén esdevenir un punt de consulta i referència per a tots els amants de la gastronomia.

A banda de les receptes dels programes de TV3 i de Catalunya Ràdio, clubdecuines.cat és un espai obert a la participació de l’usuari. De fet, amb terminologia d’avui en dia, podríem dir que es tracta d’una xarxa social al voltant de les receptes. Qualsevol qui ho desitgi pot publicar la seva recepta i comentar les dels altres participants. Per tal de reforçar la interacció entre usuaris hem implementat les eines ja clàssiques d’aquest tipus de xarxes: comentaris, missatges, votacions, possibilitat de subscriure’s a un cuiner en particular, etc.

Omatech ha fet el disseny, la maquetació i la programació de clubdecuines.cat. Un dels punts més crítics del projecte ha estat la migració de totes les receptes de TV3 i Catalunya Ràdio cap al nou portal. Els processos de càrrega s’han fet mitjançant fitxers XML que contenien tota la casuística possible de receptes (amb vídeo o sense, amb fotos o sense, tractament dels ingredients, etc). Un altre aspecte complexe ha estat la integració amb el sistema d’usuaris de TV3 i Catalunya Ràdio. Agraïm públicament l’ajut de l’equip d’Interactiva que en tot moment ha respost als nostres dubtes i han fet que el procés productiu s’hagi desenvolupat amb gran èxit.

La veritat és que la sensació de la feina ben feta és reconfortant i cada cop que sentim com TV3 i Catalunya Ràdio promocionen clubdecuines.cat se’ns dibuixa un somriure a la cara. Des d’Omatech us recomanem que visiteu clubdecuines.cat, navegueu pel munt de receptes disponibles i que us animeu a publicar les vostres pròpies receptes.

Com a curiositat us mostrem un parell de fotos de l’acte de presentació del web que es va fer el passat 24 de Febrer al Fòrum Gastronòmic de Girona.

En primer lloc, la representació més dolça d’un web desenvolupat per Omatech. Sí, encara que no ho sembli, el pastís de clubdecuines.cat estava totalment fet de xocolata.
Pastís de clubdecuines.cat

Els periodistes gastronòmics Tana Collados, que actualment dirigeix i presenta el programa “Al vostre gust” de TV3, i Pere Tàpias, director i conductor de l’espai “Tàpias Variades” a Catalunya Ràdio, juntament amb el director de continguts de CCRTV Interactiva, Ferran Clavell, foren els encarregats de presentar el nou portal al Fòrum Gastronòmic de Girona.

Presentació de Clubdecuines.cat

Llegir més noticies de:AJAX, JavaScript, MySQL, Omatech, PHP, XHTML, XML, clients, css, jquery, web 2.0