Programacin

Tema 1. Introduccin a Visual Studio .NET

TEMA 1. INTRODUCCIN A VISUAL STUDIO .NET

1. Introduccin
2. Introduccin a .NET
3. Introduccin a Visual Studio .NET. Explorar el entorno de desarrollo.
4. Ejemplo de proyecto Visual C# .NET
1. INTRODUCCIN.
El objetivo del mdulo de Programacin ser aprender a programar de una
forma correcta.
Programar consistir en escribir un conjunto de instrucciones para conseguir que
el ordenador resuelva un problema concreto. El resultado ser un programa en un
determinado lenguaje de programacin.
Seguiremos una serie de fases en el proceso de programacin:

Planteamiento del problema. Deberemos tener muy claro cul es el problema

qu nos estn pidiendo resolver.

Anlisis, mediante el cual se obtiene un algoritmo que resuelve el problema.

Denominaremos algoritmo a cualquier mtodo que permita resolver un
problema mediante una secuencia precisa, determinista y finita de pasos.

Programacin, consistir en traducir el algoritmo a un lenguaje de

programacin, en nuestro caso Visual C#, e introducirlo en el ordenador.

Compilacin del programa fuente para la obtencin del programa objeto. El

proceso de compilacin convertir el cdigo escrito en un lenguaje de
programacin a cdigo ejecutable por el ordenador.

Ejecucin y prueba del programa. Una vez compilado el programa deberemos

ejecutarlo comprobando que resuelve el problema planteado. Si no es as se
deber volver a las fases anteriores.

Al realizar un programa es necesario comprobar que no existen errores en el mismo.

Existen 2 tipos de errores:

Sintcticos
Lgicos

Los errores sintcticos son errores en la sintaxis del lenguaje, es decir, no

hemos seguido las reglas del lenguaje de programacin elegido.
Si pensamos en lenguajes como el castellano o el ingls sera similar a la
construccin incorrecta de una frase o un texto.
Se detectan a travs de un software especfico: Los compiladores.

David Gonzlez del Arco

Pgina 1

Programacin

Tema 1. Introduccin a Visual Studio .NET

Un compilador realiza la comprobacin de errores sintcticos antes de la

ejecucin del programa, en un proceso que recibe el nombre de compilacin, en este
proceso se realiza una verificacin sintctica de todas las lneas que componen el
programa, realizndose al final del proceso un listado de todos los errores encontrados
en el programa.
Cuando el programa no contiene errores sintcticos podr ser ejecutado.
Los errores lgicos son aquellos que se detectan durante la ejecucin del
programa al no registrar las salidas o resultados previstos segn la entrada de los datos.
Es decir cuando el programa que hemos desarrollado no resuelve el problema planteado.
Siguiendo con lo dicho anteriormente es como si nuestra frase o texto en castellano
tiene una construccin correcta pero su significado no es el que nosotros queramos
expresar.

David Gonzlez del Arco

Pgina 2

Programacin

Tema 1. Introduccin a Visual Studio .NET

2. INTRODUCCIN A .NET.
Los lenguajes de programacin juegan un papel fundamental en Informtica:
actan como enlace entre los problemas a resolver (aplicaciones) y la mquina que los
resuelve (hardware).
Una posible definicin de lenguaje de programacin podra ser: Un lenguaje de
programacin es una notacin para describir algoritmos y estructuras de datos, y que
pueden ser evaluados por un computador.
Los primeros lenguajes de programacin estaban orientados hacia la mquina y
se les etiqueta como lenguajes de bajo nivel. Dentro de los lenguajes de bajo nivel se
puede distinguir entre lenguaje mquina y lenguaje ensamblador.
Posteriormente se desarrollaron los llamados lenguajes de alto nivel. Estos
lenguajes son independientes de la mquina y tienen una serie de caractersticas
fundamentales:

Cercanos al lenguaje natural (normalmente al ingls), pero con una sintaxis muy
rgida.
Compilables. Traduccin automtica a lenguaje mquina.
Elevado rendimiento.

Nosotros, durante el curso, vamos a utilizar bsicamente el lenguaje de

programacin Visual C# (lase C Sharp) sobre la nueva plataforma de Microsoft .NET.
La plataforma .NET permite conectar sistemas, informacin, dispositivos y
usuarios distintos de un modo ms unificado y personalizado.

