PRODUCCION TECNICA DESARROLLO DE PAGINA WEB, ESPECIALIDADES, CICLOS USANDO PHP Y JAVASCRIPT

INSTITUTO SUPERIOR TECNOLÓGICO
JOSÉ OCHOA LEÓN
PASAJE – EL ORO – ECUADOR
Producción Técnica
1
JOSÉ OCHOA LEÓN
PRODUCCIÓN TÉCNICA
DESARROLLO DE LAS PÁGINAS WEB DE PERIODO,
ESPECIALIDADES Y CICLOS UTILIZANDO LENGUAJE DE
PROGRAMACIÓN PHP Y JAVA SCRIPT USANDO LA
METODOLOGÍA ORIENTADA A OBJETOS
COMPUTACIÓN E INFORMÁTICA
Desarrollo de Software
Aplicaciones Web
Investigación – Ciencia – Pertinencia - Tecnología
AUTOR:
Bryan Alejandro Castro Prado
DOCENTE RESPONSABLE:
Tlgo. Silvio Vinicio Quezada Puchaicela
PASAJE - EL ORO - ECUADOR
2019

JOSÉ OCHOA LEÓN
2
CERTIFICACIÓN
Yo, Tlgo. Silvio Vinicio Quezada Puchaicela, en calidad de docente responsable de la
Producción Técnica DESARROLLO DE LAS PÁGINAS WEB DE PERIODO, ESPECIALIDADES Y
CICLOS UTILIZANDO LENGUAJE DE PROGRAMACIÓN PHP Y JAVA SCRIPT USANDO LA
METODOLOGÍA ORIENTADA A OBJETOS , certifico que el presente trabajo, fue realizado
con el estudiante Bryan Alejandro Castro Prado, en concordancia a la Carrera de
Tecnología Superior en Análisis de Sistemas, departamento académico COMPUTACIÓN
E INFORMÁTICA, área de conocimiento Desarrollo de Software y línea de investigación
Aplicaciones Web.
La siguiente producción técnica, constituye una propuesta institucional presentada a los
estudiantes, es realizada con recursos aportados por la institución y para la institución,
cuyo responsable del desarrollo, cumplimiento, seguimiento y control del mismo
corresponde al docente responsable del proyecto.
A continuación, la presente certificación es firmada por la máxima autoridad, rectora
del Instituto Superior Tecnológico José Ochoa León y los responsables de la Producción
Técnica.
Firmas de Responsabilidad,
_______________________________
Ing. Marcia Aguirre Ochoa Mgs.
Rectora del Instituto Superior Tecnológico José
Ochoa León
CI. 0704191501
__________________________________
Docente
Docente Responsable
CI. 0705786960
_______________________________
Bryan Alejandro Castro Prado
Estudiante
CI. 0750351611

JOSÉ OCHOA LEÓN
3
ÍNDICEGENERAL
1 DATOS GENERALES DEL PROYECTO.....................................................................................6
2 RESUMEN DEL PROYECTO ...................................................................................................7
3 DESCRIPCIÓN E IDENTIFICACIÓN DEL PROBLEMA...............................................................8
3.1 DESCRIPCIÓN DEL PROBLEMA......................................................................................8
3.1.1 Estado actual de las cosas.....................................................................................8
3.1.2 Otras situaciones posibles y más deseadas...........................................................8
3.1.3 Ubicación geográfica de la situación de conflicto.................................................9
3.1.4 Periodo de tiempo de la situación conflictiva .......................................................9
3.2 IDENTIFICACIÓN Y FORMULACIÓN DEL PROBLEMA.....................................................9
3.3 LÍNEA BASE DEL PROYECTO........................................................................................10
4 JUSTIFICACIÓN...................................................................................................................10
5 OBJETIVOS Y PROPÓSITO DEL PROYECTO..........................................................................11
5.1 OBJETIVOS GENERAL Y ESPECÍFICOS ..........................................................................11
5.1.1 Objetivo General.................................................................................................11
5.1.2 Objetivos Específicos...........................................................................................11
5.2 RESULTADOS ESPERADOS: .........................................................................................11
5.3 ACTIVIDADES DEL PROYECTO Y METODOLOGÍA: .......................................................12
5.3.1 Actividades:.........................................................................................................12
5.3.2 Metodología:.......................................................................................................13
6 VIABILIDAD Y PLAN DE SOSTENIBILIDAD............................................................................13
6.1 VIABILIDAD TÉCNICA ..................................................................................................13
6.1.1 Diagnóstico del Problema ...................................................................................13
6.1.2 Exposición de una Actuación capaz de eliminar al problema .............................13
6.1.3 Construcciones y Restricciones a tener presentes en la solución.......................14
6.1.4 Criterios para la evaluación de las Soluciones ....................................................14
6.1.5 Personal y Objetos involucrados en la resolución del Conflicto..........................14
6.1.6 Descripción del sistema a proyectar ...................................................................15
6.1.7 Condiciones de prestación..................................................................................16
6.1.8 Plazo de Ejecución...............................................................................................16

