SlideShare una empresa de Scribd logo
1 de 9
Integrantes:
Rojas Joherny
Guevara Jesús
Mendoza miguel
Agosto- 2016
Interfaz grafica de usuario
(GUI)
¿Qué se entiende por GUI?
Llamamos Interfaz Gráfica GUI (Graphical User Interface) al conjunto de
componentes gráficos que posibilitan la interacción entre el usuario y la
aplicación. Es decir ventanas, botones, campos de texto, etc.
Los componentes son objetos de las clases que heredan de la clase
base componente como Button, List, TextField, TextArea, Label, etc.
En una GUI los componentes son contenidos en Contenedores o containers. Un
Containes es un objeto cuya clase hereda de Container(clase que a su vez es
subclase de Component) y tiene la responsabilidad de contener Componentes.
Generalmente una GUI se monta sobre un Frame. Esté sera el Container principal
que contendrá a los componentes de la Interfaz Gráfica, un Container podría
contener a otros containers.
¿Qué son las distribuciones layouts?
Los containers contienen componentes y estos son acomodados dentro del
espacio visual del container respetando una cierta distribución que llamaremos
layout.
Los layouts determinan el criterio con el que se van a distribuir los componentes
dentro del container, Ademas Todo el manejo de eventos y layouts es
exactamente el mismo para AWT y Swing.
Tipos de layouts:
 FlowLayout : Distribuye los componentes uno al lado del otro en la parte
superior del container. Por defecto provee una alineación centrada, pero
también puede alinear a la izquierda o derecha.
 BorderLayout: Divide el espacio del container en 5 regiones: NORTH, SOUTH,
EAST, WEST y CENTER, admite un único componente por región.
 GridLayout: Divide el espacio del container en una grilla de n filas por m
columnas, en donde las celdas son de igual tamaño.
 GridBagLayout: Divide el espacio del container en una grilla donde cada
componente puede ocupar varias filas y columnas. Además permite distribuir
el espacio interno de cada celda.
¿Qué es AWT?
son las siglas de Abstract Window ToolKit, las herramientas originales de
Java para crear interfaces gráficas.
Es una librería GUI portable para aplicaciones autónomas y/o applets,
proporciona la conexión entre nuestra aplicación y el GUI nativo.
Java provee dos API's con las que podemos trabajar para
desarrollar GUI, la más básica es AWT (Abstrct Window Toolkit).
Las más desarrolladas se hacen con Swing.
Las prestaciones de AWT incluyen:
 Un amplio grupo de componentes de usuario.
 Un modelo de manejo de eventos robusto.
 Herramientas gráficas y de imágenes (clases de Formas, colores y fuentes).
 Manejadores de diseño que no dependen del tamaño de pantalla o resolución.
 Clases de transferencia de datos, para copiar-pegar a través del portapapeles
de la plataforma.
Los componentes de AWT dependen de componentes de código nativo, por lo que
a los componentes se les suele llamar “heavyweight components” (componentes
pesados).
AWT está pensado para aplicaciones que corran en navegadores antiguos y
definido con los mínimos de cualquier aplicación, es por esto que no incluye
componentes complejos como pueden ser tablas, vistas de árbol, barras de
progreso y otros.
¿Que es Swing?
Swing implementa un juego de componentes construidos sobre AWT y además
proporciona un “look and feel” conectable/intercambiable, además Está escrito
100% en código Java.
Sus características incluyen:
 Todas las prestaciones de AWT.
 Componentes 100% Java de las versiones de los componentes de AWT.
 Un rico conjunto de componentes de alto nivel (listas en árbol, paneles de
pestañas, etc...).
 Un diseño Java puro, no depende de terceros.
 Look and feel intercambiable.
Comparación de AWT y Swing
AWT Swing
Applet JApplet
Frame JFrame
Window JWindow
Dialog JDialog
Component JComponent
Panel JPanel
Button JButton
Canvas Panel
Checkbox JCheckBox o JRadioButton
Choice JComboBox
Label JLabel
List JList
TextArea JTextArea
TextField JTextField
Menu JMenu
MenuItem JMenuItem
los controles que tienen la estrellas de 4
puntas son las que utilizaremos para
nuestro posterior programa, y además se
mencionaran algunos de sus métodos.
se puede decir que si queremos que nuestra aplicación corra en cualquier
entorno, independientemente de la antigüedad del mismo, deberíamos usar AWT;
ahora bien, si lo que queremos es una herramienta potente, flexible, usar tablas
y otros componentes complejos; y completamente adaptable a nuestras
necesidades, usaremos la tecnología Swing.

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

Diapos de topicos
Diapos de topicosDiapos de topicos
Diapos de topicos
 
Guis en java-1pp_2012_
Guis en java-1pp_2012_Guis en java-1pp_2012_
Guis en java-1pp_2012_
 
Android
AndroidAndroid
Android
 
Java GUI La librería Swing
Java GUI La librería Swing Java GUI La librería Swing
Java GUI La librería Swing
 
