Informe Tecnico
Informe Tecnico
Informe Tecnico
PRESENTA:
ALEXIS ANTONIO JIMÉNEZ JOAQUÍN
ASESOR:
M.C. SUSANA MÓNICA ROMÁN NÁJERA
Cabe recalcar que esta institución educativa no cuenta con una plataforma o aplicación
web, para ello se necesita desarrollar e implementar un sistema de información para
poder difundir información al público en general y obtener datos referentes alumnos de
nuevo ingreso y existentes.
2
II. OBJETIVOS
OBJETIVO GENERAL
OBJETIVOS ESPECÍFICOS
Analizar los requerimientos que se pretenden resolver para el sistema de
información.
Analizar, diseñar y desarrollar la base de datos que aloje toda la información
relacionada con los registros y control estudiantil.
Analizar, cotizar y adquirir servicios de hosting y dominio.
Diseñar las vistas que mostrará el sistema de información.
Diseñar los mecanismos para los registros y control estudiantil.
Desarrollar dichos mecanismos para los registros y control estudiantil.
Implementar dichos mecanismos en un hosting público.
3
III. PROBLEMAS A RESOLVER, PRIORIZANDOLOS
Con el desarrollo e implementación del Sistema de Información para Registro y Control
Estudiantil, en el Centro de Bachillerato Tecnológico Industrial y de Servicios N°25 de
Salina Cruz, Oaxaca, se prevé resolver varios problemas con los que cuenta
actualmente la institución.
4
IV. PROCEDIMIENTOS Y DESCRIPCIÓN DE LAS ACTIVIDADES
Para crear el script de la base de datos se usó MySQL WORKBENCH ya que posee
varias herramientas para su creación de una base de datos y por ultimo para codificar
el sistema se usó el editor de texto VISUAL STUDIO CODE, es un software libre, fácil
de usar y muy potente.
5
Herramienta visual de diseño de Conexión a base de
bases de datos que integra datos & Instance
desarrollo de software, Management.
administración de bases de Soporte para plugins
datos, diseño de bases de personalizados.
datos. Editor de SQL.
Modelado de datos.
Es un editor de código fuente Colores para los
sofisticado que admite muchas lenguajes soportados.
funcionalidades practicas al Nos permite fácilmente
momento de trabajar con el encontrar principio y fin
código de nuestros bloques de
código.
Software libre
6
GLOSARIO
DEFINICIÓN CARACTERISTICAS
En esta primera etapa se hará la recolección de todos los datos necesarios para la
creación de la base de datos del sistema de información, consiste en tener los datos o
los módulos que se quiere crear para la creación del sistema
Además, crear los diseños de cada una de las interfaces, también se seleccionará el
lenguaje de programación, el framework a utilizar y el gestor de la base de datos.
7
DISEÑO
En la etapa del diseño se elaborará como quedará la base de datos, cada uno de los
procesos que realizará el sistema de información y el diseño de las interfaces.
CODIFICACIÓN
PRUEBAS
En esta etapa se debe realizar todas las pruebas necesarias para ver que el sistema
esté funcionando correctamente y no tenga ningún problema al momento de ser
utilizada.
IMPLEMENTACIÓN
MANTENIMIENTO
El mantenimiento del sistema de información web será fundamental por cualquier error
que no se vio durante las pruebas y para la realización de mejorar de dicha aplicación.
8
DISEÑO CONCEPTUAL
9
DISEÑO LÓGICO
MODELO DE DATOS
En la figura no. 2 se representa el modelo de datos relacional, organizando los datos
en forma de tablas.
10
DICCIONARIO DE DATOS
lista_reinscripcion
CAMPO PK FK TIPO DE DATO TAMAÑO DESCRIPCIÓN
numero_control * varchar 15 Clave primaria para identificar a un
alumno que se puede reinscribir.
tipo
CAMPO PK FK TIPO DE DATO TAMAÑO DESCRIPCIÓN
idTipo * int Llave primaria para identificar al tipo de
usuario.
11
usuario
CAMPO PK FK TIPO DE DATO TAMAÑO DESCRIPCIÓN
idUsuario * int Llave primaria para identificar al usuario.
noticia
CAMPO PK FK TIPO DE DATO TAMAÑO DESCRIPCIÓN
idNoticia * int Llave primaria para identificar la noticia.
imágenes
CAMPO PK FK TIPO DE DATO TAMAÑO DESCRIPCIÓN
idImagen * int Llave primaria para identificar la noticia.
12
especialidad
CAMPO PK FK TIPO DE DATO TAMAÑO DESCRIPCIÓN
idEspecialidad * int Llave primaria para identificar a la
especialidad.
nombreEsp varchar 50 Nombre para la especialidad.
solicitud_ficha
CAMPO PK FK TIPO DE DATO TAMAÑO DESCRIPCIÓN
idSolicitud * int Llave primaria para identificar a la
solicitud
nombre varchar 50 Nombre de la persona que solicita la
ficha
apePaterno varchar 50 Apellido paterno de la persona que
solicita la ficha
apeMaterno varchar 50 Apellido materno de la persona que
solicita la ficha
curp varchar 18 Clave única de registro de población de
la persona que solicita la ficha
numSeguro varchar 11 Número de seguro social de la persona
que solicita la ficha
lugarNac varchar 50 Lugar de nacimiento de la persona que
solicita la ficha
municipioNac varchar 50 Municipio donde nació la persona que
solicita la ficha
estadoNac varchar 50 Estado donde nació la persona que
solicita la ficha
nombreSec varchar 50 Nombre de la secundaria donde
estudió la persona que solicita la ficha
lugarSec varchar 50 Lugar donde estudió la secundaria la
persona que solicita la ficha
municipioNac varchar 50 Municipio donde estudió la secundaria
la persona que solicita la ficha
estadoNac varchar 50 Estado donde estudió la secundaria la
persona que solicita la ficha
promedio varchar 5 Promedio general de la secundaria que
obtuvo el alumno
13
salon int 2 Salón donde presentará el alumno el
examen.
id_especialidad * int Llave foránea para identificar la
especialidad que desea llevar el
alumno.
Tabla No. 9 Diccionario de datos de la entidad "solicitud_ficha".
alumno
CAMPO PK FK TIPO DE DATO TAMAÑO DESCRIPCIÓN
numero_control * int 15 Llave primaria para identificar al
alumno y como acceso a login.
cuestionario
CAMPO PK FK TIPO DE DATO TAMAÑO DESCRIPCIÓN
idPregunta * int Llave primaria para identificar a la
pregunta.
15
respuesta
CAMPO PK FK TIPO DE DATO TAMAÑO DESCRIPCIÓN
num_control * * int Llave primaria y foránea para identificar
al alumno.
constancia
CAMPO PK FK TIPO DE DATO TAMAÑO DESCRIPCIÓN
idConstancia * int Llave primaria para identificar la
constancia.
tramite
CAMPO PK FK TIPO DE DATO TAMAÑO DESCRIPCIÓN
folio * int Llave primaria para identificar la
constancia.
16
DISEÑO FÍSICO
A continuación, se presenta el código SQL para la creación de la base de datos, donde
se codifico utilizando las especificaciones del diccionario de datos.
SCRIPT
DROP DATABASE IF EXISTS bdcbtis25;
CREATE DATABASE bdcbtis25;
use bdcbtis25;
17
)ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;
18
)ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;
19
ocupacionPadre VARCHAR(50) NULL,
escolaridadPadre VARCHAR(50) NULL,
nombreMadre VARCHAR(80) NOT NULL,
viveMadre VARCHAR(2) NOT NULL,
edadMadre VARCHAR(3) NULL,
ocupacionMadre VARCHAR(50) NULL,
escolaridadMadre VARCHAR(50) NULL,
nombrePrimaria VARCHAR(50) NOT NULL,
promedioPrimaria VARCHAR(5) NOT NULL,
nombreSecundaria VARCHAR(50) NOT NULL,
promedioSecundaria VARCHAR(5) NOT NULL,
num_control VARCHAR(15),
FOREIGN KEY (num_control) REFERENCES alumno(numero_control)
ON DELETE CASCADE ON UPDATE CASCADE
)ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;
20
MODELO DE CASO DE USO
A continuación, se muestra en la figura no. 3 el diagrama de casos de uso general.
DIAGRAMA DE SECUENCIA
En las siguientes figuras se indicarán los diferentes diagramas de secuencia,
mostrando la interacción del conjunto de objetos.
21
Figura No. 5 Diagrama de secuencia para cerrar sesión.
22
Figura No. 7 Diagrama de secuencia para editar datos de un formulario.
23
DIAGRAMA DE ESTADO
Posteriormente en las siguientes figuras No.9 y No.10 se muestran los diferentes
diagramas de estados, permitiendo determinar cada una de las rutas que puede tomar
un movimiento de información.
24
CLASE CONTROL
En la figura no. 11 se presenta la clase control de las tablas de la base de datos.
25
V. RESULTADOS
PROTOTIPOS DE INTERFACES DE USUARIO
MAPA DE SITIO
En la figura no. 12 se presenta la estructura del mapa de sitio del sistema externo.
26
En la figura no. 13 se presenta la estructura del mapa de sitio del sistema interno.
27
SITIO WEB EXTERNO
SOLICITUD DE FICHAS
En la figura no. 14, se encuentra un formulario para que los aspirantes soliciten una
ficha de nuevo ingreso, donde requiere de nombre(s) apellidos, curp, número de
seguro, lugar de nacimiento, municipio de nacimiento, estado de nacimiento, nombre
de la secundaria donde estudio, lugar de secundaria, municipio donde se encuentra la
secundaria al igual que el estado, promedio general y por último que seleccione la
especialidad que desea cursar.
28
REGISTRO ESTUDIANTIL
En la figura no. 15, se encuentra un formulario de registro estudiantil donde los
alumnos registran datos personales.
29
En la figura no. 17, se encuentra un formulario mediante su número de control hace
una consulta para verificar si puede reinscribirse.
30
En la figura no. 19, se muestra un formato PDF de reinscripción para imprimir o
guardar.
31
Si los datos proporcionados son los correctos el sistema accederá a la página principal
del usuario tipo “super-admin”, al igual tendrá acceso al menú de opciones del sistema.
En la figura no. 21, se visualiza la página principal para el tipo de usuario “SUPER-
ADMIN”.
32
En la figura no. 23, se encuentra un formulario para agregar un tipo de usuario que
pide el siguiente dato.
Tipo de usuario
USUARIOS
33
En la figura no. 25, se encuentra un formulario para agregar un usuario que pide los
siguientes datos.
Nombre completo.
Nombre de usuario.
Contraseña.
Tipo de usuario.
34
En la figura no. 27, se encuentra un formulario para publicar una noticia que pide los
siguientes datos.
Titulo.
Descripción.
Fotos.
35
ESPECIALIDADES
En la figura no. 28, se encuentra la sección con las siguientes opciones: Agregar
especialidad, editar más contenido, eliminar y buscar.
En la figura no. 29, se encuentra un formulario para agregar una especialidad que pide
los siguientes datos.
Nombre de la especialidad.
Objetivo.
Justificación.
Área de estudio.
Mapa de competencia.
Perfil de egreso.
Imagen.
36
Figura No. 29 Formulario para agregar una especialidad.
37
ASPIRANTES
En la figura no. 30, se muestra una lista de la opción aspirante para poder descargar
una lista en formato EXCEL de todos los aspirantes que solicitaron una ficha. Y
también poder borrar toda la lista.
En la figura no. 32, muestra un mensaje de error. Puede ser que haya sido eliminado
o no se pudo eliminar.
38
ALUMNOS
En la figura no. 33, se muestra una lista de la opción alumnos donde el administrador
sube una lista de formato CSV con todos los alumnos que están inscritos y donde se
elimina la lista.
En la figura no. 34, se muestra un formulario para poder subir el archivo CSV. Que
solo pide el siguiente dato.
Archivo.
En la figura no. 35, muestra un mensaje de error. Puede ser que haya sido eliminado
o no se pudo eliminar.
39
CONSTANCIAS
En la figura no. 36, se encuentra la sección con las siguientes opciones: Agregar
constancia, editar, eliminar y buscar.
40
CUESTIONARIO
En la figura no. 38 se encuentra la sección con las siguientes opciones: Agregar
preguntas, editar, eliminar y buscar.
En la figura no. 39 se muestra un formulario para agregar una pregunta, solo requiere
el siguiente dato.
Pregunta.
41
En la figura no. 40, se muestra un formulario para acceder al sistema de tipo
PERSONAL ADMINISTRATIVO.
Si los datos proporcionados son los correctos el sistema accederá a la página principal
del usuario tipo “personal administrativo”, al igual tendrá acceso al menú de opciones
del sistema.
En la figura no. 41, se visualiza la página principal para el tipo de usuario “PERSONAL
ADMINISTRATIVO”.
43
En la figura no. 44, se encuentra la sección con las siguientes opciones: Ver datos,
eliminar y buscar.
En la figura no. 45, se muestra un formulario para acceder al sistema de tipo ALUMNO.
44
Si los datos proporcionados son los correctos el sistema accederá a la página principal
del usuario tipo “alumno”, al igual tendrá acceso al menú de opciones del sistema.
En la figura no. 46, se visualiza la página principal para el tipo de usuario “ALUMNO”.
45
En la figura no. 46, se muestra un formulario donde el alumno podrá responder el
cuestuario. Que solicita los siguientes datos.
Responder si o no.
Escribir una breve descripción.
Frecuencia.
46
En la figura no. 50, se visualiza la carpeta raíz del proyecto.
47
En la figura no. 52, se visualiza la carpeta de los modelos.
En la figura no. 53, se visualiza la carpeta de todas las vistas que se muestra en
pantalla del sitio web.
48
En la figura no. 55, se visualiza la carpeta “images” donde se guardan todas las
imágenes subidas.
Figura No. 55 Carpeta donde se guardan las imágenes que se suben en formularios.
En la figura no. 56, se visualiza la carpeta “listas” donde se guardan todos los archivos
subidos.
49
PRUEBAS
ANTES DESPUÉS
El aspirante tenía que ir al colegio para Ahora con el sistema, el aspirante puede
solicitar una ficha de nuevo ingreso. solicitar una ficha desde casa, en menos
de 5 minutos.
El aspirante tenía que rellenar unos formatos Con el sistema, los formatos se rellenan
muy tedioso, tomaba de 20 a 30 minutos en solo, listo para descargar o imprimirlos.
rellenar los formatos
50
Los formatos se rellenaban con pluma. El sistema te genera los formatos en PDF.
El encargado de las solicitudes, debería Ahora el sistema, crea una lista en Excel
hacer una lista en Excel, para verificar los automáticamente con todos los registros
datos. guardados, también el encargado podrá
eliminar dicha lista cada año antes de la
fecha de tramites de solicitudes de fichas.
Lista en Excel y verificación para eliminar todos los registros de las solicitudes de fichas
Antes el encargado tenía que hablar con Ahora el encargado sube una lista cada
todos los alumnos, de quien podría semestre para que los alumnos verifiquen
reinscribirse y quienes no podrían. si se puede reinscribir y puedan pagar en
línea.
51
El alumno pasaba con el encargado para ser Ahora el alumno con solo ingresar su
informado si se podría reinscribir o no podría. número de control, le informa si es un
alumno regular o irregular.
52
ADQUISICION DE HOSTING Y DOMINIO
53
En la figura No. 58, se aprecia un correo electrónico enviado por
HOSPEDANDO.COM.MX al momento de adquirir cualquier plan, el correo contiene
accesos y contraseñas para el panel de control, para la cuenta de la página
HOSPEDANDO.COM.MX y guías de usuarios.
55
En la figura No. 61, se visualiza el sistema, accediendo con el dominio
http://cbtis25.edu.mx/ teniendo en cuenta que el dispositivo móvil tenga acceso a
internet para poder acceder a la página.
56
VI. CONCLUSIONES Y RECOMENDACIONES
Las interfaces que se diseñaron fueron realizadas a petición del director de dicha
institución, así también la información que se presenta en dicho sitio web.
Dentro del sistema se consideró que los datos sean exportados a EXCEL y PDF, para
mejorar y resguardar datos registrados.
Otra recomendación, todas las imágenes utilizadas dentro de Sistema para fines de
visualización de imágenes que se registran en el sistema pertenezcan a un formato
JPG o PNG, esto reduciendo el peso sin perder calidad en la imagen.
57
VII. COMPETENCIAS DESARROLLADAS
COMPETENCIAS PROFESIONALES
58
VIII. REFERENCIAS BIBLIOGRÁFICAS Y VIRTUALES
BIBLIOGRAFÍAS
Luc Van Lancker, XHTML y CSS: Los nuevos estándares del código fuente [2ª edición],
Ediciones Eni, 2009 ISBN 274604742X, 9782746047426. Oscar Capuñay Uceda,
Desarrollo Web con PHP: Aprende PHP pasó a paso, ocapunay, 2013.
59
FUENTES VIRTUALES
Juan D. Gauchat, Segunda Edición en libro electrónico: Enero de 2015, El gran libro
de HTML5, CSS3 y JavaScript. Referencia bibliográfica obtenida de la dirección web:
https://adegiusti.files.wordpress.com/2013/09/el-gran-libro-de-html5-css3-y-
javascript.pdf
60
ANEXO
Anexo 1: Manual de Usuario.
TIPOS
En esta sección se encontrará las siguientes opciones: Agregar tipo de usuario [1],
editar [2], eliminar [3] y buscar [4].
[1]
[4]
[2] [3]
En este apartado se encuentra la sección con las siguientes opciones: Agregar usuario
[1], editar [2], eliminar [3] y buscar [4].
[1]
[4]
[2] [3]
[1]
[4]
[2] [3]
Clic en publicar una noticia, se abre el siguiente formulario, pide los siguientes datos.
Titulo.
Descripción.
Fotos.
ESPECIALIDADES
[1]
[4]
[2] [3]
Se da clic en agregar especialidad y luego aparece un formulario para agregar una
especialidad que pide los siguientes datos.
Nombre de la especialidad.
Objetivo.
Justificación.
Área de estudio.
Mapa de competencia.
Perfil de egreso.
Imagen.
ASPIRANTES
En este apartado se muestra una lista de la opción aspirante para poder descargar
una lista en formato EXCEL de todos los aspirantes que solicitaron una ficha [1]. Y
también poder borrar toda la lista [2].
[1]
[2]
Una vez dado clic en descargar lista de aspirante empieza la descarga de la lista de
todos los aspirantes que solicitaron una ficha en formato excel.
[1]
[2]
Se muestra un formulario para poder subir el archivo CSV. Que solo pide el siguiente
dato.
Archivo en formato CVS.
Si el usuario que subirá el archivo no sabe cómo debe ser el formato de archivo “.csv”
debe dar clic en la pregunta que está arriba del formulario para ver la estructura del
archivo.
Una vez que desee eliminar dar clic en eliminar lista y se muestra un mensaje. Puede
ser que haya sido eliminado o no se pudo eliminar.
CONSTANCIAS
En este apartado se encuentra la sección con las siguientes opciones: Agregar
constancia [1], editar [2], eliminar [3] y buscar [4].
[1]
[4]
[2] [3]
[1]
[4]
[2] [3]