Categories
Comandos Tutoriales

Videotutorial JSFL – Comando Save and Test

Bievenidos nuevamente. Desde el año pasado que nos posteo nada, así que aprovecho este momento para desearon un gran año con mucho trabajo, nuevo retos, proyectos interesante y mucho aprendizaje. Vale, vale, también con mucha, muchísima felicidad 😀

INTRODUCCIÓN

En esta ocasión no habrá mucho texto ya que todo lo he hecho en video, así que este también es mi primer videotutorial, espero migrar poco a poco algunos de los post a este formato.

Eso si, contaré rápidamente que veremos y para que sirve esto. Es un comando para Guardar el documento y Probar la película, es como hacer CRT+S y CTR+ENTER, pero de una sola vez. Además y creo que esto es de lo más importante, veremos como modificar los atajos de teclado para sustituir el atajo CTR+ENTER para que ejecute nuestro comando.

DESCARGAS

Bueno, las descargas son en este caso son:

  • Extensión auto instalable mediante Adobe Extensión Manager. Comando Save and Test MXP.
  • Comando fichero JSFL para el que lo quiera instalar a mano.

AGRADECIMIENTOS

En esta ocasión quiero agradecer a mi amigo Iván que me ayudó a montar el video y sobre todo a Juan quien me permitió utilizar su creación musical para ponerla de fondo.

Categories
eLearning Formación

e-Learning (Formación) – Recurso “Quitasiestas”

INTRODUCCIÓN

Los quitasiestas son recursos pedagógicos. En ocasiones se emplean para relajar e invitar a la reflexión entre otras cosas, esto con el fin de entrar en materia. Habitualmente los quitasiestas son actividades lúdicas.

Uff eso ni siquiera lo entiendo yo y eso que lo acabo de escribir. Veamos, intentaré explicarlo otra vez, bueno, antes de eso debería preguntarme si se lo que quiero decir, uhmmm … si, si se lo que quiero decir.

Bueno, pues borrón y cuenta nueva, empecemos otra vez con la definición de quitasiestas. Si lo buscamos en san google no encontraremos gran cosa a las buenas, tenemos que hacer búsquedas avanzadas y en ocasiones los resultados que conseguimos no son los esperados. Esto es debido a que “el quitasiestas” es más un concepto que engloba actividades y procesos. Quizá nos ayude saber su traducción al inglés ya que en ésta lengua habitualmente se encuentra más información, en inglés se llama “brain breaks“.

DEFINICIÓN

Esta es la primera definición que encontré en google, y por lo que veo Rosa Doñate lo explica mucho mejor que yo, así que os la pongo a continuación:

La siesta es uno de los grandes descubrimientos españoles, que suele manifestarse tras una copiosa comida, especialmente si es de trabajo, y cuyo menú está basado en la saludable dieta mediterránea. Pero, su carencia o la imposibilidad de llevarla a cabo a veces genera situaciones incómodas en las reuniones de trabajo. Te propongo unos pequeños ejercicios que ayudarán a tu equipo a que la circulación sanguínea no fluya únicamente en el estómago. Si además le unes cierta dosis de competitividad entre los asistentes, verás como nuevamente hay alguien que te escucha.

Todos los que hemos jugado a varios videojuegos o que hemos asistido a jornadas de formación presencial y en ocasiones online alguna vez nos abremos topado con estas actividades, así que vamos a darle forma a una de las aplicaciones del quitasiestas.

EJEMPLO

Por ejemplo, en la imagen que se muestra a continuación ¿cuántos cuadros ves?

quitasiestas cajas

EXPLICACIÓN

Este es un quitasiestas que probablemente se ha explotado en el mundo del marketing por su sencillez ya que la actividad es a simple vista muy fácil y cualquiera es capaz de contar y decirnos cuantos cuadros ve. Además esta actividad propone un reto. Estos dos puntos son un fuerte gancho para conseguir la atención del usuario.

Pero hagamos un alto y recordemos de donde estamos. Estamos en el mundo de la formación y sobre todo estamos utilizando un recurso pedagógico, por consiguiente esta actividad tiene que servirle de algo al usuario, además claro de entretenerlo. El aportar valor al usuario es através de otro gran recurso de la formación, me refiero al FEEDBACK.

Una vez finalizada la actividad vamos a darle un feedback al usuario sobre lo que nos venga a cuento en el ámbito …

contexto, perdonen, jejeje, esto de la programación me hace hablar en modo desarrollador cuando en principio no estoy en ese modo.

… en que se desarrolla la formación. Por ejemplo hablando de la agilidad mental, de la capacidad de observación o como dice Rafiqui en “El rey león 3” “debes ir más allá de lo que ves” o algo que haga reflexionar a los alumnos, porque este es otro recurso y quiza el más importante de la formación, la REFLEXIÓN.

Bueno, ahora si voy a cortar el rollo… NOOOOO que todavía quedan cosas por ver o por intentar dejar más claras.

USOS

El quitasiestas como su nombre indica, jejeje, se puede (algunos opinan que se debe) utilizar en una jornada presencial después de la comida o de una descanso largo.

Otro uso es para utilizarlo como PUENTE para conectar una unidad o un tema muy largo o con mucha información; con el siguiente contenido.

Pero el uso que podemos darle en la formación online es mucho mayor porque tenemos la interactividad, el acceso a información del usuario y al mismo tiempo información de los usuarios que se están formando en el mismo grupo.

CONLCUSIÓN

El quitasiestas se suma a los recursos que ya tenemos como base en la formación online o presencial. Es importante utilizarlos en su momento y siempre con un fin definido para no saturar, aburrir o cansar al usuario.

DESPEDIDA

No lo había dicho antes, pero este es el primer post que escribo en la nueva categoría de formación, en ésta pienso escribir sobre elearning y presencial, sobre los recursos, técnicas, trucos y las cosas que vaya viendo, viviendo o que considere importantes.

Saludos y que paséis un excelente fin de semana y puente los que os encontréis en España.

Y ya está, alguien se anima a decirme cuantos cuadros ve.

UPDATE 2009/12/14

He creado un SWF donde se explica la solución de éste quitasiestas.

Categories
Familia

Mis otros YO – El deporte

sal a mojarte

No todo en esta vida es trabajo, también existen momentos de relajación, bueno, hay a quien el trabajo le sierve para relajarse, también hay a quien le gusta el trabajo, yo me encuentro en estos dos últimos grupos, pero aún así hay un momento en el que tienes que desconectar o volver a conectar contigo mismo, con tu yo interior o con otra parte de tí mismo.

En mi caso tengo varios YO, por ejemplo está el YO de los videojuegos, el YO del ejercicio, el YO de la música, el YO de la lectura, el YO del cine, el YO de las series, el YO de la familia, el YO del trabajo y así podríamos seguir. Pero bueno, cada quien tienes sus respectivos YO. En esta ocasión voy a hablar escribir, sobre otro YO que habitualmente no aparece por aquí.

El YO de los deportes

