SERVICIO NACIONAL DE ADIESTRAMIENTO EN TRABAJO INDUSTRIAL

FORMACIÓN PROFESIONAL DUAL

INFORME DE PRÁCTICA

CÓDIGO N° 89001677
 DIRECCIÓN ZONAL

Ayacucho - Huamanga

FORMACIÓN PROFESIONAL DUAL

CFP/UCP/ESCUELA: Ayacucho – Huamanga_______________________________

ESTUDIANTE: Ramos Lapa, Angel Gabriel_________________________________

ID: 1554623_______________ BLOQUE:_____________3_________________________

CARRERA: ingeniería de Software con inteligencia artificial__________________

INSTRUCTOR: Jhonatan Sauñe Pichardo__________________________________

SEMESTRE: V_____________________ DEL: 01/09/2025______ AL: 23/09/2025_____

 INSTRUCCIONES PARA EL USO DEL
INFORME DE PRÁCTICA DE TRABAJO SEMANAL

1. PRESENTACIÓN.

El Informe de Práctica de trabajo semanal es un documento de control, en el cual el

estudiante, registra diariamente, durante la semana, las tareas, operaciones que ejecuta en
su formación práctica en SENATI.

2. INSTRUCCIONES PARA EL USO DEL INFORME DE PRÁCTICA.

2.1 En el cuadro de rotaciones, el estudiante, registrará el nombre de los cursos de

especialidad por los cuales rota durante el semestre en su formación práctica en
SENATI, precisando la fecha de inicio y término.
2.2 Con base al PEA proporcionado por el instructor, el estudiante transcribe el PEA en el
informe de práctica. El estudiante registrará y controlará su avance, marcando en la
columna que corresponda.
2.3 En la hoja de informe semanal, el estudiante registrará diariamente los trabajos que
ejecuta, indicando el tiempo correspondiente. El día de asistencia al centro para las
sesiones de tecnología, registrará los contenidos que desarrolla. Al término de la
semana totalizará las horas.
De las tareas ejecutadas durante la semana, el estudiante seleccionará la más
significativa y realizará una descripción del proceso de ejecución con esquemas y
dibujos correspondientes que aclaren dicho proceso.
2.4 Semanalmente, el estudiante registrará su asistencia, en los casilleros
correspondientes.
2.5 Semanalmente, el Instructor revisará y calificará el Informe de Práctica haciendo las
observaciones y recomendaciones que considere convenientes, en los aspectos
relacionados a la elaboración de un Informe Técnico (términos técnicos, dibujo técnico,
descripción de la tarea y su procedimiento, normas técnicas, seguridad, etc.)
2.6 Si el PEA tiene menos operaciones (151) de las indicadas en el presente formato,
puede eliminar alguna página. Asimismo, para el informe de las semanas siguientes,
debe agregar las semanas que corresponda.
2.7 Escala de calificación:

CUANTITATIVA CUALITATIVA CONDICIÓN

16,8 – 20,0 Excelente
13,7 – 16,7 Bueno Aprobado
10,5 – 13,6 Aceptable
00 – 10,4 Deficiente Desaprobado
 PLAN DE ROTACIONES

PERÍODO
ÁREA / SECCIÓN / EMPRESA SEMANAS
DESDE HASTA
técnico / atención al cliente / INFOTRON 01/09/25 06/09/25 1

técnico / atención al cliente / INFOTRON 08/09/25 13/09/25 2

técnico / atención al cliente / INFOTRON 15/09/25 20/09/25 3

técnico / atención al cliente / INFOTRON 22/09/25 23/09/25 4

 PLAN ESPECÍFICO DE APRENDIZAJE (PEA)
SEGUIMIENTO Y EVALUACIÓN
Llenar según avance

OPERACIONES

Nº OPERACIONES/TAREAS EJECUTADAS*

1 2 3 4

01 Utiliza el entorno Android Studio y Java

02 Diseña y crea interfaz gráfica de usuario

03 Crea programas con almacenamiento de datos en SQLite

04 Usa y crea aplicaciones con REST

Revisa los fundamentos de IoT y plataformas de

05
hardware
06 Programa hardware con Arduino
Usa sensores, actuadores y crea programas de adquisición
07
de datos
08 Revisa la comunicación y conectividad IoT
Conoce y aplica prácticas de desarrollo de software
09
colaborativo
10 Usa entorno de ejecución backend con JavaScript
11 Usa tecnología frontend con JavaScript
12 Diseña y crea servicios API RESTful
13 Crea programas de Python en Google Colab
14 Crea y entrena modelos ML
15 Exporta e integra modelos de Machine Learning

16 Usa herramientas de IA para integrarlo al desarrollo de

software

17
18
19
20
21
22
23
24
29
30
 INFORME SEMANAL

V SEMESTRE SEMANA N°……1….. DEL 01/09/25 AL 05/09/25 DEL 2025

DÍA ACTIVIDADES/TRABAJOS EFECTUADOS HORAS

- Creamos un nuevo proyecto en Nest.js llamado

