Esta obra esta bajo una licencia Reconocimiento-No comercial 2.

5 Colombia de Creative
Commons. Para ver una copia de esta licencia, visite
http://creativecommons.org/licenses/by/2.5/co/ o envié una carta a Creative Commons, 171 Second
Street, Suite 300, San Francisco, California 94105, USA

.NET 2008

Autores:

José Luis García Zapata

David Alberto Montaño

Director Unidad Informática: Henry Martínez Sarmiento

Tutor Investigación: Álvaro Enrique Palacios Villamil

Mesias Anacona Obando

Coordinadores: Leidi Diana Rincón Rincón

Brayan Ricardo Díaz Ormaza

Coordinador Servicios Web: Miguel Ibañez

Analista de Infraestructura
y Comunicaciones: Alejandro Bolívar

Analista de Sistemas de
Información: Mesias Anacona Obando

UNIVERSIDAD NACIONAL COLOMBIA

FACULTAD DE CIENCIAS ECONÓMICAS
UNIDAD DE INFORMÁTICA Y COMUNICACIONES
BOGOTÁ D.C.
 ABRIL DE 2008

.Net 2008
Director Unidad Informática: Henry Martínez Sarmiento

Tutor Investigación: Mesias Anacona Obando

Auxiliares de Investigación:

Alvaro Esneyder Roncancio Jorge Alexander Ceron Sanchez

Amanda Patricia Ruiz Ortiz
Andres Almed Yate Bejarano
Andres Felipe Perez Murcia
Andres Mauricio Arias Toro
Ángela María Araujo
Benjamin Eduardo Venegas
Cristian Camilo Ibañez Aldana
Daniel Hernán Santiago Romero
David Alberto Montaño Fetecua
Eliana Paola Fandiño Herrera
Elkin Giovanni Calderón
Erika Zuley Guerrero Cortes
Gustavo Alejandro Ospina
Javier Eliécer Pirateque Niño
Jersson Arnulfo Guerrero Nova
Jorge Mario Cortes Cortes
Jose Fernando Moreno Gutiérrez
Jose Luis Garcia Zapata
Juan Carlos Peña Robayo
Juan Felipe Reyes Rodríguez
Jurley Sosa Camacho
Luis Alejandro Pico Silva
María Inés García Ramírez
María Paula Gandur Ronseria
Rodrigo Acosta Sarmiento
Sergio Fernando Garzón Rincón
Viviana Marcela Martínez Garcia
Yelitza Barbosa Ascanio
Zareth Manzon Garnica

Este trabajo es resultado del esfuerzo de todo el equipo perteneciente a la

Unidad de Informática.

Se prohíbe la reproducción parcial o total de este documento, por

cualquier tipo de método fotomecánico y/o electrónico, sin previa
autorización de la Universidad Nacional de Colombia.

UNIVERSIDAD NACIONAL COLOMBIA

FACULTAD DE CIENCIAS ECONÓMICAS
UNIDAD DE INFORMÁTICA Y COMUNICACIONES
BOGOTÁ D.C.
MAYO DE 2008
 1. TABLA DE CONTENIDO

1.  TABLA DE CONTENIDO ................................................................................................... 3 

2.  Introducción............................................................................................................................. 5 

3.  Plataforma .NET de Microsoft ............................................................................................. 6 

3.1.  Common-Language Runtime CLR............................................................................... 7 

3.2.  Biblioteca de Clases .NET ............................................................................................. 7 

3.2.1.  Base Class Library................................................................................................... 8 

3.2.2.  Data and XML Classes........................................................................................... 8 

3.2.3.  XML Web Services, Web Froms, windows Forms. ...................................... 8 

3.3.  Estructura de una aplicación .NET .............................................................................. 8 

3.4.  Compilación y ejecución de una apliación .NET ...................................................... 9 

4.  Tecnologías basadas en .NET............................................................................................. 11 

4.1.  Windows Vista............................................................................................................... 11  

4.2.  Microsoft Office 2007 .................................................................................................. 11 

5.  Instalación del Software necesario.................................................................................... 12 

5.1.  Visual Basic .NET 2008 Express Edition................................................................... 12 

5.2.  Visual C# 2008 Express edition................................................................................. 13 

5.3.  Visual C++ 2008 Express Edition .............................................................................. 13 

5.4.  Visual Web Developper 2008 Express Edition ...................................................... 13 

5.5.  Microsoft SQL Server 2005 Express Edition .......................................................... 14 

5.6.  Microsoft SQL Management Studio Express........................................................... 14 

6.  Revisión Documento de Investigación realizado en 2007-2 ....................................... 16 

7.  Revisión del prototipo de aplicativo anterior ................................................................ 18 

8.  Tecnologías Alternas............................................................................................................ 21 

8.1.  Mono................................................................................................................................ 21 

8.2.  DotGNU ......................................................................................................................... 22 

9.  Tabla comparativa entre las herramientas ...................................................................... 23 

10.  Tutorial Web Developper 2008 .................................................................................... 24 

10.1.  Conociendo Visual Web Developer 2008 .......................................................... 24 

