Editorial - Boletín MP nº1

 Archivado en: Artículos — info @ Jul 15th, 2008

Estimado@ amigo@:

Un mes después de nuestro primer boletin, volvemos a estar con todos vosotros para informaros de una forma directa de todo aquello que pensamos pueda ser de vuestro interés.

Antes de presentaros este número 1 dedicado a la nueva tecnología de Adobe llamada “AIR”, quiero mostraros en nombre de Método Profesional nuestro agradecimiento por la magnífica acogida que entre todos habéis brindado a esta nueva publicación que, en tan sólo un número, ha conseguido superar la cifra de 5000 suscriptores. Muchas gracias a todos.

Como comentaba, este número hemos querido dedicarlo a la nueva tecnología de Adobe: “AIR”. Un nuevo “framework” que ha llegado para darnos la posibilidad de por ampliar el abanico de servicios que los diseñadores/desarrolladores web ofertamos actualmente a nuestros clientes y colaboradores. Y para hablar de Adobe AIR, hemos contactado con uno de los mejores especialistas reconocidos en cuanto al desarrollo de RIAS (Aplicaciones ricas de internet) con el que hemos analizado lo que nos viene a todos de la mano de esta nueva tecnología. También, hemos intentado buscar la perspectiva de nuestra profesión desde el punto de vista del que está comenzando, y para ello hemos entrevistado a Luís Manuel Macho. Actual alumno del Curso Superior de Diseño Web Profesional con Flash y ActionScript de Método Profesional.

Y al igual que en el número anterior, más recursos profesionales, enlaces y noticias de tu interés que te permitan estar al día.

Gracias por estar ahí.

Javier Rodríguez
Dirección de Método Profesional


 Carlos Rovira, especialista en Rich Internet Applications.

 Archivado en: ActionScript 3.0, Flex, Entrevista — info @ Jul 15th, 2008

Carlos es un Consultor-Jefe de Proyecto especializado en Rich Internet Applications y en la Plataforma Flash. Además, está certificado como experto en la aplicación de Adobe Flex 2.

Desde 1999 Carlos ha estado involucrado en el desarrollo de soluciones críticas de gran escala para clientes como BBVA, Vodafone o Línea Directa, entre otros. De forma paralela, su interés en las tecnologías emergentes basadas en Flash, Flex y RIA, así como su integración con otras tecnologías como Java o PHP, le han llevado a crear y mantener su blog carlosrovira.com.

Además, es colaborador habitual del popular portal de habla inglesa actionscript.com y parte integrante del equipo de desarrollo de ASDT, el plugin open source basado en Eclipse para desarrollo de ActionScript.

Actualmente, Carlos ha fundado su propia empresa carlosrovira.com. Desde la cual dirige a un grupo de consultores fuertemente especializados que ofrecen sus servicios de consultoría, formación, así como soluciones de arquitectura avanzadas, para aplicaciones RIA basadas en Flex y Java.

Hablemos un poco de tu inicio profesional Carlos, ¿Cuál fue tu primer puesto de trabajo?
Mi primer trabajo, nada más terminar la carrera de Informática, fue en Cartagena (Murcia), en una empresa de formación. Allí dábamos las típicas aplicaciones que demandaban los usuarios de a pie: Microsoft Office, Photoshop o 3D Studio MAX. Estuve, aproximadamente, 3 meses, hasta que ahorre algo de dinero para ir a Madrid, y empezar a buscarme la vida como desarrollador de Software de Internet, que era lo que realmente me gustaba.

¿A qué te dedicas ahora?
Ahora trabajo en mi propia empresa carlosrovira.com, cuyo objetivo es ofrecer un enfoque distinto a la hora de crear las nuevas aplicaciones ricas de internet. Por tanto, mi tiempo se reparte entre la dirección de los proyectos que llevamos a cabo, la gestión de la empresa y, evidentemente, en el desarrollo y formación continua en nuestras tecnologías ya que, al fin y al cabo, vendemos innovación tecnológica.