JOSÉ OCHOA LEÓN
4
7 PRESUPUESTO....................................................................................................................16
8 DESCRIPCIÓN DE LAS ETAPAS DEL PROYECTO...................................................................17
8.1 Etapa de Inicio............................................................................................................17
8.2 Etapa de Planificación ................................................................................................17
8.3 Etapa de Ejecución .....................................................................................................17
8.3.1 Cronograma valorado por componentes y actividades ......................................18
8.3.2 Etapa de Seguimiento y Control..........................................................................18
8.3.3 Etapa de Cierre ...................................................................................................18
9 RESULTADOS......................................................................................................................19
10 CONCLUSIONES..............................................................................................................24

JOSÉ OCHOA LEÓN
5
ÍNDICEILUSTRACIONES
Ilustración 1 Ubicación del ISTJOL...............................................................................................9
Ilustración 1 Diseño de la tabla Periodos en Pg Admin.............................................................20
Ilustración 2 Diseño de la tabla Ciclos.......................................................................................21
Ilustración 3 Diseño de la tabla Especialidad ............................................................................21
Ilustración 4 Diseño página Periodos........................................................................................22
Ilustración 5 Diseño de página Especialidades..........................................................................22
Ilustración 6 Diseño página Ciclos.............................................................................................22
Ilustración 7 Clase Periodo........................................................................................................23
Ilustración 8 Clase Especialidad ................................................................................................23
Ilustración 9 Clase Ciclo.............................................................................................................24
ÍNDICEDETABLAS
Tabla 3-1. Estado actual de las cosas ..........................................................................................8
Tabla 6-1. Afectación positiva-negativa ante la supresión del problema..................................13
Tabla 6-2. Resultados de una actuación que elimine el problema............................................13
Tabla 6-3. Constricciones y restricciones a tener presentes en la solución..............................14
Tabla 6-4. Criterios para la evaluación de las soluciones..........................................................14
Tabla 6-5. Modalidades a descartar para resolución del conflicto ...........................................14
Tabla 6-6. Modalidad elegida para resolución del conflicto .....................................................14
Tabla 6-7. Actividades y participantes del proyecto .................................................................16
Tabla 1 Requerimientos de Periodo..........................................................................................19
Tabla 2 Requerimiento de Especialidades ................................................................................19
Tabla 3 Requerimiento de Ciclos...............................................................................................20

JOSÉ OCHOA LEÓN
6
1 DATOS GENERALES DEL PROYECTO
Nombre de la Organización/Entidad Ejecutora:
Instituto Superior Tecnológico “José Ochoa
León”
Tipo de Organización:
OG
Descripción Breve de la Organización: El Instituto Tecnológico Superior José Ochoa León, es una
Institución de Educación Superior (IES) de la SENESCYT, que actualmente forma tecnólogos en:
Desarrollo de Software, Electromecánica y Mecánica Industrial. El mismo, se encuentra vigente desde
16 de mayo de 1974, mediante resolución ministerial No. 1477, la misma que autorizó al Colegio
Nacional “José Ochoa León”, al funcionamiento del Bachillerato Técnico Industrial. El 18 de mayo 1994,
el Instituto mediante resolución ministerial N° 1816, es autorizado para su funcionamiento como
Instituto Superior Tecnológico José Ochoa León.
Persona de Contacto:
Docente Responsable:
Dirección:
San Martín entre Av. Quito y 9 de Mayo,
Cantón Pasaje, Prov. El Oro – Ecuador.
Teléfono:
(07) 2915 006
E-mail y Página Web:
 http://www.itsjol.edu.ec