10.2.  Crear un proyecto.................................................................................................... 27 

10.3.  Vistas............................................................................................................................ 29 

10.4.  Caja de herramientas ............................................................................................... 29 

10.5.  Ventana de propiedades .......................................................................................... 31 

10.6.  Manejando Eventos................................................................................................... 32 

11.  Aplicativo específico para la Unidad.............................................................................. 35 

11.1.  Página Inicial del aplicativo ...................................................................................... 35 

11.2.  Consulta a la base de datos. ................................................................................... 36 

11.3.  Logros.......................................................................................................................... 37 

11.4.  Puntos pendientes..................................................................................................... 37 

12.  Inconvenientes ................................................................................................................... 38 

13.  Conclusión .......................................................................................................................... 39 

 2. Introducción

Esta investigación nace con el fin de mantener una actualización constante en la

Unidad de Informática en cuanto a innovaciones de software. .NET surge como
una gran oportunidad para desarrollar aplicativos sobre los Sistemas Operativos
Windows XP y windows Vista.

El fin de la investigación que comenzamos este semestre es continuar con el

desarrollo y en lo posible concluir e implementar el aplicativo ASPI desarrollado
por el grupo de investigación en .NET durante el segundo semestre de 2007,
concebido con el fin de agilizar y facilitar el proceso de selección de monitores
en la Unidad de Informática semestre a semestre.

El presente documento realizará una introducción básica del componente .NET

de Microsoft. Luego presentaremos algunas aplicaciones conocidas que fueron
realizadas con este componente.

Daremos una lista de las aplicaciones que vamos a utilizar y explicaremos cómo
se instalan en Windows XP.

Más adelante analizaremos los archivos entregados por la anterior investigación

en .NET y luego revisaremos las aplicaciones entregadas por el anterior equipo
de Investigación de .NET.

Mencionaremos después de esto, algunas tecnologías alternas a .NET y luego las

compararemos con las herramientas de .NET.

Pasaremos entonces a explicar como podemos crear una página web con la
herramienta Web Developper 2008.

Finalmente, presentaremos la aplicación que hemos realizado en .NET para la

Unidad Informática de la Facultad de Ciencias Económicas.
 3. Plataforma .NET de Microsoft

Microsoft .NET es un conjunto de productos y tecnologías de la empresa

Microsoft dentro de los cuales la mayoría dependen del Framework .NET, el
cual es un componente del sistema Windows y que se puede considerar como
un equivalente a una máquina virtual.

El Framework .NET puede ser descargado de la página de Microsoft pero

también viene integrada en varias tecnologías de Microsoft. La versión 3.0 del
Framework está integrada al Sistema Operativo Windows Vista y a la mayoría
de las versiones del windows Server 2008. La última versión del Framework es
la 3.5.

Varios lenguajes de programación se utilizan, como C# (el cual es una mezcla

entre C++ y Java), C++, J# (cercano a Java más no compatible con él) y Visual
Basic .NET. Además de estos lenguajes, más adelante el lenguaje Python será
compatible gracias al proyecto IronPython. PHP ya es compatible gracias al
proyecto Phalanger.

Su objetivo es facilitar el trabajo de los programadores proponiendo una

aproximación unificada de la concepción de aplicaciones Windows o Web,
introduciendo facilidades para el desarrollo, la instalación y mantenimiento de
las aplicaciones.

El Framework maneja todos los aspectos de ejecución de una aplicación en un

ambiente de ejecución:

• Permite entregar memoria para almacenar datos e instrucciones del

programa.
• Autoriza o rechaza derechos a la aplicación.
• Comienza y maneja la ejecución del programa.
• Maneja la re-alocación de la memoria para recursos que se dejan de
utilizar.

El Framework se compone de dos bloques principales: el CLR (Common-

Language Runtime) y la biblioteca de clases .NET.
 3.1. Common-Language Runtime CLR

El CLR es para .NET lo que la Máquina virtual de Java (JVM) es para Java, esto
es, una máquina virtual sin la cual la ejecución de código .NET sería imposible. El
FrameWork .Net nació para permitir la interoperabilidad entre diferentes
lenguajes de programación.

No importa cual lenguaje de programación se utilice para programar en .NET,

pues todo el código se transforma en MSIL (Microsoft Intermediate Language).
Este código intermedio no lleva ninguna instrucción relativa al Hardware o al
Sistema Operativo. Entonces no se puede ejecutar directamente. A pesar de
esto, se puede escribir una aplicación directamente en IL, un lenguaje que se
parece a Assembler, sin necesidad de pasar por un lenguaje de última
generación como C#.

El CLR es necesario para ejecutar el código intermedio. Aporta varias

funcionalidades como el Garbage Collector (optimiza la memoria utilisada por
una aplicación durante su ejecución), la BCL (Base Class Library) y el sistema de
seguridad. Una ves que el código está presente en la CLR, pasa a ser compilado
por el JIT Compiler (Just In Time) en lenguaje nativo de la máquina.

Existen tres tipos de JIT:

• Pre-JIT: el código entero se compila directamente.

