:: Prof. Yeniffer Peña Programación I Interface Gráfica de Usuario Presentación.

Slides:



Advertisements
Presentaciones similares
Qué es una Comunidad? Comunidades… … compartir conocimientos, noticias y documentación entre agrupaciones de usuarios en torno a un tema determinado. Pestaña.
Advertisements

Como Utilizar Slide en tu Blog Una guía Rápida. PROMEDU Lic. Lina Bosch Ing. Javier Argachá
Cruz Roja Mexicana Delegación León Curso de Introducción a Microsoft Windows II Francisco Jorge Valdovinos Barragán Junio
Qué es una ventana En informática, una ventana es un área visual, normalmente de forma rectangular, que contiene algún tipo de interfaz de usuario, mostrando.
DE LAS CUENTAS DE USUARIO Y OPCIONES DE CARPETA
Windows es un sistema operativo
Curso Básico de Crystal Presentation Design (Departamental Edition) Xcelsius Sesión 4.
Ingeniero Anyelo Quintero
TALLER DE ALFABETIZACIÓN DIGITAL
DISEÑO DE SITIOS WEB FRONTPAGE 2003.
Procesador de Texto Microsoft Office Word 2007
T RABAJO DE COMPUTACIÓN. P ower Point 2007 Presenta una serie de novedades con la nueva cinta de opciones los SmartArt, ofrece la posibilidad de guardar.
PRESENTACION MULTIMEDIA
ENTORNO GRÁFICO DE VISUAL BASIC 2013
:: Prof. Yeniffer Peña Programación I Interface Gráfica de Usuario Presentación.
DESARROLLO DE APLICACIONES MOVILES I. Temas – CheckBox – Spinner.
Windows es un sistema operativo
1 Planilla de cálculo TALLER DE ALFABETIZACIÓN DIGITAL.
EI, Profesor Ramón Castro Liceaga Agosto de 2005 UNIVERSIDAD LATINA (UNILA) PROGRAMACION ORIENTADA A OBJETOS EN JAVA (Optativa) PROGRAMACION DE INTERFASES.
Pictures Barras. Imágenes Existen 2 controles gráficos: Picture Box e Image ► Ambos controles permiten desplegar archivos gráficos de tipo, gif, bitmap,
Técnico Superior en Administración. PROCESADOR DE TEXTOS Software que posibilita la creación o modificación de documentos escritos por medio de una computadora.
FORMULAS ESTADISTICAS.
QUÈ ES VISUAL BASIC ES UN LENGUAJE DE PROGRAMACIÒN QUE SE HA DISEÑADO PARA FACILITAR EL DESARROLLO DE APLICACIONES EN EL ENTORNO GRÀFICO (GUI GRAPHICAL.
QUIMESTRE II PARCIAL I.
:: Prof. Yeniffer Peña Programación I Interface Gráfica de Usuario Presentación.
Informatica I Clase 2 Técnico en Diseño Gráfico 1.
Guardar un documento por primera vez
EXCEL 2010 INTECSA.
OBJETIVO DEL MODULO Después de este módulo tus documentos pasaran de ser un simple texto a verdaderos textos profesionales con los elementos adecuados.
Ing. Esp. Ricardo Cújar. SWING  Paquete de Java que permite el desarrollo de interfaces gráficas de usuario.  Api Swing, es sumamente flexible y se.
Microsoft Power Point Tema: “Como manejo del Power Point como herramienta estudiantil”.
Profesora: Angela Maiz
EduCat Prototipos. Introducción En las próximas páginas se muestra un bosquejo de lo que será la interfaz gráfica de nuestro programa, EduCat, para los.
Visual Basic. Sorange campos Introducción Es uno de los tantos lenguajes de programación que podemos encontrar hoy en día. Dicho lenguaje nace del BASIC.
INFORMÁTICA DESDE CERO
Unidad 1 Universidad Arturo Prat. "Computación". Prof. Miguel Carrasco A SISTEMA OPERATIVO WINDOWS.
A continuación podrás conocer y llevar a cabo las operaciones propias de Formatos y Aspecto del Texto en CALC. Haz click en el botón destacado.
INTRODUCCIÓN A LA PROGRAMACIÓN ORIENTADA A OBJETOS GUI.
EL COMPUTADOR. INDICE  Qué es Qué es  El software El software  El hardware El hardware  periféricos de entrada: teclado, mouse, micrófono, escáner,
Es un ambiente gráfico de desarrollo de aplicaciones para el sistema operativo Microsoft Windows. Las aplicaciones creadas con Visual Basic están basadas.
M.C. Meliza Contreras González.  Se le llama interfaz gráfica al conjunto de componentes gráficos(ventanas, botones, combos, listas, cajas de dialogo,
P O W E R P O I N T CONCEPTOS BÁSICOS 1.
Application Unit Software ZEN Support Tools. Application Unit Arranque Software ZEN Como cualquier otra aplicación de Windows, para ejecutar el Software.
División Académica de Ciencias Sociales y Humanidades.
Procesador de textos. Componentes de Word. Multiversidad Latinoamericana Campus Celaya Bachillerato Informática I Prof. Brayan Tula Villanueva 1er. Semestre.
:: Prof. Yeniffer Peña Programación I Interface Gráfica de Usuario Presentación.
2. UNA INTRODUCCION AL MINITAB M.A. NARCISO TORRES FLORES.
SANTIAGO VILLACIS PowerPoint. POWER POINT GUARDAR EL DOCUMENTO EDICION DE NUEVAS DIAPOSITIVAS ACTIVAR Y SELECCIONAR DIAPOSITIVAS ASISTENTE DE AUTOCONTENIDO.
Corel Draw - Aplicaciones
MICROSOFT POWER POINT INFORMATICA NIVEL III SC. 533 ALUMNO: DAVID PALENCIA REPUBLICA BOLIVARIANA DE VENEZUELA UNIVERSIDAD BICENTENARIA DE ARAGUA.
FORMULARIOS DE ACCESS Realizado Por: Alexander Mendoza Jessica Moya.
1 Curso de Capacitación en Administrador de Contenidos UC SESIÓN 1 TEMA I : CONOCIENDO EL PANEL DE CONTROL TEMA II:GENERACIÓN DE CONTENIDOS TEMA III: GESTOR.
INFORMÁTICA Ing. Linda K. Masias M. Identificando las partes de un computador.
* Ingresa a tu cuenta de * Una vez que has ingresado únete al grupo de ESTUDIANTES-ILAC * Una vez que has ingresado.
Prof. Mauro Zaravia Ortiz Computación e Informática 1er Año de Secundaria.
Editado y adaptado por hjalmar hernandez. Creación original de la universidad Francisco Gavidia.
Una base de datos, a fin de ordenar la información de manera lógica, posee un orden que debe ser cumplido para acceder a la información de manera coherente.
Interfaz de C++ Builder Cuando usted inicia C++ Builder, espera ver una solo ventana para desarrollar sus aplicaciones; pero C++ Builder le presenta un.
Unidad 1 – Tema 01 Curso: INFORMÁTICA Equipo de Profesores del Curso.
1. 2 Conocimientos mínimos Conocer perfectamente el uso del ordenador y sus comandos de sistema operativo.Conocer perfectamente el uso del ordenador y.
Se coloca la dirección web 1 2 Dar click Dar click al terminar de llenar el formulario 3 Al crear la cuenta se enviara al correo que coloco todas los.
JOSÉ GEOVANY CON PÉREZ LICEO DEL SUR. UNIDAD I Entorno de desarrollo. UNIDAD II Introducción al lenguaje de programación. UNIDAD III Trabajando con formularios.
Prof. Mauro Zaravia Ortiz Computación e Informática Primer Año Secundaria.
POWER POINT AYNI – BOLIVIA NORMAN PAREDES COORD. TECNICO.
Asignaturas: Informática/Electiva I. Definición de Sistema operativo Conceptos Básicos Funciones de los Sistemas Operativos Clasificación Componentes.
UADER_FCG-Informática 2013 Coronel Paola.  Es en esta pestaña donde se le puede dar el formato básico a los números y letras. Se divide en 7 grupos:
Envío de actividades Cuarto módulo de aprendizaje ¿Cuáles son algunas novedades? Recepción y envío de trabajos en la misma plataforma. Correcciones, comentarios.
TÓPICOS AVANZADOS DE PROGRAMACIÓN
Programación Orientada a Objetos
Programación Orientada a Objetos
Transcripción de la presentación:

:: Prof. Yeniffer Peña Programación I Interface Gráfica de Usuario Presentación

Programación I Los botones de selección (Choice) permiten el rápido acceso a una lista de elementos, presentándose como título el ítem que se encuentre seleccionado. La clase Choice extiende la clase Component e implementa la interface ItemSelectable, que es la interface que mantiene un conjunto de ítems en los que puede haber, o no, alguno seleccionado. Además, esta clase proporciona el método addItemListener(), que añade un registro de eventos ítem, que es muy importante a la hora de tratar los eventos que se producen sobre los objetos de tipo Choice. La clase Choice también cuenta de varios métodos que permiten la manipulación de los ítems disponibles para la selección. Mas componentes de AWT Otros Componentes: Otros Componentes: Botón de Selección

Programación I Componentes: Componentes: Botón de Selección Mas componentes de AWT

Programación I Componentes: Componentes: Botón de Selección Mas componentes de AWT

Programación I La clase CheckBox extiende la clase Component e implementa el interfaz ItemSelectable, que es la interface que contiene un conjunto de ítems entre los que puede haber o no alguno seleccionado. Los botones de comprobación (Checkbox) se pueden agrupar para formar una interface de botón de radio (CheckboxGroup), que son agrupaciones de botones de comprobación de exclusión múltiple, es decir, en las que siempre hay un único botón activo. Componentes: Componentes: Botón de Comprobación Mas componentes de AWT

Programación I Componentes: Componentes: Botón de Comprobación Mas componentes de AWT

Programación I Las listas (List) aparecen en las interfaces de usuario para facilitar a los operadores la manipulación de muchos elementos. Se crean utilizando métodos similares a los de los botones Choice. La lista es visible todo el tiempo, utilizándose una barra de desplazamiento para visualizar los elementos que no caben en el área de la lista que aparece en la pantalla. Componentes: Componentes: Listas Mas componentes de AWT

Programación I Componentes: Componentes: Listas Mas componentes de AWT

Programación I Un área de texto (TextArea) es una zona multilínea que permite la presentación de texto, que puede ser editable o de sólo lectura. Al igual que la clase TextField, esta clase extiende la clase TextComponent y dispone de cuatro campos, que son constantes simbólicas que pueden ser utilizadas para especificar la información de colocación de las barras de desplazamiento en algunos de los constructores de objetos TextArea. Estas constantes simbólicas son: Componentes: Componentes: Areas de Texto SCROLLBARS_BOTH SCROLLBARS_NONE SCROLLBARS_HORIZONTAL_ONLY SCROLLBARS_VERTICAL_ONLY Mas componentes de AWT

Programación I Componentes: Componentes: Areas de Texto Mas componentes de AWT

Programación I Componentes: Componentes: Areas de Texto Mas componentes de AWT

Programación I Las barras de desplazamiento ó ScrollBar proporcionan una forma de trabajar con rango de valores ó con el componente área de texto (TextArea), que ofrece 2 barras de desplazamiento automáticamente. Componentes: Componentes: Barras de desplazamiento Mas componentes de AWT

Programación I Componentes: Componentes: Barras de desplazamiento Mas componentes de AWT

Programación I JTextFields y JPasswordFields (paquete javax.swing) son cajas en las cuales el usuario puede introducir texto desde el teclado o donde se puede visualizar texto. Un JPasswordFields muestra que los caracteres fueron introducidos por el usuario pero oculta cuáles caracteres, asumiendo que ellos representan un password que debe ser de único conocimiento para el usuario. Mas componentes de Swing

Programación I Cuando un usuario tipea datos dentro de un JTextField o JPasswordField y presiona Enter, la acción de un evento ocurre. Si el programa registra un escuchador de eventos, el proceso de éste puede usar los datos introducidos en JTextField o JPasswordField en el momento en que se genera el evento en el programa. La clase JTextField hereda de la clase JTextComponent (paquete javax.swing.text), los cuales proveen muchas características comunes para componentes swing basados en texto. La clase JPasswordField hereda de JTextField y añade varios métodos que son específicos para el procesamiento de passwords. Componentes JTextlField y JPasswordField

Programación I En el programa que se muestra a continuación se usa la clase JTextField y JPasswordField para crear y manipular campos. Cuando el usuario presiona Enter en el campo activo (“tiene el focus”) un cuadro de diálogo muestra el texto contenido en el campo. Cuando un evento ocurre en el JPasswordField, el password es revelado. Componentes JTextlField y JPasswordField

Programación I Componentes JTextlField y JPasswordField

Programación I Componentes JTextlField y JPasswordField

Programación I Componentes JTextlField y JPasswordField

Programación I Los botones JCheckBox y JRadioButton tienen un estado que puede ser true/falso. Las clases JCheckBox y JRadioButton son subclases de JToggleButton. Un JRadioButton es diferente de un JCheckBox. Normalmente, los JRadioButtons son agrupados y solo uno de ellos puede ser seleccionado (true) a un mismo tiempo, en cambio que los JCheckBox que si permite seleccionar mas de uno (true) a un mismo tiempo. Componentes JCheckBox y JRadioButton

Programación I El siguiente programa usa dos objetos JCheckBox para cambiar el estilo de fuente de un texto desplegado en un JTextField. Un JCheckBox aplica Negrita cuando se selecciona la opción Bold y el otro aplica Cursiva cuando se selecciona la opción Italic. Si ambos son seleccionados, el estilo de la fuente se coloca Negrita y Cursiva. Por defecto, cuando el programa se ejecuta ningún JCheckBox es chequeado (true). Componentes JCheckBox

Programación I Componentes JCheckBox

Programación I Componentes JCheckBox

Programación I Componentes JCheckBox

Programación I Radio Buttons (definidos en la clase JRadioButton) son similares a los check boxes, que tienen dos estados —selected y not selected (también llamado deselected). Asimismo, los radio buttons normalmente aparecen como un grupo en los cuales solo un radio button puede ser seleccionado a un mismo tiempo. Al seleccionar un radio button en el grupo, automáticamente forza a todos los radio buttons en el grupo estar deselected. Los Radio Buttons son usados para representar grupo de opciones mutuamente exclusivas. Componentes JRadioButton

Programación I La relación lógica entre los radio buttons se mantiene en el objeto ButtonGroup (paquete javax.swing). El programa siguiente es similar al anterior, debido a que el usuario puede cambiar el estilo de fuente de un texto introducido en un JTextField. El programa usa radio buttons que permite que solo un estilo de fuente se encuentre seleccionado a un mismo tiempo. Componentes JRadioButton

Programación I Componentes JRadioButton

Programación I Componentes JRadioButton

Programación I Componentes JRadioButton

Programación I Componentes JRadioButton

Programación I Un combo box (algunas veces llamado drop-down list) provee una lista de ítems de los cuales el usuario puede hacer una selección. Los Combo box son implementados con la clase JComboBox, la cual hereda de la clase JComponent. Los JComboBoxes genera ItemEvents al igual que los JCheckBoxes and JRadioButtons. El programa siguiente usa un JComboBox con una lista de colores, cuando un color es seleccionado cambia el color del fondo content pane. Componentes JComboBox

Programación I Componentes JComboBox

Programación I Componentes JComboBox

Programación I Una lista despliega una serie de ítems de los cuales el usuario puede seleccionar uno o más ítems. Las listas son creadas con la clase JList, la cual hereda de la clase JComponent. La clase JList soporta single-selection lists (listas que permiten que un solo ítem sea seleccionado a un mismo tiempo) y multiple-selection lists (listas que permiten que cualquier cantidad de ítem sean seleccionados). Componentes JList

Programación I El programa siguiente muestra un ejemplo de single-selection lists, el cual crea una lista de 13 colores. Cuando el nombre de un color es seleccionado en la JList, a ListSelectionEvent ocurre y la aplicación cambia el color del fondo del content pane. Componentes JList

Programación I Componentes JList

Programación I Componentes JList

Programación I Una lista de múltiple selección hace que el usuario pueda seleccionar muchos ítems de una lista. Una lista con SINGLE_INTERVAL_SELECTION, permite hacer una selección de un rango contiguo de ítems en la lista haciendo click en el primer ítem, luego presiona la tecla Shift mientras hace click en el último ítem a seleccionar en el rango. Una lista con MULTIPLE_INTERVAL_SELECTION, permite hacer una selección de un rango contiguo de ítems en la lista al igual que SINGLE_INTERVAL_SELECTION, pero además permite seleccionar ítems en forma discontinua utilizando la tecla Ctrl mientras hace click en cada ítem a seleccionar. Múltiple Selección en un JList

Programación I Para deseleccionar un ítem seleccionado, se mantiene la tecla Ctrl presionada, mientras se le hace un segundo click al ítem. El siguiente programa usa Múltiple Selección en Listas para copiar ítems de un JList a otro. Múltiple Selección en un JList

Programación I Múltiple Selección en un JList

Programación I Múltiple Selección en un JList

Programación I Timer es una clase que se utiliza para simular el paso del tiempo en un programa. Declaración: Timer tiempo; Inicialización: tiempo=new Timer(300,new ActionListener(){ public void actionPerformed(ActionEvent e){ //Lo que va a hacer el timer } }); Otros Métodos: Arranque: tiempo.start(); Detener: tiempo.stop(); Re-arrancar: tiempo.restart(); Tiempo en Milisegundos El escuchador de la acción que se va a hacer Método que ejecuta la acción Captura de Eventos de un objeto Timer

Programación I Captura de Eventos de un objeto Timer 320 pixeles

Programación I Captura de Eventos de un objeto Timer

Programación I Captura de Eventos de un objeto Timer

Programación I Captura de Eventos de un objeto Timer

Programación I Captura de Eventos de un objeto Timer

Programación I Documentación del Proyecto JavaDoc Todos los métodos deben documentarse de la forma /** comentario */

Programación I Documentación del Proyecto JavaDoc Hay 2 formas de generar la documentación de un proyecto: Sobre el proyecto en el panel izquierdo, haga click con el botón derecho y seleccione la opción: Generate JavaDoc La otra forma es haciendo click en el menú Build y allí seleccione la opción: Generate JavaDoc for “ParaDocumentacion” La documentación se guarda en una carpeta llamada dist/javadoc que se ubica en el proyecto. El archivo índice es index.html

Programación I Documentación del Proyecto JavaDoc

Programación I Rutas No Determinadas Ruta Por Defecto Indica la ruta de la carpeta donde esta guardada la clase

Programación I Imágenes JPG ó GIF Clase MediaTracker Ruta de la Imagen Se dice que se va a usar esa imagen Se carga la imagen con ID = 1 Espera 1 seg a que cargue la imagen ID con 1

:: Prof. Yeniffer Peña Programación I Programación Orientada a Objetos Finalización