SlideShare une entreprise Scribd logo
1  sur  65
Event-Driven programming Mediator pattern Ricardo Poblete Jara Flex, Actionscript3 Ricardo Poblete Jara 15/04/2008 – 16/04/2008
Agenda ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Razones
Razones ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Objetivos
Objetivos ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Objeto “Event”  A bucear
Objeto “Event”. El piquero ,[object Object],[object Object],[object Object],[object Object]
Eventos ,[object Object],[object Object],[object Object],[object Object],[object Object]
Eventos (II) Patrón Observador
Eventos (III) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Eventos (IV) ,[object Object],[object Object],[object Object],[object Object]
Flujo del evento ,[object Object],[object Object],[object Object],[object Object]
Flujo del evento (II) ,[object Object],[object Object],[object Object],[object Object],[object Object]
Flujo del evento (III) ,[object Object],[object Object],[object Object],[object Object],[object Object]
Flujo del evento (V)
Flujo del evento (VI) ,[object Object],[object Object],[object Object],[object Object]
Estructura básica de un listener ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Estructura básica de un listener (II) ,[object Object],[object Object],[object Object],[object Object]
Flujo del evento (VII) ,[object Object],[object Object],[object Object],[object Object],Generalmente en la fase de captura los listener de los padres del target no son llamados, pero existe una versión del método addEventListener() que puede hacer la llamada a los listener en la fase de captura  (recordemos que se hace en la fase de propagación). Para activar la llamada en la fase de captura se debe agregar un tercer argumento al método: myPanel.addEventListener(MouseEvent.CLICK, panelClickHandler, true); *No hay forma de hacerlo en MXML
Distribuir eventos (dispatch) ,[object Object],[object Object],[object Object]
UFFFF!!! ,[object Object],[object Object],[object Object],[object Object],[object Object]
Formas de eventos
Formas de eventos ,[object Object],Componente expone el evento que puede gatillar El contenedor del componente, al instanciarlo, define qué ejecutar cuando el componente gatille el evento Contenedor del evento ejecuta una función cuando detecta el evento
Formas de eventos (II) ,[object Object],Componente gatilla el evento También así
Formas de eventos (III) ,[object Object],El objeto o componente que desee detectar debe “inscribirse” en la lista de detectores El componente que gatilla el evento siempre lo realiza con un dispatch El componente que detecta (escucha) ejecuta la función definida
Formas de eventos (IV) ,[object Object],Hay que crear una clase propia que extienda a la clase Event, heredar las capacidades de la clase Event y sobreescribir el método clone().
Formas de eventos (V) ,[object Object],Para colocar un detector del evento nuevo, es necesario colocar un listener Y por supuesto la correspondiente funcion handler No olvidar importar la nueva clase Para disparar el evento, es necesario el dispatcher
Práctica
Ejercicio_03
Práctica - Ejercicio_03 ,[object Object],[object Object],[object Object],[object Object],[object Object]
Practica - Ejercicio_03 (II) Debe verse así
Práctica - Ejercicio_03 (III) Ejercicio_03.mxml Ejercicio_03_seleccion_operador.mxml Ejercicio_03.mxml
Práctica - Ejercicio_03 (IV) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Práctica - Ejercicio_03 (V) Paso 1: ingresar valores Paso 2: seleccionar operación Paso 3: mostar resultado Componente instanciado y main está preparado para gatillar una función cuando escuche el evento Combobox a la espera de del evento close, una vez ejecutado, se gatilla una funcion propia que gatilla el evento “realizarOperacion” Main detecta el evnto gatillado por el componente y obtiene el valor del combobox, evalua la operación y realiza lo indicado
Práctica - Ejercicio_03 (VI) ,[object Object],[object Object],[object Object]
Ejercicio_04
Practica - Ejercicio_04 ,[object Object],[object Object],[object Object],[object Object],[object Object]
Practica - Ejercicio_04 (II) Debe verse así
Practica - Ejercicio_04 (III) ,[object Object],[object Object],[object Object],[object Object]
Practica - Ejercicio_04 (IV) ,[object Object],[object Object],[object Object]
Ejercicio_05
Practica - Ejercicio_05 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Practica - Ejercicio_05 (II) Debe verse así
Practica - Ejercicio_05 (III) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Practica - Ejercicio_05 (IV) ,[object Object],[object Object],[object Object]
Ejercicio_06
Practica - Ejercicio_06 ,[object Object],[object Object],[object Object],[object Object],[object Object]
Practica - Ejercicio_06 (II) Debe verse así
Practica - Ejercicio_06 (III) ,[object Object]
Practica - Ejercicio_06 (III) ,[object Object],[object Object],[object Object],[object Object]
Practica - Ejercicio_06 (IV) ,[object Object],[object Object],[object Object],[object Object],[object Object]
Patrón de diseño Mediador
Patrón Mediador ,[object Object],[object Object]
Patrón Mediador  El problema a resolver 1 2 5 3 4 6 7 8
Patrón Mediador (II) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[Mediator] Patron de diseño. http://es.wikipedia.org/wiki/Mediator_%28patr%C3%B3n_de_dise%C3%B1o%29
Patrón Mediador (III) [Mediator] Patron de diseño. http://es.wikipedia.org/wiki/Mediator_%28patr%C3%B3n_de_dise%C3%B1o%29
Patrón Mediador (IV) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[Mediator] Patron de diseño. http://es.wikipedia.org/wiki/Mediator_%28patr%C3%B3n_de_dise%C3%B1o%29
Patrón Mediador (V) ,[object Object],[object Object],[object Object],[object Object],[object Object],[Mediator] Patron de diseño. http://es.wikipedia.org/wiki/Mediator_%28patr%C3%B3n_de_dise%C3%B1o%29
Patrón Mediador (VI) ,[object Object],[object Object]
Ejercicio_07
Práctica - Ejercicio_07 ,[object Object],[object Object]
Práctica - Ejercicio_07 ,[object Object],Componente vs Eventos Listen Dispatch Ejercicio_06 realizarOperacion sumaRealizadaEvent ClaseEventoExtendidaConDatos Ejercicio_06_seleccion_operador realizarOperacion Ejercicio_06_total_operaciones sumaRealizadaEvent ClaseEventoExtendida Ejercicio_06_DetectorEventos ClaseEventoExtendida Ejercicio_06_ListadoResultados ClaseEventoExtendidaConDatos
Conclusión ,[object Object]
FIN

