7.4.2B - Desarrollo de Aplicaciones Con Vs ASP

Desarrollo de aplicaciones web con asp.
net
DESARROLLO DE APLICACIONES WEB

CON ASP.NET
INTRODUCCIN 3
1 El desarrollo de Aplicaciones Web 4
1.1 Arquitectura del Framework de .Net 4
1.2 Aspectos del Framework ASP.Net 4
1.2.1 Caractersticas 5
1.3 Creacin de una aplicacin Web con AspNet 9
1.3.1 Controles en Asp Net 10
1.3.2 Como agregar un control Web a un Web Forms 13
1.3.3 Propiedades y eventos de un control 13
1.3.4 Conversin de tipos de datos 14
1.4 ADO.NET 15
2 Desarrollo de una aplicacin Web bajo una Arquitectura 3 capas
(Patrn Vista controlador MCV) 16
2.1 Caso de Estudio 16
2.2 Arquitectura de la aplicacin 17
2.3 Creacin de la Interfaz (Vista) 18
2.4 Creacin de la Vista lgica 22
2.4.1 Objetos 22
2.5 Creacin de la Vista de Datos 25
GLOSARIO 27
BIBLIOGRAFA 28
FAVA - Formacin en Ambientes Virtuales de Aprendizaje SENA - Servicio Nacional de Aprendizaje

Desarrollo de aplicaciones web con asp.net
Mapa Conceptual
Desarrollo de aplicaciones
web con Asp.net
2
DESARROLLO DE APLICACIONES WEB

CON ASP.NET
INTRODUCCIN
La dinmica de las organizaciones, el aumento del comercio electrnico y

el desarrollo tecnolgico de las comunicaciones, hacen necesario la gene-
racin de aplicaciones que puedan estar funcionando sobre la nube.
Estas aplicaciones reciben el nombre genrico de Aplicaciones Web y
ofrecen la posibilidad de acceder a los sistemas de Informacin de una
manera rpida y con un mnimo de recursos para los usuarios de este.
La aplicacin slo debe instalarse en un servidor el cual debe proveer el

servicio, este si requiere unos recursos especficos determinados por el
tipo de tecnologa que se utilice para implementarlo, las actualizaciones o
modificaciones slo se realizaran sobre esta mquina; los usuarios del sis-
tema slo requerirn de un software que les permita navegar por la red
y pueden estar conectados desde sus computadoras o dispositivos mviles
(dependiendo de la tecnologa usada).
Visual Studio .NET, proporciona un lenguaje de programacin especial-

mente diseado para la construccin de aplicaciones web, el cual involucra
la mezcla del lenguaje ASP.NET y el lenguaje C#, as como el uso de
scripts y etiquetas. Con este objeto de aprendizaje le invitamos a introdu-
cirse en el diseo de aplicaciones Web, a travs de un recorrido por dife-
rentes conceptos y la integracin con el lenguaje C# y una plataforma de
desarrollo estable.
3
1 El desarrollo de Aplicaciones Web
Microsoft Visual Studio .NET es una plataforma que permite ejecutar y

desarrollar aplicaciones, soluciones informticas y/o sistemas de informa-
cin, brindando todas las herramientas y servicios necesarios para desa-
rrollar modernas aplicaciones empresariales, dentro de una de estas se
encuentran las pginas web; las cuales pueden desarrollarse por medio de
WebForms.
1.1 Arquitectura del Framework de .Net
Los componentes de la arquitectura del framework de .Net se pueden

apreciar en la siguiente figura, donde se puede apreciar la existencia de
una librera de clases denominada ASP.NET, la cual incluye funcionalida-
des para el desarrollo de la aplicacin web:
VB C++ C# J# ...
.NET Framework SDK
Common Language Specification
.NET Framework
ASP.NET Windows Forms
Class Library
.NET Framework
Redistributeble
ADO.NET y XML
Base Class Library
Common Language Runtime
Windows COM+ Services
En System.Web: Se encuentran todos los tipos necesarios para programar

aplicaciones y servicios web ASP.NET
1.2 Aspectos del Framework ASP.Net
ASP.NET es un Framework que Microsoft ha desarrollado para el desarrollo

de aplicaciones Web. Es la tecnologa necesaria del .NET Framework para
construir aplicaciones con interfaz de usuario Web (es decir, aplicaciones
cuya lgica se encuentra centralizada en uno o varios servidores y que los
clientes pueden acceder usando un browser o navegador mediante una
serie de protocolos y estndares como HTTP y HTML).
4
1.2.1 Caractersticas
Las pginas desarrolladas en ASP.NET son conocidas como "Web Forms"