• Econo-JIT: el código se compila por partes y al memoria utilizada se
puede liberar si se desea.
• Normal-JIT: el código solamente se compila cuando es necesario, pero
después se coloca en caché para poder ser reutilizado.

No importa cual es el tipo de JIT utilizado, su objetivo es acelerar la ejecución

del código reutilizando cada ves que se pueda el caché.

El JIT entregado por Microsoft solamente produce código nativo de Windows,

pero como las especificaciones están disponibles, un grupo de personas que
decidieron llevar .Net a Linux, lograron portarla a la plataforma de desarrollo
libre Mono.

3.2. Biblioteca de Clases .NET

Hay tres capas por debajo del CLR, cada una aporta clases y funcionalidades
cada ves más avanzadas.
 3.2.1. Base Class Library.

En la primera capa se encuentra la BCL, la cual se constituye de las clases que

permiten manipular cadenas de texto, la gestión de las entradas y salidas,
comunicación de redes, hilos y diseño de interfaces. Estas clases son similares a
las que se presentan en la API de Java desarrollada por Sun (por ejemplo la clase
String de Java y la clase string de .NET).

3.2.2. Data and XML Classes.

La segunda capa se compone de dos bibliotecas de clases de acceso a datos.

ADO.NET utilizada por desarrolladores ASP, y que permiten el acceso bajo
formato XML a las interfaces de bases de datos SQL Server, ODBC, OLE DB,
Oracle y Sybase, y también a archivos XML.

Las XML Classes permiten manipular datos XML. Se encuentran por ejemplo las
clases XSLT que permiten la transofmación de un documento XML hacia
cualquier otro documento.

3.2.3. XML Web Services, Web Froms, windows Forms.

La última capa, la más elevada, se utiliza para crear Servicios Web, páginas de
Internet y aplicaciones Windows. Las dos primeras forman ASP.NET. Cuando
visitamos sitios de Internet, podemos ver que existen páginas que terminan por
aspx, las cuales son páginas escritas en .NET, mientras que las páginas escritas
en ASP se terminan por .asp.

3.3. Estructura de una aplicación .NET

La unidad de base de una aplicación .NET se llama assembly. Es un conjunto de

código, de recursos y de metadatos. Un assembly se acompaña siempre de un
manifiesto (assembly manifest) que describe su contenido: nombre, versión,
tipos de datos, otros assembly utilisados, instrucciones de seguridad. Un
assembly se compone de uno o más módulos que contienen el código.
 3.4. Compilación y ejecución de una apliación .NET

Como en Java, cuando una aplicación .NET se compila, no se compila en código

binario de máquina, pero en un código binario intermedio MSIL. Una aplicación
consiste entonces en un conjunto de assemblys contenidos en uno o más
archivos ejecutables o archivos DLL en MSIL. Por lo menos uno de estos
assemblys debe contener un punto de entrada para arrancar la aplicación.

Cuando la ejecución de un programa arranca, el primer assembly se carga en

memoria. El CLR comienza examinando los permisos pedidos por este assembly
y los compara a la política de seguridad (security policy) del sistema. Luego, si el
assembly está autorizado a ejecutarse, un proceso se crea para ejecutar la
palicación. El primer pedazo de código necesario a la ejecución se carga en
memoria y se compila en código binario nativo del compilador JIT. Una ves
compilado, el código se ejecuta y se guarda en memoria bajo la forma de un
código nativo, el cual garantiza que cada porción del código solamente se
compila una ves durante la ejecución de la aplicación.

.NET es una plataforma unificada y universal. Facilita el desarrollo de

aplicaciones para las personas que manejan Programación Orientada a Objetos,
proponiendo una jerarquía de objetos y una harminía general de las API. Pero
los programas generados exigen que los computadores estén dotados de una
capa lógica y entonces los exige mucho más potentes.
Ilustración 1: CLR
 4. Tecnologías basadas en .NET

4.1. Windows Vista

El nuevo sistema Operativo de Microsoft.

Ilustración 2:Windows Vista

4.2. Microsoft Office 2007

La nueva suite de oficina de Microsoft Office.

Ilustración 3: Microsoft Office 2007

 5. Instalación del Software necesario

Microsoft Visual Studio Express es un conjunto de ambientes de desarrollo

integrados gratuitos desarrollados por Microsoft. Se trata de una versión básica
de Microsoft visual Studio. La idea de estas ediciones “express” es, según
Microsoft, hacer conocer un ambiente de desarrollo fácil de manejar y de
utilizar a jóvenes estudiantes que se interesen en la programación.

La primera versión de Visual Sudio Express (2005) salió el 7 de noviembre de

2005 y supuestamente era gratuita solamente durante un año. Pero Microsoft
anunció el 19 de abril de 2006 que estas versiones iban a ser gratuitas toda la
vida.

Visual Studio Express consiste en los siguientes productos:

• Visual Basic .NET 2008 Express Edition

• Visual C# 2008 Express Edition
• Visual C++ 2008 Express Edition
• Visual Web Developper 2008 Express Edition

5.1. Visual Basic .NET 2008 Express Edition

