LECCION 3-Visual Studio - Programación
orientada a objetos.
Conocer: La creación de programas de uso
múltiple para tu computadora.
Los códigos que se utilizan en plataformas
visuales gráficas.
Aplicar: El lenguaje de programación
Visual Studio para solucionar
la problemática.
Conocimientos adquiridos
para resolver un acertijo.
Actuar: De manera creativa en el seguimiento de las
instrucciones.
Responsablemente para alcanzar las
metas propuestas.
Aprendizajes esperados:
Desarrollar un código en plataformas visuales gráficas.
Crear programas de uso múltiple para tu computadora.
Seguir los pasos indicados para crear una calculadora.
1. Para comenzar a trabajar, haz clic en
Nuevo Proyecto.
2. En la ventana de diálogo elige el tipo de
plantilla a utilizar Visual Studio Basic.
3. Confirma de la lista la opción Aplicación
de Windows Forms.
4. En la parte inferior de la ventana, escribe el nombre
del proyecto: Proyecto 1 – Mi nombre.
5. Debajo del nombre del proyecto, elige la carpeta
donde lo guardarás.
6. En el Nombre de la solución, deja el mismo nombre
del proyecto.
7. Al final haz clic en el botón Aceptar.
8. Primero selecciona el menú del Cuadro de
herramientas que se encuentra en la parte
Clic lateral izquierda de tu pantalla.
9. Haz clic en la pestaña Todos los formularios
de Windows Forms, desplegará un menú.
10. Busca y haz clic en el botón llamado Clic.
11. Mueve el mouse dentro del formulario y haz clic
en la posición que se indica en la imagen.
Clic Inserta otro objeto idéntico al anterior debajo
de él y reajusta su tamaño para que queden al
mismo largo y ancho.
12. De la barra de herramientas
busca el botón Button
Clic para que lo agregues al
formulario.
13. Inserta cinco botones
más en el formulario y
Clic acomódalos como se
muestra.
14. Inserta otro objeto debajo de los
Clic cuatro botones que
pusiste juntos.
15. Selecciona el primer botón haciendo clic sobre él.
16. Haz clic en panel Cuadro de propiedades (que se
encuentra en la parte inferior derecha de la pantalla)
Clic y busca la opción Text.
17. Escribe el nombre de Sumar y pulsa la tecla Enter.
18. Haz lo mismo con los botones siguientes, cambiando
los nombres correspondientes.
19. Haz doble clic sobre el
botón Sumar, aparecerá
Clic una pantalla como la que
se muestra.
20. En el recuadro que se
encuentra debajo de TextBox3.Text = Val(TextBox1.Text) + Val(TextBox2.Text)
Clic Preferencias y Private
Sub, escribe lo siguiente:
21. Cierra la pestaña del código, verás que regresa
automáticamente a la pestaña del formulario.
22. Ahora repite los pasos para agregar el mismo
código a los tres botones restantes, solo ten
presente que al botón restar, deberás cambiarle
el signo + por -, al de dividir, por / y al de
multiplicar, *. Observa el ejemplo:
(Botón Restar) TextBox3.Text = Val(TextBox1.Text) - Val(TextBox2.Text)
(Botón Dividir) TextBox3.Text = Val(TextBox1.Text) / Val(TextBox2.Text)
(Botón Multiplicar) TextBox3.Text = Val(TextBox1.Text) * Val(TextBox2.Text)
23. En el botón Borrar
aplicarás el siguiente
Clic código:
24. Haz clic en el ícono llamado Iniciar depuración o
bien oprime la tecla de función F5.
25. Abrirá una ventana presentándose la calculadora
que acabas de crear.
26. En el primer recuadro escribe 5 y en el segundo 8.
27. Oprime el botón Multiplicar y aparecerá el resultado
Clic en el tercer recuadro.
28. Ahora borra el resultado con el botón indicado.
29. Cierra la ventana de la calculadora y regresará al
modo de diseño.
30. Ejecuta tu calculadora y cuando hayas comprobado que
Clic funciona, ciérrala para volver al modo de diseño.
31. Abre la ventana Explorador de soluciones que se encuentra en la ficha Ver. Se abrirá una ventana nueva en el panel Derecho de la pantalla.
32. Activa el cuadro de Explorador de soluciones
dando un clic en él.
33. Identifica el nombre de tu proyecto: Proyecto
1 – Mi nombre, da clic con el botón derecho del
mouse y selecciona la opción Propiedades.
34. En la ventana de Propiedades, selecciona la
pestaña Publicar.
35. Elige la carpeta donde alojarás los archivos que se
generen, puede ser tu carpeta de trabajo.
36. Oprime el botón Publicar Ahora.
37. Haz doble clic sobre el ícono Setup. Presentará una ventana de comprobación
Clic del software en el equipo, en relación a los componentes de software necesarios para
su instalación.
38. En caso de ser necesario instalará algunos de ellos;
como la actualización del Framework.NET; en caso
contrario solo presentará una ventana de
Clic confirmación de instalación, haz clic en el botón
Instalar.
39. Comenzará la instalación correspondiente y al
finalizar se ejecutará de forma automática tu
calculadora.
40. Cierra Visual Studio
y guarda los cambios
Clic realizados.
41. Si deseas eliminar la aplicación Calculadora que
acabas de crear e instalar, ve al Panel de control de tu
Clic computadora, selecciona tu aplicación Proyecto 1 – Mi
nombre y elige la opción Desinstalar o Cambiar.
Luego elige Quitar la aplicación de este equipo y da
clic en Aceptar.
LECCION 5-Visual Studio Programación web
Conocer: El entorno gráfico para una consulta web.
Las características básicas de la programación
web.
Las herramientas del programa Visual Studio.
Aplicar: El uso de un navegador de Internet.
La inserción de botones.
Inserción de un contenedor para visualizar un sitio
web.
Actuar: Siguiendo las indicaciones para obtener los
resultados deseados.
Haciendo uso de las herramientas.
Aprendizajes esperados:
desarrollar proyectos. Conocer el diseño de entornos visuales.
Diseñar un entorno gráfico para una consulta web.
1. Ejecuta Visual Studio. Elige Nuevo Proyecto.
2. Mantén seleccionada la opción Visual Basic y Clic Aplicación de Windows Forms.
3. Asigna el nombre del proyecto Navegador
– Mi nombre y la carpeta donde se guardará.
4. Por último, da clic en el botón Aceptar.
5. Ahora, agranda el tamaño de la ventana Form1 desde la esquina inferior derecha.
6. En el cuadro de herramientas busca Button e insértalo en el formulario. Inserta cuatro
botones más en el formulario, alínealos.
7. Con el mouse, selecciona los tres primeros botones de comando y ajusta su
tamaño a la mitad de la medida actual.
8. Repite el proceso ahora con los siguientes
Clic dos botones (4 y 5), reduciendo su tamaño.
9. Haz clic con el mouse en el primer botón. En el cuadro de propiedades busca la opción llamada Text.
10. Escribe el símbolo < y pulsa Enter.
11. Cambia el nombre de los siguientes botones con textos.
12. En el cuadro de herramientas busca y haz clic en la opción MenuStrip.
13. Mueve el cursor de la esquina superior izquierda hacia la derecha para crear el
espacio del menú.
14. Haz clic sobre el recuadro de la parte superior.
15. En el cursor activo escribe la palabra Archivo.
16. Ahora da clic en el recuadro de abajo y escribe Agregar pestaña.
17. Debajo de Agregar pestaña, inserta dos opciones más: Quitar pestaña y Propiedades. 18. Haz clic fuera del diseño del menú, verás que se mostrará solo la palabra Archivo.
19. Ahora, haz clic con el mouse y observa que se despliega el menú con las opciones que
acabas de anexar.
20. Localiza y haz clic en la opción llamada StatusStrip1 en el cuadro de herramientas. 21. Mueve la flecha del mouse y haz clic en la esquina inferior izquierda. Se formará un
rectángulo similar que con el menú de arriba.
22. Con el mouse dirígete a la flechita del recuadro.
23. En el menú contextual haz clic en la opción StatusLabel.
24. Después agrega la opción ProgressBar, Clic el resultado.
25. Coloca el puntero del mouse delante de la barra de progreso que acabas de agregar y
da clic ahí. Verás que en la parte inferior de Clic la pantalla aparece el botón Timer1.
26. Observa la ventana de propiedades (parte inferior derecha) y confirma que la
propiedad Enabled esté marcada en True.
27. Mueve el botón Actualizar hacia la parte superior de la ventana, debajo del Menú Archivo que creaste previamente.
28. Acomoda los demás botones en línea con el que acabas de colocar, como se muestra en la imagen.
29. Busca y haz clic en el cuadro de herramientas llamado ComboBox.
30. Dibújalo junto al botón Inicio, sobre esa misma línea.
31. Haz clic sobre el cuadro ComboBox1 y busca en el cuadro de propiedades
Clic la opción Anchor.
32. Despliega el menú que está a la derecha de la propiedad y con el mouse selecciona los rectángulos que están en blanco para que todos queden coloreados de gris.
33. En el cuadro de herramientas busca y haz clic en TabControl.
34. Dibuja un rectángulo a lo largo y ancho del formato, debajo de los
botones, mostrará un contenedor con dos páginas de forma automática.
35. Inmediatamente haz clic en el cuadro que muestra tres puntos seguidos.
36. En la ventana Editor de la colección TabePage señala el
Clic primer nombre TabPage1 y haz clic en el botón Quitar.
Repite los pasos para eliminar TabPage2 y oprime el botón
Aceptar.
37. Haz doble clic en el título del Formulario Form1. Presentará la
ventana Editor de código.
38. Elimina las siguientes dos líneas. Para hacerlo, señala con el mouse y
oprime la tecla SUPR o DEL de tu teclado.
39. Eliminadas las líneas anteriores captura el siguiente código y pulsa Enter en tu teclado. 40. En la línea siguiente captura el código que se Clic muestra a continuación:
41. Cierra la pestaña del editorde códigos. Nuevamente da dos clics en el título
Clic del formulario (Form1), presentará nuevas líneas de código.
42. Agrega el Browser.Name = “Mi Navegador Web”
siguiente código Browser.Dock = DockStyle.Fill
Clic en el espacio que acaba de crearse.
43. Cierra la pestaña de Editor de (“Nueva página”) Código y selecciona el menú Archivo del formulario.
44. Haz doble clic en Agregar Pestaña. Como antes, se agregará un espacio en el editor de código, Ahí deberás ingresar las siguientes sentencias: int = int + 1.
45. Cierra el editor de código y en el diseño del
Clic formulario selecciona el menú Archivo.
46. Haz doble clic en Quitar Pestaña.
47. Realiza los siguientes.
48. Haz clic con el botón derecho sobre el nombre
Navegador en el Panel de soluciones y elige la
Clic opción Propiedades.
49. Da clic en la pestaña Publicar. Define la
ubicación donde se almacenará tu proyecto y da
clic en Publicar Ahora.
50. Haz doble clic en el ícono Setup. Al ejecutarse realizará una
comprobación de requisitos de la computadora, en caso de faltar algún componente lo instalará, o bien, actualizará y
continuará el proceso.
51. Si todo está bien, aparecerá una ventana donde solicitará la
instalación del ejecutable. Selecciona Instalar.
52. Al terminar la instalación se ejecutará de manera automática el navegador.
53. Por último, cierra el programa Visual Studio y guarda los cambios.
Comentarios
Publicar un comentario