Trino.com.mx

Categories: Desarrollo Web InDatcom Integracion Tecnologica Multimedia RIA Web 2.0

Pues empezamos el año con el pie derecho, este 1° de Enero salió al aire (por así decirlo) la nueva página de Trino Camacho, reconocido monero e ilustrador tapatío, la cual tuvimos el placer de diseñar y programar aquí en casa.

Fue una labor en la cual tuvimos la fortuna de participar las 3 capas de desarrollo sobre las que está basada nuestra metodología de trabajo (Multimedia-RIA-Desarrollo). En todos los sentidos fue un reto para todas las capas, primero para Multimedia la cual me honro en dirigir pues había que conceptualizar los deseos de trino, un artista, lo cual no es labor sencilla como podrán imaginarse; se intentó darle un ambiente basado en el diseño que predominaba en los años 50´s , adaptado de cierta manera a una propuesta que facilitara la navegación del sitio, que si bien rompe con algunas reglas de la usabilidad creo que está bien logrado.

Para RIA y Desarrollo el reto técnico fue grande también, había que cumplir con realizar y convertir los caprichos del diseño y del sistema en realidad.

Esta, mas que una simple web, es un CMS hecho a la medida, utilizando Flex, Flash, PHP se logró crear un FrontEnd prácticamente sin limitaciones en lo creativo y un poderoso motor para la administración de contenidos, además de una tienda en línea que en breve comenzará a operar. Crear un MashUp de tecnologías de este tamaño nos permitió expresar abiertamente cuales son las metas y alcances de InDatcom con respecto a nuestros productos y servicios, fue también una gran oportunidad de aprender y especializarnos en uso de herramientas diversas que son puntas de flecha en lo que se refiere a diseño y desarrollo web, como ejemplo la implementación de Web Services, la creación de componentes flash/flex ( swc ), el entendimiento de AMFPHP.

Entre los múltiples features, retos y contratiempos y logros que se resolvieron y nos enorgullece compartir están los siguientes:

* El backend está realizado con MySQL y PHP; la conexión con frontend se realiza mediante AMFPHP

* Todo el frontend se creó en Flex mediande módulos individuales que componen cada seccion, dentro de este se realizó la programación necesaria para que las animaciones y cortinillas de entrada solo se reproduzcan la primera vez que ingresa a cada sección y de esta manera contribuir con una navegación más ágil y evitando así el hartazgo del usuario con los elementos decorativos.

* Todas las animaciones fueron generadas en Flash pero se implementaron en Flex y se logró controlarlas mediante estados específicos insertados en la línea de tiempo de cada animación, de esta manera se controla su comportamiento.

* Se crearon players a la medida para reproducir todo tipo de contenido multimedia (audios, videos, animaciones e imágenes).

* Desarrollamos un avanzado método par crear “skins” a la medida todos los componentes (botones, scrollbars, inputs, etc) de cada sección.

* La tienda se conectó con FMS para poder crear reproducciones limitadas por tiempo (30 segundos) de elementos multimedia como videos y audios.

Fue y sigue siendo una gran experiencia trabajar con visionarios como Trino, que siempre al igual que InDatcom buscan estar a la vanguardia en cualquier aspecto profesional en el que incurran.

YouTube HD y Feather

Categories: InDatcom Integracion Tecnologica Multimedia Web 2.0

Pues no es sorpresa ni noticia nueva que YouTube tiene desde hace tiempo ofrece el Full HD (1080p) para cada uno de sus videos, opción que entre los usuarios de tal formato fue sumamente aplaudido. Lo que tampoco debería ser sorpresa ni motivo de angustia es que al intentar accesar a este estilo de videos nos topemos con una carga mucho mas lenta y pues mas tiempo de espera.

Es por esto que YouTube está ya probando el Beta de “YouTube Feather”, misma que se puede encontrar en http://www.youtube.com/testtube , feather es una opción que puede activarse o desactivarse según lo decidas.

La idea general es mejorar la reproducción para aquellos usuarios que así lo demanden. “Todo esto redunda en una experiencia de usuario que trata de mantener las cosas simples y la carga y reproducción de vídeos, rápida”, asegura YouTube en su blog (http://youtube-global.blogspot.com/2009/12/introducing-feather-lighter-way-to.html).

Actualmente el acceso a esta versión del portal está algo oculta pero desde Google no descartan convertirla en una opción más accesible si tiene aceptación. “Si vemos que la aceptación se traduce en mejoras en la latencia, lo sacaremos de TestTube y lo haremos más accesible para todo el mundo”.

Habrá que probar y ver como nos va, pero bueno bien por YouTube que siempre está pensando y enivando en estos quehaceres nuevos de la red.

Flash Builder 4 Beta 1

Categories: Desarrollo Web InDatcom Integracion Tecnologica RIA Web 2.0

Ya esta disponible el nuevo Flash Builder 4 Beta 1 antes conocido como Flex Builder. El nombre ha cambiado completamente para no crear una confusión entre el Flex Framework open source con el IDE comflash_builder_logoercial para desarrollar las aplicaciones Flex.

Este nuevo IDE tiene muchas características y mejoras nuevas, la principal en mi punto de vista es que facilita muchisimo la integración del diseño con el desarrollo de la aplicación. Ya que en conjunto con Flash Catalyst se pueden crear cosas muy interesantes en muy corto tiempo. Tambien esta mejor integrado para trabajar con componentes de Flash, ahora sera tan facil como decir “New Flash Component” o “New Flash Container” y no los sufrimientos que hemos pasado al tratar de hacer trabajar todo este entorno a pie, jeje.

La importación de datos tambien es mas sencilla y el depuración se ha vuelto más robusta. Aquí les dejo el video que muestra las principales características de este nuevo IDE:

http://labs.adobe.com/technologies/flashbuilder4/tutorials/intro/

Para descarga Flash Builder 4 Beta 1 en adobe labs

happy coding =)

