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.

Deja un comentario

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