(formularios web), y conforman la mayor parte de los elementos a desa-
rrollar para la construccin de las aplicaciones Web. Los formularios Web
estn contenidos en archivos que tienen extensin aspx; los cuales
contienen etiquetas html o xhtml esttico; adems utiliza controles cuyo
cdigo es procesado por el servidor, otros controles que se denominan
de usuario contendrn el cdigo esttico y dinmico para proveer la
funcionalidad requerida por la aplicacin.
Las pginas incluyen bloques de etiquetas <% -- cdigo dinmico -- %>

que albergan el cdigo dinmico que se ejecuta en el servidor. Otras
tecnologas de desarrollo web como PHP, JSP y ASP, tambin manejan el
mismo concepto de etiquetas.
ASP.NET slo funciona sobre el servidor de Microsoft IIS (Internet Infor-

mation Server), lo cual limita su implementacin y lo pone en desventaja
respecto a otros lenguajes como PHP o JSP que tienen diferentes alter-
nativas de servidores web.
1.2.1.1 Formularios Web (Web Forms)
Los formularios Web Forms se crean bajo la opcin (WebForms) y tam-

bin con el uso de plantillas (MasterPage) bajo la opcin (Formularios
Web Forms que Usan Pagina Maestra).
Bajo cualquiera de estas dos opciones un Formulario Web est compues-

to de:
5
WebForm1.aspx
body
rea para
ingresar
controles
A B C D E
Diseo Dividir Cdigo <html> <body>
En la pestaa A se puede ver el diseo grfico que la pgina web

contendr.
En la pestaa B puede dividir la visualizacin en cdigo y en diseo.
En la pestaa C puede visualizar el cdigo html de la pgina.
En la pestaa D y E se encuentra el cdigo html generado una vez se
vayan ingresando controles y cdigo de funcionalidad.
En el rea F es el espacio para ingresar los controles web necesarios para
construir la pgina.
6
1.2.1.2 Formularios Web forms que Usan Pgina Maestra

(Master Page)
A travs de una pgina maestra se define la estructura de organizacin del

sitio web, indicando las reas comunes como la cabecera, la barra de
navegacin y su apariencia grfica en general. Esta ser adoptada por las
diferentes pginas del sitio favoreciendo el mantenimiento y disminuyendo
el cdigo asociado a cada pgina.
Una vez creada la Master Page, se pueden crear los Formularios Web bajo
el utilizando la (Master Page) determinada, las cuales tienen un diseo de
interfaz grafico adecuado para el proyecto a desarrollar, que incluye logos,
fotos, animaciones y dems aspectos que pueden ser llamativos para el
usuario al momento de desarrollar la pagina web.
Una Master Page contiene un tipo especial de control llamado ContentPla-

ceHolder, el cual define la regin en donde se reemplazar el contenido de
una pgina asociada a la maestra.
Creacion de la Master Page: Esta se crea desde la solucin de Visual Studio

.Net con la opcin Agregar Pgina Maestra (explicado en el videotutorial).
Tenga en cuenta que para desarrollar interfaces agradables al usuario
debe utilizar aspectos de diseo web grafico, existen algunas plantillas por
defecto que ya usted puede utilizar para adicionar a su pgina web, en la
lista de referencias encontrar algunas de ellas.
Es de anotar que este objeto no pretende ensear la construccin de Mas-

terPage, ya que incluye material y contenidos de diseo grafico que el
aprendiz debe tomar por aparte.
La pgina Maestra por defecto que utiliza Microsoft Visual Studio .Net es la
siguiente:
7
Plantilla por defecto (Modo diseo)
Place Holder: Donde se pueden colocar los

controles para iniciar la codificacin de la pgina
Plantilla por defecto (Modo ejecucin)
Plantilla Site.Master
Cuando se crea una plantilla por defecto esta se crea en blanco, de tal
manera que usted debe adicionarle todos los componentes necesarios
para generar su propio diseo.
Creacin del Formulario bajo una Master Page
Una vez se ha definido el tipo de plantilla que se va a utilizar se procede

a crear el formulario web que la utilizara, por la opcin agregar nuevo ele-
mento y seleccionar Formulario Web que usa pgina maestra.
8
1.3 Creacin de una aplicacin Web con AspNet
Al crear un proyecto de aplicacin Web, adems de generarse automtica-

mente un Web Forms por defecto llamado Default.aspx, se crean una serie
de archivos y clases que complementan la aplicacin.
Se dispone tambin de un diseador de formularios para construir aplica-

ciones web, el formulario HTML deber contener los controles que deban
procesar del lado del servidor.
Los formularios HTML estn delimitados por la etiqueta estndar <form>.

