Arxius de la categoria ‘JavaScript’

Halftomato.com

Wednesday, November 11th, 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

Topobiografies de l’exili català

Monday, July 27th, 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

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

IE, Javascript i els memory leaks

Thursday, May 18th, 2006

De vegades, en el desenvolupament d’una web, ens podem trobar amb misteris estranyament resolubles. La resolució dels problemes està lligada a la consciència de la seva existència i tot plegat pot esdevenir en hores d’investigació perdudes… o no.

Aquest és justament el cas amb que ens vam trobar en un darrer desenvolupament. La navegació per la web era fluida amb Firefox i Internet Explorer, però passava a ser excessivament lenta en el segon després d’algunes interaccions.

Després de diverses proves, vaig trobar quelcom interessant a IE: Where’s my memory?. Segons sembla, Internet Explorer no manega correctament els closures a Javascript de forma que el garbage collector automàtic emprat per l’ECMAScript no funciona com cal al navegador de Microsoft. Podem trobar una bona explicació de què és un closure a IE: Where’s my memory? o a Javascript Closures.

Un cop dutes a terme les diferents solucions proposades a ambdós llocs, la navegació era lleugerament més fluida, però el problema seguia existint. Què podia ser llavors? Finalment, a força del que es podria considerar com isolate-your-code-developing, vaig donar amb el problema i, com passa sovint, resultava ser menys important del que podríem pensar (ai, ara és fàcil dir-ho…). A la web s’emprava un javascript amb un tag d’inici com ara aquest:

<script language="javascript">

En canvi, segons les especificacions de l’W3C l’atribut language està en desús i, en el seu lloc, insten a utilitzar l’atribut type que, d’altra banda, és obligatori. Així, el tag d’inici correcte “mínim” hauria de ser 

<script type="text/javascript">

Aquest canvi resol, finalment, el problema plantejat.

Aquest és un bon exemple de com un error aparentment simple pot provocar més d’un maldecap, de la importància de seguir les especificacions i els estàndards, i de com, en la resolució d’un problema, hom pot aprendre coses que, en principi, no sempre han de estar relacionades amb ell.

Llegir més noticies de:JavaScript