Michael Gomez » web

Sitio web sonrie ahora

michael — Mon, 04 Apr 2011 21:33:09 +0000

Sonrie Ahora es el nuevo sitio web del Dr Felipe Pineda Bordali y el Dr Rodrigo Rojas Aravena. Aún esta en desarrollo.

Articulos Relacionados

De vuelta luego de muchas campañas más

admin — Wed, 14 Jul 2010 17:00:45 +0000

Ya es casi recurrente que luego de meses sin escribir en el Blog, aparezca con un monton de cosas para mostrar, entre ellas, las campañas más recientes en las cuales he participado (programando los backends, lo que tenga que ver con php + javascript ).

Barrio la Fuente

Sitio web bastante sencillo, con muy poca programación, pero con la integración de “Goals en analytics” y varios A/B Test que terminaron por transformar a la versión actual en la más exacta.

Firme con la Roja

Blog en WordPress con la campaña de Sodimac para llevar a 1.000.000 de Chilenos a Sudáfrica (Las fotos de cada uno en un lienzo gigante). Constaba de una aplicacion desarrollada en Flash para poder grabar los gritos de la hinchada (en conjunto con una solución de Streaming), una especie de banner dinámico donde se podían visualizar las fotos de las personas. Este lienzo iba creciendo a medida que llegaban las fotos al sistema, totalizando más de 1.000.000

Nivea Angel Star Youwow

Una completa aplicación donde los usuarios podían subir su foto y la de sus amigos, para utilizarlas como personajes principales de 3 distintas películas (utilizando el tracking de puntos), donde la protagonista intentaba safar de “Un Jote, Un Perro faldero y una peculiar Flor”. Bastante interacción de Flash con servicios PHP basados en AMFPHP. URLs únicas y amigables para compartir con las demás personas a través de Twitter o Facebook.

También fue necesaria la utilización de un servidor de Streaming para el almacenamiento de los videos.

Tu Verdadera Edad

Otra aplicación más, donde la idea básica era que los usuarios podía subir una imagen, que posteriormente era evaluada por cualquier persona que entrase al sitio, que otorgaba una edad acorde a lo que la persona representaba. La gracia era que uno podía ingresar a su propio panel y saber que opinaban los otros de uno.

Espacio Vivo

Minisitio de Homecenter Sodimac. Desarrollado en Flash (solo tuve que hacer la galería en AS3, lo demás lo potencio Theguaz)

Zapatillas de Culto

Sitio web montado sobre WordPress. Con un montón de características desarrolladas desde 0, o en base a Plugins. Una moderna galería programada con JQuery y JSON. Planteaba ciertos desafíos de compatibilidad entre browsers.

Prime Digital

Este es uno de esos proyectos que a uno le gusta mostrar y destacar en el Portafolio. Es de aquellos que integra la mayor experticie en lo que uno desarrolla a diario. Integrando HTML + AS3 + CSS + PHP + JAVASCRIPT + Todo lo demás . Al igual que las versiones anteriores, posee un sistema inteligente de filtros, que van apareciendo a medida que uno avanza en la búsqueda del Teléfono Celular adecuado. Sistema de comentarios y iLike de Facebook. Reviews de las marcas, ZOOM de las imagenes, entre muchas otras cosas. Y lo mejor de todo es que esta con Ajax y no requiere actualizar ni esperar esas infinitas cargas.

Los Cracks

Una aplicación para el mundial (Falabella), donde tu podías elegir a 5 Cracks (jugadores de alto nivel, como Messi, CR9, KAKA) y tener más oportunidades mientras estos hacían goles durante el mundial. A eso, se le podía sumar también, las invitaciones a tus amigos y el ingreso de boletas en Falabella.com

———

La mayoría de estos proyectos integran mejoras que se van adquiriendo gracias a la experiencia en campañas pasadas. Cosas que me falta por agregar, son los History Browsing, para poder controlar los botones Atrás – Adelante en los navegadores (he visto muchos plugins, pero aún no encuentro el que necesito realmente, quizás hacerlo no sea una mala idea).