Sigue con la tradición de Visual Basic y permite realizar muchas cosas más.

Ilustración 4: Visual Basic .NET

 5.2. Visual C# 2008 Express edition

Permite programar en el lenguaje C#.

Ilustración 5: Visual C#

5.3. Visual C++ 2008 Express Edition

Permite programar en C++ y ofrece varias clases extra que permiten realizar
varias cosas que no se podrían hacer con otros compiladores de C++.

5.4. Visual Web Developper 2008 Express Edition

Este programa nos permitirá crear páginas en Internet. Su función principal es

de crear páginas ASP.NET.

Cuenta con una interfaz drag-and drop para diseñadores, un mejorado editor de
html y editores de código, un explorador de bases de datos limitado, soporte
para otras tecnologías web como CSS, JavaScript y XML.

Como es una IDE Express, no cuenta con algunos componentes del original.
 Ilustración 6: Visual Web Developper

5.5. Microsoft SQL Server 2005 Express Edition

Microsoft SQL Server es un Sistema de Administración de Bases de Datos

Relacional producido por Microsoft. Su lenguaje de querys primario es el
transact-SQL, una implementación del ANSI/ISO estándar Structured Query
Language (SQL) usado por Microsoft y Sybase.

5.6. Microsoft SQL Management Studio Express

Es una herramienta incluida en SQl Server 2005 que permite configurar y

administrar todos los componentes de Microsoft SQL Server. La herramienta
incluye editores de script y herramientas gráficas que trabajan con objetos y
componentes del servidor.

Un componente central de SQL Management Studio es su Object Explorer, el

cual permite a los usuarios navegar, seleccionar e interactuar con cualquier
objeto en el servidor.

Microsoft introdujo también una herramienta gráfica de configuración llamada

SQL Server Management Studio Express (SSMSE) para SQL Server Express.
Como con todos los productos “Express”, este se puede descarga sin costo
alguno. Algunas de las limitaciones de la herramienta son que no puede manejar
el SQL Server Analysis services, Integration services, Notification Services,
Reporting Services o el SQl Server 2005 Mobile Edition.
 Ilustración 7: SQL Server

Ilustración 8: SQL Studio Express

 6. Revisión Documento de Investigación realizado en
2007-2

La entrega final de la investigación sobre .NET realizada por los monitores

anteriores cuenta con varios puntos.

En la primera parte se realizó una introducción a Visual Studio 2008. La

presentan como una aplicación que: " permite a las organizaciones de cualquier
tamaño crear rápidamente de forma más segura manejable y confiable
aplicaciones que aprovechan Windows Vista y Office 2007”.

Presentan además varios enfoques que los desarrolladores de software le

pueden dar a la aplicación.

En la segunda parte nombran las especificaciones técnicas que debe tener un

computador para poder instalar y ejecutar Microsoft Visual Studio son:

• Sistema operativo: Windows Server 2003; Windows Vista; Windows

XP
• Procesador: 1.6GHz Pentium III+
• Memoria RAM: 1 GB de memoria RAM disponible

En la tercera parte del documento, los monitores presentaron el concepto de

Framework. Lo definen como un “ambiente de trabajo, y ejecución” en el cual
se facilita el trabajo, en el caso de Microsoft Visual Studio, de crear aplicaciones
para los sistemas operativos Microsoft XP y Microsoft Vista y varios sistemas
empotrados de Microsoft.

En la cuarta parte, describen la instalación del programa basándose en un demo

que había hace unos meses en una página de Internet. Nosotros más adelante en
este informe describiremos el proceso de instalación de la aplicación usando el
cd de instalación.

En la quinta parte del informe, se explica de una manera general como es que la
aplicación se conecta con una base de datos de tipo relacional. En este caso con
Microsoft SQL Server 2005.

En la sexta parte enumeran los diferentes lenguajes de programación en los

cuales se puede compilar en Microsoft Visual Studio. Estos lenguajes son: C++,
C#, Visual Basic y ASP.NET.

En la séptima parte definen una lista de términos esenciales para facilitar la

comprensión de las opciones que nos ofrece el Framework.

En la octava parte se mencionan los asistentes para crear fácilmente aplicaciones

usando los asistentes y la manera en la cual Visual Studio se puede conectar a
una base de datos específica.

En la novena parte explican el funcionamiento de los archivos web.conf, archivos

XML que sirven para configurar los directorios de trabajo.

Después de esto, nos dan ejemplos de programas hechos en Microsoft Visual

Studio. Entre estos encontramos un programa de consola que muestra una lista
de archivos del directorio actual, una aplicación usando Windows forms el cual
es un explorador de Internet (web browser) y finalmente empiezan a enumerar
los pasos a seguir para crear una aplicación para la Unidad Informática de la
Facultad de Ciencias Económicas.

En esta parte explican como se debe crear la base de datos con Microsoft SQL
Server 2005 usando Microsoft SQL Management Studio Express. Entonces
explican la creación de tablas y como se pueden relacionar estas tablas.

Finalmente explican como realizaron el prototipo que corresponde a una página