Desde pequeño gracias a la educación que me dieron mi padre y mi madre, he estado muy ligado a algún deporte. Cuando era un chamaco (como se dice en México) me gustaba jugar beisbol y hacer acrobacias en bicicleta, luego seguí con las patinetas (monopatín aquí en España) y jugar en rampas, tanto con bicicleta como en patineta, luego descubrí el voley bol y esa fué una etapa muy bonita, más tarde conocería y me adentraría en el basket ball (baloncesto como se dice aquí en España) durante esta etapa conocí muchos amigos, pasé tardes, noches y fines de semana jugando hasta que nos quedábamos sin luz o los vecinos salian y teníamos que parar. Bueno, esto también fué muy bueno, luego el fútbol que es un clásico y el cual jugué mucho con mi padre, mis hermanos y amigos del colegio. Y luego gracias a mi hermano mayor Sergio, entró a mi vida algo que hasta hoy llevo muy adentro en el corazón, llegó el Frontón, este bello deporte en el que afortunadamente tuve la oportunidad de compartir con dignos contrincantes y amigos que me enseñaron y me inspiraron a seguir adelante. Este deporte lamentablemente se cortó prácticamente de golpe cuando vine a vivir a España, pues aquí aunque hay Frontón, no he conocido (bueno, está bien, en Tenerife si, pero eso no vale porque ahora vivo en Aranjuez) gente que juegue con la pelota olímpica y eso es un punto muy importante.

Pero bueno, no todo acaba ahí, porque aquí descubrí el Padel, deporte que se parece bastante en cuanto a técnica de golpe al Frontón y que se me ha dado bien y he podido pasar ratos muy agradables con amigos. También descubrí la magia de correr, sí, correr, pero en serio; desde millas urbanas hasta medias maratones, aunque me estuve preparando durante 6 meses nunca llegué a correr un maratón, ese lo tengo pendiente todavía 😛

Otro deporte que me estoy saltando y que disfruté muchísimo con mis hermanos y amigos desde el bachillerato es el ping pong (o tenis de mesa, como le llaman aquí en España), este lo sigo practicando actualmente y estoy inscrito en una liga en Aranjuez, que por cierto, este fin de semana ha sido malo, 🙁 he perdido dos partidos. La verdad es que mis contrincantes eran buenos y esta derrota me hace reflexionar sobre ciertos puntos que tengo que mejorar, pero vamos, que por muy bien que me quiera tomar las cosas “una derrota es una derrota”, jejeje.

A ver qué más, que más… ah claro, hace poco y gracias a un amigo del trabajo he retomado el beisbol, pues me apunté a la escuela de beisbol de Madrid, sí, hay una y está en el polideportivo de la Elipa. Los martes y jueves de 20:30 a 21:30. La verdad es que ir a una escuela es muy distinto que jugar con los amigos, pues te tomas las cosas más en serio y sobre todo “aprendes” un montón.

Un deporte que ya forma parte de mi modo de vida y que lo veo más como medio de transporte, por lo menos entre semana, es la bicicleta, pues la utilizo para ir desde casa hasta la estación de tren por la mañana. Luego, cuando vuelvo por la tarde doy marcha atrás y voy de la estación de tren hasta la casa. En total es poca distancia, unos 5 kilometros diarios. Pero bueno, la parte que es realmente deporte son los paseos de fin de semana que hago por lo menos 20 kilómetros.

HISTORIA DEL FIN DE SEMANA

Justamente este fin de semana, tengo una historia muy divertida que contar, pues con las lluvias que tuvimos parecía que no podría salir, pero eso es sólo para los que no tienen ganas de vivir aventuras, jejeje; así fué que, cuando la lluvía era una pequeña tormenta con mucho viento y gotas casi del tamaño de guisantes, le dije a mi querido Tuti si quería ir a mojarse un rato, su respuesta fué lo mejor: “claro que sí papi“. Entonces empezó la aventura.

Nos fuimos a la montaña que está cerca de casa, mojándonos durante el camino y pasando por todos los charcos posibles. Recuerdo que Tuti me decía entre carcajadas: “ayy Papi me mojan las ruedas, ¡¡¡es divertido!!!” :D. Sí, la verdad es que es divertido y por lo menos a mí también me gusta, estoy seguro que habrá a quien no le haga gracia, pero seguro que tampoco saldría a mojarse, jejeje. Bueno, pues ya en la montaña subimos y bajamos por los terrenos más accidentados que encontramos para resbalarnos. Quién alguna vez haya hecho algo parecido sabrá cómo se pone el suelo. Sí, así es, la tierra al entrar en contacto con la lluvia se transforma en barro ; ) y eso hace que se patinen las ruedas y se peguen a éstas y al calzado. Así que terminamos prácticamente envueltos en una capa de barro, a tal grado, que las bicicletas ya no avanzaban y tuvimos que cargarlas hasta que conseguimos volver al suelo asfaltado y ahí quitamos el exceso de barro.

Durante el camino de vuelta a casa Tuti y yo quedamos en que la próxima vez que vuelva a llover así, saldremos a mojarnos otra vez e intentaremos hacer mejor el recorrido, porque justo cuando se estaba poniendo bueno, las bicicletas dejaron de funcionar, jejeje.

CONCLUSIÓN

Bueno, si tengo que escribir alguna conclusión sobre ésto que escribo, seguro es recomendar que hagan ejercicio, es muy bueno para la salud y sobre todo para desconectar o para conectar,como a veces me pasa, jejeje. También invitarlos a mojarse cuando la lluvia este fuerte y mejor si tienen algún sitio cerca donde se pueda formar barro, eso no tiene precio,os lo aseguro, es una gran experiencia.

NOTAS

Tuti es mi hijo de 7 años, que con esa edad ya me ha acompañado a paseos de 30 kilometros en bicicleta. Guauuu! El primer paseo largo en biciclea que recuerdo, fue un trayecto entre Xalapa y Coatepec con mi padres y mis hermanos, acompañado por un amigo que iba con nosotros en coche. Sólo fueron 9 kilometros, no estoy seguro, pero creo que tendría unos 9 años.

Si alguién de Madrid o alrededores (si es de Aranjuez mejor que mejor, jejeje :P) lee este post y está interesado en jugar o aprender a jugar frontón con pelota olímpica que se ponga en contacto directo conmigo porque podríamos empezar una buena relación frontenística, jejeje. 😀

Ahora si, aquí lo dejo.

Categories
Flex JSFL Paneles Tutoriales

Tutorial JSFL – Creación de Paneles con Flex 2ª parte

Bienvenidos a este nuevo tutorial de jsfl, en esta ocasión continuaremos viendo los Paneles y como desarrollarlos con Adobe Flex.

INTRODUCCIÓN

Si recordamos el anterior post dónde empezamos a hablar sobre el uso de Flex para desarrollar Paneles y teniendo en cuenta que a mi querido amigo Jorge no le acabó de convencer :P.

Tweet de solisargBueno para ser sinceros hay que contar la historia completa, no le acabó de convencer al principio, luego al ver de que se trataba ya le gustó:

Ahora si, ya veo de que se trataba ese tweet

A continuación veremos como hacer mucho más, veremos como utilizar las bondades de Flex para crear fácilmente ricas interfaces y como comunicarlo con JSFL para ejecutar las tareas que nos interesen.

En esta ocasión espero que os guste a todos 😛

DESARROLLO

PARTE FLEX

En el post anterior vimos como utilizar el método MMExecute para poder ejecutar código JSFL desde nuestras películas swf, pero para los que somos un poco especiales a la hora de programar y que nos gusta tener las cosas organizadas, separadas, modularizadas para poder escalarlas fácilmente y reutilizarlasuyy ya me fuí por las ramas … bueno, el tema es que no es la mejor solución mezclar la lógica JSFL con el interfaz, porque hacer cambios y probar puedes ser mortal y generar muchos errores así como una enorme pérdida de tiempo.

