jueves, 21 de noviembre de 2013

Pagina Web Visual Studio 2010


Para crear un nuevo sitio web, lo primero que debemos hacer es ir a Archivo y a Nuevo Sitio Web, tal y como se muestra en la imagen:



Luego de esto aparecerá una ventana con las diferentes opciones para la creación de una nueva pagina Wen, para este caso, seleccionaremos la opción de Sitio web ASP.NET, tal y como se muestra en la imagen.



Una vez seleccionado y presionando aceptar , aparecerá una pantalla como la siguiente



Una vez hecho esto, la pagina web ya esta creada, para agregarle elementos a nuestro antojo, debemos ir a a la parte derecha de la pantalla, donde se encuentran los archivos del proyecto, desde la raíz del proyecto, daremos clic derecho, y en el menú emergente seleccionamos Agregar Nuevo Elemento, tal y como se muestra en la imagen.




Una vez hecho esto, aparecerá una ventana en la cual podremos seleccionar el elemento que deseamos agregar al proyecto, para este caso seleccionaremos la opción de Web Forms, en el lenguaje C#, tal y como se muestra en la imagen:





Una vez hecho esto, podremos arrastrar desde la barra de herramientas, los elementos que deseemos agregar a la pagina.




Para el siguiente ejemplo arrastraremos un titulo (label), un cuadro de texto (textbox), un boton (button) y un calendario (calendar), una vez ubicados de la forma en que mas nos guste, daremos doble clic en el boton, para abrir el codigo del evento onClick, luego aplicaremos el siguiente codigo:


protected void Button1_Click(object sender, EventArgs e)
    {
        Label1.Text = TextBox1.Text + ",Bienvenido a mi pagina";
    }


Tambien damos doble click en el calendario, para abrir el evento del calendario y aplicaremos el siguiente codigo:


protected void Calendar1_SelectionChanged(object sender, EventArgs e)
    {
        Label1.Text = Calendar1.SelectedDate.ToLongDateString();
    }


Y con esto termina el primer ejemplo.

lunes, 4 de noviembre de 2013

UML Proyecto Final


UML Proyecto Final

En la siguiente entrada mostraremos un diagrama uml beta del proyecto final a realizar por parte de los estudiantes Sergio Ramirez y Luis Estrada, creando una aplicacion web para una calculadora financiera.



Este diagrama esta sujeto a cambios respecto a las necesidades del proyecto.

martes, 15 de octubre de 2013

Parcial II Corte


Descripcion

Consiste en conectar una base de datos en Microsoft Acces, con el Visual Studio 2010 y generar unas consultas con los datos ingresados en la base de datos.

Primero lo que debemos hacer es crear la base de datos en Microsoft Acces


Para estos abriremos el programa y crearemos una nueva base de datos seleccionando base de datos en blanco y dándole un nombre a esta.


Una vez creada la base de datos, vamos a crear las tablas dentro de la base. Estas se crear clikeando en la pestaña de Crear y en el Icono de Tabla


Una vez creada la tabla daremos click derecho en la pestaña que aparece, y clikearemos en Vista Diseño


En ese momento nos aparecera una ventana donde le daremos nombre a la nueva tabla, una vez en la pestaña de diseño ingresaremos los campos con sus respectivos nombres y tipos.



Realizaremos el mismo proceso con las tres diferentes tablas y procederemos a guardas. Los datos de las tablas son las siguientes 


+

Una vez guardado el archivo de Acces, procederemos a conectar la base de datos con visual Studio, para esto abriremos el visual estudio, y en la pestaña de Datos elegiremos Agregar nuevo origen de datos.


Una vez seleccionada nos aparecera una ventana en donde elegiremos el tipo de origen de datos, seleccionamos bases de datos y clic en siguiente,



Luego de hacer esto elegiremos el modelo de bases de datos, que sera Conjunto de Datos, y clic en siguiente.


Una vez hecho esto nos aparecerá una ventana en la que seleccionaremos nueva conexión y después cambiar, para poder elegir una base de datos Acces


Luego aparecera una pantalla en donde elegiremos Archivo base de datos microsft Acces y siguiente


Luego de eso nos aparecera una pantalla donde pulsaremos examinar y buscaremos la base de datos Acces, una vez encontrada la seleccionamos y damos en aceptar y luego en siguiente.



Luego nos apareceran las tablas que existen detro de la base de datos, seleccionamos las que necesitamos o vamos a usar y clic en finalizar. 