en Internet que se conecta a la base de datos y el cual puede agregar registros,
consultarlos, eliminarlos y borrarlos (CRUD).

Basándonos en este informe, procedimos a la instalación de los programas que

necesitamos para nuestra investigación.
 7. Revisión del prototipo de aplicativo anterior
El semestre pasado, los integrantes del grupo de investigación en .NET dejaron
un prototipo realizado en C# que se presenta como una página web y que se
conecta a una Base de datos.

Nuestra intención en esta fase fue analizar la manera en la cual se realizó este
prototipo y continuar con el trabajo.

Desafortunadamente, aunque contábamos con la aplicación hecha en Web

Developper, no contábamos con la Base de datos con la que ellos trabajaron.

Inicialmente coordinación nos suministro una carpeta donde supuestamente se

encontraba el aplicativo desarrollado el semestre pasado pero esta información
no se encontraba completa, pues no figuraban los archivos que se mencionan en
el documento ENTREGA FINAL .NET 2008 a continuación se muestra el
contenido de esta carpeta.

Ilustración 9: Entrega final .NET anterior

Evidentemente el aplicativo desarrollado no se encontraba en esta carpeta,

luego fue necesario solicitar a coordinación que uno de los monitores que
desarrollo el aplicativo nos enviara el avance del aplicativo como tal, esta
información consta de una carpeta llamada ASPI donde se encuentran los
archivos de la aplicación y un archivo de Microsoft .NET llamado ASPI.sln.
 Ilustración 10: ASPI

El primer problema que ocurrió mientras intentábamos realizar la revisión, fue

que al intentar abrir el archivo ASPI.sln en Visual Web Developer, este genera
varios errores de compilación causados por la ausencia de la base de datos a la
que se hace referencia en el mismo, llamada UIFCE.

Ilustración 11: Compilando

Gracias a que no podíamos hacer mucho sobre el aplicativo por la imposibilidad

de compilarlo sin la base de datos, comenzamos a investigar la forma de crear
bases de datos en SQL server y a hacer conexiones desde un nuevo aplicativo
en blanco a una base de datos de Access ya creada, esto con el fin de entender
cómo funciona la creación de conexiones y como podríamos llegar a corregir
los errores producidos.

Así que no pudimos correr la aplicación. Pero pudimos ver más o menos como
funcionan los Grid y form Views, fundamentales para comunicarse con la Base
de Datos.
 8. Tecnologías Alternas

Existen implementaciones libres de .NET como Mono y DotGNU, para los que
prefieren trabajar en Sistemas Operativos Linux.

8.1. Mono

Mono provee el software necesario para desarrollar y ejecutar aplicaciones

cliente y servidor hechas en .NET en Sistemas Linux, Solaris, Mac OS X,
Windows y Unix.

Apoyado por novell, el proyecto abierto Mono cuenta con una comunidad
activa y entusiasta y se posiciona como la mejor elección para el desarrollo de
aplicaciones Linux.

Ilustración 12: Entorno Desarrollo Mono

http://www.mono-project.com/Main_Page
 8.2. DotGNU

El proyecto dotGNU intenta ofrecer servicios web y programas en C# bajo

Sistemas Operativos basados en Linux.

DotGNU consiste en tres proyectos de desarrollo principales.

DotGNU portable .NET es una implementación del Common Language

Infraestructure (CLI), más conocido como .NET, incluye todo lo que se necesita
para compilar y ejecutar aplicaciones en C y C# que usan librerias de Base class,
XML y Systems.Windows.Forms.

phpGroupWare, el cual es una suite multi-usuario basada en web que sirve para
proveer una buena colección de componentes de servicios web, los cuales
pueden se pueden acceder a través de XML-RPC y se pueden integrar
fácilmentea aplicaciones de servicio web.

El servidor de servicio web DGEE.

http://www.gnu.org/software/dotgnu/

Ilustración 13: DotGNU

 9. Tabla comparativa entre las herramientas

Nombre Descripción
Visual Basic .NET 2008 -Sistema Operativo Windows. Facilita
la creación de programas. Sencillo y
eficaz.
Visual C++ -Sistema Operativo Windows. Permite
crear programas facilmente en
lenguaje C++ y con compatibilidad
para Windows.
Visual C# -Sistema Operativo Windows. Facilita
la creación de programas. Rápido y
fiable.
Visual Web Developper -Sistema Operativo Windows. Permite
crear páginas web y conectarse a
diversas Bases de Datos desde un
servidor Windows.
Mono -Sistemas operativos Linux, Mac,
Windows. Permite crear aplicaciones
en .NET sin comprar o adquirir
aplicaciones privativas.
DotGNU -Sistemas operativos Linux, Mac,
Windows. Permite crear aplicaciones
en .NET sin comprar o adquirir
aplicaciones privativas. Permite crear
aplicaciones portables.
Netbeans -Sistemas operativos Linux, Mac,
Windows. Permite crear aplicaciones
en Java sin comprar o adquirir
aplicaciones privativas. Permite crear
aplicaciones portables. Permite crear
páginas web con JSP y conexión a
abses de datos con JPA.
Qt4 -Sistemas operativos Linux y
Windows. Un gran ambiente de
creación de programas en C++ y C.
Permite crear aplicaciones y páginas
web.
Dev-C++ -Sistema Operativo Windows. Permite
crear programas facilmente en
lenguaje C++.
 10. Tutorial Web Developper 2008

