Página |1

Universidad Nacional Autónoma de Nicaragua, Managua

UNAN - Managua
Recinto Universitario “Rubén Darío”
Facultad de Educación e Idiomas
Departamento de Tecnología Educativa
Carrera Informática Educativa

Título: Boa.

Autores:
 Br. Brandon Elliot Pérez Escobar.
 Br. Carlos Santiago Largaespada Chávez.
 Br Kevin Antonio Guerrero Lumbi.

Nombre del componente: Integrador VI.

Docente: Erika Velásquez.

Fecha: 10/10/2022.

10 de octubre de 2022
 Página |2

Índice
1. Descripción general..............................................................................................................3
2. Objetivos del Proyecto.........................................................................................................3
3. Metodología para el desarrollo del Proyecto..................................................................3
4. Cronograma de Trabajo.......................................................................................................4
5. Requerimientos Funcionales..............................................................................................4
6. Requerimientos No Funcionales.......................................................................................5
7. Hardware.................................................................................................................................6
8. Software...................................................................................................................................7
9. Casos de uso..........................................................................................................................7
10. Diagramas.........................................................................................................................10
11. Sitio web estático............................................................................................................13
11.1. Qué es un sitio web....................................................................................................13
11.2. Sitio web estático........................................................................................................13
11.3. Ventajas del sitio web estático.............................................................................13
11.4. Desventajas del sitio web estático......................................................................13
12. Sitio web dinámico..........................................................................................................14
12.1. Ventajas de los sitios web dinámicos................................................................14
12.2. Desventajas de los sitios web dinámicos.........................................................14
13. Código de marcado HTML.............................................................................................14
13.2. Ventajas:....................................................................................................................14
13.3. Desventajas:.............................................................................................................15
14. Lenguaje de programación web PHP.........................................................................16
15. Ventajas del lenguaje PHP........................................................................................16
16. DESVENTAJAS DE PROGRAMAR EN PHP:..........................................................16
17. Link del prototipo............................................................................................................17
Bibliografía.......................................................................................................................................18

10 de octubre de 2022
 Página |3

1. Descripción general

El siguiente trabajo consiste en la creación de un sitio Web, publicitario para el

colegio Salomón Ibarra Mayorga, este trabajo tiene como finalidad ayudar, a
mejorar la comunicación con los alumnos y padres que interactúan con el centro
educativo.

Se pretende solucionar la falta de información que tienen los maestros, padres de

familia y alumnos, hacía las actividades y comunicaciones que realiza el colegio y
el sitio web tendrá la función de servir como un medio de información entre
maestro, padres de familia y alumnos, además de que se pretende automatizar y
agilizar el proceso de matriculación para los distintos niveles de estudio que ofrece
el centro educativo.

Los usuarios encontraran los siguientes datos en el sitio web:

 Actividades a realizar.
 Horarios de clases.
 Normas del colegio.
 Requisitos de matrícula para los distintos niveles de estudio.
 Información acerca de los docentes.
 Información acerca del centro.
 Beneficios que han llegado al colegio.
 Realizar la matrícula en línea

Todos saldrán beneficiados puesto que:

 Maestro: informaran de manera más rápida a alumnos y padres de

cualquier cambio o comunicado relevante.

1.1 Alumnos: estarán al tanto de cualquier información relevante.

1.2 Padres: estarán al tanto de cualquier información y cambio que se

realice en el colegio y, no podrán ser engañados por sus hijos puesto
que ellos mismos podrán entrar y verificar la información que sus hijos
les den.

2. Objetivos del Proyecto

Objetivo general: Diseñar un sitio Web para el colegio Salomón Ibarra Mayorga.

Objetivos específicos: Identificar procesos del colegio Salomón Ibarra Mayorga

que pueden ser automatizados a través del uso de tecnologías de desarrollo.

10 de octubre de 2022
 Página |4

3. Metodología para el desarrollo del Proyecto

Para este trabajo utilizaremos la “METODOLOGÍA ORIENTADA A OBJETOS” o