¿Qué vínculos te unen a Adobe y cómo se iniciaron?
Los vínculos con Adobe (y antes con Macromedia) son de colaboración y amistad entre ambas empresas, y las personas que la forman. En la medida de lo posible, intento aportar mi granito de arena en promocionar las tecnologías que ellos ofrecen, y ellos también cuentan con mi experiencia en dichas tecnologías cuando es necesario. Todo es gracias a la calidad humana de las personas que integran Adobe. Es realmente un placer trabajar con ellos.

¿Cuándo fuiste consciente de que el desarrollo de aplicaciones informáticas era lo tuyo?
Bueno, realmente siempre fui muy tecnólogo. En general siempre he disfrutado investigando el funcionamiento de las cosas. Quizás la informática se preste mucho a este análisis.

¿Qué lenguajes de programación predominaban en aquellas fechas?
En aquel momento empezaba a tomar cierta fuerza Java. También estaban ya siendo ampliamente usados HTML, CSS y JavaScript.
Evidentemente todavía existía muchas aplicaciones Visual Basic, Delphi, pero supongo que ya estaban en claro retroceso.

¿Cuándo y cómo conociste flash?
La primera vez que tuve contacto con flash fue con Flash 3, hacia el año 1998. Siempre he tenido una vena artística muy importante que me ha marcado, y en aquel momento Flash me atrapó directamente por las posibilidades interactivas y gráficas que ofrecía. Fué con Flash 4 cuando empecé a seguir el producto y su evolución de forma constante. Desde entonces he intentado aplicar lo que ofrecía en las aplicaciones web de la época en las que ha existido esa posibilidad.

¿Qué destacas sobre el uso de ActionScript le puede ofrecer a los desarrolladores Flash?
El uso de ActionScript es fundamental para sacar todo el partido del potencial que tiene Flash. La plataforma permite hoy en día hacer todo lo que se nos pase por la cabeza. Por tanto, el tener un buen manejo del lenguaje y de las posibilidades que ofrece el Flash Player es indispensable, para no limitarnos nosotros mismos en lo que podemos ofrecer a nuestros clientes.

¿Por qué decidiste especializarte en…digamos el SWF?
Bueno, quizá fue tener cierta visión de futuro. Por el año 2000-2001 vi claro el potencial de Flash y la importancia estética y visual de las aplicaciones. La experiencia del usuario, como predicaba Macromedia, tenía una importancia tremenda. Realmente era una lucha constante ya que mucha gente solo daba importancia a la robustez del middleware, pero yo veía cómo los clientes realmente apreciaban una presentación de los datos agradable y usable. Tarde o temprano tenía que imponerse una tecnología de interface que nos permitiera más riqueza y dinamismo, y eliminase las barreras estáticas existentes. Puede que al final no fuese el Flash Player, pero la verdad es que no existía mucha competencia. De hecho, la Plataforma Flash ya era una apuesta segura sin llegar al boom que vivimos estos días.

¿Eras consciente de que esta tecnología tendría la proyección que a tenido?
Si. Sin duda alguna y como he comentado antes, era algo en lo que siempre tuve presente. Por eso mantuve mi apuesta a través de los años.

En tu opinión Carlos ¿Cuál piensas que ha sido el motivo de la proyección de flash frente a otras tecnologías?
Se han dado multitud de factores. Lo bonito de la tecnología es que te engancha, tiene miles de posibilidades, una increíble penetración en todo el mundo, funciona igual en todos los navegadores y plataformas, posee competencia inexistente, y otros factores como la comunidad y la empresa (Adobe/Macromedia) que soportan la tecnología, la continua apertura de formatos (SWF, FLV, AMF,…) y tecnologías hacia un formato open source.

¿Destacarías alguna mejora o pérdida de Flash ahora de la mano de Adobe, frente a la anterior Macromedia?
Adobe ha sabido hacer una adquisición ejemplar. Ha absorbido todo lo bueno que tenía Macromedia, su proyección hacia el usuario y apoyo a la comunidad y lo ha potenciado con sus propias características que la hacían destacar como empresa de producto. Sin duda ha sido un paso muy importante para que la tecnología esté hoy día donde está.

