Este documento describe el uso de Swing, la biblioteca de interfaces gráficas de usuario (GUI) para Java. Explica cómo crear ventanas, añadir componentes como botones y cuadros de texto, utilizar diferentes tipos de layout managers, y manejar eventos como el clic de un botón. También cubre temas como el acceso a componentes desde manejadores de eventos y los diferentes tipos de eventos que pueden producirse.
Este documento proporciona una guía para instalar y utilizar el entorno de desarrollo integrado Code::Blocks. Explica cómo descargar e instalar Code::Blocks, crear un proyecto de prueba, compilar y ejecutar el código, y utilizar las diferentes ventanas y herramientas del entorno como el editor, el depurador y las configuraciones de usuario.
Este documento presenta una introducción a los conceptos básicos de la programación, incluyendo definiciones de términos como algoritmo, programa, hardware, software, lenguajes de programación, datos, y más. Explica los pasos para resolver un problema con una computadora, como analizar el problema, diseñar un algoritmo, implementarlo en un lenguaje de programación, y depurarlo. También describe conceptos como pseudocódigo y diagramas de flujo para describir algoritmos de manera más legible.
El documento presenta una clase sobre procesadores de texto que se dictará en el Instituto de Formación Docente “José Manuel Estrada”. La clase tendrá una duración de 80 minutos e incluirá una introducción, explicación de conceptos, una actividad grupal y cierre. En la actividad, los estudiantes usarán Microsoft Word en grupos de dos para editar y formatear un texto. Al final se evaluará la participación y desempeño de los estudiantes en la actividad.
Este documento presenta la planificación microcurricular para la asignatura de Computación en segundo año de Educación Básica. La planificación se desarrollará en 5 semanas y abordará el uso de los componentes de la computadora, incluyendo el teclado, mouse, micrófono, escáner, cámara web y pantalla táctil. La enseñanza se dividirá en fases afectiva, cognitiva y praxitiva para desarrollar conocimientos y habilidades a través de actividades, ejercicios y evaluaciones.
Este documento introduce el lenguaje HTML y sus principales características. HTML utiliza etiquetas para dar formato y estructura a los documentos web. Las etiquetas se escriben entre paréntesis angulares y pueden incluir atributos. Los documentos HTML tienen una cabecera, cuerpo y estructura básica definida por etiquetas. La cabecera contiene metadatos como el título, y el cuerpo presenta el contenido mediante etiquetas.
Este documento proporciona instrucciones paso a paso para crear una presentación en Google Slides. Explica cómo acceder a Google Drive, crear una nueva presentación, agregar diapositivas, aplicar temas, animaciones e interactividad. También muestra cómo insertar imágenes, videos y objetos interactivos entre diapositivas. El propósito es guiar a un estudiante en la creación de su primer ejercicio en Google Slides.
Este documento proporciona una guía para instalar y utilizar el entorno de desarrollo integrado Code::Blocks. Explica cómo descargar e instalar Code::Blocks, crear un proyecto de prueba, compilar y ejecutar el código, y utilizar las diferentes ventanas y herramientas del entorno como el editor, el depurador y las configuraciones de usuario.
Este documento presenta una introducción a los conceptos básicos de la programación, incluyendo definiciones de términos como algoritmo, programa, hardware, software, lenguajes de programación, datos, y más. Explica los pasos para resolver un problema con una computadora, como analizar el problema, diseñar un algoritmo, implementarlo en un lenguaje de programación, y depurarlo. También describe conceptos como pseudocódigo y diagramas de flujo para describir algoritmos de manera más legible.
El documento presenta una clase sobre procesadores de texto que se dictará en el Instituto de Formación Docente “José Manuel Estrada”. La clase tendrá una duración de 80 minutos e incluirá una introducción, explicación de conceptos, una actividad grupal y cierre. En la actividad, los estudiantes usarán Microsoft Word en grupos de dos para editar y formatear un texto. Al final se evaluará la participación y desempeño de los estudiantes en la actividad.
Este documento presenta la planificación microcurricular para la asignatura de Computación en segundo año de Educación Básica. La planificación se desarrollará en 5 semanas y abordará el uso de los componentes de la computadora, incluyendo el teclado, mouse, micrófono, escáner, cámara web y pantalla táctil. La enseñanza se dividirá en fases afectiva, cognitiva y praxitiva para desarrollar conocimientos y habilidades a través de actividades, ejercicios y evaluaciones.
Este documento introduce el lenguaje HTML y sus principales características. HTML utiliza etiquetas para dar formato y estructura a los documentos web. Las etiquetas se escriben entre paréntesis angulares y pueden incluir atributos. Los documentos HTML tienen una cabecera, cuerpo y estructura básica definida por etiquetas. La cabecera contiene metadatos como el título, y el cuerpo presenta el contenido mediante etiquetas.
Este documento proporciona instrucciones paso a paso para crear una presentación en Google Slides. Explica cómo acceder a Google Drive, crear una nueva presentación, agregar diapositivas, aplicar temas, animaciones e interactividad. También muestra cómo insertar imágenes, videos y objetos interactivos entre diapositivas. El propósito es guiar a un estudiante en la creación de su primer ejercicio en Google Slides.
Dokumen ini memberikan instruksi langkah-langkah untuk melakukan simulasi Blink LED menggunakan Arduino Uno dan Proteus ISIS, meliputi penambahan komponen, penghubungan antar komponen, penulisan script Arduino, pembuatan file hex, dan pengeksekusian simulasi untuk menyala-matinya LED secara bergantian setiap 1 detik. Diberikan juga pengayaan tugas untuk mengontrol 4 LED secara bergiliran menyala 2 LED dan mat
Este documento describe los sistemas operativos propietarios y libres. Explica que el hardware son las partes físicas de una computadora, mientras que el software son los programas y datos. Un sistema operativo es el software básico que administra los recursos de la máquina y coordina el hardware y software. Los sistemas operativos propietarios tienen limitaciones en su uso y modificación, mientras que los sistemas operativos libres pueden modificarse y distribuirse libremente.
El documento describe las fases del proceso de resolución de problemas mediante el uso de computadoras: análisis del problema, diseño del algoritmo, codificación, compilación y ejecución, verificación y depuración, y documentación y mantenimiento. Explica brevemente cada una de estas fases clave del proceso de desarrollo de software.
Este documento proporciona instrucciones paso a paso para crear organigramas en Microsoft Word 2010. Explica cómo insertar un organigrama, agregar contenido a sus secciones, y ofrece 5 ejemplos de organigramas con diferentes diseños. El objetivo es que los estudiantes aprendan a utilizar esta herramienta en Word para crear diagramas jerárquicos de manera fácil y profesional.
Este documento describe los diferentes tipos de software, incluyendo software de sistema, de programación y de aplicación. Explica que el software son los programas que hacen posible realizar tareas específicas en una computadora. Además, señala que una computadora sin software sería solo un conjunto de componentes electrónicos sin función lógica, y que el software es esencial para controlar el sistema de computación y permitir la interacción con el hardware. Finalmente, concluye que el software constantemente se está innovando para hacer las tareas más accesibles, dinámicas
Este documento describe los conceptos básicos del lenguaje de programación Borland C++, incluyendo las etapas para la elaboración de un programa, los componentes estructurales de un programa en Borland C++, y conceptos clave como variables, constantes, tipos de datos, y declaraciones.
Este documento proporciona una introducción a HTML y la estructura básica de una página web. Explica que HTML es el lenguaje utilizado para crear páginas web y está compuesto de etiquetas que marcan los diferentes elementos de una página. También describe las partes principales de una página web, incluyendo la cabecera, título, cuerpo y cómo establecer el color de fondo y de texto. Además, explica cómo insertar y formatear texto, listas, encabezados e hipervínculos en una página web
Este documento contiene cinco planes de lecciones para clases de computación de primero a cuarto grado. Los planes incluyen objetivos, estrategias metodológicas, evaluaciones y adaptaciones curriculares. Las lecciones se enfocan en el teclado, el programa Paint, formato de texto en Word y funciones básicas como copiar y pegar.
Este documento proporciona una guía básica sobre Bootstrap, un framework de código abierto para diseño y desarrollo front-end. Explica qué es un framework y para qué sirve, define Bootstrap como un framework para crear interfaces web adaptables, y proporciona instrucciones sobre cómo empezar a usar Bootstrap, incluyendo cómo enlazar los archivos CSS y JavaScript necesarios. También describe varias clases y componentes de Bootstrap como contenedores, la cuadrícula, tipografía, colores, botones y formularios.
Este documento describe cómo usar el entorno de desarrollo integrado CodeBlocks para crear proyectos de programación en C/C++. Explica cómo crear un nuevo proyecto, compilar y ejecutar código, e insertar archivos existentes o nuevos en un proyecto. También cubre la depuración mediante breakpoints y la visualización de variables.
Este documento presenta una guía de inicio rápido para Word 2016, destacando las principales características como la cinta, la barra de herramientas de acceso rápido, la barra lateral, los comandos contextuales, la colaboración en línea y las vistas. Además, proporciona enlaces para obtener más información sobre las novedades y recursos de aprendizaje de Office 2016.
Este documento describe diferentes tipos de buscadores y portales de Internet. Explica brevemente que los buscadores operan dentro de su propia base de datos para recopilar páginas relacionadas con palabras clave ingresadas por el usuario. Luego menciona algunos de los primeros buscadores como Wandex en 1993 y WebCrawler en 1994, y proporciona ejemplos de populares portales actuales como Yahoo, Google, Terra y otros que ofrecen servicios como correo, noticias y entretenimiento.
El documento resume la historia de los sistemas operativos Mac OS, Windows y Linux. Mac OS fue desarrollado originalmente por Jef Raskin en Apple en 1979 y lanzado comercialmente en 1984 bajo la dirección de Steve Jobs. Windows fue desarrollado por Microsoft como interfaz gráfica para MS-DOS en 1983. La primera versión de Linux fue creada por Linus Torvalds en 1991 como un clon de UNIX para PC.
Este documento trata sobre cómo insertar WordArt en Microsoft Word. Se menciona que el tema es insertar WordArt y que la práctica número, organización no gubernamental y profesor son respectivamente #: TEMA: INSERTAR WordArt, ONG HRCA Internacional y HUGO CANDIA AGUIRRE.
Kisi-kisi soal informatika kelas 7 mencakup pertanyaan tentang komponen-komponen hardware dan software komputer, fungsi-fungsi perangkat keras seperti keyboard, mouse, dan hard disk, serta contoh-contoh sistem operasi, aplikasi kantor, dan generasi komputer. Soal-soal tersebut dimaksudkan untuk mengetes pengetahuan siswa tentang dasar-dasar komputer dan teknologi informasi.
El documento presenta el espacio de trabajo de Dreamweaver, un editor HTML profesional. Explica que Dreamweaver permite diseñar sitios web de forma visual sin necesidad de código. Describe los componentes principales de la interfaz como la barra de menús, paneles, barra de herramientas y espacio de trabajo. Resalta que Dreamweaver facilita la creación y edición de páginas web de manera rápida.
Este documento presenta el sílabo de la asignatura Diseño Web de la Universidad Nacional de Chimborazo. La asignatura se enfoca en enseñar a los estudiantes las tecnologías actuales para crear páginas web de alta calidad, incluyendo el lenguaje HTML, software como Dreamweaver y Flash, y el desarrollo de proyectos integrales de diseño web. El sílabo describe los objetivos, unidades temáticas, contenidos, resultados de aprendizaje, evidencias y métodos de evaluación para la asignatura de 7.5 cré
Este documento describe las funcionalidades del programa DFDDFD para diseñar y depurar diagramas de flujo. Explica cómo crear objetos básicos como entradas, salidas, asignaciones y estructuras de control. También muestra ejemplos sencillos de algoritmos y cómo ejecutarlos y depurarlos para detectar errores. Finalmente, explica los diferentes objetos que se pueden incluir en los diagramas de flujo como variables, operadores y funciones.
The document describes Swing, a graphical user interface (GUI) library for Java that is included with the Java Development Kit (JDK). It discusses how to create windows, add components like buttons and labels, use layout managers, handle events, and draw graphics using Swing. The document provides an introduction to building GUI applications in Java using the Swing library.
Este documento describe el uso de Swing, la biblioteca de interfaces gráficas de usuario (GUI) para Java. Explica cómo crear ventanas, añadir componentes como botones y etiquetas, utilizar diferentes tipos de layout managers para organizar los componentes, y manejar eventos como la pulsación de botones. También cubre temas como la creación de paneles JPanel para agrupar componentes y el uso de GridBagLayout para diseños más complejos.
Dokumen ini memberikan instruksi langkah-langkah untuk melakukan simulasi Blink LED menggunakan Arduino Uno dan Proteus ISIS, meliputi penambahan komponen, penghubungan antar komponen, penulisan script Arduino, pembuatan file hex, dan pengeksekusian simulasi untuk menyala-matinya LED secara bergantian setiap 1 detik. Diberikan juga pengayaan tugas untuk mengontrol 4 LED secara bergiliran menyala 2 LED dan mat
Este documento describe los sistemas operativos propietarios y libres. Explica que el hardware son las partes físicas de una computadora, mientras que el software son los programas y datos. Un sistema operativo es el software básico que administra los recursos de la máquina y coordina el hardware y software. Los sistemas operativos propietarios tienen limitaciones en su uso y modificación, mientras que los sistemas operativos libres pueden modificarse y distribuirse libremente.
El documento describe las fases del proceso de resolución de problemas mediante el uso de computadoras: análisis del problema, diseño del algoritmo, codificación, compilación y ejecución, verificación y depuración, y documentación y mantenimiento. Explica brevemente cada una de estas fases clave del proceso de desarrollo de software.
Este documento proporciona instrucciones paso a paso para crear organigramas en Microsoft Word 2010. Explica cómo insertar un organigrama, agregar contenido a sus secciones, y ofrece 5 ejemplos de organigramas con diferentes diseños. El objetivo es que los estudiantes aprendan a utilizar esta herramienta en Word para crear diagramas jerárquicos de manera fácil y profesional.
Este documento describe los diferentes tipos de software, incluyendo software de sistema, de programación y de aplicación. Explica que el software son los programas que hacen posible realizar tareas específicas en una computadora. Además, señala que una computadora sin software sería solo un conjunto de componentes electrónicos sin función lógica, y que el software es esencial para controlar el sistema de computación y permitir la interacción con el hardware. Finalmente, concluye que el software constantemente se está innovando para hacer las tareas más accesibles, dinámicas
Este documento describe los conceptos básicos del lenguaje de programación Borland C++, incluyendo las etapas para la elaboración de un programa, los componentes estructurales de un programa en Borland C++, y conceptos clave como variables, constantes, tipos de datos, y declaraciones.
Este documento proporciona una introducción a HTML y la estructura básica de una página web. Explica que HTML es el lenguaje utilizado para crear páginas web y está compuesto de etiquetas que marcan los diferentes elementos de una página. También describe las partes principales de una página web, incluyendo la cabecera, título, cuerpo y cómo establecer el color de fondo y de texto. Además, explica cómo insertar y formatear texto, listas, encabezados e hipervínculos en una página web
Este documento contiene cinco planes de lecciones para clases de computación de primero a cuarto grado. Los planes incluyen objetivos, estrategias metodológicas, evaluaciones y adaptaciones curriculares. Las lecciones se enfocan en el teclado, el programa Paint, formato de texto en Word y funciones básicas como copiar y pegar.
Este documento proporciona una guía básica sobre Bootstrap, un framework de código abierto para diseño y desarrollo front-end. Explica qué es un framework y para qué sirve, define Bootstrap como un framework para crear interfaces web adaptables, y proporciona instrucciones sobre cómo empezar a usar Bootstrap, incluyendo cómo enlazar los archivos CSS y JavaScript necesarios. También describe varias clases y componentes de Bootstrap como contenedores, la cuadrícula, tipografía, colores, botones y formularios.
Este documento describe cómo usar el entorno de desarrollo integrado CodeBlocks para crear proyectos de programación en C/C++. Explica cómo crear un nuevo proyecto, compilar y ejecutar código, e insertar archivos existentes o nuevos en un proyecto. También cubre la depuración mediante breakpoints y la visualización de variables.
Este documento presenta una guía de inicio rápido para Word 2016, destacando las principales características como la cinta, la barra de herramientas de acceso rápido, la barra lateral, los comandos contextuales, la colaboración en línea y las vistas. Además, proporciona enlaces para obtener más información sobre las novedades y recursos de aprendizaje de Office 2016.
Este documento describe diferentes tipos de buscadores y portales de Internet. Explica brevemente que los buscadores operan dentro de su propia base de datos para recopilar páginas relacionadas con palabras clave ingresadas por el usuario. Luego menciona algunos de los primeros buscadores como Wandex en 1993 y WebCrawler en 1994, y proporciona ejemplos de populares portales actuales como Yahoo, Google, Terra y otros que ofrecen servicios como correo, noticias y entretenimiento.
El documento resume la historia de los sistemas operativos Mac OS, Windows y Linux. Mac OS fue desarrollado originalmente por Jef Raskin en Apple en 1979 y lanzado comercialmente en 1984 bajo la dirección de Steve Jobs. Windows fue desarrollado por Microsoft como interfaz gráfica para MS-DOS en 1983. La primera versión de Linux fue creada por Linus Torvalds en 1991 como un clon de UNIX para PC.
Este documento trata sobre cómo insertar WordArt en Microsoft Word. Se menciona que el tema es insertar WordArt y que la práctica número, organización no gubernamental y profesor son respectivamente #: TEMA: INSERTAR WordArt, ONG HRCA Internacional y HUGO CANDIA AGUIRRE.
Kisi-kisi soal informatika kelas 7 mencakup pertanyaan tentang komponen-komponen hardware dan software komputer, fungsi-fungsi perangkat keras seperti keyboard, mouse, dan hard disk, serta contoh-contoh sistem operasi, aplikasi kantor, dan generasi komputer. Soal-soal tersebut dimaksudkan untuk mengetes pengetahuan siswa tentang dasar-dasar komputer dan teknologi informasi.
El documento presenta el espacio de trabajo de Dreamweaver, un editor HTML profesional. Explica que Dreamweaver permite diseñar sitios web de forma visual sin necesidad de código. Describe los componentes principales de la interfaz como la barra de menús, paneles, barra de herramientas y espacio de trabajo. Resalta que Dreamweaver facilita la creación y edición de páginas web de manera rápida.
Este documento presenta el sílabo de la asignatura Diseño Web de la Universidad Nacional de Chimborazo. La asignatura se enfoca en enseñar a los estudiantes las tecnologías actuales para crear páginas web de alta calidad, incluyendo el lenguaje HTML, software como Dreamweaver y Flash, y el desarrollo de proyectos integrales de diseño web. El sílabo describe los objetivos, unidades temáticas, contenidos, resultados de aprendizaje, evidencias y métodos de evaluación para la asignatura de 7.5 cré
Este documento describe las funcionalidades del programa DFDDFD para diseñar y depurar diagramas de flujo. Explica cómo crear objetos básicos como entradas, salidas, asignaciones y estructuras de control. También muestra ejemplos sencillos de algoritmos y cómo ejecutarlos y depurarlos para detectar errores. Finalmente, explica los diferentes objetos que se pueden incluir en los diagramas de flujo como variables, operadores y funciones.
The document describes Swing, a graphical user interface (GUI) library for Java that is included with the Java Development Kit (JDK). It discusses how to create windows, add components like buttons and labels, use layout managers, handle events, and draw graphics using Swing. The document provides an introduction to building GUI applications in Java using the Swing library.
Este documento describe el uso de Swing, la biblioteca de interfaces gráficas de usuario (GUI) para Java. Explica cómo crear ventanas, añadir componentes como botones y etiquetas, utilizar diferentes tipos de layout managers para organizar los componentes, y manejar eventos como la pulsación de botones. También cubre temas como la creación de paneles JPanel para agrupar componentes y el uso de GridBagLayout para diseños más complejos.
Este documento proporciona una introducción a Swing, la biblioteca de interfaces gráficas de usuario de Java. Explica cómo crear ventanas y añadir componentes como botones y etiquetas utilizando layout managers como FlowLayout y GridLayout. También cubre temas como el manejo de eventos mediante listeners y el uso de paneles JPanel para agrupar componentes.
Este documento describe las interfaces gráficas de usuario en Java. Introduce los conceptos de AWT y Swing, los cuales son las APIs para crear interfaces gráficas en Java. Explica las diferencias entre AWT y Swing, y describe los componentes principales utilizados para crear ventanas y añadir elementos gráficos como botones y etiquetas. También cubre los diferentes gestores de posicionamiento como FlowLayout, BorderLayout y GridLayout para organizar los componentes.
Este documento proporciona una introducción a los componentes gráficos de usuario (GUI) en Java, incluidos contenedores, componentes atómicos, componentes de texto, menús y componentes complejos. Explica cómo crear y personalizar interfaces gráficas mediante el uso de estas clases de GUI de Java como JFrame, JButton, JTextField, JMenuBar y JTable.
GWT es un framework de desarrollo de Google que permite crear aplicaciones web complejas usando Java. Los proyectos GWT tienen una estructura de paquetes separando el código del cliente y servidor, e incluyen módulos, clases EntryPoint y llamadas RPC para comunicación con el servidor. GWT compila el código Java a JavaScript para ejecutarse en el navegador, permitiendo desarrollar interfaces gráficas ricas sin refrescos de página.
El documento describe las interfaces gráficas de usuario (GUI) en Java. Explica que las GUI ofrecen ventanas, botones y otros elementos visuales con los que los usuarios interactúan. La API de Java proporciona clases para crear GUI, incluyendo AWT y Swing. Swing reemplaza muchas clases AWT y proporciona nuevos componentes como árboles y tablas. Las aplicaciones GUI se construyen usando contenedores, componentes y manejadores de eventos.
Este documento presenta conceptos básicos sobre programación visual e interfaces gráficas de usuario (GUI). Explica que una GUI permite la interacción entre el usuario y el sistema a través de ventanas, botones y menús. También describe los pasos para construir, diseñar e implementar una GUI, incluyendo el uso de objetos y clases gráficas provistos por paquetes como AWT y Swing.
El documento presenta información sobre interfaz gráfica de usuario en Java. Explica que la interfaz gráfica se construye incorporando componentes GUI como ventanas, botones y cajas de diálogo. Describe cómo crear una ventana básica usando la clase JFrame y manejar eventos. También cubre temas como tipos de componentes, jerarquía de clases, uso de hilos y valores para cerrar la aplicación.
Este documento describe los conceptos fundamentales de las interfaces gráficas de usuario en Java, incluyendo componentes, contenedores, administradores de disposición, eventos de usuario y manejo de eventos. Explica la jerarquía de clases Swing, componentes comunes como JFrame, JPanel y JButton, y cómo crear y responder a eventos de usuario mediante clases oyentes de eventos.
Este documento presenta los conceptos básicos relacionados con las interfaces gráficas de usuario (GUI). Explica que una GUI permite la interacción entre el usuario y el sistema a través de ventanas, botones y menús. También describe los pasos para construir, diseñar e implementar una GUI, incluyendo el uso de objetos y clases gráficas provistos por paquetes como AWT y Swing. Finalmente, explica cómo crear ventanas y frames en Java para desplegar las interfaces gráficas.
Este documento proporciona una introducción al Abstract Window Toolkit (AWT) de Java, incluyendo sus componentes y contenedores principales, elementos básicos como botones y etiquetas, y administradores de diseño como FlowLayout y BorderLayout que organizan los componentes dentro de los contenedores. También cubre conceptos como ventanas, manejo de eventos y la línea de trabajo.
Este documento describe las interfaces gráficas de usuario (GUI) en Java utilizando las clases AWT y Swing. Explica los componentes básicos de AWT como Frame, Panel y Graphics y los gestores de layout como FlowLayout y BorderLayout. También cubre los componentes GUI básicos de Swing como JButton, JCheckBox y JComboBox. El objetivo es escribir programas con interfaces de usuario elaboradas utilizando estas clases.
Este documento presenta una introducción a las interfaces gráficas de usuario (GUI) en Java. Explica que una GUI es un puente entre el usuario y la máquina que permite la interacción mediante objetos y imágenes gráficas. Luego describe los principales componentes de una GUI en Java como contenedores, controles de entrada/salida, botones y elementos de organización. Finalmente, muestra un ejemplo paso a paso de cómo crear una GUI básica en Java para recolectar información personal.
Este documento presenta conceptos avanzados de Java, incluyendo la interfaz gráfica de usuario AWT. Explica los componentes y contenedores de AWT, diferentes tipos de layout para organizar los elementos gráficos, los eventos que pueden ocurrir y cómo registrar y manejar dichos eventos. También cubre temas como excepciones, polimorfismo y abstracción.
Este documento describe los componentes Swing para interfaces de usuario en Java, incluyendo menús, botones de opción, eventos de pintado y más. Explica cómo crear y manipular estos componentes, así como conceptos fundamentales como jerarquías de clases, eventos y patrones de diseño comunes.
El documento habla sobre interfaces de usuario en Android. Explica cómo crear una aplicación llamada Yamba que permita publicar mensajes en Twitter. Detalla los pasos para agregar widgets básicos como TextView, EditText y Button y cómo implementar funcionalidad al hacer clic en los botones. También cubre temas como layouts, trazas y depuración.
Este documento describe conceptos básicos sobre interfaces gráficas en Java, incluyendo cómo crear ventanas, paneles y añadir elementos como etiquetas y botones. También explica el uso de layouts para organizar los elementos y la gestión de eventos mediante escuchadores como ActionListener y WindowListener.
El documento describe la creación de una calculadora básica en Java usando interfaz gráfica de usuario. Se importan las clases necesarias y se crea una clase Main que extiende JFrame e implementa ActionListener. El constructor crea la interfaz con botones y un cuadro de texto usando paneles y eventos de click. El método actionPerformed captura los clicks y determina la acción según el botón presionado para realizar cálculos o limpiar.
Interfaz gráfica de usuario y eventos (introducción)Omar B.
Este documento describe los conceptos básicos de las interfaces gráficas de usuario y los eventos en Java. Explica las librerías AWT y Swing que permiten crear interfaces gráficas y sus principales clases como contenedores, componentes y auxiliares. También introduce la programación dirigida por eventos donde la ejecución del programa depende de los eventos generados por el usuario.
Business Plan -rAIces - Agro Business Techjohnyamg20
Innovación y transparencia se unen en un nuevo modelo de negocio para transformar la economia popular agraria en una agroindustria. Facilitamos el acceso a recursos crediticios, mejoramos la calidad de los productos y cultivamos un futuro agrícola eficiente y sostenible con tecnología inteligente.
José Luis Jiménez Rodríguez
Junio 2024.
“La pedagogía es la metodología de la educación. Constituye una problemática de medios y fines, y en esa problemática estudia las situaciones educativas, las selecciona y luego organiza y asegura su explotación situacional”. Louis Not. 1993.
Ofrecemos herramientas y metodologías para que las personas con ideas de negocio desarrollen un prototipo que pueda ser probado en un entorno real.
Cada miembro puede crear su perfil de acuerdo a sus intereses, habilidades y así montar sus proyectos de ideas de negocio, para recibir mentorías .
Presentación simple corporativa degradado en violeta blanco.pdf
ventanas swing en java
1. Interfaces gráficas con
Swing
Java y Servicios Web I
Master en Ingeniería Matemática
Manuel Montenegro
Dpto. Sistemas Informáticos y Computación
Desp. 467 (Mat) montenegro@fdi.ucm.es
2. 8. Interfaces gráficas con Swing28/Mayo/2012 2
Introducción
●
Swing es una biblioteca de interfaces gráficas de
usuario (GUI) para Java.
●
Viene incluida con el entorno de desarrollo de Java
(JDK).
●
Extiende a otra librería gráfica más antigua
llamada AWT.
●
Paquetes:
● javax.swing
● java.awt
● java.awt.event
●
Alternativas: SWT (http://www.eclipse.org/swt/)
3. 8. Interfaces gráficas con Swing28/Mayo/2012 3
Contenidos
●
Ventanas
●
Componentes
●
Layout Managers
●
Manejo de eventos
●
Cuadros de diálogo predefinidos
●
Dibujo de gráficos
●
Arquitectura MVC
4. 8. Interfaces gráficas con Swing28/Mayo/2012 4
Creación de ventanas
●
La clase JFrame proporciona operaciones para
manipular ventanas.
●
Constructores:
● JFrame()
● JFrame(String titulo)
●
Una vez creado el objeto de ventana, hay que:
●
Establecer su tamaño.
●
Establecer la acción de cierre.
●
Hacerla visible.
5. 8. Interfaces gráficas con Swing28/Mayo/2012 5
Creación de ventanas
import javax.swing.*;
public class VentanaTest {
public static void main(String[] args) {
JFrame f = new JFrame("Titulo de ventana");
f.setSize(400, 300);
f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
f.setVisible(true);
}
}
●
Acciones de cierre:
●
JFrame.EXIT_ON_CLOSE: Abandona aplicación.
●
JFrame.DISPOSE_ON_CLOSE: Libera los recursos asociados a la ventana.
●
JFrame.DO_NOTHING_ON_CLOSE: No hace nada.
●
JFrame.HIDE_ON_CLOSE: Cierra la ventana, sin liberar sus recursos.
7. 8. Interfaces gráficas con Swing28/Mayo/2012 7
Creación de ventanas
●
Es usual extender la clase JFrame, y realizar las
operaciones de inicialización en su constructor.
public class MiVentana extends JFrame {
public MiVentana() {
super("Titulo de ventana");
setSize(400, 300);
setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
}
}
public class VentanaTest {
public static void main(String[] args) {
MiVentana v = new MiVentana();
v.setVisible(true);
}
}
8. 8. Interfaces gráficas con Swing28/Mayo/2012 8
Contenidos
●
Ventanas
●
Componentes
●
Layout Managers
●
Manejo de eventos
●
Cuadros de diálogo predefinidos
●
Dibujo de gráficos
●
Arquitectura MVC
9. 8. Interfaces gráficas con Swing28/Mayo/2012 9
Componentes de una ventana
JButton
JLabel
JTextField
JCheckBox
JRadioButton
●
Tras crear uno de estos componentes con new, ha de
añadirse al contentPane de la ventana
correspondiente mediante su método add.
10. 8. Interfaces gráficas con Swing28/Mayo/2012 10
Añadir componentes
public class MiVentana extends JFrame {
public MiVentana() {
super("Titulo de ventana");
setSize(400, 300);
setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
Container cp = getContentPane();
cp.setLayout(new FlowLayout());
JLabel etiqueta = new JLabel("Nombre: ");
JTextField texto = new JTextField(20);
JButton boton = new JButton("Saludar");
cp.add(etiqueta);
cp.add(texto);
cp.add(boton);
}
}
12. 8. Interfaces gráficas con Swing28/Mayo/2012 12
Contenidos
●
Ventanas
●
Componentes
●
Layout Managers
●
Manejo de eventos
●
Cuadros de diálogo predefinidos
●
Dibujo de gráficos
●
Arquitectura MVC
13. 8. Interfaces gráficas con Swing28/Mayo/2012 13
Layout Managers
●
En Java no es habitual indicar explícitamente la posición
de los componentes de la interfaz dentro de la ventana.
●
Los layout managers se encargan de colocar los
componentes de la interfaz de usuario en la ventana
contenedora.
●
Especifican la posición y el tamaño de dichos
componentes.
● FlowLayout
● GridLayout
● BorderLayout
● GridBagLayout
● …
14. 8. Interfaces gráficas con Swing28/Mayo/2012 14
FlowLayout
●
Coloca los elementos uno a continuación de otro,
de manera similar a la colocación de palabras en
un procesador de textos.
●
Métodos:
● setAligment(int alineacion)
● setHgap(int separacion)
● setVgap(int separacion)
15. 8. Interfaces gráficas con Swing28/Mayo/2012 15
GridLayout
●
Coloca los componentes de la interfaz en
forma de rejilla.
●
El orden en que se añadan los componentes
determina su posición en la rejilla.
●
Constructor:
● GridLayout(int filas, int columnas)
●
Métodos:
● setHgap(int separacion)
● setVgap(int separacion)
16. 8. Interfaces gráficas con Swing28/Mayo/2012 16
GridLayout
public class MiVentana2 extends JFrame {
public MiVentana2() {
super("Titulo de ventana");
setSize(400, 300);
setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
Container cp = getContentPane();
GridLayout gl = new GridLayout(4,3);
gl.setHgap(5); gl.setVgap(5);
cp.setLayout(gl);
for(int i = 1; i <= 9; i++) {
cp.add(new JButton(String.valueOf(i)));
}
cp.add(new JButton("*"));
cp.add(new JButton("0"));
cp.add(new JButton("#"));
}
}
18. 8. Interfaces gráficas con Swing28/Mayo/2012 18
BorderLayout
●
Coloca y cambia de tamaño sus componentes
para que se ajusten a los bordes y parte
central de la ventana.
●
Métodos:
● setHgap(int separacion)
● setVgap(int separacion)
●
Al añadir un elemento a la
ventana, hay que especificar
su colocación:
JButton b = new JButton(...);
getContentPane().add(b, BorderLayout.EAST)
19. 8. Interfaces gráficas con Swing28/Mayo/2012 19
Interfaces complejas: JPanel
●
Un panel es un componente con un layout
manager propio, y que puede contener varios
componentes en su interior.
●
Constructor:
● JPanel()
●
Métodos:
● void setLayout(LayoutManager lm)
● void add(JComponent componente)
● …
24. 8. Interfaces gráficas con Swing28/Mayo/2012 24
Interfaces complejas: GridBagLayout
●
Más flexible que GridLayout
●
Cada componente ha de tener asociado un
objeto de la clase GridBagConstraints. La
asociación se producirá en el método add.
JButton b = new JButton(“Aceptar”);
GridBagConstraints gbc = new GridBagConstraints(...);
getContentPane().add(b, gbc);
25. 8. Interfaces gráficas con Swing28/Mayo/2012 25
GridBagConstraints
●
Atributos públicos:
● int gridx, gridy
● int gridwidth, gridheight
● double weightx, weighty
● int fill
● int anchor
● Insets insets
● int ipadx, ipady
●
Pueden ser inicializados en el constructor.
26. 8. Interfaces gráficas con Swing28/Mayo/2012 26
GridBagConstraints
●
Atributos públicos:
● int gridx, gridy
32. 8. Interfaces gráficas con Swing28/Mayo/2012 32
GridBagConstraints
●
Atributos públicos:
● int padx, int pady
●
Especifican cuánto espacio añadir a la
anchura/altura mínima de los componentes.
33. 8. Interfaces gráficas con Swing28/Mayo/2012 33
Constructores de interfaces
●
Permiten construir interfaces de usuario
interactivamente.
●
Ejemplo: Netbeans (netbeans.org)
34. 8. Interfaces gráficas con Swing28/Mayo/2012 34
Contenidos
●
Ventanas
●
Componentes
●
Layout Managers
●
Manejo de eventos
●
Cuadros de diálogo predefinidos
●
Dibujo de gráficos
●
Arquitectura MVC
35. 8. Interfaces gráficas con Swing28/Mayo/2012 35
Manejo de eventos
●
Un evento es un suceso que ocurre como
consecuencia de la interacción del usuario con
la interfaz gráfica.
●
Pulsación de un botón.
●
Cambio del contenido en un cuadro de texto.
●
Deslizamiento de una barra.
●
Activación de un JCheckBox.
●
Movimiento de la ventana.
36. 8. Interfaces gráficas con Swing28/Mayo/2012 36
Pulsación de un botón
●
La clase JButton tiene un método:
● void addActionListener(ActionListener l)
●
Que especifica el objeto (manejador de
evento) que se encargará de tratar el evento
de pulsación del botón.
●
Este objeto ha de interpretar la interfaz
ActionListener (paquete java.awt.event)
public interface ActionListener {
void actionPerformed(ActionEvent e)
}
37. 8. Interfaces gráficas con Swing28/Mayo/2012 37
Pulsación de un botón
●
Cuando el usuario pulse el botón, se llamará al
método actionPerformed de todos los
manejadores de eventos que se hayan
registrado.
●
Métodos de ActionEvent:
● public Object getSource()
● public int getModifiers()
public class Manejador implements ActionListener {
public void actionPerformed(ActionEvent e) {
...
}
}
Información sobre
el evento
38. 8. Interfaces gráficas con Swing28/Mayo/2012 38
Ejemplo
public class BotonVentana extends JFrame {
public BotonVentana() {
super("Botón");
setSize(200,100);
setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
Container cp = getContentPane();
cp.setLayout(new FlowLayout());
JButton boton = new JButton("¡Púlsame!");
boton.addActionListener(new EventoBotonPulsado());
cp.add(boton);
}
}
39. 8. Interfaces gráficas con Swing28/Mayo/2012 39
Ejemplo
public class EventoBotonPulsado implements ActionListener {
public void actionPerformed(ActionEvent e) {
System.out.println(“¡Gracias!”);
}
}
40. 8. Interfaces gráficas con Swing28/Mayo/2012 40
Ejemplo
public class EventoBotonPulsado implements ActionListener {
public void actionPerformed(ActionEvent e) {
JButton boton = (JButton) e.getSource();
boton.setText("¡Gracias!");
}
}
42. 8. Interfaces gráficas con Swing28/Mayo/2012 42
Acceso a componentes de la interfaz
public class EventoSaludo implements ActionListener {
public void actionPerformed(ActionEvent e) {
}
}
?
●
¿Cómo accedo al objeto JTextField?
43. 8. Interfaces gráficas con Swing28/Mayo/2012 43
Posibilidad 1
public class EventoSaludo implements ActionListener {
private JTextField cuadroTexto;
public EventoSaludo(JTextField cuadroTexto) {
this.cuadroTexto = cuadroTexto;
}
public void actionPerformed(ActionEvent e) {
JOptionPane.showMessageDialog(null, "¡Hola, " +
cuadroTexto.getText() + "!");
}
}
44. 8. Interfaces gráficas con Swing28/Mayo/2012 44
Posibilidad 1
public class MiVentana extends JFrame {
public MiVentana() {
super("Titulo de ventana");
setSize(400, 300);
setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
setLayout(new FlowLayout());
Container cp = getContentPane();
cp.add(new JLabel("Nombre :"));
JTextField texto = new JTextField(20);
cp.add(texto);
JButton botonSaludo = new JButton("Saludar");
cp.add(botonSaludo);
botonSaludo.addActionListener(new EventoSaludo(texto));
}
}
45. 8. Interfaces gráficas con Swing28/Mayo/2012 45
Posibilidad 2
public class MiVentana extends JFrame {
private JTextField cuadroTexto;
class EventoSaludo implements ActionListener {
public void actionPerformed(ActionEvent e) {
JOptionPane.showMessageDialog(null, "¡Hola, " +
cuadroTexto.getText() + "!");
}
}
public MiVentana() {
…
cuadroTexto = new JTextField(20);
cp.add(cuadroTexto);
…
botonSaludo.addActionListener(new EventoSaludo());
}
}
46. 8. Interfaces gráficas con Swing28/Mayo/2012 46
Posibilidad 3
public class MiVentana extends JFrame implements ActionListener {
private JTextField cuadroTexto;
public void actionPerformed(ActionEvent e) {
JOptionPane.showMessageDialog(null, "¡Hola, " +
cuadroTexto.getText() + "!");
}
public MiVentana() {
…
cuadroTexto = new JTextField(20);
cp.add(cuadroTexto);
…
botonSaludo.addActionListener(this);
}
}
47. 8. Interfaces gráficas con Swing28/Mayo/2012 47
Eventos en un JTextField
●
CaretListener: Cambios en la posición del
cursor.
● void caretUpdate(CaretEvent e)
●
DocumentListener: Cambios en el texto.
● void changedUpdate(DocumentEvent e)
● void insertUpdate(DocumentEvent e)
● void removeUpdate(DocumentEvent e)
JTextField text = ...;
text.addCaretListener(...);
text.getDocument().addDocumentListener(...);
49. 8. Interfaces gráficas con Swing28/Mayo/2012 49
Eventos de ratón y de teclado
●
MouseListener: Pulsaciones de botón, entradas
y salidas del puntero en un componente.
●
MouseMotionListener: Movimientos del ratón
dentro de un componente.
●
MouseWheelListener: Movimientos de la rueda
central de un ratón.
●
KeyListener: Pulsaciones de teclas.
50. 8. Interfaces gráficas con Swing28/Mayo/2012 50
Contenidos
●
Ventanas
●
Componentes
●
Layout Managers
●
Manejo de eventos
●
Cuadros de diálogo predefinidos
●
Dibujo de gráficos
●
Arquitectura MVC
51. 8. Interfaces gráficas con Swing28/Mayo/2012 51
Cuadros de diálogo predefinidos
●
La clase JOptionPane proporciona métodos de
utilidad para mostrar ventanas de aviso y de
confirmación estándar.
● void showMessageDialog(Component padre,
Object mensaje, String tituloVentana,
int tipoMensaje)
52. 8. Interfaces gráficas con Swing28/Mayo/2012 52
Cuadros de diálogo predefinidos
●
La clase JOptionPane proporciona métodos de
utilidad para mostrar ventanas de aviso y de
confirmación estándar.
● String showInputDialog(Component padre,
Object mensaje, Object valorDefecto)
53. 8. Interfaces gráficas con Swing28/Mayo/2012 53
Cuadros de diálogo predefinidos
●
La clase JOptionPane proporciona métodos de
utilidad para mostrar ventanas de aviso y de
confirmación estándar.
● int showConfirmDialog(Component padre,
Object mensaje, String titulo,
int tipoOpciones, int tipoMensaje)
54. 8. Interfaces gráficas con Swing28/Mayo/2012 54
Contenidos
●
Ventanas
●
Componentes
●
Layout Managers
●
Manejo de eventos
●
Cuadros de diálogo predefinidos
●
Dibujo de gráficos
●
Arquitectura MVC
55. 8. Interfaces gráficas con Swing28/Mayo/2012 55
Dibujar gráficos
●
Cada componente tiene un método llamado
paintComponent, que se encarga de pintarlo en
pantalla.
●
Para realizar un dibujo definido por el
programador, basta con heredar de un
componente (normalmente un JPanel), y
sobreescribir su método paintComponent.
● void paintComponent(Graphics g)
56. 8. Interfaces gráficas con Swing28/Mayo/2012 56
Dibujar gráficos
●
Métodos de Graphics:
● void drawPolygon(int[] x, int[] y, int puntos)
● void drawRect(int x, int y,
int ancho, int alto)
● void fillRect(int x, int y,
int ancho, int alto)
● void drawOval(int x, int y,
int ancho, int alto)
● void fillOval(int x, int y,
int ancho, int alto)
● void drawString(String cad, int x, int y)
● void setColor(Color c)
● void setFont(Font f)
57. 8. Interfaces gráficas con Swing28/Mayo/2012 57
Ejemplo
public class PanelSol extends JPanel {
public void paintComponent(Graphics g) {
g.setColor(Color.ORANGE);
g.fillOval(100,100,200,200);
for (double d = 0; d < 2*Math.PI; d += 0.1) {
int xEnd = (int) (200+150*Math.cos(d));
int yEnd = (int) (200+150*Math.sin(d));
g.drawLine(200, 200, xEnd, yEnd);
}
g.setColor(Color.BLACK);
g.drawArc(150, 150, 100, 100, 230, 80);
g.fillOval(150, 150, 20, 20);
g.fillOval(230, 150, 20, 20);
}
}
58. 8. Interfaces gráficas con Swing28/Mayo/2012 58
Ejemplo
public class VentanaSol extends JFrame {
public VentanaSol() {
…
Container cp = getContentPane();
cp.add(new PanelSol());
}
}
59. 8. Interfaces gráficas con Swing28/Mayo/2012 59
Aún hay más
http://download.java.net/javadesktop/swingset3/SwingSet3.jnlp
60. 8. Interfaces gráficas con Swing28/Mayo/2012 60
Aún hay más
http://www.particle.kth.se/~fmi/kurs/PhysicsSimulation/Lectures/07A/swingDesign.html
61. 8. Interfaces gráficas con Swing28/Mayo/2012 61
Contenidos
●
Ventanas
●
Componentes
●
Layout Managers
●
Manejo de eventos
●
Cuadros de diálogo predefinidos
●
Dibujo de gráficos
●
Arquitectura MVC
62. 8. Interfaces gráficas con Swing28/Mayo/2012 62
Arquitectura MVC
●
MVC = Modelo – Vista – Controlador
●
Es un patrón de diseño que separa los datos de
la aplicación, la interfaz de usuario, y la lógica
de negocio.
ModeloVista Modelo
Controlador
63. 8. Interfaces gráficas con Swing28/Mayo/2012 63
Arquitectura MVC
●
Ejemplo: Edición de textos.
ModeloVista Modelo
Controlador
“Mi Texto”
interfaz Documentclass JTextField
class JTextField
65. 8. Interfaces gráficas con Swing28/Mayo/2012 65
Arquitectura MVC
●
Preparación: El modelo tiene una lista de vistas. Cada
vez que haya un cambio de modelo, éste avisará a
todas las vistas para que se actualicen.
●
Cuando se crea una vista, ésta avisa al modelo para
que la añada a su lista.
ModeloVista Modelo
Controlador
66. 8. Interfaces gráficas con Swing28/Mayo/2012 66
Arquitectura MVC
●
Paso 1: Cuando el controlador recibe la acción
del usuario, envía un mensaje al modelo para
modificarlo.
ModeloVista Modelo
Controlador
67. 8. Interfaces gráficas con Swing28/Mayo/2012 67
Arquitectura MVC
●
Paso 2: Cuando el modelo se modifica, envía
un mensaje a todas las vistas que tenga
registradas.
ModeloVista Modelo
Controlador
68. 8. Interfaces gráficas con Swing28/Mayo/2012 68
Arquitectura MVC
●
Paso 3: La vista se actualiza con los cambios
realizados en el modelo
ModeloVista Modelo
Controlador
69. 8. Interfaces gráficas con Swing28/Mayo/2012 69
Referencias
●
P. Deitel, H. Deitel
Java. How to Program (9th Edition)
Caps. 14, 15 y 25
●
B. Eckel
Thinking in Java (3rd Edition)
Cap. 14
●
J. Zukowski
The definitive guide to Java Swing