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 29/09/25 04/10/25 1

técnico / atención al cliente / INFOTRON 06/10/25 11/10/25 2

técnico / atención al cliente / INFOTRON 13/10/25 18/10/25 3

técnico / atención al cliente / INFOTRON 20/09/25 21/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 29/09/25 AL 04/10/25 DEL 2025

DÍA ACTIVIDADES/TRABAJOS EFECTUADOS HORAS

- El día de hoy tocamos algunos temas de angular

- Realizamos tailwind
LUNES 6

- Hoy realizamos el avanze y entrega de nuestro entregable

de adndroid Studio
MARTES 5

MIÉRCOLES

JUEVES

VIERNES

SÁBADO

TOTAL 11.00 Hrs

 INFORME SEMANAL

V SEMESTRE SEMANA N°……2….. DEL 06/10/11 AL 11/10/25 DEL 2025

DÍA ACTIVIDADES/TRABAJOS EFECTUADOS HORAS

- Hoy tuvimos recuperación de la tarea

Numero 1
LUNES 6

- No tuvimos clases

MARTES

MIÉRCOLES

JUEVES

- Control Estadístico de Procesos

VIERNES 1:30

SÁBADO

TOTAL 7.30 Hrs

 INFORME SEMANAL

V SEMESTRE SEMANA N°……3….. DEL 13/10/25 AL 18/10/25 DEL 2025

DÍA ACTIVIDADES/TRABAJOS EFECTUADOS HORAS

- Hoy tuvimos recuperación de la tarea numero 2

LUNES 6

- Hoy tuvimos la introducción al curso

de
MARTES Diseño y desarrollo de soluciones IOT 5

MIÉRCOLES

JUEVES

- Control Estadístico de Procesos

- Coordinamos las siguientes
VIERNES clases y como será el entregable 1:30

SÁBADO

TOTAL 12.30 Hrs

 INFORME SEMANAL

V SEMESTRE SEMANA N°……4….. DEL 20/10/25 AL 21/10/25 DEL 2025

DÍA ACTIVIDADES/TRABAJOS EFECTUADOS HORAS

- Hoy tuvimos la recuperación de la tarea

Numero 3
LUNES 6

- hoy vimos como era el robot dogzilla

aprendimos como era su estructura y 4.30 hrs
MARTES su programación

MIÉRCOLES

JUEVES

VIERNES

SÁBADO

TOTAL 10.30 hrs

Tarea más significativa: SEMANA 1

Panel de Control — Módulo Tienda

Descripción del proceso:

Este bloque representa un panel interactivo dentro de una interfaz de administración,
enfocado en la gestión de tiendas.
Su propósito es permitir al usuario navegar, visualizar y administrar información
relacionada con locales, proveedores y sucursales, además de ofrecer un menú de
acciones rápidas (editar, duplicar o eliminar).

 Contenedor principal con fondo gris claro, bordes redondeados y sombra. Usa
Flexbox para alinear los elementos horizontalmente en pantallas grandes y en
columna en pantallas pequeñas.

 Representa el acceso directo al módulo de la tienda. Tiene estilo circular, cambia

de color al pasar el cursor (de gris a ámbar).

 Enlaces interactivos que permiten acceder a diferentes secciones. Cada opción

tiene efecto hover (cambia a color celeste).
 Despliega un menú contextual. Al hacer clic, aparecen las opciones “Editar”,
“Duplicar” y “Eliminar”.

 Resultado final
Tarea más significativa: SEMANA 2

Sección de Confianza y Promoción de Productos

Descripción del proceso:

Este fragmento forma parte del inicio o sección de marketing de una página web, donde se
busca generar confianza y destacar categorías de productos.
Primero se muestran logos de medios reconocidos (como Bloomberg, Forbes, BBC, etc.) para
transmitir credibilidad, seguidos de un eslogan central que invita al usuario a comprar sin
preocupación.
Finalmente, se incluyen botones de categorías de productos que el usuario puede seleccionar
para explorar diferentes tipos de artículos (como “comida natural” o “anti pulgas”).

 Contenedor con una imagen de fondo ([Link]) usada como elemento

