Universidad Tecnológica de Por el anhelo de Trascender

Salamanca

PROYECTO ESTADIAS

FICHA TÉCNICA

NOMBRE DEL PROYECTO

DESARROLLO DE PAGINA WEB PARA LA EMPRESA

PRESENTA (N):
NOMBRE(S) DEL(OS) ALUMNO(S)
DULCE MARÍA HERNÁNDEZ MIRANDA
YADIRA ESTRADA VITAL
JESUS JERAZMIN MARTINEZ SERRANO

SALAMANCA, GTO., MAYO-AGOSTO 2024.

RESUMEN

Como estudiante de TSU en período de prácticas en la empresa CETYS

(dedicada a redes y seguridad), nuestro objetivo es desarrollar una página web
informativa para la empresa. Nos encargaremos de crear esta plataforma que
destaque los servicios ofrecidos por la empresa en redes y seguridad. El diseño
estará enfocado en la usabilidad y accesibilidad para garantizar una experiencia
óptima para el usuario.

Como estudiantes, seremos responsables de diseñar y desarrollar la página web,

así como de garantizar su funcionalidad y aspecto visual. Colaboraremos
estrechamente con el equipo de la empresa para recopilar información y
contenido relevante.

Tanto la empresa como la escuela proporcionarán supervisión y orientación

durante todo el proceso de desarrollo. Se llevarán a cabo evaluaciones
periódicas para verificar el progreso y la calidad del trabajo realizado.

En cuanto a las conclusiones esperadas, el proyecto de creación de la página

web nos brindará como estudiantes una valiosa experiencia práctica en el
desarrollo web y fortalecerá las habilidades necesarias en el campo de redes y
seguridad. Además, la página web servirá como una herramienta efectiva para la
empresa, mejorando su visibilidad en línea y presentando claramente sus
servicios.

iii
ABSTRACT

Se trata del mismo texto del Resumen Ejecutivo, pero escrito en una lengua
internacional diferente a la del resto del documento, por lo que se recomienda que sea
una traducción al idioma Inglés.

iv
ÍNDICES

INTRODUCCIÓN..................................................................................................... 1
CAPÍTULO I. MARCO DE REFERENCIAS..............................................................2
1.1 Antecedentes del proyecto..................................................................................................... 2

1.2 Definición del problema.......................................................................................................... 2

1.3 Objetivo general..................................................................................................................... 2

1.3.1 Objetivos específicos............................................................................................................. 3

1.4 Justificación............................................................................................................................ 3

1.5 Alcance................................................................................................................................... 3

1.6 Metodología de desarrollo del proyecto..................................................................................3

1.7 Logotipo y Eslogan................................................................................................................. 4

CAPÍTULO II. MARCO TEÓRICO............................................................................4

CAPÍTULO III. DESARROLLO DEL PROYECTO....................................................5
3.1 Análisis y diseño del sistema.................................................................................................. 5

3.1.1 Estudio de factibilidad del proyecto (Operacional, Técnica y Financiera).......................5

3.1.2 Análisis de requerimientos.............................................................................................. 5

3.1.3 Modelado de casos de uso............................................................................................. 5

3.1.4 Descripción de casos de uso.......................................................................................... 5

3.1.5 Modelado de clases........................................................................................................ 5

3.1.6 Modelado de datos......................................................................................................... 5

3.1.7 Diseño de interfaces....................................................................................................... 5

3.1.8 Administración del Proyecto........................................................................................... 5

3.2 Codificación y pruebas del sistema........................................................................................ 5

3.2.1 Arquitectura de software................................................................................................. 5

3.2.2 Documentación de Interfaces.........................................................................................5

3.2.3 Pruebas del sistema....................................................................................................... 5

RESULTADOS.........................................................................................................6

v
CONCLUSIONES.....................................................................................................7
REFERENCIAS BIBLIOGRÁFICAS.........................................................................8
ANEXOS (OPCIONAL)............................................................................................ 9

