UNIVERSIDAD DE LA FRONTERA FACULTAD DE INGENIERIA, CIENCIAS Y ADMINISTRACION DEPARTAMENTO DE INGENIERIA DE SISTEMAS

INFORME DE PRCTICA DE ESTUDIOS II

PELSOLUTION S.A. Departamento I.T.

NOMBRE:

SEBASTIAN EDGARDO KINDERMAN FUENTEALBA MATRICULA: 17360280408 CARRERA: INGENIERIA INFORMATICA

Resumen
En el presente informe escribir sobre el trabajo que realic durante mi prctica de estudios II en la empresa PELsolution S.A, que fue el desarrollo de pequeas aplicaciones en un entorno de desarrollo llamado Microsoft Visual Web Developer 2010 Express, producto gratuito de la empresa Microsoft, utilizando HTML, ASP.NET, C#, en una estructura MVC (Modelo-Vista-Controlador) y un servidor de base de datos Microsoft SQL Server y servidor web ISS.

Contenido
Resumen........................................................................................................................................ 2 Introduccin .................................................................................................................................. 4 Desarrollo ...................................................................................................................................... 5 Estructura MVC en ASP.NET MVC y ASP.NET WebForm ........................................................... 5 Modelo en ASP.NET MVC ...................................................................................................... 6 Control en ASP.NET MVC ...................................................................................................... 7 Vista en ASP.NET MVC........................................................................................................... 8 Modelo en ASP.NET WebForm............................................................................................ 10 Control en ASP.NET WebForm ............................................................................................ 11 Vistas en ASP.NET WebForm ............................................................................................... 12 DataSet en ASP.NET MVC ........................................................................................................ 13 Modelo: ............................................................................................................................... 13 Control:................................................................................................................................ 13 Vista: .................................................................................................................................... 14 DataSet en ASP.NET WebForm ............................................................................................... 15 Modelo: ............................................................................................................................... 15 Control:................................................................................................................................ 15 Vista: .................................................................................................................................... 15 Ventajas y Desventajas: .......................................................................................................... 16 Ventajas de ASP.NET MVC .................................................................................................. 16 Desventajas de ASP.NET MVC ............................................................................................. 16 Observaciones ..................................................................................................................... 17 Conclusiones ............................................................................................................................... 18 Bibliografa .................................................................................................................................. 19