Bueno, lo anterior sirve de introducción para presentarles el método runScript del objeto fl, este método nos permite desde código JSFL ejecutar un script externo al código. Este método recibe como parámetro obligatorio la ruta del script JSFL que deseamos ejectuar, como parámetros opcionales el nombre del método y los parámetros que enviamos al método.

fl.runScript("file:///C|/testScript.jsfl", "testFunct", 10, 1);

Además vamos a utilizar la propiedad configURI del objeto fl, esta propiedad nos devuelve el path del usuario del directorio Configuration expresado en formato file:/// , en el cual encontramos los directorios Commands y WindowSWF por ejemplo. Y esto lo queremos para hacer algo parecido a esto:

fl.runScript( fl.configURI + "Commands/Test.jsfl" );

Bueno, esto nos servirá al final para poder ejecutar desde nuestras aplicaciones Flex código JSFL que tengamos centralizado en la carpeta Commands por ejemplo, algo parecido a lo siguiente:

MMExecute('fl.runScript(fl.configURI + "Commands/Test.jsfl", "testFunct", 10, 1)');

Vale, hasta ahora vamos bien. Todo lo que hemos visto lo vamos a utilizar para crear una panel que particularmente me resulta muy útil. Crearemos el Panel Gallery.

PARTE JSFL

Ahora si vamos que se va a poner bueno el tema. Jejeje, es necesario un poco de relax porque sino resulta difícil leer y escribir también, porque aquí somos dos, tu querido lector y yo.

Lo que pasa es que está semana ha empezado bien, pero de pronto el lunes por la noche nos dimos cuenta que ya no quedaban más episodios de la 4ª temporada de Dexter por ver, así que nos pusimos a buscar algo más y encontramos la 5ª temporada de Héroes, así que estas noches me han tenido un poco entre la serie y escribir, preparar y desarrollar este tutorial. Bueno ya que nos relajamos y hablamos un poco, creo que podemos continuar.

Ya por último y para terminar con este pequeño lapso de relax, quiero recomendar una serie súper interesante que vi hace poco, me refiero a Defying gravity, este es otro de los tesoros que he descubierto gracias a Twitter.

Panel Gallery, este panel sirve para tener un pequeño visor de imágenes del directorio que configuremos en nuestro equipo dentro de Flash, desde ahí podemos ver, seleccionar e importar las imágenes que deseemos al documento que estemos editando.

Para desarrollar este panel necesitaremos obtener la ruta de la carpeta que deseamos visualizar, esto lo podemos hacer con el método browseForFolderURL del objeto fl, este método recibe como parámetro una cadena en la que especificamos el mensaje que mostrará al usuario y nos devolverá la ruta que especifique el usuario en formato file:///. Por ejemplo:

var folderURI = fl.browseForFolderURL("Select a folder.");

Una vez que tenemos la ruta lo siguiente es listar las imágenes que tenemos en ese directorio, esto lo hacemos con el método listFolder del objeto FLfile, este método recibe como parámetro obligatorio la ruta de la cual queremos listar directorio o imágenes (en nuestro caso es la ruta que obtuvimos en el paso anterior) y como parámetro opcional indicamos el tipo de lista que deseamos, los valores admitidos son: “files” o “directories“. En nuestro caso utilizaremos “files“, pero no sólo eso, el primer parámetro también nos permite añadir una máscara para que la búsqueda filtre por un tipo de fichero, está máscara funciona igual que en un terminal, por ejemplo la máscara que utilizaremos nosotros será: “*.jpg“. El ejemplo quedaría de la siguiente forma:

var fileMask = "*.jpg";
var list = FLfile.listFolder(folderURI + "/" + fileMask, "files");

Ahora si ya estamos muy cerca. Bueno, una vez que obtenemos la lista de imágenes vamos a almacenarlas en un componente Tree para mostrarlas al usuario y para facilitar el uso utilizaremos el evento change para cargar la imagen seleccionada y mostrarla en un componente Image, por último utilizaremos el evento click del componente Image para importar la imagen seleccionada al documento fla. Esto último lo hacemos con el método importFile del objeto Document, este método recibe como parámetro obligatorio la ruta del fichero que deseamos importar en formato file:///, y como parámetro opcional un valor booleano que indica si deseamos importar el fichero a la biblioteca o no, el valor por defecto es false y lo que hace es importarla a la biblioteca y además instanciarla en el escenario. Por ejemplo:

fl.getDocumentDOM.importFile(URI);

Y con esto lo hemos resuelto. YATA!!!

NOTAS

Para acompañar este tutorial y como premio por haberte leído todo he creado como es habitual un fichero de ejemplo, pero con unas perlitas extras de funcionalidad.

He dividido el panel en 4 partes:

  • Document, encontraremos herramientas para modificar on the fly el color de fondo del documento y las dimensiones.
  • Gallery, el resultado del tutorial que hemos explicado.
  • Library, una herramienta para renombrar varios items de la biblioteca al mismo tiempo, pudiendo añadir prefijo, sufijo o modificar completamente el nombre.
  • Utils, un botón para recargar las herramientas, muy útil cuando se desarrollan Tools (herramientas) con JSFL.

Disculpad el desorden del post, es lo que tiene escribir a ratos en el tren y por la noche mientras se ven series. En un principio tenía una idea de como quería escribir un post, pero eso fue hace tanto tiempo que al final tenía otra idea diferente, así que las cosas han salido como la pueden ver aquí. Espero que os sea de utilidad.

DESCARGAS

Bueno, las descargas son en este caso son:

  • Extensión auto instalable mediante Adobe Extensión Manager. Panel nomeva MXP.
  • Paquete ZIP con Panel swf y ficheros JSFL necesarios para instalar manualmente el Panel.
  • Proyecto Flex con todo el código necesario para compilar y ver las tripas del Panel.

EJEMPLO

Ejemplo Panel nomeva – Flex + JSFL 2ª parte from Luis Adrián Rosas Wiedfeldt on Vimeo.

ALGO MÁS

Si, lo único que falta son vuestros comentarios, opiniones para tener un feedback y saber que os gusta y que os disgusta, jejeje.

Entradas relacionadas

Categories
Flash JSFL Paneles

Tutorial JSFL – MMExecute, creación de Panel con Flex

Bienvenidos, en esta ocasión retomaremos el tema de los Paneles pero enfocado a su creación mediante Adobe Flex.

Antes o después de leer este tutorial sería interesante leer el este otro post sobre la introducción a la creación de Paneles.

INTRODUCCIÓN

La idea es crear un panel que nos ayude a modificar el fondo del documento FLA, pero más rápidamente, si, sé que cambiar el fondo del documento es muy fácil, pero soy un poco maniático y la verdad tener que abrir una ventana, seleccionar un color y luego dar click en aceptar son muchos pasos, me gustaría algo mucho más rápido, algo como hacer rollOver sobre un componente ColorPicker y listo.

DESARROLLO

Para ejecutar código JSFL en una película swf generada con Flex utilizaremos el método MMExecute que encontramos en el paquete adobe.utils por ejemplo:

import adobe.utils.MMExecute;
MMExecute("jsfl code");

El método MMExecute recibe un parámetro de tipo String en el cual indicaremos el código JSFL que deseamos ejecutar. Además devuelve un valor también de tipo String que es la representación en cadena del resultado de la ejecución del código.

Parte JSFL

