Presentación Tecnología Digital

Equipo:Castillo Cazares Jesus Mardonio 22180821Martínez Pérez Alfredo Jair 22180846

U1. Interfaz gráfica de usuario

Institución: Instituto Tecnológico de San Luis PotosíCarrera: Ing. Sistemas ComputacionalesDocente: Ríos Velázques Beatriz OraliaMateria: Taller de base de datosSemestre: 5toFecha: 13/09/2024

Introducción

Hoy en día contamos con una tecnología la cual nos permite, a través del uso de menús digitales, poder interactuar con distintas funciones dependiendo del dispositivo que estemos utilizando. Aquí la pregunta es ¿Cómo es que funcionan estos menús interactivos? ¿Cómo están conformados? ¿Qué cosas nos habilitan y facilitan? En esta unidad veremos varios temas acerca de lo que conforma una interfaz gráfica de usuario.

DESAROLLO

Intefaz que muestra las opciones disponibles de un dispositivo

A1. Interfaz grafica de usuario

1.1. ¿Qué es una GUI?

Graphical User Interfaze

Fuente : https://www.ionos.mx/digitalguide/paginas-web/desarrollo-web/que-es-una-gui/

Checkboxes

Cerrar ventana

Escribir con el teclado

Click de un mouse

1.2. Tipos de eventos

Fuente: https://topicosavanzadosdprogramacion.blogspot.com/p/blog-page_7.html

Ejemplo práctico de lo que hace un manejador de eventos

Opción viable

Resultado

Pulsación de una tecla

Muestra gráfica del manejo de eventos.

1.3. Manejo de eventos

El manejador de eventos es un sistema de filtrado de eventos que sirve para controlarlos y de esa forma permitir al árbol de componentes decidir que acción se realizara dependiendo de dicho evento.

Fuente: https://topicosavanzadosdprogramacion.blogspot.com/p/14-manejo-de-componentes-graficos-de.html

Eventos de texto(Introducción de un caracter)

Eventos de ventana(Cuando una ventana se abre, cierra, activa, etc.)

Eventos de acción(Doble click sobre un elemento)

Eventos de elemento(Selección o deselección de un elemento)

1.4. Manejo de componentes gráficos y eventos

Existen cuatro ramas de eventos

Sistema operativo windows

Microsoft está a la vanguardia de muchas áreas clave de la tecnología, como la inteligencia artificial, el aprendizaje automático o la computación en la nube. A esto se le suma una comunidad de desarrolladores que crean aplicaciones y servicios complementarios a sus productos y tecnologías.

Fuente: https://significadosweb.com/ejemplos-de-interfaz-grafica-tipos-definicion-y-analisis/

a2. guis exitosos

Fuente: https://www.xatakandroid.com/sistema-operativo/historia-evolucion-android-como-sistema-operativo-para-camaras-digitales-acabo-conquistando-moviles

Android

Sistemas de navegacion GPS

El GPS es indispensable en todos los sistemas de transporte del mundo ya que sirve de apoyo a la navegación aérea, terrestre y marítima. Los servicios de emergencia y socorro en casos de desastre dependen del GPS para la localización y coordinación horaria de misiones para salvar vidas.

El éxito de Android se basa en su compromiso con la innovación y su filosofía de código abierto. Este enfoque ha permitido que desarrolladores y fabricantes de todo el mundo contribuyan a su evolución, convirtiendo a Android en el sistema operativo móvil más utilizado del mundo.

Fuente: https://www.jetbrains.com/idea/download/?section=windows

Instalacion de IntelliJ

Tenemos varias opciones para poder codificar en Kotlin las cuales son las siguientes, pero por ahora utilizaremos IntelliJ.

a3. Realizar ejercicio de los videos

Primero instalamos el IDE desde la pagina oficial para poder usar Kotlin.

Al iniciar el IDE, veremos las distintas opciones que tenemos, dentro de estas la posibilidad de no solo codificar en Kotlin sino también en java.

Se inicia el instalador y se escoge la ruta a la cual se instalara el programa.

Nos vamos a la sección de bloques y aquí podemos encontrar muchas opciones para realizar funciones, como botones, cajas de texto, casillas para contraseñas, entre otras muchas cosas

Primero vamos al sitio oficial de la página, iniciamos sesión con una cuenta y abrimos un nuevo proyecto

Ejercicio en AppInventor

Fuente: https://appinventor.mit.edu/

Del lado derecho podemos observar una captura de un celular de este equipo iniciando la aplicación y usando sus funciones. Al momento en el que tu presiones uno de los dos botones indicados, el texto cambiará para mencionarte cuál de los dos seleccionaste.

En esta pantalla podemos observar cómo es que se vería nuestra aplicación en instalada en un dispositivo móvil, y ya solo nos quedaría construir nuestro pequeño programa a APK.

CONCLUSIÓN

Comprender el cómo funciona una interfaz gráfica nos ayuda a poder entender cómo es que funciona la interacción entre el usuario y la máquina, ofreciéndonos la posibilidad de poder desarrollar las habilidades necesarias para poder realizar nuestra propia interfaz gráfica.

- Equipo editorial de IONOS. (2021, 28 enero). ¿Qué es una interfaz gráfica de usuario (GUI)? IONOS Digital Guide. https://www.ionos.mx/digitalguide/paginas-web/desarrollo-web/que-es-una-gui/- Unknown. (s. f.-b). 1.4 Manejo de componentes gráficos de control. https://topicosavanzadosdprogramacion.blogspot.com/p/14-manejo-de-componentes-graficos-de.html- Unknown. (s. f.). 1.3 Manejos de eventos. https://topicosavanzadosdprogramacion.blogspot.com/p/blog-page_7.html- Webmaster, & Webmaster. (2023, 16 octubre). 20 ejemplos de interfaz gráfica Tipos, definición y análisis. SignificadosWeb.com. https://significadosweb.com/ejemplos-de-interfaz-grafica-tipos-definicion-y-analisis/- Ramírez, I. (2023b, julio 18). Historia y evolución de Android: cómo un sistema operativo para cámaras digitales acabó conquistando los. . . Xataka Android. https://www.xatakandroid.com/sistema-operativo/historia-evolucion-android-como-sistema-operativo-para-camaras-digitales-acabo-conquistando-moviles- Download IntelliJ IDEA – The Leading Java and Kotlin IDE. (2021, 1 junio). JetBrains. https://www.jetbrains.com/idea/download/?section=windows- MIT App Inventor. (s. f.). https://appinventor.mit.edu