Tecnologias en el futuro de la web

escribo este post para informar y también para debatir un poco acerca de lo que es el futuro de la web especialmente para diseñadores/programadores (en algunos lugares llamados devigners) que nos dedicamos a absolutamente todo. aca van las listas de los programas q se vienen pros y contras, todo armado por mi, por lo que puede variar las formas de verlo. tengamos en cuenta q se busca como se van a hacer las paginas ENTERAS en los proximos años.

FLASH CS4
Tecnologias en el futuro de la web
tecnología ya vista, en paginas como cristalab.com te enseñan muchísimo de esta tecnología y con as3 (action script 3 el lenguaje de programación) se logra que sea mas estable, la ultima versión publica un html con todos los textos estáticos, permitiendo que se indexe en google prácticamente sin problemas. tambien se integra sin problemas con illustrator cs4. herramienta elegida por la mayoria de los diseñadores, pero nunca se utiliza para hacer aplicaciones de internet con muchos datos (nadie se imagina un Taringa en flash) basicamente porque es muy dificil trabajar con bases de datos (ya que trabaja unicamente en el cliente), ademas as3 es muy basico aun como lenguaje, y el debugger de flash... simplemente apesta.

PROS
*esta muy difundido, y todo el mundo tiene el flash player instalado
*lo usa youtube (pero solo para los videos, nadie usa flash como pagina entera)
*ahora indexa en google
*versatilidad para diseñar
*miles de ejemplos, y codigos en as2 o as3 (por ejemplo ffiles o cristalab

CONTRA
*dificil, es muy complicado entender la idea de los movieclips, la linea de tiempo, programar y diseñar una pagina compleja (no solo para mostrar un producto) es realmente complicado, se tendrian que preocupar en hacer mas sencillas cosas muy simples, al estilo swift
*el debugger es muy malo, si tenemos un error en la programacion, sonamos
*cuesta trabajar con el "diseño liquido" para todas las pantallas
*no funciona el boton de adelante y atras del navegador
*no tenemos deeplinking (el nombre largo de la barra de direcciones, para cortas y pegarlo en otra pagina, mandarlo a un amigo o guardar solo esa parte en internet)
*solo trabaja en el cliente, no puede controlar la pagina, ni tampoco puede conectarse con el servidor directamente, lo mismo para trabajar con streaming de audio y video se necesita flash media server, o red5
*si quiero hacer una web, con transiciones, y prolija, se vuelve medio complejo, ya que funciona como si fuera una linea de tiempo y voy saltando entre movieclips, o entre escenas, si un sitemap verdadero

GAIA FRAMEWORK

Esto no es una tecnología de por si. es un framework para flash para poder solucionar alguno de los contra que estan arriba. permite armar un sitemap, con las paginas, un menu, usar adelante y atras del navegador, deeplinking, etc etc. muy util y muy recomendable, cuesta aprenderlo al principio y lo recomiendo solo para aquellos que sepan ya bastante de flash y quieran algo que funcione bien. para mas informacion pagina oficial de gaia.

FLEX
web
de la misma linea de flash se encuentra flex (se le llama flash family a un monton de tecnologias parecidas) tienen en comun, q usan as3 (action script 3). y que compila en .swf y se ve con flash player. pero por desgracia el "FLEX BUILDER" (seria algo asi como el programa que sirve para hacer paginas flex) es un plugin de eclipse (que es un programa para programar base, y ahi le pones plugin, con eso se puede programar en java, python, javafx, etc), por lo que hay que olvidarse de poder dibujar y hacer componentes personalisados al mejor estilo flash. se puede importar pero es bastante enroscado, especialmente si te equivocaste por poco y hay q volver a el flash para modificar pequeños detalles en la linea de tiempo. una de las ventajas es que usa dos partes, una es un lenguaje mxml (algo similar a html donde se ponen los componentes, es muy fácil acostumbrarte si trabajaste en asp.net) y el codigo en as3, por lo que el flex esta orientado mas a trabajar con componentes, y también carece de linea de tiempo. la version actual es el 3, con varias mejoras.

PROS
*es gratis (solo te cobran el flex builder o sea el plugin de eclipse para hacer las paginas, pero van a venir alguna que otra herramienta gratuita en otro momento)
*trabaja mejor con objetos, servicos, httprequest, etc. flash lo hace, pero el mxml, lo hace mucho mas comodo
*el debugger es el de eclipse, o sea un golazo y ayuda en las aplicaciones muy complejas
*soporta deeplinking en su version 3
*diseño liquido, los contenedores hacen que los componentes se estiren a gusto, con mucho control y ademas tiene scale 9
*el trabajo con css permite hacer cambios de color y formas visualmente, muy interesante tambien
*animaciones desde mxml, lo cual son programadas muy facilmente.

CONTRA
*sigue siendo de cliente, entonces es realmente muy dificil las bases de datos, ya que por lo menos tenes que usar php, jsp, coldfusion o asp.net por ende tenes q manejar dos lenguajes.
*la personalizacion es muy nula, cuesta muchisimo (cuesta pero se puede, aunque lo hace improductivo), entonces para que una tecnologia interesante en el desarrollo web de mucho diseño si cuesta diseñar?

FLASH CATALYST & FLEX GUMBO[/align]
Diseño Web
ahora si, una tecnologia muy interesante para el futuro, sale aproximadamente en el segundo cuatrimestre del 2009, consta de el flash catalist (muy diferente al flash cs4) es un programa que uno toma un diseño hecho en fireworks, photoshop, o illustrator, y le va "diciendo" que tipo de componente es cada cosa (supongamos que una capa tiene un cuadrado verde con unos brush muy interesantes de salpicadura de barro, uno le dice que es un textbox y lo toma como tal) lo mismo para los scroll, permite tambien que las paginas se tomen como tal, no como el flash, que no esta definidas si no estan perdidas en una linea de tiempo, permite deeplinking, diseño liquido, animaciones con un timeline diferente (por objeto). etc, para mas informacion en el laboratorio de adobe. con flash catalist se puede hacer una pagina completa, pero si quieren mas programacion, se integra a la perfecion con flex gumbo (flex 4 que aun no salio). tiene el nuevo framework de texto, y por supuesto es muy comodo y potente.

PROS
*comodo para hacer una web completa en flash, ademas... uno nunca toca el flash, hace todo con photoshop, pasa por catalyst para ser interactivo, y si se quiere mas potencia, flex gumbo.
*deeplinking
*pagina web HECHA PAGINA, no como ahora que flash hace una animacion interactiva que parece una pagina web
* transiciones, y personalización de los componentes de una manera visual, mucho mas comodo que en la actualidad de componentes v3
*facilidad para trabajar, intuitivo y sin necesidad de código
*multinavegador ya que usa flash player 10 para visualizarse

CONTRA
*usa flash player 10, todavia no esta extendido, pero no va a faltar mucho
* todavía no salio, asi que puede ser incomodo, o tener algún error que todavía no conocemos.

para mas informacion este post en cristlab

JAVAFX[/align]
silverlight

la respuesta de sun microsystem (el creador de java, y mysql), probe esta tecnologia muy poco, por lo que vi, es un plugin de netbeans (similar a eclipse) y tenes que programar con javafx script absolutamente todo (un lenguaje similar al java pero en facil), recien salio, es lento, engorroso para programar, como diseñador es realmente doloroso trabajar con este tipo de tecnologia. pero si es de sun, es bueno, o sea lo van a mejorar, hacer muy estable, y multiplataforma (al mejor estilo de sus otras herramientas).

PROS
*es de sun, con todas las cosas que eso implica
*no necesita un plugin para funcionar, lo que es MUY bueno
*javafx script es un lenguaje MUY robusto segun dicen ellos (aunque no lo conosco a la perfeccion, pero es en base a java)

CONTRA
*esta muy verde (salio en diciembre del 2008)
*no hay mucha documentacion
*no hay una herramienta grafica (por lo menos por ahora)
*no se conoce mucho de esta tecnologia, por la cual la aprendes, y nadie te la pide en los puestos de trabajo.

SILVERLIGHT
flex

personalmente la mejor opcion para hacer una pagina completamente en esta tecnologia, la version 2 es muy estable, funciona con los lenguajes de programacion mas potentes y conocidos (como c#, j#, f#, ironPhyton, ironRuby, vb.net etc etc). y se dibuja con el expression blend, para compararlo con adobe es como tener un flash y un flex todo junto, tiene la facilidad para trabajar con componentes de flex (y su mxml se parece muchisimo al xaml de silverlight), y tambien la posibilidad de usar herramientas de dibujo vectoriales y plumas, brushes etc. tiene las ventajas de los sitemaps de catalyst, databinding muy sencilla (uno toma un slider y le dice graficamente que su propiedad value modifica el tamaño del texto y listo, sin programacion). usa xml sin problemas, y lo mejor, funciona muy bien con el servidor y es programable directamente en asp.net con visual studio.net, por lo que el debugger es visual studio.net (lo mejorsito del mercado). permite trabajar con bases de datos sin problemas, se puede unir a php si uno quiere (aunque como el lenguaje de scriptin de silverlight son los mismos de asp.net, no tiene mucho sentido. por lo que uno aprende silverlight muy rapidamente si alguna ves hizo algun programita para windows. anda en linux y mac con moonligth. y al contrario de lo que todo el mundo cree, TAMBIEN ES GRATIS!!!. se pueden bajar las verios express de todos los soft (necesitas el visual studio.net express 2008, un plugin para programar en silverlight q es gratuito y el expression blend. como ventaja adicional uno puede generar tambien la misma aplicacion web pero para escritorio con wpf. que es una aplicacion de escritorio sin necesidad de una plataforma como la AIR de adobe.

PROS
*se indexa puramente en google porque usa una tecnologia basada en xml
*elementos basicos de una web html, como deeplink, atras y adelante del navegador, copiar el texto, buscar dentro de la pagina con el buscador de el explorer, etc.
*multiplataforma
*FUNCIONA EN EL SERVER! como todo esta hecho en framework 3.5 si uno tiene el soporte de esa tecnologia en el hosting puede hacer una union directa y realmente muy facil. es mas facil hacer un taringa en silverlight que en php. esto claramente es lo mejor
*streming mucho mas liviano, trabaja tambien con un detector de ancho de banda que baja o sube la calidad dependiendo como te anda la red
*usa los lenguajes mas robustos en comparacion con as3, incluye c#, j#, f#, ironPhyton, ironRuby, vb.net por lo que migrar de programador en escritorio de windows a silverlight es muy sencillo, y aun mas si programas en asp.net

CONTRA
*no importa que sea una buena tecnologia, es de microsoft y todo el mundo la odia por eso
*necesita el plugin de silvelight. salieron varios build por ser nuevo y tiende a fallar, la version 3 que saldra en conjunto con windows 7 va a ser la "verdadera", ademas, no es standart, aunque claro, para microsoft la palabra "standart" no le interesa, por lo que te lo va a meter en windows 7. y ya te lo metio en el msn 2009 por lo que todos vamos a tener ese plugin dentro de muy poquito.
*no es muy conocido.
*tenes que tener un hosting con windows y framework 3.5 solo conosco dattatec (por suerte es barato pero se cae bastante)

conclución:

a mi gusto me quedo con silverlight. pero realmente se esta poniendo muy interesante la resupuesta de adobe con el nuevo workflow flash catalyst - flex gumbo. por ahora sigo con mi asp.net y php. hay q notar q no pongo ni ajax, ni css. creo que van a ser tecnologias que son muy importantes ahora, pero no van a durar mucho cuando todos tengamos 25 mb de conexion, y hacer paginas con herramientas 100% visuales y contenidos RIA (rich internet aplication). por ahora usar flash 100% es incomodo, las alternativas se vienen con todo. y espero que piensen en nosotros, haciendo standares, pudiendo diseñar sin pensar en una grilla, y ajax me parece interesante, pero eso de tener que programar para poder hacer que una ventana se expanda me pone loco.

me gustaria escuchar opiniones, pero coherentes, nada de fanatismo por una empresa u otra sin sentido y vamos viendo que tecnologia es la que se va a tener q aprender de ahora en mas.

fuentes: www.adobe.tv, cristalab.com, madeinflex.com, www.asp.net, www.silverlight.net

Fuentes de Información - Tecnologias en el futuro de la web

Dar puntos
15 Puntos
Votos: 2 - T!score: 7.5/10
  • 0 Seguidores
  • 6.583 Visitas
  • 4 Favoritos

11 comentarios - Tecnologias en el futuro de la web

@Quirp Hace más de 5 años
Creo que silverlight será lo de mañana.
Es una teconologia más limpia y flexible.
Además los resultados son realmente sorprendentes.
@jorvi2210 Hace más de 5 años
Me quedo con flash, es complicado si....pero puedes hacer infinidad de efectos ( siempre y cuando tengas creatividad ) y suficiente paciencia para sentarte a programar.
@sebaxweb Hace más de 5 años
Yo la verdad que me quedo con silverlight para que va a ser la mejor tegnologia para hacer paginas! Abra q esperar
@Fabiangradin Hace más de 5 años
No hay que casarse con nada , para sitios totalmente visuales y animados ,Flash, para sitios con otro tipo de orientacion , otras tecnologias , como silverlight.
@ZelticFrost Hace más de 5 años
Lo mejor para diseño de paginas web sigue y seguira siendo HTML, y con la evolucion de los navegadores y el soporte a HTML5 aun mas vigente que nunca HTML5 + css3 = el cielo web
@flexcomunicacion Hace más de 5 años
muy ilustrativo +5
@DemitriMaximov Hace más de 5 años
Esperemos puedas dar seguimiento a esta informacion en el futuro, muy buen post, te dejo 10
@Patamoje Hace más de 4 años
Silverlight no funciona en el server, sino en el cliente... Por lo que tengo entendido...
@oxigenode Hace más de 4 años
Llevo algunos anios programando en flash, por lo cual te puedo comentar, que uniendo flash y javascript, los alcances son muy altos ( esto aunado a que puedes cargar variables php). uffff.. la verdad es que me sorprendio de sobremanera el comentario que pusiste de que no se puede hacer una web 100% visualizada en flash.

pero en fin tus razones tendras. desde hace ya algunos meses trabajo con silverlight ( por imposicion de mi jefe) y puramente diria, que mientras mas conosco silverlight, mas quiero a flash.

te dejo un ejemplo 100% sencillo
en hacer el siguiente dibujo me tardo menos de 10 segundo en flash
http://malanche.net/img/ballon.png
podrias decirme cuanto tardas en hacerlo en blend o expression design?
espero tu respuesta, y de ser posible tu descripcion de como lo hiciste... saludos.
@jejete Hace más de 4 años
oxigenode dijo:Llevo algunos anios programando en flash, por lo cual te puedo comentar, que uniendo flash y javascript, los alcances son muy altos ( esto aunado a que puedes cargar variables php). uffff.. la verdad es que me sorprendio de sobremanera el comentario que pusiste de que no se puede hacer una web 100% visualizada en flash.

pero en fin tus razones tendras. desde hace ya algunos meses trabajo con silverlight ( por imposicion de mi jefe) y puramente diria, que mientras mas conosco silverlight, mas quiero a flash.

te dejo un ejemplo 100% sencillo
en hacer el siguiente dibujo me tardo menos de 10 segundo en flash
http://malanche.net/img/ballon.png
podrias decirme cuanto tardas en hacerlo en blend o expression design?
espero tu respuesta, y de ser posible tu descripcion de como lo hiciste... saludos.




a oxigenode si eres diseñador tal vez te sirva quedarte mas con flash, ademas si conoces javascript no veo por que tengas que migrar, creo que lo que dice demian es totalmente correcto, a menos que hagas una pagina para un estudio de diseño o un sitio netamente visual es terrible usar puro flash y es algo de la web 1.0, en la actualidad se prefiere ajax, aunque algunos detalles en flash quedan bien, si ya has trabajado con silverlight me extraña que preguntes cuanto tiempo se tarda en hacer ese dibujo en blender, si no usas blender con silverlight (que si se puede hacer) es terriblemente complejo y dificil y entenderia porque tu comentario que cuanto mas conoces silverlight mas quieres a flash,pero blend es excelente, si en flash tardas 10 segundos en blender tardas 12 y eso porque todavia no estas acostumbrado a la disposicion de las herramientas, tiene las mismas herramientas de flash y algunas otras, aunque la interfaz hay que reconocer que se siente un poco sobrecargada y es algo pesado, pero si consideras la cantidad de herramientas que tiene creo que se acepta, ademas hacer animaciones es mucho mas sencillo (muchisimo mas!!) y trae botones y efectos lo cual te ahorra tiempo.

ahora, yo no veo a silverlight como una competencia para flash sino para flex y el terrible adobe air, es ilogico que adobe te obligue a programar en un lenguaje no tan amigable ni tan completo como lo es actionscrip para hacer aplicaciones grandes (en comparacion con animaciones y todo eso) de escritorio, hasta microsoft se dio cuenta de eso y creo que ahi tiene la ventaja

pero no todo es color de rosa, me gustaria preguntarle a demian si ha utilizado blend con ironpython o ironruby?, yo estuve intentando y la verdad todavia le falta a esos proyectos, en todas las paginas (incluso las de microsoft) te promocionan que puedes utilizar silverlight con python o ruby pero la verdad es algo que esta muy verde, yo estuve tratando y a parte de la pesima documentacion (parece que solo como 3 o 4 programadores de microsoft estan encargados de estos lenguajs y son los que escriben articulos....una vez cada 8 meses) lo unico que logre fue correr una aplicacion de silverlight con ruby programandola a punta de textmate (sin poder utilizar blend) lo cual la verdad me decepciono bastante porque el expression blend se ve bien util....
@xPUMAx Hace más de 2 años
jejete dijo: trae botones y efectos lo cual te ahorra tiempo.


Eso es muy de pete. Para usar efectos, botones y demas cosas ya predeterminadas por el programa usa las galerias automaticas que te bajas gugleando por ahi. En Flash lo diseñas todo vos, lo programas vos, y la cantidad de efectos que podes lograr es ILIMITADA, porque los creas vos desde tu creatividad, no te lo da un programa ya predeterminado. Asi es como salen paginas estandarizadas y monotonas.
Decime como haces una pagina tan elegante como esta sin Flash: http://www.templatemonster.com/flash-templates/37965.html
O esta otra: http://www.templatemonster.com/flash-templates/37848.html

Y como estas hay muchisimas mas. Ademas de ser tan elegantes y tan bellas, no abusan de las animaciones ni efectos, sino que los usan a la perfeccion.
Estamos de acuerdo que para un abogado no le vas a diseñar una pagina tan estetica, pero hay proyectos que si lo requieren; Diseños de interiores, Peluquerias, Arquitectura, y demas cosas que tengan que ver con la estetica.

Por eso la conclusion es, todo sirve para determinado caso, nada se reemplaza por nada en su totalidad, ni nada sirve para todo