Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

Interfaces Gráficas de Usuario en NetBeans

No description
by

guillermina j r

on 22 November 2016

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Interfaces Gráficas de Usuario en NetBeans

Una Interfaz Gráfica de usuario (GUI) es el conjunto de componentes gráficos que posibilitan la interacción entre el usuario y la aplicación.
Se utilizan elementos gráficos como:
texto
botones
imágenes
listas
cajas de verificación, etc.
En la figura de abajo podemos apreciar una GUI, para una minicalculadora.
Interfaz Gráfica de Usuario
GUI (Graphical User Interface)
Pasos para crear una GUI, para una calculadora
Salida
Para crear una interfaz Gráfica de usuario vamos a utilizar el IDE de Netbeans.

El NetBeans IDE es un Entorno de Desarrollo Integrado (IDE) gratuito y de código abierto, hecho principalmente para el lenguaje de programación Java.
Es multiplataforma

En esta herramienta los programadores puedan:
Escribir códigos
Compilar
Depurar
Ejecutar Programas


Ing. Guillermina Jiménez Rasgado
Diseño de interfases usando objetos básicos
Calculadora
De doble clic a cada botón (Sumar, Nuevo, Salir) y escriba las siguientes instrucciones.
Tecnológico Nacional de México
Instituto Tecnológico de Minatitlán

Contenedores
Se usan para agrupar los componentes
Ejemplos:
Frames, Panels y Applets


Los frames(marcos) son ventanas en las que se pueden colocar otros controles para crear GUI.

javax.swing.JFrame
Gracias !!
Ejemplo2 GUI
NetBeans-Arduino
Evento
Un evento ocurre cuando el usuario interactúa con un objeto u elemento de la GUI.

Por ejemplo cuando presiona un botón
Arrastra un elemento
Selecciona una opción.

Los elementos se programan para responder los eventos, y se utilizan métodos para llevarlos a cabo.
Para crear interfaces gráficas de usuario, Java provee dos APIs: AWT y el SWING.
java.awt
(Abstract Window Toolkit)
javax.swing

Dependen de las facilidades gráficas ofrecidas por cada sistema operativo: los programas escritos con awt tendrán un "look and feel" distinto en windows y en Unix.

java.awt
javax.swing
Swing es 100% java y, por tanto, completamente independiente de la plataforma .
Utiliza el modelo de eventos.
Los elementos comienzan con "J", por ejemplo: JButton, JTextField, JTextArea, JPanel y JFrame son clases de Swing.

Componentes de GUI
Referencias
http://elvex.ugr.es/decsai/java/pdf/D0-gui.pdf
http://proyuacouart.wikispaces.com/file/view/Interfaces+gr%C3%A1ficas+con+Java.pdf
http://dalila.sip.ucm.es/~manuel/JSW1/Slides/Swing.pdf
http://www.fdi.ucm.es/profesor/jpavon/poo/tema6resumido.pdf
Programación Visual
En la figura de abajo podemos apreciar los elementos básicos que componen una GUI.
1. Abrimos el NetBeans
2. Seleccionamos el menú
File > New Project
Java > Java Application
2. Damos clic derecho en el projecto New > JFrameForm

Arrastramos al Frame tres jLabels, tres jTextFields y seis jButtons
Full transcript