Articulos Relacionados

Dimelotu.cl – Decir te quiero ya no sera un problema

admin — Thu, 04 Feb 2010 21:10:36 +0000

Así es, ha llegado una nueva aplicación web llamada “Dimelotu” que nos da una ayudadita con el envío de mensajes románticos para nuestra Chica, polola, novia, esposa y lo mejor es que nosotros nos llevamos el crédito.

Es una prueba de laboratorio con PHP, CSS, HTML y un par de truquitos mas. Dimelo Tú

Articulos Relacionados

Recopilación de los últimos 30 mensajes

Oportunidad Digital “Fotografía”

admin — Wed, 27 Jan 2010 13:24:08 +0000

Hace algunos días se entrego el nuevo sitio para Oportunidad Digital “Fotografía”. Desarrollado en HTML + CSS y harto Javascript de la mano de jQuery. Se aplico un sistema de “filtros inteligentes”, que van apareciendo de acuerdo a los resultados que van quedando y agrupandose de acuerdo al mismo parámetro y luego son entregados a la aplicación Flash que controla la aplicación paso a paso.

El slider de productos se forma a través de una respuesta JSON, que se genera en cada clic sobre los botones de avanzar y retroceder, y una vez que cargan, se desliza una mascara para dar el efecto de slide.

También se reprogramo un sistema de ventanas modales “Fancybox” para poder implementar 2 hojas de estilo en la misma ventana modal (para las imagenes del fondo y bordes).

Articulos Relacionados

Ya llego el Crush Power Music 2010

admin — Tue, 29 Dec 2009 15:07:21 +0000

Ya esta al aire el sitio web del Crush Power Music 2010. Desarrollado para MayoDraft con HTML + CSS + JS y por supuesto con el sistema de votaciones en Flash CS4 con ActionScript3 y AMFPHP.

Articulos Relacionados

Eucerin Solar http://www.eucerinsolar.com

michael — Fri, 13 Nov 2009 15:45:25 +0000

Al igual que con Eucerin kids, Eucerin Solar es el nuevo proyecto que sale al aire. Uno de los principales desafíos era determinar la forma en la cual cargar elementos compartidos sin utilizar PHP (por que realmente era innecesario).

Aplicando técnicas aprendidas, determinamos que usar SSI (Server Side Includes) (El próximo post será sobre esto) sería lo más óptimo. Además en una de las secciones principales se agregó un Blog desarrollado sobre WordPress con un theme propio. Contiene también su Google Map para localizar tiendas DERMACENTER cercanas y un concurso para ganar productos Eucerin solar para un mes.

Articulos Relacionados

JSGB Emulador gameboy en Javascript

admin — Tue, 03 Nov 2009 13:59:15 +0000

Aunque suene totalmente “extraño”, Pedro Ladaria ha desarrollado un emulador de juegos Gameboy (.gb) con Javascript, utilizando todo el potencial de este lenguaje. Si deseas testear los resultados, te recomiento que utilices Google Chrome.

Para ver la demo http://www.codebase.es/jsgb/

Articulos Relacionados

Vibora 2.0 con Twitter Connect

michael — Fri, 10 Jul 2009 22:13:17 +0000

Via twitter me entero que se viene esta web y de paso, dejan un juego para entretenerse un rato. Se trata de la famosa vibora, aquella que teniamos en nuestros 386, 486, celulares, gameboys, tetris, etc.. pero ahora portado a una versión web. Lo interesante, es que mientras jugamos podemos postear nuestros scores dentro de twitter y quedar así en el salón de la fama.

Para entrar al juego pueden acceder por acá.

Los invito a jugar la #vibora gracias a @fabbianz

Articulos Relacionados

SonarFM version 2.0 Recargada

michael — Mon, 06 Jul 2009 15:08:51 +0000