Título del Proyecto:
Desarrollo de la página web para Periodos, Especialidades y Ciclos utilizando lenguaje de programación
PHP y JavaScript con metodología orientada a objetos
Objetivo del Proyecto:
Implementar páginas web usando la programación orientada a objetos, en el lenguaje de
programación PHP, con el uso de base de datos MySQL, y lenguaje Java Script para administrar de
manera correcta la sección de Periodos, Especialidades y Ciclos del módulo de matrículas del Instituto
Tecnológico Superior “José Ochoa León”.
Resultados Esperados:
1. Fichas de Requerimientos con estándar IEEE830.
2. Diseñar tablas en la base de datos utilizando los requerimientos.
3. Diseño de las páginas usando AdminLTE.
4. Desarrollar con programación PHP y JavaScript los requerimientos obtenidos.
5. Elaborar Manual de usuario con el estándar IEEE1030-2001
Población Objetivo:
Personal Administrativo del ITS “José Ochoa León”
Cobertura y Localización:
 3 servidoras/res del sector público en el departamento administrativo.
 El proyecto se ejecutará en la Provincia de El Oro, cantón Pasaje
Monto solicitado en USD: US$ 0 Duración del Proyecto en Meses: 1 mes
Sector y Tipo de Proyecto: Informática y Desarrollo Web

JOSÉ OCHOA LEÓN
7
2 RESUMEN DEL PROYECTO
La administración y procesos que se llevaban para administrar a los docentes,
estudiantes y la gestión académica se llevaban en el ISTJOL de manera manual, y
haciendo uso de ofimática.
Por ese motivo el ISTJOL con la visión de optimizar procesos se deciden en implementar
un sistema en entorno web que permita la administración fácil y eficiente en el área de
los docentes, estudiantes y control académico. Esto se ha dividido por Módulos que
agrupan cada uno de los apartados correspondientes, en mi caso tengo la
responsabilidad de desarrollar los apartados de Periodo, Especialidades y Ciclos.
Para desarrollar las páginas antes mencionadas se hizo uso de la programación
orientada a objetos usando el lenguaje de programación PHP y JavaScript, después
haciendo uso de la entrevista oral se lograron obtener todos los datos para cada uno
de los apartados respectivos, dichos datos nos sirvieron para crear las tablas, con los
campos y tipos de datos correctos, que al momento de implementarse se usará una
base de datos con PostgreSQL.
Project’s Summary:
The administration and processes that were carried out to manage teachers, students
and academic management were carried out in ISTJOL manually, and making use of
office software.
That's why ISTJOL with the vision of optimizing processes is decided to implement a
system in web environment that allows easy and efficient administration in the area of
teachers, students and academic control. This has been divided by Modules that group
each of the corresponding sections, in my case I have the responsibility to develop the
Period, Specialties and Cycles sections.
To develop the aforementioned pages, object-oriented programming was used using
the PHP and JavaScript programming language, after using the oral interview, all the
data were obtained for each of the respective sections, that data helped us create the
tables, with the right fields and data types, that a database with PostgreSQL will be used
at the time of deployment.

JOSÉ OCHOA LEÓN
8
3 DESCRIPCIÓN E IDENTIFICACIÓN DEL PROBLEMA
3.1 DESCRIPCIÓN DEL PROBLEMA
3.1.1 ESTADO ACTUAL DE LAS COSAS
Tabla 3-1. Estado actual de las cosas
CONTEXTO
El Instituto Superior Tecnológico “José
Ochoa León” no cuenta con un sistema
de matrículas.
SITUACIÓN
No hay automatización de proceso en
las matrículas.
DESCRIPCIÓN
El Instituto Superior Tecnológico “José
Ochoa León” ubicado en la avenida
Quito y San Martin en el cantón Pasaje
cuenta con 572 estudiantes, 35
profesores y 2 administrativos, no
cuenta con un sistema de matrículas,
debido que el instituto no tiene un
personal de desarrollo de software,
además no cuenta de un presupuesto
adicional para gastos en equipos y
personal, originando una cola de
espera inmensa de estudiantes al
momento de matricularse, generando
lentitud en las secretarías por la poca
automatización con la que se lleva este
y otros procesos.
El Organismo, la empresa o la institución que nos
requiere para que le brindemos una solución.
Instituto Superior Tecnológico “José
Ochoa León”
3.1.2 OTRAS SITUACIONES POSIBLES Y MÁS DESEADAS
El proceso de registro de ciclos, especialidades y periodos tampoco está automatizado.

