Tutorial de como crear una página Web usando Visual Studio 2010

Buenas noches comunidad

En esta oportunidad vengo a introducirlos en las herramientas básicas para crear una página web con Visual Studio 2010, que tambien se puede hacer con Microsoft Visual Web Developer y debería ser muy parecido una vez instalada la herramienta lo que hacemos es ir a nuevo proyecto y le damos en la aplicacion web ASP.NET veamolo en la figura:

Una vez seleccionado este menú le damos un nombre y una ubicación la cual tengamos presente para saber donde esta nuestro archivo, uno vez creado esto podemos ir a a la carpeta donde lo guardamos en mi caso C://---->luego docuementos----->Visual studio 2010------>Project y dentro de esta carpeta vemos que hay varios archivos .apsx que son de las hojas de estilo de cascada para AJAX, basicamente esto quiere decir que aunque hagamos todo por medio de objetos arrastrandolos como en visual basic nos queda un soporte html que nos da una estructura de una pagina web en este lenguaje. 

Una vez creado el formulario ASP.NET nos va salir un código inicial que en este caso es lo que hay por defecto de código html hasta el momento al ir agregandole cosas nos va a ir saliendo el código html sin mayores esfuerzos, esta es una de las grandes ventajas de utilizar esta herramienta y no estar programando linea por linea, 

Veamos nuestro código inicial que nos sale, bueno yo le he ido agregando par de cosas pero ahorita voy a explicarles que le he agregado, pero inicialmente el código que sale es el que muestro en este pantallazo..

Para poder hacer buenas páginas tenemos que manejar las ventanas de propiedades principales de esta software, si ya hemos trabajado antes en visual studio nos damos cuenta que sus propiedades en las respectivas ventanas son muy parecidas, encontramos botones labels textbox tal y como en visual studio, ya familiarizados con estas herramientas vamos agregar un boton un label y un textbox en nuestra parte grafica, importante darnos cuenta que contamos con la parte grafica con la parte con la parte de código y con una parte híbrida o dividida, pues al irnos a la parte grafica o de diseño agregamos estos elementos arrastrandolos, luego vamos a la parte de herramientas buscamos una que dice calendario y tambien lo agregamos debajo de el label del boton y del textbox tal y como se muestra en la siguiente figura

Lo siguiente sera ir a la parte de explorador de soluciones en la parte izquierda, buscamos el buscamos el ASP que creamos con anterioridad en mi caso yo le puse PrimeraPaginaWeb.aspx le damos click derecho y posteriormente establecer como pagina principal----->lo siguiente sera guardar Ctrl+S y ejecutamos con Ctrl+f5 el resultado será que lo podemos reproducir en nuestro buscador, con una conexion local sin necesidad de haber utilizado un ISS ("Internet information Service") observemos como lo reproduciría el buscador yo por defecto utilizo Opera así que lo reproducirá en este buscador.

Esto sería todo lo que necesitaremos ver en este tutorial, espero les halla servido como guia para subir sus propias paginas web, de manera mas sencilla que digitando linea por linea del codigo php + html de cada página; Para mayor información guiarse por medio de este turorial http://msdn.microsoft.com/es-es/library/k4cbh4dh%28v=vs.100%29.aspx

Modelo UML diagrama de clases del Juego de cartas UNO

Buenas noches comunidad

En la entrada de hoy mi compañero Manuel Cepeda y yo Andrés Murcia, vamos a empezar con un nuevo proyecto propuesto para la materia .NET + SQL, en esta oportunidad vamos a mostrarles como se haría un juego de cartas llamado UNO; antes de empezar a modelar necesitamos saber las reglas del juego, debemos saber que este juego se compone de 108 cartas, pero vamos a trabajar con 104 no vamos a tener en cuenta los 4 comodines de cambio de color + roba 4, la baraja se compone de 19 cartas con numeros del 0 al 9 azules, igualmente amarillas, verdes y rojas, hay también 8 cartas especiales roba+2, dos de cada color, 8 cartas especiales cambia de sentido dos de cada color, 8 cartas especiales pierde el turno dos de cada color, 4 cartas especiales comidín cambio de color, y 4 cartas especiales comodín cambio de color + roba 4 "estas ultimas no las vamos a tener en cuenta"; Bastaría con leerse un breve manual de instrucciones para saber las reglas del juego pero mas adelante nosotros las modelaremos para ustedes y validaremos en programación que el juego cumpla estas reglas; Inicialmente y para esta entrada vamos a mostrarles como hariamos el modelo UML, para ello vamos a usar starUML, este software es facil de encontrar en la web, le damos descargar y al abrirlo comprobamos que quedo instalado correctamente…

Desde aca le especificamos el nombre y la ruta en la que queremos guardar nuestro proyecto de diagrama de clases, le damos defualt aproach for UML aceptamos y en el siguiente entorno empezamos a trabajar.

Aca vemos que tenemos una barra de herramientas en la parte izquierda la cual tiene todos los elementos que necesitaremos para trabajar  nuestro diagrama de clases, vamos a esta barra de herramientas y agregamos las respectivas clases, vamos a crear una clase jugador que  tiene el siguientes atributo o característica, a nuestra forma de verlo, un alias de tipo string y que la denotamos con un (-) que quiere decir que va ser una caracteristica privada solamente del jugador, en esta misma clase en sus acciones que las vamos a definir por fuera de la clase exactamente en la flecha de asociación directa de clases la definimos como acciones concretas con un (-) debido a su privacidad de clase a clase, tenemos las cartas del jugador en una lista dinamica, debido a que el jugador puede elegir cualquiera de las cartas que tiene en su posesión para jugarla en su turno y va a ir relacionada con la clase abstracta principal a nuestra forma de verlo llamada carta veamos esta relación en la siguiente imagen de lo que les describimos arriba.