En el caso de ASP.NET, dicha etiqueta debe incluir el atributo
runat="server". Este atributo le indica al servidor web (IIS) que la pgina
ASP.NET se debe procesar en el servidor antes de envirsela al cliente.
Pgina por
Plantilla Master Page rea para ingresar defecto
controles web
Cuadro de herramientas Pgina default
para controles web - por defecto
en vista de diseo
El esqueleto de una pgina ASP.NET ser siempre de la forma:

Indicando que se esta utilizando lenguaje c#
Runat=Server, indica que el cdigo

se ejecutar del lado del servidor
Una vez se incluyan controles se generar el cdigo
automticamente dentro de esta etiqueta
<form> </form>
9
1.3.1 Controles en Asp Net.
La construccin de las interfaces para las pginas Web se realiza a travs

de controles predefinidos, los cuales proporcionan un modelo orientado a
objetos y estn definidos en la biblioteca de clases .NET.
Estos controles son objetos de pginas web AspNet similares a los

elementos html tales como botones y cuadros de texto, controles de
calendarios, para conectar a orgenes de datos.
Existen tres tipos de controles predefinidos que se pueden utilizar en las

pginas ASP.NET:
- Controles HTML: representan etiquetas HTML tradicionales y funcionan

de forma similar a los objetos utilizados en JavaScript para manipular
dinmicamente el contenido de una pgina web.
- Controles Web: controles asociados a las etiquetas especficas de

ASP.NET y facilitan el desarrollo de interfaces web utilizando un entorno de
programacin visual como Visual Studio .NET.
- Controles de validacin: empleados para validar las entradas

introducidas por el usuario de una forma relativamente cmoda (aunque
no siempre resulta la ms adecuada desde el punto de vista del diseo de
la interfaz de usuario).
- Controles habilitados con tecnologa AJAX: Controlan cdigo de servidor

y de cliente para generar un comportamiento de cliente enriquecido.
10
Controles html
Control HTML Etiqueta HTML Descripcin

HtmlAnchor <a> Enlace
HtmlButton <button> Botn
HtmlForm <form> Formulario
HtmlGenericControl Cualquier elemento HTML
para el cual no existe un
control HTML especifico
HtmlImage <image> Imagen
Htmllnput... <input type="..."> Distintos tipos de entradas
en un formulario HTML:
botones (button, submit y
reset), texto (text y password),
opciones (checkbox y radio),
imgenes (image), ficheros
(file) y entradas ocultas
(hidden).
HtmlSelect <select> Lista de opciones
en un formulario
HtmlTable... <table> <tr> <td> Tablas, filas y celdas
HtmlTextArea <textarea> Texto en un formulario
11
Controles AspNet.
Control HTML Descripcin
AdRotator Muestra una secuencia de imgenes (a modo de banner)
Button Botn estandar
Calendar Calendario mensual
CheckBoxList Grupo de cajas de comprobacin
DataGrid Rejilla de datos
DataList Muestra una lista utilizando plantillas (templates)
DropDownLi st Lista desplegable
HyperLink Enlace
Image Imagen
ImageButton Botn dibujado con una imagen
Label Etiqueta de texto esttico
LinkButton Botn con forma de enlace
ListBox Lista (como en los formularios Windows)
Literal Texto esttico (similar a Label)
Panel Contenedor en el que se pueden colocar otros controles
PlaceHolder Reserva espacio para controles aadidos dinmicamente
RadioButton Botn de radio (como en los formularios Windows)
RadioButtonList Grupo de botones de radio
Repeater Permite mostrar listas de controles
Table Tabla
TextBox Caja de edicin
Controles de Validacin
Control HTML Descripcin

Control de validacin Descripcin
CompareValidator Compara el valor de una entrada con el de otra o un valor fijo.
CustomValidator Permite implementar un mtodo cualquiera que maneje la
validacin del valor introducido.
RangeValidator Comprueba que la entrada este entre dos valores dados.
RegularExpressionValidator Valida el valor de acuerdo a un patrn establecido como una
expresin regular.
RequiredFieldValidator Hace que un valor de entrada sea obligatorio.
12
1.3.2 Como agregar un control Web a un Web Forms
Para poder agregar un control a un formulario web, debe tener un

formulario web abierto y estar seleccionado en la pestaa Diseo. Ubicar
el Cuadro de Herramientas, hacer clic en el control que desea agregar
y arrastrarlo hasta el formulario.
En esta imagen se puede visualizar como se han creado mltiples