Interfaz gráfica de usuario y eventos (introducción)
Interfaz gráfica de usuario y eventos (introducción)Interfaz gráfica de usuario y eventos (introducción)
Interfaz gráfica de usuario y eventos (introducción)
 
Java swing
Java swingJava swing
Java swing
 
Contenedores Swing en Netbeans
Contenedores Swing en NetbeansContenedores Swing en Netbeans
Contenedores Swing en Netbeans
 
Introducción a Swing
Introducción a SwingIntroducción a Swing
Introducción a Swing
 
Clase 5 JAVA 2012
Clase 5 JAVA 2012Clase 5 JAVA 2012
Clase 5 JAVA 2012
 
Herramientas y Desarrollo de Software
Herramientas y Desarrollo de SoftwareHerramientas y Desarrollo de Software
Herramientas y Desarrollo de Software
 
Terminos
TerminosTerminos
Terminos
 
Introducción a la progrogramación orientada a objetos - Java
Introducción a la progrogramación orientada a objetos - JavaIntroducción a la progrogramación orientada a objetos - Java
Introducción a la progrogramación orientada a objetos - Java
 
Cuestionario
CuestionarioCuestionario
Cuestionario
 
Visual basic 6 introduccion
Visual basic 6 introduccionVisual basic 6 introduccion
Visual basic 6 introduccion
 
Introduccion al Visual Basic subido JHS
Introduccion al Visual Basic subido JHSIntroduccion al Visual Basic subido JHS
Introduccion al Visual Basic subido JHS
 
Mapeo en dream weaver
Mapeo en dream weaverMapeo en dream weaver
Mapeo en dream weaver
 
Luis jose coronel num 42
Luis jose coronel num 42Luis jose coronel num 42
Luis jose coronel num 42
 
java swing vs awt
java swing vs awtjava swing vs awt
java swing vs awt
 
Trabajo de programacion (visual basic)
Trabajo de programacion (visual basic)Trabajo de programacion (visual basic)
Trabajo de programacion (visual basic)
 
S5 p2
S5 p2S5 p2
S5 p2
 

Destacado (6)

Windows 7 basics
Windows 7 basicsWindows 7 basics
Windows 7 basics
 
Organigramas
OrganigramasOrganigramas
Organigramas
 
Manual sanitaria
Manual sanitariaManual sanitaria
Manual sanitaria
 
Computer concepts nballsgtc
Computer concepts nballsgtcComputer concepts nballsgtc
Computer concepts nballsgtc
 
Clark Chandler CV 2016
Clark Chandler CV 2016Clark Chandler CV 2016
Clark Chandler CV 2016
 
QUALIFICATIONS
QUALIFICATIONSQUALIFICATIONS
QUALIFICATIONS
 

Similar a Presentacion de dictar clase de gui

Similar a Presentacion de dictar clase de gui (20)

Trabajo teórico exposcición
Trabajo teórico exposciciónTrabajo teórico exposcición
Trabajo teórico exposcición
 
Controles
ControlesControles
Controles
 
Cuadro comparativo AWT-SWING
Cuadro comparativo AWT-SWINGCuadro comparativo AWT-SWING
Cuadro comparativo AWT-SWING
 
Swing
SwingSwing
Swing
 
Unidad 3 topicos avanzados de programacion
Unidad 3 topicos avanzados de programacionUnidad 3 topicos avanzados de programacion
Unidad 3 topicos avanzados de programacion
 
Swing j button, jcheck box y jradiobutton
Swing j button, jcheck box y jradiobuttonSwing j button, jcheck box y jradiobutton
Swing j button, jcheck box y jradiobutton
 
Java Awt
Java AwtJava Awt
Java Awt
 
POO Unidad 3: Interfaz gráfica de usuario e hilos
POO Unidad 3: Interfaz gráfica de usuario e hilosPOO Unidad 3: Interfaz gráfica de usuario e hilos
POO Unidad 3: Interfaz gráfica de usuario e hilos
 
Jfc java
Jfc javaJfc java
Jfc java
 
curso android tema 3
curso android tema 3curso android tema 3
curso android tema 3
 
Programacion_II_introduccion_GUI
Programacion_II_introduccion_GUIProgramacion_II_introduccion_GUI
Programacion_II_introduccion_GUI
 
JAVA Interfaz gráfica (GUI)
JAVA Interfaz gráfica (GUI)JAVA Interfaz gráfica (GUI)
JAVA Interfaz gráfica (GUI)
 
Java 120706083911-phpapp01
Java 120706083911-phpapp01Java 120706083911-phpapp01
Java 120706083911-phpapp01
 
Awt vs Java swing
Awt vs Java swingAwt vs Java swing
Awt vs Java swing
 
Impress
ImpressImpress
Impress
 
AWT Y SWING
AWT Y SWINGAWT Y SWING
AWT Y SWING
 
AwtVSswing
AwtVSswingAwtVSswing
AwtVSswing
 
Clase swing
Clase swingClase swing
Clase swing
 
Controles swing
Controles swingControles swing
Controles swing
 
Java swing
Java swingJava swing
Java swing
 

Último