Vale, ahora que sabemos como ejecutar código JSFL necesitamos saber que código ejecutar. Lo que queremos modificar es una propiedad del documento FLA, así es que antes que otra cosa debemos obtener una referencia al documento, esto lo hacemos con el siguiente código:

var oDoc = fl.getDocumentDOM();

Y para acceder y modificar el color de fondo utilizamos la propiedad backgroundColor que es de lectura y escritura:

oDoc.backgroundColor

Listo, por lo menos la parte de JSFL, ahora tenemos que integrar este código en una aplicación Flex.

Parte FLEX

Utilizaremos un componente ColorPicker este componente entre otras cosas emite los eventos:

  • change
  • close
  • itemRollOver
  • itemRollOut
  • open

Los que en nuestro caso nos interesan son los eventos change e itemRollOver así que como en cualquier otra aplicación utilizamos el siguiente código:

<mx:ColorPicker id="cpBackgroundColor" x="89" y="10" change="onChange(event);" itemRollOver="onItemRollOver(event);" />

Ahora simplemente en los métodos onChange y onItemRollOver es donde tendremos que utilizar el método MMExecute de la siguiente manera:

import mx.events.ColorPickerEvent;
import adobe.utils.MMExecute;

private function onChange(_oEvent:ColorPickerEvent):void
{
    if (this.isDocumentExists())
        MMExecute("fl.getDocumentDOM().backgroundColor = Number(" + _oEvent.color + ");");
}

private function onItemRollOver(_oEvent:ColorPickerEvent):void
{
    if (this.isDocumentExists())
        MMExecute("fl.getDocumentDOM().backgroundColor = Number(" + _oEvent.color + ");");
}

private function isDocumentExists():Boolean
{
    var ret:Boolean = false;
    if (MMExecute("fl.getDocumentDOM();") != "null")
        ret = true;

    return ret;
}

INSTALACIÓN

Listo, el resultado no lo podremos ver en ejecución a menos que llevemos el swf resultante a la carpeta de Paneles de Flash, es decir al directorio WindowSWF dentro del directorio Configuration de la instalación.

Según el sistema operativo:

Windows® VistaTM:

  • unidad de arranque\Users\nombre de usuario\Local Settings\Application Data\Adobe\Flash

CS4\idioma\Configuration\

Windows XP:

  • unidad de arranque\Documents and Settings\nombre de usuario\Local Settings\Application Data\Adobe\Flash CS4\idioma\Configuration\

Mac OS® X:

  • Macintosh HD/Usuarios/nombre de usuario/Librería/Application Support/Adobe/Flash

CS4/idioma/Configuration/

EJECUCIÓN

Para ejecutar el Panel debemos acceder al menú Ventana -> Otros paneles -> Change Background Color a continuación un ejemplo de como ejecutar y su funcionamiento:

Ver ejemplo

DESCARGAS

Como es habitual a continuación podéis descargar los fuentes y el instalador del Panel:

  • Fichero MXML de Flex por si te interesa ver el código.
  • Fichero SWF del Panel para instalar manualmente el Panel.
  • Instalador MXP del Panel para instalar automáticamente la extensión.

Saludos, cualquier duda o comentario será bienvenido.

Entradas relacionadas

Categories
Comandos Flash JSFL

Tutorial JSFL – Embeber fuentes y panel Historial

INTRODUCCIÓN

El objetivo de JSFL es ayudar a agilizar el proceso de edición en Adobe Flash Professional. Pero, ¿qué quiere decir esto? bueno, eso nos lo responde la ayuda de Ampliación de Flash CS4 Professional con ejemplos tales como automatizar tareas repetitivas o la creación de herramientas personalizadas.

La API JavaScript permite escribir scripts para aplicaciones Flash que ayudan a agilizar el proceso de edición. Por ejemplo, se pueden escribir scripts para automatizar tareas repetitivas o añadir herramientas personalizadas al panel Herramientas.

TUTORIAL

En este tutorial vamos a ver como automatizar una tarea muy habitual y repetitiva en el día a día de un desarrollador / diseñador Flash. Vamos a ver como crear un comando para embeber caracteres a un campo de texto dinámico y además vamos a ver como utilizar el Panel Historial.

Primero abriremos el Panel Historial, esto lo hacemos desde el menú Ventana -> Otros paneles -> Historial o con los atajos de teclado Ctr + F10 en Windows y Cmd + F10 en Mac OS X.


panel historial adobe flash

Ahora comprobaremos el estado de visualización del Panel, debe estar en “JavaScript del panel”, si no es así lo modificamos.

visualizacion panel historial adobe flash

Ahora si con el Panel abierto haremos esa tarea tan repetitiva que es embeber fuentes en un campo de texto dinámico. Para esto hacemos lo siguiente:

  • Creamos un campo de texto con la herramienta texto.
  • Volvemos dinámico el campo de texto utilizando el Panel de propiedades.
  • Seleccionamos en el desplegable de Suavizado la opción “Suavizado para animación“.

panel propiedades texto adobe flash

  • Hacemos click en el botónIncorporación de caracteres…“.
  • En la ventana que se abre seleccionamos los juegos de caracteres a embeber.
  • En el campo de texto añadimos los caracteres especiales, tales como letras con tildes, diéresis, ñ y ç entre otros.

incorporacion de caracteres adobe flash

Aceptamos y listo ya tenemos nuestro campo de texto dinámico con las fuentes embebidas, ahora nos vamos al Panel Historial y veremos todo lo que hemos estado haciendo, pero con el pequeño añadido que ahora veremos el código JSFL que tenemos que utilizar en nuestro comando.

panel historial comandos embed fonts adobe flash

En la parte inferior derecha del Panel Historial tenemos el botón Guardar, éste se activa cuando seleccionamos alguna línea de código, en este caso lo que queremos hacer es guardar las líneas de código en las que indicamos al campo de texto que utilice Suavizado para animación, los juegos de caracteres y los caracteres especiales. Así que una vez seleccionadas hacemos click en el botón Guardar y ahora simplemente tenemos que escribir el nombre del comando.

ventana guardar como comando adobe flash

Listo, con esto hemos creado un comando sin tener que picar nada de código, es una forma muy simple y eficiente con la que cualquiera puede crear comandos sin necesidad de saber programar.

Ahora para ejecutar el comando simplemente vamos al menú Comandos y seleccionamos de la lista el comando que hemos creado, Embeber caracteres.

menu comandos comando embeber caracteres adobe flash

DESCARGAS

Como es habitual dejo descargas del fichero JSFL y también del fichero MXP para instalar el comando.

  • Comando Embeber caracteres (versión JSFL).
  • Instalador de Comando Embeber caracteres.

NOTAS

Para utilizar el comando debes seleccionar un campo de texto. Para cualquier cosa, dudas, comentarios o sugerencias aquí estaré.

Saludos!!!

Entradas relacionadas

Categories
Comandos Flash JSFL

Tutorial JSFL – Localización de contenidos (Comando)