“OTM”, trabajaremos con esta metodología puesto que está nos facilita muchos
beneficios, tales como:

 Facilita la creación de prototipos.

 Permite enfrentarse a problemas complejos de una forma más sencilla.
 Facilidad para que personas sin conocimiento informático puedan
comprender el sistema.
 Ofrece una nueva forma de ver y pensar los problemas.
 Nos permite poder reutilizar objetos.

Esto es debido a que El análisis y diseño orientado a objetos constituye una nueva
forma de pensar acerca de problemas empleando modelos que son útiles para
comunicarse con expertos en esa aplicación, modelar empresas, preparar
documentación, diseñar programas y bases de datos. (james, 2014)

4. Cronograma de Trabajo
Sitio web Institucional. “Salomón Ibarra Mayorga”
ETAPAS Días
Lunes Martes Miércoles Jueves VIERNES
Análisis
Diseño del sistema.
Diseño de objetos
Implementación

5. Requerimientos Funcionales
Código de la Descripción Tipo de Usuario que tiene acceso a ella
funcionalidad requerimiento

10 de octubre de 2022
 Página |5

 A1 -  El sistema podrá almacenar información de  Funcional  Para este requerimiento tendrá acceso dos usuarios los
Almacenar los docentes que trabajan en el centro cuales serán:
datos de los educativo esta información será:
maestros. C001: Sera el que tenga acceso a toda la información y
1. Foto del docente. funcionalidades del sitio.
2. Número de contacto.
3. Turnos laborales. C002: Podrá ingresar o actualizar sus datos.
4. Sección guía.
5. Materia de especialidad

A2 – El sistema podrá mostrar las actividades Funcional Para este requerimiento tendrá acceso dos usuarios los cuales
Actividades que se realizaran en el centro o en las aulas serán:
del centro. de clases.
C001: Ingresara las actividades generales del centro.

C002: Podrá ingresar las actividades qué realizará en su aula

de clases.
A3 – Tipos de Administrador: Tiene todos los permisos en Funcional El administrador tendrá acceso a todas las funciones del sitio
usuario. el sistema (es el único que puede dar web el será el encade elegir a los docentes los cuales podrán
acceso a otros usuarios, solo este tipo de hacer cambios pequeños en el sitio web.
usuario es el que puede borrar información
del sistema)

Este usuario tendrá una cuenta creada

desde la cual administrará el sitio web.

Docente: Este tipo de usuario tendrá una

cuenta la cual será creada por el
administrador o director. El usuario podrá
agregar información acerca de las
actividades que realizará en su clase.

Alumno: Este tipo de usuario podrá

visualizar la información del sitio web, así
como ponerse en contacto con, los
maestros, para así poder justificar cualquier
falta de asistencia.
A4 – Matrícula El sistema podrá mostrar lo requisitos de Funcional. Para este requerimiento tendrá acceso dos usuarios los cuales
estudiantil. matrícula para los distintos niveles de serán:
estudio.
C001: Sera el que tenga acceso a toda la información y
Así como también poder realizar la matricula funcionalidades del sitio.
en línea.
C003: Podrá visualizar la información y realizar la matrícula
online.

10 de octubre de 2022
 Página |6

6. Requerimientos No Funcionales
Código de la Descripción Tipo de Usuario que tiene
funcionalidad requerimiento acceso a ella

B1 - El sistema contara con un proceso para realizar y crear No funcional. Para este requerimiento
Autentificación. una cuenta de usuario. tendrá acceso dos
usuarios los cuales serán:
C001: Podrá cambiar la
información del sitio sin
restricciones.

C002: Este usuario tendrá

una cuenta creada desde
la cual podrá realizar
pequeños cambios al sitio
web.

B2 – El sistema deberá disponible las 24horas del día y deberá No funcional. Para este requerimiento
Disponibilidad. ser accesible desde cualquier dispositivo. tendrá acceso dos
usuarios los cuales serán:
C001: Podrá cambiar la
información del sitio sin
restricciones.

C002: Este usuario tendrá