Hace algunos meses atrás, en mediastream lanzamos la primera version de SonarFM, la que ahora ha vuelto totalmente recargada. Con un diseño renovado y una excelente interactividad entre usuarios.

Esta nueva versión incluye más secciones que la anterior. Agenda (Eventos) , concursos, blog de programas que salen al aire, listado de artistas, letras de canciones, comentarios en la canción que esta sonando y muchas cosas más.

Articulos Relacionados

SonarFM – Sitio web de la Radio 2.0

michael — Thu, 02 Apr 2009 23:00:45 +0000

En Mediastream (lugar donde trabajo), hace ya unos días acabamos de lanzar un moderno portal para SONARFM una radio que va de la mano del rock, una alternativa real a todo lo que existe actualmente en el mundo de las radios.

Con una nueva interfaz para el usuario, poniendo a su disposición un player con la información de la canción que esta sonando, con el nombre del artista, el nombre de la canción y la posibilidad de poder calificar las canciones o publicarlas a través de Twitter y Facebook. Y de forma adicional a todo eso, además, se incluyen también noticias relacionadas, la web oficial, videos youtube, myspace y la letra de la canción junto a el listado de las últimas 5 canciones que han sonando (con la posibilidad de poder buscar por horas).

En cuanto a los usuarios, se les otorga 2 opciones, la primera es el registro común y típico a través de email y también lo 2.0 de la mano de Facebook, para que puedan loguearse utilizando su cuenta en esta red social.

Y finalmente en el área de desarrollo, fue programado en CAKEPHP (en mi opinión el mejor framework PHP que existe), utilizando AJAX y llamadas a archivos JSON, sin recargar la página de forma excesiva, para poder mantener la Radio Sonando todo el tiempo. Ha sido todo un reto al implementar un grupo importante de APIs y espero que la versión actual SONARFM 1.0 les guste.

Articulos Relacionados

Actualización de la web del doctor molina – medystetic.cl

admin — Mon, 23 Jun 2008 17:57:52 +0000

Hace un par de días, actualicé la página web del doctor molina (de su clínica medystetic, ubicada en rancagua). Fue un nuevo desafío adaptar todo a wordpress ya que anteriormente se encontraba con VIFRAME (un framework php perteneciente a UBU).

Es un diseño bastante sencillo, fácil de leer y compatible con ciertos dispositivos móviles (para la lo cual estoy implementando el plugin de wp wpmobile).

Lo mejor de todo es que gracias a wordpress, ahora, el doctor tendrá el control absoluto de las páginas, y artículos, pudiendo editar todo con un par de clics.

Articulos Relacionados

Estadisticas en Guia Rancagua

admin — Mon, 16 Jun 2008 15:03:04 +0000

He quedado completamente sorprendido al ver los resultados de Google Analytics del sitio web de la Guia Rancagua.

Link hacia un mensaje en el Blog.

Aunque aún no es más que un simple prototipo, genera como promedio 1.000 visitas diarias, (en comparación con otros sitios es realmente bajo, pero no así para un prototipo). Lo que me llamó la atención no fue el número, sino, que:

- El 98% de las visitas provienen de Google. Solo el 2% del total, pertenece a visitas directas desde la barra de dirección del navegador.

Y las palabras más buscadas en promedio mensual:

- moteles en rancagua, con 1.200
- colegios en rancagua, con 700
- constructoras rancagua, con 600
- restaurantes rancagua, con 500
- automotoras rancagua, con 500

Así que basandome en las estadísticas, he actualizado la información de los moteles dentro de la guía, para seguir capturando la atención del visitante .

Articulos Relacionados

MICONSULTA – Software para Consultas Médicas

michael — Sun, 04 May 2008 21:25:34 +0000

Hace 3 años atrás, y luego de un exhaustivo estudio de mercado y analisis de necesidades de una “Consulta Médica” (ya sea particular o clínica), logré elaborar un prototipo de software bastante funcional y moderno, utilizando PHP, MySQL, y algo de Ajax.