La localización (traducción) de contenidos es un tema muy importante, en ocasiones es el punto clave de los desarrollos, pero en muchas ocasiones no se tiene en cuenta. En mi caso he tenido que pasar por esta situación más de una vez.
Cuando se nos platea la situación siempre pensamos en una configuración inteligente de los contenidos basada en XML, crear un gestor, objetos, eventos, listeners, switch on the fly para cambiar de idioma y muchas ideas súper guays, pero como siempre tenemos al señor tiempo que viene a presionar, por otro lado el cliente ya tiene el curso completo y funcional, lo único que quiere ahora es que su producto esté en X o Y idioma, vamos que eso tiene que estar chupado.
Pero que pasa cuando quien ha desarrollado esos contenidos no pensó en que algún día se localizarían y utilizó mogollón de campos de texto estáticos, por no hablar de imágenes o diseños, pero esa es otra historia.
Bueno, ahora que más o menos he contado un poco el panorama, jejeje vamos a ver para que sirve todo eso, resumiendo, tenemos, por que si, un fla de su padre y de su madre con un montón de campos de texto estáticos distribuidos por símbolos, gráficos, botones, clips de película y en distintos fotogramas de sus líneas de tiempo respectivas, es decir, un verdadero caos del bueno.
Claro, también tenemos un cliente que nos pide para mañana la traducción de ese curso a Chino, Alemán e Italiano.
¿Qué hacemos?
Le decimos al cliente que estamos hasta arriba de trabajo y que no podremos dar prioridad a su trabajo, vamos que no lo vamos a hacer.
Le decimos al cliente que no podemos hacerlo en ese tiempo y que necesitaremos dos semanas por lo menos y que el trabajo será muy costoso.
Le decimos que vale.
Pero que!!!!, ¿cómo que vale? pero este tío está loco, pero si esa tarea es imposible.
Bueno, ahora es donde entra en juego nuestro querido y siempre infravalorado JSFL.
IDEA E HISTORIETA
Tenemos una línea de tiempo y muchos elementos en una biblioteca, pues simplemente tenemos que recorrer todas las líneas de tiempo y encontrar todos los campos de texto estáticos, convertirlos en campos de texto dinámicos, asignarles una variable, leer su contenido y guardarlo en un fichero XML.
Como trabajamos en una súper empresa enorme con múltiples departamentos, contamos con un departamento de traducción y muchos más, nos ponemos en contacto con nuestro amigo Axel del departamento de traducción y le pedimos que nos traduzca el fichero XML a los idiomas que ha pedido el cliente, en unas horas nos lo devuelve. ¡Qué gusto trabajar en esta empresa! todos son tan eficientes que dan ganas de dar el 200% de cada uno.
Bueno, ahora ya tenemos los ficheros XML en Chino, Alemán e Italiano. Pero recordemos, como hemos dicho que trabajamos en una súper empresa en la que todos son la hostia de eficientes, nosotros no vamos a ser menos, así que mientras Axel trabajaba en la traducción del XML, nosotros hemos estado creado el súper lector de XML que simplemente creará variables y asignará valores, para que cuando los textos dinámicos las necesiten ya estén ahí. Así que mira que coincidencia, hemos terminado al mismo tiempo que Axel, con todo el desarrollo que hemos hecho, más esos XML’s ya tenemos el contenido en 3 idiomas y nos ha tomado menos de un día.
QUE NECESITAMOS

INTRODUCCIÓN

La localización (traducción) de contenidos es un tema muy importante, en ocasiones es el punto clave de los desarrollos, pero en muchas ocasiones no se tiene en cuenta. En mi caso he tenido que pasar por esta situación más de una vez.

Cuando se nos platea la situación siempre pensamos en una configuración inteligente de los contenidos basada en XML, crear un gestor, objetos, eventos, listeners, switch on the fly para cambiar de idioma y muchas ideas súper guays, pero como siempre tenemos al señor tiempo que viene a presionar, por otro lado el cliente ya tiene el curso completo y funcional, lo único que quiere ahora es que su producto esté en X o Y idioma, vamos que eso tiene que estar chupado.

Pero que pasa cuando quien ha desarrollado esos contenidos no pensó en que algún día se localizarían y utilizó mogollón de campos de texto estáticos, por no hablar de imágenes o diseños, pero esa es otra historia.

Bueno, ahora que más o menos he contado un poco el panorama, jejeje vamos a ver para que sirve todo eso, resumiendo, tenemos, por que si, un fla de su padre y de su madre con un montón de campos de texto estáticos distribuidos por símbolos, gráficos, botones, clips de película y en distintos fotogramas de sus líneas de tiempo respectivas, es decir, un verdadero caos del bueno.

Claro, también tenemos un cliente que nos pide para mañana la traducción de ese curso a Chino, Alemán e Italiano.

¿Qué hacemos?

  • Le decimos al cliente que estamos hasta arriba de trabajo y que no podremos dar prioridad a su trabajo, vamos que no lo vamos a hacer.
  • Le decimos al cliente que no podemos hacerlo en ese tiempo y que necesitaremos dos semanas por lo menos y que el trabajo será muy costoso.
  • Le decimos que vale.

Pero qué!!!!, ¿cómo que vale? pero este tío está loco, pero si esa tarea es imposible.

Bueno, ahora es donde entra en juego nuestro querido y siempre infravalorado JSFL.

IDEA E HISTORIETA

Tenemos una línea de tiempo y muchos elementos en una biblioteca, pues simplemente tenemos que recorrer todas las líneas de tiempo y encontrar todos los campos de texto estáticos, convertirlos en campos de texto dinámicos, asignarles una variable, leer su contenido y guardarlo en un fichero XML.

Como trabajamos en una súper empresa enorme con múltiples departamentos, contamos con un departamento de traducción y muchos más, nos ponemos en contacto con nuestro amigo Axel del departamento de traducción y le pedimos que nos traduzca el fichero XML a los idiomas que ha pedido el cliente, en unas horas nos lo devuelve. ¡Qué gusto trabajar en esta empresa! todos son tan eficientes que dan ganas de dar el 200% de cada uno.

Bueno, ahora ya tenemos los ficheros XML en Chino, Alemán e Italiano. Pero recordemos, como hemos dicho que trabajamos en una súper empresa en la que todos son la ostia de eficientes, nosotros no vamos a ser menos, así que mientras Axel trabajaba en la traducción del XML, nosotros hemos estado creado el súper lector de XML que simplemente creará variables y asignará valores, para que cuando los textos dinámicos las necesiten ya estén ahí. Así que mira que coincidencia, hemos terminado al mismo tiempo que Axel, con todo el desarrollo que hemos hecho, más esos XML’s ya tenemos el contenido en 3 idiomas y nos ha tomado menos de un día.

QUE NECESITAMOS

Primero un repaso rápido al entorno de Flash, en la imagen que se muestra a continuación podemos ver listados los elementos con los que trabajamos a diario y que para este Comando vamos a necesitar.

esquema objetos jsfl

  1. Documento fl.getDocumentDOM()
  2. Línea de tiempo fl.getTimeline()
  3. Capas fl.getTimeline().layers
  4. Biblioteca fl.getDocumentDOM().library
  5. Panel de Propiedades fl.setProperty(“property”, “value”);

Y ahora si, manos a la obra maestro.

Primero que nada vamos a recorrer la línea de tiempo principal para buscar campos de texto, eso ya nos da pistas sobre lo que tenemos que hacer, veamos, hemos dicho que vamos a recorrer la línea de tiempo principal, entonces esto nos indica que necesitaremos una referencia al documento, esto lo resolvemos fácilmente utilizando el comando:

var oDoc = fl.getDocumentDOM();

Una vez que tenemos una referencia al documento ahora si ya podemos obtener una referencia a la línea de tiempo, esto lo hacemos con el siguiente dódigo:

var oTimeline = oDoc.getTimeline();

