1
Reporte Unidad 1
Ruiz Izquierdo Juan Carlos (TE220291)
Instituto Tecnológico Superior de Comalcalco, Programación Avanzada, 7B-IMTC 09/09/2025
Resumen— En este primer tema se realizó un acercamiento al • GroupBox: Control que agrupa elementos
entorno de desarrollo Visual Studio 2022, explorando su interfaz y relacionados, normalmente acompañado de un título.
las principales herramientas disponibles para la creación de • TabPage: Página que forma parte de un control de
aplicaciones. Se desarrollaron diversos formularios utilizando el pestañas, útil para dividir un formulario en secciones.
cuadro de herramientas y otras secciones del programa, lo que
permitió familiarizarse con la disposición de controles y sus
propiedades. Durante las prácticas fue necesario aplicar análisis y B. Propiedades
lógica para interpretar el funcionamiento de cada línea de código, • Name: Identificador único del control dentro del
relacionando su sintaxis con la acción generada en el formulario. código.
Asimismo, se trabajó con la declaración de variables y su integración • Text: Texto visible asociado al control.
en los proyectos, lo que facilitó la comprensión de la estructura • BackColor: Propiedad que define el color de fondo
básica de un programa.
del control.
• Font: Establece el tipo y tamaño de la letra del texto
mostrado.
I. INTRODUCCIÓN
• Visible: Indica si un control se muestra o no en el
E
formulario.
n la Ingeniería Mecatrónica, el dominio de herramientas
• ReadOnly: Permite definir si el usuario puede
de programación resulta fundamental para el diseño,
modificar el contenido de un control como el TextBox.
desarrollo y control de sistemas automatizados. En este
sentido, Visual Studio 2022 ofrece un entorno de desarrollo • Enabled: Controla si un elemento está activo (se puede
integrado que facilita la creación de aplicaciones orientadas usar) o deshabilitado.
tanto al aprendizaje de la lógica de programación como a la
implementación de proyectos de mayor complejidad. C. Líneas de código y Funciones
• int, double: Tipos de datos utilizados para almacenar
El presente reporte tiene como propósito documentar las números enteros y decimales, respectivamente.
prácticas realizadas durante la Unidad 1, enfocadas en el uso de • Parse: Método que convierte una cadena de texto a un
formularios, controles y estructuras básicas de programación. tipo de dato numérico.
Este acercamiento inicial no solo fortalece la comprensión de la • Text: Propiedad utilizada para obtener o asignar el
relación entre la sintaxis y el comportamiento del software, sino contenido textual de un control.
que también sienta las bases para su aplicación en sistemas • ToString(): Convierte un valor numérico u objeto a su
mecatrónicos, donde la interacción entre hardware y software representación en texto.
resulta importante para el desarrollo de soluciones innovadoras • Focus (): Método que coloca el cursor en un control
en el ámbito de la automatización. específico.
• [Link](): Función matemática que permite elevar
.II. MARCO CONCEPTUAL un número a una potencia.
A. Cuadro de herramientas • [Link](): Función que devuelve la raíz cuadrada de
• Label: Control que permite mostrar texto fijo en un un número.
formulario, generalmente utilizado como referencia o • if: Estructura condicional que ejecuta código solo si
título para otros elementos. se cumple una condición.
• PictureBox: Control para insertar y mostrar imágenes • KeyChar: Propiedad utilizada en eventos de teclado
dentro del formulario. para capturar la tecla presionada.
• TextBox: Área de entrada de texto donde el usuario • ToChar(): Convierte un valor numérico en su
puede escribir información. equivalente tipo caracter.
• Button: Control que ejecuta una acción al ser • MessageBox: Ventana emergente que muestra
presionado por el usuario. mensajes o advertencias al usuario
• Panel: Contenedor que organiza y agrupa controles
dentro de una sección del formulario.
2
III. DESARROLLO DE PRÁCTICAS texto a valores numéricos con Parse y se imprimieron
resultados en el formulario. Además, se incluyó un botón de
A. Práctica 0: Hola Mundo reinicio. El aprendizaje consistió en la relación directa entre la
lógica del código y las acciones ejecutadas en el programa.
En esta actividad se buscó realizar nuestra primera interfaz
utilizando un Label, PictureBox y un Button.
Figura 4. Operaciones básicas
Figura 1. Hola Mundo
Figura 5. Declaración de variable “int”
D. Práctica 3: Área de un cuadrado
Figura 2. Código para el botón “Salir”
Se utilizó [Link] para simplificar la fórmula del área y el
B. Práctica 1: Presentación personal
evento KeyPress para ejecutar el cálculo al presionar Enter. Los
cuadros de texto fueron necesarios para ingresar valores y
Se trabajó con etiquetas (Label) y cuadros de texto (TextBox)
mostrar resultados. El aprendizaje se centró en la
para mostrar información básica, además de imágenes mediante
automatización de acciones mediante eventos de teclado.
PictureBox. Se aplicaron propiedades como fuente, color y
fondo del formulario. El aprendizaje principal fue la ubicación
y manipulación de herramientas gráficas, comprendiendo su
función en el diseño de una aplicación.
Figura 6. Área de un cuadrado
Figura 3. Presentación personal
C. Práctica 2: Operaciones básicas (suma, resta,
multiplicación y división)
Se emplearon botones (Button) para ejecutar operaciones
aritméticas. Se declararon variables, se transformaron datos de
3
combinación de cálculos y elementos gráficos en un mismo
programa.
Figura 7. Aplicación del “KeyPress” en conjunto con el
“[Link]”
E. Práctica 4: Área, perímetro e hipotenusa de un
triángulo
Se reforzó la importancia de la precisión en la escritura del
código, ya que la omisión de paréntesis, llaves o puntos y comas Figura 10. Suma de resistencias en serie y paralelo
podía alterar los resultados. Se emplearon las mismas
herramientas que en ejercicios previos, destacando el valor de
la sintaxis correcta y la estructuración del código.
Figura 8. Área, perímetro e hipotenusa de un triángulo. Figura 11. Aplicación del If, KeyPress y [Link].
Código para suma de resistencias en serie.
Figura 9: Código del programa Área, perímetro e hipotenusa
de un triángulo. Figura 12. Código para suma de resistencias en paralelo
F. Práctica 5: Suma de resistencias en serie y paralelo G. Práctica 6: Ecuación de segundo grado
Se trabajó con el tipo de dato float para obtener resultados Se implementó la fórmula general, donde el uso correcto de
decimales. Se integró una imagen mediante PictureBox y la paréntesis fue necesario para obtener resultados válidos. Se
propiedad Visible para mostrar el tipo de conexión (serie o añadieron botones para calcular y reiniciar, así como la
paralelo) junto con los resultados. El aprendizaje fue la propiedad BackColor para mejorar el diseño visual de las cajas
4
de texto. El aprendizaje fue la integración de programación if junto con un MessageBox para advertencias. El aprendizaje
matemática con personalización visual del formulario. fue la resolución de un problema aplicado a través de lógica
condicional y el manejo de múltiples salidas de datos.
Figura 13. Ecuación de segundo grado Figura 16. Máquina expendedora.
H. Práctica 7: Números complejos
Se empleó Int32 para convertir cadenas en números enteros,
junto con la propiedad ReadOnly para evitar la modificación de
resultados. Además, con KeyPress, se programó el salto
automático entre cajas de texto al presionar Enter. El
aprendizaje principal fue la gestión de tipos de datos y la mejora
en la interacción con el usuario.
Figura 14. Números imaginarios Figura 17. Código del programa Máquina expendedora.
V. CONCLUSIÓN
Las prácticas desarrolladas en el entorno de Visual Studio 2022
permitieron un aprendizaje progresivo y significativo en el uso
de formularios, controles y programación básica. Desde la
simple inserción de etiquetas e imágenes hasta la resolución de
problemas complejos como la ecuación de segundo grado o la
simulación de una máquina expendedora, cada ejercicio
fortaleció la comprensión de la relación entre código, lógica y
diseño.
La experiencia adquirida mostró que la programación no solo
consiste en escribir líneas de código, sino también en
estructurar proyectos de manera clara, integrar elementos
Figura 15. Código del programa “Números imaginarios” gráficos y aplicar razonamiento lógico a problemas prácticos.
Asimismo, se reforzó la importancia de la sintaxis, la
I. Práctica 8: Máquina expendedora declaración de variables y el uso adecuado de propiedades.
Se programó el cálculo de cambio en monedas y billetes
utilizando la variable faltaxDevolver, mostrando los resultados
en distintas cajas de texto. Se incluyó la estructura condicional