Cesar Casas – Programador Freelance – PHP – JavaScript – Web 2.0

NodeJS, el futuro de la web?

Mucho se esta hablando de NodeJS, pero pocos entienden muy bien de que se trata en realidad.

NodeJS es una tecnologia que nos permite usar javascript desde el lado del servidor, es decir, es un reemplazo muy valido a lenguajes como PHP, ASP, .NET, etc.

JavaScript es un lenguaje muy flexible, con grandes capacidades y bondades a la hora de desarrollar, pero hasta el momento solo lo pensabamos en el frontend, y jamas del lado del servidor.

Actualmente existen dos lenguajes muy poderosos a la hora de pensar en grandes sitios (de mucho trafico), estos son Java y Python, sin embargo, NodeJS es una alternativa mas para grandes proyectos web.

Las ventajas que ofrece NodeJS son las siguientes:

• Esta orientado a operaciones de I/O (entrada y salida), generando una gran diferencia en rendimiento contra las demas opciones del mercado.
• Es JavaScript, por lo que cualquier programador que realmente entienda el lenguaje (y no hablamos de personas que solo copian y pegan codigo de librerias como JQuery o Mootools) puede usarlo sin mayores problemas.
• Las librerias que dan soporte a casi cualquier cosa que necesitemos ya existen, y estan en constante desarollo, es raro pensar en una necesidad que no este satisfecha actualmente.
• La comunidad sigue creciendo a pasos agigantados, por lo que encontraremos rapidamente soluciones y respuestas a cualquier duda que tengamos.
• Gracias a sus capacidades y muy buen rendimiento, podemos ahorrar mucho dinero en infraestructura de servidores, ya que con un servidor mediano podemos atender el doble o triple de los usuarios concurrentes que atendemos con apache + PHP.
• El codigo se vuelve simple de mantener, ya que esta orientado a Objetos en su totalidad.
• Soporta el acceso a las api mas comunes actualmente, como las de redes sociales (fecebook, twitter, etc) y el poderoso suite de Google.

 

Sin duda, NodeJS esta imponiendo un nuevo mercado de posibilidades, y algunos programadores ya se dieron cuenta de ello, es por eso que los “pioneros” ya se estan formando, y como sabemos, eso significa grandes costos en recursos que dominen la tecnologia en unos meses.

A todos los empresarios del mundo software web, les recomiendo pensar en un cambio, y no usar el recurso “es algo muy nuevo, no vale la pena”, porque cuando “vale la pena” normalmente ya suele ser demasiado tarde.

Class Threads Tabs para Mootools

Threads Tabs for Mootools

Esta clase permite saber cuantos tabs de un mismo sitios estan habiertos, y poder saber cuando un tab se cerro por accion del usuario o por timeout.

Para algunos les sera muy util, en mi caso se implemento en RadioBeta, que necesitaba saber los tabs con el player instanciados.

Es de facil uso, requiere Mootools 1.2 o 1.3

La ventaja es que no requiere de request al servidor, sino que se basa en cookies.

window.addEvent("domready", function(){
		Threads.pingThreadRequest.periodical(1000);

		Threads.isThreadClose=function(th){
			//console.log("se cerro un tabs por timeout", th);
		};

		Threads.isThreadOpen=function(th){
			//console.log("se abrio un tab nuevo", th);
		};

});

TWall.cc, el buscador en twitter con soporte 3D

Hace unos dias NiceStream publico un nuevo proyecto de su unidad de negocios Labs.

Hablamos de TWall, un buscador en twitter con algunas diferencias.

Primero que nada, le dimos soporte al experimental buscador por voz de Google. Ingresando con Chrome se puede ver el icono de un microfono para poder hacer busquedas por voz.

Por otro lado, agregamos las bondades de la aceleracion 3D de Chrome y Safari, donde veremos que al activarla por medio de CSS3 logramos un simpatico efecto de rueda con los thumbs de los usuarios de Twitter.

Esto es parte de la suite de productos dedicados al monitoreo de redes sociales, aunque termino siendo mas un experimento de interfaces.

Los invito a descubrir este nuevo proyecto en : http://twall.cc/

Para los usuarios de Linux, deberan lanzar chrome con estos parametros:

/opt/google/chrome/google-chrome --enable-accelerated-compositing --enable-speech-input %U

RadioBeta lanza oficialmente sus dos modelos de widget

Despues de mucho trabajo por parte del team dedicado al desarrollo de RadioBeta.com se ha lanzado dos modelos de widget para que cualquier webmaster pueda implementarlos en sus websites.

Los dos modelos ofrecen los mismos features, pero cambian su formato y mecanica para lograr el mismo resultado.