Contenu connexe

Tendances

Java Listeners
Java ListenersJava Listeners
Java Listeners
MagikJames
 
Tópicos avanzados de programación eventos
Tópicos  avanzados  de programación   eventosTópicos  avanzados  de programación   eventos
Tópicos avanzados de programación eventos
Kanddy Mobylml
 
2 desarrollo interfaz_grafico-capitulo1-02otroseventos
2 desarrollo interfaz_grafico-capitulo1-02otroseventos2 desarrollo interfaz_grafico-capitulo1-02otroseventos
2 desarrollo interfaz_grafico-capitulo1-02otroseventos
Camilo Herreño
 
Interfaz gráfica de usuario
Interfaz gráfica de usuarioInterfaz gráfica de usuario
Interfaz gráfica de usuario
aleja0940
 
Programando bajo el paradigma orientado a objetos, parte uno
Programando bajo el paradigma orientado a objetos, parte unoProgramando bajo el paradigma orientado a objetos, parte uno
Programando bajo el paradigma orientado a objetos, parte uno
Ing-D-SW-TorresKhano--ME
 
Introduccion Scratch
Introduccion ScratchIntroduccion Scratch
Introduccion Scratch
miguelmaneu78
 

Tendances (18)

Java event
Java eventJava event
Java event
 
Programación III (Java) - 07 Eventos
Programación III (Java) - 07 EventosProgramación III (Java) - 07 Eventos
Programación III (Java) - 07 Eventos
 
Menejo de eventos en java introduccion
Menejo de eventos en java introduccionMenejo de eventos en java introduccion
Menejo de eventos en java introduccion
 
Java Listeners
Java ListenersJava Listeners
Java Listeners
 
Tópicos avanzados de programación eventos
Tópicos  avanzados  de programación   eventosTópicos  avanzados  de programación   eventos
Tópicos avanzados de programación eventos
 
2 desarrollo interfaz_grafico-capitulo1-02otroseventos
2 desarrollo interfaz_grafico-capitulo1-02otroseventos2 desarrollo interfaz_grafico-capitulo1-02otroseventos
2 desarrollo interfaz_grafico-capitulo1-02otroseventos
 
Eventos
EventosEventos
Eventos
 
Interfaz gráfica de usuario
Interfaz gráfica de usuarioInterfaz gráfica de usuario
Interfaz gráfica de usuario
 
Laptop xosecundariascratch
Laptop xosecundariascratchLaptop xosecundariascratch
Laptop xosecundariascratch
 
Eventos y listeners en Java Swing
Eventos y listeners en Java SwingEventos y listeners en Java Swing
Eventos y listeners en Java Swing
 
Reporte unidad3
Reporte unidad3Reporte unidad3
Reporte unidad3
 
presentacion topicos unidad 1
presentacion topicos unidad 1presentacion topicos unidad 1
presentacion topicos unidad 1
 
Programando bajo el paradigma orientado a objetos, parte uno
Programando bajo el paradigma orientado a objetos, parte unoProgramando bajo el paradigma orientado a objetos, parte uno
Programando bajo el paradigma orientado a objetos, parte uno
 