En esta imagen podemos ver un asterístico este representa que las cartas del jugador pueden variar de 0 a muchas cartas, entonces como esta cantidad pueden variar dependiendo de las penalizaciones entonces se simboliza con un (*). La clase que a continuación definimos es Carta que ya la había mencionado antes esta es abstracta como se ve en la anterior figura, sus atributos los hereda de otras clases por lo que no tiene definido atributos propios dentro de la clase. Veamos a continuación otra clase llamada Mazo, este debe tener 104 cartas y es una lista ordenada inicialmente pero ramdomica despues de ser barajada, esta se comporta como pila (LIFO) quiere decir que las ultimas que entran son las primeras en salir, ya que uno va tomando la carta de arriba del mazo la ultima en entrar. Veamos la siguiente imagen de la clase Mazo y como va relacionada con la clase pote. Que es una relación de dependencia el pote depende del mazo por esto va en lineas punteadas.

 Tenemos otra clase llamada pote que se ve en la figura, esta tiene como atributo o característica validar_secuencia(); ya que sobre este se va a desarrollar el juego entonces necesita validar que lo que se este jugando coincida por así decirlo con las reglas del UNO. y tenemos entre sus acciones de clase a clase la de cartas pote que es una lista tipo LIFO también ya que la última carta que quedo boca arriba es la primera para seguir la secuencia. Veamos ahora que el patrón solitario o singleton entran en acción desde una clase llamada Partida hasta la clase Pote y hasta la clase Mazo, la clase Partida se va a encargar de almacenar los turnos quien gano la parida "Alguno de los Alias" se encarga de recoger los datos y almacenarlos. los datos que se consideren necesarios.

Tenemos aca otras dos clases llamadas respectivamente CartaNumero y CartaComodín para CartaNumero vamos a definirle un atributo que va ser el numero de tipo entero "int" del 0 al 9 y privado para dicha clase (-) para CartaComodín no le vamos a definir atributos internamente pera esta va a ir asociada a otra clase llamada ComodinUNO por el momento vemas la imagen de las respectivas clases y como van asociadas por medio de una generalización hacia la clase Carta.

La siguiente clase la vamos a llamar ComodinUNO y va ser de tipo <<enum>> esta clase tiene como atributos las cartas comodín del UNO sea que tiene el mas 2, el Cambio de Sentido, el Salto de Turno y el Cambio de Color este va a ir relacionado con la clase CartaComidin por medio de una asociacion desde CartaComodín "#tipoComodin" hasta ComodinUNO veamos la figura para hacernos a la idea.

Listos ya estan todos nuestras clases definidas e implementadas en el diagrama de clases, despues de haberlas descritas todas y una por una, vamos a mostrar nuestro módelo de diagrama de clase con todas las relaciones que existen entra cada clase veamos el modelo completo

En nuestro diagrama de clase UML encontramos notas que son las que estan como en una especie de rectanguno o cuadrado con una pestaña doblada, en la parte superior derecha, estas nostas no son clases, pero nos ayudan a entender mejor nuestro modelo y tienen un NoteLink que siempre va desde la clase hasta la nota, estas notas nos dan información adicional de las acciones que deben cumplir dichas clases, tambien nos dicen que esta pendiente por implementar como en el caso de la clase CartaComodín que sabemos que necesitamos implementar el conrtrolador en esta instancia pero esto va ser programado en C# y por lo tanto va ser demostrado hasta entonces, tambien tenemos notas de tipo informativas como la que esta en la esquina superior derecha, nos habla de la multiplexación de las relaciones que existen entre clases de muchas cartas del jugador a muchas cartas del juego, o de una carta del jugador a muchas cartas del juego etc. Este es nuestro modelo UML de diagrama de clases corregido y analizado clase por clase para asegurarnos que se cumplan con las reglas del negocio o reglas del juego, espero este modelo les sea útil y con base en este vamos a seguir con las siguientes etapas de programación  implementación web e implementación de base de datos. 

"Solo triunfa en el mundo quien se levanta y busba a las circunstancias, creándolas si no las encuentra".
George Bernard Shaw

Base de Datos Access del modelo ER, conexión desde Visual Studio + Consultas LinQ

Buenas tardes bloggeros en el día de hoy vengo a explicarles como hacer una base de datos access para el modelo que hemos venido trabajando de E-R de los cuadriláteros y luego lograr conectarla desde Visual Studio, esto como primer paso y posteriormente lo que vamos hacer son unas consultas de esta base de datos con los campos que hemos definido dentro de estas. 

Bueno primero vamos y abrimos Microsoft Access--->abrimos un proyecto de nueva base de datos---> y le damos un nombre a nuestra base de datos en mi caso le puse Parcial2Corte, vamos a las pestañas de la parte de arriba en la segunda de ellas dice crear como se puede observar en la figura donde tengo el cursor puesto:

Acá le damos crear tabla--->y creamos tres diferentes tablas como vemos en el modelo E-R que tenemos tres diferentes relaciones entre tablas, la primera tabla como vemos en el modelo se va a llamar: tabla cuadrilátero la segunda tabla la vamos a llamar: tabla tipo_cuadrilátero y la ultima tabla la llamaremos tabla_histórico siguiendo la normatividad del modelo E-R, veamos una imagen para hacernos a la idea de nuestra tres tablas:

Una vez creadas nuestras tablas las vamos a relacionar las unas a las otras, como en nuestro modelo E-R tenemos llaves primarias y foráneas y hacemos una relación de uno a muchos, uno desde nuestra tabla tipo_cuadrilátero a muchos hasta la tabla cuadriláteros, lo mismo con la tabla_histórico hasta la tabla cuadrilátero una vez hecha esta relación nos va quedar algo como lo de la imagen que es muy similar a nuestro modelo E-R:

Ahora bien lo que sigue será empezar a llenar las tablas, en cada uno de los campos agregamos la información que corresponda vamos inicialmente a crear un cuadrilátero de cada forma osea un rectángulo, un cuadrado, un rombo, un paralelogramo un trapezoide cada uno con sus respectivas características veamos donde podemos hacer esto---> dentro de la tabla cuadrilátero:

Una vez terminado de llenar todos los campos de todas las tablas procedemos a guardar, e investigando y leyendo algunos foros nos podremos dar cuenta que una base en Access no es posible conectarla a LinQ ya que este trabaja con bases de datos SQL, mas sin embargo no es trabajo perdido esta base de datos Access la podemos utilizar si vamos a subir la base de datos utilizando Visual Studio, bueno procedamos abrimos un nuevo proyecto, o podemos trabajar desde el que veníamos trabajando. Acordémonos un poco de como subimos nuestra base de datos Northwind que esto nos va ser útil, vamos a la parte de Visual Studio donde esta la base de datos para crear unas tablas (3 exactamente las que creamos anteriormente en Access) veamos la figura que nos indica como hacerlo y tambien crearemos un forms llamado Parcial2.

  

Lo siguiente que vamos hacer es crear la conecxión base de datos utilizando SQLEXPRESS, para ello tenemos que tener el motor de alguna versión de SQL en mi caso tengo el SQLEXPRESS 2008 corre perfecto con Visual Studio 2012 y lo que hacemos desde Visual Studio es lo siguiente

Como cuando hicimos la conexión de base de datos worthwind seguimos esa serie de pasos y finalmente llegamos a la configuración de origenes de base de datos le damos siguiente veamos la figura:

Esto lo hacemos por cada una de las tablas que tenemos; recordemos que tenemos 3 tablas aca les dejo la imagen de como debe ir quedando las tablas, voy a mostrarles la tabla cuadrilatero con sus respectivas características:

Finalmente al correrlo y haberlo relacionado con las otras tres (3) tablas nos debe quedar de la siguiente manera nos da los datos que le habíamos ingresado a una de las figuras cuadriláteros, por ejemplo cuando consultamos el cuadrado la hora o la fecha o los lados o incluso la cantidad de cuadriláteros existentes, todo esto hecho desde Access e importado a Visual Studio, en este caso voy hacer la consulta de tipo de cuadrilatero: cuadrado y obtenemos la siguiente respuesta desde la base de datos.

Bueno eso es todo gracias por la atención espero este post les sea de ayuda!!

Uso de las bases de datos Northwind como ejemplo para trabajar con C#

Hola comunidad hoy voy a explicarles que es una base de datos Northwind y como la podemos usar de ejemplo para utilizarla en C#, Northwind es una conocida base de datos de ejemplo de Microsoft que se utiliza en multitud de libros, cursos y artículos para ilustrar todo tipo de conceptos de acceso a datos. Esta base de datos simula la información acumulada del día a día en una empresa ficticia llamada Northwind Traders. Incluye tablas para clientes, proveedores, facturas, líneas de factura, regiones comerciales… y a tra vés de ellas aporta ejemplos de los principales tipos de relaciones entre tablas, tipos de datos habituales, etc… por lo que es muy apropiada para el aprendizaje del manejo de bases de datos. Es importante saber como trabaja y como podemos instalar esta base de datos que a pesar que ya es un poco des-actualizada y no contempla ni el correo electrónico, No obstante lo cierto es que no se deja de utilizar, y constantemente nos encontraremos ejemplos que hacen uso de ella, por lo que conviene tener claro cómo podemos obtenerla y ponerla en marcha en nuestro sistema. 

Como primera medida debemos instalar una versión completa de SQL server 2006 en adelante, en mi caso voy a descargarme SQL server 2008 ya que esta versión corre perfectamente para windows Vista Service Pack 1 de 32bits y es preciso descargarse una version completa ya que las que vienen con el Visual Studio son versiones express y no traen todos los componentes que necesitamos. Una vez instalado el SQL Server 2008 vamos a buscar las bases de datos Northwind, voy a dejarles un link de donde yo me las he descargado: http://www.microsoft.com/en-us/download/confirmation.aspx?id=23654 de la pagina de Microsoft, debemos seguir los pasos que nos indican, luego de instaladas vamos al menu de inicio encontramos una carpeta que dice Microsoft SQL Server 2000 sample Database Scripts, le damos doble-click a la carpeta y encontramos dos archivos que son los que debemos copiar a nuestra carpeta donde tenemos instalado el SQL  veamos la siguiente imagen para saber de que carpeta a cual otra debemos mover estos dos archivos:

en mi caso la carpeta de SQL Server la busco en Archivos de Programas ----> Microsoft SQL Server ---> MSSQL10.MSSQLSERVER---->MSSQL---->DATA y ahi mismo pego los dos archivos de la base de datos Northwind. Posteriormente abrimos SQL en el menú de inicio encontramos el sub-menú que dice Microsoft SQL server 2008--->Managment Studio, nos va a pedir nombre y contraseña que hemos proporcionado al instalar el usuario SQL de administrador de base de datos en mi caso anda así: Nombre del Servidor: AndresMurs1 y la contraseña que yo le proporcioné anteriormente. 

Al hacer la conexión nos va a una pantalla como esta: 