JOSÉ OCHOA LEÓN
9
3.1.3 UBICACIÓN GEOGRÁFICA DE LA SITUACIÓN DE CONFLICTO
Ilustración 1 Ubicación del ISTJOL
3.1.4 PERIODO DE TIEMPO DE LA SITUACIÓN CONFLICTIVA
La gestión de las matrículas incluyendo de los Periodos, Ciclos y Especialidades se ha
llevado de manera manual en el ISTJOL lleva ya algún tiempo, siendo más exactos unos
2 años.
3.2 IDENTIFICACIÓN Y FORMULACIÓN DEL PROBLEMA
El Instituto Superior Tecnológico “José Ochoa León” ubicado en la avenida Quito y San
Martin en el cantón Pasaje cuenta con 572 estudiantes, 35 profesores y 2
administrativos, no cuenta con un sistema de matrículas, debido que el instituto no
tiene un personal de desarrollo de software, además no cuenta de un presupuesto
adicional para gastos en equipos y personal, originando una cola de espera inmensa de
estudiantes al momento de matricularse, generando lentitud en las secretarías por la
poca automatización con la que se lleva estos procesos, para solución del problema
encontrado se planea la siguiente interrogante ¿Qué impacto positivo tiene el Desarrollo

JOSÉ OCHOA LEÓN
10
de la página web de Periodos, Especialidades y Ciclos utilizando lenguaje de
programación PHP y JavaScript con metodología orientada a objetos?
3.3 LÍNEA BASE DEL PROYECTO.
Analizando la situación actual donde se implementará el proyecto, podemos encontrar
ciertos componentes demográficos, que involucran:
Estudiantes 572
Administrativos 2
Docentes 35
El proyecto tendrá impacto social y se beneficiarán 572 estudiantes y parte del personal
administrativo, lo que significará un beneficio del 94.3% de la comunidad interna del
ITS.
4 JUSTIFICACIÓN
El Instituto Superior Tecnológico “José Ochoa León” ubicado en la avenida Quito y San
Martin en el cantón Pasaje, no cuenta con un sistema automatizado para la gestión del
apartado de matrículas desde hace un par de años, para dar solución al problema
encontrado hemos planteado una investigación aplicada para poder recolectar
información y aplicarlo en el desarrollo de las tablas, para la solución del problema
llegamos a nuestro objetivo de implementar páginas web usando la programación
orientada a objetos, en el lenguaje de programación PHP, base de datos PostgreSQL, y
lenguaje Java Script esto para tener páginas que permitan administrar Periodos,
Especialidades y Ciclo, debido a que la institución no cuenta con un proceso
automatizado para el módulo de Matrículas.
La implementación de una parte del módulo de matrículas ayudaría al personal
administrativo a las gestiones de apartados importantes como el de Periodo Académico,
Especialidades y Ciclos, apartados que son importantes al momento de realizar las
matrículas de los estudiantes. Esto beneficiaria a toda la comunidad del ITSJOL.
Por estos motivos desarrollamos el aplicativo para dar solución a las necesidades
listadas y que la comunidad tenga un beneficio claro.

JOSÉ OCHOA LEÓN
11
5 OBJETIVOS Y PROPÓSITO DEL PROYECTO
5.1 OBJETIVOS GENERAL Y ESPECÍFICOS
5.1.1 OBJETIVO GENERAL
Implementar páginas web usando la programación orientada a objetos, en el lenguaje
de programación PHP, con el uso de base de datos PostgreSQL, y lenguaje Java Script
para administrar de manera correcta la sección de Periodos, Especialidades y Ciclos del
módulo de matrículas del Instituto Tecnológico Superior “José Ochoa León”
5.1.2 OBJETIVOS ESPECÍFICOS
Obtener Requerimientos mediante estándar IEEE830.
Diseñar tablas en la base de datos utilizando los requerimientos.
Diseño de las páginas usando AdminLTE.
Desarrollar con programación PHP y JavaScript los requerimientos obtenidos.
Elaborar Manual de usuario con el estándar IEEE1030-2001
5.2 RESULTADOS ESPERADOS:
Objetivos Específicos:
Elaborar Fichas de Requerimientos según estándar IEEE830.
Se deben obtener 3 fichas con los requerimientos funcionales para las páginas de
Periodos, Especialidades y Ciclos.
Diseñar tablas en la base de datos utilizando los requerimientos.
Basándonos en los datos que se obtienen debemos realizar el diseño de las tablas con
los campos correspondientes.
Diseño de las páginas usando AdminLTE.
Usando la librería de AdminLTE optemos los estilos necesarios para el diseño y la
realización de las páginas.
Desarrollar con programación PHP y JavaScript los requerimientos obtenidos.
Usando la programación Orientada a Objetos y el lenguaje PHP podremos realizar las
funciones y métodos necesarios para realizar las funciones CRUD. Con JavaScript
tendremos realizar la validación de las cajas de texto y los mensajes.
Elaborar Manual de usuario con el estándar IEEE1030-2001
Basándonos en el estándar IEEE1030-2001 podremos realizar un manual de usuario
para tener una ayuda en el manejo de la página.