Sesion12-Componentes AWT
Sesion12-Componentes AWTSesion12-Componentes AWT
Sesion12-Componentes AWT
 
Eventos, Topicos Avanzados de Programacion
Eventos, Topicos Avanzados de Programacion Eventos, Topicos Avanzados de Programacion
Eventos, Topicos Avanzados de Programacion
 
Introduccion Scratch
Introduccion ScratchIntroduccion Scratch
Introduccion Scratch
 
99
9999
99
 
Manual de scratch
Manual de scratchManual de scratch
Manual de scratch
 

Similaire à Event Programing & Driven Mediator Pattern

Similaire à Event Programing & Driven Mediator Pattern (20)

Eventos
EventosEventos
Eventos
 
inv unidad 1 topicos avanzados de programacion
inv unidad 1 topicos avanzados de programacioninv unidad 1 topicos avanzados de programacion
inv unidad 1 topicos avanzados de programacion
 
Clase event
Clase eventClase event
Clase event
 
Manejo De Eventos En Cs3
Manejo De Eventos En Cs3Manejo De Eventos En Cs3
Manejo De Eventos En Cs3
 
6.eventos y swing
6.eventos y swing6.eventos y swing
6.eventos y swing
 
Que es action scrip 3
Que es  action scrip 3Que es  action scrip 3
Que es action scrip 3
 
2TAP Tema 1-Eventos.pptx
2TAP Tema 1-Eventos.pptx2TAP Tema 1-Eventos.pptx
2TAP Tema 1-Eventos.pptx
 
Flex Camp 2008. Ricardo Poblete
Flex Camp 2008. Ricardo PobleteFlex Camp 2008. Ricardo Poblete
Flex Camp 2008. Ricardo Poblete
 
2trabajo
2trabajo2trabajo
2trabajo
 
Eventos tpa walter isc
Eventos tpa walter iscEventos tpa walter isc
Eventos tpa walter isc
 
Introducción a action script 3
Introducción a action script 3Introducción a action script 3
Introducción a action script 3
 
SyntheticEvent – React.pdf
SyntheticEvent – React.pdfSyntheticEvent – React.pdf
SyntheticEvent – React.pdf
 
Natalia gonzález villamil (1)
Natalia gonzález villamil (1)Natalia gonzález villamil (1)
Natalia gonzález villamil (1)
 
Que es action scrip 3
Que es  action scrip 3Que es  action scrip 3
Que es action scrip 3
 
Que es action scrip 3
Que es  action scrip 3Que es  action scrip 3
Que es action scrip 3
 
03 interfaces gráficas awt
03   interfaces gráficas awt03   interfaces gráficas awt
03 interfaces gráficas awt
 
Programacion Orientada a Eventos
Programacion Orientada a EventosProgramacion Orientada a Eventos
Programacion Orientada a Eventos
 
ActionScript 3.0 GERMAN MIELES11-2
ActionScript 3.0 GERMAN MIELES11-2ActionScript 3.0 GERMAN MIELES11-2
ActionScript 3.0 GERMAN MIELES11-2
 
David garcia
David garciaDavid garcia
David garcia
 
David garcia
David garciaDavid garcia
David garcia
 

Dernier

🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
EliaHernndez7
 
6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf
6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf
6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf
MiNeyi1
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docx
lupitavic
 
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdfNUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
UPTAIDELTACHIRA
 
Proyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdfProyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdf
patriciaines1993
 

Dernier (20)

AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA IIAFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
 
Power Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptxPower Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptx
 
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
 
6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf
6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf
6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf
 
Unidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la InvestigaciónUnidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la Investigación
 
Sesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronósticoSesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronóstico
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docx
 
ACTIVIDAD DIA DE LA MADRE FICHA DE TRABAJO
ACTIVIDAD DIA DE LA MADRE FICHA DE TRABAJOACTIVIDAD DIA DE LA MADRE FICHA DE TRABAJO
ACTIVIDAD DIA DE LA MADRE FICHA DE TRABAJO
 
Infografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdfInfografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdf
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
 
2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf
2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf
2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf
 
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSOCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcción
 
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).pptPINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
 
Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024
 
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdfFeliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
 
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdfNUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
 
Proyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdfProyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdf
 
SEPTIMO SEGUNDO PERIODO EMPRENDIMIENTO VS
SEPTIMO SEGUNDO PERIODO EMPRENDIMIENTO VSSEPTIMO SEGUNDO PERIODO EMPRENDIMIENTO VS
SEPTIMO SEGUNDO PERIODO EMPRENDIMIENTO VS
 

Event Programing & Driven Mediator Pattern