Con esto la conexión ya esta realizada, ahora procedemos a hacer las consultas por medio del formulario, la consultas se realizan por medio de los dataGridView seleccioonando cada una de las tablas y mostrando los datos que se necesitan. 

Para ver esto pueden descargar el proyecto del siguiente link, junto a la base de datos en Acces.




Instalacion Base de Datos Nort


Instalacion




La base de datos NorthWind se puede descargar gratuitamente desde la pagina web oficial


Para descargarla solo hay que clikear en Download




Una vez descargado, ejecutamos el archivo y aparecerá una imagen como la siguiente


Daremos siguiente y aparecerá una ventana como la siguiente



Daremos  siguiente, pondremos nuestro nombre del servidor, en la parte donde dice bases de datos seleccionaremos “northwind” y clic en siguiente, chuleáramos copiar los datos de una tabla o varias tablas. Les daremos a todas chulear y daremos en el botón siguiente y Finalizar.

Nos aseguramos que nuestra bases de datos “northwind” este ejecutándose, para probarlas hacemos una breves consultas “select *from Categories” le damos ejecutar y nos saldrá en la parte inferior nuestra consulta.

Abriremos un proyecto pequeño en visul studio 2010, conectaremos nuestra  base de datos con “northwind”

Capa de Datos


Modelado de Datos


Teniendo este modelo básico, procedemos a implementarlo en Visual Studio. Siguiendo los pasos presentados dentro del siguiente video



En este vídeo se muestra claramente la forma de como implementar y consultar de una manera facil una base de datos.


Todo el desarrollo generara una pantalla como la siguiente



En donde se mostrar uno a uno los datos guardados dentro de la base de datos, diferenciados uno por uno de acuerdo a las columnas creadas dentro de las tablas.


lunes, 14 de octubre de 2013

Expansion Modelo

FUNCIONAMIENTO

Para hacer uso de el proyecto solo es necesario seleccionar una de las figuras del menú de selección.



Seleccionando una de las 4 figuras, dependiendo de la que se escoja aparecerán 4 diferentes modos de pantalla. 

RECTANGULO


CUADRADO


ROMBO 


DELTOIDE



 Una vez seleccionada la figura, se deben llenar los espacios con la información requerida, por ejemplo la medida de un lado, o la medida de una diagonal, luego de eso se selecciona calcular y aparecerán automáticamente todos los datos relacionados con la figura, como la medida de los lados, la medida de los ángulos, la medida de las diagonales y de la altura.

LINK DE DESCARGA




  


miércoles, 28 de agosto de 2013

Parcial


PARCIAL PRIMER CORTE


Dada la siguiente definición, diseñe e implemente la clase Paralelogramo, extendiendo el modelo trabajado en clase. Incluya la figura en la interfaz gráfica.

Diagrama de Clases


Link de Descarga https://www.dropbox.com/s/vlkezvglvz2cfkw/Figuras2.zipp


El archivo descargado esta con extencion .zipp, hay que cambiarle la extencion a .zip.

Modelamiento MVC


MVC (MODELO - VISTA - CONTROL)




Actualmente el patrón de arquitectura llamado MVC es muy usado, ya que permite desacoplar el programa en 3 diferentes paquetes y hacer un mejor manejo a la hora de programar. En la imagen anterior se presenta un diagrama de clases sencillo separado en los paquetes Modelo, Control y Vista. 

En el paquete modelo se maneja toda la parte lógica y la infraestructura del programa. Por ejemplo:


En el ejemplo se tienen 3 clases; Cuadrilátero que una clase abstracta, Rectángulo que es heredera de Cuadrilátero y Cuadrado que hereda de Rectángulo. Cuadrado no tiene atributos ni funciones, ya que las hereda de sus clases padre.

Luego viene el paquete Control, que es el que se encarga de hacer la conexión entre el paquete Vista con Modelo, y es la responsable de los eventos del programa.



Como vemos es el que se encarga de crear las figuras, y se relaciona con la clase Cuadrilátero por medio de una relación fuerte, ya que la clase controlador contiene un atributo de clase Cuadrilátero. También dentro de esta clase tenemos el patrón solitario, garantizando que solo se instancie una vez el objeto Controlador.

Por ultimo esta el paquete Vista, que es el que tiene todo lo relacionado con la interfaz que manejara el usuario, este paquete representa la salida. La relación entre la clase Vista y la clase Controlador, es una relación débil, es decir es solo una relación de uso, porque la primera no tiene ningún atributo de clase Controlador.


lunes, 19 de agosto de 2013

