1. María Dolores Vivancos Abad
UNIDAD 2
CREACIÓN DE UN
ESCENARIO DE
SIMULACIÓN CON
JAVAFX 2.0

2. María Dolores Vivancos Abad
En esta Unidad…
 Desarrollaremos una aplicación para aplicar todos los conceptos sobre
prevención, adquiridos en unidades anteriores, que se pondrán en práctica
para la prevención y resolución de una emergencia.
 Primero crearemos los escenarios en los que se situará la acción, en nuestro
caso, un edificio de oficinas de planta baja y primera planta, además de un
parking.
 Secuencia de pasos:
– Creación de los escenarios: Imágenes con planos de Planta baja, primera planta y
parking.
– Creación de un menú para cambiar entre los distintos escenarios del edificio.
– Situación en los planos de los elementos de prevención necesarios.
– Creación de un botón para crear la situación de emergencia (en nuestro caso, un
incendio).
– La creación de situación de emergencia se puede hacer perceptible a través de
nuevas imágenes en el escenario (explicado más adelante).
– Creación de un botón para crear los avisos necesarios en caso de generación de la
situación de emergencia.

3. María Dolores Vivancos Abad
PASO 1. CREAR UNA ESCENA PARA
LA ACCIÓN
 Primero crearemos el escenario de la planta baja.
 Asociamos la imagen para la planta baja.
 Recuerda establecer una anchura y altura para la imagen, y añadie la
imageView al elemento Group
Image d = new Image("planta_baja.png");
ImageView image = new ImageView();
image.setImage(d);

4. María Dolores Vivancos Abad
PASO 1. CREAR UNA ESCENA PARA
LA ACCIÓN
 Hacemos lo mismo con las otras imágenes del edificio: Primer piso y parking.
Image d1 = new Image("primera_planta.png");
Image d2 = new Image("parking.png");
Primera
planta:

5. María Dolores Vivancos Abad
PASO 1. CREAR UNA ESCENA PARA
LA ACCIÓN
Parking:

6. María Dolores Vivancos Abad
PASO 2: CREAR UN MENÚ PARA
CAMBIAR EL ESCENARIO
 Vamos a crear un menú para elegin entre las dintintas localizaciones
del edificio.
MenuBar menuBar = new MenuBar();
Menu menu = new Menu("Escenarios");
MenuItem menuitem1=new MenuItem("Primera Planta");
MenuItem menuitem2=new MenuItem("Planta Baja");
MenuItem menuitem3=new MenuItem("Parking");

7. María Dolores Vivancos Abad
PASO 2: CREAR UN MENÚ PARA
CAMBIAR EL ESCENARIO
 Lo siguiente, es establecer un nuevo escenario cada vez que
cambiarmos la opción en el menú.
menuitem1.setOnAction(new EventHandler<ActionEvent>() {
public void handle(ActionEvent t) {
image.setImage(d);
}
});
menuitem2.setOnAction(new EventHandler<ActionEvent>() {
public void handle(ActionEvent t) {
image.setImage(d1);
}
});
menuitem3.setOnAction(new EventHandler<ActionEvent>() {
public void handle(ActionEvent t) {
image.setImage(d2);
}
});

8. María Dolores Vivancos Abad
PASO 2: CREAR UN MENÚ PARA
CAMBIAR EL ESCENARIO

9. María Dolores Vivancos Abad
PASO 3. Insertando los medios de
extinción
 Tenemos distintos elementos de extinción, que necesitamos situar en
la escena, utilizando la teoría sobre prevención.
 Puedes buscar imágenes distintas o utilizar estas.
 Utilizando la teoría que has aprendido, debes posicionar estos
elementos en la zona correcta para utilizarlos correctamente.

10. María Dolores Vivancos Abad
PASO 3. Insertando los medios de
extinción
 Ejemplo:
 Importante: Debes de situar los elementos en la escena, por lo
que será necesario especificar la posición x e y para ese
elemento.
Image img = new Image(getClass().getResourceAsStream("fuego.jpg"));
ImageView imgv1= new ImageView(img);
imgv1.setFitWidth(40);
imgv1.setFitHeight(40);
Label fuego1= new Label("",imgv1);
fuego1.setLayoutX(160);
fuego1.setLayoutY(500);
fuego1.setLayoutX(160);
fuego1.setLayoutY(500);

11. María Dolores Vivancos Abad
PASO 4: INSERTAR ELEMENTOS
PARA GENERAR LA EMERGENCIA
 Inserta un botón cuya acción sea la de
originar el fuego.
 ¿Cómo podemos mostrar el fuego?
Podemos insertar una imagen en la posición
donde el fuego ha sido generado.

12. María Dolores Vivancos Abad
PASO 5: generar avisos
 Vamos a indicar mediante mensajes, qué
entidades son las que tienen que ser
avisadas una vez se ha generado la alarma.
 Tienes que obtener esa información en los
documentos correspondientes: ¿A quién se
debe avisar cuando se genera una situación
de emergencia?
 Esto lo haremos a través de elementos
Label.

13. María Dolores Vivancos Abad
PASO 5: generar avisos
 ¿Quién genera los avisos?
 Podemos crear un botón para que genere
las etiquetas con los agentes implicados que
correspondan.
 Este botón lo accionaremos después de que
la emergencia haya sido creada.

14. María Dolores Vivancos Abad
PASO 5: generar avisos
 Observar que el tamaño de la escena debe
de ser superior que el tamaño de la imagen
que ponemos de fondo, para poder tener
espacio para ir mostrando todos los avisos.
 Ahora debes de continuar con los otros
mensajes.