Parte 2: Diseñando la interface con Flash

En esta parte vamos a crear la interface para conectar con nuestro EJB. El diseño va a ser lo más básico posible utilizando los componentes de Flash. Teniendo en cuenta que vamos a llamar al método devuelveIMC del EJB, nos harán falta dos parámetros numéricos de entrada correspondientes a la estatura y al peso. Por otra parte dicho método nos devuelve un String que debemos sacar por pantalla. Por tanto nos hacen falta como mínimo dos TextInput, un Label y un Button. El resto de cosas que pongamos en la interface serán opcionales.

1. Crear un nuevo Flash.
   • New -> Flash Document
   • Poner nombre a la única capa (nombre: GUI objetos)
2. En el primer frame arrastrar los siguientes componentes (desde el panel de componentes).
   • 3 Label (text:Estatura, Peso y Resultado)
   • 2 TextInput (nombres:estatura_txt, peso_txt)
   • 1 Button (nombre:calcula_btn, Label: Calcula IMC)

3. Colocarlos aproximadamente como en el dibujo.

   

4. Opcionalmente crear una nueva capa debajo de GUI.
   • Cambiar el nombre (nombre: GUI fondo)

   • Dibujar un fondo para la interface como en la siguiente image.

     

5. Salvar nuestro fichero .fla como Tutorial_EJBOpenAMF

Con estos pocos pasos ya tenemos terminada la interface de Flash que conectará con nuestro EJB. El resultado debe ser parecido a la siguiente figura:

En el siguiente paso vamos a enganchar mediante Flash Remoting el EJB creado en el paso uno con la interface creada en esta parte.