CÓDIGO A PARTIR DE DIAGRAMA UML


DIAGRAMA UML



Como se puede observar en el diagrama uml, son 3 clases; Cuadrilátero, Rectángulo y Cuadrado, las cuales todas están asociadas por herencia; Cuadrado hereda de Rectángulo, y a su vez Rectángulo hereda de Cuadrilátero.

Luego de haber creado un nuevo proyecto y haber creado una nueva clase llamada Cuadrilátero, procedemos a digitar los atributos, que son 4

public double bas1;
public double bas2;
public double alt1;
public double alt2;

Una vez creados los atributos, procedemos a crear los métodos, primero generamos el constructor

public Cuadrilatero(double b1, double b2, double a1, double a2)
        {
            bas1 = b1;
            bas2 = b2;
            alt1 = a1;
            alt2 = a2;
        }

Una  vez generado el metodo constructor, generamos el siguiente método

        public virtual double calcPerimetro()
        {
            return bas1 + bas2 + alt1 + alt2;
        }

La sentencia "virtual" indica que el método puede ser modificado por las clases herederas.

Una vez finalizado el modelado de la primera clase, pasamos a modelas la clase Rectángulo, la cual se designa la herencia de la siguiente forma

class Rectangulo : Cuadrilatero

Esta clase solo tienes dos métodos, el constructor y método de calculo. Para el método constructor se utiliza el siguiente codigo

public Rectangulo(double lad1,double lad2)
            :base(lad1,lad1,lad2,lad2)
        {
            
        }

Donde la sentencia ":base", se puede tomar como el "super" en java, ya que este permite llamar el generar el constructor a partir de la clase padre.

Para el método calcPerim se usa el siguiente código

        public override double calcPerim()
        {
            return bas1 + bas2 + alt1 + alt2;
        }

La sentencia override indica que este método sobrescribirá el método de la clase padre.

Para la clase Cuadrado es similar para que para la clase anterior.

class Cuadrado : Rectangulo
    {
        public Cuadrado(double lado)
            : base(lado, lado)
        { }

        public override double calcularPerim()
        {
            return bas2*4;
        }

    }



domingo, 11 de agosto de 2013

Herencia, Sobrecarga y Sobrescritura C#

Herencia


La herencia es una de las herramienta mas usadas dentro de la programación  ya que esta permite que una clase herede las propiedades de la clase padre.

Para hacer uso de la herencia en C# es necesario usar los dos puntos (:), estos equivalen a el implements o el extends en java, como por ejemplo 

public class ColorCoOrds : CoOrds

Donde la clase ColorCoOrdshereda de la clase CoOrds.
Este mismo ejemplo en java seria
public class ColorCoOrds extends CoOrds

Sobrecarga

La sobrecarga en C#, cumple con la misma función que en Java, ya que esta permite sobrecargar o implementar un método, constructor o instancia con el mismo nombre, pero que reciba distintos argumentos.
Por ejemplo si se tiene el método suma:
                          private static int suma(int a, int b){
                                    return a+b;
                               }

                         private static int suma(int a, int b, int c){
                                    return a+b+c;
                               }

Como vemos, existe un método suma que retorna un entero, pero tiene dos formas de sobrecarga; una que recibe solo dos argumentos (a y b) y la segunda que recibe 3 argumentos (a,b y c).

Sobrescritura

La sobrescritura u Override, en C#, el override es necesario para ampliar o modificar la implementacion abstracta o virtual de un método  propiedad o evento heredado.

El método sobrecarga solo puede sobrescribir un método virtual, si esta explicito que este método puede hacer la sobrescritura.

Por ejemplo

// Define the base class
class Car
{
    public virtual void DescribeCar()
    {
        System.Console.WriteLine("Four wheels and an engine.");
    }
}

// Define the derived classes
class ConvertibleCar : Car
{
    public new virtual void DescribeCar()
    {
        base.DescribeCar();
        System.Console.WriteLine("A roof that opens up.");
    }
}

class Minivan : Car
{
    public override void DescribeCar()
    {
        base.DescribeCar();
        System.Console.WriteLine("Carries seven people.");
    }
}

En el código anterior, se declara un metodo override, que va a sobrescribir el método DescribeCar; cambiando el texto que mostrara por consola.



Validación de TextBox


COMO VALIDAR CAMPOS DE TEXTO CON UN BOTÓN


Se comienza creando un nuevo proyecto.