una cuenta creada desde
la cual podrá realizar
pequeños cambios al sitio
web.
B3 Interfaz El sistema debe de ser fácil de entender, para asegurar No funcional. Para este requerimiento
intuitiva. una buena experiencia. tendrá acceso dos
usuarios los cuales serán:
C001: Podrá cambiar la
información del sitio sin
restricciones.

C002: Este usuario tendrá

una cuenta creada desde
la cual podrá realizar
pequeños cambios al sitio
web.

C003: Podrá visualizar la

información y realizar la
matrícula online.

10 de octubre de 2022
 Página |7

7. Hardware

Requerimientos para ejecutar el sitio web

Navegador Chrome
Espacio de disco 200 MB
Procesador 1GHz (mínimo), se recomienda 2GHZ doble núcleo o más
Memoria 512 (mínimo), 1GB o más es fuertemente recomendado.
Sistema operativo  Windows: Windows 7, Windows 8, Windows 8.1, Windows
10 o versiones posteriores.

 Mac: macOS High Sierra 10.13 o versiones posteriores

 Android: Ubuntu 18.04 de 64 bits o versiones posteriores.

Resolución de pantalla, 1366*768
Pc
Orientación de pantalla, Horizontal
Pc
Resolución de pantalla, 1080*1920
Móvil
Orientación de pantalla, Horizontal
Móvil
Procesador Windows Un procesador Intel Pentium 4 o versiones posteriores compatibles
con SSE3.
Procesador Linux Un procesador Intel Pentium 4 o versiones posteriores compatibles
con SSE3.
Procesador Android Android Marshmallow 6.0 o superior

8. Software
Requerimientos
Funcionales Google Chome para poder ver el sitio web
Tener internet o datos móviles al ingresar al sitio
En su celular o Tablet es necesario tener la aplicación de un navegador para poder ver
el sitio
Sistema operativo Windows para poder ingresar al Chrome
Facebook tendrá acceso directo al link donde pueda ver la página principal del instituto
Computadora, Tablet o celular para ingresar al sitio
No funcionales Sí, no tiene acceso a internet no podrá ingresar al sitio web
Sí en su computadora, celular o Tablet no tiene un navegador no podrá ingresar al sitio
web
Tiene que tener una cuenta de Facebook para poder ver el link de la pagina

10 de octubre de 2022
 Página |8

9. Casos de uso
Id funcionalidad A1
Propósito   Almacenar datos de los maestros.
Entrada de datos  Información del docente.
 Número de contacto del docente.
 Turno laboral.
 Aula encargada.
 Foto del docente.
 Área de especialización.

Descripción del 1. Llenar datos del docente.

proceso a seguir 2. Establecer si es: Matutino /Vespertino/Sabatino.
3. Establecer el aula encargada.
4. Fotografía del docente.
5. Almacenar información del docente.

Precondiciones  Login del Administrador.

Postcondiciones 1. Mantener la sección iniciada.

Salida de datos  Caso 1. Error de autenticación: Mostrar un mensaje de error de usuario y/o contraseña.

Caso 2. Accedió correctamente: Mensaje de bienvenida.

Id A2
funcionalidad
Propósito Actividades del centro
Entrada de  Información de las actividades.
datos  Establecer si es: Actividad del centro/Actividad de un aula en especial
 En que consiste la actividad.
 Participantes en la actividad.

Descripción del 1. Llenar Información de las actividades.

proceso a 2. Establecer si es: Actividad del centro/Actividad de un aula en especial
seguir 3. Detallar en que consiste la actividad.
4. Participantes en la actividad.
5. Guardar datos.

Precondiciones  Login del Administrador/Login del docente.

Postcondiciones 2. Mantener la sección iniciada.

Salida de datos  Caso 1. Error de autenticación: Mostrar un mensaje de error de usuario y/o contraseña.

Caso 2. Accedió correctamente: Mensaje de bienvenida.

Id A3
funcionalidad

10 de octubre de 2022
 Página |9

Propósito Tipos de usuario.

Entrada de  Administrador.
datos  Docente
 Alumno.