Y de la mano de flash y la evolución de su código ActionScript llegaron las aplicaciones RIA (Aplicaciones ricas en internet). En tu opinión, ¿Que ha cambiado con la llegada de este tipo de aplicaciones? ¿Es una evolución de lo que ya había?
Siempre evolucionamos sobre lo que ya tenemos. Las RIAs son la evolución natural. Con estas nuevas aplicaciones tenemos el alcance global que ya poseíamos pero podemos manejar información de forma más gráfica y efectiva. Ahora los datos y su representación fluyen de forma más natural que con los pantallazos estáticos de las aplicaciones tradicionales. Podemos manejar mapas, gráficas bursátiles, video, elementos en 3D y en general todo lo que se nos pase por la cabeza. Es una evolución natural de los sistemas de información de las empresas, y de como éstas invierten en los mismos, empezando por asegurar los datos sensibles de dicho sistema, y progresando hasta el cliente final que tiene que consumirlos.

Cómo valoras el conocimiento actual del mercado sobre este tipo de aplicaciones, tanto de clientes como desarrolladores. ¿Crees que aún es demasiado desconocido y por lo tanto, no suficientemente valorado?
Aunque el año pasado hubo un claro Boom de este tipo de aplicaciones, todavía estamos en la pendiente inicial en lo referente al conocimiento de las posibilidades existentes. La tecnología tiene todavía un largo recorrido que no ha hecho más que empezar.

Hablando de la polémica actualización de la versión de ActionScript al 3.0 ¿Podrías lanzar algún mensaje convincente a los que aún temen dicha versión frente a la 1.0 y 2.0?
Simplemente hay que migrar. Es una cuestión de nuevas posibilidades y horizontes, un rendimiento mucho mejor del contenido desarrollado, evitar lenguajes obsoletos, incorporar las últimas tendencias y frameworks a nuestras creaciones. No hay ninguna razón para quedarse anclados en el pasado.

¿Crees que los diseñadores se encontrarán limitados al usar ActionScript 2.0 cuando deseen dar rienda suelta a su creatividad en 3d nativo en el nuevo flash player?
De hecho no podrán. Hay que tener en cuenta que las nuevas posibilidades del Flash Player 10 van unidas irremediablemente al nuevo lenguaje y por tanto, el que quiera usar las nuevas ventajas debe migrar a ActionScript 3.0

Hablemos de la nueva tecnología de Adobe: ADOBE AIR ¿Cómo la definirías?
AIR es la posibilidad de escribir una aplicación que unifique todas las grandes tecnologías (Flash, HTML, PDF, Javascript) y desplegarla en cualquier escritorio de cualquier sistema operativo, con las ventajas que ello supone (acceso al sistema local de ficheros, ventanas nativas, etc… ). Es la evolución natural de internet para traer a las aplicaciones de escritorio el alcance global a servicios externos que ya teníamos desde el navegador.

¿Qué es lo que viene de la mano de ADOBE AIR?
Ampliar el número de posibilidades y el arsenal de que disponemos, todo ello de cara a proponer soluciones a nuestros clientes que innoven o, simplemente, mejoren los procesos ya existentes.

¿Crees que un diseñador flash podría llegar a crear aplicaciones de escritorio con esta nueva tecnología?
Sin lugar a dudas. De hecho, ya puede desplegar cualquier aplicación Flash que tenga como una aplicación AIR. Luego puede mirarse las nuevas APIs, y usar los recursos adicionales que le ofrece AIR.

¿Qué le dirías a cualquier persona que esté interesado en especializarse en esta materia? ¿Por dónde debería empezar?
Le recomiendo que se apunte a la lista de correos de Made In Flex , donde podrá disfrutar de una gran comunidad de desarrolladores que podrán ayudarle en sus primeros pasos. También puede consultar la gran cantidad de artículos y tutoriales que tenemos en Made In Flex. Igualmente, los distintos blogs existentes y la documentación oficial son grandes ayudas.

