La creació de llocs web autogestionables (amb àrees d'administració des d'on qualsevol persona amb coneixements bàsics pot modificar els continguts de la seva pròpia web)
L'adaptació de continguts web per a dispositius mòbils, facilitant així la visualització de les webs creades amb TubeSpark a dins del telèfon mòbil (la nostra web de conductiva n'és un exemple)
La creació de comunitats virtuals per a Internet, proporcionant control i gestió dels diferents apartats/seccions de la web segons el perfil dels usuaris que s'hi connecten.
TubeSpark és un software modular que pot proporcionar de forma ràpida una gran quantitat de funcionalitats a les webs dels nostres clients:
Comunitats virtuals
Botigues virtuals
Blogs
Galeries de d'imatges i de vídeo
Enviament massiu de newsletter (que permet realitzar enviament de noticies de forma massiva a milers de correus electrònics simultàniament)
Suport natiu per a OpenID (per poder accedir a les zones d'accés restringit de les diferents webs mitjançant un mecanisme unificat, segur i estàndard com és l'OpenID)
Mitjançant TubeSpark també hem creat aplicacions web amb funcionalitats molt més específiques, com poden ser:
Gravació y reproducció de vídeos en línia (directament des del propi navegador)
Registre y impressió d'acreditacions en línia (des del propi navegador) per a conferències i convencions
Captures de fotografies des del propi navegador web
Generació automàtica de codis de barres
Generació automàtica de continguts dinàmics en PDF i Excel
A finals d'estiu, hem tancat la nova versió 4.2 del conjunt de llibreries (framework) que utilitzem per desenvolupar tots els nostres projectes i aplicacions.
En aquest cas, com a gran novetat, m'agradaria destacar que a partir d'ara, totes les aplicacions desenvolupades per Conductiva disposen de suport natiu d'autenticació d'usuaris per OpenID.
El OpenID és un estàndard d'autenticació que permet als usuaris accedir a una gran quantitat de llocs web sense necessitat de recordar múltiples usuaris ni contrasenyes.
En paral.lel al suport d'OpenID en totes les nostres aplicacions, també hem creat un servei anomenat LonelyID que proporciona identificadors compatibles amb OpenID i que permet l'autenticació mitjançant una contrasenya aleatòria que es genera al telèfon mòbil. De moment, LonelyID disposa de suport per a dispositius iPhone i iPod touch, però estem preparant noves versions per a dispositius d'altres marques.
Fa un parell de setmanes veníem preanunciant el seu llançament però ara ja podem dir que el servei LonelyID és una realitat!
LonelyID és un nou servei d'autenticació en línia que funciona seguint l'estàndard OpenID i que et proporciona màxima seguretat en tots els accessos a les teves aplicacions i serveis web.
La seva principal característica enfront d'altres serveis OpenID és la generació de contrasenyes aleatòries en el teu propi telèfon mòbil (mitjançant LonelyID Mobile) i només vàlides durant un curt període de temps (OTP). Ja no cal que recordis més contrasenyes. A més, els teus accessos es mantindran sempre segurs i confidencials.
Accedeix a la pàgina principal del servei, www.lonelyid.com, per saber una mica més sobre el seu funcionament.
O descarrega't la versió de Lonely Mobile per iPhone / iPod Touch i activa el teu nou identificador Lonely omplint un "micro-formulari" de registre de dos camps (idenficador i correu electrònic) Molt fàcil!
25-setembre-2009 |
jordi 1 comentaris
últim comentari per Stratis Telloglou
Aquest any, dins de la Campus Party 2009, hem participat en el desenvolupament d'una aplicació de software per al registre i impressió de targetes d'acreditació.
Seguint la mateixa línia de treball que en els últims anys, hem optat per un desenvolupament de software completament online. El software s'executa directament sobre el navegador web i tan sols necessita d'una connexió a Internet per poder ser utilitzat (cosa força fàcil d'aconseguir en un aconteixement com la Campus Party)
En aquest cas, ens agradaria destacar l'ús que hem fet de la tecnología Flash per tal de crear un petit component de software que permet, de forma molt senzilla, la captura d'imatges des del propi navegador web.
Es tracta d'una petita aplicació que accedeix al hardware de la càmara fotogràfica instal·lada en el propi ordinador i permet obtenir fotografies de la persona propietaria de la tarjeta d'acreditació.
L'àrea de visió de la càmara disposa d'una petita zona emmarcada en un rectangle vermell que identifica l'àrea que s'utilitzarà en la fotografia final.
Una vegada s'ha capturat la fotografia, es pot visualitzar el resultat i capturar una altra foto si es desitja o bé confirma la fotografia actual i continuar amb el procés de registre.
Una vegada la fotografia ja és correcta, aquesta s'envia cap al servidor (allotjat a Internet) juntament amb la resta d'informació de registre, composant finalment el document que servirà per imprimir la targeta d'acreditació.
Durant aquest estiu, hem pres part en un projecte per a la creació d'activitats i proves lúdiques amb entrega de premis en els estands de Telefónica dins de la Feria Internacional de Muestras de Asturias (FIDMA).
L'acció tenia com a principal objectiu muntar una sèrie d'estands de participació on els visitants a la fira podien realitzar múltiples proves (jocs) d'habilitat i destresa física. En cada activitat, el participant aconseguia una puntuació en base a les habilitats demostrades a la prova.
Una vegada recollida la puntuació total de totes les proves, els participants podien passar a recollir, per l'estand de regals, el seu premi, que canviava en funció de la quantitat de punts aconseguits en les diferents proves.
Conductiva s'ha encarregat de desenvolupar el software de control en els diferents estands d'activitats i d'entrega de regals.
A continuació t'expliquem alguns dels reptes tècnics als que ens vam haver d'enfrontar i les solucions que es van prendre en cada cas.
REPTE 1: Facilitar la instal·lació i actualització de l'aplicació de software en els diferents punts
El primer repte al que ens enfrontàvem era principalment que el software havia d'executar-se sobre múltiples ordinadors (hi havia un ordinador en cada estand d'activitats on es registraven els punts que cada participant aconseguia i dos ordinadors situats en la zona d'entrega de premis on es realitza un control de l'entrega de regals). Tots ells havien d'estar enllaçats amb una base de dades comú i cadascun necessita disposar de funcionalitats específiques (les pantalles del software en l'estand d'entrega de regals havia de ser diferent a les pantalles de l'estand de registre de punts).
Com a conseqüència dels curts terminis amb els que treballàvem (2 o 3 setmanes), teníem que tenir en compte també que l'aplicació de software podria patir canvis una ja el sistema estigués en funcionament. Amb la qual cosa havíem de buscar una forma d'actualització ràpida de l'aplicació in situ a Astúries. Tenint en compte que les nostres àrees de desenvolupament es troben a Vic i a Madrid, la instal·lació i configuració de les actualitzacions del software podria arribar a convertir-se en un problema important.
De totes maneres, en aquest cas, disposàvem d'un gran avantatge: els estands disposaven de connexió wifi cap a Internet.
La solució
Vam muntar una eina de gestió basada completament en web, de manera que:
Tots els ordinadors (uns 10 ordinadors) situats en diferents punts de la fira tant sols necessitaven disposar d'un navegador web i conèixer la url remota a on autentificar-se. En aquest cas, el cost de la instal·lació del software quedava reduïda a 0.
L'aplicació web es va instal·lar de forma remota i sense necessitat de presència física en un centre de dades (data center) situat a Madrid.
Les actualitzacions de les noves versions de l'aplicatiu es podien fer en calent durant el dia sense necessitat de parar l'activitat de la fira (que va ser frenètica tots els dies).
REPTE 2: Facilitar l'entrada de dades i minimitzar la possibilitat d'error humà
En cadascun dels estands d'activitats era necessària una persona responsable que entrés les puntuacions que els diferents participants aconseguia en cadascuna de les proves.
En el punt d'entrega de regals, una altra persona havia d'encarregar-se de marcar els regals entregats i actualitzar l'estoc de regals disponibles.
Com a conseqüència de l'alta participació que s'esperava, el programa informàtica havia de ser fàcil d'utilitzar i a prova d'errors humans.
La solució
Es va muntar un mecanisme basat en identificadors de codis de barres per tal que únicament fos necessari disposar d'un lector de codis de barres en cadascun dels estands i ja no fes falta utilitzar el teclat de l'ordinador. Això acceleraba en gran mesura la gestió de les activitats i reduïa considerablement la possibilitat de l'error humà.
Així doncs:
es van crear identificadors de codi de barra per a cadascun dels participants que volguessin jugar
cada prova tenia un codi de barres associat a cadascuna de les puntuacions que es podien assignar a l'usuari (5, 10, 15, 20 punts, etc.) i es creava un codi de cancel·lació de puntuació per si en algun moment es realitzava una assignació de punts incorrecta.
En tot moment, el software s'encarregava de controlar que els participants únicament poguessin rebre una única puntuació per cada prova.
Per últim, només comentar que el fet de disposar d'una aplicació de software allotjada a Internet, també feia que fos molt fàcil la configuració remota de les diferents proves i dels diferents regals/premis.
Des de qualsevol lloc, l'administrador (degudament autentificat i sota una connexió segura) podia controlar la llista de regals, controlar els nivells d'estoc i decidir si era necessari sol·licitar més regals si aquests estaven apunt d'esgotar-se, etc.
El software va funcionar a la perfecció durant tots els dies que van durar les activitats i es va aconseguir un gran èxit de participació.
Tot el desenvolupament es va dur a terme utilitzant el nostre paquet de software CIS Framework.
09-juny-2009 |
jordi 2 comentaris
últim comentari per jordi (conductiva)
El lloc web de l'empresa de publicitat Targeting Link Thinkes, www.targeting.es, ja disposa d'una nova secció, anomenada Sala de prensa. El software de publicació de noticies de Conductiva (en format blog) combinat amb el nou software de newsletter de Conductiva (gestió de subscriptors, enviament massiu de correus electrònics,...) han estat els encarregats de proporcionar aquesta funcionalitat al lloc web. Aquests mòduls formen part del gestor de continguts que hem incorporat en alguns dels nostres projectes durant aquests últims mesos.
27-maig-2009 |
jordi 1 comentaris
últim comentari per Cursos Community Manager
Des d'Octubre de l'any passat, estem inmersos en el desenvolupament i manteniment d'un lloc web (patrocinat i promogut per l'empresa Telefónica) a on s'han creat una sèrie de comunitats d'usuaris online para als afeccionats al futbol.
L'objectiu d'aquests llocs web és promoure la participació de les aficions dels diferents equips de futbol en múltiples activitats.
El projecte ha estat desenvolupat de forma conjunta amb l'agència de publicitat Targeting Link Thinkers i l'estudi de disseny gràfic Bifid.
Utilitzant la nostra plataform de gestió de continguts web, hem donat forma al projecte i s'han creat les següents funcionalitats i eines principals:
Mecanisme de sorteig de regals (inscripció, publicació de guanyadors, control de premis, ...)
Sistemes d'apostes (porres, endevinar alineacions dels equips,…)
Bescanvi de regals
Pujada de continguts per part de l'usuari (fotos, vídeos,…)
Múltiples jocs en Flash
Gestió de bescanvi i obtenció de punts
La plataforma web desenvolupada proporciona mecanisme per a la gestió de banners, gestió de widgets, gestió d'arxius multimèdia, publicació de jocs en Flash, entorn d'usuaris (registrats i no registrats), programa avançat de gestió de punts (obtenció i bescanvi), gestió de regals (gestió de sol·licituds), mòdul de gestió de base de dades d'usuaris, gestió de continguts, gestió de mailings (enviament massiu basat en llistes d'usuaris registrats i configuració del contingut dels mailings,...) gestió dinàmic de menús, respostes automàtiques als usuaris a partir d'accions programades a la web (mitjançant notificacions als comptes de correu dels usuaris), eina de gestió i generació de carnets d'usuaris registrats (fotografia, codi de barres, codi de barres bidimensional,...),...
Les comunitats són actualment accessibles des de la següent url:
03-maig-2009 |
jordi 2 comentaris
últim comentari per anonymous
Després d'algunes setmanes de desenvolupament, llancem la versió final del lloc web, www.foodtraceability.eu, esponsoritzat per la Unió Europea dins del projecte europeu Trace.
El lloc web té com a principal objetiu servir d'introducció al món de la traçabilitat alimentària als diferents grups de persones beneficiades per la traçabilitat (des de l'agricultor, productor, distribuïdor, ... arribant fins al consumidor final)
En el seu interior s'ofereixen una gran quantitat de videos i exercicis interactius que tenen com a missió facilitar la comprensió de la traçabilitat a les persones que visiten la pàgina. L'empresa de disseny gràfic Bífid s'ha encarregat del disseny gràfic i de la direcció i composició dels diferents videos que hi ha en el lloc web. L'empresa foodreg ha proporcionat els textos del diferents vídeos així com el contingut textual del lloc web.
També s'ha creat una petita comunitat d'usuaris des d'on les persones interessades en la traçabilitat alimentària poden entrar en contacte entre elles i intercanviar opinions.
Per tal d'incrementar l'interacció entre el lloc web i el seu públic objetiu, hem desenvolupat una secció de blog (We trace!) a on s'aniràn publicant noticies del sector i que permetrà als usuaris deixar els seus comentaris sobre els diferents articles publicats.
Per completar l'interacció de l'usuari amb el lloc web, cada secció interna de la web (cada 'viewpoint') disposa d'una petita zona de comentaris al final a on es facilita el diàleg i l'intercanvi d'opinions entre els visitants del lloc web.
Tot el desenvolupament s'ha dut a terme utilitzant l'última versió del nostre gestor de continguts, Conductiva publisher.
11-gener-2009 |
jordi 10 comentaris
últim comentari per tadd
Durant l'últim any hem estat experimentant amb webs basades en disseny liquid sobre programació en Flash. Aquí us deixem algunes de les nostres conclusions.
El disseny líquid permet que les pàgines web s'adaptin a la mida de la pantalla, fent que algunes de les seves parts es redimensionin en mida o es redistribueixin per la pantalla segons les mides que la finestra del navegador tingui en cada moment.
Encara que a primera vista, aconseguir que la pàgina web s'adapti a la pantalla de forma dinàmic pot semblar molt interessant, no sempre és una bona opció. Dependrà a cada moment del tipus de lloc web i del tipus d'informació que es vol visualitzar en el seu interior.
Tenint en compte les limitacions que poden presentar les webs desenvolupades completament en Flash, pensem que la millor forma de jugar amb disseny líquid és utilitzant imatges de fons que puguin adaptar-se a la mida de la finestra o posicionant els elements gràfics en les zones laterals de la finestra.
Un bon exemple de disseny líquid aplicat a imatges en background es pot observar en una web que hem desenvolupat conjuntament amb l'empresa de disseny gràfic Bifid, a on ha estat necessari disposar d'una àrea el més gran possible per mostrar imatges de muntanya, www.guiesnordsud.net. El lloc web ha estat desenvolupat completament en Flash i es pot observar com en funció de la mida de la finestra del navegador, l'imatge de fons s'ajusta a la pantalla i alguns detalls gràfics es mantenen flotant per les vores de la part inferior de la pantalla a mesura que la mida de la finestra augmenta o disminueix.
Un altre exemple de disseny líquid el podeu trobar a una altra web molt simple que vam desenvolupar l'any passat (disseny gràfic de David Clos), www.recrec.cat, a on el peu de pàgina disposa de dues zones (imatge a l'esquerra i dades de contacte a la dreta) que es reajusten automàticament a la mida de la finestra del navegador.
10-setembre-2008 |
jordi 2 comentaris
últim comentari per Joe
La nostra plataforma per a serveis web s'ha utilitzat per a desenvolupar la zona de publicació de continguts i gestió d'events promocionals de la web de winzingo integrant-la amb la plataforma de jocs online de l'empresa canadenca Parlay Entertainment líder mundial en solucions de bingos i casinos online.
En un dels projectes que hem realitzat durant l'any 2008, hem implementat un sistema que permet realitzar gravacions de vídeo directament online sense necessitat d'instal·lar cap software addicional a l'ordinador.
Gravació de vídeo streaming online
Es tracta d'una petita web propietat de l'empresa Telefónica a on els aficionats del València C.F. podien deixar els seus crits i cançons d'ànim al seu equip per a la semifinal de la Copa del Rei (València C.F. - F.C. Barcelona) gravant via streaming un vídeo casolà. El vídeo, després de passar un procés de validació de contingut, quedava automàticament publicat dins la mateixa web. Els millors vídeos publicats es van acabar reproduint a les pantalles gegants del camp de Mestalla durant el descans del partit.
Gravació de vídeo offline
El software que vam crear també es va dissenyar perquè pogués ser instal·lat en equips portàtils (Pixman) i es poguessin realitzar gravacions offline als voltants del camp de Mestalla, a on els aficionats podien gravar els seus vídeos d'ànim per al seu equip. Al final de cada jornada de gravació, tots els vídeos gravats es pujaven automàticament al servidor web i quedaven publicats a Internet.
El projecte es va dur a terme de forma conjunta amb l'empresa de disseny gràfic Bifid i l'empresa de publicitat Targeting.
Al final, el València C.F. va acabar guanyant el partit i es va classificar per a la final de la Copa del Rei. Nosaltres vam aportar-hi el nostre granet de sorra ;-)
En el lloc web corporatiu de l'agència de publicitat Targeting, www.targeting.es, hem intentat portar una mica més enllà la programació sobre Flash que havíem estat fent fins ara i hem utilitzat el motor 3D en codi obert papervision 3D per crear els efectes tridimensionals de la paginació de la llista de projectes. L'experiència ha estat bona i esperem tornar-la a repetir en projectes futurs.
La web ha estat desenvolupada completament en Flash i el seu contingut és totalment auto-gestionable mitjançant el nostre software de gestió de continguts web.
