JUGANDO CON SHARPDEVELOP

AUTOR: Walther Arturo Bueno Mariaca mail: wynwal_bm@hotmail.com

TACNA PERU 2008

JUGANDO CON SHARPDEVELOP En el presente tutorial se pretende dar una introduccin muy general al entorno de desarrollo SharpDevelop, a travs de muchos ejemplos ilustrativos, para familiarizarnos con el su IDE y empezar a utilizar esta herramienta tan productiva y de bajo consumo de recursos. SharpDevelop se basa en la tecnologa .NET, as que debemos leer un poco sobre el fundamento de esta tecnologa en: http://msdn.microsoft.com/es-es/netframework/default.aspx , all encontraremos bastante informacin. Adems cabe aclarar que la informacin del presente tutorial es netamente prctica, por lo que la teora queda de tarea para cada lector. La versin que usaremos es el SharpDevelop 2.2(trabaja con el framework 2.0), que por cierto es la versin estable hasta el momento de la redaccin del presente tutorial, porque tambin esta para descargar versiones release del SharpDevelop 3.0 para utilizar WPF,WCF,WWF, es decir; aprovechar las ventajas del framework 3.0 y 3.5. Si se desea buscar ms informacin, podemos visitar la pgina oficial de SharpDevelop en: http://sharpdevelop.net/OpenSource/SD/. Cabe aclarar que el lenguaje a utilizar es VisualBasic.NET, despus se podr realizar el mismo tutorial pero usando el lenguaje C# para los ejemplos. Creo que ya acabe la parte terica, as que empecemos a jugar e imaginar todo lo que podemos hacer con SharpDevelop. Para iniciar el desarrollo con SharpDevelop, debemos instalar los siguientes paquetes: .Net FrameWork 2.0 Redistributable Package SDK FrameWork 2.0 HTML HELP WORKSHOP(opcional) SharpDevelop 2.2

1) Ejecutando SharpDevelop

Al hacer click sobre la opcin de SharpDevelop, comenzara a ejecutarse el programa y se mostrara la ventana principal(IDE).

Los mens los iremos conociendo conforme avancemos la prctica, pero se puede ir viendo el contenido de cada uno de ellos. Para crear un nuevo proyecto, debemos hacer click sobre el botn Nueva Solucin, si ya tenemos un proyecto creado, entonces debemos hacer click sobre Abrir Solucin para recuperarlo y seguir trabajando sobre el proyecto. En nuestro caso, hacemos click en el botn Nueva Solucin o tambin en el men Archivo luego seleccionamos Nuevo y elegimos el submen Solucin, entonces resumiendo debemos hacer: Archivo Nuevo Solucin. Luego nos aparecer un cuadro de dialogo con todas plantillas disponibles en SharpDevelop, podemos mencionar que podemos encontrar plantillas para desarrollar las siguientes aplicaciones: Boo .- lenguaje de programacin orientado a objetos cuya sintaxis esta inspirada en pitn, as q los que desarrollan con pitn, tal vez conocen de Boo. C# .- aqu encontramos distintas plantillas, pero todas con lenguaje de programacin c#, dentro de las opciones que tenemos podemos mencionar las siguientes: aplicaciones windows, .NET 3.0(para utilizarlo debemos tener instalado el framework 3.0, si es as, podemos usar WPF,WCF,WWF; la desventaja es que no posee un diseador para estos trabajos), proyectos web ASP.NET, proyectos MONO(linux), Compact Framework para realizar aplicaciones mviles. ILAsm .- generador de codigo MSIL de .NET Instalacin .- permite construir instaladores o paquetes de distribucin.

SharpDevelop .- produce una solucin vaca. VBNet .- podemos realizar aplicaciones utilizando el lenguaje VisualBasic.NET, dentro de las opciones que tenemos nos interesara bastante la plantilla para Aplicaciones Windows.

Nosotros haremos click sobre VBNet, puesto que ah se encuentran las plantillas para desarrollar aplicaciones utilizando el lenguaje VisualBasic.Net.