JOSÉ OCHOA LEÓN
12
5.3 ACTIVIDADES DEL PROYECTO Y METODOLOGÍA:
5.3.1 ACTIVIDADES:
La presente producción técnica utilicé la metodología de investigación aplicada porque
estamos dándole solución a un problema práctico con base a la investigación, se
desarrolló las siguientes etapas.
Requerimientos mediante estándar IEEE830.- Entrevista con el personal para obtener los
datos necesarios con el fin de tener los requerimientos de manera muy básica para las
diferentes páginas, y la elaboración de las tablas correspondientes para la base de
datos.
Diseño de tablas utilizando los requerimientos.- Una vez que hemos identificado los
datos principales para cada una de los apartados correspondientes (periodos, ciclos,
especialidades) procedimos a crear las tablas en la BD con los respectivos campos y sus
tipos de datos.
Diseño de las páginas usando AdminLTE.- Creamos los diseños de las páginas usando
AdminLTE adaptándolo a nuestras necesidades, estableciendo un header, un footer, un
menú lateral con los apartados de Periodo, Especialidades, Ciclos; realizar la creación
de las tablas y los formularios con cada uno de sus botones correspondientes.
Desarrollo en programación.- Una vez creando las tablas con los campos
correspondientes, desarrollamos con programación PHP las clases, métodos y los
demás procedimientos correspondientes. Desarrollamos los archivos JS para validar el
comportamiento correcto de los botones, la validación de los input de cada formulario
para que no se ingrese un tipo de dato incorrecto y que no envié datos en blanco,
presentación de los datos en cada una de las tablas usando Jtable y para capturar los
datos que se envíen de nuestro formulario sin recargar la página hacemos uso de
JQuery y AJAX.
Elaboración de Manual de usuario con el estándar IEEE1030-2001. Una vez que
tengamos las páginas terminadas procedemos a crear el manual de usuario que servirá
como apoyo para el correcto uso de cada página.

JOSÉ OCHOA LEÓN
13
5.3.2 METODOLOGÍA:
La metodología usada es la de investigación aplicada ya debemos dar solución a un
problema práctico, para el desarrollo de las páginas web es la Orientada a Objetos, ya
que esta nos permite crear código fácil de entender, fácil de aplicar, fácil de adaptar y
hace que el trabajo de hacer CRUD con las tablas de la base de datos sea mucho más
sencillo.
6 VIABILIDAD Y PLAN DE SOSTENIBILIDAD
6.1 VIABILIDAD TÉCNICA
6.1.1 DIAGNÓSTICO DEL PROBLEMA
Tabla 6-1. Afectación positiva-negativa ante la supresión del problema
Persona, Institución, Empresa
u Organismo
Cómo lo afectaría ¿Positivo o
Negativo?
Motivo por el que estaría
afectado o alcanzado si el
problema se suprimiera.
Administrativo Positivo: Mejor gestión.
Negativo: Ninguno.
Positivo: Porque permitiría
una mejor gestión y
automatizará procesos.
Negativo: ninguno.
Docente Negativo: Ninguno No se beneficiará ni se
perjudicará
Estudiante Positivo: Mejor atención. Positivo: Porque mejorara la
rapidez en la que será
atendido al momento de
matricularse.
Comunidad Positivo: Mejor atención Positivo: Porque mejorara la
rapidez en la que será
atendido.
6.1.2 EXPOSICIÓN DE UNA ACTUACIÓN CAPAZ DE ELIMINAR AL PROBLEMA
6.1.2.1 Enunciado del resultado de una actuación que elimine al problema
Tabla 6-2. Resultados de una actuación que elimine el problema
Transformaciones o Cambios:
Automatizar procesos de matrícula en el
registro, actualización y búsqueda de
periodos, especialidades y ciclos.
Permitir la habilitación e inhabilitación de
periodos
Utilidad Resultante:
Mejora de la gestión de matrículas en el
aparto de Periodos, Especialidades y ciclos.
Alcance y Limitaciones:
El alcance es el desarrollo de las páginas
para Periodos, Especialidades y Ciclos que
dan solución al problema planteado de