controles dentro de ellos se encuentra los labels (label) y las cajas de
texto (TextBox).
1.3.3 Propiedades y eventos de un control
Todos los controles mencionados anteriormente tienen asociado

propiedades y eventos.
Propiedades: son las caractersticas que tiene cada control, y dentro del
entorno de Visual Studio estn ubicadas en la barra de herramientas
llamada Propiedades o con acceso rpido seleccionando el control y
presionando F4.
Las propiedades ms utilizadas para cada control son:
13
Las propiedades ms utilizadas para cada control son:
Cuadro de
herramientas
Propiedades
Pgina web
Tres controles,
Caja, texto, botn y label
Eventos: Los eventos son las acciones que se quiere indicar al control
que debe realizar, cada control proporciona mltiples eventos, el ms
utilizado es el evento OnClic, el cual se dispara o se genera haciendo doble
clic sobre el control, y disparar este evento significa: Que realizar la
aplicacin cuando el usuario presione ese control?.
1.3.4 Conversin de tipos de datos
En muchas ocasiones es necesario hacer una conversin del tipo de dato,

ya que algunas propiedades establecidas por Visula Studio. Net ya tiene
predefinido el tipo de dato con el que necesitan operar.
Por ejemplo: la propiedad Text, que la tienen la mayora de los controles,

est definida para operar con tipos de datos String, por tal motivo siempre
que se necesite utilizar esta propiedad siempre se deben utilizar tipos de
datos string.
14
Conversion Ejemplo
ToString(): Mtodo que permite convertir (txtedad.Text).ToString()
cualquier tipo de dato a string.
Int.Parse(): Mtodo que permite convertir int.Parse(txtedad.Text);

cualquier tipo de dato a entero.
Foat.Parse(): Mtodo que permite convertir float.Parse(txtedad.Text);

cualquier tipo de dato a flotante (real).
1.4 ADO.NET
El conjunto de componentes del software que son utilizados para acceder

a los datos que almacena un Sistema Gestor de Bases de Datos
Relacionales se denomina ADO.NET. Es una parte de la biblioteca de
clases base que estn incluidas en el Microsoft .NET Framework y contiene
los diferentes tipos de objetos que permitirn acceder a la base de datos
y realizar las operaciones sobre los datos, la referencia a los objetos que
contiene se estableci en el objeto de creacin de aplicaciones de
escritorio usando C#.
La arquitectura de ADO. Net esta descrita en la siguiente grfica,

denotando la misma funcionalidad y la inclusin de algunos controles de
datos con el enfoque Web.
Arquitectura de ADO.NET
.NET Framework Data Provider DataSet
Connection Connection DataTableCollection

Transaction SelectCommand DataTable
DataRowCollection
InsertCommand
Command
DataColumnCollection
Parameters UpdateCommand
ConstraintCollection
DeleteCommand
DataReader
DataRelationCollection
Database XML
15
2. Desarrollo de una aplicacin Web bajo una

Arquitectura 3 capas (Patrn Vista controlador MCV)
Recuerde que esta arquitectura tiene muy bien diferenciadas 3 vistas del
sistema a construir las cuales son: Vista Interfaz (GUI), Vista Logiga,
Vista de Datos, como puede visualizar en la siguiente imagen. Todas se
conectan entre si dentro del desarrollo de un sistema de informacion para
dar respuesta a las necesidades del cliente.
En la siguiente imagen se puede visualizar como la solucion creada en

Visual Studio .Net esta dividida en Logica, Vista y Acceso a Datos.
La aplicacin Web se construir basad bajo el siguiente caso de Estudio:
2.1 Caso de Estudio
Se necesita desarrollar una aplicacin Web que permita gestionar la

informacin de proyectos de investigacin que tiene el grupo de
investigacin InnovaCTPI de la Regional Cauca, el sistema cumple con las
siguientes funcionalidades:
Gestin de Proyectos: Insercin, consulta, modificacin y eliminacin

de la informacin perteneciente a un proyecto tal como : cdigo del
proyecto, estado, sector donde aplica el proyecto, rea especfica, nombre
proyeccin, descripcin, logros, fecha de inicio, fecha de fin.
Objetivos del proyecto: Cada que se cree un proyecto se le debe

asociar un objetivo general y un objetivo especifico, de tal manera que se
pueda insertar, consultar, modificar y eliminar los objetivos.
Gestin del equipo de trabajo: A cada proyecto se le debe asociar un

equipo de trabajo donde se pueda permitir la Insercin, consulta,
modificacin y eliminacin del equipo de trabajo del proyecto que se est
creando, tal como: nombre, apellido, direccin, telfono, correo y cargo
de las personas asociadas al proyecto.
16
2.2 Arquitectura de la aplicacin
La arquitectura de la aplicacin est diseada en 3 capas bajo la siguiente

