Enrique Franco Diseñando el Futuro

Inovar para el futuro

Programando en Visual Studio Con Kike

Vamos a realizar pequeñas prácticas en C# y en Visual Studio utilizando el IDE de Visua Studio 2010

¿Y... Quién es Kike?

Sigue y conóceme...

jueves, 21 de noviembre de 2013

CAPA DE DATOS PROYECTO REGISTRO DE EVENTOS FACULTAD DE INGENIERÍA

El manejo a nivel de datos que se hará es muy sencillo, no hay relaciones complicadas entre la tablas del sistemas, que podría verse desde dos posibles grupo, dos tablas que se encargaran de proveer datos para la parte gráfica, y las restantes tablas que se dedicaran al almacenamiento de los datos de los actores del sistema.


TABLAS QUE SERVIRÁN A LA INTERFAZ GRÁFICA


Estas dos tablas se encargaran de mostrar en los formularios de inscripción, en los DropDownList la respectiva información almacenada en ellas.

UML - PROYECTO REGISTRO DE EVENTOS FACULTAD DE INGENIERÍA



En esta entrada, vamos a describir el proyecto final, el ejercicio es para el registro de Estudiantes, Profesores y Ponentes, para los diferentes eventos que se lleven a cabo en la Facultad de Ingeniería de la Universidad Libre.


ACTORES DEL SISTEMA



Los actores identificados, que harán parte de nuestro proyecto son:

1. Estudiantes: los estudiantes son los principales asistentes a este tipo de eventos, dentro de este grupo encontramos dos tipos, los pertenecientes a la Facultas de Ingeniería, y los estudiantes pertenecientes a otras instituciones educativas de carácter Universitario, en este caso especialmente de diferentes Facultades de Ingeniería.

2. Docentes: En el caso de los docentes, por lo general están involucrados los que están vinculados laboralmente con la Facultad de Ingeniería, sin embargo, en algunas oportunidades participan igualmente docentes, vinculados a programas pertenecientes a otras instituciones educativas.

3. Ponentes: Dependiendo del tipo de evento, son invitados conferencistas a dictar sus charlas durante el desarrollo del evento, en este caso pueden ser nacionales o internacionales.



DIAGRAMA DE CLASE

El modelo que utilizaremos en esta ocación para desarrollar nuestro modelo de clases será el Modelo MVC (Vista - Controlador), ya que nos permite tener desacoplado el FrontEdn del Backend.





CONTROL



Dentro de nuestra clase control, encontraremos cuatro variables, que serán las encargadas de gestionar las clases que encontraremos en la  parte de BackEnd y a la misma clase Control.

Ctrl, será la encargada de gestionar la misma clase control, Est estará a cargo de administrar las clases que pertenecen a estudiante, Pro manejará las clases que pertenecen a Profesionales/Profesores y finalmente Pon estará encargada de las clases pertenecientes a Ponentes.

Los métodos que encontramos en esta clase son:

consGuardado, consGuardado2 y consGuardado3, estos métodos devuelven a control la confirmación del almacenamiento de los datos de Estudiantes, Profesores y Ponentes respectivamente en la base de datos, y enviarán la confirmación hacia el FrontEnd.

Control y demeControl están a cargo de la gestion de la misma clase de Control, el primer método instancia la clase Control y demeControl le da acceso al FrontEnd acceso a las clases que se encuentran en el BackEnd.

Finalmente, una vez que el FrontEnd tiene control, puede ejecutar el resto de métodos de la clase Control, creeEstudianteExterno y creeEstudianteUlibre, serán los métodos encargados de instanciar las clases con el mismo nombre; así mismo lo harán los respectivos métodos para Profesionales, creeProfesionalExterno y creeProfesorUlibre y finalmente para los ponentes creePonenteInternacional y creePonenteNacional para los ponentes.



ESTUDIANTES



Dentro de Estudiantes encontramos una clase Abstracta llamada Estudiante, puesto que encontramos que le Grupo Estudiantes Ulibre y Estudiantes Externos, tienen propiedades en común, sin embargo algunas no son compartidas.

Las variables que encontramos en nuestra clase Estudiante son: Cedula, Codigo, Nombre, Apellido, Correo, Programa, Teléfono.

Dentro de los métodos encontramos:

Estudiante, este esta encargado de almacenar en la variables locales de la clase enviados por las clases heredadas respectivamente, cuando una de las dos varie, simplemente se envía un valor nulo, que no interferirá con el almacenamiento en Base de Datos.

El método Guardar, ha sido declarado Abstracto, para que las clases EstudianteExtern y Estudiante Ulibre, lo puedan sobre escribir y gestionar la información de cada uno en la Base de Datos. Adicional mente dentro de las clases heredadas encontramos el método inicia, este método se encargará de gestionar la conexión con la base de Datos.


Finalmente, nuestras clases Profesionales y Ponentes están diseñadas bajo la misma arquitectura, sin embargo cada una se encarga de gestionar un grupo de actores diferentes.
PONENTES


PROFESIONALES





FRONTEND

La parte de interfaz gráfica que será visible para el usuario final, está basada en WEB y puede ser accesadas desde cualquier navegador.

Está compuesta por un encabezado con los logos institucionales de la Universidad, una barra de herramientas donde nos dará acceso a los diferentes formularios de Registro y Consulta, un contenedor con el título del sistema, y como elemento final un pie donde se encuentra la información sobre el sitio







domingo, 3 de noviembre de 2013

INTRODUCCIÓN A WEB CON VISUAL STUDIO

Bueno comunidad, en esta ocasión vamos a solucionar un pequeño tutorial introductorio a la parte WEB que nos ofrece el IDE de Visual Studio. El tutorial que vamos a seguir lo encontramos en la siguiente dirección:

siguiente dirección

Bueno por ahora lo primero que haremos será abrir nuestro IDE, ir Archivo y seleccionar Nuevo Sitio Web:


Seleccionamos el lenguaje de programación de nuestra preferencia y posteriormente seleccionamos Sitio Web ASP .NET




En la ventana de Explorador de soluciones, nos situamos en la raíz del proyecto, damos click derecho y seleccionamos Agregar Nuevo Elemento:















Seleccionamos Web Forms y le damos el nombre que deseemos, es de recalcar que podemos elegir el lenguaje de programación de nuestra preferencia, sin embargo al realizar este tipo de proyectos podemos elegir simultáneamente en un mismo proyecto C# o visual Basic:




Despues, aparecerá en nuestra ventana principarl del IDE el formulario web que acabamos de crear, vamos hacer la primera prueba escribiendo Welcome to Visual Web Developer!, o el texto que deseemos:




Antes, dirijámonos a la parte del código y cambiémole el color al texto al Label, con la propiedad ForeColor:



Después nos dirigimos a la parte de Diseño y damos doble click en nuestro boton para programarlo, la idea es que al presionarlo, el nombre que ingresemos en la caja de texto se imprima allí, mas el texto Welcome to Visual Studio!











Para finalmente terminar este tutorial, en nuestra barra de herramientas seleccionaremos un calendario y lo pondremos dentro de nuestra forma web:



Dentro de las opciones del objeto Calendario, vamos a tareas de calendario, una vez allí elegimos esquema Simple:



Después de esto, nos dirigimos a la parte de diseño, damos doble click en el objeto calendario, se nos abrirá la parte de código del objeto, introduciremos la siguientes líneas de código, con el fin de lograr que una vez se seleccione una fecha en el calendario, en la parte del label de describa la fecha seleccionada



martes, 15 de octubre de 2013

CONECTANDO LA APLICACIÓN CON ACCESS

Bueno en esta oportunidad vamos a crear una pequeña aplicación que se va a conectar a una base de datos que crearemos en Micosoft Access 2010.

Vamos primeramente a crear nuestra base de datos siguiendo el MER que ilustraremos a continuación:





Seguidamente creamos una aplicación en Windows Forms, le ponemos un nombre, en este caso vamos a trabajar con el lenguaje de programación C#.



Posteriormente nos dirigimos en la barra de menús a Datos --> Agregar nuevo origen de datos, una vez damos click nos aparecerá la siguiente ventana donde seleccionaremos base de datos --> siguiente, en la ventana que aparecerá a continuación escogeremos conjunto de datos y damos nuevamente click en -->Siguiente



En la ventana que sigue seleccionaremos en Nueva Conexión, en la ventana de opciones que aparecerá, escogemos Archivos de base de datos de Microsoft Access, damos aceptar, y damos probar conexión:






Una vez configurada la conexión a la base de datos, damos click en siguiente, al salir el cuadero de dialogo damos click en NO, puesto que queremos que se use la conexión que acabamos de configurar.




Guardamos la cadena de conexión, y seleccionamos los objetos que deseamos cargar:






Para poder visualizar los datos desde la Base de Datos, nos dirigimos en la barra de menú --> Mostrar Origen de Datos, damos click.



Una vez se abre Orígenes de datos, nos paramos en la tabla que queremos que aparezca y seleccionamos de la lista de opciones detalles, después arrastramos la tabla al formulario, que automáticamente generará las etiquetas y cajas de texto.





Consulta Fecha y Nombre




¿Me regalas el código?


Acá esta

domingo, 13 de octubre de 2013

EXPERIMENTANDO CON LA BD NORTHWIND

1. Vamos al sitio de Microsoft, y descargamos el instalador de la Base de Datos NorthWind:
http://www.microsoft.com/en-us/download/details.aspx?id=23654


2. Seleccionamos la ubicación donde guardaremos el instalador


3. Después de la descarga del instalador, vamos a la ubicación donde se almacenó, damos doble click, y cuando se inicia le damos ejecutar



4. Aceptamos los términos de la licencia --> Siguiente



5. Seleccionamos los paquetes a intalar, y la ubicación donde se va a instalar --> Siguiente



6. Confirmamos la instalación de la Base de Datos NorthWind:



7. Damos en el botón cerrar una vez no haya confirmado la instalación de la Base de Datos NorthWind:


GUARDANDO LOS CUADRILÁTEROS

En esta ocasión vamos hablar acerca del almacenamiento de datos, esta vez con la herramienta DataSet, que el IDE nos ofrece, siguiendo nuestro MER






1. Damos click derecho en el proyecto --> Agregar --> Nuevo Elemento




2. Damos click en BASE SE DATOS BASADA EN SERVICIOS, y le damos un nombre, en este caso Cuadrilateros.mdf



3.  En el Explorador de Servidores, buscamos nuestra base de datos y en la opción Tablas, damos click derecho --> Agregar Nueva Tabla




4. Agregamos los campos que nuestra tabla requiere, en este caso para el campo ID, nos dirigimos a la parte posterior de la ventana de diseño, a DISEÑADOR DE TABLAS --> ESPECIFICACIÓN DE IDENTIDAD --> (IDENTIDAD), y cambiamos esta opción de si a no, para que este campo incremente automáticamente.



5. Guardamos nuestra tabla



6. Generamos nuestro Diagrama Entidad Relación y lo guardamos



7. Después nos dirigimos a Datos --> Agregar Nuevo Origen de Datos



8. Pinchamos en Base de Datos --> siguiente




9. Escogemos Conjunto de Datos --> siguiente



10. Seleccionamos la conexión de Base de Datos que deseamos usar --> siguiente





11. Le damos un nombre a la conexión, (dejar por defecto) --> siguiente




12. Elegimos los objetos de la base de datos que deseamos añadir al proyecto --> Finalizar





13. Nos Dirigimos a Datos --> Mostrar Orígenes de datos





14. En la pestaña izquierda, vamos a CuadrilateroDataSet--> Cuadrilatero, en este paso desplegamos la lista de opciones y seleccionamos detalles, luego arrastramos la tabla al formulario que hemos creado para contener los objetos de la base de datos y guardamos.




15. Corremos nuestro programa, Figuras --> Datos




16. Nos muestra los datos contenidos en la base de datos