proyecto_backend

LUNES - Configuración inicial de controladores y módulos 6

- No hubo clases

MARTES 5

MIÉRCOLES

JUEVES

- Explicación del concepto de variable cualitativa

- Ejemplos prácticos en clase

VIERNES 1:30

SÁBADO

TOTAL 12.30 Hrs

 INFORME SEMANAL

V SEMESTRE SEMANA N°……2….. DEL 08/09/25 AL 12/09/25 DEL 2025

DÍA ACTIVIDADES/TRABAJOS EFECTUADOS HORAS

- Creamos nuestro e-commerce en Angular

- Implementación de componentes iniciales de

LUNES productos 6

- Instalamos Android Studio

- Configuración de un emulador para pruebas

MARTES móviles 5

MIÉRCOLES

JUEVES

- Cálculo de rango, varianza y desviación

estándar

VIERNES - Aplicación de los conceptos en conjuntos 1:30

de datos reales

SÁBADO

TOTAL 12.30 Hrs

INFORME SEMANAL
V SEMESTRE SEMANA N°……3….. DEL 15/09/25 AL 19/09/25 DEL 2025

DÍA ACTIVIDADES/TRABAJOS EFECTUADOS HORAS

- Evaluación de Angular creando una página web

- Revisión de errores comunes en componentes

LUNES 6

- Agregamos un calendario en Android Studio

- Configuración de un dashboard básico
MARTES 5

MIÉRCOLES

JUEVES

- Explicación del método del pescado

Ishikawa

VIERNES - Aplicación en un caso práctico de análisis 1:30

de problemas

SÁBADO

TOTAL 12.30 Hrs

INFORME SEMANAL

V SEMESTRE SEMANA N°……4….. DEL 25/08/25 AL 26/08/25 DEL 2025

 DÍA ACTIVIDADES/TRABAJOS EFECTUADOS HORAS

- Realizamos Angular señales

- Prueba de estilos dinámicos con componentes
LUNES 6

-hoy vimos como podemos agregar y eliminar

componentes en Android estudio 4.30 hrs
MARTES

MIÉRCOLES

JUEVES

VIERNES

SÁBADO

TOTAL 10.30 hrs

Tarea más significativa: SEMANA 1

Creación de un nuevo proyecto en Nest.js llamado proyecto_backend
Descripción del proceso:
Durante esta semana, inicié la creación de un proyecto en Nest.js. Configuré el servidor básico
y exploré las funciones principales de este framework. La tarea fue significativa porque me
permitió comprender el funcionamiento de un backend estructurado y aprender cómo se
implementan los métodos más usados en el desarrollo de APIs.
1. Creamos un nuevo proyecto en nest.js llamado proyecto_backend

2. Creamos la carpeta productos

3. Creamos las demás carpetas

 4. Implementé las funciones GET, POST, PUT y DELETE para simular operaciones
CRUD.

A pesar de los errores el código funciona de manera correcta, trate de desinstalar lo que
provoca eso, pero no funciona

Tarea más significativa: SEMANA 2

Creación del proyecto de e-commerce en Angular con estructura de backend, cliente y
administrador
Descripción del proceso:
Durante esta semana, comenzamos el desarrollo de un proyecto de e-commerce en Angular.
Estructuramos el sistema en tres partes principales: backend, cliente y administrador. La tarea
fue significativa porque aprendimos a organizar un proyecto más completo y a trabajar con la
interfaz del administrador usando herramientas modernas de Angular.
1. Creamos la base del proyecto de e-commerce en Angular y se crean carpetas
dentro de shared

2. Importaciones

 Routes: Es el tipo que define un arreglo de rutas en Angular.

 Dashboard: Es un componente que va a servir como “contenedor principal” (layout o
página base).
 Home: Es otro componente que se cargará dentro del Dashboard.

3. Definición de rutas
 Ruta principal

 Cuando el usuario entra al path vacío (''), Angular carga el componente Dashboard.
 Este Dashboard actúa como padre y dentro de él se mostrarán las rutas hijas.

 Redirección inicial

 Si entras a http://localhost:4200/ (es decir, ruta vacía), Angular redirecciona

automáticamente a /home.
 pathMatch: 'full' significa que la redirección solo ocurre si la URL está totalmente vacía
(no coincide parcialmente).

 Ruta hija "home"

  Cuando el usuario navega a /home, se carga el componente Home.
 El atributo title sirve para definir el título de la pestaña del navegador mientras estás
en esa ruta.

Tarea más significativa: SEMANA 3

Evaluación practica de angular en donde teníamos que recrear lo aprendido
Descripción del proceso:
Durante esta semana realizamos una evaluación práctica de Angular, en la cual debíamos
aplicar todo lo aprendido en clases anteriores. La actividad consistió en recrear una página web
utilizando componentes, directivas y servicios, además de implementar las conexiones básicas
que nos explicó el profesor. Esta tarea fue significativa porque permitió demostrar de forma
práctica la comprensión de los fundamentos de Angular y su aplicación en el desarrollo de
proyectos reales.
1. Menú con enlaces de navegación en Angular Material

 Cada ítem tiene un icono (mat-icon) y un texto descriptivo.

 La propiedad routerLink define a dónde navegará el usuario al hacer clic.
 routerLinkActive="activeLink" aplica una clase cuando la ruta está activa.
 El evento (click)="handleItemClick()" permite ejecutar alguna acción extra cuando el