Introduccin
El futuro est en la nube, es un hecho en que los grande fabricantes de software coinciden, el incremento en la velocidad de las redes hacen cada das ms factible que casi todas las aplicaciones de escritorio migren a la web, pudiendo as ser accedidas desde cualquier dispositivo y sistema operativo que cuente con un navegador, sin la necesidad de instalar aplicaciones adicionales. Siguiendo la tendencia la gran mayora de las empresas intentan aprovechar las bondades de la portabilidad y el diseo web, migrando sus aplicaciones a esta tecnologa. Sin embargo existen muchas alternativas para migrar a la web; distintos tipos de servidores, unos licenciados, otros gratuitos, distintos lenguajes de programacin orientados a la web, y distintos motores de bases de datos. La eleccin correcta de esta combinacin no solo debe considerar compatibilidad entre las diferentes tecnologas sino tambin se deben considerar otros factores como las curvas de aprendizaje y el pago de licencias en caso de ser necesarias. Adems de las funcionalidades especificas que necesita la aplicacin considerando tambin los puntos fuertes de cada framework. Existen muchos Framework destinados a aumentar la produccin y disminuir el tiempo de desarrollo como lo son Strut2 (java), Zend Framework, Cake, Symphony (php) y .net Framework (asp con c# o vb).

Desarrollo
Estructura MVC en ASP.NET MVC y ASP.NET WebForm
Estructura ASP.NET MVC Estructura ASP.NET WebForm

Modelo: Clases que poseen las reglas del Modelo: Clases que poseen las reglas del negocio y el acceso a los datos de la DB. negocio y el acceso a los datos de la DB. Control: Conjunto de controles ASP que forman parte de la vista y que poseen la lgica para obtener los datos del Modelo y cargarlos con datos u obtener informacin. Posee 2 archivos: Vista: Por cada Control se crea una carpeta .ascx -> (vista, cdigo html y ASP.NET) donde se guardan las vistas. Un control .ascx.cs -> (posee la lgica de los controles) puede tener muchas visas dependiendo de la cantidad de mtodos que se hayan creado, Vista: Contenedores de Control, aunque aunque los mtodos pueden llamar a la tambin pueden poseer lgica en su archivo aspx.cs. misma vista si as se requiere. Scripts: Esta Carpeta tiene todos los archivos WebForm soporta Jquery pero no se ha utilizado. jquery que requieran los controles. Control: Aqu se encuentran todas las clases Control. Estas clases son las que obtienen los datos de las clases Modelo y que luego entrega a la vista.

Modelo en ASP.NET MVC

Ejemplo de una clase Modelo. En ella creamos sus atributos y podemos validar inmediatamente cada uno de estos, tambin posee mtodos para obtener datos de la base de datos.

Control en ASP.NET MVC

Ejemplo de una clase Control. Para acceder a los datos de Modelo se debe instanciar la clase, luego la clase Control posee varios mtodos, algunos llaman a la vista, otros los necesita la misma clase para realizar alguna lgica y otros los requieren los controles en Jquery como lo son las tablas.

Vista en ASP.NET MVC

La Vista el lo que ve usuario, estos archivos .aspx son una combinacin entre HTML, C#, JavaScript, y Codigo Propio del Framework. Aqu se muestra un fragmento de cdigo JavaScript para la creacin de una tabla.

Vista: Lo que est entre <% %> es cdigo propio del Framework, en este caso se cre un pequeo formulario con 4 textbox y un botn en HTML.

Vista: Lo que est entre <% %> es cdigo C#, puede ser cualquier lgica de cdigo. Para este ejemplo lo que hace este cdigo es recorrer una lista de datos para entregarlos a una tabla (no se puede realizar desde un Control, ya que este no tiene acceso a los controles ASP de la vista).
9

Modelo en ASP.NET WebForm

Al igual que en MVC aqu creamos las variables y mtodos necesarios para obtener los datos de la base de datos con la excepcin de que no se puede validar cada atributo inmediatamente.

10

Control en ASP.NET WebForm

Los controles poseen 2 archivos: .ascx: En este archivo solo contiene cdigo HTML y ASP para la creacin de controles y las vistas (puede tener cdigo javascript si se requiere). .ascx.cs: Este archivo contiene toda la lgica del Control desde cmo obtener los datos del Modelo, entregar datos a la Vista y obtener los datos de la Vista, este archivo contiene solo cdigo C#.

11

Vistas en ASP.NET WebForm

La vista posee cdigo HTML y ASP, pero tambin puede contener controles. Para eso previamente se debe registrar el Control de esta manera:
<%@ Register src="~/Control/Login.ascx" tagname="Login" tagprefix="uc1" %>

y esta lnea representa un Control que se agrego a la vista:

<uc1:Login ID="Login" runat="server" />

12

DataSet en ASP.NET MVC

Modelo:

En el Modelo agregamos este mtodo el cual obtiene la SqlQuery desde un XML, luego obtiene el resultado y se lo pasa a una tabla del DataSet (El data set puede contener muchas tablas).
Control:

Para obtener el DataSet primero se realiza el llamado al mtodo que lo rellena, luego el DataSet se transforma a una lista de un diccionario de objetos recorriendo cada fila del DataSet. Una vez que se tiene la lista, esta se modifica para que pueda tener la estructura de JSON y por ltimo se retorna todo en forma de JSON.
13

Vista:

Este cdigo se agrega en la Vista. Llama al mtodo ObtenerDatosGrid el cual transforma el DataSet a JSON. Aparte de este cdigo se necesitan libreras Jquery, CSS e imgenes para mostrarla. Esto sera lo necesario para mostrar la tabla:

La carpeta cupertino contiene las imgenes y CSS de la tabla Jquery. Todo esto es reutilizable, s se quieren mostrar ms tablas solo hay que agregar el cdigo JavaScript en la Vista.
14

DataSet en ASP.NET WebForm

Modelo:

En el Modelo agregamos este mtodo el cual obtiene la SqlQuery desde un XML, luego obtiene el resultado y se lo pasa a una tabla del DataSet (El DataSet puede contener muchas tablas).
Control:

Primero llamamos al mtodo que carga nuestro DataSet, luego se lo entregamos a la tabla por medio de la propiedad DataSource y por ltimo la tabla se encarga de mostrar los datos por medio de la funcin DataBind().
Vista:

En la Vista solo se agrega esta lnea de cdigo la cual corresponde a un control ASP.NET

15

Ventajas y Desventajas:
Ventajas de ASP.NET MVC

Clara separacin de responsabilidades entre interfaz, lgica de negocio y de control, que adems provoca parte de las ventajas siguientes. Facilidad para la realizacin de pruebas unitarias de los componentes, as como de aplicar desarrollo guiado por pruebas (TDD)(Solo en Visual Estudio versin pagada). Reutilizacin de los componentes. Facilidad para desarrollar prototipos rpidos. Sencillez para crear distintas representaciones de los mismos datos. Los sistemas son ms escalables. Manejo de Urls ms legibles al estilo REST (Ahora en WebForm es posible gracias a la ltima versin del Framework ASP.NET 4.0). No hay ViewState ni ciclo de vida de las pginas. Menos peso, menos complejidad. Control total del HTML generado. No tenemos controles que aaden su propio cdigo. Esto nos permite adems integrar ms fcilmente libreras como JQuery y olvidarnos de todo el cdigo que asp.net inyecta para el mantenimiento del estado y el ViewState. Se integra con Ajax de forma natural. Favorece la introduccin de buenas prcticas como la inversin de control o inyeccin de dependencias.

Desventajas de ASP.NET MVC

Tener que ceirse a una estructura predefinida, lo que a veces puede incrementar la complejidad del proyecto. De hecho, hay problemas que son ms difciles de resolver, o al menos cuestan algo ms de trabajo, respetando el patrn MVC. Al principio puede tomar cierto esfuerzo adaptarse a esta filosofa. La distribucin de componentes obliga a crear y mantener un mayor nmero de ficheros. El diseador visual deja de tener sentido. No hay controles de servidor (Controles ASP). Mltiples cdigos en la vista (combinacin de HTML, C#, JavaScript y cdigo propio del Framework) y en aplicaciones muy grandes se puede tornar difcil el mantenimiento y escalabilidad.

16

Observaciones

(Chris Tavareses desarrollador que forma parte del equipo de Microsoft patterns & practices) Cundo debera elegir usar MVC en lugar de los formularios Web Forms? En muchos sentidos, depende de los requisitos y preferencias que tenga. Est luchando para conseguir que las URL se formen de la manera que quiere? Desea realizar una prueba unitaria de su IU? Cualquiera de esas situaciones le guiar hasta MVC. Por otro lado, est mostrando muchos datos, con cuadrculas editables y controles elaborados de vista de rbol?, [est creando pesadas aplicaciones de gestin con interfaces de usuario, formularios y llamadas al servidor complejas?] Entonces, quizs sea mejor que opte por los formularios Web Forms por el momento. Si la aplicacin es muy orientada a datos y necesitamos estado, no es la opcin adecuada (trabajar con datos y valores en los controles del formulario que necesitan mantenerse en sucesivas peticiones al servidor ms que traerlos cada vez de la base de datos).

17

Conclusiones
El trabajar con estos patrones de arquitectura de software es una gran decisin que deben tomar las empresas ya que deben considerar muchos aspectos como lo son las curvas de aprendizaje, licencias, documentacin, soporte, etc., por otra parte para m el desarrollo se torno difcil y engorroso al estar acostumbrado a una forma de trabajo mas libre donde uno impone la estructura de desarrollo. El trabajo realizado servir a la empresa Pelsolutions S.A a decidir que estructura de desarrollo utilizar para la migracin del sistema Rolog a la Web.

18

Bibliografa
http://msdn.microsoft.com http://social.msdn.microsoft.com/Forums/es-ES/netfxwebes/threads http://www.variablenotfound.com/2010/05/aspnet-mvc-2-quince-cuestionesque.html

19