Descripción del El administrador ya contara con una cuenta previamente creada por lo que funcionalidad se aplicara al usuario
proceso a docente.
seguir
1. Llenar datos del docente.
2. Establecer si es: Matutino /Vespertino/Sabatino.
3. Establecer el aula encargada.
4. Fotografía del docente.
5. Conceder los permisos del usuario.
6. Almacenar información.

Precondiciones  Login del Administrador.

Postcondiciones 3. Mantener la sección iniciada.

Salida de datos  Caso 1. Error de autenticación: Mostrar un mensaje de error de usuario y/o contraseña.

Caso 2. Accedió correctamente: Mensaje de bienvenida.

Id A4
funcionalidad
Propósito Matrícula estudiantil.
Entrada de
datos
Descripción del Este proceso será realizado por el alumno.
proceso a
seguir 1. Ingresar al sitio web.
2. Leer los requisitos de matrícula.
3. Establecer el tipo de matrícula: Primará /Secundaria /Sabatino
4. Llenar los requisitos de la matrícula.
5. Guardar datos.

Precondiciones  Login del Alumno.

Postcondiciones 4. Mantener la sección iniciada.

Salida de datos  Caso 1. Error de autenticación: Mostrar un mensaje de error de usuario y/o contraseña.

Caso 2. Accedió correctamente: Mensaje de bienvenida.

Id B1
funcionalidad

10 de octubre de 2022
 P á g i n a | 10

Propósito Autentificación.
Entrada de  Información.
datos  Número de contacto.
 Turno laboral.
 Aula encargada.
 Foto del docente.
 Área de especialización.

Descripción del 1. Llenar datos del docente.

proceso a 2. Establecer si es: Matutino /Vespertino/Sabatino.
seguir 3. Establecer el aula encargada.
4. Fotografía del docente.
5. Almacenar información del docente.

Precondiciones  Login.
Postcondiciones 5. Mantener la sección iniciada.

Salida de datos  Caso 1. Error de autenticación: Mostrar un mensaje de error de usuario y/o contraseña.

Caso 2. Accedió correctamente: Mensaje de bienvenida.

10. Diagramas 

10 de octubre de 2022
 P á g i n a | 11

 A1 - Almacenar datos de los maestros

 Actividades del centro.

 Tipos de usuario.

10 de octubre de 2022
 P á g i n a | 12

 Matrícula estudiantil.

 Autentificación.

10 de octubre de 2022
 P á g i n a | 13

11. Sitio web estático.

11.1 Qué es un sitio web.

El sitio web es el medio más barato para darse a conocer rápidamente con un alcance
mundial. Esto es extensible no sólo a empresas que comercializan productos y servicios,
o bien a profesionales autónomos, lo mismo sucede a las personas o a las organizaciones
que actúan sin ánimo de lucro. (Tejedor, 2008)

11.2 Sitio web estático.

Estático: cuando la actualización del contenido es hecha manualmente.
Las páginas web estáticas son programadas en lenguaje HTML y CSS, no utilizan bases
de datos ni requiere programación adicional, para acceder a ella sólo necesitarás el
hipervínculo o enlace.
Sirven para crear páginas web descriptivas, en la cuales, la información casi no cambia
con el paso del tiempo y no necesita accesorios, plugin, o extensiones que la hagan
funcionar, así que pueden mantenerse en HTML y CSS y no pasa nada. Porque su
propósito no es generar interacción. Algo así como los documentos “Sólo lectura”.
(Castillo & Diez, 2008)
11.3 Ventajas del sitio web estático.

10 de octubre de 2022
 P á g i n a | 14

o Funcionan en cualquier servidor.

o Tardan poco en cargar.
o Gran funcionalidad.
o No requieren instalación.
o Mejoran el posicionamiento.
o Se gasta menos en alojamiento.
o No requieren mucho mantenimiento. (tokioschool, 2020)

11.4 Desventajas del sitio web estático.

o No tienen muchas funcionalidades.