vi
INTRODUCCIÓN

Como estudiante en estadías, me he preparado para desarrollar una página web

informativa que arrojará luz sobre los servicios vitales proporcionados por una
empresa especializada en redes. Esta tarea no solo representa una oportunidad
para aplicar habilidades técnicas adquiridas en el aula, sino también para
sumergirme en el mundo real de la tecnología de redes y seguridad empresarial.

Encuentro una posición única para traducir el conocimiento teórico en una

herramienta tangible y accesible para el público. La página web que estoy a punto
de crear servirá como un escaparate digital que presenta los servicios esenciales
ofrecidos por la empresa, desde el cableado y los enlaces, hasta los
conmutadores IP y el equipamiento de diagnóstico.

Además de destacar la amplitud y la profundidad de los servicios de redes,

también me centraré en resaltar la importancia de la seguridad en un entorno
empresarial cada vez más interconectado. A través de secciones dedicadas a
temas como firewall, sistemas contra incendios, control de accesos, alarmas de
seguridad y cámaras de seguridad, la página web informará a los visitantes sobre
las medidas necesarias para proteger sus activos digitales y físicos.

En última instancia, este proyecto no solo representa un hito en mi trayectoria

estudiantil, sino también una oportunidad para contribuir al crecimiento y la
visibilidad de una empresa dedicada a garantizar la integridad y la eficacia de las
redes empresariales.

1
CAPÍTULO I. MARCO DE REFERENCIAS

1.1 Antecedentes del proyecto

Para nuestro desarrollo web, realizamos una exhaustiva búsqueda para identificar
un lenguaje de programación que no solo fuera robusto, sino también seguro.
Después de consultar con varios de nuestros profesores y evaluar diversas
opciones, llegamos a la conclusión de que React es la elección más adecuada
para esta tarea. React ofrece una serie de ventajas significativas en términos de
rendimiento, eficiencia y seguridad.

Una de las principales razones por las que consideramos que React es una opción
sólida radica en su enfoque en la construcción de interfaces de usuario (UI)
dinámicas y escalables. Al adoptar un enfoque basado en componentes, React
facilita la creación y el mantenimiento de aplicaciones web complejas al dividir la
interfaz de usuario en pequeños componentes reutilizables. Esto no solo mejora la
modularidad del código, sino que también simplifica la detección y corrección de
errores, lo que contribuye a una mayor seguridad.

Otro punto destacado de React es su eficiencia. Gracias a su Virtual DOM

(Documento de Objeto Modelo), React optimiza el rendimiento al minimizar la
cantidad de manipulaciones directas en el DOM real. Esto se traduce en una
experiencia de usuario más rápida y fluida, ya que React solo actualiza los
elementos necesarios en lugar de recorrer todo el árbol DOM.

Además, consideramos la necesidad de seguridad como un factor crucial en

nuestra elección. React sigue estrictamente la regla de "una vía de flujo de datos"
(unidireccional), lo que reduce las posibilidades de errores y vulnerabilidades
relacionados con la manipulación directa del estado de la aplicación. Además,
cuenta con una comunidad activa que constantemente identifica y soluciona
problemas de seguridad, garantizando que las aplicaciones desarrolladas con
React estén actualizadas y protegidas contra amenazas emergentes.

React fue creado por Jordan Walke, un ingeniero de software de Facebook, y se

lanzó por primera vez en marzo de 2013. Desde entonces, ha experimentado un
crecimiento significativo en popularidad y ha sido adoptado por una amplia gama
de empresas y desarrolladores en todo el mundo debido a sus ventajas en
rendimiento, eficiencia y seguridad.

En cuanto al propósito la página web tiene como objetivo informar y educar a una
amplia audiencia sobre los servicios de redes y seguridad ofrecidos por la
empresa, con el fin de atraer clientes potenciales, generar confianza en la marca y
establecer la empresa como un líder en su industria.