Vamos con CARLOSROVIRA.COM, ¿por qué te lanzaste a montar empresa?
Realmente no fue algo premeditado, sino que las oportunidades y circunstancias llevaron a montar la empresa. Sin duda, la ventaja de haber estado apostando por las nuevas tecnologías de Adobe desde el principio, y el conocimiento del negocio de las TI, hizó que surgiesen muchas posibilidades. Todo este caldo de cultivo facilitó que el año pasado se pudiera crear un proyecto empresarial que pusiera especial mimo en hacer software con la calidad que yo buscaba, pudiendo controlar todo el proceso. El objetivo de la empresa es ofrecer excelencia, innovación tecnológica a clientes que sepan apreciar esa calidad y seriedad en la ejecución. En definitiva disfrutar trabajando y colaborando con nuestros clientes y otras empresas.

¿Qué servicios ofrecéis?
Principalmente hacemos proyectos software basados en RIA. Pero me gusta pensar que los hacemos de forma diferente al resto de empresas del sector, y quizá sea eso lo que nos diferencia y lo que hace que no tengamos competencia actualmente. También ofrecemos consultoría especializada de alto nivel. Adicionalmente, tenemos una pequeña línea de negocio dedicada a la formación.

El objetivo a corto plazo es ofrecer también producto, pero sobre esto , aunque está ya muy avanzado, todavía no puedo comentar mucho.

¿En qué os diferenciáis de vuestra competencia?
En varias cosas. Primero, intentamos ofrecer excelencia. En carlosrovira.com somos un equipo, pero es importantísimo cada persona y sus capacidades personales e individuales. Tenemos nuestras propias tecnologías y herramientas para mejorar la productividad. Esto, unido a la capacidad tecnológica, y a la metodología que seguimos, nos sirve para ofrecer un servicio óptimo.

También juega un papel importante la posición actual de ventaja con respecto a nuestro competidores, o las buenas relaciones con Adobe y sus ingenieros, para tener acceso al software que saldrá en la siguiente temporada, y estar varios pasos por delante tecnológicamente.

¿Cambia mucho la vida de un desarrollador cuando se convierte en empresario?
Totalmente, pero cambia todavía más cuando tienes un niño (risas). El ser empresario conlleva nuevas responsabilidades y obligaciones, y hay que esta a la altura para poder responder a todos esos retos. Si además se tiene pasión por el desarrollo y la tecnología, hay que intentar compaginar ambas facetas.

Teniendo en cuenta por ejemplo las tecnologías HTML, CSS, FLEX, FLASH, AIR, y cualquier lenguaje de servidor… imaginamos JSP, ¿Qué proyecto o proyectos a destacar consideras más sorprendente de los que has realizado?
Este año nos hemos centrado en seleccionar proyectos innovadores. Ahora que estamos terminando nuestra propia web queremos darles protagonismo en la misma.

Por ejemplo, GeoMetro, es un sistema de información cartográfico para Metro de Madrid, realizado con Flex y Java, y nuestra propia tecnología RIAlity, que posibilitará el consumo de los mapas de metro de forma rápida y efectiva desde el puesto de mando de la red. Sin duda, es una aplicación innovadora que soluciona el problema de manejar los cientos de mapas de la red, y que ofrece herramientas al personal de metro para hacer frente a números problemas del día a día, cuando se gestiona una red tan amplia como la de metro.

Tenemos más proyectos, pero espero que los podáis ver en breve en lo que será la nueva web de la empresa.

Termina esta frase: “El mayor valor de mi empresa es………………”

“…son los trabajadores”

