ALCANCE UN NUEVO NIVEL DE CONOCIMIENTOS EN ACTIONSCRIPT 3.0 Y FLASH CS5 Se TOP VNU) Se a1) eS sole |FLASH: DESARROLLO PROFESIONAL ALCANCE UN NUEVO NIVEL DE CONOCIMIENTOS EN ACTIONSCRIPT 3.0 Y FLASH CS5 por Fabricio Juan Mouzo Lema, Mariano Makedonsky RedUSERSUSERS TITULO: Flash: desarrollo profesional AUTOR, Fabricio Mouzo, Mariano Makedonsky COLECCION: Manuales USERS FORMATO: 17x 24em PAGINAS: 320 Copyright © MMM. Es una publicecion de Fox Andina en eaedicién con DALAGA S.A. Hecho el depSsito que marca la ley 11723 Todos los derechos reservados. Esta pubicacién no puede ser reproducida ri en todo ni en parte, por ningtin medio actual o futuro sin el permiso previo y por escrito de Fox Andina S.A. Suinfracci¢n est’ penada por Iss leyes 11723 y 25446, La ectoral no asume responsabilidad alguna por cualquier consecuencia derivada de la fabricacién, funcionemiento y/o utiizacién de los servicios y productos que se describen y/o analizen. Todas las marcas mencionadas en este ibro son propiedad exclusiva de sus respectivos duefos.Impreso en Argentina. Libro de ocicién argentina, Primera imoresion reatzada en Sevagrat, Costa Rica 5226, Grand Bourg, Maivinas Argentinas, Pia. de Buenos Aires en XI, MNO. ISBN 978-987-1857-00-5 Mouzo Lema, Fabricio Juan Flash: desarrollo profesional / Fabricio Juan Mouzo Lema y Mariano Makedonsky. - 1a ed. Buenos Aires : Fox Andina; Dalaga, 201. v. 221, 320 p. ; 24x17 om. - (Manvial users) ISBN 978-987-1857-00-5 1. Informatica. |. Makedonsky, Mariano I Titulo cp 005i\ VIES re 2 VIP ree r) r \] Ewe U i, L UY) | / rrr EN NUESTRO SITIO PUEDE OBTENER, DE FORMA GRATUITA, UN CAPITULO DE CADA UNO DE LOS LIBROS EN VERSION PDF Y PREVIEW DIGITAL. ADEMAS, PODRA ACCEDER AL SUMARIO COMPLETO, LIBRO DE UN VISTAZO, IMAGENES AMPLIADAS DE TAPA Y CONTRATAPA Y MATERIAL ADICIONAL. RedUSERS @redusers.com ters terse Cece Te NN eUme em Met = oot ere eee eRe ere ets Co complementarios, ejercicios, glosarios, atajos de teclado y todos los elementos Ree eee ee ir mtu te cea nC igera acelin ecko ss Bs) ve4 SS PRELIMINARES Fabricio Mouzo, Mariano Makedonsky ‘ Fabricio Mouzo y Mariano Makedonsky son licenciados en Tecnologia Multimedial, graduados en la Universidad Maiménides Juntos llevan a cabo el proyecto #90ED, a través del cual brindan soluciones de comunicacion pensadas para distintos medios con un objetivo de experimentar y crear nuevas formas de interaccién Sitio Web www.90ed.net E-mails mouzofabricio@gmail.com mariano.makedonsky@gmail.com Dedicatoria A los incondicionales: la familia y los amigos. Agradecimientos Ala familia, a los amigos por el apoyo de siempre. A toda la gente que confia sus desarrollos a #90ED. A los docentes y a toda la gente de multimedia de la Universidad Maiménides. A Pedro Paleo y a Maria Ledesma, por guiarnos durante el desarrollo de esta obra; y a Nicolas Kestelboim, Diego Spaciuk y Claudio Pefia, por hacer mas sencillo nuestro trabajo desde la editorial. Un especial agradecimiento a Daniel Granatta, por escribir el prologo de esta obra: el hecho de que una de las personas que mas nos influyeron en nuestro crecimiento profesional hoy forme parte de estas paginas nos llena de orgullo. A Chuck, por compartir su sabiduria; y a Pachi, por compartir sus silencios. A todos los lectores de esta obra, que dedicaron unos minutos a esta pagina. >> wwwredusers.comFLASH: DESARROLLO PROFESIONAL USERS TE} Prologo Amado y denostado en partes iguales, Flash debe de ser, en software, lo que son las grandes y controvertidas estrellas musicales como Michael Jackson o Lady Gaga. Amado, por sus seguidores, porque siempre ofrecié la mas completa solucién a la diversidad de navegadores y versiones existentes en el mercado, con la complejidad que eso acarreaba, para conseguir que un mismo contenido pudiera ser visto de la misma manera por cualquier usuario. Denostado, por sus detractores, porque Flash siempre tuvo. algo que podia ser reprochado, aunque, en general, cada una de esas carencias fuera solucionada en la siguiente version. Siempre intentando abarcar todo lo posible en cuanto a la generacion de contenidos para ser vistos en su pantalla, la historia de Flash es la de una carrera contra si mismo, contraponiendo sus muchas virtudes a sus pocos defectos. En este libro el lector encontrar la informacién necesaria para colocarse un nivel de conocimiento por encima; aquel en el que vera a Flash como una herramienta para dar cuerpo a ideas creativas & Steve Jobs, en su célebre discurso de bienvenida a una de las generaciones de nuevo ingreso en la Universidad de Stanford de hace unos aiios, cuenta tres historias. En una de ellas narra una serie de hechos de su juventud, que derivaron en la creacién de alguno de los maravillosos productos que su compafiia lanz6 afios después. El relato, sin embargo, cobra sentido al explicar su protagonista que es mirando hacia atrés como uno reconoce y comprende la importancia que, para el momento presente, tiene cada uno de esos hechos del pasado, una serie de puntos interconectados en la vida de cada uno. Y eso es justamente lo que es este libro: uno de esos puntos que enlazan lo que usted, lector, es hoy, antes de leer este libro, con lo que sera dentro de cuatro, cinco o diez afios, habiendo hecho muchas cosas con lo que haya aprendido en este texto. El qué es un misterio que le corresponde desvelar a usted, pero no podré negar lo apasionante del reto. Buena lectura, jy buen viaje! Daniel Granatta Director General Creativo JWT México @danigranatta www.redusers.com <€6 SS PRELIMINARES El libro de un vistazo El libro que tienen en sus manos propone ir un paso més alld en lo que respecta al desarrollo en ActionScript 3.0. Cuando maduramos profesional- mente, hace falta tener conocimientos que acorten esa brecha generada por la falta de informacién y escasez de recursos. Este libro pretende ser ese salto de calidad, apostando a pensar de manera profesional los desarrollos en todos sus aspectos, y aplicando los conocimientos adquiridos en la crea- cion de un espacio de trabajo optimizado para futures desarrollos. *O ve’ CONSIDERACIONES INICIALES Este capitulo propone hacer una revision de lo ‘que fue, de lo que es y de lo que sera Flash, También se analiza la impicancia de nuevas tecnologias, como es el caso de HTMLS, y la relevancia que cobra el inminente arribo de los dspositves 2 la industria con la posibiidad de visualizar contenido generado por Flash xO vee ae ea eee as Antes de comenzar con la creacién de un espacio de trabajo, es necesario hacer un Televamiento de las tecnologias, addons, plugins y clases disponibles que nos serén de ayuda a lo largo del resto de! desarrollo y formaran parte de nuestro framework. ko “ue Picea eee En este capitulo abarcamos uno de jos temas més importantes de este libro: sentaremos las. bases respecto ala manera de organizar los proyectos para que sus paquetes y clases sean >> wwwredusers.com reutiizables, el espacio de trabajo sea escalable, y sea posible contar con un orden que nos ermta manejarnos de modo proiijo y iudo. A wee Bali cae en ‘Analizamos aqui algunos de los recursos con los que contamos para hacer que nuestras peliculas Flash sean visibles para los motores de busqueda: algunas técnicas son propias de la plataforma, y otras son externas, como es el caso dela creacién de contenido alternative utiizando JavaScript (SWFObject), HTML y PHP. xq “ev Cea ass ee IEG ‘A’ pensar en la creacién de un entorno escalable y teutiizable, no podemios dejar de lado el tratamiento de dos conceptos imprescindibies para afrontar nuestros desarrollos de una ‘mejor manera: cubrimos aqui las ventaias de la Programacion Orientada a Objetos y la importancia de los patrones de disefio, en especial, de MVC y Singleton.FLASH: DESARROLLO PROFESIONAL *neE vee Pee ey En este capitulo explcamas las ventajas de emplear crterios de usabidad y accesibilidad enlos desarrollos afin de brindar una mejor experiencia de usuario. Realizamos un abordaje de varias técricas pare obtener mejores resultados: desde SWFAddress para la navegacisn, hasta los sharedobjects de Flash para recortar el estado de la aplicacién, *G Paar pe RRO ae iL Dy eur *n¢ “ve CaO EN Independientemente de! tino de desarrollo que llevemos a cabo, los conceptos de este capitulo son itles ante cualquier situacién ue nos proponga Flash: veremos de qué manera optimizer procesos y obtener un buen rendimiento y performance, centréndonos en elrendimiento de los FPS y el consumo de memoria de nuestro desarrollo. “wei Cee rumen Tam Gad En este capitulo realizaremos un abordaje de conceptos referidos al disefio de interfaces para cispositves y de las implcancias que ‘tuvo la salda de Flash Player 10.1 y 10.2. ‘Analizamos las ventajas de contar con tantas, Plataformas aptas para el desarrallo y, a su vez, las limitaciones que cada una de ellas propone desde su entorno, prestaciones y recursos. Este capitulo presenta un cierte practico, a través del cual, por medio de un ejemplo real, vemos como implementar en un trico desarrollo todo lo que hemos incorporado y aprendido a lo largo de este libro. También Vveremos cémo queda articulado nuestro espacio de trabajo a fin de poder reutlizar su contenido en los proyectos generados. aa Ee kee eee Alo largo de este manual padremos encontrar una serie de recuacros que nos brindaran informacién complemen taria: curiosidades, trucos, ideas y consejos sobre los temas tratados. Para poder reconocerlos fécilmente, cada recuadro esta identificado con diferentes iconos: ‘CURIOSIDADES. ATENCION EIDEAS DATOS UTILES YNOVEDADES: 10s WEB www.redusers.com <€EMEUSERS| Contenido Sobre el autor. Prologo El libro en un vistazo .. Informacion complementaria, Inroduccic * Consideraciones iniciales Destinatarios del libro. {Tocos debenimolementar el modelo ce deserollo que proponemos? 15 {No quiero programar! > wwwredusers.com PRELIMINARES * Estructura y contenido preliminar ‘Nuestro propio espacio de trabajo. iCual es el alcance del framework por desarrolia? 29 Req 0 Servidor local y seridor online... v3 Desarrollo deste a IDE: Flash CSS. senecdh Escritura de eédigo: FlashDevelop. 31 Organizacién de proyectos .... Navegadores, plugins y ade-ons.. Debugging de contenidos Clases y contenido externo de nuestro framework as3CoreLib, 45 greenSock (TweenLite, ‘Tweentax, ete). asual (SWFACAres9) . 46 SWF Object. nnn : a) NbSPAH.2S wasnnenmnimmonennannanmmninnn A Reutilizacion y escalabilidad Importancia en ta organizacion de un proyecto Paquete myPackages... Paquete project. - 53 Paquete wsersFramework.. XML para crear un sitio en Flash.. Nod Site Nocios page. 61 Archivos XML, .FLA, SWF y .AS..FLASH: DESARROLLO PROFESIONAL Estructura XML, Archivos .FLA... Archivos .AS. ~ 68 Resumen.. 3 Actividades. * SEO en Flash: posicionamiento Flash y SEO: mitos y verdades.. UE! contenido generado en Flash es indexable por los buscadores? EI contenido de Flash es malo para los buscadores? 7 Crear contenido en Flash para SEO Flash Metadata. Flash Metadats iQue es SWFOBjeCE? na 7 al ‘SWF Object: publicacion ‘estética y publicacion dinamiea ...o. 84 Paublicacion estatica. Publicacion cnamica Deteccién de la version de FlashPlayer. Adobe Express Install Consideraciones sabre el HTML de nuestro sitio Titulo del sito: tag -