Una vez que tenemos una referencia a la línea de tiempo ahora tenemos que obtener una referencia a las capas (layers), esta nos la proporciona el objeto línea de tiempo, lo que nos devuelve es un Array (que guay!!!, de verdad que es súper cómodo trabajar con los Arrays), así que aquí empezaremos a ejecutar bucles for anidados. Utilizando un código similar a este:

var aLayers = oTimeline.layers;
var nTotalLayers = aLayers.length;
for(var i = 0; i < nTotalLayers; i++) { ... }

Ahora que recorremos las capas, …

¿Porqué recorremos las capas?

Muy buena pregunta, un punto para el que hizo esa pregunta. La respuesta es sencilla, recorremos las capas por que para buscar los campos de texto tenemos que buscar en los fotogramas clave y la única forma que tenemos de garantizar una búsqueda completa es recorriendo todos los fotogramas de la línea de tiempo.

Pero qué!!!!

A ver, a ver, lo vas a hacer tú? o tú? o yo, no, lo va a hacer automáticamente Flash por nosotros, así que hay de que preocuparse.

… vamos a utilizar la propiedad frames (fotogramas) del objeto Layer (capa) que también nos devuelve un Array (ahora si que ya no quepo de gozo), para buscar los elementos que tiene ese fotograma, tendríamos un código similar a este:

var oLayer = aLayers[i];
var aFrames = oLayer.frames;
var nTotalFrames = aFrames.length;
for(var j = 0; j < nTotalLayers; j++) { ... }

Con esto llegamos casi al punto que nos interesa, el campo de texto, pero nos falta un pequeño paso, el objeto frame tiene una propiedad muy útil, me refiero a la propiedad elements, esta propiedad curiosamente también nos devuelve un Array (he dicho que me gustan mucho los Arrays, es que son la mar de útiles), el código que utilizaríamos sería algo como lo siguiente:

var oFrame = aFrames[j];
var aElements = oFrame.elements;
var nTotalElements = aElements.length;
for(var k = 0; k < nTotalLayers; k++) { ... }

Ahora si, hemos llegado, después de tres bucles anidados, ya tenemos acceso a los elementos del fotograma, así que simplemente tenemos que preguntar el tipo de elemento y en caso de ser de tipo texto podemos modificar sus propiedades y leer el texto que tiene, el código sería más o menos parecido al siguiente:

var oElement = aElements[k];
if (oElement.elementType == "text") { ... }

Bueno, que en el párrafo de arriba escribí de más, así que ahora tengo que volver a escribir otra vez lo de modificar las propiedades del campo de texto y leer su texto, esto lo haremos con el siguiente código:

oElement.textType = "type";
oElement.variableName = "variable_name";
oElement.getTextString();

Y listo, ya lo tenemos.

Menos mal, ya me estaba cansando.

Hey!!! que puedo leer vuestras mentes, a ver tú y tú, los puntos que os habéis ganado hace rato ahora los habéis perdido.

No, no estoy de acuerdo. Si, me estoy cansando, ¿y qué? es normal, con estos tutoriales tan grandes como quieres conservar la atención tanto tiempo. Si quieres mi atención deberías hacer algo más interactivo, entretenido, divertido, cómico, algo en lo podamos participar y no quedarnos todo el rato leyendo. Pero …

Vale, vale, lo siento. Es que estoy aprendiendo. Pero tomo nota de tus comentario, es más, por ser tan honesto te has ganado 150 puntos. Veis chicos, si todos participaseis cuando menos un poco así …

Ahora veamos el código completo:

//Delcaración de variables
var oDoc;
var oLib;
var SEPARATOR = ";";
var PREFFIX_VAR_NAME = "_root.varCommandTextLocalizable_";
var nCounter;

var sXML;

//Llamada a los métodos de configuración e inicialización del comando
this.config();
this.init();

/**
 * @method		config
 * @description	Método encargado de configurar el comando
 * @return		Void
 */
function config()
{
	//Indicamos que no queremos ver el mensaje sobre un script de ejecución demasiado larga
	fl.showIdleMessage(false);

	//Limpiamos la ventana de salida
	fl.outputPanel.clear();

	if(fl.getDocumentDOM())
	{
		//Obtenemos la referencia al documento y a la biblioteca
		this.oDoc = fl.getDocumentDOM();
		this.oLib = this.oDoc.library;
	}
	else
	{
		//En caso que no haya un documento abierto mostrarmo un mensaje de alerta.
		alert("Debes tener un documento abierto.");
	}
}

/**
 * @method		init
 * @description	Método encargado de inicializar el comando
 * @return		Void
 */
function init()
{
	//Delcaración de variables
	var aItems = this.oLib.items;
	var nTotalItems = aItems.length;
	var oItem;
	this.nCounter = 1;

	//Inicializamos el valor del XML abriendo la etiqueta principal
	this.sXML  = "<DATA>\n";

	//Llamamos al método analizeTimeline para que analice le línea de tiempo principal
	this.analizeTimeline();

	for (var i = 0; i < nTotalItems; i++)
	{
		oItem = aItems[i];
		if ((oItem.itemType == "movie clip") || ( oItem.itemType == "graphic") || (oItem.itemType == "button") )
		{
			this.oLib.editItem(oItem.name);
			this.analizeTimeline();
		}
	}

	//Finalizamos el valor del XML cerrando la etiqueta principal
	this.sXML += "</DATA>";

	//Llamada al método createXmlFile
	this.createXmlFile();

	//Limpiamos la memoria de Flash eliminando las variable que hemos creado
	delete aItems, nTotalItems, oItem;
}

/**
 * @method		analizeTimeline
 * @description	Método encargado analizar una línea de tiempo para buscar campos de texto
 *				si encuentra campos de texto, los convierte en dinámicos y les añade
 *				una variable.
 *				Toda la información que va encontrando la almacena en la variable sXML
 * @return		Void
 */
function analizeTimeline()
{
	//Delcaración de variables
	var oTimeline = this.oDoc.getTimeline();
	var aLayers = oTimeline.layers;
	var nTotalLayers = aLayers.length;
	var oLayer;

	//Recorremos las capas
	for (var j = 0; j < nTotalLayers; j++)
	{
		oLayer = aLayers[j];
		oLayer.locked = false;
		oLayer.visible = true;
		if ((oLayer.layerType != "guide") || (oLayer.layerType != "folder"))
		{
			//Delcaración de variables
			var aFrames = oLayer.frames;
			var nTotalFrames = aFrames.length;
			var oFrame;
			var aElements;

			//Recorremos los fotogramas de la capa
			for (var k = 0; k < nTotalFrames; k++)
			{
				oFrame = aFrames[k];
				if (oFrame.elements.length > 0)
				{
					aElements = oFrame.elements;

					//Delcaración de variables
					var nTotalElements = aElements.length;
					var oElement;

					//Recorremos los elementos del fotograma
					for (var l = 0; l < nTotalElements; l++)
					{
						oElement = aElements[l];
						if (oElement.elementType == "text" && oElement.textType != "input")
						{
							//Delcaración de variables
							var sDataItem = "Nombre de la timeline: " + oTimeline.name;
							var sDataLayer = "Nombre de la capa: " + oLayer.name;
							var sDataFrame = "Número de fotograma: " + (k + 1);
							var sDataElement = "Nombre del elemento: " + oElement.name;
							var sElementText = "Texto del elemento: " + oElement.getTextString();
							var sElementFormat = "Formato del elemento: " + "";
							//fl.trace(sDataItem + this.SEPARATOR + sDataLayer + this.SEPARATOR + sDataFrame + this.SEPARATOR + sDataElement + this.SEPARATOR + sElementText);

							oElement.textType = "dynamic";
							oElement.variableName = this.PREFFIX_VAR_NAME + this.nCounter;

							this.sXML += "	<node varName=\"" + this.PREFFIX_VAR_NAME + this.nCounter + "\">\n";
							this.sXML += "		<![CDATA[" + oElement.getTextString() + "]]>\n";
							this.sXML += "	</node>\n";

							this.nCounter++;
						}
					}

					//Limpiamos la memoria de Flash eliminando las variable que hemos creado
					delete nTotalElements, oElement;

				}

				//Incrementamos el valor de k con la duración del fotograma, esto es para que en el siguiente
				//ciclo del bucle vayamos director al siguiente fotograma clave
				k += oFrame.duration - 1;
			}

			//Limpiamos la memoria de Flash eliminando las variable que hemos creado
			delete aFrames, nTotalFrames, oFrame, aElements;
		}

		this.oDoc.exitEditMode();
	}

	//Limpiamos la memoria de Flash eliminando las variable que hemos creado
	delete oTimeline, aLayers, nTotalLayers, oLayer;
}

