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.