Luego, ese software evoluciono, integrando mayor control de acciones, herramientas más definidas y finalmente una optimización.

Sin embargo y no conforme y gracias al feedback por parte de los diversos usuarios, logré reinventar todo otra vez y entregar un verdadero software de gestión médica.

Para acceder a la demostración:

http://spa.donubu.com
usuario: demo
password: 007bond007

Apliqué librerías como prototype, scriptaculous y extjs (aunque aún me encuentro corrigiendo funciones obsoletas) y logré otorgarle al cliente, el manejo del área de trabajo. Finalmente y para completar este desarrollo, estoy terminando la página web oficial.

Articulos Relacionados

htmlSQL – Un parser SQL para archivos HTML

admin — Sun, 13 Apr 2008 22:16:02 +0000

Navegando en la web, me encontré con htmlSQL (es bastante añejo pero funcional) una clase php que se complementa con Snoopy (Simula ser un cliente web en PHP, y puede, por ejemplo, enviar formularios de forma transparente) y es capaz de obtener a través de expresiones regulares parte del contenido HTML, y todo gracias a consultas SQL.

Un Ejemplo gráfico:

En la parte Azul, se pueden especificar que atributos se van a devolver en la consulta, en Morado se pueden especificar las etiquetas en las cuales sera consultada la parte Verde. Un demo online se encuentra disponible para que realicen pruebas.

Más que “utilizar”, voy a “estudiar” la librería y ver si puedo crear algo similar y más acorde a mi forma de programar.

Para lograr un efecto similar, pero de lado del cliente, acostumbro a usar PROTOTYPE JS.

Articulos Relacionados

Microsoft Silverlight VS Adobe Flex

michael — Fri, 11 Apr 2008 17:41:00 +0000

Hoy en día es más fácil para nosotros los desarrolladores contar con diversas “herramientas” y “complementos” que nos ayudan a interactuar con el usuario final de nuestros software de manera más dinámica y enriquecer la experiencia de uso.

Gracias a ADOBE FLEX y a MICROSOFT SILVERLIGHT, todas estas labores complejas son parte del pasado. Ambos cumplen lo que se denomina RIA (Aplicaciones Ricas de Internet). También se basan en un modelo multi-capa, siendo la de presentación. Ya que todos los procesos se ejecutan y resuelven gracias a la implementación de varios otros lenguajes con los que se puede interactuar.

Acceder a bases de datos, leer feeds rss, generar animaciones, mostrar videos, subir archivos a la web, entre otras cosas.

Ambos presentan un número similar de características que los hacen bastante similares, sin embargo y quizás lo único que puede desequilibrar la balanza, es que Silverlight NO es soportado en Linux, y solo en windows en los navegadores Firefox e Internet Explorer (Opera aún queda afuera). Mientras que Flex es multiplataforma y puede ser unido a ADOBE AIR para crear aplicaciones de escritorio.

Para ambos se necesitan unos complementos que se instalan en un par de clic y que son solicitados al ejecutar una aplicación.

Una explicación más detallada se puede encontrar en la WIKIPEDIA …

Adobe Flex y Microsoft Silverlight

Articulos Relacionados

Floguer – Tu Tribu Online

michael — Sun, 16 Mar 2008 22:16:51 +0000

Ya la comunidad de floguer esta dando frutos, incluso ya tengo varios registros dentro de la beta pública dentro de un servidor de pruebas.

El sistema ya esta funcionando, con registro de usuarios, recuperación de passwords perdidos, búsqueda de usuarios e incluso términos de uso y políticas de privacidad.

Floguer es una especie de Fotolog + Perfil Público, algo así como lo que vemos en una comunidad 2.0. Puedes tener un listado con tus amigos, subir fotos (hasta 4mb), seleccionar las tribus urbanas que más te gustan, tener un espacio con tus webs favoritas, entre otras cosas.