En cuanto formación… ¿Crees que el estado de la formación actual ayuda a las personas que desean desarrollarse en esta profesión? ¿Qué ofertáis en Carlosrovira.com en este campo?
El estar al día tecnológicamente es complicado porque no paramos de evolucionar. Es una carrera que apenas admite descansos. Las empresas tienen que seguir siendo competitivas y, para ello, tienen que formar a su personal. La formación como tal suele ser un proceso costoso, en tiempo y en dinero. Desde carlosrovira.com intentamos, simplemente, ayudar a esas empresas que quieren formarse de forma más rápida acudiendo a profesionales que poseemos amplia experiencia en la tecnología y en formación.

Qué piensas de la innovación tecnológica por parte de cualquier desarrollador… ¿está todo inventado?
No! Siempre surgen nuevos retos y nuevas soluciones. Para prueba un botón: fijaos en la revolución 3D actual con todos los frameworks que están surgiendo en los últimos meses (Papervision, Away,…).

Antes de terminar y darte las gracias por tu amabilidad al atendernos, te damos carta blanca para que nos comentes lo que estimes oportuno.
Gracias a vosotros por contar conmigo para esta entrevista. Simplemente, desde aquí me gustaría animar a todo aquel que le guste este mundillo. Es realmente apasionante y divertido. Espero que podamos vernos por Made In Flex ;) .

www.carlosrovira.com


 Entrevista a Luis Manuel

 Archivado en: Entrevista — info @ Jul 14th, 2008
  • Nombre:
    Luis Manuel
  • Fecha de Nacimiento:
    12/09/1973
  • Lugar de Nacimiento:
    Palencia
  • Titulación Académica:
    Técnico Electrónica Industrial
  • Profesión:
    Mantenimiento Industrial
  • Web:
    http://www.bellotacreativa.es

¿A qué te dedicas actualmente?
Trabajo como operario de mantenimiento en la Industria Azucarera

¿Por qué has decidido dedicarte  al diseño web profesional?
Siempre he estado “enganchado” a la informática (mi primer ordenador fue un MSX) y después de hacer, recientemente, algunas web’s para conocidos en html me interesé por esas páginas que tenían contenido multimedia.  Entonces encontré el curso de Flash de Método Profesional.

¿Qué te ha llevado a matricularte en el curso de diseño web profesional de Método Profesional?
La verdad es que estuve cerca de 2 años buscando un curso que me convenciera de que iba a aprender realmente a utilizar esta herramienta. Cuando me encontré con Método Profesional supe que este era el curso que quería, y no me equivoqué.

¿Qué ha cambiado desde que eres alumno de este curso?
Si te digo la verdad, ha cambiado mucho. Por supuesto he aprendido a utilizar Flash y me siento diseñador, cosa que hace unos meses me era impensable imaginar. Pero además me ha cambiado en el plano personal, ya que he conocido gente fantástica, que me han hecho ver las cosas desde otra perspectiva.

¿Has realizado ya alguna web? ¿Cuál?
Pues he terminado el proyecto del curso, el cual ha sido una web para una empresa de ingeniería de Madrid, http://www.3renergiasyservicios.com y ahora estoy trabajando en un proyecto personal, el cual espero de sus frutos en breve.

¿De donde viene tu nombre comercial… Bellota Creativa?
La verdad es que ha sido casualidad. En principio, pensé como nombre comercial “macrobe”, ya que me gustaba el nombre y eran las tres iniciales de mis apellidos. Pero cuando fui a registrar el dominio descubrí que ya estaba registrado. Me puse en contacto con el propietario, ya que lo vendía, y me lo ofrecía por la módica cantidad de 1500$. Claro que esto es lógico, el nombre es la fusión de Macromedia y Adobe. Lo cierto es que al final utilicé mi tercer apellido ya que pienso que me puede dar bastante juego a nivel comercial.

¿Qué es lo que más te llama la atención de poder dedicarte al diseño web?
Desarrollarme como diseñador ya que estoy descubriendo que no se me da mal, y cuando terminas un trabajo la sensación de haberte realizado es estupenda. Claro que todo es debido a que uno trabaja en lo que le gusta, y eso es muy importante.