Nombre del proyecto

Ubicacin para guardar el proyecto

Crea una carpeta con el mismo nombre del proyecto para guardar todos los archivos, en la ubicacin indicada

Ahora solo debemos hacer click sobre el botn Crear y ya estar todo listo para empezar a desarrollar nuestro primer programa. La interfaz que aparecer despus de hacer click ser la siguiente:

Esta es la ventana del explorador de proyectos Clases controles

Venta para codificar

Manejo de hilos entre otros

Ventana para disear formularios(hacer click) Ventana de propiedades para los controles y ventanas

Muestra las salidas como errores de codificacion,etc

Explora BD

Mdulos cargados Despus de la descripcin de las partes principales del IDE, procedamos a desplegar el proyecto y hacemos click sobre el botn Diseo, para ver la ventana de nuestro proyecto, as:

Click aqu

Al hacer click sobre herramientas se visualizara lo siguiente:

Se puede ver los controles disponibles para arrastrarlos sobre el formulario y as poder incorporarles cdigo. Como es nuestra primera aplicacin, entonces mostraremos un mensaje al hacer click sobre un botn, parecido al clsico hola mundo. Los que saben de programacin orientada a objetos y estn familiarizados con un diseador de formularios, pues esto es similar, por lo que a los seguidores de Visual Basic 6 les resultara muy familiar todo este trabajo. En la ventana de propiedades, podemos personalizar el aspecto del formulario y de los controles que se encuentran en el, por ejemplo vamos a cambiar el titulo y color de fondo del formulario, entonces debemos ubicarnos en la propiedad Text y ponerle el nombre que nos guste. Este nombre aparecer en la barra de titulo de nuestro formulario.

Color de fondo del formulario Imagen de fondo del formulario Ubicacin de la Imagen de fondo Tipo de cursor a utilizar Fuente para los controles del formulario Color de texto de los controles dentro del form Estilo de borde para el formulario Titulo para el formulario formulario

Como vemos hay distintas propiedades, queda de tarea entonces investigar sobre las dems propiedades, tomando en cuenta que cada control tambin tiene propiedades; durante el desarrollo de los ejercicios de este tutorial se aprendern algunas propiedades, pero no todas, as que a investigar un poquito. Lo siguiente que haremos es arrastrar un botn sobre el formulario, de tal manera que se vea as:

Podemos cambiarle el texto de nuestro botn al que mejor nos parezca, para esto debemos hacer click sobre el botn y luego dirigirnos a la ventana de propiedades para modificar la propiedad Text, en este caso yo le pondr Mensaje; tambin podemos cambiar el color de fondo a travs de la propiedad Background, para el ejemplo le pondr un fondo azul y le cambiare el color de la letra a blanco(escogemos el color en la propiedad ForeColor), por supuesto que eso tambin es a gusto del lector. La apariencia seria la siguiente:

Una vez hecho esto, pasemos a la parte de la programacin, entonces hacemos doble click sobre el botn y se mostrara la ventana de codificacin que es la siguiente:

Evento click del botn

Dentro de ese evento aadiremos el siguiente cdigo:

Para ejecutar nuestro proyecto hacemos click sobre la flecha verde(Ejecutar programa).

Al hacer click se ejecutara nuestro proyecto, mostrndose nuestro formulario:

Si hacemos click sobre el botn aparecer el siguiente mensaje:

Para los que ya saben de programacin, entendern muy bien el cdigo, sobre todo para los que han utilizado el VB6. Una recomendacin seria tener conocimiento de programacin orientada a objetos, porque solo explicare el cdigo en casos necesarios. Hasta aqu hemos terminado de construir nuestro primer programa, muy simple pero por ah siempre se empieza. Un detalle es que no necesitamos crear ejecutables, porque automticamente estos se crean dentro de la carpeta donde guardamos nuestro proyecto, especficamente dentro de bin/Debug/MiAplicacion.exe. Hemos realizado nuestro primer programa al mnimo de detalles en lo que se refiere a manejo del IDE. As que ya no explicare en lo prximo como crear las interfaces y como ubicarme dentro de los eventos de los controles. 2) Conociendo los Controles Comunes 2.1) Control Label.- sirve para colocar textos estticos en nuestra aplicacin