Vamos a realizar una pequeña introducción a Visual Web Developer 2008

Express Edition. Antes de leer esto recomendamos tener unos conceptos
básicos de programación y en creación de páginas con HTML.

10.1. Conociendo Visual Web Developer 2008

Al abrir la aplicación, nos encontraremos con la siguiente pantalla:

Ilustración 14:Ventana Inicial

La ventana inicial nos permite hacer muchas cosas. El cuadro del centro se
conecta por Internet con la página de ayuda de Microsoft.

Vamos a presentar un poco la ventana para acostumbrarnos al entorno.

En la parte superior del programa vamos a encontrar las típicas opciones, entre
ellas: File, Edit, View, Tools, Windows, Help.

En File podremos crear un nuevo proyecto, abrir un proyecto ya existente,

guardar archivos y abrir documentos recientes.

En Edit podremos deshacer, copiar, pegar, borrar, seleccionar todo, buscar y

remplazar.

En View podremos activar todas las ventanas que existen en el Visual Web
Developer 2008. A continuación damos una lista de estas ventanas:

• Database Explorer: nos permite visualizar todas las bases de datos que
están siendo utilizadas por uno o más proyectos creados por el usuario.
La aplicación soporta conexión a varias bases de datos (Access, Microsoft
SQL Server, etc.).
• Solution Explorer: nos permite acceder más fácilmente a todos los
archivos del proyecto abierto. Por ejemplo podemos ver todas las
páginas web que hayamos creado.
• Bookmark Window: nos permite acceder rápidamente a ciertos lugares
de la aplicación como ciertas líneas de código, objetos señalados, etc.
• Class view: permite ver todas las clases creadas para algún objeto.
• Document Outline: nos permite ver la estructura general de los archivos.
• Object Browser: nos permite ver una lista completa con todos los
objetos que existen por defecto en Visual Web Developer 2008.
También podemos ver sus métodos y atributos.
• Error list: nos muestra todos los errores que aparecen al ejecutar un
programa, en este caso nuestras páginas de Internet.
• Output: la salida que nos muestra el programa.
• Properties: esta ventana nos permite modificar fácilmente todas las
propiedades de algún objeto seleccionado.
• Task List: nos permite tener una lista de los quehaceres del usuario.
 • Toolbox: nos muestra varios de los elementos que podemos crear y nos
permite crearlos muy fácilmente, simplemente arrastrándolos al lugar en
el cual los queremos tener.
• Find Results: nos muestra toda la información sobre alguna búsqueda.

En View también podemos habilitar otras barras de herramientas que nos

permitirán agilizar procesos.

En Tools podremos conectarnos a una base de datos, abrir crear y administrar

snippets (código que podemos guardar para utilizar más adelante y agilizar el
trabajo de programación), instalar otros componentes a la aplicación con
Choose Toolbox Items, importar y exportar configuraciones del programa,
cambiar las configuraciones del programa y cambiar las opciones generales.

En Windows podemos seleccionar la manera en la cual queremos ver las

diferentes ventanas de la aplicación.

En Help podremos buscar toda la ayuda que necesitemos sobre la aplicación.

 10.2. Crear un proyecto

Vamos a crear nuestro primer proyecto en Visual Web Developer 2008.

Para crear un proyecto vamos a File y seleccionamos la opción New Web

Site…

Entonces veremos esta pantalla aparecer:

Ilustración 15: Creando un nuevo sitio web

Visual Web Developer 2008 nos ofrece varias plantillas que podemos utilizar
para crear fácilmente un sitio web. Nosotros vamos a utilizar la plantilla de
ASP.NET Web Site para utilizar ASP.

En la parte inferior podemos elegir el lugar en donde vamos a guardar la

aplicación y también el lenguaje en el cual queremos programar. Nosotros
vamos a programar en Visual C#.

Luego seleccionamos OK.

Luego se nos abrirá una ventana como esta:

:

Ilustración 16: Proyecto web Site Vacio

En la ventana principal se crea una nueva pestaña con el nombre Default.aspx y

el programa nos muestra ubica en esta.

Todas las páginas Internet que creemos usando ASP van a tener una extensión
de este tipo: aspx.

Vemos que el archivo Default.aspx tiene ya un código que se crea

automáticamente gracias a la plantilla que seleccionamos al crear el sitio web.

En la parte derecha, en la ventana llamada Solution Explorer podemos ver todos

los archivos que se crearon. Entre estos vemos una carpeta llamada App_Data,
el archivo Default.aspx el cual contiene código HTML y un archivo
Default.aspx.cs que corresponde a un archivo que guarda código en lenguaje C#
y en el cual podemos programar eventos. Si estuviéramos trabajando con
lenguaje Visual Basic, el archivo tendría una extensión aspx.vb. También
encontramos un archivo llamado web.config en el cual se guarda la configuración
del sitio web creado.
 10.3. Vistas