decorativo o divisor visual. Tiene dimensiones proporcionales (10% del ancho de
la ventana).

 Muestra nombres de medios reconocidos (Bloomberg, Forbes, The New York

Times, BBC). Usa flex y space-x-20 para separarlos de manera uniforme y
centrarlos.
 Crea una barra de selección con categorías de productos. Está centrada
horizontalmente. Representan las categorías. El botón activo (btn-active) destaca
visualmente, indicando la categoría seleccionada, mientras los inactivos están
atenuados.

 El resultado
Tarea más significativa: SEMANA 3

Sección Principal de Presentación – Comidas Frescas a Domicilio

Descripción del proceso:

Este fragmento corresponde a la sección principal o hero section de una página web dedicada a la venta y
entrega de comidas frescas.
Su propósito es captar la atención del usuario apenas entra al sitio, mostrando un mensaje atractivo
acompañado de una imagen visualmente apetitosa.
El diseño usa fuentes elegantes y modernas, combinando colores cálidos y naturales para transmitir salud,
frescura y confianza.

 Crea el contenedor principal con fondo color crema y espaciado superior. Define una altura
amplia y evita el scroll interno (overflow-hidden).
 Distribuye el contenido en dos columnas: texto a la izquierda y la imagen a la derecha. En
pantallas pequeñas, se apila verticalmente.

 Muestra una imagen diferente según el dispositivo: la versión grande para escritorio (hidden
md:block) y una versión vertical para móvil (block md:hidden).

 Resultado
Tarea más significativa: SEMANA 4

Sección de Valores e Inversiones — Tarjetas Dinámicas con @for

Descripción del proceso:

Esta sección representa una presentación institucional moderna, donde la empresa comunica sus valores
principales y servicios financieros.
El bloque se divide en dos partes:
 Un encabezado (“Values”) con un mensaje inspirador.
 Una cuadrícula de tarjetas informativas generadas dinámicamente mediante Angular, cada una con
su propio ícono, título, descripción y tema visual (claro u oscuro).
El propósito de este diseño es mostrar profesionalismo, innovación y transparencia en la oferta de la
empresa, usando un enfoque visual limpio y modular.

 Estructura principal: Es la sección de encabezado o “hero” de una página web.

 <p class="tagline">Values</p>: Sirve como subtítulo o categoría para introducir el tema principal.
 <h1>: Título principal que transmite el mensaje central (“Make your spend, Well-spent”).
 Diseño dividido: Tiene una parte izquierda (hero-left) para el texto y otra para la descripción
adicional.
 <p class="description">: Explica brevemente la misión o propósito — eliminar obstáculos para
alcanzar metas financieras.
 @for (card of cards; track [Link]): Nueva sintaxis de Angular 19 para recorrer un arreglo (cards)
y renderizar cada tarjeta.
 [ngClass]="[Link]": Aplica clases CSS condicionales (por ejemplo, “light” o “dark”) según el
tema definido en los datos.
 <img [src]="[Link]">: Muestra un ícono o imagen asociada a cada tarjeta, enlazado
dinámicamente.
 <h3>{{ [Link] }} y <p>{{ [Link] }}: Insertan contenido dinámico (título y descripción) usando
interpolación de Angular.
 <button class="arrow-btn">↗</button>: Botón decorativo o de acción que puede servir para ampliar
información o redirigir.
 Estructura: Es un arreglo de objetos que contiene la información que se muestra dinámicamente en
las tarjetas del HTML.
 Propósito: Centraliza los datos de cada tarjeta para que Angular los recorra con @for y los
renderice automáticamente.
 icon: Ruta o nombre del archivo de imagen que se mostrará como ícono en la tarjeta.
 title: Título principal de la tarjeta (ej. “Transparency”, “Creative expansion”).
 text: Descripción o mensaje breve que explica el valor o concepto de cada tarjeta.
 theme: Define el estilo visual de la tarjeta (light o dark), permitiendo aplicar distintos fondos o
colores con ngClass.

 RESULTADO:
 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