David Gonzlez del Arco

Pgina 3

Programacin

Tema 1. Introduccin a Visual Studio .NET

El .NET Framework es un conjunto de servicios de programacin diseados para

simplificar el desarrollo de aplicaciones sobre el entorno distribuido de Internet. El
.NET Framework tiene dos componentes principales: el Common Language Runtime y
la biblioteca de clases.
Cuando creamos una nueva aplicacin Windows en Visual C# .NET, se nos
proporciona un cdigo inicial que incluye el espacio de nombres
System.Windows.Forms y la clase Form. Con esta clase, podemos crear fcilmente
ventanas, botones, mens, barras de herramientas y otros elementos de pantalla. Cuando
compilamos la aplicacin, el cdigo se traduce al lenguaje comn del entorno de
ejecucin, Microsoft Intermediate Language (MSIL). Una vez la aplicacin se ha
compilado, el entorno de ejecucin gestiona su ejecucin.
El entorno de ejecucin incluye una caracterstica denominada compilacin justin-time (JIT), que traduce cdigo MSIL al lenguaje mquina del sistema en el que la
aplicacin se ejecutar. Cuando un dispositivo cliente con la plataforma .NET lanza la
aplicacin en Visual C# .NET, se ejecuta en el lenguaje mquina del sistema cliente y
puede integrarse totalmente e interactuar con otras aplicaciones y servicios basados en
.NET independientemente del lenguaje en el que hayan sido desarrollados.
Visual Studio .NET es un entorno de desarrollo integrado que nos ayuda a disear,
desarrollar, depurar e implantar con rapidez soluciones basadas en el .NET Framework.
Podemos acceder a un conjunto comn de herramientas, diseadores y editores desde
cualquiera de los lenguajes de programacin de Visual Studio .NET.
Visual Studio .NET incluye las siguientes caractersticas:
Diseador de formularios de Windows, herramientas para formularios, soporte de
mltiples lenguajes incluyendo Visual Basic .NET y Visual C#, acceso a datos
mediante ADO .NET, gestin de errores

David Gonzlez del Arco

Pgina 4

Programacin

Tema 1. Introduccin a Visual Studio .NET

3. INTRODUCCIN A VISUAL STUDIO .NET. Explorar el entorno de

desarrollo.
Antes de continuar, y ya que vamos a empezar a trabajar con Visual Studio
deberemos tenerlo instalado en nuestro ordenador. Podemos obtener Visual Studio en
la plataforma DreamSpark de Microsoft que ofrece el instituto.
El tutor del ciclo, a travs de vuestros emails, se encargar de daros de alta en la
plataforma DreamSpark, en la cual tenis acceso a distintas plataformas de desarrollo de
Microsoft, as como a Sistemas Operativos.
Atencin: vamos a trabajar con el Visual Studio 2012 Profesional.
Si, de momento no tenis acceso a la plataforma DreamSpark, podis
descargaros una versin de evaluacin (express) en la siguiente pgina:
http://www.microsoft.com/es-es/download/details.aspx?id=34673