En la parte inferior del código encontramos la barra siguiente:

Ilustración 17:Selección de Vistas

La parte izquierda de la barra nos permite elegir entre 3 diferentes modos de

visualizar el archivo.

El modo seleccionado por defecto es Source, en el cual vemos todo el código

de la página actual.

El modo Design nos permite visualizar la página en modo gráfico. Este modo nos
ayuda a ordenar nuestros objetos con más claridad en la página.

El modo Split nos permite visualizar ambos modos a la vez.

La parte de la derecha nos permite navegar entre los diferentes segmentos del
código. En este caso, podemos seleccionar todos los objetos que se encuentran
en la sección <html>, en el <body> en el <form1> o en el <div>.

Esto es muy útil si queremos agregarle a la página diferentes estilos. Esto lo

veremos en entregas posteriores.

10.4. Caja de herramientas

Una de las opciones que más utilizaremos es la caja de herramientas o Toolbox

que aparece en la parte izquierda de la pantalla.

El Toolbox nos permite insertar dentro de nuestra página varios objetos

básicos de una página de Internet. El Toolbox se divide en 9 secciones:

• Standard: En esta sección encontraremos los objetos más comunes de una

página de Internet. Podemos añadir Labels (etiquetas), botones, Links,
CheckBoxes, Imágenes, Calendario, entre otros.
 • Data: Podremos crear todo lo necesario para
relacionar nuestra página con bases de datos,
crear consultas, visualizar tablas, entre otros.
• Validation: Objetos para hacer validación de
datos en la página.
• Navigation: Objetos para mostrar la estructura
de la página.
• Login: Permite controlar el acceso a ciertos
lugares de la página.
• WebParts: Permite agregar controles avanzados
de conexión.
• AJAX Extensions: Permite utilizar objetos
especiales de AJAX.
• HTML: Permite agregar objetos utilizando
código HTML.
• General: En esta sección podemos arrastrar las
herramientas que más utilicemos del Toolbox.

Al localizar en el Toolbox el objeto que queremos

insertar en nuestra página de Internet, podemos hacerle
click y arrastrarlo hacia el código en el modo Source o
hacia la parte en la cual lo queremos agregar en el modo
Design.
 10.5. Ventana de propiedades

Cada uno de los diferentes objetos que podemos agregar en la página, contiene
varios atributos y métodos que podemos llamar y modificar (programación
orientada a objetos).

Miremos por ejemplo las propiedades de un botón y de un Label.

Primero buscamos el Label en la sección Standard del Toolbox, lo

seleccionamos y lo arrastramos hacia la página, ya sea en modo Design o en
modo Source.

Entonces podremos hacer click en el nuevo label para ver sus propiedades
aparecer en la ventana de propiedades que se encuentra en la inferior derecha
de la ventana.

En la ventana propiedades vemos

todos los atributos del objeto
creado. Por ejemplo el Label tiene
todos los atributos que vemos en la
figura de la izquierda.

Todos los objetos creados tienen

un atributo llamado ID. Este
atributo es el nombre que le
creamos a ese objeto en especial.
Por defecto el Label creado se llama
Laberl1. Si insertamos otro Label se
llamará Label2 y así sucesivamente.

Dejemos el nombre Label1. Más

bien cambiemos el Text que tiene
ese Label. Vamos al atributo Text y
en la casilla que se encuentra a su
derecha colocamos la frase que
queramos. Luego presionamos
Enter.
Ahora podemos visualizar nuestra página de Internet haciendo click derecho
sobre el código o sobre la página que estamos creando y seleccionamos la
opción: View in Browser.

Al hacer esto, se abrirá una página en nuestro navegador y veremos nuestra

página y el Label que creamos.

Ahora agreguemos un botón debajo del Label. Buscamos el botón en la sección

Standard del Toolbox y arrastramos el botón hacia la página. Luego le hacemos
click para ver sus propiedades. Observemos que el nombre o ID del objeto es
por defecto Button1. En el atributo Text del botón coloquemos la palabra
“Cambia” (sin comillas). Vemos que ahora el botón muestra esa palabra.

Cuidado, el cambiar el texto del objeto no quiere decir que se cambia el

nombre, nuestros dos objetos siguen llamándose Label1 y Button1.

Además del texto podemos cambiarle a nuestros objetos el color, la fuente

utilizada por el Text y varios atributos más que dejamos que investiguen.

10.6. Manejando Eventos

Los objetos creados en Visual Web Developper 2008 manejan eventos.

Un evento es una acción realizada por el usuario, como por ejemplo hacer click
en un botón, pasar por encima de algún botón o Label, escribir texto en un
TextBox, seleccionar una casilla CheckBox, etc.

Cada objeto que podemos crear tiene asociado una gran cantidad de eventos.

Ahora explicaremos uno de los eventos más utilizados, hacer click en un botón.

Volvamos al botón que creamos en la sección anterior. Esta vez hagamos doble
click en el botón.