o El proceso de actualización es complejo.
o El usuario no puede seleccionar o modificar el contenido o el diseño.
o El programador tiene que acceder al servidos donde se aloja la página para
realizar cambios. (tokioschool, 2020)

12. Sitio web dinámico.

Dinámico o interactivo: cuando un programa, con la ayuda de una base de datos, cambia
el contenido en forma automática, sin intervención de nadie. (Castillo & Diez, 2008)
12.1 Ventajas de los sitios web dinámicos.

o Infinitas posibilidades de diseño.

o Facilidad para cambiar el contenido.
o Mejora el posicionamiento orgánico.
o Consigue mayor interacción. (redautonomos, 2021)

12.2 Desventajas de los sitios web dinámicos.

o Pueden existir limitaciones en el diseño.

o Puede involucrar altos costos de construcción iniciales. (Mendoza, 2021)

13. Código de marcado HTML

13.1 Qué es el lenguaje HTML.

El HTML (HyperText Markup Language) o lenguaje de marcas de hipertexto es el

lenguaje estándar en el que se crean las páginas web de Internet.

10 de octubre de 2022
 P á g i n a | 15

es un lenguaje de marcado que solo puede desarrollar páginas web front-end y no

puede interactuar con el servidor. Por lo tanto, puede mostrar solo contenido
estático y no se puede utilizar para la generación dinámica de páginas web.
(Tejedor, 2008)

13.2 Ventajas: 
 
o HTML se usa ampliamente.
o Todos los navegadores son compatibles con el lenguaje HTML.
o Fácil de aprender y usar.
o HTML es ligero y rápido de cargar.
o No compre ningún software adicional porque está de forma predeterminada en
todas las ventanas.
o Fácil de usar
o Sintaxis suelta (aunque ser demasiado flexible no se ajusta a los estándares).
o HTML es bastante fácil de escribir
o HTML es que es fácil de codificar incluso para programadores novatos.
o HTML también permite la utilización de plantillas, lo que facilita el diseño de una
página web.
o Muy útil para principiantes en el campo del diseño web.
o HTML puede ser compatible con todos y cada uno de los navegadores, si no es
compatible con todos los navegadores.
o HTML está integrado en casi todos los sitios web, si no en todos los sitios web.
o HTML se utiliza cada vez más para el almacenamiento de datos como sintaxis
XML.
o Gratis: no es necesario comprar ningún software.
o HTML está presente en todas las ventanas de forma predeterminada, por lo que
no es necesario comprar el software que cuesta demasiado.
o HTML tiene muchas etiquetas y atributos que pueden acortar su línea de código.
(acervolima, 2021)

13.3 Desventajas:

o No puede producir una salida dinámica solo, ya que es un lenguaje estático.

o Hacer la estructura de los documentos HTML se vuelve difícil de entender.
o Los errores pueden resultar costosos.
o Es tanto el tiempo como el tiempo que consume mantener el esquema de color de
una página y hacer listas, tablas y formularios.
o Puede crear solo páginas estáticas y sin formato, por lo que, si queremos páginas
dinámicas, HTML no es útil.
o Se requiere escribir mucho código solo para crear una página web simple.
o Tenemos que comprobar las etiquetas obsoletas y confirmar que no se utilizan
para que aparezcan porque otro lenguaje que funciona con HTML ha reemplazado

10 de octubre de 2022
 P á g i n a | 16

el primer trabajo de la etiqueta y, por lo tanto, es necesario comprender y aprender

el lenguaje opuesto.
o Las funciones de seguridad que ofrece HTML son limitadas.
o Si necesitamos escribir un código largo para crear una página web, entonces
produce cierta complejidad.
o HTML solo puede crear páginas estáticas y sin formato, por lo que, si queremos
páginas dinámicas, HTML no es útil.
o Necesito escribir toneladas de código para crear una página web sencilla.
o Las funciones de seguridad no son buenas en HTML.
o Si nos gustaría escribir un código largo para crear una página web, entonces
produce cierta complejidad. (acervolima, 2021)

14. Lenguaje de programación web PHP.

14.1 Qué es el lenguaje PHP.

