SISTEMA DE CONTROL ESCOLAR EN .

NET

Programacin Web
Unidad No.1
Integrantes del Equipo:
Christian Alberto Arcadia Castro
Oscar Daniel Barajas Prez
Luis Alberto Snchez Lpez
Ingeniera en Sistemas Computacionales
Docente: Ing. Sergio Octavio Rosales Aguayo
Horario: 11:00-12:00 hrs.
09/Septiembre/2016
INSTITUTO TECNOLGICO DE TEPIC

INTRODUCCIN
El presente trabajo describe la creacin y el funcionamiento del proyecto que
nuestro equipo elabor, el cual, consiste en una aplicacin web, la cual permitir
operaciones bsicas de una institucin educativa.
Nuestro proyecto naci a partir de la peticin del Ingeniero Sergio Octavio Rosales
Aguayo como requisito para aprobar la primera unidad de la materia de
programacin web.

INDICE

DESCRIPCIN DEL PROYECTO..........................................................................................4

ARQUITECTURA DE LA APLICACIN WEB.......................................................................5
PANTALLAS DE INTERFAZ..................................................................................................6
MODO DE CONEXIN........................................................................................................ 11

DESCRIPCIN DEL PROYECTO

Nuestro proyecto se realiz en la plataforma .NET utilizando como lenguaje de

marcado HTML as como CSS, con la intencin de crear la interfaz, para el logueo
del usuario administrador. Una vez logueado el administrador podr realizar las
siguientes tareas:
Almacenar en la base de datos la contratacin de docentes.
Almacenar en la base de datos la creacin de carreras
Almacenar en la base de datos la creacin de materias
Almacenar en la base de datos la creacin de grupos
Almacenar en la base de datos la asignacin de materias a carreras
Almacenar en la base de datos la inscripcin de los alumnos a sus correspondientes
grupos.
El registro de estas tareas se almacenar en la base de datos creada la cual
presenta el siguiente esquema entidad relacin:

ARQUITECTURA DE LA APLICACIN WEB

4

A continuacin se mostrar un diagrama de la arquitectura de una aplicacin web la

cual no espera cientos de usuarios concurrentes, pueden ocupar esta arquitectura,
en donde todos los componentes son tipos manejados. Las pginas ASP.NET
utilizan controles estndares construidos en el Framework que generan HTML
segn la W3C. Esto permite que la aplicacin web pueda ser vista en distintas
plataformas o sistemas operativos que soporten algn navegador web.
Esta arquitectura utiliza capa de lgica de negocios, en donde se comunica con la
de acceso a datos utilizando utilizando ODBC para acceder a la base de datos y
llamando a procedimientos almacenados.

PANTALLAS DE INTERFAZ
EN LAS SIGUIENTES IMGENES SE PUEDE OBSERVAR COMO QUEDARA LA
INTERFAZ PARA CADA UNO DE LOS MDULOS.
1.- Login: Aqu el administrador
podr poner su nombre de usuario y contrasea para poder acceder al sistema. Esto se
realiza por motivos de seguridad ya que si no se contara con esta pared de seguridad,
cualquier usuario podr acceder a la aplicacin y hacer mal uso de ella.

2.- Docente: Aqu se podrn ingresar los datos del docente el cual ser dado de alta en el
sistema, para que as mismo este pueda trabajar en la institucin.

3.- Carrera: Aqu se podrn dar de

las nuevas carreras que sern abiertas para futuras
generaciones.

alta

4.- Inscripcion: Aqu es donde el administrador asignar a cada grupo un alumno o los
alumnos y el respectivo docente asignado para impartir la clase.

5.- Materia: Aqu el administrador podr crear materias.

6.- Materias: Aqu se agregaran las materias a su respectiva carrera y el semestre en el cual
se ejecuta.

7.- Grupos: En este apartado se asignan los grupos con el respectivo horario que tendr la
misma y el docente que impartir las clases.

8.- Alumno: Aqu se podrn crear los nuevos alumnos, se pedir el id del alumno el nmero
de control que le corresponde as como su fecha de nacimiento y correo.

10

MODO DE CONEXIN
En cuanto al modo en que la aplicacin de la institucin se conectara con el servidor
en el que se encuentra la base de datos es la siguiente:
Este segmento de cdigo es el string de conexin, el cual tiene un nombre de la
base de datos que buscara , el connectionString es quien realiza la conexin, el cual
es el nombre del host que ser el servidor o si se tuviese una IP seria la IP del
equipo. en initial catalog ser la base de datos que el buscara. en providername va
el cliente.

<configutation>
<connectionStrings>
<add name = "clientesConnectionString" connectionString="Data
Source=HOST o IP;Initial Catalog = Base de datos;Integrated "
providerName="System.Data.SqlClient"/>
</connectionStrings>
<system.web>
<compilation debug = "true" targetFramework="4.0"/>
</system.web>
</configuration>

11

Ahora configuramos los botones para agregar los datos por medio de la aplicacin a
la base de datos, es necesario agregar clases en C# que en este caso va a ser
nuestra clase de conexin
utilizaremos libreras para poder lograr la conexin.
usin System;
usin System.Collections.Generic;
usin System.web;
usin System.Data.SqlCliente;
usin System.Data;
usin System.Configuration;
// se crear variables protegidas para leer, adaptar, asignar los datos.
public class clsconexion
{
protected sqlDataReader reader;
protected sqlDataAdapter AdaptadorDatos;
protected DataSet data;
protected sqlConnection ocoeccion = new SqlConnection();
// se crea un mtodo pblico para que pueda ser visto por otras clases, el cual se va
a conectar a la tabla requerida
public void conectar(string tabla){
// necesitaremos el string de conexion
string strConexion=ConfigurationManager.ConnectionStrings["nombre de la
conexion"].ConnectionString;
oconexion.ConnectionString=strConexion;
//abrir la conexion
oconexion.Open();
// adaptacin de los datos para ejecutar los comandos
AdaptadorDatos = new SqlDataAdapter("select * from "+ tabla,oconexion);
// creamos el builder para que ejecute los comandos
SqlCommandBuilder ejecutacomandos = new SqlCommandBuilder
(AdaptadorDatos);
// el data set para llenar las filas de la tabla y cerramos la conexin.
Data=new DataSet();
AdaptadorDatos.fill(Data table);
oconexion.close();
}
}

12

Ahora creamos otra clase la cual guardar la informacin del cliente

usin System;
usin System.Collections.Generic;
usin System.web;
usin System.Data-SqlCliente;
usin System.Data;
// Ahora creamos otra clase la cual guardara la informacin del cliente, esta clase
extender la conexin para poder heredar atributos y utilizar algunos mtodos

public class clscliente: clsconexion{

string tabla="docente"//nombre de la tabla
protected String ..campos de la tabla
public clscliente (string campos de la tabla){
this.variables globales=atributos del constructor;
}
// creamos los mtodos para establecer y recuperar los datos, esto es por
cada atributo para que establezca y retorne el valor. set establece el valor y el
get retorna la variable global
//esto por cada atributo

public int atributo{

set {atributo = value;}
get {return atributo}
}
.
.
.
}

13

Una vez que tengamos ya definidos los atributos de la clase, vamos a

crear el mtodo que nos va a permitir agregar registros a la base de
datos.
public void agregar(){
// llamaremos al mtodo conectar (el cual est en la conexin) que recibe la
variable tabla

conectar(tabla);
// definimos el dataRow el cual es un registro de datos

DataRow fila;
fila=Data.Tables[tabla].NewRow();
// entre los corchetes va el nombre de la columna donde se almacenar el
registro, el cual se igualara al mtodo global esto por cada uno de las
columnas

fila["nombre columna"]=metodoglobal;
.
.
.
// con el adaptador de datos tenemos que agregarlo y actualizarlo

Data.Tables[tabla].Rows.Add(fila);
AdaptadorDatos.Update(Data,tabla);
}

14

Configuramos el botn agregar.

usin System;
usin System.Collections.Generic;
usin System.web;
usin System.Web.UI;
usin System.web.UI.WebControls;
public partial class pagecliente : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void btnagregar_Click(object sender, EventArgs e)
{
// creamos una instancia de la clase cliente, como sern valores String se
pondrn entre las comillas

clsccliente clte = new clscliente (.....);

// clte cliente hace referencia al mtodo que va a capturar la informacin del
cliente, a lo que est igualado es al nombre del textbox

clte.Nombre=nombrecampotexto.Text;
.
.
.
// y al final la agregamos.
clte.agregar();
}
}

15