Al empezar por primera vez con Visual Studio nos pide que elijamos cul es
nuestro perfil de programador. Elegiremos programador de Visual C#.
A continuacin vamos a crear un primer proyecto. Pulsaremos sobre la opcin
Nuevo proyecto de la ventana inicial o bien en el men Archivo -> Nuevo ->
Proyecto
Elegiremos como tipo de proyecto el lenguaje (en nuestro caso Visual C#) y
como plantilla Aplicacin de Windows Forms.
Adems elegiremos la carpeta en la que queremos guardar nuestro proyecto y el
nombre del mismo.

David Gonzlez del Arco

Pgina 5

Programacin

Tema 1. Introduccin a Visual Studio .NET

Mens y Barras de Herramientas.

El men principal y la barra de herramientas estndar proporcionan acceso a la

mayora de comandos que controlan el entorno de programacin de Visual Studio .NET.
Los comandos del men principal funcionan igual que en todas las aplicaciones
basadas en Windows, y podemos acceder a ellos utilizando el teclado o el ratn.
La barra de herramientas estndar proporciona botones que sirven como accesos
directos a la mayora de los comandos ms habituales, como Abrir, Guardar, Inicio,
Aadir nuevo elemento, Ir hacia atrs e Ir hacia adelante. Tambin contiene
botones que abren el Explorador de soluciones, la ventana de propiedades, el Cuadro de
herramientas, y otros elementos importantes del entorno de desarrollo.
La barra de herramientas Depurar proporciona accesos directos a las
funcionalidades de depuracin, como ir paso a paso en el cdigo y establecer puntos de
interrupcin.
Las barras de herramientas pueden estar acopladas (adjuntas) o desacopladas
(flotantes). De forma predeterminada, la mayora de barras de herramientas estn
acopladas; sin embargo, podemos desacoplar o acoplar una barra de herramientas en
cualquier momento.

Explorador de Soluciones.

El Explorador de soluciones nos permite visualizar archivos y realizar tareas de

administracin de archivos en una solucin o en un proyecto. Una nica solucin
basada en Visual C# .NET y sus proyectos aparecen en una lista jerrquica que
proporciona informacin actualizada sobre el estado de nuestra solucin, proyectos y
archivos.
Una solucin es un recipiente para proyectos y elementos de solucin que pueden
incluirse en una aplicacin. Normalmente, una solucin contiene uno o ms proyectos
relacionados.
Un proyecto es un recipiente dentro de una solucin que se utiliza para administrar,
generar y depurar lgicamente los elementos de proyecto que constituyen nuestra
aplicacin.
Para abrir el explorador de soluciones en el men Ver, haga clic en Explorador de
soluciones.

Diseador de Windows Forms.

Cuando iniciamos un proyecto en Visual C# .NET, el Diseador de Windows Forms

se abre en la vista Diseo, mostrando el formulario Form1 del proyecto. Ubicaremos los
controles desde el Cuadro de herramientas en el formulario para crear el interfaz de
usuario de una ventana utilizada en nuestra aplicacin.
El formulario predeterminado contiene los elementos mnimos utilizados por la
mayora de formularios: una barra de ttulo, un cuadro de control y los botones
Minimizar, Maximizar y Cerrar.
Para visualizar un formulario en el Explorador de soluciones, haga doble clic en el
formulario, o bien, haga clic en el botn Ver Diseador de la barra de herramientas.

David Gonzlez del Arco

Pgina 6

Programacin

Tema 1. Introduccin a Visual Studio .NET

Cuadro de herramientas.

Para crear los objetos del interfaz de usuario de nuestra aplicacin, aadimos
controles desde el Cuadro de herramientas a un formulario. Inicialmente, el Cuadro de
herramientas se encuentra ubicado en el lado izquierdo del entorno de desarrollo. Hay
varias pestaas para diferentes categoras de controles, como Windows Forms y Datos.
El Cuadro de herramientas contiene diversos controles que podemos utilizar para
aadir etiquetas, botones, cuadros de lista, barras de desplazamiento, mens a un
interfaz de usuario. Cada control que aadimos a un formulario se convierte en un
objeto de interfaz de usuario programable en nuestra aplicacin. Estos objetos son
visibles para los usuarios cuando la aplicacin se ejecuta y funcionan como los objetos
estndares de cualquier aplicacin basada en Windows.
Para abrir el Cuadro de herramientas, en el men Ver, hacer clic en Cuadro de
herramientas.

Editor de Cdigo.

Visual Studio .NET proporciona un Editor de cdigo en el que escribir y mantener

el cdigo de nuestro proyecto. Podemos asociar cdigo directamente a un formulario de
nuestro proyecto o ubicarlo en otro mdulo de cdigo distinto. Se muestra un Editor de
cdigo distinto para cada formulario o mdulo de nuestro proyecto, facilitando la
organizacin, visualizacin y desplazamiento por el cdigo.
Para abrir el editor de cdigo de un formulario en Explorador de soluciones, hacer
clic en el formulario del que desea visualizar el cdigo, o en el men Ver, hacer clic en
Cdigo.

Ventana Propiedades.

La ventana de propiedades (ventana Propiedades) muestra una lista de las

propiedades que pueden configurarse para el formulario o control seleccionado y que
podemos modificar mientras creamos o editamos la aplicacin. Una propiedad describe
una caracterstica de un objeto, como el tamao, ttulo o color.
Si la ventana Propiedades no est visible, hacer clic en Ver ->Ventana Propiedades
o pulse la tecla F4.
Algunos controles, documentos y formularios muestran un gran nmero de
propiedades en la ventana Propiedades. Esto puede dificultar la localizacin de la
propiedad que deseamos establecer. La ventana Propiedades nos permite visualizar las
propiedades de un formulario o control en una vista ordenada por categoras en lugar de
una vista alfabtica.
Tambin se pueden ver en esta ventana los Eventos de los controles.

David Gonzlez del Arco

Pgina 7

Programacin

Tema 1. Introduccin a Visual Studio .NET

4. EJEMPLO DE PROYECTO VISUAL C#.

ste apartado explica cmo crear una aplicacin sencilla en Visual C# .NET. El
objetivo es introducir al proceso de programacin global, no proporcionar informacin
detallada sobre la sintaxis del lenguaje ni la implementacin, lo cual se har en temas
posteriores.
Visual C# contiene todo lo necesario para crear nuestras propias aplicaciones
para Windows, de principio a fin.
Para crear el interfaz de usuario, ubicamos controles en un formulario desde el
Cuadro de herramientas.
A continuacin, personalizamos los controles estableciendo propiedades.
Seguidamente, definimos qu debera hacer nuestro programa escribiendo el cdigo.
Finalmente, podemos guardar, ejecutar y compilar nuestro programa para que
otros tambin puedan utilizarlo.
Ejemplo de proyecto paso a paso.
A continuacin vamos a crear nuestro primer proyecto paso a paso en Visual C#.
1. Creamos un nuevo proyecto.
Una vez abierto Visual Studio (o Visual C# Express) pulsamos el men Archivo ->
Nuevo Proyecto
Nos aparecer una pantalla como la siguiente donde elegiremos como tipo de
proyecto Visual C# y en tipo de Plantilla Aplicacin de Windows Form. Podemos
dar el nombre a nuestro proyecto y elegir la carpeta en la que queremos guardarlo
(os recomiendo una carpeta para cada tema). Por ejemplo, aqu le llamamos
Ejemplo01Tema01.

David Gonzlez del Arco

Pgina 8

Programacin

Tema 1. Introduccin a Visual Studio .NET

2. Empezamos a modificar nuestro proyecto.

Entre los aspectos interesantes que vemos en la pantalla aparece lo que se llama un
formulario. Este es el formulario principal de nuestra aplicacin y es donde
colocaremos las herramientas o controles (botones, textbox, labels) que nos van a
permitir darle funcionalidad a nuestro programa.
Si apretamos el boton

se ejecutar nuestra aplicacin.

3. Cambiando propiedades de nuestro formulario.

En nuestro proyecto aparece (a la derecha) la ventana Propiedades (Si no aparece la
podemos mostrar con Men Ver -> Ventana Propiedades).
Las propiedades de un formulario o control nos permiten cambiar el aspecto o
comportamiento de ese control.
Por ejemplo la propiedad BackColor del formulario nos permite cambiar su color de
fondo.
La propiedad Text nos permite cambiar el texto que aparece en la barra del
formulario:

David Gonzlez del Arco

Pgina 9

Programacin

Tema 1. Introduccin a Visual Studio .NET

4. Aadiendo controles a nuestro formulario:

Los controles son herramientas propias de aplicaciones Windows que nos permiten
dar funcionalidad a nuestro programa.
Los controles aparecen en la ventana Cuadro de Herramientas.
Vamos a aadir un botn a nuestro formulario. Para ello pinchamos en el control
Button y lo llevamos al formulario. Nos aparece un botn con el texto Button1.
5. Cambiando las propiedades a un control.
Los controles, al igual que los formularios, tambin tienen Propiedades.
Para cambiar las propiedades de un control (por ejemplo un botn) debemos tener
seleccionado dicho botn. Vamos a cambiar las siguientes propiedades de nuestro
botn:
Text: Botn.
Name: BPrimero.
La propiedad Text de botn cambia el texto del botn.
La propiedad Name no cambia el aspecto del botn pero es la propiedad que le da
nombre al mismo y que luego nos servir para referenciarlo en el cdigo del
programa.

David Gonzlez del Arco

Pgina 10

Programacin

Tema 1. Introduccin a Visual Studio .NET

6. Respondiendo a un evento.
Los eventos son sucesos que ocurren en las aplicaciones Windows, normalmente
como resultado de la accin de un usuario.
Por ejemplo, cuando un usuario hace Clic en un botn sucede el evento Click en
dicho botn.
Otros eventos pueden ser doble click, o pulsar el botn derecho del ratn, arrastrar
un elemento
Nosotros podemos programar mtodos o funciones que permitan responder a ese
evento y realizar una accin cuando suceda ese evento en el control (en este caso el
botn).
Para acceder al mtodo que responde al evento click del botn tenemos dos
opciones:
Pulsando el botn
en la ventana Propiedades accedemos a los eventos
del control. Luego pulsaramos el evento Click.
Haciendo doble click sobre el botn.
Nos aparece la ventana de cdigo:
using
using
using
using
using
using
using

System;
System.Collections.Generic;
System.ComponentModel;
System.Data;
System.Drawing;
System.Text;
System.Windows.Forms;

namespace Ejemplo01Tema01
{
public partial class Form1 : Form
{
public Form1()
{
InitializeComponent();
}
private void BPrimero_Click(object sender, EventArgs e)
{
}
}
}

En temas posteriores nos introduciremos en la sintaxis de C# e iremos entendiendo

las distintas partes del cdigo. De momento nicamente nos interesa el mtodo o
subprograma BPrimero_Click. ste es el mtodo que se ejecutar cuando ocurra el
evento click en el botn.
Ahora vamos a aadir cdigo para que se ejecute cuando ocurra el evento click
sobre el botn:
private void BPrimero_Click(object sender, EventArgs e)
{
MessageBox.Show("Hola Mundo. Este es mi primer programa en C#");

David Gonzlez del Arco

Pgina 11

Programacin

Tema 1. Introduccin a Visual Studio .NET

Vamos ahora a ejecutar de nuevo el programa

de nuestra aplicacin:

y pulsar sobre el botn

MessageBox.Show nos permite mostrar por pantalla un texto.

7. Guardar nuestro proyecto.
Para guardar nuestro proyecto lo mejor que podemos hacer es pulsar el botn
grabar todo de la barra de herramientas.

8. Aadir ms controles y funcionalidad a nuestro formulario.

Vamos a continuar nuestro ejemplo aadiendo tres nuevos controles a nuestro
formulario:
Aadiremos un control de tipo Button, otro de tipo Label y otro de tipo TextBox. Lo
haremos en nuestro formulario, cogiendo esos controles de la ventana Cuadro de
herramientas.
En las propiedades del botn pondremos Name: BSegundo, Text: Otro botn.
En las propiedades del textbox pondremos Name: TCuadroTexto.
En las propiedades del Label pondremos Name: LEtiqueta, Text: Texto.
El aspecto ser similar al siguiente:

David Gonzlez del Arco

Pgina 12

Programacin

Tema 1. Introduccin a Visual Studio .NET

Vamos a aadir la siguiente funcionalidad a nuestro programa:

Queremos que al pulsar el botn, aparezca en la etiqueta el texto que haya
escrito en el textbox.
Para ello en el evento click del botn escribiremos:
private void BSegundo_Click(object sender, EventArgs e)
{
LEtiqueta.Text = TCuadroTexto.Text;
}

De sta forma C# me permite cambiar propiedades de un control en tiempo de

ejecucin.
Ejecutar el programa y comprobar los resultados.
9. Errores de compilacin
Se pueden producir errores de compilacin o sintcticos. Por ejemplo si en el
messagebox anterior hubiramos puesto el texto sin comillas nos dara error. Visual
Studio nos informa del error y nos permite arreglarlo.
private void BPrimero_Click(object sender, EventArgs e)
{
MessageBox.Show(Hola Mundo. ste es mi primer programa en C);
}

David Gonzlez del Arco

Pgina 13

Programacin

Tema 1. Introduccin a Visual Studio .NET

Siempre pulsaremos No para poder arreglar los errores de compilacin.

Haciendo doble click sobre el error nos permite ir a la lnea donde tenemos el error de
sintaxis y corregirlo.

David Gonzlez del Arco

Pgina 14