¿Qué tipo de páginas web te motivan?
Páginas minimalistas donde con muy poco se muestre todo el sentimiento y el mensaje que queremos ofrecer.

¿Qué cualidades personales piensas que debe atesorar una persona que quiera dedicarse al diseño web como profesional independiente?
Como cualidades personales destacaría el saber crear ya sea de cero, o como un buen amigo, crear arte a partir de arte. Por supuesto para ser profesional independiente tener la cabeza muy centrada ya que este mundo es muy duro y requiere de una buena dosis de fuerza psicológica, por lo menos en mi caso.

¿Cómo valorarías el estado actual de la oferta y demanda del sector del diseño web?
Pues ahora mismo creo que se deja notar un poco la dichosa crisis o como quieran llamarlo, pero creo que con un poco de tesón y sabiendo ofrecer el producto se pueden conseguir trabajos.

¿Cuánto cuesta una web de Bellota Creativa?
Depende de que necesidades tenga el cliente, así valoro el trabajo y presupuesto. Quizás un cliente puede pedirme un presupuesto pensando que se va a gastar una cantidad elevada y después de hablar conmigo cambiar esa idea.

¿Quiénes forman parte de tu lista de referencias en el mundo del diseño web?
Pues como no, Antonio y Javier, “los dos profes” que tienen una visión de mercado increíble. Después ex alumnos del curso como Rivera, Pereira, etc, que son un ejemplo a seguir, y alumnos actuales del curso de los que se aprende mucho, como Jesús Cordero o Antonio Velázquez.

¿Tienes mucha competencia en tu localidad?
Pues vivo en Sevilla, y en esta ciudad la verdad es que si hay competencia. También ya que soy de allí, estoy intentando encontrar mercado por Jerez y alrededores, donde la competencia no es como en Sevilla, pero también hay muy buenos profesionales.

¿Qué objetivos te marcas con Bellota Creativa?
Mis objetivos son en primer lugar ir dando pequeños pasos pero firmes. Estoy buscando clientes potenciales para ir desarrollándome como diseñador. Además tengo en mente algunos proyectos relacionados que espero fructifiquen.

¿En qué piensas que podrás diferenciarte de ella?
De quien?????? Si te refieres a mi competencia:
Intento siempre adaptarme lo máximo a las exigencias del cliente pero siempre intentando darle mi punto de vista y hacerle ver, si lo creo necesario, cual es la mejor solución para su negocio en lo que al diseño de una web se refiere.

¿Qué consideras que debe tener una página web para que sea exitosa?
Contenido específico y calidad.

¿Hasta qué punto lo consideras importante el posicionamiento en buscadores?
Es uno de los pilares principales de una buena web y por tanto de un negocio, que es de lo que se trata. Si hay un buen diseño y unos buenos contenidos, pero estos no están al alcance del internauta, de nada nos vale lo primero

Si pudieras elegir ¿Qué página te gustaría realizar?
La verdad, no me he planteado hasta hoy esa posibilidad. Pensando un poco, la página que me gustaría llegar a realizar es aquélla que tenga un diseño rompedor, minimalista y que fuese el centro de atención de las miradas

¿Consideras importante seguir formándote? ¿Por qué?
Creo que es muy importante. En este mundo, nunca es suficiente con lo que sabemos, hay que estar en constante evolución, o sino te quedas atrás

¿Qué opinas del estado de la formación tecnológica actual?
Falta mucho para poder encontrar un nivel alto de formadores en este ámbito. Por experiencia, te encuentras con formadores y empresas formadoras que parece que imparten cursos para cubrir expediente. Y esto lo digo con conocimiento de causa.

Te damos carta blanca….¿qué nos dirías?
¿A vosotros?, que sigáis creciendo y evolucionando, ya que sois un gran equipo y estáis ofreciendo algo que me atrevería a decir nadie ofrece hoy por hoy. El que pongáis casi todos vuestros conocimientos al alcance de la gente dice mucho de vosotros.

