REPORTE DE ESTADÍA
Rush Tecnologías
Desarrollo de módulos para plataforma web
PARA OBTENER EL TÍTULO DE:
TSU. EN TECNOLOGÍAS DE LA INFORMACIÓN ÁREA ENTORNOS
VIRTUALES Y NEGOCIOS DIGITALES
PRESENTA:
PAUL MACIAS MARES
EDWIN JULIAN RODRÍGUEZ GARCÍA
VALLE DE SANTIAGO, GTO. AGOSTO 2024.
REPORTE DE ESTADÍA
Rush Tecnologías
Desarrollo de módulos para plataforma web
PARA OBTENER EL TÍTULO DE:
TSU. EN TECNOLOGÍAS DE LA INFORMACIÓN ÁREA ENTORNOS
VIRTUALES Y NEGOCIOS DIGITALES
PRESENTA:
PAUL MACIAS MARES
EDWIN JULIAN RODRÍGUEZ GARCÍA
DIRECTOR DEL REPORTE DE ESTADÍA:
DR. EDUARDO HUERTA MASCOTTE
CODIRECTOR DEL REPORTE DE ESTADÍA:
Ing. Angel Manuel Santoyo López
GENERACIÓN 25
DEDICATORIAS
Quiero agradecer profundamente a mis padres, quienes han sido mi mayor fuente de
inspiración y apoyo a lo largo de mi carrera. Desde el primer momento, estuvieron allí,
brindándome todo lo necesario para seguir adelante, no solo en lo material, sino también
en lo emocional. Siempre encontraron la manera de animarme en los momentos difíciles,
de darme fuerza cuando dudaba y de celebrar cada uno de mis logros, por pequeños que
fueran.
Gracias a su constante apoyo, pude superar cada obstáculo en mi camino. Mis padres me
enseñaron el valor del esfuerzo, la perseverancia y la importancia de nunca rendirme,
incluso cuando el camino se hacía complicado. Ellos creyeron en mí de una manera
inquebrantable, y eso me motivó a seguir adelante, a dar lo mejor de mí mismo y a
alcanzar cada una de mis metas.
Hoy, con este logro en mis manos, no puedo dejar de agradecerles por ser mi mayor
fuerza, mi mejor ejemplo y mis mayores aliados. Sé que este éxito no es solo mío, sino
también de ellos, porque todo lo que he logrado es un reflejo de su amor y dedicación.
RESUMEN
Durante mi estadía en la empresa Rush Tecnologías, participé activamente en diversos proyectos
de desarrollo y mantenimiento de páginas web como parte del equipo de programación. Rush
Tecnologías es una consultoría que ofrece servicios tecnológicos a diversas organizaciones.
Durante mi tiempo en la empresa, trabajé con tecnologías como Razor, PHP, y Angular para la
creación y optimización de sitios web. Debido a la naturaleza confidencial de los proyectos, no se
elaboró un cronograma detallado de actividades.
Además, colaboré con mi codirector Ángel Santoyo en la modificación y mejora de la plataforma
PRODHEG, donde agregué nuevas páginas y funcionalidades, como motores de búsqueda con
filtros personalizados, y gestioné procesos de eliminación, modificación y creación de contenidos.
Utilicé herramientas como Visual Studio Community 2022, JavaScript, C#, SQL, HTML y CSS.
Por motivos personales, tuve que cambiar mi método de prácticas de manera física a remota. A
pesar de ello, continué trabajando en un proyecto asignado, que consistía en la creación de una
página web/aplicación para la empresa. Me encargué de desarrollar varias páginas, incluyendo la
página de inicio, páginas de información personal, modales, barras de navegación, pies de página,
y la responsividad de las mismas. Implementé los diseños proporcionados por el diseñador de la
empresa utilizando Visual Studio Code, el framework Blazor, Razor, C#, HTML, y CSS.
ABSTRACT
During my time at Rush Tecnologías, I actively participated in various web development and
maintenance projects as part of the programming team. Rush Tecnologías is a consultancy
that provides technological services to various organizations. During my tenure at the
company, I worked with technologies such as Razor, PHP, and Angular for the creation and
optimization of websites. Due to the confidential nature of the projects, a detailed activity
schedule was not prepared.
Additionally, I collaborated with my co-director Ángel Santoyo on modifying and improving
the PRODHEG platform, where I added new pages and functionalities, such as search
engines with custom filters, and managed processes for deleting, modifying, and creating
content. I used tools like Visual Studio Community 2022, JavaScript, C#, SQL, HTML, and
CSS.
For personal reasons, I had to switch my internship from in-person to remote. Despite this,
I continued working on an assigned project, which involved creating a website/application
for the company. I was responsible for developing several pages, including the homepage,
personal information pages, modals, navigation bars, footers, and their responsiveness. I
implemented the designs provided by the company's designer using Visual Studio Code,
the Blazor framework, Razor, C#, HTML, and CSS.
ÍNDICE GENERAL
DEDICATORIAS ...................................................................................................... i
RESUMEN.............................................................................................................. ii
ABSTRACT ............................................................................................................. i
ÍNDICE GENERAL .................................................................................................. i
ÍNDICE DE FIGURAS ............................................................................................. 1
ÍNDICE DE TABLAS ............................................................................................... 2
INTRODUCCIÓN .................................................................................................... 3
CAPITULO I. DESCRIPCIÓN DE LA PROBLEMÁTICA…………………………..4
2.1 Problemática ................................................................................................. 4
2.2 Justificación ................................................................................................... 4
2.3 Objetivo ......................................................................................................... 4
2.3.2 Objetivos específicos............................................................................... 4
CRONOGRAMA DE ACTIVIDADES ....................................................................... 5
CAPITULO II. MARCO TEORICO ....................................................................... 6
2.1 Antecedentes de la investigación. ................................................................. 6
2.2 Bases Teóricas .............................................................................................. 6
2.3 Conjunto de variables (o elementos) involucradas (departamentos, personal,
sucursales, equipos, etc) .................................................................................... 7
2.4 Definición de los términos básicos ................................................................. 7
CAPITULO III. DESARROLLO DEL PROYECTO ............................................... 8
4.1 Metodología a utilizar ............................................................................... 8
4.2 Fases de la metodologia ............................................................................ 8
4.3 Desarrollo .................................................................................................. 9
CAPITULO IV. PRUEBAS Y RESULTADOS ........................................................ 12
CONCLUSIONES ................................................................................................. 16
BIBLIOGRAFÍA..................................................................................................... 17
ÍNDICE DE FIGURAS
ÍNDICE DE TABLAS
Tabla 1. Cronograma de actividades. ................................................................................................. 5
INTRODUCCIÓN
Durante mi estadía en la empresa Rush Tecnologías, tuve la oportunidad de participar en una amplia
gama de proyectos relacionados con el desarrollo y mantenimiento de páginas web, lo que me
permitió aplicar y expandir mis habilidades en diversas tecnologías. Rush Tecnologías es una
consultoría que se especializa en brindar servicios tecnológicos personalizados a diversas
organizaciones, adaptándose a las necesidades particulares de cada cliente. Esto implicó enfrentar
desafíos complejos y ofrecer soluciones innovadoras que garantizaran la eficiencia y calidad en cada
proyecto.
En el transcurso de mi tiempo en la empresa, trabajé con tecnologías como Razor y PHP, dos
herramientas fundamentales para la construcción de aplicaciones web dinámicas y robustas.
Además, tuve la oportunidad de emplear Angular, un framework ampliamente utilizado en el
desarrollo de aplicaciones web modernas, que permitió optimizar el rendimiento y la experiencia
de usuario en los sitios que desarrollamos.
Para llevar a cabo estos proyectos, se estableció un cronograma de actividades detallado, que fue
seguido con precisión para garantizar la eficiencia en cada fase del desarrollo. Este cronograma
permitió la organización de las tareas y la correcta administración del tiempo, asegurando el
cumplimiento de los plazos establecidos y facilitando una gestión eficaz de los recursos. El trabajo
realizado bajo este esquema me permitió no solo profundizar en el uso de tecnologías clave, sino
también adquirir habilidades en la planificación y ejecución de proyectos, manteniendo siempre
altos estándares de calidad.
La experiencia en Rush Tecnologías no solo me proporcionó una valiosa oportunidad para
desarrollar mis habilidades técnicas, sino que también me permitió aprender a trabajar dentro de
un equipo en un entorno profesional, bajo un cronograma bien definido y cumpliendo con los
requerimientos del cliente en un contexto de consultoría tecnológica.
3
Capítulo 1. Descripción de la problemática
1.1 Problemática.
En la empresa Rush Tecnologías, la necesidad principal radicaba en ofrecer servicios eficientes de
desarrollo de página web para la misma y mantenimiento de sitios web para sus clientes
asegurando la confidencialidad de los proyectos.
1.2 Justificación.
La implementación de soluciones mediante el uso de frameworks y lenguajes de programación
avanzados como Razor, PHP, y Angular, permitieron a la empresa cumplir con las expectativas de
sus clientes, manteniendo altos estándares de calidad y seguridad.
1.3 Objetivo
Desarrollar y mantener sitios web que permitan a los clientes de Rush Tecnologías tener una
presencia en línea eficiente y segura.
1.3.1 Objetivos Específicos
• Aplicar frameworks como Angular para la creación de interfaces web dinámicas y
responsivas.
• Utilizar Razor y PHP para el desarrollo de funcionalidades backend seguras y escalables.
• Asegurar el mantenimiento continuo de los sitios web, garantizando su correcto
funcionamiento y actualizaciones.
• Utilizando MySQL para las bases de datos
La estadía incluyó la participación en la creación de sitios web desde su concepción hasta su
implementación final, así como el mantenimiento continuo de los mismos, asegurando la
satisfacción de los clientes de Rush Tecnologías.
4
CRONOGRAMA DE ACTIVIDADES
Tabla 1. Cronograma de actividades.
5
CAPITULO II. MARCO TEÓRICO
II. MARCO TEÓRICO
2.1) ANTECEDENTES DE LA INVESTIGACIÓN.
En este apartado se detallan los antecedentes relacionados con las
plataformas PRODHEG, workflow y RH Rushtec, abarcando los trabajos
realizados en torno a ellas y evaluando su evolución a lo largo del tiempo.
Estas plataformas han ido perfeccionándose desde su implementación
inicial hasta alcanzar su estado actual, con mejoras y adaptaciones que han
permitido su crecimiento continuo. Durante mis estadías, tuve la oportunidad
de trabajar directamente en estas plataformas, utilizando tecnologías
modernas y aplicando diferentes frameworks y lenguajes para mejorar su
funcionalidad.
2.2) BASES TEÓRICAS.
Para el desarrollo de las plataformas, se utilizaron tecnologías avanzadas y
frameworks que han sido clave en su evolución. PRODHEG fue construido
utilizando Angular, un framework de desarrollo frontend de alto rendimiento, que
permite la creación de aplicaciones dinámicas y escalables. En contraste, la
plataforma workflow emplea React, otro framework de frontend, conocido por su
flexibilidad y la creación eficiente de interfaces de usuario.
Además de los frameworks mencionados, se trabajó con Razor, un motor de
plantillas para la generación de vistas dinámicas, y PHP para la gestión de los
servicios del backend. Todo el trabajo fue desarrollado en el entorno de Windows
11, utilizando herramientas como Visual Community y Visual Studio Code, que
facilitaron el proceso de desarrollo y depuración del código. Estas herramientas son
fundamentales en la industria del software, ya que ofrecen un entorno robusto y
flexible para trabajar con múltiples lenguajes y frameworks.
6
2.3) CONJUNTO DE VARIABLES (o elementos) involucradas (Departamentos,
Personal, Sucursales, Equipos, etc)
Las plataformas PRODHEG, workflow y RH Rushtec involucran una serie de
elementos y variables que influyen en su funcionamiento. Entre estos, destacan
los sistemas operativos utilizados, los frameworks aplicados y las bases de datos
que gestionan la información. También es crucial el manejo de usuarios con
diferentes niveles de privilegios, así como la integración de distintos tipos de
software y hardware.
2.4) DEFINICIÓN DE LOS TÉRMINOS BÁSICOS.
• Backend: El backend es la parte lógica de un sitio, este se encarga de la
lógica de negocio, de recibir y devolver datos procesados a las apps y sitios
web, de forma que facilite la navegación y se garantice el funcionamiento y
la seguridad de diferentes funciones.
7
CAPITULO III. DESARROLLO DEL PROYECTO
4.1 Metodología a utilizar
Durante el desarrollo del proyecto, utilizamos la metodología Scrum para gestionar de manera
eficiente las tareas y asegurar un flujo constante de trabajo. Esta metodología nos permitió
organizar el proyecto en sprints, facilitando la colaboración entre los miembros del equipo y la
adaptación rápida a los cambios y requerimientos. A través de reuniones diarias, revisiones
periódicas y la retroalimentación continua, pudimos mantener un enfoque ágil, lo que resultó en
un desarrollo más estructurado y en la entrega puntual de cada una de las funcionalidades.
4.2 Fases de la metodología
• Planificación del Sprint: Durante esta fase, se establecieron las tareas prioritarias a
realizar en cada sprint, definiendo claramente los objetivos y los entregables para el
periodo de tiempo designado. El equipo colaboró para estimar el esfuerzo necesario para
cada tarea y organizarlas en el backlog del sprint.
• Daily Stand-ups (Reuniones Diarias): Cada día, el equipo se reunió brevemente para
discutir el progreso, identificar obstáculos y ajustar el plan según fuera necesario. Estas
reuniones fomentaron la comunicación continua y aseguraron que todos estuvieran
alineados con los objetivos del sprint.
• Desarrollo: Con las tareas planificadas y priorizadas, el equipo se enfocó en el desarrollo
de las funcionalidades acordadas. La metodología Scrum facilitó un enfoque ágil,
permitiendo realizar ajustes en función de la retroalimentación y las necesidades
emergentes.
• Revisión del Sprint: Al finalizar cada sprint, el equipo llevó a cabo una revisión para
evaluar lo que se había logrado. Se demostró el trabajo completado a los interesados,
recogiendo su feedback para incorporarlo en futuras iteraciones.
• Retrospectiva del Sprint: Después de la revisión, se realizó una retrospectiva donde el
equipo reflexionó sobre el proceso del sprint. Se identificaron las áreas de mejora y se
acordaron cambios en la metodología para mejorar la eficiencia en los siguientes sprints.
• Adaptación y Mejora Continua: Basado en la retroalimentación y las lecciones aprendidas,
el equipo ajustó su enfoque y realizó mejoras continuas en el proceso de desarrollo,
asegurando que el proyecto evolucionara de manera eficiente y efectiva.
8
4.3 Desarrollo
4.3.1) Elaboración de botones de eliminación para la plataforma web
de PRODEG
Se elaboraron botones que eliminaban datos de una parte especifica dentro del
apartado correspondiente. Se implementaron botones en la mayoría de las vistas.
4.3.2) Modificación y agregado de animación a botones de interfaces
Se agregaron diseños y animaciones a todos los botones
4.3.3) Desarrollo de herramientas para la gestión de documentos
Se desarrollo una herramienta que permite gestionar documentos de diferentes
personas
4.3.4) Modificación de pantallas para ajuste a diferentes resoluciones
Se modifico la pagina web para que se pueda visualizar en cualquier dispositivo
(móvil, laptop, tabletas)
4.3.5) Corrección de bugs
Se corrigieron algunos bugs que impedía la visualización correcta de los elementos.
4.3.6) Agregado de botones y avisos
Se agregaron botones para modificar elementos y avisos de confirmación
4.3.7) Modificación de herramienta e implementación en la plataforma
web (PRODEG)
Se hizo una modificación a la página de recepción de solicitudes, se añadió un
motor de búsqueda que te permitiera colocar el nombre de la persona de la cual
querías ver su expediente con una lista de las posibles opciones las cuales tenían
tanto un botón como para abrir una nueva página con el expediente para poder
revisarlo, y el botón para rellenar de manera automática campos personales que
salían en la parte inferior de la página, se llenaban según la información ya
guardada en la base de datos de dicha persona, te daba la opción de guardarlo en
caso de que no existiera alguno ya crea.
9
4.3.8) Página de inicio en sistema RH Rushtec
Creación de la página de inicio la cual debía llevar una barra de navegación con el
logotipo de la empresa, un botón de más opciones y uno para el inicio de sesión,
estas 3 cosas tenían la funcionalidad, el logotipo te debería llevar a la página de
inicio del sitio, el de más opciones debería mostrar un menú y el de inicio de sesión
abriría un modal el cual te permita ingresar tu usuario y contraseña y tenía un
botón para acceder, este modal debería aparecer en todas las páginas del sitio.
4.3.8) Página de documentos digitales en sistema RH Rushtec
Se desarrolló una página web diseñada específicamente para permitir a los
usuarios subir documentos importantes o personales de manera segura y eficiente.
Esta plataforma facilita el almacenamiento y la gestión de dichos documentos,
garantizando que estén organizados y accesibles en cualquier momento que se
necesiten.
10
4.3.8) Página de datos médicos y familiares en sistema RH Rushtec
Se creó una página web diseñada específicamente para registrar y almacenar de
manera segura tanto datos médicos como información relacionada con el historial
familiar. Esta página permite a los usuarios ingresar detalles relevantes sobre su
salud, como tipo sanguíneo, medicaciones, numero de seguro social,
enfermedades, así como datos personales y familiares importantes como
contactos de emergencia y otra información relevante.
4.3.8) Página de datos académicos en sistema RH Rushtec
Se creó una página web destinada a la gestión y almacenamiento de información
académica personal. En esta plataforma, los usuarios pueden subir y organizar
datos relevantes como el nivel de estudio alcanzado, la profesión, los idiomas
hablados y los estudios en curso.
11
4.3.8) Página de datos personales en sistema RH Rushtec
Se desarrolló una página web dedicada a la gestión de datos personales de cada
empleado. Esta plataforma permite a los empleados subir y almacenar de manera
segura información personal importante.
4.3.8) Página de administración en sistema RH Rushtec
Creación de la página de administración de incidencias, en donde se mostraba el
nombre e imagen del usuario, también se mostraba información, como sanciones,
12
faltas, retardos, asistencias, licencia médica, omisiones y demás, incluyendo la
barra lateral.
4.3.8) Página de adiestramiento en sistema RH Rushtec
Creación de la página de adiestramiento, la cual mostrara los cursos con los cuales se
cuenta, se muestra una miniatura e información como el nombre del curso y de
expedición, además de la fecha en la que se expidió, a la izquierda sale una barra lateral la
cual se presentara en la mayoría de páginas la cual te permitirá viajar de manera rápida
entre varias de este estilo, te permitiría ir a paginas como perfil y demás.
13
CAPITULO IV. PRUEBAS Y RESULTADOS
4.1) TIPOS DE PRUEBAS
4.1.1) PRUEBA A: Funcionamiento del Botón de Eliminación
(PRODEG)
Se verifico que, al hacer clic en el botón de eliminación, el elemento seleccionado
se elimine correctamente de la base de datos y que la interfaz de usuario refleje
esta acción de manera adecuada.
4.1.2) PRUEBA B: Verificación y creación de expediente (PRODEG)
Se verifico que, al introducir una clave única, el sistema compruebe la existencia de
un expediente asociado en la base de datos. Si el expediente existe, debe mostrar
que ya existe uno; si no existe, debe permitir al usuario crear un nuevo expediente.
4.1.3) PRUEBA C: Diseño Responsivo en Dispositivos Móviles (RH
Rustec y WorkFlow)
Se verifico que toda la página web sea completamente responsiva, adaptándose
correctamente a diferentes tamaños de pantalla y que la funcionalidad sea
preservada en dispositivos móviles.
14
4.2) RESULTADOS DE LA SOLUCIÓN PROPUESTA.
El trabajo desarrollado fue sometido a pruebas rigurosas para asegurar su correcto
funcionamiento en diferentes entornos y dispositivos, obteniendo resultados
satisfactorios en términos de rendimiento y usabilidad.
15
CONCLUSIONES
Mi estadía en Rush Tecnologías me permitió consolidar mis conocimientos en desarrollo
web y obtener experiencia valiosa en la aplicación de tecnologías avanzadas en proyectos
reales. A pesar de las limitaciones impuestas por la confidencialidad, pude contribuir al
éxito de los proyectos en los que participé y adquirir habilidades cruciales para mi
desarrollo profesional. Hacer mis estadías en la empresa fue una experiencia
transformadora; probé lo que realmente es el mundo laboral. Personalmente, enfrenté
desafíos económicos y emocionales, pero esto me permitió entender mejor lo que
significa trabajar para una empresa. Durante mi tiempo allí, adquirí una gran cantidad de
conocimientos en HTML, CSS, JavaScript y C#. Estoy muy agradecido porque crecí mucho
en un corto periodo, mejorando significativamente mi lógica de programación. Aunque
inicialmente tuve dificultades con los lenguajes de programación y el uso de bases de
datos, siento que alcancé un nivel intermedio de conocimiento en varios lenguajes,
además de dominar en gran medida CSS y HTML. Esta experiencia, con sus altibajos, me
proporcionó el crecimiento personal y profesional que necesitaba para madurar.
16
BIBLIOGRAFÍA
• Backend: ¿Qué es y para qué sirve? (s. f.). Gluo. https://www.gluo.mx/blog/backend-que-
es-y-para-que-sirve
• Atlassian. (s. f.). Agile Overview | Atlassian. https://www.atlassian.com/es/agile/scrum
• Inigo. (2023, 8 mayo). Metodología Scrum: qué es, cuáles son sus fases y cómo
implementarla - Michel Miró. Michel Miró. https://michelmiro.com/metodologia-scrum-
que-es-cuales-son-sus-fases-y-como-implementarla/
17