Vista del label en un formulario:

Nota: todas las propiedades, mtodos y eventos de este control se encuentran en la siguiente direccin 2.2) Control TextBox.- son las tpicas cajas de texto que se utilizan muchsimo en todas las aplicaciones.

Vista del TextBox en el formulario

Todas las propiedades, eventos y mtodos los puede encontrar aqu

2.3) Control Button.- los clsicos botones.

Todos los detalles respecto a este control los encontramos aqu. Para los dems controles, podemos encontrar referencias muy completas aqu. 3) Sentencias 3.1) IF
If True Then sentencias Else sentencias End If

3.2) FOR
For index As Integer = 1 To 10 sentencias Next

3.3) DO UNTIL LOOP

Do Until False sentencias Loop

3.4) DO WHILE - LOOP

Do While True Loop

3.4) SELECT CASE

Select Case VariableName Case 1 Case 2 Case Else End Select

3.4) SELECT CASE

While True instrucciones End While

3) Arrays 3.1) Array Dim miArray(5) as Integer declaro el array de 5 elementos Dim b,n as Integer miArray(1) = 1 asigno un valor al elemento nro 1 del array b = miArray(1) asigno el valor de la posicin 1 del array a la variable b n = miArray.length() asigno la cantidad de elementos del array a la variable n reDim Preserve miArray(13) redimensiono el array conservando los valores que inserte en el array 4) Listado de Ejemplos 4.1) Ejemplo que suma dos nmeros Crear un nuevo proyecto de VB.Net y disear el siguiente formulario:

Para el TextBox1: - Name = a - Text = poner en blanco Para el TextBox2: - Name = b - Text = poner en blanco Para el TextBox3: - Name = c - Text = poner en blanco

Para el Button1: - Text = Sumar Escribir el siguiente cdigo en el evento click del botn(hacer doble click sobre el botn)

Ejecutar el programa para ver el resultado. 4.2) Operaciones Bsicas de la Aritmtica En este ejemplo podremos sumar, restar, multiplicar y dividir. Este es el diseo del formulario:

Name = a Name = b

Name = c

Hacemos doble click sobre el OptionButton Suma y tecleamos el siguiente cdigo:

Sub RadioButton1CheckedChanged(ByVal sender As Object, ByVal e As EventArgs) Dim num1,num2,sum As Integer num1 = val(a.Text) num2 = val(b.Text) sum = num1 + num2 c.Text = str(sum) End Sub

Hacemos doble click sobre el OptionButton Resta y tecleamos el siguiente cdigo:

Sub RadioButton2CheckedChanged(ByVal sender As Object, ByVal e As EventArgs) Dim num1,num2,sum As Integer num1 = val(a.Text) num2 = val(b.Text) sum = num1 - num2 c.Text = str(sum) End Sub

Hacemos doble click sobre el OptionButton Producto y tecleamos el siguiente codigo:

Sub RadioButton3CheckedChanged(ByVal sender As Object, ByVal e As EventArgs) Dim num1,num2,sum As Integer num1 = val(a.Text) num2 = val(b.Text) sum = num1 * num2 c.Text = str(sum) End Sub

Hacemos doble click sobre el OptionButton Divisin y tecleamos el siguiente cdigo:

Sub RadioButton4CheckedChanged(ByVal sender As Object, ByVal e As EventArgs) Dim num1,num2 As Integer dim sum as Double num1 = val(a.Text) num2 = val(b.Text) If num2 = 0 Then messagebox.Show("division por cero") Else sum = num1 / num2 c.Text = str(sum) End If End Sub

Continuar