Una película: Cualquiera de Robert de Niro
Un libro: Cualquiera que en las 10 primeras páginas me enganche.
Un color: Azul o Negro
Un animal: El caballo
Una ciudad: Sagres
Una web: http://www.bellotacreativa.es (¿Hay que promocionarse un poco no?)
Algo que te inspire: Salir por el campo con la bicicleta de montaña
Algo imprescindible: Mi mujer y mis hijos.
Algo prescindible: La Televisión.
Flash o html: Flash!!
PC o Mac: Por ahora PC.


 Diseño web líquido con Flash… ¿cómo se hace?

 Archivado en: Flash, Tutoriales — info @ Jul 14th, 2008

¿Cómo se hace esto www.la-goya.com/home.html
o www.riflejeans.com/rifle2008/rifle.html?

Como podemos ver en las muestras, tienen una característica en común estas páginas. Y es la propiedad de adaptarse al tamaño del navegador.

A esta facultad se le llama diseño web líquido, y es mucho más habitual ver esto en páginas HTML formateadas por CSS, como www.amazon.com, pero aquí vamos a hacerlo para una web en Flash.

Básicamente sólo necesitamos de la clase Stage de Flash. Esta clase hace referencia a los límites de nuestra película, no al tamaño al que configuramos el proyecto o escenario, si no a todo el espacio que ocupa nuestro Flash cuando lo reproducimos.

Comenzamos definiendo nuestro proyecto a un tamaño de por ejemplo de 770 x 420, dentro de este espacio diseñamos nuestra interface. Nosotros hemos dibujado una barra superior a modo de menú, una barra inferior para incorporar algunos datos, un clip como fondo y en el centro un motivo que es donde podrían ir los contenidos.

En el fotograma que contendrá el código, escribimos:

Stage.align = “TL”

Con la propiedad align y como valor “TL” del Stage, situamos nuestro escenario en la esquina superior izquierda del reproductor o en navegador, siempre que el contenido de flash no esté escalado, controlado con Stage.scaleMode. Hay más valores para la propiedad align como “T” que consigue una alineación superior y centrada, puedes consultar todos los valores en la ayuda de Flash.

Flash se alinea por defecto al centro, horizontal y verticalmente, pero en este caso preferimos alinearlo al “TL” para que controlar las coordenadas sea más sencillo, y no dependa del tamaño del escenario, como de otra forma sería, dejando de este modo el 0,0 en la esquita superior izquierda.

La siguiente línea de código es:

Stage.scaleMode = “noScale”;

Con esto especificamos de que modo se va a escalar nuestra película. Con el valor “noScale” vamos a impedir que nuestra película se escale si modificamos el tamaño de la ventana del reproductor o navegador. Por defecto, Flash, incorpora el valor “showAll”  haciendo que la película se escale para ocupar todo el área del navegador, consiguiendo un resultado bastante inadecuado.

Llegamos al punto clave, y es detectar constantemente cuando se producen cambios en el tamaño del navegador. Para ello creamos un objeto Listener para detectar el evento onResize y se lo asignamos al Stage.

Creamos el listener y la función que se ejecutara al redimensionar el navegador:

var miListener:Object = new Object();
miListener.onResize = function() {
};

y le asignamos el listener al Stage:

Stage.addListener(miListener);

En el escenario dibujamos un texto dinámico y definimos la variable “text_info”

Dentro de la función onResize vamos a colocar todas las operaciones que queramos realizar cuando cambie el tamaño del navegador. Por lo tanto incluimos la siguiente línea de código dentro de la función:

text_info = “Tamaño del Stage: “+Stage.width+” x “+Stage.height;

y ejecutamos nuestra película.Como vemos, el texto se actualiza constantemente para mostrarnos el tamaño de la película.

Vamos a incluir algunas líneas más para interactuar con los elementos de la interface, todo dentro de la función onRezise

barrasup_mc._width = Stage.width;
barrainf_mc._width = Stage.width;

Igualamos el ancho de la barra superior y la inferior, al ancho del Stage.

barrainf_mc._y = Stage.height-barrainf_mc._height;