Se espera una gran aceptacion por parte de los webmaster ante estos widgets, y la implementacion de los mismos en grandes toolbars como Wibiya, Visicom, etc.

Los Widgets de RadioBeta permiten buscar radios de cualquier pais, genero, idioma, etc. Darle play en el momento, agregar radios a los favoritos (se apoya en cookies) y abrir el reproducto en formato popup.

Utiliza el mismo core JS del player del website, por lo que si existen cambios para el player automaticamente se veran reflejados en los dos modelos de widget.

A nivel tecnico, los widgets fueron desarrollados casi en su totalidad en JavaScript, usando Mootools 1.2 y algo de javascript nativo para poder mostrar los formatos de botones.

El lenguaje dinamico sigue siendo PHP 5.3, y el soporte de datos MySQL 5.1.

Sigue siendo un proyecto basado en WEO (Web Orientada a Eventos), y usa la version 1.0 de SuperAjax.

Esperamos gran trafico con este lanzamiento en los servidores, por lo que ya se estan realizando tareas de optimizacion y stress test.

RadioBeta version 2.0 en linea

Finalmente despues de 4 meses de arduo trabajo, ha salido a la luz la version 2.0 de RadioBeta.

RadioBeta es un proyecto para buscar radios online y escucharlas en el momento, con un player escrito 100% en JavaScript.

El desarrollo esta 100% pensado en AJAX (con WOE obviamente), y permite navegarlo integramente sin necesidad de recargar la pagina).

Actualmente estamos en la etapa de fix de bugs y algunas mejoras, pero nos sentimos orgullosos del lanzamiento.

Podemos decir que es otro exito de NiceStream como proveedor de servicios y agradecemos el esfuerzo a los miembros que parciparon en el desarrollo.

Director IT del proyecto: Cesar Casas

Programador principal estrella: Edgardo Balbuena

Maquetacion: Julieta Suarez

Disenio: Valeria Evdemon / Cecilia Vacca

Direccion General: Juan Hidalgo

Heroes del ring, el site casi listo!

Por fin tenemos una versión casi final de Heroes del Ring, la cual no solo presenta una estética bastante gamer, sino que ademas ha sido todo un desafío para el team de maquetacion.

Heroes del ring es un juego de lucha libre (como sabrán, en México son fanáticos) y esta disponible para varias plataformas.

Mi participación en el proyecto fue muy poca, se armo la conexion con Twitter, Facebook y youtube.

También di soporte en el caso de multi-idioma (que las imágenes cambien en base al language) y el formulario de contacto.

Ojala pueda conseguir una copia del juego, ya que parece estar muy pero muy bueno.

http://heroesdelring.com

Barack Obama, nuevo blog para probar NinjaExtractor

En mi afan de probar mi extractor y algunas estrategias SEO, he creado un nuevo blog para ver si es posible filtrar por criterior mas “refinados”.

Con algunas modificaciones en NinjaExtractor, y un poco de ingenio, ya tenemos

http://barackobama.portalddc.com/

Es un blog donde obtenemos los ultimos videos publicados en youtube sobre Barack Obama, y las ultimas noticias publicadas en el News York Times.

Obviamente lo acompañamos con una cuenta de twitter donde vamos posteando todos los post que NinjaExtractor cargue a WordPress.

Para el próximo paso, la idea es armar un site con videos y musica para los mas pequeñitos.

The Happening lanzado, un exito total