Google Wave

Categories: Desarrollo Web InDatcom Web 2.0

Mario me paso este link del nuevo producto de Google, mas bien lo acaban de anunciar, porque ya llevan un par de años en desarrollo.

Es una especie de herramienta de colaboracion, con mezclas de mail, wiki, media aggregator, algo asi.

Los puntos que a mi mas me sorprendieron es la comunicacion bidireccional y en tiempo real, wow!, tengo años queriendo ver eso en una aplicacion 100% web. Claro tienen un backend de servidor que esta recibiendo esos paquetes y a su vez haciendo push a los demas clientes conectados, no es nueva la tecnologia, con Adobe puedes hacer ese tipo de componentes pero la manera en la que lo implementaron esta fabulosa.

Y encima de eso lo van a hacer opensource y el protocolo de comunicacion lo van a abrir para que otros desarrolladores puedan crear aplicaciones que hablen directamente con instancias del software de manera estandarizada. Ah y claro, un API para desarrolllar apps que hablen directo a la aplicacion… en fin una gran cantidad de features interesantes que se ven muy prometedores.

Aqui el video de la presentacion, algo largo, mas de 1 hora, pero vale la pena verlo.

Registrense en la pagina de Google Wave para enterarse cuando lo liberan al publico.

http://wave.google.com

Nuevo sitio – Periódico Mujer Hoy

Categories: Desarrollo Web InDatcom Integracion Tecnologica Multimedia Proyectos RIA Web 2.0

Esta nueva página que hemos desarrollado es una versión digital del periódico Mujer Hoy. Se trata de un sitio dinámico y autoadministrable que permite insertar artículos nuevos en las diferentes secciones del periódico. Tiene la habilidad de enviar a correo electrónico determinado artículo, realizar comentarios a los artículos, ver el histórico de las últimas noticias dadas de alta y la creación de encuestas dinámicas.

El sistema también incluye un motor manejador de banners, en donde se desarrollo un algoritmo de rotación de banners para asegurar que en determinado número de impresiones siempre aparezcan de manera rotativa los banners y proporcionar el mismo numero de impresiones a cada uno.

Detalles técnicos:

  • El sitio fue desarrollado utilizando PHP, MySQL, AJAX y XHTML.
  • Se utilizo el Framework Adobe Spry para implementar AJAX en la pagina.
  • Se realizo un hack para conectar PHP con AJAX por medio de AMFPHP  y transmitir la información mediante el formato JSON.

Unos screenshots de la pagina:

mujerhoy01 mujerhoy02 mujerhoy03

El panel de administración:

panel04 panel02 panel03

Voltear lo ojos a la web :: Aston Kutcher vs CNN

Categories: InDatcom Integracion Tecnologica Multimedia Web 2.0

Bueno pues realmente tengo dos noticias que ya no son noticias nuevas pero si que me hacen querer llamar la atención de nuestros lectores.

La primera es que los medios tradicionales de comunicaciónson dinosaurios a punto de extinguirse, es increíble el poder de penetración que las redes sociales tienen muy por encima de estos. La segunda es que recientemente Ashton Kutcher libro una encarnizada batalla en Twitter en contra de CNN.

La batalla consistió en una apuesta en la cual aquel que alcanzara primero la cifra de 100,000 seguidores haría una donación a World Malaria Day , pues la apuesta fue aceptada y al final Kutcher ganó por un ligero margen en una apretada competencia. Nadie había alcanzado tal cantidad de seguidores en twiiter. Esta competencia no solo provocó un revuelo mediático en telvisión sino una intensa movilización  en la red tanto de seguidores tanto de CNN como de Kutcher y de medios especializados.

Ahora comienza la clonación inevitable de una buena idea, Hugh Jackman ha publicado también en Twitter que donará 100,000 dólares a aquella organizaión humanitaria que logre convencerlo de su causa en menos de 140 caractreres.

El juicio entre varios experto fué que Kutcher busca acrecentar su popularidad pero mostrando una genuina intecnión de interactuar con sus fans, curioso ¿no? ¿por qué la red y no la televisión? creo que todos sabemos la respuesta a eso, la televisión así como todo método tradicional de comunicación ofrece un monólgo aburrido que no muestra interés alguno por las opiniones del receptor y por lo tanto carece de los medios para lograr esta interacción.

Es clara la tendencia e inclinación de la balanza o al menos esa es mi precepción de las cosas, somos cada ves mas una sociedad que exige diálogo e integración sobre canales unilaterales carentes de “sentidos”.