/**
 * @method		createXmlFile
 * @description	Método encargado de crear el fichero XML con la relación entre textos y variables
 * @return		Void
 */
function createXmlFile()
{
	//Declaración de variables
	var sPath = this.oDoc.pathURI.split(this.oDoc.name).shift();
	var sFileURI = sPath + "textos_extraidos_automaticamente.xml";

	//Comprobación, si existe el fichero lo eliminamos
	if (FLfile.exists(sFileURI))
		FLfile.remove(sFileURI);

	//Creamos el fichero XML
	FLfile.write(sFileURI, this.sXML);

	//Limpiamos la memoria de Flash eliminando las variable que hemos creado
	delete sPath, sFileURI;
}

Bueno, en este código encontramos además de lo explicado en este tutorial para recorrer las líneas de tiempo, modificar propiedades de campos de texto y extraer textos, código para crear ficheros de texto, en el caso del ejemplo crear un fichero XML con la relación entre la variable asignada al campo de texto y el texto.

El código está comentado, pero si hace falta alguna explicación, si tenéis alguna duda, comentario, mejora, sugerencia, pues aquí estaré gustoso de seguir compartiendo.

DESCARGAS

Como es habitual dejo descargas del fichero JSFL, también el fichero MXP instalable y un zip con el paquete del JSFL y un FLA de ejemplo para extraer los textos.

  • Comando Extractor de Textos (versión JSFL).
  • Instalador de Comando Extractor de Textos.
  • Paquete con JSFL y FLA de ejemplo.

Saludos!!!

NOTAS

Se que algunas personas tendrán mucho que decir, así que por favor háganlo, el tema es complicado, la localización de contenidos es algo muy chungo en ocasiones tal como lo plateo en este ejemplo.

También es cierto que con este ejemplo no salvamos otros obstáculos tales como imágenes que tienen textos y que con la solución de modificar los campos de texto podríamos estropear el funcionamiento de algunos campos de texto que ya fuesen dinámicos y que utilizaran variables.

Ahora si, después de estas notas y una última aclaración, mi objetivo es explicar el funcionamiento de los objetos de JSFL, el ejemplo se presta para sacarle partido al lenguaje, así que por eso lo he desarrollado.

Entradas relacionadas

Categories
General

Un nuevo comienzo y diseño

Bueno, bienvenidos nuevamente a nomeva, hace tiempo que no escribo, esto es por varios motivos, me he cambiado de casa, he estado sin internet, he formateado los ordenadores, me he cambiado de hosting, he tenido problemas con la migración del wordpress de un sitio al otro. Y muchas cosas más que me han tenido mareado de una u otra manera.

También tengo que decir que todo este jaleo que se presentó en el FOTB y que luego siguió creciendo en el MAX (Resúmenes keynote 1, keynote 2 y keynote 3) y que ahora sigue dando vueltas en otros tantos eventos, han hecho que me mantenga con las antenas bien sincronizadas para saber que pasa y hacia donde vamos. Me refiero a Flash CS5, Flash Player 10.1, AIR 2 y todas estas noticias que nos han contado, presentado, expuesto y que ahora somos nosotros los usuarios los que le estamos haciendo eco a las noticias y sobre todo escribiendo nuestros puntos de vista, pues hasta no tener, jugar, probar y desarrollar en serio con estas tecnologías todo lo demás son suposiciones.

Flash y iPhone, hace poco escribí mi sensación con respecto a este tema, ahora se desata una polémica muy importante con respecto dicha relación, pues Adobe ha desarrollado … a ver seamos francos que os voy a contar que todavía no hayáis leido en tantos sitios que se trata el tema, sobre todo recomiendo estas dos lecturas para tener una visión más allá del marketing y ver el tema como desarrolladores y empresarios y no quedarnos con el “”guauuuuu”.

He conocido gracias al señor @skeku Twitter, una herramienta de los más potente y de la que sigo aprendiendo día a día, esto del microbloggin me tiene enganchado, es como estar conenctado todo el día, ves el progreso de las noticias, los eventos, los desarrollos, en muchísimas ocasiones te enteras antes que en la web (ya no digo los medios tradicionales), te permite estar muy cerca de tus contactos y comunicarte con ellos a una velocidad sorprendente (vale, el teléfono quizá es más rápido y directo, pero eso corta el rollo, jejeje, :P).

Twitter es muy adictivo y cuesta trabajo decidir a quien seguir y a quien no, porque al principio quieres seguir a todos, luego viene lo de utilizar un cliente para poder seguir los tweets más comodamente, ver/subir imágenes, acortadores de URL’s y muchísimas cosas más. Es sorprendente todo lo que cabe en 140 caracteres, pero de verdad que es sorprendente.

Ahora si, ya dejando de lado mi emoción por el tema de Twitter, las novedades de Adobe Flash, el cotilleo entre la relación FlashiPhone y mi vida personal, entremos en tema.

En un principio empecé a escribir este blog por que un buen amigo me lo regaló, luego descubrí que me gustaba escribir y me lo pasaba bien contando mis aventuras y compartiendo códigos, y al final he conseguido durante poco más de un año mantener más o menos activo el blog. Ahora llega el momento de una de dos, o me lo tomo en serio y sigo pero haciendo las cosas bien o lo dejo. Entonces, claro, cómo no puede ser de otra forma, jejeje, decido seguir, así es que de las primeras cosas que tengo en mente es organizar mejor el contenido, luego seguir con los tutoriales, cambiar el tema, jejeje, que es el primero que encontré, ahora buscaré mejor o sino me lo desarrollaré, jejeje, una de las primeras cosas que me había propuesto en esta nueva etapa, ya está hecha :D.

Otra noticia importante es que quiero crear nuevas categorías, pero eso lo dejo como sorpresa, :D.

Pues eso, de momento nada más, así es que seguiré dando lata un rato más.

Saludos!!!

Categories
Flash Flex Interactividad

Reflexión sobre Flash, iPhone y Android

reflexion flash iphone android