Luego de seleccionar la opción para nuevo proyecto, aparecerá una ventana en la cual elegiremos una aplicación de windows forms y en la parte de abajo le damos el nombre que queramos a la aplicación. Luego le damos clic en aceptar.



Una vez creada la aplicación, arrastraremos al área de trabajo 4 Labels o títulos, 3 TextBox o campos de texto y 1 Boton, ubicandolos de la siguiente forma.



Luego de poner todo en su lugar, le damos doble clic al botón, para que nos lleve código que maneja el evento a la hora de presionar el botón. Al label4 se le cambio la propiedad Visible a falsa, para que no aparezca al ejecutarse el programa.



Para la validación escribiremos el siguiente código



Donde en el if preguntaremos si el texto de los campos de texto se encuentran vacíos, si es verdad que cambie la propiedad Visible del label4 a verdadera y que al texto le asigne el texto entre comillas. Si no es verdad que cambie la propiedad Visible del label4 a verdadera y que al texto le asigne el texto entre comillas.

Esta es una manera sencilla de indagar si los campos de texto se encuentran vacíos en windows forms.

domingo, 4 de agosto de 2013

Instalación MYSql


INSTALACIÓN MYSQL PARA WINDOWS

Para la instalacion de MySql es necesario tener en cuenta los siguientes aspectos
  1. Una herramient capaz de descoprimir fichero .zip
  2. Suficiente espacio en disco
Para descargar MySql, hay que ir a la pagina de descargas http://dev.mysql.com/downloads/, ubicar el encabezado de MySql Community Server y dar clic en DOWNLOAD.


Una vez hecho clic, nos llevara a una pagina donde se podra encontrar las diferentes plataformas o sistemas operativos, y las versiones de descarga de MySql


Cuando ya se halla seleccionado el SO y la versión adecuada, la pagina nos redireccionara a otra pagina en la cual nos pedirá que hagamos login con nuestra cuenta Oracle, daremos clic en el link señalado para ir directamente a la descarga.


Una vez realizada la descarga, procederemos a descomprimir el fichero. Copiar la carpeta que queda al descomprimir el archivo dentro de una carpeta elegida (Por ej C:\Archivos de Programa\).

 Inicio y detención del servidor de MySql


Con esta forma de instalación, el motor de bases de datos requiere ser iniciado por el usuario. Para ello en el shell de DOS (Inicio -> Accesorios -> Símbolo de Sistema) abrimos la carpeta bin que está dentro de la carpeta recién creada y escribimos mysqld.


El servidor quedará ejecutándose en segundo plano, esto significa que se puede abrir otra ventana del intérprete de comandos. Para detener la ejecución del servidor, en una nueva ventana de símbolo de sistema, se ejecuta el siguiente comando dentro de la misma carpeta bin:

mysqladmin -u root shutdown



INSTALACIÓN DE MICROSOFT VISUAL STUDIO ULTIMATE 2010


Una ves que posea el programa, se procede a ejecutarlo. Cabe recordar que al ser desarrollado por Windows, solo puede ser instalado en maquinas con sistema operativo Windows en versiones de 32 o 64 bits.

Una vez ejecutado el instalador del programa aparecerá la siguiente ventana


Una vez seleccionada la opción de "Instalar Microsoft Visual Studio 2010", aparecerá la siguiente ventana.


En esta ventana aparecerá la opción de enviar la información sobre la instalación, si desea hacer esto déjela marcada, de lo contrario déjela sin marcar. Luego haga clic en Siguiente; aparecerá una nueva ventana como la de la imagen.


En esta ventana aparecen los términos y condiciones de uso del programa, una vez leídos y aceptados, haga clic en Siguiente, para continuar y que aparezca la próxima ventana


En este paso de la instalación, se podrá elegir entre instalar todos los elementos del visual, o una instalación personalizada en la cual se elegirán los elementos que se quieran instalar, esto depende de lo que quiera desarrollar con el programa . Si no se tiene claro lo que va a necesitar para el desarrollo, es recomendable que se haga la instalación completa del programa. Una vez elegido la forma de instalación, se da clic en siguiente. En ese momento inicia el proceso de instalación con una ventana como la siguiente


El tiempo del proceso depende de la forma en instalación elegida, debido a los elemento que se instalaran. Una vez finalizado el proceso de instalación aparecerá una ventana como la siguiente


Por ultimo haga clic en finalizar, luego de esto el instalador pedirá que se reinicie el equipo para finalizar la instalación del programa. Una vez hecho esto ya podrá iniciar el programa y empezar el desarrollo de sus aplicaciones en Visual Studio.