Un trabajo de 3 meses, un equipo comprometido y super dedicado, una coordinación excepcional, mucho criterio y trabajo, todas estas fueron las claves para lograr que The Happening (http://thehappening.com/) este hoy en día online.

The Happening es un Magazine Digital orientado a la buena vida, presentando artículos sobre productos, servicios, eventos, etc. de estilo y sobre todo… costosos.

Mi participación en este proyecto fue limitada al monitoreo del equipo de producción, asistencia a nivel JavaScript (aunque aun no he terminado, ya que me falta reescribir bastante JS) y la instalación de los servidores que hacen funcionar a TH.

Los servers por ahora son 3, uno DataBase Server con Debian y MySQL 5.x, un WebServer con FreeBSD 8 y mucha optimizacion en su apache, y un ContentServer con Lighttpd bien tuneado.

Les deseamos un gran éxito a nuestros amigos de The Happening

AlMomento España – primera version

AlMomento, noticias al instante

Hace poco mas de un mes publique un nuevo proyecto propio, llamado AlMomento.

La primer version es de españa, pero estoy por lanzar en Mexico, Argentina, USA y Brasil en las proximas semanas.

Básicamente AlMomento es un wordpress al cual se le publica contenido por medio de XML-RPC.

El core de AlMomento es un script que permite administrar proyectos. Por cada proyecto, cargamos origenes de datos (RSS), y el path DOM hacia el primer párrafo.

Ejecutamos un cron cada 10 minutos que toma los contenidos de los origienes de datos y los baja a una base de datos local (siempre y cuando no exista el articulo en nuestra db).

Despues, un mecanismo pasa y toma todos los articulos nuevos y los inserta en los correspondientes proyectos.

Para darle un toke final, un proceso cron toma los articulos insertados y los publica en las cuentas de twitter configuradas para cada proyecto.

Ventajas

Al usar WordPress aprovechamos All Seo Pack y obtenemos un buen blog que cuenta con un trabajo (a nivel tecnico) SEO bastante bueno.

También tenemos poco (casi nada) de trabajo en lo que es administracion y frontend.

Final

Esto mas alla de ser un atrapa trafico, tiene como objetivos ser un verdadero servicio, ya que desde un unico lugar podremos leer las noticias de todo un pais/region en forma completa, y ver si deseamos las mismas noticias en el twitter de cada una de las implementaciones de AlMomento.

Espero poder cumplir con los objetivos de implementacion, ya que estoy creando nuevas funcionalidades para mi extractor y de esa forma poder potenciar las posibilidades.

Consultor SEO freelance

Claramente la palabra SEO esta de moda en toda Internet.
Cientos de sitios webs están librando un cruel batalla para ver quien se lleva ese preciado trafico, algunos con sus nichos puntuales, otros con las estrategia de “lo que pueda me lo quedo”, pero todos haciendo uso de un unico recurso, el SEO.

El SEO (search engine optimization) es un mundo bastante mas complejo de lo que todos creen. Hay muchos programadores actualmente que intentan aportar los tips básicos a la hora de desarrollar un proyecto a fin de que sus productos sean mas amigables a los buscadores, pero eso no siempre es suficiente.

En mi haber, he tenido la suerte de trabajar en una de las empresas que según mi opinion, es una de las mas interesantes del pais (y me atrevo a decir del mundo) a nivel SEO. Estoy hablando de los amigos de DreamDesigners, de los cuales pude aprender muchísimo sobre posicionamiento web (ademas del insasiable mundo de la extraccion de contenidos).

Algo que debe quedar claro, es la diferencia entre “estrategia SEO” y “amigable a buscadores”. Cuando hablamos de estrategia SEO, hablamos de planeamiento, de objetivos claros y etapas bien definidas. Si hablamos de ser amigables a buscadores, estamos mencionando que tips dictados por Sr. google hemos seguido y cuales no.

El SEO es un trabajo complicado, que requiere de paciencia y mucho estudio de estadísticas. En mi caso por ejemplo, tengo varios websites con los cuales realizo experimentos, tanto de estrategias como de “amiguismo en buscadores”. Cada uno de ellos me arroja estadisticas (addfreestats, analytics, etc), las cuales al procesarlas me dejan saber si he conseguido una receta efectivo, para poder aplicarla a clientes actuales o potenciales clientes.

Imagino que los que están leyendo esto, esperan que mencione esos tips básicos, tanto para saber si yo mismo los conozco (después de todo me estoy presentando como consultor SEO), o para simplemente aprenderlos y saber si su ultima agencia o programador los aplico en su ultimo proyecto.

Titles: todo arranca por aca, es importante apoyarse en herramientas como google webmaster, la cual nos podra decir si cometimos el pecado de tener titles duplicados, o sin “relevancia”.

Description: no solo hace ver claramente de que habla cada pagina de nuestro website, sino que es uno de los factores de relevancia para Sr. google. Debemos ser muy cuidadosos a la hora de poder establecerlos.

H1, H2, H3…: los H’s son extremadamente importante. Les recomiendo siempre tener un H1 como primer elemento html despues del , claro y descriptivo. En lo posible, igual al title de la pagina, y que este contemplado en nuestro description.

alt, title: dos cosas que no deben faltar a la hora de definir imagenes. Siempre pongamos nombre de imagenes relevantes, alts y titles. Se sorprenderan la cantidad de trafico que podemos obtener desde google images cuando hacemos un cuidadoso trabajo con nuestras imagenes.

Pero ademas de tips, vamos a los hechos concretos, es hora de ejemplos!.

Uno de mis primeros clientes fue Grúas San Blas, a los cuales les desarrolle todo un portal, mas varios pares de herramientas web que hoy en día le permitieron posicionarse como la empresa industrial mas “digitalizada” de Argentina.

Gruas San Blas fue un reto importante, es una empresa dedicada a la venta y reparación de Grúas (minicargadores, palas, etc).

Como me fue con el SEO? hemos un vistazo, busquemos las siguientes fraces en google

“venta de bobcat”

“venta de s150”

“bobcat s150”

“operacion segura de gruas“