Esta reflexión surge por un sentimiento, una sensación, un pinchazo interior y las cosquillas o la curiosidad de las nuevas tecnologías y sobre todo la interactividad. También tiene mucho que ver con el actual movimiento que existe en la red sobre el futuro de Flash y el panorama que se vive y se ve venir. Algunos post interesantes que tratan más o menos el tema que quiero hablar se pueden leer aquí y aquí.

Pero esta reflexión es mía así que además de tener en cuenta todos los factores que en esos post se habla tendremos en cuenta sobre todo las respuestas que he dado al planteamiento hecho por Charly García en deberías saber por qué (la camiseta que me pongo es la de Flashero).

HISTORIA

Haciendo un poco de historia para remontarnos a los orígenes o por lo menos a mis orígenes Flasheros tengo que hablar sobre el bachillerato y la universidad, ayyy aquellos tiempos donde todo lo que importaba era aprender y sacar buenas notas (jejeje, creo que no ha cambiado tanto, ahora sigue siendo aprender y sacar buenos proyectos XD), bueno, como iba diciendo, en aquellos tiempo lo que conocía era Pascal, C, Java, HTML y con el tiempo descubrí Delphi, Visual C++, FrontPage (si, tengo que decirlo porque es la verdad, jejeje), php y Javascript, hasta aquí no dejaba de ser programación pura y dura, existía una mezcla entre el front-end y el back-end, la lógica y la presentación de nuestra aplicación. Pero un día, gracias a un proyecto y aun gran amigo, se mostró ante mis ojos algo que cambiaría para siempre mi vida, la interactividad, las herramientas de dibujo, las líneas de tiempo, los símbolos (gráfico, clip de película y botón) y de la noche a la mañana me olvidé completamente de todo lo demás para hacerle un gran hueco en mi cabeza a esa preciosa aplicación que acababa de conocer, Flash.

MOTIVOS

Supongo que cada quien tendrá sus motivos, los míos son los siguientes:

  • la facilidad de desarrollo
  • un entorno de diseño
  • el alto nivel de interactividad que se podía conseguir
  • un lenguaje de programación basado en el modelo de eventos
  • animaciones chulas por código (easing y demás)
  • reproducción de sonidos
  • reproducción de videos (si, era posible en aquella época, aunque muy pesado)
  • cargar y actualizar contenidos sin tener que actualizar la página

Todo esto me enamoró y desde ese momento hasta la fecha seguimos felizmente casados.

ACTUALIDAD

Hoy en día han cambiado tanto las tecnologías, se han desarrollado frameworks sobre todo con Javascript, existe AJAX, entornos de desarrollo de alto nivel con los cuales hay que programar muy poco, por ejemplo Dreamweaver facilita enormemente la vida a diseñadores y desarrolladores, HTML 5 quiere (pero yo la verdad lo veo difícil) utilizar una etiqueta VIDEO con lo cual una pieza importante de Flash empieza a moverse (no, estoy de acuerdo, aunque lo leo muy a menudo y mucha gente habla así de esto, pero y que pasa con Red5 y Flash Media Server, que hace HTML contra eso) y algunas cosas más que de alguna forma y otra han hecho a muchas personas plantearse la tecnología a utilizar en sus desarrollos.

MI ACTUALIDAD

Desde que me enamoré hasta ahora hemos pasado por muchas actualizaciones y nuevas versiones, se desarrollo e implementó ActionScript 2, ActionScript 3, Flex, Flash Lite y todo esto me encantó, pero volviendo a mis motivos principales, siento que en esencia la herramienta no ha cambiado mucho.

FRUSTRACIÓN

En mi caso, y este caso se puede extrapolar a muchos casos más que he podido comprobar hablando con mucha gente y leyendo por aquí o por allá, sigo desarrollando con ActionScript 2, por limitaciones muy importante y es que nuestros cliente (empresas grandes como bancos y farmacéuticas entre otros) no tienen en todos sus puestos de trabajo estandarizado un reproductor de Flash avanzado, así es que actualmente desarrollo para Flash Player 7. Otro factor muy importante es la interactividad que se puede conseguir a través de la cámara o el micrófono, pero al final pasa lo mismo que el player, los usuarios finales no lo tienen con lo cual hay que hacer desarrollos que funcionen en el 100% de los puestos de trabajo, o sea que otro :(.

ROMANCE FUERA DEL MATRIMONIO

He conocido a un par de chicas muy atractivas últimamente, me quieren, me invitan a salir, comparten y coquetean conmigo con todas sus funcionalidades apasionantes, han podido mostrar al mundo unas cuantas cositas a tener en cuenta:

  • acelerómetro
  • gps
  • brújula
  • facilidad de uso e interacción con el micrófono
  • facilidad de uso e interacción con la cámara

Esto es lo que me ofrecen iPhone SDK y Android SDK sobre lo que ya tengo con Flash, pero un factor importantísimo que es indudablemente una curva que te deja viendo estrellitas y pensando en ella todo el día es la perfecta combinación entre hardware y software, ya que no hay que luchar contra extrañas características de equipos o altos y bajos rendimientos, existe un muy alto control de calidad que nos garantiza la perfecta funcionalidad de nuestros desarrollos en los dispositivos finales.

VISITAS FUERA DE CASA

He visitado y jugado un poco con estos SDK’s y la verdad es que la experiencia ha sido muy grata, pues están muy completos y sobre todo cuentan con una base muy sólida para empezar a desarrollar, cosa que en principio flash no tiene por defecto. Pero sobre todo lo que me tiene más inquieto y feliz (pienso en ella todo el día), es la nueva interactividad que se consigue con estos dispositivos.

CONCLUSIÓN

Cada quién hace las cosas por los motivos que lo han llevado a ello, en mi caso lo he expuesto arriba y creo que como toda relación hay que mantenerse activos y de vez en cuando hacer regalitos, dar sorpresas, sonreir y aprender juntos ante lo que la vida nos pone o tomar al toro por lo cuernos y vivir aventuras, pero creo que mi relación con Flash lleva un tiempo de monotonía por los motivos que he expuesto aquí. Con todo esto no quiero decir que me voy a ir a desarrollar con otro lenguaje (que ya lo estoy haciendo) sino que simplemente quiero compartir esta reflexión porque creo que algo importante a tener en cuenta en el panorama que se vive.

Entiendo que no todos pensamos igual y que habrá personas que verán las cosas desde otro punto de vista, así que cualquier comentario será bienvenido.

Saludos!!!

Categories
Eventos Flash

Subflash 2009 – Fotos y más

Bueno ahora si ya con más calma puedo escribir otro poco sobre el Subflash, cuando le cuento a la gente las cosas que se viven ahí no me lo creen, así que para dar fé de ello a continuación podréis ver algunas fotos que son la evidencia fotográfica de todo cuanto se dice de Subflash.

Poner atención a esta pequeña selección donde se puede ver un poco de todo, la convivencia, la felicidad de los asistentes, los frikis que son pues no dejan el ordenador, las comidas acompañados de grandes personajes del mundo digital, el encuentro de fútbol, la llegada de uno que de verdad ama a Subflash, nuestro querido Jorge Solis que vino desde Argentina (jejeje, cuestiones de trabajo decía :P) y como decía Alex:

Subflash se lleva dentro del corazón

Se les nota lo bien que lo pasan Los frikis que no pueden dejar los ordenadoresSiempre unidos Si hay fútbol, no solo ordenadores Si existen y son personas Se lleva en el corazon

He colgado de picasa las fotos que hice este años del Subflash, así que ahí pueden ver el resto de la historia.

Saludos!!!