Para registrarte puedes usar el link . Falta muy poco para inaugurar Floguer y terminar la Beta.

Articulos Relacionados

viSTATS Sistema Integral de Estadísticas

michael — Fri, 01 Feb 2008 17:44:20 +0000

Estos días he desaparecido un tanto del blog, y es que me encuentro desarrollando un nuevo sistema para recopilar información de los visitantes de mis sitios web. Saber el sistema operativo, el país de procedencia, la versión del navegador, entre otras cosas.

Pronto les cuento más y les hago la invitación para que integren una sencilla API del sistema en sus webs. Estoy preparando todo sobre cakePHP framework y de momento anda de maravilla.

Articulos Relacionados

Generador de Sitemaps

michael — Fri, 18 Jan 2008 14:29:39 +0000

Mientras terminaba de configurar Guia Rancagua y de agregarle más cosillas para aumentar el indexado de los motores de búsqueda, me nacio la necesidad de un “spider” que me generase un sitemap de forma automática para enviar a Google Webmasters.

Google provee un script programado en Python y lamentablemente nisiquiera me di el tiempo de intentar ejecutarlo.

Lo sorprendente fue encontrar un “sitio web para generar xml sitemap online” y más encima de forma gratuita (soporta hasta 500 enlaces). Aparte del xml, genera también una versión comprimida (gz), un html sitemap, entre otros.

Espero les sirva tanto como a mi.

Articulos Relacionados

Coloreador de Sintáxis pero ONLINE

admin — Mon, 14 Jan 2008 17:51:35 +0000

“Iris Syntax Highlighter” es un completo coloreador de sintáxis online, con mas de 100 diversos lenguajes de programación soportados. Te entrega el HTML listo para copiar y pegar. Con Número de línea integrado y con css para utilizar diversas combinaciones de colores, y si no te gustan los disponibles, puedes subir tu propio CSS. Es tan simple como “Copiar y Pegar” un trozo de código.

Articulos Relacionados

Nintendo Chile – No Oficial

admin — Mon, 14 Jan 2008 17:03:07 +0000

Hace muchos años atrás, Ignacio “Suriv” me enseño a utilizar lo que entonces era el “FrontPage Express” para crear mi primera página web. Ya en esos años, el tenía su web acerca de gameboy (si no me equivoco), con mas de 700 Roms disponibles.

El tiempo y las cosas cambian, ahora, me encuentro con Nintendo Chile, la versión más reciente de su web. Donde se incluyen Previews y Reviews de Juegos y consolas, un foro y una sección de tutoriales y tips.

Al parecer son la comunidad de nintendo más grande de Chile, con muchos usuarios y espero que tengan varias visitas.

Articulos Relacionados

WEGAME – El youtube pero para gamers

michael — Fri, 11 Jan 2008 23:07:56 +0000

WEGAME.com Así es, por fin un sistema de videos online pero exclusivo para capturas de video juegos, entre ellos mi favorito “CounterStrike CS 1.6“.

Provee incluso una herramienta para que puedas grabar tus propios videos. Es bastante sencillo de utilizar, y es casi tan intuitivo como el youtube que todos conocemos.

Me entere de este sitio a través del dashboard de mi wordpress .

Articulos Relacionados

Guia Rancagua

michael — Fri, 11 Jan 2008 19:41:51 +0000

Luego de una larga espera y por temas de configuración del servidor, Guía Rancagua vuelve a estar online y de forma definitiva.

Es un servicio donde se recopila la mayor información acerca de empresas de la VI Región “Región del Libertador Bernardo O’ Higgins”, especificamente de la ciudad de Rancagua, catalogadas según la prestación de servicio o producto.

Aparecer es “gratuito” solo se cobra a aquellas empresas que deseen un servicio preferencial, apareciendo sobre la competencia o agregando imágenes y/o publicidad.

