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

DÍA TRABAJOS EFECTUADOS HORAS

LUNES
NO CLASES

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.

4h
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 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

JUEVES

JAVASCRIPT
VIERNES NO CLASES

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 eventos.

HTML

SÁBADO

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.