Aca podemos encontrar las bases de datos existentes, pero todavía no la de Northwind que nos interesa, entonces vamos a la parte de conectar en la barra de herramientas ---->Bases de Datos---->Click derecho---->Adjuntar luego buscamos una base de datos con el botón agregar, nos va a enviar directamente a la carpeta Data y allí podremos encontrar la base de datos Northwind, podemos hacer una consulta y darnos cuenta que la base de datos Northwind quedo instalada correctamente y se puede entrar digitandole un comando correspondiente de select* Data base existente. Este mismo ejemplo se puede abrir con la interfase de visual studio C# como habíamos venido trabajando al anterior base de datos de los cuadrilateros. Feliz noche bloggeros y hasta una próxima entrada.

Bases de Datos SQL Server en el proyecto de Cuadriláteros de C#

Hola amigos que tal el fin de semana, bueno en esta oportunidad voy a explicarles como hacer bases de datos en unos pasos muy sencillos en poco tiempo y sin necesidad de meterse con el tedioso código SQL por el momento, esto quiere decir que en el momento no vamos a utilizar código para hacer bases de datos, las vamos a crear manualmente y arrastrándolas, ya que esta ventaja no la brinda C#, bueno como primera medida debemos abrir nuestro proyecto existente de cuadriláteros en el vamos a trabajar una base de datos global llamada cuadriláteros, el primer paso es ir a add new items vamos a clickear donde dice service based database le ponemos un nombre en mi caso le puse proyecto cuadrilateros, cancelamos la configuración de la base de datos por el momento, luego nos vamos a la pestaña de tablas y creamos una tabla, cuando hacemos esto nos aparece una ventana como la siguiente:

Al crear la base de datos con todos los componentes como se ve en la figura es necesario programar un botón el cual haga referencia a calcular la figura deseada con las características que le hemos pedido al usuario en nuestra base de datos, es necesario utilizar el siguiente código para configurar este botón y que al clickear nos muestre la figura que calculó el programa con los datos que le hemos insertado:

// Redefinimos como mostrar la figura
public override void Muestra()
{
   Graphics g = control.CreateGraphics();
   g.DrawRectangle(myPen,x,y,ancho,alto);
   visible = true

Podemos ver todos los atributos que le dimos a la base de datos para poder hallar la respectiva figura de cuatro lados y posteriormente así mostrar a cual cuadrilátero pertenecen todas esas características, es importante recordar que cada campo de la base de datos se debe llenar con su característica correspondiente sea varchar o nchar o decimal o float o dependiendo de su característica, también como segunda medida se debe asociar el botón calcular figura con las cuadriláteros que hemos instanciado ya en el momento para que este botón valla a la base de datos y nos pueda generar la figura correspondiente. Como podemos ver también la ventaja de usar una base de datos es que se puede modificar los valores de cada figura y al sobre-escribir con el override lo que hacemos es crear sobre la figura existente una nueva con las características insertadas en nuestra base de datos, tal cual y vimos en uno de los videos de youtube: https://www.youtube.com/watch?feature=player_embedded&v=3w2JkLcp-UA este es el URL del video por si necesitan recordar los conceptos, en el que vimos como al final Tim inserta un dato y lo puede modificar sin ningún problema y queda guardado en la base de datos.

Bueno Bloggeros acá les dejo el enlace de mi proyecto con base de datos:
https://www.dropbox.com/s/tutg8aaa30463en/Proyecto%20Cuadrilateros%20DB.rar

Nota: en visual studio 2012 corre bien y con windows 7 halle un problema al intentarlo correr con visual Studio 2010 y con windows vista, no estoy seguro pero puede ser un problema de compatibilidad.

Extensión del Modelo "Vista" del proyecto Cuadriláteros

Buenas noches bloggeros, como ya nuestro proyecto a tomado vuelo, en esta entrada quiero darles a conocer los cuadriláteros que hemos venido trabajando, también unos últimos que acabo de implementar, los que habíamos venido trabajando son el rectángulo que hereda directamente de la clase abstracta cuadriláteros, el cuadrado que hereda de la clase rectángulo, habíamos trabajado el rombo que hereda también de la clase abstracta cuadrilátero, y dos nuevos que en esta entrada voy a explicarles como se hallan sus respectivas áreas y perímetros, estoy hablando de el paralelogramo y el deltoide también conocido como trapezoide por algunos textos de algebra; Bueno para empezar nos conviene dejar claro como se halla la base y el perímetro de estas últimas 2 figuras que no las habíamos implementado a nuestro proyecto, para el paralelogramo es importante saber que el Area se halla multiplicando la base por la altura "A=bxh" pero al hallar el perímetro nos debemos valer de un ángulo, el angulo α interno que se ve en la figura:

Para de esta forma hallar el lado a que nos interesa para sumar el lado a + lado b + lado a + lado b y así hallar el perímetro, valiéndonos de las propiedades trigonométricas tenemos que sinα= cateto opuesto / hipotenusa, siendo la hipotenusa el lado a, despejando de acá y encontramos el lado a y ya con estos tres datos una base una altura y el ángulo interno que le pidamos al usuario podremos encontrar el área y el perímetro. Ahora para el deltoide necesitamos únicamente 2 datos, una Mediatriz que es lo mismo que fuera una Diagonal Mayor en el caso del rombo, y una diagonal menor veamos una figura para hacernos a la idea de lo que es un deltoide:

Podemos observar que la Mediatriz y la Diagonal Menor forman cuatro triángulos los cuales podemos saber cada una de sus áreas debido a que conocemos su base y su altura, si hacemos estas operaciones sumamos cada una de las áreas de los triángulos nos podemos dar cuenta que reduciendo términos el Área vendría siendo igual a D*d/2 y el perímetro lo hallamos fácilmente aplicando pitágoras en cada uno de los triángulos para hallar las hipotenusas correspondientes a los lados del deltoide. teniendo clara esta información ahora si vamos a  nuestro proyecto en Visual Studio C# y con base en el proyecto que veníamos trabajando en las anteriores entradas le agregamos estas dos figuras, observemos en nuestro modelo de vista como debe estar quedando nuestro proyecto con todos los cuadriláteros que hemos trabajado:

Acá podemos ver los 5 cuadriláteros que debimos haber implementado en nuestro proyecto, sino fue así no hay problema porque acá les voy a refrescar conceptos y también les voy a adjuntar mi proyecto de C# para que con este se puedan guiar es las partes que mas tengan dudas, bueno es esta imagen se puede ver los cuadriláteros que tenemos en el rectángulo necesitaremos únicamente dos datos la base y la altura, en el cuadrado necesitaremos un solo dato un lado, en el rombo necesitaremos dos datos también una diagonal mayor y una diagonal menor, en el paralelogramo necesitaremos tres datos como ya explique al principio de este post y en el deltoide también dos datos la mediatriz y la diagonal menor. Como pudieron notar yo diseñe este modelo de tal forma que cada cuadrilátero es un botón con el fin de escoger el que uno quiera hallarle el área y el perímetro veamos en la siguiente imagen como se ve nuestro proyecto cuando lo corremos y escogemos un cuadrilátero para calcular área y perímetro.

En este caso escogimos el Rombo y podemos observar que al ejecutarse no aparecen los datos de los demás cuadriláteros únicamente del que nos interesa en ese momento, esto se logra en primera instancia poniendo visible false en las propiedades de cada uno de los labels y textbox y segundo para que al hacer click aparezca la info de nuevo, se hace con código, pero no se preocupen por este código al final de mi post les dejare el proyecto, mientras tanto es importante que entiendan muy bien como vamos a implementar las fórmulas de cada cuadrilátero al código y sobre todo entender como trabaja la herencia la sobrecarga "override" el patrón solitario "singleton" para definir un controlador sobre cada una de los cuadriláteros a crear "ctrl". De este proyecto podemos darnos cuenta que el perímetro se instancia general para todos los cuadriláteros mientras que el área si varía como lo habíamos recalcado anteriormente, por lo que calcule_area es abstracta mientas que calcule_perimetro no lo es, y es importante tener esto claro. 

Ahora bien es muy importante manejar buen conocimiento lógico en cuanto al código que se va a implementar podemos ver en la imagen de arriba que cuando el usuario digita un valor con puntos decimales el area y el perímetro tambien va a retornar con puntos decimales esto se logra con un .ToString("F") o ToString("d) marca los decimales y los opera según lo que corresponda, también es importante darle el atributo de "private" a cada botón al codificarlo para que aparezca cuando tenga que aparecer, quiere decir cuando uno le da click sobre la respectiva figura de cuatro lados. 

Ahora veamos como esta distribuido nuestro proyecto es muy importante el orden, manejar de ser posible la nomenclatura Hungara con el fin de facilitar a otros programadores el entendimiento del código, y como se ve en esta imagen crear elementos a parte y con sus respectivos nombres para que se vea en este caso el modelo vista-controlador veamos:

Podemos ver que en una carpeta esta el modelo en la otra esta la vista y el otra esta el controlador, esta separado los recursos que vamos a necesitar que en este caso son las imágenes, también cada .cs se hizo a parte para no confundirnos este orden también aplica cuando nombramos los botones y los labels y otros elementos que utilicemos en el proyecto, para cuando vallamos a programar no tengamos inconvenientes de haber invocado un método que se llame parecido o que entre en conflicto con otro. Es claro que hay que pulir mas este modelo ya que cuando el usuario no agrega ningún valor en las casillas de base y altura por ejemplo este marca un error y este error es de validación por ejemplo veamos lo que pasa en mi proyecto cuando no metemos ningún dato.

   

Acá intentamos calcular el área y el perímetro del rectángulo pero el usuario no le agregó ningún valor en base y altura nos va aparecer el siguiente error:

Estas validaciones y detalles los trabajaremos en nuestro próximo post, por el momento es preciso entender todo lo que se ha visto, cada una de las fórmulas para calcular área y perímetro, también como funciona el controlador para crear un cuadrilátero y como esto evita la saturación de memoria, por ejemplo con la utilización de este controlador se evita crear una nueva figura de la misma especie todo el tiempo, sino que la sobre-escribe no se utiliza new_cuadrado sino desde el controlador si ya creo un cuadrado se sobre-escribe. bueno sin mas largas al asunto aqui les dejo mi proyecto espero les sirva.

https://www.dropbox.com/s/h64gzos2dktuf9d/Proyecto%20Cuadrilateros.rar  

Modelo Vista Controlador (MVC) aplicado al proyecto de cuadrilateros...

Hola de nuevo y bienvenidos a mi blog, en está oportunidad voy a explicarles el modelo de Vista-Controlador aplicado al proyecto que hemos venido trabajando "Proyecto de Cuadrilateros" ; Sin mas preambulos de lo que se encarga el modelo de vista-controlador es de separar cada uno de los métodos que se invocan y ponerlos en la fase o en la zona en donde corresponde, ya sea la parte de vista, o en el control o en el modelo esto es un poco dificil de entender, pero a su vez es muy util porque nos permite ver organizadamente cada elemento a donde pertenece, y como va organizado dentro del modelo general. veamos nuestro modelo vista-controlador (MVC) con UML para entenderlo dentro de nuestro proyecto.

Al observar y analizar nuestro modelo de Vista-Controlador tenemos tres niveles y analizandolos el primero es la vista: en esta tenemos todo lo correspondiente a la parte visual del programa como labels botones textbox combobox, todo el entorno gráfico contenido en el windows forms, tenemos tambien la parte de control o controlador: en esta fase debemos controlar las características que nos pide el usuario, si este nos dice que quiere un rombo generamos un objeto tipo cuadrilatero pero en caso de que nuestro usuario eliga haver otra figura reutilizaremos la clase abstracta cuadrilatero y generaremos un entorno nuevo de trabajo para poder graficar esta nueva figura obvio con características ya establecidas por la clase cuadrilatero, lo mismo con cuadrado que va a heredar de rectangulo;y en la fase de modelo es lo que hemos venido trabajando de herencia pues aca vemos como los diferentes cuadrilateros heredan de la clase superior cuadrilatero que además es abstracta.

De aca en adelante usamos lo que es el constructor privado esto con el fin de que sea la misma clase controlador la que lo maneje, la variable del método controlador a la que hemos llamado crtl esta la vamos a declarar como estatica "static" en programación y porque estatica pues para que solo se use una vez y no pueda ser modificada o instanciada de nuevo, esto con el fin de tener todo bien organizado como lo habiamos mencionado antes y tambien por si se requiere incluir mas metodos atributos o figuras se tenga bein claro donde esta cada cosa.

A partir de aca ya al heber definido un metódo "estatico" vamos a ahorrar por decir así la memoria que utilizamos en el computador para crear los distintos cuadrilateros, mas importante es saber que definimos el metodo controlador como estático para evitarnos crear objetos sin ninguna clase de control ya que deberiamos si queremos trabajar pulidamente reescribir figuras cuadradas mas no acumular la basura en la memoria del Pc. La clave para hacer esto que acabo de explicar es preguntarle a nuestro método estatico que si nuestro controlador es nulo entonces nos genere un nuevo controlador en memoria para crear la nueva figura, pero si no lo es que no llene mas espacio en memoria sino que reemplaze lo que se habia creado de las mismas características de esa figura y realice una nueva.

Controlador static demeControl(){ if(ctrl == null) ctrl = new Controlador(); return ctrl; }   

Esto es lo que conocemos como el patrón solitario o <<singleton>> y es una gran ventaja a la hora de programar pues lo podemos invocar cuando queramos y nos ayuda enormemente en llamar a cada una de las funciones que controla a los diferentes cuadrilateros, ya sea un rectangulo un cuadrado un rombo un deltoide o lo que sea....

Aca un ejemplo de como se utilizaria el singleton para crear un cuadrado:

Controlador.demeControl().creaCuadrado(4);Controlador.demeControl().consultarPerimetro();Controlador.demeControl().consultarArea() ...

Y nos crea un cuadrado de lados de valor 4 unidades y con el mismo controlador le pedimos que nos de el area y el perimetro, que ya esta determinado al hacer la reutilización del código. Bueno muchachos espero les halla sido de utilidad esta explicación de lo que es el modelo vista-controlador "MVC" y de como es muy útil para aplicarlo en este caso al proyecto que hemos venido trabajando de cuadrilateros.

Examen-Paralelogramo ("Tema A")

Buenos días Bloggeros en el día de hoy voy a explicarles como se implementa una nueva clase, esta llamada paralelogramo, siguiendo con el proyecto que veníamos trabajando el de los cuadriláteros vamos a calcular el Área y el Perímetro de dicha figura

Observemos que el paralelogramo es una figura que tiene 2 pares de lados iguales y que ademas de esto tiene los ángulos opuestos iguales, no va resultar difícil hallar el perímetro ya que esta clase paralelogramo puede heredar de la clase abstracta <<abstract>> de cuadriláteros, mas sin embargo no puede heredar de cuadrado ni rectángulo, no obstante le da la herencia a esta dos figuras geométricas.

El perímetro podría ser hallado de la siguiente manera:

public override double perimetro()
{
return lado1 + lado2 + lado3 + lado4
}

Un vistazo de la interfase grafica:

Ahora un vistaso a nuestro UML para ver como va encadenado las clases:

Para calcular Área sabemos que esta se conforma por medio de dos cuadrados uno cortando las extremos del paralelogramo y otros con las partes restantes, para verlo mas claro esta la imagen

Vemos que se forma un cuardrado al cual ya le calculamos el Area en los anteriores tutoriales recordemo:

public override double calculeArea()
{
return lado1 * lado2;
}

link del proyecto: 

Proyecto Cuadrilateros

Hola amigos bloggeros en esta entrada del blog vitacora de .Net voy a explicarles brevemente un proyecto que me haparecido interesante de explicar debido a que involucra sobrecarga y herencia, temas tocados en las anteriores entradasal blog este proyecto lo llamaremos cuadrilatero.cs, en primera instancia vamos a crear la parte gráfica de nuestro proyecto C# en un windows forms, en el vamos a incluir el rectangulo y el cuadrado como primeras figuras geométricas dentro de la clase cuadrilateros y a ellos vamos a calcularles el area y el perímetro.

En nuestro proyecto el usuario puede averiguar el perimetro y el area de un cuadrado y un rectangulo con tan solo darle los datos respectivos al programa.

Veamoslo en UML para entender el concepto de herencia y de método abstracto <<abstract>> en los métodos aplicados al proyeto:

Es interesante e importante saber que el perímetro de un cuadrilatero es la suma de sus lados de igual manera necesitamos saber que el area de nuestros dos cuadrilateros que vamos a trabajar "cuadrado y rectangulo" estan dadas por la base*altura y lado*lado, ya que existen mas cuadrilateros como rombo trapezio entre otros, no nos vamos a preucupar pues sabemos que estos tienen en comun que tienen 4 lados y que siempre la suma de sus lados va ser el perimetro, el area puede que varie un poco y para este método si vamos aplicarle unas variaciones dependiendo del cuadrilatero tratado en cuestión.

Para lograr lo anteriormente explicado del método "Area" debemos utilizar propiedades de abstracto y herencia, para las clases en C#. Para lograr esto debemos poner nuestra clase cuadrilatero ya no como publica sino como abstracta de igual manera cada uno de los lados de cada uno de los cuadrilateros debe ser definida como "protected".

abstract class Cuadrilatero
{

protected double lado1;
protected double lado2;
protected double lado3;

protected double lado4; 

Hecho esto se debe crear un constructor, y de lo que se encarga el constructor es de almacenar el valor dado a cada uno de los lados, para que se vallan instanciando desde las clases hijas y de esta manera formar el perimetro de la figura geometrica de cuatro lados, de aqui viene la razon por la que en el proyecto yo utilizo linked labels para retornar el valor de salida una vez sumado los lados del cuadrilatero.

*/ Metodos de Cuadrilatero/*
*/ Calcular un perimetro = Sumar lados del cuadrilatero/*
public double calculePerimetro()
{
return lado1 + lado2 + lado3 + lado4;
}

Para el método "Area" como lo habiamos mencionado con anterioridad tenemos que usar la palabra abstract despues de hacerlo público, para que aplique a todos los cuadrilateros sean o no sean irregulares de esta forma nos queda de la siguiente manera:

*/ Calcular un área = Depende de la forma del cuadrilatero/*
*/ Por ello se usa como metodo abstracto, para dejarlo como base/*
public abstract double calculeArea();

Una vez generalizado el proyecto de esta manera, ya podemos empezar a trabajar con cada figura por separado aunque ahora si aplicando el concepto de herencia en c# . veamoslo con el cuadrado.

En c# se define la herencia de la siguiente manera: class Cuadrado : Cuadrilatero

Lo que debemos hacer a continuación es crear un constructor el cual hereda del constructor ya establecido del costructor cuadrilatero, pero este nuevo constructor va a heredar características del constructor cuadrilatero veamos como lo hacemos con el perímetro del cuadrado:

*/ Constructor heredado por cuadrilatero/*
public cuadrado(double lado_cua)
: perimetro(lado_cua, lado_cua, lado_cua, lado_cua)
{
}

Con esto tenemos hecho el perimetro de nuestro cuadrado, ahora para averiguar el area tenemos que utilizar la palabra de herencia "override" que sirve para heredar de la clase padre cuadrilatero entonces el Area será lado*lado.

public override double calculeArea()
{
return lado1 * lado2;
}

Con el rectángulo ya es mas facil debido a que puede heredar las características de sus metodos constructores de cuadrado y cuadrilatero en este caso hereda directamente de cuadrado que ya a heredado de cuadrilatero

class Rectangulo : Cuadrado

{

Al heredar de cuadrado ya rectangulo puede calcular su area y perímetro porque se hace exactamente igual en los dos cuadrilateros en caso de una figura irregular como un rombo o un trapecio estas no podrian heredar todas sus características solamente las correspondientes al constructor del perimetro. Area sería un poco mas complejo.

Espero les halla sido de ayuda este proyecto-tutorial explicado paso a paso y en nuestra próxima entrada al blog espero hacerlo con las restantes cuadrilateros que se denominan de forma irregular, rombo trapezio, paralelogramo, trapezoide etc. 

Herencia, Sobrecarga y Sobre escritura en C#

En esta entrada voy hablar sobre herencia, sobre escritura y sobrecarga, características que vienen del lenguaje de JAVA pero que son bien acoguidas y asimiladas por varios lenguajes de programación debido a sus grandes características y buen poder de aplicación.

Sobrecarga de métodos y de constructores 

La firma de un método es la combinación del tipo de dato que regresa, su nombre y su lista de argumentos. 
La sobrecarga de métodos es la creación de varios métodos con el mismo nombre pero con diferentes firmas y definiciones. Java utiliza el número y tipo de argumentos para seleccionar cuál definición de método ejecutar. 
Java diferencia los métodos sobrecargados con base en el número y tipo de argumentos que tiene el método y no por el tipo que devuelve. 
También existe la sobrecarga de constructores: Cuando en una clase existen constructores múltiples, se dice que hay sobrecarga de constructores.La herencia en javaJava permite el empleo de la herencia, característica muy potente que permite definir una clase tomando como base a otra clase ya existente. Esto es una de las bases de la reutilización de código, en lugar de copiar y pegar.En java, como ya vimos la herencia se especifica agregando la cláusula extends después del nombre de la clase. En la cláusula extends indicaremos el nombre de la clase base de la cuál queremos heredar.Al heredar de una clase base, heredaremos tanto los atributos como los métodos, mientras que los constructores son utilizados, pero no heredados.Sobreescritura de métodos 
Una subclase hereda todos los métodos de su superclase que son accesibles a dicha subclase a menos que la subclase sobreescriba los métodos. 
Una subclase sobreescribe un método de su superclase cuando define un método con las mismas características (nombre, número y tipo de argumentos) que el método de la superclase. 
Las subclases emplean la sobreescritura de métodos la mayoría de las veces para agregar o modificar la funcionalidad del método heredado de la clase padre

¿Como colocar Flash en una aplicación Web? y ¿Como cargar SQL en una aplicación Web?

En esta entrada del blog voy a explicar como se carga Flash en una aplicacion web usando el Visual Studio y su herramienta .ASP e igualmente como cargar SQL en un aplicación web. Todo lo ofrece .ASP ya que dentro de esta Windows forms podemos utilizar códigos de transferencia de una aplicación a otra como por ejemplo  Server.Transfer para redirigir el explorador a la página especificada 

La página a la que se transfiere debe ser otra página de formularios Web Forms (página .aspx) de la misma aplicación. No puede utilizar Server.Transfer para redirigir a una página .asp o .asmx.  

Asegúrese de que la página de destino existe. Como Server.Transfer se ejecuta en el servidor, el explorador no tiene un registro del cambio de la página. Por tanto, si el usuario actualiza la página, pueden producirse resultados inesperados.

Este otro codigo nos sirve en caso de tener una aplicación flash a la que queremos acceder desde una aplicación ASP .NET;

For a list of all members of this type, see HttpServerUtility Members.

System.Object

   System.Web.HttpServerUtility[Visual Basic]NotInheritable Public Class HttpServerUtility[C#]public sealed class HttpServerUtility[C++]public __gc __sealed class HttpServerUtility[JScript]public class HttpServerUtilityThread Safety
Remarks
Requirements

Any public static (Shared in Visual Basic) members of this type are thread safe. Any instance members are not guaranteed to be thread safe.

The methods and properties of the HttpServerUtility class are exposed through ASP.NET's intrinsic Server object.

Namespace: System.Web

Platforms: Windows 2000, Windows XP Professional, Windows Server 2003 family

Assembly: System.Web (in System.Web.dll)

Para el caso de SQL tambien lo hacemos desde una aplicación ASP .NET

El siguiente ejemplo ilustra como realizar una conexión contra SQL Server mediante autenticación integrada en ASP.NET y obtiene datos de la base de datos:

Sub Page_Load(sender as object, e as System.EventArgs)
'Se define el objeto conexión
dim conn as System.Data.SqlClient.SqlConnection dim reader as System.Data.SqlClient.SqlDataReader dim sql as System.Data.SqlClient.SqlCommand
'Se especifica el string de conexión
conn = New System.Data.SqlClient.SqlConnection() conn.ConnectionString = "data source=.;integrated security=SSPI;initial catalog=TestConnDb"
'Se abre la conexión y se ejecuta la consulta
conn.Open() sql = new System.Data.SqlClient.SqlCommand sql.CommandText = "SELECT * FROM tabla" sql.Connection = conn reader = sql.ExecuteReader()
Do while reader.Read() Response.Write( reader.GetValue(0) + "<br/>" ) Loop
End Sub.

Validación de Campos en Windows Forms

Cuando los usuarios proporcionan datos a la aplicación, quizá desee verificar que éstos se adhieren a un determinado formato antes de que los utilice la aplicación. Quizá requiera que determinados campos de texto no sean de longitud cero, que un campo tenga formato de número telefónico u otro tipo de datos con formato correcto o que una cadena no contenga caracteres inseguros que pudieran utilizarse para comprometer la seguridad de una base de datos. Los formularios Windows Forms proporcionan varias maneras de comprobar la exactitud de los datos en los distintos momentos del período de duración de la aplicación.

Validación orientada a eventos

Si desea un control de programación completo sobre la validación o tiene que realizar comprobaciones de validación complejas, utilice los eventos de validación integrados en la mayoría de los controles de formularios Windows Forms. Cada control que acepta datos proporcionados por el usuario de forma libre tiene un evento Validating que se producirá cada vez que el control requiera la validación de datos.

Al evento Validating se le proporciona un objeto de tipo CancelEventArgs. Si determina que los datos del control no tienen un formato correcto, puede cancelar el evento Validating estableciendo la propiedad Cancel de este objeto en true. Si no establece la propiedad Cancel, el formulario Windows Forms supondrá que la validación tuvo éxito para ese control y desencadenará el evento Validated.

Proyecto de Validaciones

Con esta breve introducción de lo que son validaciones en C#, voy a explicarles un proyecto en el cual aplico validaciones a los campos, los cuales necesito que cumplan unas características específicas, mi proyecto va a estar conformado por cuatro labels uno que va a ir en la parte superior y que va acompañado con una característica llamada "error provider" esto nos va a indicar si algun dato de los ingresados esta mal metido, el segundo label es para indicar que en el textbox va a ir un nombre y un apellido, a este le vamos hacer unas validaciones que solo acepten dos palabras separadas por un espacio y que no acepte numeros ni caracteres fuera de lo normal que no sean letras en este caso solo vamos a manejar minusculas aunque las validaciones tambien permiten manejar mayusculas.

Tenemos otro label que nosva a decir que tipo de documento es el que ingresamos para esto se le pone en frente un combobox el cual permite desplejar una serie de items para que el usuario pueda escoger la que posea en el momento y finalmente hay otro label, "label 4" que este nos va a decir cual es el numero de documento en este textbox que va al frente de este label tenemos que validar que solo se ingresen numeros nada de letras ni otros caracteres que no sean numeros, observemos como va nuestro proyecto.

Observamos que marca error al igresar los datos debido a que uno o mas de los campos estan mal insertados, en este caso en mombre solo ocupa un espacio y debe ser de dos espacios entonces nos marca que nombre es de dos palabras, aca tenemos un poco de codigo que nos va hacer util a la hora de validar este tipo de campos.


Espero esta entreda les halla sido de provecho y que les sirva!!