JOSÉ OCHOA LEÓN
14
registro de periodos, limitado únicamente
por el tema del proyecto que solo abarca
esas tres páginas
Ajustes de Jefaturas Internas y Externas:
Realizar los procesos con la librería JQuery
y Bootstrap para tener unas páginas
adaptables a cualquier pantalla y dinámica.
6.1.3 CONSTRUCCIONES Y RESTRICCIONES A TENER PRESENTES EN LA SOLUCIÓN
Tabla 6-3. Constricciones y restricciones a tener presentes en la solución
Factores limitantes o condicionantes
Posibilidad de alteración ¿Constricción o
Restricción?
Tiempo en el desarrollo de las páginas. Ninguna.
Tiempo en del desarrollo de la
documentación.
Ninguna.
Tutorías.
Poco tiempo para ir a tutorías por motivos
laborales de mí como estudiante.
Uso de JQuery con PHP.
Un par de días para el completo
entendimiento del tema.
6.1.4 CRITERIOS PARA LA EVALUACIÓN DE LAS SOLUCIONES
Tabla 6-4. Criterios para la evaluación de las soluciones
Enfoque Técnico: Agilizar procesos de matrículas.
Enfoque Ambiental: Menos uso de papel.
Enfoque Económico: Ahorro de la compra de insumos de oficina como papeles y lapiceros.
Enfoque Social: Mejoramiento de la atención al momento de hacer las matrículas.
6.1.5 PERSONAL Y OBJETOS INVOLUCRADOS EN LA RESOLUCIÓN DEL CONFLICTO
6.1.5.1 Tabla de modalidades a descartar para resolución del conflicto.
Tabla 6-5. Modalidades a descartar para resolución del conflicto
Modalidad a Descartar Motivos por los que se Descartar
Desarrollo usando tecnología .NET. Se necesita Licencia para desarrollar en Punto
NET. y consume muchos recursos de
Hardware.
Uso de Framework. Se descartó porque el código que se origina es
demasiado extenso y poco entendible.
Uso de MySql. El ISTJOL ya cuenta con un servidor
PostgreSQL.
6.1.5.2 Tabla de modalidad elegida para resolución del conflicto.
Tabla 6-6. Modalidad elegida para resolución del conflicto
Modalidad Elegida:
Motivo por el cual se elige:
Desarrollo del software de páginas web Son las herramientas más óptimas para la

JOSÉ OCHOA LEÓN
15
usando PHP y JavaScript. implementación de páginas web y para dar
funcionalidades CRUD a las páginas web.
6.1.6 DESCRIPCIÓN DEL SISTEMA A PROYECTAR
6.1.6.1 Producto Final
El software cuenta con las siguientes tres páginas:
Periodos: Cuenta con un diseño adaptable, con los formularios validados para que no se
puedan ingresar campos repetidos o vacíos, cuenta con ventanas modales para la
confirmación o cancelación, se puede registrar y modificar los datos de la tabla Periodo,
deshabilitar y habilitar el periodo cuando el usuario lo crea conveniente. Buscar
cualquier dato desde cualquier columna de la tabla
Especialidades: Cuenta con un diseño adaptable, con formularios validados para que la
misma especialidad no se registre dos veces, cajas de texto numéricas y alfanuméricas
validados, que no registre valores en blanco, cuenta con ventanas modales para la
confirmación o cancelación, se pueden realizar funciones CRUD directamente a la tabla
Especialidades y buscar cualquier dato desde cualquier campo de la tabla.
Ciclos: Cuenta con un diseño adaptable, con sus formularios validados para que no se
registre el mismo ciclo 2 veces, cuenta con ventanas modales para la confirmación o
cancelación, se puede realizar funciones CRUD directamente a la tabla Ciclos, muestra
una tabla que tiene una búsqueda relacionada entre la tabla Ciclos y Especialidades,
igual que en las otras páginas se puede buscar cualquier dato desde cualquier campo de
la tabla
6.1.6.2 Unidad Operativa
 Unidad Administradora del Producto Final
El Personal administrativo del Instituto Superior Tecnológico “José Ochoa León”
 Unidad Ejecutora
Instituto Superior Tecnológico “José Ochoa León”.

JOSÉ OCHOA LEÓN
16
 Participantes.
 Estudiante
 Tutor
 Personal administrativo ITSJOL.
