Archive for the ‘Ajax’ Category

Elite en Wixi.com

Nessy y Wixi
Actualmente me encuentro trabajando en el equipo de desarolladores del proyecto Wixi.com.
El desafio es alto: hacer un sistema con un tipo de comportamiento a la WebOS pero en AJAX (salvo un player que esta hecho en Flash) y que ande en TODOS los navegadores.
Me pone muy contento integrar este equipo de trabajo dado que lo considero un grupo de élite.

Wixi es una red social multimedia en la cual interactua usuarios mirando, posteando, compartiendo y buscando con facilidad distintos tipos de media.
El sitio ofrece una interfaz intuitiva con carpetas similar a un desktop de PC, a lo cual se hace “drag’n drop” para organizar sus archivos media en las carpetas y simplemente click para reproducir a través del Wixiplayer.
Para que los numerosos formato de video puedan ser reproducido por el player, el sistema se encarga automaticamente de hacer una version convertida al formato FLV.
Lo interesante para mi en este proyecto es lo fácil que se puede compartir y publicar una carpeta del sistema en los distintos medios disponibles hoy en dia: miembros de Wixi, email, URL, blog, etc.

Link principal > http://www.wixi.com/

Receta de Web 2.0

Web 2.0

Para hacer una Web 2.0 sacado del sitio http://www.anieto2k.com/ >

1. Una degradados, una web sin degradados no es una web, y menos 2.0.
2. Usa.un.nombre.con.puntos,si el nombre de tu web no tiene puntos, no se como te atreves a publicarla.
3. Fondos diagonales, eso es lo que denota la originalidad de los diseñadores, usa diagonales para darle un efecto más 2.0 a tus creaciones.
4. Fuentes grandes, importante piensa que con esas pantallas tan modernas quizas las vean pequeñas, los de 800×600 que hagan scroll o cambien de monitor.
5. Fondos claros, tambien es realmente importante, fondo claros sin hacer mucho contraste con las fuentes.
6. Efecto suelo mojado, para que tus usuarios patienen y se queden.
7. Fuentes pixeladas, esto es lo último de lo último, un toque retro siempre te hace más auténtico…
8. Folksonomias (tags), están de moda y aunque nadie las use como toca (yo por ejemplo), demuestras que estás a la última.

(Copia textual de: http://www.anieto2k.com/2006/08/07/8-trucos-para-hacerte-con-la-web-20/)

Para migrar de la Web 1.0 a la 2.0 >

1. Reemplaza e-loquesea.com por my-loquesea.com
2. Incrementa el tamaño de la fuente a 12-16px (1em).
3. Cambia las categorías por tags
4. Cambia la sección de noticias por un blog
5. Cambia el “Enviar a un amigo” por una suscripción RSS.
6. Cambia el “Guardar en Marcadores” por enlaces a redes sociales.
7. Cambia la “Cuenta de usuario” por “Perfil de usuario”
8. Cambia tu cutre código HTML por un semántico xHTML con CSS
9. Son visitantes, no peticiones.
10. Añade comentarios
11. Cambia e-site.com?id=1234&sort=desc&parametros=inventados por my-site.com/a-que-molo-mazo
12. Cambia tu sitio personalizado por un CMS Open Source.

(Copia textual de: http://www.anieto2k.com/2007/07/31/12-formas-para-migrar-de-la-web-10-a-la-20/)

Programando en ECMAScript

ECMA Logo

Años de programación me han hecho ver que muchos lenguajes de programación tienen cada vez mas puntos en común (arranque programando LOGO en Suiza, Ginebra).

Hoy en dia me encuentro programando desde JavaScript hasta C# y ActionScript, Java y PHP. Todos estos lenguajes tienen exactamente la misma sintaxis, lo unico que varia es que el IDE que lo soporta, protesta un poco mas que otro según los errores de sintaxis u otros problemas. (vaya forma de resumir el tema)

Si vamos más al grano el “if” es basicamente el mismo en TODOS los lenguajes de programación. Con esa afirmación sostengo que si sos un buen programador en JavaScript deberia serlo con ActionScript, y sos un mal programador en .NET deberia tambien ser malo con JAVA.

Pero algunas similtudes se acentua mas en el lenguaje JavaScript y ActionScript, hoy en dia son los lenguajes de programación Web dominante del lado cliente.
Punto en común: especificación ECMAScript.

ECMAScript es una especificación de lenguaje de programación.

ECMA : European Computer Manufacturers Association.
Organización fundada en 1961 para estandarizar los sistemas computarizados en Europa con sede en Suiza, Ginebra (epa iguales de donde yo empeze).
Despues se paso a llamar ECMA International para ocuparse obviamente de los estándares internacionales.

Cito algunos lenguajes ECMAScript:
JavaScript
JScript (motor usado en ASP de Microsoft)
ActionScript
Haxe (lenguaje del lado servidor)
HDi scripting (lenguaje para programar menu interactivo de DVD)

El lenguaje de programación de Flash (ActionScript) hace uso de ECMAScript edition 4 (ECMA 262).
Una diferencia (hay una, y es importante) con JavaScript es que permite a los objetos ser movidos, creados y analizados dinámicamente, mientras la película está en ejecución.
La API XML de ActionScript tiene la especificación de ECMAScript for XML edition 2 (E4X, ECMA 357).

Un compañero de trabajo (Santiago Borrazas) me paso el otro dia un link sobre que el ECMAScript esta teniendo en cuenta el simbolo $ como alternativa a document.getElementById y document.all (de IE, que no es ECMAScript).
Esa función es altamente recomendable, fue creada por Prototype y JQuery.
Link: http://solutoire.com/2007/06/18/ecmascript-about/

Link sobre ECMAScript:

http://www.ecma-international.org/
http://es.wikipedia.org/wiki/ECMAScript

Prototype 1.5.1 Released

Prototype 1.5.1 Released

Nueva versión de esta revolucionario framework en Javascript.

A destacar: Manejo de JSON incluido, no mas necesidad de otro framework adicional.

http://www.prototypejs.org/

Merengue de Technologia Adobe y Microsoft

Una pregunta interesante fue redactada por un desarollador .NETero (http://www.lazycoder.com/weblog/).

“… lo que realmente busco es un gráfico que me pueda informar sobre las technologías que tendria que usar en mi próximo proyecto. ASP.NET + AJAX ? Silverlight? WPF? …”

A lo cual debido al lugar donde se posteo este comentario (pro Flash) una persona (JesterXL) comenta:

“Quien dijo que era mas fácil con Adobe ?”.

John Dowdell empleado de Adobe responde dandole soluciones proveniente de Adobe y
de una forma hironica tambien las de Microsoft:

“Flex para interfaces cliente estructurada, Flash para formulario visual mas libre

En tanto el panorama con Microsoft puede ser un poco diferente,

Hay un WPF para las PC con Vista corriendo en optima condiciones.
Asimismo hay un WPF para las PC con Vista con bajo rendimiento y WinXP,
en los navegadores se ejecutaria la logica de Javascript (etapa Beta),
asimismo tambien habria la logica de Microsoft (etapa Alpha),
y posiblemente tambien en los navegadores con la logica de Microsoft y interactuando con
Python o Ruby con algo de DOM (todavia ni aparecio la fase Alpha)…

Hay tambien una historia de HTML/JS.”