COLEGIO DE ESTUDIOS CIENTÍFICOS

Y TECNOLÓGICOS

DEL ESTADO DE HIDALGO

“El Mirador Capula”

Componente de formación profesional en Programación

Proyecto Integrador

Página: Oficial CECyTEH “El Mirador Capula”

Integrantes:
Dedho Cerro Lucio
Flores Palacio Bryan
Landeros Ortega Juan Manuel
Paredes Lugo Adán
Ramírez Ibarra Karla María

Semestre: 4to Grupo: “D”

Docentes:
Ingeniero Pérez Lara Francisco
Ingeniera Rivera Canales Karen Lizbeth
Licenciada Hernández Torres María Guadalupe

Fecha: 07-06-23
ÍNDICE
INTRODUCCIÓN ................................................................................................................................... 2
PLANTEAMIENTO DEL PROBLEMA ...................................................................................................... 3
JUSTIFICACIÓN .................................................................................................................................... 4
OBJETIVO GENERAL ............................................................................................................................. 5
OBJETIVOS ESPECÍFICOS ...................................................................................................................... 5
METAS ................................................................................................................................................. 6
METODOLOGÍA PARA EL DESARROLLO WEB ...................................................................................... 7
ANÁLISIS .............................................................................................................................................. 9
DISEÑO .............................................................................................................................................. 11
DESARROLLO ..................................................................................................................................... 13
PRUEBAS............................................................................................................................................ 14
IMPLEMENTACIÓN ............................................................................................................................ 15
CALENDARIZACIÓN............................................................................................................................ 16
PRESUPUESTO ................................................................................................................................... 17
RESULTADO ....................................................................................................................................... 18
CONCLUSIÓN ..................................................................................................................................... 19
REFERENCIAS BIBLIOGRÁFICAS ......................................................................................................... 20
ANEXOS ............................................................................................................................................. 21

1
 INTRODUCCIÓN

En el presente trabajo se mostrará la elaboración de un sitio web el cual contendrá datos de la

escuela CECyTEH “Mirador Capula” se mostrará la forma en cómo se fue realizando por que se
realizó ahí como emplear todos los conceptos, aprendizajes adquiridos durante todas las secciones
de modulo con los diferentes docentes recopilando todo el aprendido y enfocándolo a nuestro
sitio web se mostrara su forma de funcionamiento y destaca miento empleándola en la escuela.

2
 PLANTEAMIENTO DEL PROBLEMA

El presente proyecto se desarrolla mediante herramientas de diseño web el cual contendrá, un

contenido sobre formas más sencillas de inscripciones carreras, becas, profesores, alumnos y
cosas relevantes sobre nuestra institución en una página web del CECyTEH la cual programaremos
por medio de php/css/js el cual genere una buena crítica del usuario u maestros.

3
 JUSTIFICACIÓN

Este proyecto está realizado para brindar información de nuestra institución así como la educación
técnica que brinda y la eficiencia terminal de los alumnos egresados, para que aquellos
interesados obtengan información sobre los servicios que brinda CECyTEH el Mirador Capula, esta
página informara sobre cómo son las instalaciones y áreas, becas disponibles, servicios y prácticas,
disciplinas de competición, reglamento escolar, docentes ,materias impartidas, facilitando la
inscripción de manera digital mejorando los procesos y optimizando el tiempo en la institución
beneficiando a los alumnos y prospectos interesados en algún trámite, casi más del 80% de
personas quedaron impactadas sobre la página oficial.

4
 OBJETIVO GENERAL
Crear Página oficial CECyTEH “El Mirador Capula” Para ayudar a las personas que estén
interesadas en esta página web, mediante nuestra información educativa

OBJETIVOS ESPECÍFICOS

 Mostrar los planes de estudio.

 Mostrar materias impartidas.
 Mostrar disciplinas de competencia.
 Dar a conocer las instalaciones y áreas.
 Informar sobre el reglamento escolar.
 Incrementar una sección de propuestas para mejoras.
 Informar sobre las becas disponibles.

5
 METAS
 Facilitar la información de nuestra institución.

 Hacer que nuestra página CECyTEH sea la oficial.

 Cubrir una necesidad a la escuela con nuestra página web.

 Facilitar el proceso de inscripción de manera digital.

 Generar prestigio a nuestra carrera por medio de nuestro proyecto integrador.

 Aplicar los conocimientos adquiridos para la realización de la codificación del programa.

 Plasmar la armonía de colores en el diseño de las vistas back-end y front-end.

 Implementar el uso de nuestra página a nuestra institución.

6
 METODOLOGÍA PARA EL DESARROLLO WEB
A continuación se mostraran imágenes del código de nuestra página oficial:

7
8
 ANÁLISIS

El CECYTEH, o Colegio de Estudios Científicos y Tecnológicos del Estado de Hidalgo, es una

institución educativa de nivel medio superior en el estado de Hidalgo, México. Su página web es
una herramienta importante para proporcionar información y recursos a estudiantes, padres de
familia y personal administrativo. A continuación, te proporcionaré un análisis simplificado de la
página del CECYTEH:

1. Información académica: La página proporciona información relevante sobre los programas