Tabla 6-7. Actividades y participantes del proyecto
Tareas a realizar por Etapa de Proyecto Participante
Etapa de Inicio: Personal administrativo del ITSJOL, Estudiante
Recepción de correos.
Emisión de oficios para el proyecto.
Etapa de Planificación: Estudiante y Tutor Académico
Oficio de la asignación de tutor.
Socialización de la plantilla.
Definición de Tutorías.
Etapa de Ejecución: Estudiante
Obtención de requerimientos.
Diseño y creación de tablas.
Programación de funcionalidades de las
páginas
Creación de documentación.
Etapa de Seguimiento y Control: Tutor Académico
Revisiones de trabajo.
Control de tutorías.
Etapa de Cierre: Tutor Académico y estudiante
Entrega de la documentación
Oficios.
6.1.7 CONDICIONES DE PRESTACIÓN.
El producto final tendrá la vida dependiendo de las actualizaciones que reciba después
de su implementación.
6.1.8 PLAZO DE EJECUCIÓN.
El plazo de ejecución para el desarrollo del proyecto es de 30 días.
7 PRESUPUESTO
El proyecto no requiere presupuesto.

JOSÉ OCHOA LEÓN
17
8 DESCRIPCIÓN DE LAS ETAPAS DEL PROYECTO
8.1 ETAPA DE INICIO
El proyecto empieza con la elección del tema que yo como estudiante deseo
desarrollar.
Enviando un oficio al ITSJOL.
8.2 ETAPA DE PLANIFICACIÓN
Una vez que se asignó el tutor académico, empezamos a crear el directorio de las
páginas en general, se define la plantilla a usar para la interfaz de todo el sistema web.
En conjunto el Tutor Académico y el estudiante se definen el horario de tutorías para
aclarar cualquier tipo de problema. Empezamos a hacer el diseño lógico de las páginas
(como funcionara el sistema web en general y ubicar las páginas de Periodo, Ciclos,
Especialidades).
8.3 ETAPA DE EJECUCIÓN
En esta etapa nos encargaremos de aplicar técnicas de entrevista oral para obtener los
datos necesarios que nos permitan crear las tablas que servirán para tener un mejor
manejo de datos, se crea la base de datos para posteriormente diseñar las tablas que
contendrán los campos con los tipos de datos correctos.
Empezamos con la programación de las clases en el lenguaje PHP, el desarrollo del
comportamiento de los botones y tablas de usando JavaScript y JQuery, después
empezamos con la ejecución de las páginas para ir verificando el funcionamiento de las
actividades CRUD en cada uno de las respectivas tablas e ir validando que los
formularios solo se ingresen los tipos de datos correctos. Realizar la presentación de los
mensajes de notificación en cada una de las acciones que se realicen y así como de las
advertencias y errores, para ello usamos toast.js.
Una vez que este correcto el funcionamiento de las páginas se procede a la realización
del manual de usuario que servirá como guía para el usuario final.

JOSÉ OCHOA LEÓN
18
8.3.1 CRONOGRAMA VALORADO POR COMPONENTES Y ACTIVIDADES
Componentes/Rubros Total
1. Elaborar Fichas de Requerimientos según estándar IEEE830. $0,0
1.1. Entrevista Oral con el personal ISTJOL $0,0
1.2. Creación de fichas de requerimientos $0,0
2. Diseñar tablas en la base de datos utilizando los requerimientos.
2.1. Creación de las tablas en PostgreSQL $0,0
3. Diseño de las páginas usando AdminLTE.
3.1. Definir la plantilla AdminLTE y Bootstrap $0,0
4. Desarrollar con programación PHP y JavaScript los requerimientos
obtenidos.
$0,0
4.1. Desarrollo de las clases y métodos. $0,0
4.2. Desarrollo de archivos JS. $0,0
5. Elaborar Manual de usuario con el estándar IEEE1030-2001 $0,0
5.1. Creación de Manual de Usuario $0,0
5.2. Creación de Producción técnica $0,0
8.3.2 ETAPA DE SEGUIMIENTO Y CONTROL
El Tutor Académico lleva el control y seguimiento de las tutorías y de cada actividad
que realiza el estudiante con las páginas, así como la orientación para la dar solución a
bugs o errores en el código. Su labor también abarca en ir testeando las páginas, das
consejos y recomendar correcciones, todo esto con el fin de hacer más óptimo el
funcionamiento de las mismas
8.3.3 ETAPA DE CIERRE
Se hace entrega del proyecto terminado, haciendo los respectivos oficios.