Una de las principales características es el mapa de navegación con nombres de calles y punto exacto de la ubicación. Sistema de votación por parte de los visitantes del sitio y galeria de imágenes de la empresa.

Articulos Relacionados

Crear un .htaccess de forma Online

michael — Thu, 10 Jan 2008 22:00:35 +0000

HTACCESS Editor es un sitio web para elaborar un .htaccess de forma automática y a través de internet. Con una sencilla interfaz y al puro estilo de una web 2.0. Por el momento está disponible solo en inglés y a la espera de que alguien lo quiera traducir a otros idiomas.

Se pueden crear páginas con contraseñas, redirecciones, links en caso de error (401,402,403,404, 500, etc..) entre otras cosas. Después solo debes copiar el contenido del recuadro inferior y pegarlo en un archivo llamado .htaccess y ubicado en el root del sitio o carpeta seleccionada.

Articulos Relacionados

ExtJS Excelente Framework Javascript UI

michael — Wed, 09 Jan 2008 13:36:57 +0000

Cuando decidí darle una nueva cara a consulta médica, tuve que evaluar diversos frameworks javascript para volver a maquetar la estructura base de la aplicación. Entre mis posibilidades estaban: prototype UI, Yahoo UI y ExtJS.

El primero, esta muy “verde” y no cumple mis expectativas, ya que necesito algo que ya sea robusto, un “fase final”. El segundo, simplemente salió de mi lista por ser de yahoo, quizás una tontera, pero realmente no me llamo la atención. Finalmente y como última opción me introduje en el mundo de Extjs.

Es una potente suite de herramientas para el enriquecimiento de una aplicación, introduce muchas “características” dentro del uso del programa. Se pueden crear ventanas, tablas con detalles maestros, hojas con sistemas de tab, combobox, entre muchas otras cosas. Inclusive adopta e integra funcionalidad ajax.

El PRO es que viene todo “casi” listo y es solo montar la gran cantidad de complementos… y un “CONTRA” es el peso de la librería misma, que para una aplicación muy concurrida puede afectarla en velocidad y/o rendimiento.

Otro punto a favor es el sistema de DEMOS de funcionalidad. Muy completo y con ejemplos básicos, avanzados y otros muy complejos.

Articulos Relacionados

Paneles de Administración de Servidores

admin — Wed, 02 Jan 2008 15:23:51 +0000

Hace un par de semanas, me tocó asistir a una entrevista en MEGA (Si, el canal privado) y posteriormente a LECHE2 una agencia creativa. Dentro de la conversación, se habló de que se necesitaba que la persona supiese de administración de servidores. Viendo este requisíto, empecé a barajar las diferentes alternativas (opensource y de pago) de paneles para administración web.

La idea es estar lo mas atento posible y preparado, ya que si todo va bien podría estar trabajando dentro del mes(me hace bastante falta).

Primero; conversando con el MIXGO y viendo su server, apareció “ISPCONFIG“ bastante sencillo, fácil de instalar, con mas de 20 guías para las diversas distribuciones de linux. La desventaja es que la unica manera de hacer funcionar de forma correcta un subdominio es “manual”. (Editando un par de archivos).

Posteriormente recurrí a google y al boton “voy a tener suerte”. Me topé con “GNUPanel” se vé que tiene resuelto el tema de subdominios, pero como su nombre lo dice “for debian”, lo cual me limíta bastante, ya que nosé que distro se va a usar.

Finalmente, VHCS me ofrece todo lo que los demás, PERO, no tengo ninguna referencia válida que lo utilice.

Me falto mencionar a CPANEL como el único por el cual pagaría su licencia. Ya que está más que probado y vale la pena utilizar.

Resumiendo, “Debian” por obra y gracia va a tener que ser mi Distro a utilizar, y esperar a opiniones de entendidos para escoger un panel opensource o ver si deciden comprar una licencia para el de pago. (Suponiendo que todo va bien)