educativos ofrecidos por el CECYTEH, incluyendo planes de estudio, perfiles de las
carreras, requisitos de ingreso y trámites de inscripción. Esta sección es completa y útil para
los estudiantes interesados en obtener información académica.

2. Comunicación y contacto: La página del CECYTEH cuenta con secciones dedicadas a la

comunicación y contacto, donde se proporcionan números de teléfono, correos electrónicos
y direcciones físicas de las diferentes sedes y áreas administrativas. También se incluyen
enlaces a redes sociales y formularios de contacto para facilitar la comunicación con el
personal de la institución.

En resumen, la página del CECYTEH es una herramienta útil y bien organizada que brinda
información académica, recursos y facilita la comunicación con el personal de la institución. Su
diseño y navegación simplificados permiten a los usuarios acceder fácilmente a la información que
necesitan.
En esta página usamos el software (XAMPP) y los lenguajes de programación php y My SQL

9
Diagrama de navegación
A continuación se mostrara lo que conlleva nuestro programa:

Modelo lógico de la BD

Aquí se muestra nuestro modelo Entidad-Relación de nuestra página CECyTEH:

10
 DISEÑO
Diseño de interfaces

En las siguientes imágenes se muestra todo lo que lleva nuestra página oficial
CECyTEH el Mirador Capula

11
 Modelo físico de la BD

Aquí realizamos nuestro modelo físico que fue hecho por medio de XAMPP

12
 DESARROLLO
Descripción de las herramientas de trabajo

Laptop: Un equipo personal que puede ser transportado fácilmente, con esta herramienta de
trabajo se estuvo programando nuestra página oficial CECyTEH.

Teléfono móvil: Dispositivo inalámbrico electrónico que permite tener acceso a la red de telefonía
celular o móvil, con ayuda de esta herramienta verificamos que nuestra página oficial CECyTEH
funcionara correctamente.

Diccionario de datos de la BD

Aquí mostramos nuestras tablas que fueron realizadas por medio de XAMPP

13
 PRUEBAS
Aquí se muestran nuestras pruebas de cómo va quedando nuestro programa:

14
 IMPLEMENTACIÓN
1.-Eligo el método de carga.

2.-Carga el archivo.

3.-Muevo el archivo y lo llevo directo a la raíz principal.

4.-Importo mi programa.

5.-Envio.

6.-Finalmente reviso si se subió correctamente.

15
 CALENDARIZACIÓN

En la siguiente imagen se muestran las fechas en las que se estuvo realizando cada parte de
nuestro proyecto nuestro proyecto:

16
 PRESUPUESTO
A continuación, se mostrará todo el gasto económico que se utilizó para la realización de nuestra
página oficial CECyTEH:

COMPONENTE DÍA 1 DÍA 2 DIA3 CANTIDAD COSTO COSTO

UNITARIO TOTAL
MANO DE OBRA

Analista 6h 3h 7h 16h $83.91 $1,342.56

desarrollador de
software
Analista de calidad 3h 1h 2h 6h $49.23 $295.38
HARDWARE

Uso informático de 5h 3h 6h 14h $1.99 $27.86

computadora del
desarrollador
Uso informático de 1h 1h 2h 4h $2.99 $11.96
computadora del
analista de calidad
Adquisición de 1h 1h 1h 3h $12 $36
servidor web
SERVICIOS

Energía eléctrica 14.2k 12.3k 15.6k 42.1kw/h $2.40 $101.04

w/h w/h w/h
Internet 1 1 1 3 $50 $150
plan plan plan
Transporte $34 $34 $34 $34 $54 $190

17
 RESULTADO

A continuación, se muestra como queda finalmente nuestra página oficial CECyTEH:

18
 CONCLUSIÓN
La página del CECyTEH (Colegio de Estudios Científicos y Tecnológicos del Estado de Hidalgo)
es una plataforma informativa que proporciona a estudiantes, padres de familia y público en general
una amplia gama de recursos y servicios relacionados con la educación científica y tecnológica.
Se puede concluir que la página CECyTEH brinda información detallada sobre los programas
académicos que se imparten, las especialidades disponibles y los requisitos de ingreso de manera
digital.
Además, se destacan los proyectos e investigaciones realizados por nuestro equipo, lo que muestra
es el enfoque práctico y el fomento de la creatividad, otro aspecto importante de la página
CECyTEH es la disponibilidad de recursos educativos en línea.

19
 REFERENCIAS BIBLIOGRÁFICAS

Grafiati. (2023). Literatura academica sobre el

tema”MySQL”Grafiati.https://www.grafiati.com/es/literatura-.selections/mysql/

Domestika. (2020,4 diciembre). Tutorial Programacion:crea tu primer código en

PHP.Domestika.https://www:domestika.org/es/blog/2255-tutorial-programacion-crea-tu-primer-
codigo-en-php/

BaulPHP. (2022,25 noviembre). BaulPHP.https://www.baulphp.com/

Fsarachaga. (2022). Lenguajes de Programación /MySQL. Diseño Web/SEO/Google Partner en

Madrid. https://Fernandosarachaga.com/es/lenguajes-programacion-mysql/

Cephalin. (2023,9 marzo). Tutorial:PHP app with MySQL-Azure App Service.Microsoft learn.
https://learn.microsoft.com/en-us/azure/app-service/tutorial-php-mysql-app/

20
ANEXOS

21