2
1.2 Definición del problema

Decidimos emprender el desarrollo web para la empresa CETYS, especializada

en redes y seguridad, debido a una necesidad imperante. La empresa contaba
con una página web previa, pero lamentablemente esta resultó ser vulnerable a
diversas amenazas cibernéticas y ya no se encuentra en funcionamiento. Esta
situación generó una brecha en la presencia en línea de CETYS, limitando su
capacidad para llegar a sus potenciales clientes y presentar sus servicios de
manera efectiva.

Ante este escenario, nos solicitaron crear una nueva página web que cumpla
con los más altos estándares de seguridad y que sea capaz de proporcionar una
plataforma robusta para la presentación de los servicios de la empresa. El
objetivo principal era restaurar la presencia en línea de CETYS de manera
segura y eficiente, permitiendo así que la empresa se vuelva a posicionar en el
mercado y se haga más conocida entre su audiencia objetivo.

El nuevo desarrollo web no solo busca abordar las deficiencias de seguridad

de la página anterior, sino también mejorar la experiencia del usuario y destacar
los servicios de redes y seguridad ofrecidos por CETYS. Se pretende que la
nueva página web sea una herramienta poderosa para atraer a nuevos clientes,
ofreciendo información clara y concisa sobre los servicios disponibles y
estableciendo una imagen profesional y confiable para la empresa.

En resumen, el proyecto de desarrollo web para CETYS surge como una

respuesta a la necesidad de restaurar su presencia en línea y mejorar su
visibilidad en el mercado. La nueva página web no solo busca corregir las
vulnerabilidades pasadas, sino también fortalecer la posición de la empresa como
líder en el campo de redes y seguridad, atrayendo así a una base más amplia de
clientes potenciales.

3
 1.3 Objetivo general

El objetivo general del proyecto de desarrollo web para la empresa CETYS,

especializada en redes y seguridad, es crear una nueva plataforma online que
reemplace la anterior, la cual se encontraba vulnerable y ya no está en
funcionamiento. Esta nueva página web servirá como una herramienta clave para
mejorar la visibilidad de la empresa en línea, presentando claramente sus servicios y
fortalezas en el ámbito de redes y seguridad. El propósito es atraer a potenciales
clientes, proporcionándoles información detallada sobre los servicios ofrecidos por
CETYS y estableciendo una presencia sólida y confiable en el mercado digital. En
resumen, el objetivo es reforzar la imagen de la empresa, generar confianza en sus
potenciales clientes y aumentar su reconocimiento en el sector.

1.3.1 Objetivos específicos

Los objetivos específicos del proyecto de desarrollo web para la empresa CETYS,
especializada en redes y seguridad, son los siguientes:

1. Reemplazar la página web existente: Desarrollar una nueva página web para
reemplazar la anterior, que resultaba vulnerable y ya no está en funcionamiento,
con el fin de restablecer la presencia en línea de la empresa.

2. Mejorar la seguridad: Implementar medidas de seguridad sólidas para

garantizar que la nueva página web sea resistente a posibles amenazas y
vulnerabilidades, protegiendo así la integridad de los datos de la empresa y de sus
clientes.

3. Presentar los servicios de manera clara y atractiva: Diseñar la nueva página

web con un enfoque en la presentación clara y atractiva de los servicios ofrecidos
por CETYS en el ámbito de redes y seguridad, con el objetivo de atraer a
potenciales clientes y aumentar su conocimiento sobre la empresa.

4
 4. Optimizar la experiencia del usuario: Centrarse en la usabilidad y la
accesibilidad de la nueva página web para garantizar una experiencia óptima para
los usuarios, facilitando la navegación y la obtención de información relevante
sobre los servicios de la empresa.

5. Incrementar la visibilidad en línea: Posicionar la nueva página web de CETYS