Alteramos la posición vertical (_y) de la barra inferior, para que se recoloque constantemente en la parte inferior.La imagen de nubes que tenemos como fondo, queremos que siempre ocupe la totalidad de la pantalla, para así decorar nuestra web, y no nos importa que se desforme. Por lo tanto igualamos la altura y el ancho al Stage:

fondo_mc._width = Stage.width;
fondo_mc._height = Stage.height;

Para el motivo central (el avión) que puede ser el contenido, vamos a mantenerlo centrado, pero vamos a controlar su desplazamiento mediante la clase Tween. El Tween es una clase de Flash que nos permite hacer interpolaciones de movimiento por código, con distintas funciones matemáticas de animación, quedando un resultado bastante atractivo.

Primero, importamos y definimos la función Tween:

import mx.transitions.Tween;
import mx.transitions.easing.*
mov_tw=function(clip,prop,inicio,fin){
new Tween(clip,prop, Strong.easeOut,inicio,fin, 25, false);
}

Volvemos a centrarnos en la función onResize, dentro escribimos:

mov_tw(foto_mc,”_x”,foto_mc._x,Stage.width/2);
mov_tw(foto_mc,”_y”,foto_mc._y,(Stage.height/2)+20);

Con estas líneas llámanos a la función y pasamos como parámetros la nueva posición respecto al tamaño del Stage.

En definitiva, nuestro código queda se la siguiente forma:

import mx.transitions.Tween;
import mx.transitions.easing.*
mov_tw=function(clip,prop,fin){
new Tween(clip,prop, Strong.easeOut,clip[prop],fin, 25, false);
}Stage.align = “TL”;
Stage.scaleMode = “noScale”;
var miListener:Object = new Object();
miListener.onResize = function() {
text_info = “Tamaño del Stage: “+Stage.width+” x “+Stage.height;
barrasup_mc._width = Stage.width;
barrainf_mc._width = Stage.width;
barrainf_mc._y = Stage.height-barrainf_mc._height;
fondo_mc._width = Stage.width;
fondo_mc._height = Stage.height;
mov_tw(foto_mc,”_x”,Stage.width/2);
mov_tw(foto_mc,”_y”,(Stage.height/2)+20);
};
Stage.addListener(miListener);

Como el objetivo final es una página web, nuestro HTML necesita ciertos retoques.Insertamos de forma habitual en el HTML el archivo .swf, y configuramos su alto y ancho al 100%

Vamos a incluir un poco de CSS en nuestro HTML:

Con esta regla también configuramos el alto y el ancho al 100% de lo elementos que van a contener al archivo.swf , las etiquetas html y body.

Si ahora ejecutamos el HTML dependiendo en qué navegador lo hagamos, es posible que observemos que la película flash no se adapta, hasta que no variemos el tamaño de la ventana del navegador. Algo muy lógico, recordando que la función responde al evento onResize.

Por lo tanto, en nuestro código de Flash incluimos la última línea:

miListener.onResize();

Que ejecuta directamente la función aún sin ser variado el tamaño, puesto que lo normal es que cualquier usuario abra la web al tamaño que desee, independientemente del original de nuestro SWF, por lo que al iniciar ha de saltar la función.

Con esto quedaría listo nuestro ejemplo de un flash líquido.

NOTAS: Un flash líquido, no siempre tiene unas reglas escritas. Como se han visto en este ejemplo, existen muchas formas de actuar con los objetos, por lo que primero, lo se que ha de estructurar, es pensar qué queremos que pase con cada uno de ellos (escalar, mover, etc.). También hay que tener en cuenta todo, y todos los tamaños, pero es posible que deseemos querer forzar la visualización a un mínimo de tamaño, tanto vertical como horizontal, ya sea desde el mismo flash, o forzándolo desde el html, con un scroll. Controlar absolutamente cada clip que deseemos tener en cuenta para su escalado, puede resultar largo, pero quedará un resultado bastante positivo.

Ver muestra

Desecargar archivos