SERVICIO NACIONAL DE ADIESTRAMIENTO EN TRABAJO INDUSTRIAL

FORMACIÓN
PROFESIONAL DUAL

CUADERNO DE
INFORMES

CÓDIGO N° 89001677
 DIRECCIÓN ZONAL
LIMA CALLAO

FORMACIÓN PROFESIONAL DUAL

CFP/UCP/ESCUELA: ETI

ESTUDIANTE: Sophie Louciana Bermeo Escalante

ID: 001556448 BLOQUE: 60PIADS202

CARRERA: Ingeniería de Software con Inteligencia Artificial

INSTRUCTOR: Adrian Angelo Alcantara Alvan

SEMESTRE: II DEL: 02/04/2024 AL: 27/04/2024

 INSTRUCCIONES PARA EL USO DEL
CUADERNO DE INFORMES DE TRABAJO SEMANAL
1. PRESENTACIÓN.

El Cuaderno de Informes 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 y en la Empresa.
2. INSTRUCCIONES PARA EL USO DEL CUADERNO DE INFORMES.

2.1 En el cuadro de rotaciones, el estudiante, registrará el nombre de las áreas o secciones

por las cuales rota durante su formación práctica, 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
cuaderno de informes. El estudiante irá registrando y controlando 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 hará 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 Monitor revisará, anotará las observaciones y recomendaciones que
considere; el Instructor revisará y calificará el Cuaderno de Informes 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

Desarrolla página web utilizando conceptos

semánticos
2/04 6/04 1
Inserta recursos multimedia en páginas web

Desarrolla aplicaciones interactivas utilizando

JavaScript
9/04 13/04 1

Desarrolla formularios web para recolectar 16/04 20/04 1

INFORME SEMANAL

SEMESTRE II SEMANA N° 3 DEL 16/04 AL 20/04 DEL 2024

 HORA
DÍA TRABAJOS EFECTUADOS
S

LUNES
NO CLASES

4h
SEPTIMA CLASE. Esta clase fue una retroalimentación de la semana anterior.
Tuvimos una practica calificada, en la cual teníamos que agregar una función nueva a
nuestro código de JavaScript, de la práctica del sábado.
MARTES
 OCTAVA CLASE (TEORICA). Aprendimos acerca de algunas formas en que HTML
y JavaScript interactúan para crear experiencias web dinámicas e interactivas (manejo
de eventos en HTML, manipulacion del DOM y formularios de HTML . La
combinación de HTML y JavaScript permite construir aplicaciones web completas y
sofisticadas. EJEMPLO DE FORMULARIO:

MIÉRCOLES
4h

NOVENA CLASE. Aprendimos acerca del objeto de documento DOM en JavaScript

JUEVES que representa la estructura de un documento HTML y proporciona métodos para
interactuar con él. Nos enseñaron acerca de una nueva función para obtener un
elemento por su ID, este se llama getElementById. Tambien pusimos en práctica lo
aprendimos en la clase teorica. EJEMPLO:
 HTML

JAVASCRIP
T

VIERNES NO CLASES

SÁBADO PRIMERA PRACTICA CALIFICADA. El objetivo de esta actividad fue desarrollar un

formulario de inscripción para cursos en línea, aplicando y consolidando tus conocimientos
fundamentales de programación web. Utilizamos HTML para estructurar el formularios y
Bootstrap para mejorar su apariencia y asegurar su funcionalidad en distintos dispositivos, y
JavaScript para añadir interactividad, como la validación de datos y la manipulación de
 HTML

4h

JAVASCRIPT
 TOTAL 12h

TAREA SIGNIFICATIVA
Este código combina HTML y JavaScript para crear un formulario de contacto interactivo con validación básica en el
lado del cliente. Los usuarios deben completar los campos correctamente antes de enviar el formulario, lo que ayuda a
garantizar que los datos ingresados sean válidos antes de procesarlos.

PAGINA WEB
HTML
 JAVA SCRIPT

Descripción del proceso:

1. Creación del Formulario HTML:
 Comenzamos con el doctype <!DOCTYPE html> seguido de la apertura de la etiqueta <html>.
 Dentro de la etiqueta <head>, configuramos el juego de caracteres y la escala inicial para dispositivos móviles, y
proporcionamos un título para la página. También incluimos un enlace a la hoja de estilos de Bootstrap para aplicar
estilos al formulario.
 Dentro de la etiqueta <body>, creamos un contenedor con la clase "container" de Bootstrap para organizar el
contenido. Dentro de este contenedor, colocamos un formulario con un id de "contactform".
 El formulario incluye campos para el nombre, el apellido y el correo electrónico del usuario. Cada campo está
etiquetado con <label> para indicar su propósito, y se utiliza un <input> para que el usuario pueda ingresar datos.
También hay un botón "Enviar" para enviar el formulario.
2. Validación en JavaScript:
 Agregamos un evento de escucha al formulario con el id "contactform". Esto significa que cuando el usuario intenta
enviar el formulario, se ejecutará una función de devolución de llamada.
 La primera línea de la función de devolución de llamada utiliza event.preventDefault() para evitar que el formulario
se envíe de forma predeterminada cuando se hace clic en el botón "Enviar". Esto nos permite realizar validaciones
personalizadas antes de enviar los datos.
 Utilizamos document.getElementById() para recuperar los valores ingresados por el usuario en los campos de
nombre, apellido y correo electrónico del formulario.
 Realizamos tres verificaciones simples:
- Verificamos que el nombre tenga al menos 3 caracteres.
- Verificamos que el apellido tenga al menos 4 caracteres.
- Verificamos que el correo electrónico contenga el símbolo "@".
 Si alguna de las verificaciones falla, mostramos una alerta al usuario indicando qué campo debe corregir.
 Si todas las verificaciones pasan, imprimimos los valores ingresados en la consola para propósitos de registro y
mostramos una alerta indicando que el formulario se envió con éxito.
 Utilizamos setTimeout para recargar la página después de 10 milisegundos. Esto simula una nueva carga de página,
como si estuviéramos redirigiendo al usuario a una página de confirmación después de enviar el formulario.