Las redes sociales en el mercado digital
Las redes sociales en el mercado digitalLas redes sociales en el mercado digital
Las redes sociales en el mercado digitalNayaniJulietaRamosRa
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webDecaunlz
 
Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenadanielaerazok
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenajuniorcuellargomez
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfisrael garcia
 
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señorkkte210207
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAdanielaerazok
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdfedwinmelgarschlink2
 
Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdflauradbernals
 

Último (9)

Las redes sociales en el mercado digital
Las redes sociales en el mercado digitalLas redes sociales en el mercado digital
Las redes sociales en el mercado digital
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la web
 
Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalena
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalena
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
 
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf
 
Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdf
 

Presentacion de dictar clase de gui

  • 1. Integrantes: Rojas Joherny Guevara Jesús Mendoza miguel Agosto- 2016 Interfaz grafica de usuario (GUI)
  • 2. ¿Qué se entiende por GUI? Llamamos Interfaz Gráfica GUI (Graphical User Interface) al conjunto de componentes gráficos que posibilitan la interacción entre el usuario y la aplicación. Es decir ventanas, botones, campos de texto, etc. Los componentes son objetos de las clases que heredan de la clase base componente como Button, List, TextField, TextArea, Label, etc. En una GUI los componentes son contenidos en Contenedores o containers. Un Containes es un objeto cuya clase hereda de Container(clase que a su vez es subclase de Component) y tiene la responsabilidad de contener Componentes. Generalmente una GUI se monta sobre un Frame. Esté sera el Container principal que contendrá a los componentes de la Interfaz Gráfica, un Container podría contener a otros containers.
  • 3. ¿Qué son las distribuciones layouts? Los containers contienen componentes y estos son acomodados dentro del espacio visual del container respetando una cierta distribución que llamaremos layout. Los layouts determinan el criterio con el que se van a distribuir los componentes dentro del container, Ademas Todo el manejo de eventos y layouts es exactamente el mismo para AWT y Swing.
  • 4. Tipos de layouts:  FlowLayout : Distribuye los componentes uno al lado del otro en la parte superior del container. Por defecto provee una alineación centrada, pero también puede alinear a la izquierda o derecha.  BorderLayout: Divide el espacio del container en 5 regiones: NORTH, SOUTH, EAST, WEST y CENTER, admite un único componente por región.  GridLayout: Divide el espacio del container en una grilla de n filas por m columnas, en donde las celdas son de igual tamaño.  GridBagLayout: Divide el espacio del container en una grilla donde cada componente puede ocupar varias filas y columnas. Además permite distribuir el espacio interno de cada celda.
  • 5. ¿Qué es AWT? son las siglas de Abstract Window ToolKit, las herramientas originales de Java para crear interfaces gráficas. Es una librería GUI portable para aplicaciones autónomas y/o applets, proporciona la conexión entre nuestra aplicación y el GUI nativo. Java provee dos API's con las que podemos trabajar para desarrollar GUI, la más básica es AWT (Abstrct Window Toolkit). Las más desarrolladas se hacen con Swing.
  • 6. Las prestaciones de AWT incluyen:  Un amplio grupo de componentes de usuario.  Un modelo de manejo de eventos robusto.  Herramientas gráficas y de imágenes (clases de Formas, colores y fuentes).  Manejadores de diseño que no dependen del tamaño de pantalla o resolución.  Clases de transferencia de datos, para copiar-pegar a través del portapapeles de la plataforma. Los componentes de AWT dependen de componentes de código nativo, por lo que a los componentes se les suele llamar “heavyweight components” (componentes pesados). AWT está pensado para aplicaciones que corran en navegadores antiguos y definido con los mínimos de cualquier aplicación, es por esto que no incluye componentes complejos como pueden ser tablas, vistas de árbol, barras de progreso y otros.
  • 7. ¿Que es Swing? Swing implementa un juego de componentes construidos sobre AWT y además proporciona un “look and feel” conectable/intercambiable, además Está escrito 100% en código Java. Sus características incluyen:  Todas las prestaciones de AWT.  Componentes 100% Java de las versiones de los componentes de AWT.  Un rico conjunto de componentes de alto nivel (listas en árbol, paneles de pestañas, etc...).  Un diseño Java puro, no depende de terceros.  Look and feel intercambiable.
  • 8. Comparación de AWT y Swing AWT Swing Applet JApplet Frame JFrame Window JWindow Dialog JDialog Component JComponent Panel JPanel Button JButton Canvas Panel Checkbox JCheckBox o JRadioButton Choice JComboBox Label JLabel List JList TextArea JTextArea TextField JTextField Menu JMenu MenuItem JMenuItem los controles que tienen la estrellas de 4 puntas son las que utilizaremos para nuestro posterior programa, y además se mencionaran algunos de sus métodos.
  • 9. se puede decir que si queremos que nuestra aplicación corra en cualquier entorno, independientemente de la antigüedad del mismo, deberíamos usar AWT; ahora bien, si lo que queremos es una herramienta potente, flexible, usar tablas y otros componentes complejos; y completamente adaptable a nuestras necesidades, usaremos la tecnología Swing.