Es un lenguaje de código abierto interpretado de alto nivel, especialmente

pensado para desarrollos web.

Es un lenguaje de secuencias de comandos que puede generar páginas web

dinámicas a medida que la ejecución del código tiene lugar en el servidor y el
servidor devuelve el resultado en formato HTML que se muestra en el navegador.
PHP significa Preprocesador de hipertexto. Originalmente, cuando se desarrolló
PHP significaba Página personal. (Tejedor, 2008)

15. Ventajas del lenguaje PHP.

o Lenguaje totalmente libre y abierto.

o Posee una curva de aprendizaje muy baja.
o Los entornos de desarrollo son de rápida y fácil configuración.
o Fácil de instalar: existen paquetes autoinstalables que integran PHP rápidamente.
o Fácil acceso e integración con las bases de datos.

10 de octubre de 2022
 P á g i n a | 17

o Posee una comunidad muy grande.

o Es el lenguaje con mayor usabilidad en el mundo.
o Es un lenguaje multiplataforma.
o Completamente orientado al desarrollo de aplicaciones web dinámicas y/o páginas
web con acceso a una Base de Datos.
o El código escrito en PHP es invisible al navegador ya que se ejecuta al lado del
servidor y los resultados en el navegador es HTML.
o Posee una versatilidad para la conexión con la mayoría de base de datos que
existen en la actualidad. (Tapia, 2021)

16. DESVENTAJAS DE PROGRAMAR EN PHP:

o El inconveniente es que el código fuente no pueda ser ocultado de una manera

eficiente. La ofuscación es una técnica que puede dificultar la lectura del código y,
en ciertos aspectos representa tiempos de ejecución.
o Nuestro código estará seguro para ejecutar si es nuestro propio servidor. Por lo
tanto, si un cliente requiere su código en su pc, tendríamos que dejar el código
fuente, sin manera de ocultarlo, aunque hay muchas aplicaciones para PHP que
nos ayuda a encriptar el código fuente.
o Si no lo configuras y/o proteges correctamente dejas abiertas muchas brechas de
seguridad que a la larga tendremos problemas.
o Solo se ejecuta en un servidor y se necesita un servidor web para que funcione.
(Tapia, 2021)

17. Link del prototipo.

https://drive.google.com/drive/folders/
1YWm2oEnO7cfQKEWS_X4t3LdsHygt64XW?usp=sharing

10 de octubre de 2022
 P á g i n a | 18

Bibliografía
acervolima. (27 de Diciembre de 2021). acervolima. Obtenido de acervolima:
https://es.acervolima.com/ventajas-y-desventajas-de-html/

Castillo, I. U., & Diez, A. F. (1 de 11 de 2008). redalyc. Obtenido de redalyc.:

https://www.redalyc.org/pdf/5891/589165877009.pdf

james. (10 de 2014). clasesiupsm. Obtenido de clasesiupsm:

https://clasesiupsm.files.wordpress.com/2014/10/metodologc3ada-orientada-a-objetos-
omt-james-rumbaugh.pdf

Mendoza, M. L. ( 01 de Febrero de 2021). openwebinars. Obtenido de openwebinars:

https://openwebinars.net/blog/paginas-web-estaticas-vs-paginas-web-dinamicas/

redautonomos. (6 de Octubre de 2021). redautonomos. Obtenido de redautonomos:

https://redautonomos.es/marketing/ventaja-web-dinamicas

Tapia, N. (6 de Febrero de 2021). baulphp. Obtenido de baulphp:

https://www.baulphp.com/ventajas-y-desventajas-del-lenguaje-php/

Tejedor, R. J. (12 de Enero de 2008). acta. Obtenido de acta:

https://www.acta.es/medios/articulos/informatica_y_computacion/050091.pdf

tokioschool. (27 de Junio de 2020). tokioschool. Obtenido de tokioschool:

https://www.tokioschool.com/noticias/tipos-desarrollo-web-pagina-web-estatica/

10 de octubre de 2022
 P á g i n a | 19

10 de octubre de 2022