figura:
BBDD
Vista: Se encuentra los Formularios Web llamados BuscarProyecto.aspx,

Proyecto.aspx, WebFormEquipoTrabajo.aspx, WebformObjetivos.aspx,
WebFormPersona.aspx, los cuales permiten gestionar las operaciones
CRUD (Insertar, eliminar, buscar y actualizar) de proyectos, equipos de
trabajo, objetivos y personas.
Lgica: Se encuentran todas las clases necesarias para desarrollar la

lgica del programa, dentro de las cuales estn: (AreaEspecifica.cs,
AreaMacro.cs, Cargo.cs, Estado.cs, GrupoTrabajo.cs, Objetivos.cs,
Persona.cs, Pryectos.cs, Sector.cs).
Acceso a Datos: Se encuentra la clase de persistencia que almacena

todas las funciones necesarias para conectarse a la base de datos, cabe
destacar que esta clase est desarrollada sobre un Servicio Web.
17
2.3 Creacin de la Interfaz (Vista)
Gestionar Proyectos: este formulario web contiene todos los aspectos

necesarios para la funcionalidad de los CRUD (insercin, modificacin,
eliminacin y bsqueda) de un proyecto. La interfaz esta diseada de la
siguiente manera.
Gestin de Proyectos del C.T.P.I.
Ficha Persona Proyecto Reporte
A Digite Datos del Proyecto

Fecha Elaboracin: 08/11/2013
H
Cdigo del
Proyecto
Nombre del
Proyecto
Area Macro CTPI:
Area Especfica: D
Fecha Inicio:
Fecha Fin:
Descripcin:
B
Clasificacin:
Estado:
C
Logros Alcanzados:
Proyeccin:
Sector:
F
Gestin
F G
La interfaz es creada sobre un Web Forms, y utiliza los controles:
Panel: Control utilizado para agrupar los datos del proyecto es identifica-
do en la imagen por la letra A.
Label: Control utilizado para los ttulos de las atributos identificado en la

imagen por la letra B
18
TextBox: control utilizado para almacenar los datos de cdigo, nombre,

fecha de inicio, fecha de fin, descripcin, estado, logros alcanzados y
sector identificado por la letra C.
DropDownList: control utilizado para desplegar los datos de rea, rea

especfica, sector; identificado en la imagen por la letra D
Image Button: control utilizado para realizar las operacin Crud por
medio de los botones de Insertar (E), Editar (F), Eliminar (G), y Buscar
(H). los datos de las partes
Eventos clic del Boton Insertar (E)

Anexado en insertar.txt
Evento clic del Boton Editar (F)

Anexado en Actualizar.txt
Evento clic del Botn Eliminar (G)
///<sumary>
///Eliminar-un-proyecto
///</summary >
public void WebcontrolCrud_Eliminar() {
try
{
if (pro.EliminarProyecto(int.Parse(txtcodigo.Text)))
{
limpiar();
LblMensaje.Text="Proyecto Eliminado";
}
else
{
LblMensaje.Text=Proyecto No Eliminado";
}
}
catch
{
limpiar();
LblMensaje.Text= "El proyecto no puede ser eliminado";
}
}
19
Objetivos del proyecto
ContentPlaceHolder1(Personalizado)
Objetivos Proyecto
Codigo Proyecto: A
Adicionar Objetivo General
Objetivo General
D
Objetivos
B Especificos
DataBound
DataBound
Adicionar Objetivos Especificos DataBound
Objetivo Especifico: DataBound
DataBound
C 12
[LblMensaje]
La interfaz es creada sobre Web Forms y utiliza los controles:
Text Box: Control utilizado para cargar el cdigo del proyecto indicado
por la letra A en la imagen.
Imagen Button: Control utilizado para agregar un objetivo General indi-

cado por la letra B en la imagen.
Imagen Button: control utilizado para agregar los objetivos especficos

indicado po la letra C.
Grid View: control utilizado para desplegar los objetivos del proyecto
indicado por la letra D.
20
Insertar Objetivos
Anexado en el InsertarObjetivos.txt
Insertar Objetivos Especficos.
Mostrar Objetivos Especficos
protected void btnEspecificos_Click(object sender, ImageClickEventArgs e)