de manera efectiva en los motores de búsqueda y en las redes sociales, con el fin
de aumentar su visibilidad en línea y llegar a un público más amplio de potenciales
clientes interesados en servicios de redes y seguridad.

Al cumplir con estos objetivos específicos, el proyecto de desarrollo web

contribuirá a fortalecer la presencia en línea de CETYS, mejorar su reputación y
aumentar su base de clientes potenciales.

1.4 Justificación

La justificación para el proyecto de desarrollo web para la empresa CETYS,

especializada en redes y seguridad, radica en la necesidad de actualizar y mejorar su
presencia en línea. La empresa contaba con una página web anterior que se volvió
vulnerable y ya no está en funcionamiento. Esta situación representa una pérdida
significativa, ya que la presencia en línea es fundamental en el entorno empresarial
actual.
Al carecer de una plataforma web funcional y segura, CETYS está perdiendo
oportunidades para llegar a sus potenciales clientes y para comunicar eficazmente
sus servicios y propuestas de valor. Una página web bien diseñada y segura no solo
brindará a CETYS una presencia en línea renovada, sino que también servirá como
una herramienta efectiva para mejorar su visibilidad y reputación en el mercado.
Además, en un campo tan crítico como el de redes y seguridad, es fundamental
transmitir confianza y profesionalismo a los clientes potenciales. Una nueva página
web proporcionará a CETYS la oportunidad de destacar sus servicios, su experiencia

5
y su compromiso con la seguridad cibernética, lo que contribuirá a fortalecer su
posición en el mercado y a atraer a nuevos clientes.

En resumen, el proyecto de desarrollo web para CETYS es fundamental para mejorar

su presencia en línea, reconstruir su reputación y fortalecer su posición en el
mercado de redes y seguridad, permitiéndole alcanzar a una audiencia más amplia y
generar nuevas oportunidades comerciales.

1.5 Alcance
El alcance del proyecto de desarrollo web para la empresa CETYS, especializada en
redes y seguridad, implica varios aspectos:

 Análisis de la Situación Actual: Se realizará un análisis detallado de la

situación actual de la empresa en cuanto a su presencia en línea. Se
evaluarán los problemas y vulnerabilidades de la página web anterior que llevó
a su inoperatividad.
 Requisitos Funcionales y No Funcionales: Se identificarán los requisitos
funcionales, como la presentación clara de los servicios de redes y seguridad
ofrecidos por CETYS, la facilidad de navegación y la integración de un
formulario de contacto. Además, se establecerán requisitos no funcionales,
como la seguridad de la página web y su capacidad para manejar un alto
tráfico de visitantes.
 Diseño y Desarrollo de la Nueva Página Web: Se diseñará y desarrollará
una nueva página web que cumpla con los requisitos identificados. El diseño
estará centrado en la usabilidad, la accesibilidad y la seguridad. Se utilizarán
tecnologías modernas para garantizar una experiencia óptima para el usuario.
 Contenidos Relevantes: Se colaborará estrechamente con el equipo de
CETYS para recopilar información y contenido relevante que se mostrará en la
página web. Esto puede incluir descripciones detalladas de los servicios,
casos de estudio, testimonios de clientes, entre otros.

6
  Pruebas y Ajustes: Se llevarán a cabo pruebas exhaustivas para garantizar
que la nueva página web funcione correctamente en diferentes navegadores y
dispositivos. Se realizarán ajustes según sea necesario para mejorar la
funcionalidad y la experiencia del usuario.
 Despliegue y Mantenimiento: Una vez finalizado el desarrollo, se desplegará
la nueva página web y se realizarán las configuraciones necesarias para que
esté completamente operativa. Se establecerá un plan de mantenimiento para
asegurar que la página web siga funcionando de manera óptima a lo largo del
tiempo.
El alcance del proyecto abarca desde la identificación de necesidades hasta la
implementación y mantenimiento de la nueva página web de CETYS, con el objetivo
de mejorar su presencia en línea y atraer a potenciales clientes interesados en sus
servicios de redes y seguridad.