JOSÉ OCHOA LEÓN
19
9 RESULTADOS
Fichas de Requerimientos con estándar IEEE830.
Identificación del
requerimiento:
RF01
Nombre del
Requerimiento:
CRUD de Periodos.
Características: Los usuarios podrán registrar, actualiza, habilitar, deshabilitar y
listar todos los periodos.
Descripción del
requerimiento:
El sistema podrá realizar el registro y la actualización de periodos
usando los campos cod_periodo, periodo, año, n_ciclo y
descripción; podrá realizar la des habilitación y habilitación de
periodos usando el campo estado. Valida que no se guarden
campos vacíos, códigos de periodos repetidos, que el código solo
se pueda escribir en mayúsculas; permite ordenar y buscar datos
de la tabla Periodo con cualquier columna.
Requerimiento
NO funcional:
Prioridad del requerimiento:
Alta
Tabla 8 Requerimientos de Periodo
Identificación del
requerimiento:
RF02
Nombre del
Requerimiento:
CRUD de Especialidades
Características: Los usuarios podrán registrar, actualizar, habilitar, deshabilitar y
listar todas las especialidades.
Descripción del
requerimiento:
El sistema podrá realizar el registro y actualización de datos de las
especialidades utilizando los campos: cod_especialidad,
especialidad, max_ciclos, porcentaje de faltas; podrá realizar la des
habilitación y viceversa de las especialidades usando los campos
cod_especialidad y estado; Valida que no se guarden campos
vacíos, códigos, especialidades repetidas, que las especialidades se
escriban solo en mayúsculas; permite ordenar y buscar datos de
la tabla Especialidad con cualquier columna.
Requerimiento
NO funcional:
Alta
Tabla 9 Requerimiento de Especialidades
Identificación del
requerimiento:
RF03
Nombre del
Requerimiento:
CRUD de Ciclos.
Características: Los usuarios podrán registrar, actualizar, eliminar y listar todos los
ciclos.

JOSÉ OCHOA LEÓN
20
Descripción del
requerimiento:
El sistema podrá realizar el registro y actualización de datos de Los
Ciclos utilizando los campos: cod_ciclo, ciclos y cod_especialidad;
podrá realizar la eliminación de las especialidades usando el
campo cod_ciclo; Valida que no se guarden campos vacíos,
códigos, ciclos repetidos; presentará una búsqueda relacionada
usando las tablas Ciclos y Especialidad; permite ordenar y buscar
datos de la tabla Ciclo con cualquier columna.
Requerimiento
NO funcional:
Alta
Tabla 10 Requerimiento de Ciclos
Diseño de tablas.
Ilustración 2 Diseño de la tabla Periodos en Pg Admin

JOSÉ OCHOA LEÓN
21
Ilustración 3 Diseño de la tabla Ciclos
Ilustración 4 Diseño de la tabla Especialidad

JOSÉ OCHOA LEÓN
22
Diseño de las páginas
Ilustración 5 Diseño página Periodos
Ilustración 6 Diseño de página Especialidades
Ilustración 7 Diseño página Ciclos

JOSÉ OCHOA LEÓN
23
Desarrollo las clases y métodos
Ilustración 8 Clase Periodo
Ilustración 9 Clase Especialidad

JOSÉ OCHOA LEÓN
24
Ilustración 10 Clase Ciclo
10 CONCLUSIONES
He llegado a las conclusiones que con realización de este proyecto técnico:
He fortalecido mis conocimientos sobre el desarrollo web usando programación
orientado a objetos, manejando clases, métodos para distintos proceso y clases propias
de PHP como lo es PDO.
He aprendido a crear páginas web más dinámicas que no recarguen al momento de
realizar algún proceso a partir del envío de información, usando AJAX para datos de
formulario y Jtable para las tablas que se muestran en cada página, todo esto usando
JQuery.
Aprendí más sobre el uso de JavaScript y JQuery en los formularios aplicando controles
dinámicos en los botones, cajas de texto y tablas.

PRODUCCION TECNICA DESARROLLO DE PAGINA WEB, ESPECIALIDADES, CICLOS USANDO PHP Y JAVASCRIPT

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (6)

Similar a PRODUCCION TECNICA DESARROLLO DE PAGINA WEB, ESPECIALIDADES, CICLOS USANDO PHP Y JAVASCRIPT

Similar a PRODUCCION TECNICA DESARROLLO DE PAGINA WEB, ESPECIALIDADES, CICLOS USANDO PHP Y JAVASCRIPT (20)

Más de Victor Hugo Imbaquingo Dueñaas

Más de Victor Hugo Imbaquingo Dueñaas (20)

PRODUCCION TECNICA DESARROLLO DE PAGINA WEB, ESPECIALIDADES, CICLOS USANDO PHP Y JAVASCRIPT