{
if (obj.InsertarObjetivo (int.Parse(txtcodigoproyecto.Text), txtEspecifico.Text, " Especifico
{
LbMensaj.Text = Objetivo Especifico Agregado ;
txtGeneral.Enable = false ;
LblEspecifico.Visible = true ;
txtEspecifico.Visible = true ;
btnEspecificos.Visible = true ;
btnGenerales.Enable = false ;
}
mostrarespecificos();
}
Mostrar los objetivos en la grilla
public void mostrarespecificos() {

DataSet res = new DataSet();
res = obj.MostrarEspecificos(int.Parse(txtcodigoproyecto.Text));
GridObjetivos.DataSource = res;
GridObjetivos.DataBind();
txtEspecifico.Text = ;|
}
21
2.4 Creacin de la Vista lgica
En la vista lgica se encuentran todas las clases identificadas en el anlisis

para poder implementar el sistema de informacin, para crear esta vista
se debe crear sobre la solucin de visual Studio .Net una librera de clases
y dentro de ella cada una de las clases necesarias.
2.4.1 Objetos
Una vez creada la clase, junto con los mtodos y/o propiedades y
atributos se procede a crear y declarar los objetos (similar a la creacin
de aplicaciones Windows forms).
Un objeto se declara de la siguiente forma:
NombreClase nombredelobjeto;
Mtodos para la clase Proyecto
Insertar un proyecto
ServicioBDSoapClient objServicioBD = new ServicioBDSoapClient();

ServicioBD objServicioBD = new ServicioBD();
public bool InsertarProyecto
(int estaid, int tipoid, int sectid, int areaespid, String proynoabre,
String proyproyetcion, String proydescripcion, String proylogros, String proyfechaelabora,
String proyfechainicio, String proyfechafin)
{
string strinsert = INSERT INTO Proyecto values ( + estaid + , + tipoid + , + sectid +
, +areaespid + , + proynonbre + , + proyproyeccion + ,
+ proydescripcion + , + proylogros + , + proyfechaelabora
+ ,convert(datetime, + proyfechainicio + ,102)convert(datetime, + proyfechafin
+ 102));
return objServicioBD.ejecutarDML(strinsert);
}
22
Editar un proyecto
public bool ActualizarProyecto

(int proy_codigo,int estaid, int tipoid, int sectid, int areaespid, String proynombre,
String proyproyeccion, String proydescripcion, String proylogros, String proyfechaelabora,
String proyfechainicio, String proyfechafin)
{
string StrActualizar;
StrActualizar = "UPDATE Proyecto " +
"SET ESTA_ID="+ estaid + ", tipo_id = " +
tipoid + ", sect_id = " + areaespid +
" , proy_nombre = '"+proynombre + "', proy_proyeccion = ' "+proyproyeccion +"',
proy_descripcion = '"+
proydescripcion +"', proy_logros = ' "+ proylogros +"' WHERE proy_codigo = " +
proy_codigo ;
return objServicioBD.ejecutarDML(StrActualizar);
}
Eliminar un proyecto
public bool EliminarProyecto(int codigo)

{
string cadenaEliminar = " DELETE FROM Proyecto WHERE proy_codigo=" + codigo;
return objServicioBD.ejecutarDML(cadenaEliminar);
}
Buscar un proyecto, con filtro (utilizando like)
public DataSet BuscarFiltro(string nombre)

{
string micadena = "select *" +
"from PROYECTO " +
"Where PROY_NOMBRE LIKE '"+ nombre +%;
return objServicioBD.EjecutarConsulta(micadena);
}
23
Mtodos para la clase Proyecto
Insertar Objetivo
public bool InsertarObjetivo(int proycodigo, string descripcion, string tipo)
{
string strinsert = "INSERT INTO Objetivos values (" + proycodigo + ",'" +descripcion +"', '"+
tipo+"')";
return objServicioBD.ejecutarDML(strinsert);
}
Mostrar Objetivos Especficos

public DataSet MostrarEspecificos(int codigo) {
string cadena = " select obj_descripcion, OBl_ID" +
" from objetivos, proyecto " +
" where proyecto.proy_codigo = objetivos.proy_codigo" +
" and obj_tipo = 'Especifico'" +
" and objetivos.proy_codigo = + codigo;
return objServicioBD.EjecutarConsulta(cadena);
}
Mostrar objetivos Generales

public DataSet MostrarGenerales(int codigo)
{
string cadena = select obj_descripcion, OBJ_ID" +
" from objetivos, proyecto " +
" where proyecto.proy_codigo = objetivos.proy_codigo " +
" and obj_tipo = 'General'" +
" and objetivos.proy_codigo = " + codigo;
return objServicioBD.EjecutarConsulta(cadena);
}
Eliminar objetivo
public bool-EliminarObjetivo(int codigo)
{
string cadenaEliminar = " DELETE-FROM-objetivos WHERE OB3_ID=" + codigo;
return objServicioBD.ejecutarDML(cadenaEliminar);
}
24
25
2.5
de datos.
OBJETIVOS
OBJ_ID
PROY_CODIGO
ESTADO OBJ_DESCRIPCION CARGO
ESTA_ID OBJ_TIPO CARGO_CODIGO
ESTA_DESCRIPCION CARGO_DESCRIPCION
{}
{}
{}{}
AREAESPECIFICA {}
AREAESP_ID {}
AREA_ID
AREAESPECIFICA EQUIPOTRABAJO PERSONA
TIPO_ID
AREAESP_ID EQUIPO_CODIGO_ID PERSO_CODIGO
SECT_ID
AREA_ID PROY_CODIGO PERSO_NOMBRE
{}{} AREAESP_ID {}{} }{}{
AREAESP_NOMBRE PERSO_CODIGO PERSO_APELLIDO
Creacin de la Vista de Datos
PROY_NOMBRE
CARGO_CODIGO PERSO_DIRECCION
PROY_PROYECCION
{} PERSO_TELEFONO
{} PROY_DESCRIPCION
PERSO_CORREO
PROY_LOGROS
PROY_FECHAELABORA
AREA SECTORES
PROY_FECHAINI
AREA_ID
SECT_ID
PROY_FECHAFIN
AREA_NOMBRE
}{}{ SECT_NOMBRE
SECT_DESCRIPCION
FAVA - Formacin en Ambientes Virtuales de Aprendizaje

Para la vista de datos, se tiene el siguiente modelo relacional de la base
SENA - Servicio Nacional de Aprendizaje

Clase para la lgica de la base de datos
class BaseDatos
{
public DataSet EjecutarConsulta(string sql, string nombretabla){
string cadenaconexion= "Data Source=sap-PC;Initial Catalog=BdInv;Integrated Security=True";
SqlConnection conexion = new SqlConnection(cadenaconexion);

DataSet datos = new DataSet();
SqlDataAdapter miadaptador = new SqlDataAdapte(sql, conexion);
miadaptador.Fill(datos,nombretabla);
return datos;
}
public bool ejecutarDML(string DML){
string cadenaconexion = "Data Source=sap-PC;Initial Catalog=BdInv;Integrated Security=True";
SqlConnection conexion = new SqlConnection(cadenaconexion);
conexion.OpenQ;
SqlCommand comando = new SqlCommand(DML, conexion);
if (comando.ExecuteNonQuery() > 0)
return true;
else
return false;
}
}
Esta clase contiene dos mtodos:
En 1 se establece la conexin con la base de datos, e incluye: en 2 se

establece el servidor y en 3 se establece el nombre de la base de datos.
En 4 todo lo necesario para que Visual.Net y Sql Server ejecuten las

operaciones de sql.
El mtodo EjecutarConsulta permite ejecutar una sentencia Select.
El mtodo EjecutarDML: permite ejecutar cualquier sentencia Insert,

Update o Delete.}
Nota: el cdigo fuente del ejercicio completo se encuentra anexado.
26
GLOSARIO
ASP.NET: Framework que Microsoft proporciona con funcionalidades para

el desarrollo de aplicaciones Web.
MASTER PAGES: Definen la estructura de organizacin de la pgina en

zonas y los elementos comunes a los formularios que integran un sitio web
SYSTEM.WEB: Namespace donde se encuentra todos los objetos necesa-

rios para programar aplicaciones y servicios web ASP.NET
WEB FORMS: Las pginas desarrolladas en ASP.NET son conocidas como,

son el principal medio de construccin para el desarrollo de aplicaciones
Web.
27
BIBLIOGRAFA
Microsoft. MSDN. 2013. Portal de ASP.NET, disponible en:

http://msdn.microsoft.com/es-es/library/bb400852(v=vs.100).aspx
Giardina, Fernando. (2011) ASP.NET Gua de desarrollo de sitios

y aplicaciones web dinmicas Editorial Maestros del Web.
Es-Asp.net. Creacin de un Diseo Mediante Master Pages.

Consultada en octubre de 2013 y disponible en
http://www.es-asp.net/tutoriales-asp-net/tutorial-61-84/
creacion-de-un-diseno-mediante-master-pages.aspx
http://www.etnassoft.com/biblioteca/asp-net-guia-de-desarrollo-
de-sitios-y-aplicaciones-web-dinamicas/
28
OBJETO DE Desarrollo de Aplicaciones Web

APRENDIZAJE con ASP.Net
Desarrollador de contenido
Leydy Carolina Muoz
Experto temtico
Claudia Milena Hernndez

Asesor Pedaggico
Jos Jaime Luis Tang Pinzn

Productor Multimedia
Yesenia Andrea Crdenas R.
Programadores Daniel Eduardo Martnez
Lder expertos temticos Ana Yaqueline Chavarro Parra
Lder lnea de produccin Santiago Lozada Garcs
Atribucin, no comercial, compartir igual
Este material puede ser distribuido, copiado

y exhibido por terceros si se muestra en los
crditos. No se puede obtener ningn ben-
eficio comercial y las obras derivadas tienen
que estar bajo los mismos trminos de
licencia que el trabajo original.
29

7.4.2B - Desarrollo de Aplicaciones Con Vs ASP

Transféré par

Informations du document

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

7.4.2B - Desarrollo de Aplicaciones Con Vs ASP

Transféré par

Droits d'auteur :

Formats disponibles

Desarrollo de aplicaciones web con asp.

DESARROLLO DE APLICACIONES WEB

FAVA - Formacin en Ambientes Virtuales de Aprendizaje SENA - Servicio Nacional de Aprendizaje

DESARROLLO DE APLICACIONES WEB

La dinmica de las organizaciones, el aumento del comercio electrnico y

La aplicacin slo debe instalarse en un servidor el cual debe proveer el

Visual Studio .NET, proporciona un lenguaje de programacin especial-

1 El desarrollo de Aplicaciones Web

Microsoft Visual Studio .NET es una plataforma que permite ejecutar y

1.1 Arquitectura del Framework de .Net

Los componentes de la arquitectura del framework de .Net se pueden

Common Language Specification

Base Class Library

Common Language Runtime

Windows COM+ Services

En System.Web: Se encuentran todos los tipos necesarios para programar

1.2 Aspectos del Framework ASP.Net

ASP.NET es un Framework que Microsoft ha desarrollado para el desarrollo

Las pginas desarrolladas en ASP.NET son conocidas como "Web Forms"

Las pginas incluyen bloques de etiquetas <% -- cdigo dinmico -- %>

ASP.NET slo funciona sobre el servidor de Microsoft IIS (Internet Infor-

1.2.1.1 Formularios Web (Web Forms)

Los formularios Web Forms se crean bajo la opcin (WebForms) y tam-

Bajo cualquiera de estas dos opciones un Formulario Web est compues-

Diseo Dividir Cdigo <html> <body>

En la pestaa A se puede ver el diseo grfico que la pgina web

1.2.1.2 Formularios Web forms que Usan Pgina Maestra

A travs de una pgina maestra se define la estructura de organizacin del

Una Master Page contiene un tipo especial de control llamado ContentPla-

Creacion de la Master Page: Esta se crea desde la solucin de Visual Studio

Es de anotar que este objeto no pretende ensear la construccin de Mas-

Plantilla por defecto (Modo diseo)

Place Holder: Donde se pueden colocar los

Plantilla por defecto (Modo ejecucin)

Creacin del Formulario bajo una Master Page

Una vez se ha definido el tipo de plantilla que se va a utilizar se procede

1.3 Creacin de una aplicacin Web con AspNet

Al crear un proyecto de aplicacin Web, adems de generarse automtica-

Se dispone tambin de un diseador de formularios para construir aplica-

Los formularios HTML estn delimitados por la etiqueta estndar <form>.

El esqueleto de una pgina ASP.NET ser siempre de la forma:

Runat=Server, indica que el cdigo

1.3.1 Controles en Asp Net.

La construccin de las interfaces para las pginas Web se realiza a travs

Estos controles son objetos de pginas web AspNet similares a los

Existen tres tipos de controles predefinidos que se pueden utilizar en las

- Controles HTML: representan etiquetas HTML tradicionales y funcionan

- Controles Web: controles asociados a las etiquetas especficas de

- Controles de validacin: empleados para validar las entradas

- Controles habilitados con tecnologa AJAX: Controlan cdigo de servidor

Control HTML Etiqueta HTML Descripcin

Control HTML Descripcin

1.3.2 Como agregar un control Web a un Web Forms

Para poder agregar un control a un formulario web, debe tener un

En esta imagen se puede visualizar como se han creado mltiples

1.3.3 Propiedades y eventos de un control

Todos los controles mencionados anteriormente tienen asociado

Las propiedades ms utilizadas para cada control son:

Las propiedades ms utilizadas para cada control son:

1.3.4 Conversin de tipos de datos

En muchas ocasiones es necesario hacer una conversin del tipo de dato,

Por ejemplo: la propiedad Text, que la tienen la mayora de los controles,

Int.Parse(): Mtodo que permite convertir int.Parse(txtedad.Text);