Halftomato.com

11/11/2009

Halftomato

Ja fa un parell de setmanes hem posat en marxa Halftomato.com un lloc per a conèixer gent nova i divertir-se. El projecte és una iniciativa pròpia d’Omatech, de la mateixa manera que ho són relatsencatala.cat o ipsojobs.com

Creiem que després de l’explosió d’usuaris dels darrers tres anys, les xarxes socials s’han anat sofisticat cada vegades més i s’ha produït una escletxa important entre les pàgines de contactes tradicionals (com match.com o meetic.com) i les xarxes més populars com Facebook. És en aquest espai on encaixa Halftomato ja que proporciona un entorn senzill, fresc i divertit per a conèixer gent nova.

El funcionament de Halftomato és molt simple: l’usuari es registra, puja una foto de la seva cara, diu on es troba i ja pot començar a disfrutar del web. Hem volgut evitar formularis llargs i registres complexos. La cerca és totalment visual ja que l’eix de la plana són les fotos dels usuaris. Totes les funcionalitats actuals són gratuïtes, quan el projecte hagi aconseguit créixer plantejarem afegir un conjunt de funcionalitats addicionals de pagament per a usaris Premium.

Hi ha dos temes tècnics dels que estem especialment orgullosos. Per una banda el tractament de les fotografies: per tal que l’usuari pugui mostrar la seva cara ben enquadrada hem implementat la possibilitat de retallar la foto on-line. És per aquest motiu que totes les fotos de Halftomato presenten un aspecte més o menys homogeni. L’altre tema és la gestió de la localització de l’usuari. Normalment en aquest tipus de planes s’utilitzen llistes desplegables de país, regió i ciutat per a poder localitzar als usuaris de la teva ciutat. En canvi a Halftomato ho fem tot mitjançant l’API de Google Maps. Halftomato detecta automàticament on et trobes (segons la teva IP) i et mostra els usuaris ordenats per proximitat.

Els comentaris que hem rebut fins al moment són molt positius i en només una setmana ja s’han registrat més de 300 usuaris, i el més important, el 80% s’hi connecta com a mínim una vegada al dia. Amb aquests primers inputs ja podem treure algunes conclusions: Halftomato és una eina robusta, sòlida, fàcil d’utilitzar i que enganxa! A partir d’ara, aturem temporalment el desenvolupament per centrar-nos en la seva promoció.

Encara no t’has apuntat a Halftomato? ;-)

Llegir més noticies de: AJAX, Google Maps, JavaScript, MVC, Omatech, jquery

lletrA – Literatura catalana a Internet

04/10/2009

lletrA

Omatech ha programat i ha posat en marxa la nova versió del web lletrA. Gràcies al compromís de la Universitat Oberta de Catalunya i de totes les institucions que li han donat suport des dels seus inicis, lletrA s’ha anat consolidant com l’espai de referència a Internet sobre literatura catalana.

El web de lletrA ofereix moltíssima informació i documentació especialitzada en la literatura catalana, per aquest motiu, un dels principals reptes del projecte ha estat la migració de contingut de la plataforma antiga a la nova plataforma dissenyada per Omatech.

La relació de lletrA amb Omatech és força especial i ve de llarg. L’any 2004 Omatech va guanyar el premi lletrA a la millor web de literatura catalana gràcies al projecte www.relatsencatala.cat. El premi lletrA va suposar un gran prestigi per a relatsencatala.cat i va ser un gran estímul per tot l’equip. Cinc anys més tard, el cercle es tanca i hem desenvolupat el nou web de lletrA. La connexió i la complicitat amb l’equip de lletrA de la UOC és el que ha fet possible tirar endavant un projecte tan ambiciós com aquest.

Per a poder mantenir la complexa arquitectura de continguts del web de lletrA, no hem dubtat en emprar el nostre propi gestor de continguts. Amb el nostre gestor hem pogut oferir una solució autònoma, flexible i senzilla, a més el meta-model de dades del gestor ha permès transformar en objectes editables tots i cadascun dels diferents continguts del web.

A banda de la gestió pura de continguts, també hem desenvolupat ‘OfflletrA‘, un espai participatiu obert a qualsevol persona interessada en la literatura catalana. A OfflletrA hem creat diferents vies de participació: Podem publicar pàgines sobre autors o obres, podem participar en un col·loqui, afegir el nostre blog, informar-nos d’una activitat relacionada amb la literatura catalana o bé donar a conèixer un vídeo penjat a youtube, sobre un autor o una obra. La voluntat és anar experimentant amb aquest espai i veure quina és la millor manera d’incorporar els continguts generats pels usuaris a la plana de lletrA.

Estem molt contents de com ha quedat el projecte lletrA, us presentem a continuació un llistat resumit de funcionalitats perquè les pogueu gaudir on-line a lletra.uoc.edu:

-Acompliment de les pautes d’accessibilitat WAI-AA.
-Multi-llenguatge: el web està disponible en català, però en breu es llançarà també en castellà i anglès.
-Generació dinàmica de PDFs a partir de la informació de la base de dades. Els PDFs es creen mantenint el format gràfic del web.
-Versió especial per a dispositius mòbils. Us recomanem que li doneu un cop d’ull amb l’iphone perquè queda d’allò més bé.
-Integració amb ‘Yahoo Pipes‘ per a seguir l’actualitat en català sobre literatura.
-Web dissenyada per a estar ben posicionada: marcat semàntic, URLs maques, optimització dels meta-tags, etc.
-Integració de contingut multimèdia: vídeos, arxius de so, gràfics dinàmics amb flash.
-Generació de butlletins integrats amb el gestor de continguts.
-Creació autònoma de seccions i subseccions.
-Cercador avançat i ajustat als patrons d’ús marcats per l’equip de lletrA.

Llegir més noticies de: Accessibilitat, Posicionament, relatsencatala.cat

Qualia Centre Wellness

01/08/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

29/07/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.

Topobiografies de l’exili català

27/07/2009

Topobiografies

Aquest any es celebra el setantè aniversari de l’inici de l’exili català. En aquest context commemoratiu, la UOC ha presentat ‘Topobiografies de l’exili català‘ un projecte web per donar difusió dels itineraris i experiències vitals de tots aquells catalans que van haver de fugir del seu país fa més de setanta anys. La UOC ha creat la idea i ha conceptualizat el web i a Omatech hem fet el disseny gràfic digital i tota la programació.

Com que un dels objectius del web és mostrar gràficament els itineraris dels exiliats, hem fet un ús intensiu de Google Maps. Representem els itineraris sobre el mapa mitjançant la unió de les diferents localitzacions per on va passar l’exiliat. A cada localització es poden adjuntar documents, fotografies i vídeos. Per això, a banda de l’API de Google Maps, hem treballat també amb l’API del Google Translator per traduir automàticament els continguts introduïts pels usuaris i amb l’API de Youtube.

Topobiografies de l’exili català‘ és una eina oberta i col·laborativa, qualsevol usuari pot participar i publicar els seus propis itineraris. Els itineraris no es publiquen automàticament sinó que passen per un cicle d’aprovació, l’equip d’administradors de la UOC vetllen per la qualitat de la documentació, la seriositat i la veracitat de la informació.

Llegir més noticies de: Google Maps, JavaScript, MVC, Mash-up, Omatech, PHP, clients, jquery, web 2.0