Alumno

Juan Carlos Fabela Ortegón

Grupo

5°C

Matricula

1430706

Trabajo

Reporte Practica Reloj

Materia

Programación Visual

Profesor

Saúl Gallardo Cantú

Objetivo

Desarrollar un programa donde se demuestren las habilidades de programación con imágenes donde se desarrollará un programa en el cual cambiaran imágenes para poder mostrar la hora como un reloj.

Desarrollo

1.- Se insertarán 6 picturebox (en donde se mostrará la hora, minutos y segundos) 2 label (para escribir los 2 puntos de separación) 6 botones (para iniciar, parar y modificar la hora del reloj) 1 imageList (para colocar los números) y 1 timer (para el tiempo).

2.- Se declararán las variables globales que se utilizarán para llevar el conteo

Public Class Form1 Dim ContSeg1 As Integer = 0, ContMin1 As Integer = 0, ContHora1 As Integer = 0, ContSeg2 As Integer = 0, ContMin2 As Integer = 0, ContHora2 As Integer = 0

3.- se empezará a programar el primer botton, el cual realizara la acción de decrementar la cuenta de la hora, esto para ajustar la hora del reloj.

Private Sub Button1_Click(sender As Object, e As EventArgs) Handles Button1.Click ContHora1 = ContHora1 - 1 If (ContHora1 < 0) Then ContHora1 = 9 ContHora2 = ContHora2 - 1 End If If (ContHora1 < 0 Or ContHora2 < 0) Then ContHora1 = 3 ContHora2 = 2

End If PictureBox5.Image = ImageList1.Images(ContHora1) PictureBox6.Image = ImageList1.Images(ContHora2)

End Sub

4.-igualmete se programará el segundo botton, el cual realizará la acción de incrementar la cuenta de la hora, esto para ajustar la hora del reloj.

Private Sub Button2_Click(sender As Object, e As EventArgs) Handles Button2.Click ContHora1 = ContHora1 + 1 If (ContHora1 > 9) Then ContHora2 = ContHora2 + 1 ContHora1 = 0 End If If (ContHora2 = 2 And ContHora1 = 4) Then ContHora1 = 0

ContHora2 = 0

End If PictureBox5.Image = ImageList1.Images(ContHora1) PictureBox6.Image = ImageList1.Images(ContHora2)

End Sub

5.- para poder representar la hora del reloj utilizaremos imágenes con números y estas las iremos cambiando y esto simulara el conteo clásico que conocemos en los relojes digitales.

Para ello nos iremos al ImageList que ya habíamos insertado anteriormente le daremos clic derecho en “elegir imágenes” y empezaremos a importar las imágenes.

6.- para poder controlar ahora el cambio de las imágenes se procesará a programar el timer que anterior mente ya habíamos colocado.

Private Sub Timer1_Tick(sender As Object, e As EventArgs) Handles Timer1.Tick PictureBox1.Image = ImageList1.Images(ContSeg1) PictureBox2.Image = ImageList1.Images(ContSeg2) PictureBox3.Image = ImageList1.Images(ContMin1) PictureBox4.Image = ImageList1.Images(ContMin2) PictureBox5.Image = ImageList1.Images(ContHora1) PictureBox6.Image = ImageList1.Images(ContHora2)

ContSeg1 = ContSeg1 + 1 If (ContSeg1 > 9) Then ContSeg2 = ContSeg2 + 1 ContSeg1 = 0 End If If (ContSeg2 > 5) Then ContMin1 = ContMin1 + 1 ContSeg2 = 0 ContSeg1 = 0 End If If (ContMin1 > 9) Then ContMin2 = ContMin2 + 1

ContMin1 = 0 End If If (ContMin2 > 5) Then ContHora1 = ContHora1 + 1 ContMin2 = 0 ContMin1 = 0 End If If (ContHora1 > 9) Then ContHora2 = ContHora2 + 1 ContHora1 = 0 End If If (ContHora1 = 4 And ContHora2 = 2) Then ContHora2 = 0 ContHora1 = 0 End If End Sub

7.- para probar el funcionamiento de las horas se procederá a programar el botton 3 y botton 4 los cuales tendrán el funcionamiento de resetear la secuencia e iniciar o pausar el incremento del tiempo.

Private Sub Button3_Click(sender As Object, e As EventArgs) Handles Button3.Click, Button5.Click If (Timer1.Enabled = True) Then Timer1.Enabled = False Else Timer1.Enabled = True End If End Sub

Private Sub Button4_Click(sender As Object, e As EventArgs) Handles Button4.Click ContHora1 = 0 ContHora2 = 0 ContSeg1 = 0 ContSeg2 = 0 ContMin1 = 0 ContMin2 = 0

8.- Después se programarán los botton 5 y botton 6 para poder ajustar los min de forma ascendente y descendente.

Private Sub Button5_Click(sender As Object, e As EventArgs) Handles Button5.Click ContMin1 = ContMin1 + 1 If (ContMin1 > 9) Then ContMin2 = ContMin2 + 1 ContMin1 = 0 End If If (ContMin2 > 5) Then If (ContMin1 = 9) Then ContMin1 = 0 End If ContMin2 = 0 End If PictureBox3.Image = ImageList1.Images(ContMin1)

PictureBox4.Image = ImageList1.Images(ContMin2) End Sub

Private Sub Button6_Click(sender As Object, e As EventArgs) Handles Button6.Click ContMin1 = ContMin1 - 1 If (ContMin1 < 0) Then ContMin2 = ContMin2 - 1 ContMin1 = 9

End If If (ContMin2 < 0 Or ContMin1 < 0) Then ContMin1 = 9 ContMin2 = 5

End If PictureBox3.Image = ImageList1.Images(ContMin1) PictureBox4.Image = ImageList1.Images(ContMin2)

End SubEnd Class

8.- finalmente se le pude cambiar la apariencia física a la forma y botones para que tenga una apariencia más atractiva, estas modificaciones se hacen en la parte de diseño en propiedades

Conclusion

En la programacion visual el area de la imágenes son una parte fundamental, ya que el entorno es totalmente visual y el tener interaccion con imágenes hace mas llamativo y envolbente el programa, en este caso es reloj es mas atractivo por la posibilidad de modificarlo de manera mas rapida por sus botones asendentes y desendentes.