1.6 Metodología de desarrollo del proyecto

Secciones Principales:
Inicio: Breve descripción de la empresa y sus servicios.
Servicios: Detalles sobre los servicios de redes y seguridad ofrecidos.
Sobre Nosotros: Información sobre la empresa, su historia y equipo.
Contacto: Formulario de contacto y datos de la empresa.
Contenido Visual:
Uso de imágenes y gráficos relevantes para ilustrar los servicios y mejorar el atractivo
visual de la página.

1.7 Logotipo y Eslogan

“Networking & Security”

7
CAPÍTULO II. MARCO TEÓRICO

Lo conformarán todos aquellos conceptos técnicos que permitan definir con precisión
instrumentos, métodos, técnicas, equipos y aparatos utilizados para el desarrollo del
proyecto. Considerar para la escritura del presente capítulo, como mínimo un 30% del
total de páginas de contenido correspondiente al capítulo de Desarrollo del Proyecto.

8
CAPÍTULO III. DESARROLLO DEL PROYECTO

Enferpsico es una aplicación móvil que podrás

Obtener de forma gratuita. La cual te será de
Mucha utilidad dentro de la UTS ya que te
Ayudara a generar tus citas de forma más fácil .y
Sin tanta complejidad en las áreas de enfermería y psicología.

1.1 Análisis y diseño del sistema

1.1.1 Estudio de factibilidad del proyecto (Operacional, Técnica y Financiera)

1.1.2 Análisis de requerimientos

1.1.3 Modelado de casos de uso

1.1.4 Descripción de casos de uso

1.1.5 Modelado de clases

1.1.6 Modelado de datos

3.1.6.1 Modelo relacional

3.1.6.2 Diccionario de datos

1.1.7 Diseño de interfaces

1.1.8 Administración del Proyecto

3.1.8.1 Acta de constitución del proyecto

3.1.8.2 Plan de gestión del alcance (WBS)

3.1.8.3 Plan de gestión del tiempo del proyecto (Cronograma de actividades)

3.1.8.4 Plan de gestión de recursos humanos (Organigrama del equipo de proyecto)

1.2 Codificación y pruebas del sistema

1.2.1 Arquitectura de software

1.2.2 Documentación de Interfaces

1.2.3 Pruebas del sistema

9
RESULTADOS

Para el análisis y recolección de

Datos, se escogió el método de
Encuestas, ya que nos permite
Establecer una relación con los
Próximos usuarios de nuestra
Aplicación y de igual forma conocer
Que es lo que opinan en relción a la
Aplicación y asi crear una confianza
Entre usuario y creador .

10
CONCLUSIONES

11
REFERENCIAS BIBLIOGRÁFICAS

Su propósito es ayudar al lector a encontrar las fuentes de información utilizadas para

la elaboración del documento. Es por esto que las referencias bibliográficas deben ser
lo más precisas y completas posible.
Aquí se incluye la lista de libros, revistas, artículos y páginas de internet consultados
para la elaboración de alguna parte del documento, y debe ir ordenada
alfabéticamente por el primer apellido del autor.
Por ningún motivo se aceptarán referencias bibliográficas de páginas como Wikipedia,
monografías, rincón del vago, o cualquier otra página en donde los datos del autor o la
información incluida no puedan ser corroborados, ni exista una revisión profesional
respaldada por alguna organización o institución reconocida.
Es importante mencionar que cada una de las referencias debe llevar sangría a partir
del segundo renglón. (Ver ejemplos).
Para indicar los datos de las fuentes consultadas, se hace uso del formato APA
(American Psychological Association), el cual se describe brevemente a continuación,
aunque también se puede obtener más información consultando las páginas
www.apa.org y www.apastyle.org:

12
ANEXOS (opcional)