• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Calculadora Gráfica Java implementando el Patrón MVC
 

Calculadora Gráfica Java implementando el Patrón MVC

on

  • 8,505 views

Esta presentación muestra como aplicar el patrón MVC en el desarrollo de aplicaciones Java usando las librerías gráficas Swing. ...

Esta presentación muestra como aplicar el patrón MVC en el desarrollo de aplicaciones Java usando las librerías gráficas Swing.

Todo el código está escrito siguiendo un enfoque estricto de legibilidad que permita claridad y entendimiento para comodidad del lector.

0412 - 517 37 13

ignacio_345@hotmail.com

Venezuela - Yaracuy - San Felipe - Marín

Statistics

Views

Total Views
8,505
Views on SlideShare
8,505
Embed Views
0

Actions

Likes
4
Downloads
297
Comments
5

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

15 of 5 previous next Post a comment

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • @camiloandresochoaparra Buen día!

    public class ClasePrincipal
    {
    public static void main(String args[])
    {
    ClaseModelo modelo = new ClaseModelo();
    ClaseVista vista = new ClaseVista();
    new ClaseControlador(vista, modelo);
    }
    }
    Are you sure you want to
    Your message goes here
    Processing…
  • amigo me sale este erro en la clase Principal

    Exception in thread 'main' java.lang.RuntimeException: Uncompilable source code - Erroneous ctor sym type: calculadorasuma.Controlador.
    at calculadorasuma.Principal.main(Principal.java:9)

    ----esto es lo que hay en la clase (Principal)-------------------------
    package calculadorasuma;

    public class Principal {

    public static void main(String args[]) {
    Modelo modelo = new Modelo();
    Vista vista = new Vista();

    new claseControlador(vista, modelo);
    }
    }
    new claseControlador(vista, modelo);


    }
    }
    Are you sure you want to
    Your message goes here
    Processing…
  • http://trendfinder.comyr.com/wordpress/configuracion-proyecto-web-mvc-con-eclipse-y-spring-3-2/
    Are you sure you want to
    Your message goes here
    Processing…
  • Aquí dejo un pequeño tutorial para quién quiera saber más sobre el tema: MVC: Modelo Vista Controlador (Java)
    Are you sure you want to
    Your message goes here
    Processing…
  • Tengo una duda: El uso de java beans en un proyecto en java swing difiere al MVC? digo porque en la Vista se crean los Bindigs. Saludos
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Calculadora Gráfica Java implementando el Patrón MVC Calculadora Gráfica Java implementando el Patrón MVC Presentation Transcript

    • Desarrollo de Aplicaciones Java Arquitectura MVC Interacción entre el Modelo, la Vista y el Controlador. Autor del Presente Tutorial Ingeniero de Sistemas Ignacio R. Aular R. SCJP 310-055
    • Esquema ● Uso de librerías para crear elementos gráficos. ● Distribución de la aplicación en tres capas.
    • Objetivo Mostrar el uso del patrón MVC en el desa- rrollo de aplicaciones de escritorio imple- mentando las librerías swing de Java.
    • Situación Presente ● Carencia de material instruccional con contenidos bre- ves y precisos que permita al joven novicio aprender con una curva mínima de esfuerzo, para poder ofrecer Soluciones de Software de Calidad, en cumplimiento con los lineamientos éxigidos por el PNFI, de acuerdo al perfil que debe poseer el egresado como Ingeniero en Informática. ● Estudiantes principiantes en Java requieren constante asesoría para comprender y aplicar el patrón MVC.
    • Alternativas Posibles ● Conocer las convenciones internacionales de Java emanadas por Oracle (Ingles). ● Investigar, conocer y aplicar las normas de escritura de programas en Java.
    • Recomendaciones ● La primera alternativa es muy recomendada. ● Conocer la importancia de seguir las conven- ciones para escritura de código en cualquier len- guaje de programación, de marcado o de comu- nicación con base de datos. ● En el próximo tutorial veremos la interacción con base de datos bajo el patrón MVC, no se lo pueden perder.
    • Ejemplo Swing de Java y MVC Interfáz Gráfica de Usuario (GUI)
    • Descripción General ● La Vista recibe datos por parte del usuario. ● Reacciona ante la ocurrencia de un evento. ● Hace el llamado al Controlador. ● El Controlador escucha el evento. ● Transfiere la solicitud al Modelo. ● El Modelo procesa datos y retorna la información al Controlador y éste le informa a la Vista para que los muestre como resultado al usuario.
    • Arquitectura MVC Básica VISTA Solamente Componentes Gráficos MODELO Base de Datos Lógica CONTROLADOR Conecta la Vista y al Modelo
    • Idea Global Introducción: La arquitectura MVC se usa para separar el la Vista del Modelo que interactúan entre sí mediante un comunicador común entre ambos llamado Controlador. Tutorial: Nuestra aplicación se llamará: "Sumar dos números", la misma será usada para mostrar la arquitectura MVC y es por tanto que se dividirá este programa en cuatro partes.
    • Clases de la Aplicación ● Modelo: ClaseModelo. ● Vista: ClaseVista. ● Controlador: ClaseControlador. ● Inicializadora: ClasePrincipal.
    • La Vista Parte 1 Importar Librerías: import java.awt.Container; import java.awt.FlowLayout; import javax.swing.JButton; import javax.swing.JFrame; import javax.swing.JLabel; import javax.swing.JTextField;
    • La Vista Parte 2 Definición de clase: public class ClaseVista extends JFrame {
    • La Vista Parte 3 Declaración de objetos: Container bloqueContenedor = null; JTextField cajaDeTextoNumero1 = null; JTextField cajaDeTextoNumero2 = null; JTextField cajaDeTextoResultado = null; JLabel etiquetaNumero1 = null; JLabel etiquetaNumero2 = null; JLabel etiquetaResultado = null; JButton botonSumar = null;
    • La Vista Parte 4 Definición del constructor: public ClaseVista() {
    • La Vista Parte 5 Definiendo el contenedor: bloqueContenedor = getContentPane(); setTitle("Calculadora MVC"); setLayout(new FlowLayout()); setSize(220,200);
    • La Vista Parte 6 Definiendo cada componente: etiquetaNumero1 = new JLabel("Numero 01: "); cajaDeTextoNumero1 = new JTextField("", 10); etiquetaNumero2 = new JLabel("Numero 02: "); cajaDeTextoNumero2 = new JTextField("", 10); etiquetaResultado = new JLabel("Resultado: "); cajaDeTextoResultado = new JTextField("", 10); botonSumar = new JButton("Sumar");
    • La Vista Parte 7 Agregamos cada conponente al contenedor: bloqueContenedor.add(etiquetaNumero1); bloqueContenedor.add(cajaDeTextoNumero1); bloqueContenedor.add(etiquetaNumero2); bloqueContenedor.add(cajaDeTextoNumero2); bloqueContenedor.add(etiquetaResultado); bloqueContenedor.add(cajaDeTextoResultado); bloqueContenedor.add(botonSumar);
    • La Vista Parte 9 Hacemos que el contenedor sea visible: setVisible(true); } }
    • El Controlador Parte 1 Importamos Librerías: import java.awt.event.ActionEvent; import java.awt.event.ActionListener;
    • El Controlador Parte 2 Definimos la clase: public class ClaseControlador implements ActionListener {
    • El Controlador Parte 3 Declaramos dos objetos nuevos: ClaseModelo objModelo = null; ClaseVista objVista = null;
    • El Controlador Parte 4 Definimos el constructor: public ClaseControlador(ClaseVista objVista, ClaseModelo objModelo) { this.objModelo = objModelo; this.objVista = objVista; actionListener(this); // Escuchador para el botón }
    • El Controlador Parte 5 Sobreescribir un método: @Override public void actionPerformed(ActionEvent objEvento) { try {
    • El Controlador Parte 6 Tomamos los datos de entrada: // Capturamos los números desde la vista String numero1 = this.objVista.cajaDeTextoNumero1.getText(); String numero2 = this.objVista.cajaDeTextoNumero2.getText();
    • El Controlador Parte 7 Llamamos al método para sumar: int resultado = objModelo.sumarDosEnteros(numero1, numero2);
    • El Controlador Parte 8 Mostramos los datos en la salida: // Mostramos el resultado en la vista (GUI) objVista.cajaDeTextoResultado.setText( "" + resultado ); }
    • El Controlador Parte 9 Sí ocurre un error lo mostramos: catch(Exception objExcepcion) { objExcepcion.printStackTrace(); } }
    • El Controlador Parte 10 Proporcionamos un escuchador: public void actionListener(ActionListener escuchador) { objVista.botonSumar.addActionListener(escuchador); } }
    • El Modelo Parte 1 Definimos la clase: public class ClaseModelo {
    • El Modelo Parte 2 Definimos el método para sumar: // Implementa la lógica del objetivo principal del programa public int sumarDosEnteros(String n1, String n2) {
    • El Modelo Parte 3 Declaramos, convertimos e inicializamos: int numero1 = Integer.parseInt(n1); int numero2 = Integer.parseInt(n2); int resultado = numero1 + numero2;
    • El Modelo Parte 4 Retornamos el resultado al llamador: return (resultado); } }
    • La Clase Principal Parte 1 Definimos la clase: public class ClasePrincipal {
    • La Clase Principal Parte 2 Definimos el metodo principal: public static void main(String args[]) {
    • La Clase Principal Parte 3 Creamos los objetos necarios: ClaseModelo modelo = new ClaseModelo(); ClaseVista vista = new ClaseVista();
    • La Clase Principal Parte 4 Instanciamos al constructor de la clase: new ClaseControlador(vista, modelo); } }
    • La Clase Principal Parte 5 Pasamos los objetos al controlador: new ClaseControlador(vista, modelo); } }
    • Ejecución de la Aplicación Parte 1 Compilar Java desde la terminal: usuario@localhost:~$ javac ClasePrincipal.java Ejecutar Java desde la terminal: usuario@localhost:~$ java ClasePrincipal
    • Ejecución de la Aplicación Parte 2
    • Ejecución de la Aplicación Parte 3 Calculadora MVC: