TECNOLÓGICO DE ESTUDIOS SUPERIORES DE IXTAPALUCA

ORGANISMO PÚBLICO DESCENTRALIZADO DEL GOBIERNO DEL ESTADO DE MEXICO

PROYECTO DE RESIDENCIA PROFESIONAL:

SISTEMA WEB GEISMAC

(GRUPO EDUCATIVO INTEGRACIÓN SOCIAL MÉXICO A.C.)

INGENIERÍA INFORMÁTICA

QUE PRESENTA:
DANIEL JUÁREZ BARRERA

AUTORIZÓ

M.D.T.I. VICTOR PORCAYO ALTAMIRANO ING. INÉS AMÉRICA MECALCO CASTILLO

ASESOR TÉCNICO ASESOR METODOLÓGICO

MTRA. MARÍA ELENA OROZCO ALVAREZ

SUBDIRECTORA DE ESTUDIOS PROFESIONALES

IXTAPALUCA, ESTADO DE MÉXICO SEPTIEMBRE DE 2019

AGRADECIMIENTOS
A mis amigos Lucero García Ortiz, Luis Fernando Alonso Sumano, María Luisa
Ramírez Hernández, Miriam Ollintzin Domínguez Rojas y Perla García, gracias por
estar conmigo, ustedes son un ejemplo a seguir, que dios los bendiga y le doy
gracias a Dios por haberlos conocido a todos, esto es un logro mío que comparto con
ustedes. Muchas gracias.

A mis profesores Víctor Porcayo Altamirano, Jacqueline Fajardo Uriarte e Inés

América Mecalco Castillo por el apoyo durante mis residencias profesionales, los
conocimientos adquiridos durante ese tiempo fueron fundamentales para poder llevar
a cabo el desarrollo del presente trabajo, mil gracias por contribuir a mi formación
académica y personal.

A mis profesores Juan Carlos Cisneros Rasgado, Luz Alicia Hernández Andrade,
Humberto Espinosa Vega, Armando Escobar Benítez y Josué Vicente Cervantes
Bazán por el apoyo y los conocimientos brindados, por su dedicación, gracias por
hacer posible esto.

No hay palabras para expresarles mi infinito agradecimiento a todos y cada uno de

ustedes.
Con cariño y respeto Daniel Juárez Barrera
DEDICATORIA
A mis padres y hermanos con amor y respeto, por ser un apoyo incondicional en los
momentos más difíciles de este arduo camino, por su comprensión, por darme la
mano cuando más lo necesité, por tantas noches de desvelo, pero sobretodo por
estar siempre conmigo, ustedes son mayor inspiración y mi fuerza, son mi razón para
seguir adelante.

A mis papás Luis y Marcela por la sonrisa de cada mañana, ustedes son mi alegría,
son mi más grande adoración, gracias papás.

Hoy es un día más, un paso adelante, un logro que sin ustedes no hubiese sido
posible y le agradezco a Dios que estén conmigo, sé que jamás encontraré la forma
de recompensarles por todo, no sé qué haría sin ustedes, les agradezco
infinitamente por ser parte fundamental de una de las metas más importantes de mi
vida, mis estudios profesionales.
Con todo mi amor y cariño Daniel Juárez Barrera
INDICE

I.- INTRODUCCIÓN .................................................................................................... 1

II.-OBJETIVOS (GENERAL Y ESPECIFICOS) ........................................................ 3
III.- JUSTIFICACIÓN ................................................................................................. 4
IV.-PLANTEAMIENTO DEL PROBLEMA ................................................................ 6

CAPITULO I .............................................................................................................. 7
1.- SOFTWARE LIBRE............................................................................................. 8
1.2 VENTAJAS DE SOFTWARE LIBRE .................................................................. 9
1.3 DESVENTAJAS DE SOFTWARE LIBRE ........................................................... 9
1.4 WAMPSERVER................................................................................................... 10
1.5 W3C (WORLD WIDE WEB)................................................................................ 10
1.6 WEB 1.0 .............................................................................................................. 11
1.7 PAGINA WEB .............................................................................................. 11
1.8 PHP (HYPERTEXT PRE-PROCESSOR) ............................................................ 12
1.9 EVOLUCIÓN DE PHP ......................................................................................... 14
1.10 BASES DE DATOS ........................................................................................... 15
1.11 JAVASCRIPT .................................................................................................... 15
1.12 HOJAS DE ESTILO EN CASCADA (CSS) ....................................................... 17
1.13 HTML................................................................................................................. 18
1.14 MYSQL .............................................................................................................. 19

MARCO HISTORICO .................................................................................................19

HTML......................................................................................................................... 19
JAVASCRIPT ............................................................................................................ 21
PHP ............................................................................................................................ 23
CSS ............................................................................................................................ 24
BASES DE DATOS ................................................................................................... 26
SOFTWARE LIBRE ................................................................................................... 29
MYSQL ...................................................................................................................... 32
MARCO REFERENCIAL .......................................................................................... 33
HTML......................................................................................................................... 33
PHP ............................................................................................................................ 35
JAVASCRIPT ............................................................................................................ 36
MYSQL ...................................................................................................................... 37

CAPITULO II...................................................................................................................... 39
2.1 MISION................................................................................................................ 40
2.2 VISION ................................................................................................................. 40
2.3 FILOSOFIA.......................................................................................................... 40
2.4 UBICACIÓN ........................................................................................................ 40
2.5 POLÍTICAS DE CALIDAD ................................................................................. 41
2.6 PROPÓSITOS DEL PROYECTO ........................................................................ 42

CAPITULO III ............................................................................................................ 44

3.1 CONEXIÓN A LA BASE DE DATOS .................................................................. 45
3.2 INTERFAZ GRÁFICA DEL SISTEMA WEB GEISMAC ...................................... 45
3.2.1 SCRIPT DEL MENU PRINCIPAL GEISMAC ...................................................46
3.3. SECCION QUIENES SOMOS ............................................................................ 48
3.3.1 SCRIPT DE LA SECCION QUIENES SOMOS ............................................... 48
3.4. SECCION MODELO EDUCATIVO ..................................................................... 49
3.4.1 SCRIPT DE LA SECCION MODELO EDUCATIVO ........................................ 50
3.5. SECCION OFERTA EDUCATIVA ...................................................................... 50
3.5.1 SCRIPT DE LA SECCION OFERTA EDUCATIVA ..........................................51
3.6. SECCION INSTALACIONES ............................................................................. 52
3.6.1 SCRIPT DE LA SECCION INSTALACIONES ................................................. 52
3.7. SECCION UBICACIÓN… ................................................................................... 53
3.7.1 SCRIPT DE LA SECCION UBICACIÓN .......................................................... 54
3.8. SECCION ACTIVIDADES COCURRICULARES ................................................ 55
3.8.1 SCRIPT DE LA SECCION ACTIVIDADES COCURRICULARES ...................55
3.9. SECCION REQUISITOS .................................................................................... 56
3.9.1 SCRIPT DE LA SECCION REQUISITOS .........................................................57
3.10. SECCION PERSONAL.................................................................................... 57
3.10.1 SCRIPT DE LA SECCION PERSONAL ........................................................ 58
3.11. INTERFAZ GRÁFICA DEL LOGIN .................................................................. 58
3.11.1 SCRIPT DEL LOGIN ..................................................................................... 59
3.12. INTERFAZ GRÁFICA DE LA GESTION DE USUARIOS ...............................59
3.12.1 SCRIPT DE LA GESTION DE USUARIOS .................................................. 60
3.13. INTERFAZ GRÁFICA DEL REGISTRO DE USUARIOS ............................... 60
3.13.1 SCRIPT DEL REGISTRO DE USUARIOS ................................................... 61
3.14. INTERFAZ GRÁFICA DE LA BIBLIOTECA GEISMAC ................................. 61
3.14.1 SCRIPT DE LA BIBLIOTECA GEISMAC .................................................... 62
3.15. INTERFAZ GRÁFICA DEL CUATRIMESTRE GEISMAC ............................. 62
3.15.1 SCRIPT DEL CUATRIMESTRE DE LA BIBLIOTECA GEISMAC ............... 63
3.16. INTERFAZ GRÁFICA DE LA DESCARGA DE LIBROS GEISMAC ............. 63
3.16.1 SCRIPT DE LA DESCARGA DE LIBROS GEISMAC ................................. 64

4.-CONCLUSIONES ............................................................................................ 65
5.-ANEXOS ..........................................................................................................66
6.-GLOSARIO… ................................................................................................... 66
7.-BIBLIOGRAFIA ................................................................................................... 68

FIGURAS
FIG.1 EJEMPLOS DE SOFTWARE LIBRE .................................................................8
FIG.2 INTERFAZ DE WAMPSERVER ...................................................................... 10
FIG.3 PROGRAMACIÓN EN JAVASCRIPT .............................................................. 16
FIG.4 EJEMPLO DEL USO DE CSS EN HTML .......................................................17
FIG.5 UBICACIÓN DE LA INSTITUCIÓN ............................................................... 41
FIG.6 CONEXIÓN A LA BASE DE DATOS .............................................................. 45
FIG.7 INTERFAZ GRÁFICA DE GEISMAC… .......................................................... 45
FIG. 8 SCRIPT DEL MENÚ PRINCIPAL GEISMAC..................................................47
FIG.9 CREACIÓN DE LA SECCIÓN QUIENES SOMOS ......................................... 48
FIG.10 SCRIPT DE LA SECCIÓN DE QUIENES SOMOS ........................................ 49
FIG.11 CREACIÓN DE LA SECCIÓN MODELO EDUCATIVO ................................49
FIG.12 SCRIPT DE LA SECCIÓN DEL MODELO EDUCATIVO .............................. 50
FIG.13 CREACIÓN DE LA SECCIÓN OFERTA EDUCATIVA ................................ 51
FIG.14 SCRIPT DE LA SECCIÓN DE OFERTA EDUCATIVA ................................. 51
FIG.15 CREACIÓN DE LA SECCIÓN INSTALACIONES ....................................... 52
FIG.16 SCRIPT DE LA SECCIÓN DE INSTALACIONES ...................................... 53
FIG.17 CREACIÓN DE LA SECCIÓN UBICACIÓN ................................................ 54
FIG. 18 SCRIPT DE LA SECCIÓN DE UBICACIÓN ................................................. 54
FIG.19 CREACIÓN DE LA SECCIÓN ACTIVIDADES COCURRICULARES………55
FIG. 20 SCRIPT DE LA SECCIÓN DE ACTIVIDADES COCURRICULARES .......... 56
FIG.21 CREACIÓN DE LA SECCIÓN REQUISITOS ............................................... 56
FIG.22 SCRIPT DE LA SECCIÓN REQUISITOS ..................................................... 57
FIG.23 CREACIÓN DE LA SECCIÓN PERSONAL.................................................. 58
FIG.24 SCRIPT DE LA SECCIÓN DE PERSONAL.................................................. 58
FIG.25 CREACIÓN DE LA FORMULARIO DEL LOGIN GEISMAC ........................59
FIG.26 SCRIPT DE LA CREACIÓN DE LOGIN .......................................................59
FIG.27 INTERFAZ GRÁFICA DE LA GESTIÓN DE USUARIOS ............................60
FIG.28 SCRIPT DEL GESTIONAMIENTO DE USUARIOS ..................................... 60
FIG.29 INTERFAZ GRÁFICA DEL REGISTRO DE USUARIOS GEISMAC ............ 61
FIG.30 SCRIPT DEL REGISTRO DE USUARIOS GEISMAC ..................................61
FIG.31 INTERFAZ GRAFICA DE LA BIBLIOTECA GEISMAC ............................... 62
FIG.32 SCRIPT DE LA BIBLIOTECA GEISMAC ..................................................... 62
FIG.33 INTERFAZ GRAFICA DE LA SECCIÓN PRIMER CUATRIMESTRE DE LA
BIBLIOTECA GEISMAC ............................................................................................ 63
FIG.34 SCRIPT DE LA SECCIÓN PRIMER CUATRIMESTRE DE LA BIBLIOTECA
GEISMAC ................................................................................................................ 63
FIG.35 INTERFAZ GRAFICA DE MATEMÁTICAS EN LA BIBLIOTECA
GEISMAC ..................................................................................................................64
FIG.36 LIBRO DE MATEMÁTICAS A DESCARGAR EN FORMATO PDF ............. 64
FIG.37 SCRIPT DE LA DESCARGA DE LIBROS DE GEISMAC ...........................65
TABLAS
TABLA 1 EVOLUCIÓN DE PHP ............................................................................... 14
TABLA 2.- DICCIONARIO DE DATOS DE LA TABLA LOGIN ............................... 66