Al hacer esto se abrirá una nueva pestaña llamada Default.aspx.cs (si no le

hemos cambiado el nombre a nuestro archivo en el Solution Explorer).

Este archivo está muy asociado a la página de Internet que estamos creando
pues guarda todas las acciones que se debe realizar después de un evento.
Ilustración 18: Nuestro Primer código en C#

Las primeras líneas, que comienzan con la palabra reservada de C# using

importan librerías que maneja la página que estamos creando.

La línea 13 indica que todo lo que va desde el primer corchete hasta el útlimo,
hace parte de una clase llamada _Default (el nombre de nuestra página) que es
de tipo Page.

Dentro de esta clase encontramos dos métodos: Page_Load y Button1_Click.

Dentro del primer método (Page_Load) podemos agregar todo lo que

queremos que la página realice al cargarse. Pero nosotros nos interesaremos
más en el método Button1_Click.

El nombre del método nos indica que este método se va a llamar justo en el
momento en el cual se haga click en el botón llamado Button1, esto quiere
decir, al momento de hacer click en el botón que creamos anteriormente.

Ahora si a programar. Primero, dentro del método Button1_Click colocamos la

siguinte línea:

Label1.

Si lo hicimos correctamente debería aparecer al frente de nosotros una lista

enorme (si no sale la lista, borra el punto e intenta de nuevo). Esta lista
corresponde a todos los métodos y atributos que tiene el Label1, la etiqueta
que creamos anteriormente.

Fijense que los atributos, los métodos y los eventos tienen un dibujito diferente
en la lista que se despliega.

Busquemos en esta lista el atributo Text, el cual corresponde al atributo que

cambiamos en la sección anterior. Deberíamos entonces tener algo así:

Label1.Text

Ahora queremos que ese atributo camibie al hacer click en el botón llamado
Button1. Entonces completamos la línea con:

Label1.Text = “La frase que yo quiera”

Podemos cambiar lo que se encuentra dentro de las comillas dobles por el

texto que deseemos.

Ahora si regresamos al archivo Default.aspx ya sea en las pestañas o usando el

Source Explorer y vemos como va nuestra página (click derecho sobre el
código o sobre la página que estamos creando y seleccionamos la opción: View
in Browser) veremos que al presionar el botón, el contenido del Label cambia.
 11. Aplicativo específico para la Unidad

11.1. Página Inicial del aplicativo

En esta primera página del aplicativo se ubican todas las opciones que tiene el
usuario enunciadas en el informe anterior, su interfaz será similar a la mostrada
en la figura 1.

Ilustración 19: Página inicial

A partir de cada uno de los hipervínculos mostrados se puede acceder a la

página correspondiente, por ejemplo, para ver los datos básicos de un aspirante
se da clic en ver aspirante y mediante una breve línea de código se hace la
conexión

<asp:LinkButton ID="LinkButton13" runat="server"

PostBackUrl="~/datos_aspirante.aspx">Ver Aspirante</asp:LinkButton>
De esta forma se crea el vinculo pera ir a la pagina datos aspirante donde
encontramos, por ahora, los campos: nombre, apellido, cedula.

11.2. Consulta a la base de datos.

En la página datos_aspirante.aspx realizamos una consulta a la base de datos

INVESTIGA para traer a la página los datos.

En la interfaz de Visual Web Developer vemos la consulta como un gridview sin

muchos atributos (figura 2), para ver el aspecto de la tabla es necesario
visualizarla en el explorador (figura 3).

Ilustración 20: consultando una tabla

Ilustración 21: La aplicación corriendo en firefox

11.3. Logros

• Consultar cualquier tabla de la base de datos

• Agregar filas a cualquier tabla
• Navegar entre páginas

11.4. Puntos pendientes

• Aprender a manejar los errores que lanza la aplicación (Exception handling).

• Mejorar la navegabilidad
• Manejar funciones de C#.
• Conocer más las clases disponibles en Visual Web Developper.
 12. Inconvenientes

- Duramos mucho tiempo sin un tutor que nos facilitara la comprensión de

.NET. Prácticamente toda la investigación la hicimos investigando por
nuestra propia cuenta y por esto se nos han dificultado varias cosas.
- El computador de Investigación que se nos asignó se demoraba
demasiado realizando las operaciones necesarias para ejecutar
correctamente todo lo que pide la herramienta Visual studio .NET y de
igual manera no sirve como servidor de Microsoft SQL Server.
- La investigación anterior no tenía la información suficiente para poder
seguir el proyecto anterior.
 13. Conclusión

Este fue nuestro primer acercamiento al ambiente de programación .NET.

Aunque el objetivo era realizar toda una página de Internet, nos vimos obligados
a buscar cosas básicas para lograrlo, y aún tenemos que aprender muchas cosas
más.

Pensamos que el objetivo de la investigación fue muy grande y que la

investigación debía enfocarse en aplicaciones pequeñas en .NET antes de pedir
una aplicación tan grande.

Pero aún así, creo que se realizó un buen trabajo, y quedan por resolver algunos
puntos que ojalá podamos resolver para mejorar cada ves más la página de
Internet que empezamos.