usuario selecciona una opción.

2. Menú de navegación con submenús desplegables en Angular Material

Solo una parte del código:

1. Submenús dinámicos
 Con la función toggleSubmenu('componet') se controla si un submenú está
abierto o cerrado.
 {{subMenuOpen()==="componet"?'expand_less':'expand_more'}} muestra un
ícono diferente (flecha arriba o abajo) dependiendo de si está abierto o
cerrado.
 Dentro de cada submenú (@if), aparecen opciones adicionales como
Primera edición, Segunda edición, Funciones, Nosotros, etc.
2. Enlaces de navegación
 Cada opción usa routerLink para dirigir al usuario a una ruta del dashboard.
 routerLinkActive="activeLink" resalta la opción activa.
 (click)="handleItemClick()" permite ejecutar lógica adicional cuando el
usuario hace clic.
3. Opciones principales del menú
 Boletín informativo → Con submenús: Primera edición, Segunda edición.
 Inicio → Redirige a /dashboard/home.
 Institucional → Con submenús: Funciones, Nosotros.
 Categorías → Redirige a /dashboard/categorias.
 Submenu → Con submenús: Submenu1, Submenu2.
4. Rutas en el Dashboard de Angular

 path → Define la URL que el usuario va a escribir o navegar.

Ejemplo: /dashboard/categorias, /dashboard/submenu.
 loadChildren → Sirve para cargar módulos de manera diferida (lazy loading).
Esto significa que el código de esas secciones solo se carga cuando el usuario entra a esa ruta,
optimizando el rendimiento.
 import() dinámico → Usa import() para traer el archivo de rutas correspondiente.
 ../componets/categorias/categorias.routes
 ../menu/menu.routes
etc.
 .then((m)=>m.NombreDeRutas) → Una vez importado el archivo, obtiene el objeto de rutas que
exportaste.

5. Resultado final:
 Cada ruta funcia con total normalidad:
 Solo ese un ejemplo y se ve como te lleva con normalidad a lo que seleccionaste

Tarea más significativa: SEMANA 4

Uso de señales en Angular
Descripción del proceso:
Durante esta semana, la tarea más significativa fue la creación de un proyecto en Angular
utilizando señales (signals) para manejar estados de manera reactiva. Aprendimos a:

1. Definir variables con signal() para almacenar valores como nombre, precio, cantidad,
etc.
2. Usar computed() para calcular valores derivados, por ejemplo el total en base a
cantidad × precio.
3. Implementar funciones de incremento y decremento, evitando que el valor baje de cero.
4. Aplicar effect() para escuchar los cambios de estado y mostrar mensajes dinámicos en
consola.

1. Implementación práctica de señales en Angular

 signal() define valores como nombre, precio, cantidad o count.

 computed() calcula automáticamente resultados, como el total (cantidad × precio).
 effect() observa cambios en los signals y ejecuta acciones, como mostrar mensajes en
consola.
 Se implementan funciones para incrementar y decrementar valores, controlando que no
bajen de 0.
2. Interfaz de usuario con Angular Signals
 Se muestran en pantalla los valores de las señales (nombre, nombre2, precio,
cantidad).
 Se calcula y presenta el total (total2).
 Se incluyen botones para incrementar o decrementar la cantidad y el contador (count).
 Todo está enlazado a las señales, de modo que los cambios se reflejan
automáticamente en la interfaz sin necesidad de recargar.

3. Uso de signal, set y update para manejar valores reactivos

Se crea una señal llamada contador con un valor inicial de 5.
Con la función actualizarContador() se reemplaza el valor del contador directamente
usando .set().
Con la función actualizarUpdate() se modifica el valor del contador de forma acumulativa
usando .update().
Los cambios en el contador se muestran en la consola, reflejando siempre el valor más
reciente.
HACER ESQUEMA, DIBUJO O DIAGRAMA

AUTOCONTROL DE ASISTENCIA POR EL ESTUDIANTE

 LUNES MARTES MIÉRCOLES JUEVES VIERNES SÁBADO
M T M T M T M T M T M T
INJUSTIFICADAS: I
ASISTENCIA A SENATI INASISTENCIA
JUSTIFICADAS : FJ

OBSERVACIONES Y RECOMENDACIONES

El Instructor que revisa los informes de Prácticas realizará la retroalimentación directamente en la

plataforma LMS (Blackboard)

PROPIEDAD INTELECTUAL DEL SENATI. PROHIBIDA SU

REPRODUCCIÓN Y VENTA SIN LA AUTORIZACIÓN
CORRESPONDIENTE