Informe Técnico

Integradora 1
TSU
Desarrollo Sostenible

TDM42I

INTEGRANTES
Ivan Alberto Domínguez Ramos
Gallardo Flores Guerrero Ivan

5/12//22
 Índice

Contenido
Portada..............................................................................................................................................1
Resumen............................................................................................................................................3
Capítulo I..........................................................................................................................................3
Planteamiento del problema........................................................................................................3
Objetivos generales y específicos.................................................................................................4
Capitulo ll.........................................................................................................................................4
Descripción de actividades por cada etapa de la metodología utilizada...................................5
Estructura de desglose del trabajo (EDT)..................................................................................6
Alcance..........................................................................................................................................6
Requerimientos funcionales y no funcionales.............................................................................7
Análisis y diseño de la base de datos, Diagrama entidad relación............................................7
Análisis del módulo inicio de sesión............................................................................................8
Arquitectura de las tablas de la BD............................................................................................8
Análisis y diseño general de la página web.................................................................................9
Programación.............................................................................................................................12
Pruebas.......................................................................................................................................12
Capítulo III.....................................................................................................................................13
Resultados...................................................................................................................................13
Conclusiones y recomendaciones..............................................................................................15
Anexos.........................................................................................................................................16
Referencias..................................................................................................................................20

Resumen
Este proyecto es más que nada para que lo comunidad universitaria participen
en el proyecto de sustentabilidad, reciclando en los contenedores esto para
resolver la contaminación del medio ambiente, ahorrar energía, ya que no se
van estar fabricando productos nuevos al estar reciclados y facilitara el trabajo
al personal que se ocupa a recoger los contenedores. También se tiene como
reto el lograr que participen en este proyecto de una manera más consciente,
tirando la basura en su lugar correcto. Primero empezamos a analizar en
diferentes artículos de internet, los escritores de páginas web y llegamos a la
conclusión de escoger visual studio code por lo fácil de usar y las diferentes
herramientas que proporciona. Después se empezó a programar, hacer la
estructura mediante comandos, se probaron diferentes colores para el título en
la escritura, se buscaron imágenes relacionadas con el proyecto que se está
llevando. Se investigó la información que iba llevar y como relacionarla en las
diferentes páginas de internet.

Capítulo I
Planteamiento del problema
Descripción del entorno del problema
La descripción del entorno es elaborar una página para mostrar a nuestro
público información sobre el plan del proyecto, ayudar al medio ambiente.
¿Qué necesidades existen?
Las necesidades de este proyecto serian que la gente pueda ver nuestra página,
así mismo que pueda atraerlo para que lo vea.
¿Quién tiene estas necesidades?
Estas necesidades son para el público en general ya que surgen estas
necesidades a partir de ayudar a que nuestro planeta siga siendo verde. Vemos
en los medios tecnológicos donde científicos nos comunican donde nos dicen
que necesitamos ayudar.

Justificación
La presente investigación se enfocará en cómo crear hábitos de reciclaje y
concientizar a la comunidad universitaria, ya que hace posible que los
materiales originales puedan ser aprovechados con un nuevo uso, sin que sea
necesario volver a usar recursos naturales para fabricarlos, También reduce la
contaminación. Reciclando contribuimos a disminuir el consumo de petróleo,
agua, emisiones de CO2 y el consumo energético, evitando a su vez la
generación de toneladas de basura

Objetivos generales y específicos

Objetivos generales
Los objetivos generales de nuestro proyecto son que ayudemos a dar una
presentación de aptitudes que podemos adoptar para conservar esta naturaleza.
concientizar a las personas que reciclen el plástico y las latas en los
contenedores para mejorar el medio ambiente, tratando de hacer una
universidad más limpia y sustentable.
Objetivos específicos
Los objetivos específicos es que con la ayuda de la visualización de la página
aportemos ayuda de lectura en cómo estamos dando el ejemplo de nuestra
pequeña aportación para que así ellos o aquel público que lo esté viendo tenga
entusiasmo de ayudar igual.

Capitulo ll
Metodología utilizada
La metodología utilizada fue la de cascada implementándola de la siguiente
manera:

Planificación del
proyecto
 Análisis

Diseño

programación

pruebas

Descripción de actividades por cada etapa de la metodología utilizada

Planificación del proyecto
Se planeó una idea de que se quería hacer la página y entre el equipo llegar un
acuerdo
Análisis
Se analizaron varias páginas para darse una idea como se podría hacer la
pagina
Diseño
Se diseñó un prototipo para ver más o menos como quedaría
Programación
Se empezó a programar en lo que viene siendo el editor visual code por lo
practico que es
Pruebas
Se revisó que todo haya salido bien sin errores.

Cronograma de actividades

Estructura de desglose del trabajo (EDT)

0.1

PAGINA WEB SUSTENTABLE

Alcance
 Alcance del proyecto El alcance de nuestro proyecto es que el público pueda
incitarse a poder ayudar y buscar información a través de nuestra página y que
nuestra página les proporcione la información suficiente.
Requerimientos funcionales y no funcionales
 El sistema guardara en una base de datos el correo y contraseña del
usuario.
 El sistema permitirá a los usuarios hacer un registro para inicio de
sesión con sus datos.
 Los usuarios pueden navegar en la página hasta que hagan un registro y
se inicie sesión.
 Los usuarios pueden mandar comentarios.
 Los usuarios pueden registrarse e iniciar sesión.
 El sistema quedara abierto el inicio de sesión, hasta que el usuario cierre
sesión.
 El usuario podrá entrar a la página con cualquier sistema operativo
como Windows y IOS.

Análisis y diseño de la base de datos, Diagrama entidad relación

ID nombre
ID nombre

Usuario n 1 Administrador

Correo Correo contraseña

Institucional contraseña
institucional

Análisis del módulo inicio de sesión

El módulo Iniciar sesión permite a los usuarios escribir un nombre de usuario
y una contraseña para iniciar sesión. Puede agregar este módulo en cualquier
pestaña de módulo para permitir que los usuarios inicien sesión en el sistema.
Arquitectura de las tablas de la BD
Análisis y diseño general de la página web

Aquí a continuación lo podemos ver

Programación
Aquí a continuación se puede ver lo que es el código de lo que es conócenos
que es una parte importante de la página ya que se da una breve introducción
de lo que es la página.

Pruebas
Pues al principio estuvimos batallando un poco con la base de datos
especialmente con el login, pero ya en estos momentos ya todo sirve
perfectamente.
Capítulo III
Resultados
Aquí podemos ver la parte para registrarse

Aquí la parte para iniciar sesión

Ya que se hace ese proceso manda a lo que es la página principal donde
aparece también un menú que servirá para movernos de página.

Se tiene lo que viene siendo la página de blog

Se tiene la página de conócenos

Se tiene la página de acerca de
Y además un apartado para comentarios
 Conclusiones y recomendaciones
Pues como conclusión se tiene que este proyecto enseñó y se aprendio todo el
proceso que hay detrás a la hora de desarrollar una página web, aprender a
trabajar en equipo también que, si algo no salía a buscar ayuda para poder
solucionarlo de una manera efectiva, investigar etc. Debe prevenir los inicios
de sesión no autorizados en la red mediante la asignación de contraseñas o el
control de inicios de sesión. Una contraseña es un mecanismo de autenticación
simple. Todas las cuentas de un sistema deben tener una contraseña.
Anexos
 Referencias

Facebook. (s/f). Facebook.com. Recuperado el 4 de diciembre de 2022, de

https://www.facebook.com/profile.php?id=100083854974902&mibextid=ZbWKwL