M12

Sistemas Microinformticos i Redes Aguilera Basanta Xin 26/09/2012

Crear una aplicacin mediante Visual Studio

Explicacin de la Actividad Paso a paso

1 - Para comenzar a realizar la aplicacin tenemos que instalar el programa Visual Studio 2008 en nuestro ordenador. 2 - Una vez que hayamos instalado el programa Visual Studio 2008 con todos sus requisitos obligatorios, lo ejecutaremos. Para iniciar Visual Studio nos iremos a Inicio Todos los programas y dentro estar Visual Studio 2008.

3 Cuando hayamos iniciado Visual Studio 2008, nos aparecer una pantalla como esta:

M12

Sistemas Microinformticos i Redes Aguilera Basanta Xin 26/09/2012

Crear una aplicacin mediante Visual Studio

4 Una vez tengamos Visual Studio ya podremos empezar la creacin de nuestra aplicacin y para ello tendremos que irnos a Archivo Nuevo proyecto.

5 A continuacin de seleccionar Nuevo proyecto, nos aparecer una imagen como la que os muestro a continuacin.

Cuando hayamos seleccionado Nuevo proyecto, lo que seleccionaremos del tipo de proyecto ser Visual Basic Windows, y de plantilla seleccionaremos la que nos dice Aplicacin de Windows Forms

M12

Sistemas Microinformticos i Redes Aguilera Basanta Xin 26/09/2012

Crear una aplicacin mediante Visual Studio

6 Una vez hayamos escogido el tipo de proyecto que queremos hacer, se nos presentara el cuadro donde realizaremos la aplicacin.

7 Una vez hayamos realizados todos los pasos anteriores, empezaremos a crear nuestra propia aplicacin. Para comenzar le asignaremos un botn, para asignar un botn a la aplicacin nos iremos al cuadro de herramientas que est situado al lado izquierdo de nuestra pantalla.

Como vemos en la imagen se nos ha creado el botn que queramos.

M12

Sistemas Microinformticos i Redes Aguilera Basanta Xin 26/09/2012

Crear una aplicacin mediante Visual Studio

8 - El nombre del botn lo podemos cambiar si queremos escribiendo el nombre que queramos en las propiedades, en la zona donde pone text.

Donde pone Text al lado pone Button1, hay es donde tenemos que poner el nombre que queramos para nuestro Botn.

9 A continuacin le asignaremos un color al fondo de la aplicacin. Para asignarle un color de fondo a la aplicacin, nos iremos a Propiedades y dentro de propiedades hay un botn que se llama BackColor, en Backcolor escogeremos un color que nos agrade y que quede bien.

M12

Sistemas Microinformticos i Redes Aguilera Basanta Xin 26/09/2012

Crear una aplicacin mediante Visual Studio

10 Una vez hayamos escogido nuestro color de fondo, lo siguiente ser asignarle un campo de texto que nos servir para escribir los valores que queramos dentro de l. Para introducir un campo de texto nos vamos al cuadro de herramientas, y dentro de el asignamos el botn que dice TextBox. Si una vez que hayamos insertado nuestro campo de texto, podemos ponerle un color para que quede ms llamativo.

De momento llevamos una cosa semblante a esta:

Una vez creado el campo de texto, habr que asignarle unas etiquetas para saber a que campo se refiere el siguiente texto. Para insertar las etiquetas, nos iremos al cuadro de herramientas y le daremos a Label.

Para cambiarle el nombre nos iremos a propiedades y seleccionaremos la casilla que pone Text y escribiremos el texto que queramos.

M12

Sistemas Microinformticos i Redes Aguilera Basanta Xin 26/09/2012

Crear una aplicacin mediante Visual Studio

Y el resultado debe ser semblante a este.

Lo que vamos a hacer a continuacin ser crear tres campos ms para poder calcular el precio y as saber el porcentaje del IVA, y el porcentaje sin IVA que lleva el producto. Nos tiene que quedar una cosa as:

M12

Sistemas Microinformticos i Redes Aguilera Basanta Xin 26/09/2012

Crear una aplicacin mediante Visual Studio

11 A continuacin lo que podemos hacer es insertar una imagen para que le d un poco de gracia a nuestra aplicacin. Para insertar una imagen a nuestra aplicacin, nos iremos al Cuadro de herramientas Picture Box. Se nos abrir un cuadro como este.

Para que se nos vea la imagen tenemos que darle a la flecha que hay en la punta del cuadro.

Y se nos abrir un recuadro como este:

Seleccionamos Elegir imagen

M12

Sistemas Microinformticos i Redes Aguilera Basanta Xin 26/09/2012

Crear una aplicacin mediante Visual Studio

Importamos la imagen que queremos, y aceptamos.

Y nos quedar una cosa as.

M12

Sistemas Microinformticos i Redes Aguilera Basanta Xin 26/09/2012

Crear una aplicacin mediante Visual Studio

12 Una vez hayamos terminado de disear nuestra aplicacin, para que pueda funcionar tendremos que programarla mediante unos comandos.

Para entrar al cdigo e insertar los comandos nos iremos al recuadro de arriba donde pone Form1.vb. Una vez dentro de Form1.vb nos aparecer una pantalla como esta.

A continuacin tendremos que poner mediante comando las funcionalidades para que la aplicacin funcione correctamente. Habr que poner una cosa as.

M12

Sistemas Microinformticos i Redes Aguilera Basanta Xin 26/09/2012

Crear una aplicacin mediante Visual Studio

Para darle acciones al botn tendremos que escribir este comando. Private Sub.

Cuando hayamos escrito estos cdigos nuestra aplicacin ya estar lista para poder realizar diferentes funciones. A continuacin voy a colgar mi cdigo para que vean como seria el resultado.

M12

Sistemas Microinformticos i Redes Aguilera Basanta Xin 26/09/2012

Crear una aplicacin mediante Visual Studio

Por ltimo vamos a guardar nuestro proyecto, que hay que ir a Archivo Guardar proyecto. Os mostrare la imagen del resultado final de mi aplicacin.

Nos calcula el precio con IVA.

M12

Sistemas Microinformticos i Redes Aguilera Basanta Xin 26/09/2012

Crear una aplicacin mediante Visual Studio