Experimento: FlashVisio

flashVisio Experiment

Esto que presento hoy es un experimento que hice el año pasado sobre estas fechas. Basicamente se trata de una aplicación que genera, mediante el dibujo de diagramas gráficos, un XML(por eso el nombre de FlashVisio). La aplicación va generando en tiempo real el XML conforme cambiamos parametros de los objetos que colocamos en el escenario y los nodos son representados en un árbol y accesibles desde el. También puede salvar los diagramas creados en cliente, con un SharedObject, y recuperarlos cuando sea necesario. Otras particularidades creadas simplemente por el mero disfrute personal, fueron: representar la intersección de lineas, zoom, lineas vivas(o actualización del gráfico en tiempo real), etc…

flashVisio Experiment

En aquella epoca (marzo-abril de 2003) no hacía mucho que Grant skinner y su gModeler saltaban a la escena. Ahora que Grant anuncia la generación de AS2.0 con gModeler 0.6 y el próximo desarrollo de gModeler 2.0, me ha llevado a recordar mi aplicación-experimento puesto que fue una fuente de inspiración en aquel entonces para mi (y supongo que para muchos otros) y me llevo a intentar emular o dilucidar como se podían hacer ciertas cosas en Flash.

Parece mentira que las cosas cambien tanto en un solo año, pues ahora la manera de programar Flash a cambiado sustancialmente de AS1 a AS2, la información al respecto (blogs, libros, etc…) es mucho mayor, y supongo que si hoy día me pusiera con un proyecto parecido, este sería bastante distinto. Pero recuerdo gratamente las horas de investigación, programación y diversión realizando este experimento y por eso he querido recuperarlo en este post y colgarlo en mi web.

También debo agradecer a todos aquellos, como Grant, que por aquellos días compartieron sus conocimientos y me ayudaron a progresar y a profundizar en mi conocimiento sobre la tecnología Flash o simplemente me influenciaron por su buen hacer en el desarrollo de aplicaciones. Algunos nombre, por citar solo unos pocos, son: Bill Drol, Sephiroth, Quasimondo, Bokel, Hamza Fawzi, Colin Moock, Peter Joel,…

Por lo demás, como tal experimento que es, nunca fué terminado, pero he pensado que al menos una mención se merecía ¿no creeis?, al fin y al cabo…es un trocito de mi historia de flashero 🙂

10 Comentarios

  1. Hola Dasso. Bueno realmente es que no he puesto documentación ni nada Oooppss 🙂

    Básicamente se pueden crear 3 tipos de gráficos seleccionando desde el menú: Módulo, proceso de negocio y actividad.

    Una vez seleccionado el tipo de gráfico que queremos hacer se pueden pinchar y arrastrar simbolos (el semáforo, el stop, etc…) al escenario.

    cuando tengamos al menos dos simbolos, podemos crear lineas de conexión de unos a otros.

    Para ellos ponte sobre el aura azul del simbolo y pincha y arrastra desde el simolo origen al simbolo destino…

    Perdona por esos problemillas, pero al haber hecho la aplicación pienso y haberme peleado con ella uno piensa que la gente va a saber manejarla desde el comienzo…y eso es un grave error.

    Aunque como tal experimento que es por eso no me he molestado en documentar mucho.

    Gracias por tu interes Dasso 🙂

  2. Ostras Carlos, hace dias que no leo blogs por falta de tiempo y cuando he visto esto me ha parecido buenisimo, ¿has pensado en poner el source?
    saludos!

  3. Hola Toni, Gracias por el cumplido 🙂

    Pues la verdad es que si que estaba pensando en poner las fuentes, espero ponerlas en breve, seguramente esta semana en cuanto saque algo de tiempo. 🙂

  4. Dasso, El motivo de haber sacado asi este experimento sin documentar es debido a que aunque muy avanzado es un experimento que nunca terminá, y dedicar tiempo ahora a documentar lo veo complicado, prefiero que la gente experimente con lo que se puede hacer.

    De momento un par de cosillas más:

    – Se pueden borrar elementos o lineas con la tecla Surimir (SUPR)
    – Se pueden seleccionar varios elementos a la vez pinchando y arrastrando el area de seleccion azul que aparece.Luego se puede seleccionar/deseleccionar elementos dejando CTRL presionada y pinchando en los elementos. De esta manera podemos borrar (SUPR) varios elementos a la vez.
    – se puede usar CTRL + drag para arrastrar el gráfico, si este se sale de la pantalla ,o usar el Zoom en el menu.

    Espero que esto clarifique un poco más Dasso 🙂

  5. Antes de \”NA\” felicitarte por todo lo que haces (eso incluye la boda! yo me caso en 27 dias). Y por todos los consejos que das que son fantásticos…

    viendo el FlashVisio tengo que pedirte un favorcillo (y no es que me pases el código í­ntegro de la aplicación…):

    Resulta que quiero hacer un Tree que recoge la info de un XML y quiero ir insertando nuevos XML dentro de este tree, para complementar información. Me he pasado 4 dias recogiendo información (addTreeNode, XPath, createElement, XMLNode,…) y he hecho algo cutre salchichero que falla por todos lados.

    La idea es ir recargando a medida que voy picando sobre los nodos del tree. Cada vez que haga clic en un nodo que no tiene hijos, recogerá de Base de Datos, creará un XML con la nueva información y la Añadirá al tree en la posición que corresponde…

    ..pues , hablando claro: NO ME SALE.

    ¿Alguien me podria ayudar?

    La estructura del XML queda así­:

    Primero la aplicacion enseñara todos los Edificios. Cuando apretemos en el edificio1, crearemos la info al respecto y enseñaremos las casas del edificio1, y así­ sucesivamente…

    Muchas gracias.
    P.D. Perdón si este mensaje no va aquí­!

  6. He visto que el xml no sale…
    a ver si ahora si:

    [node label=\”root\”]
    [node label=\”edificio1\”]
    [node label=\”casa1\”]
    [node label=\”habitacion11\”]
    [node label=\”habitacion21\”]
    [/node]
    [node label=\”casa2\”]
    [node label=\”habitacion21\”]
    [/node]
    [/node]
    [/node]

    🙂

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *