DIRECCIÓN ZONAL
CHACHAPOYAS
FORMACIÓN PROFESIONAL
ESTUDIANTE: JHONATAN TOCAS LLAMUCTANTA
ID: 1503007 BLOQUE: 5
CARRERA: INGENIERIA DE SOFTWARE CON INTELIGENCIA ARTIFICIAL
INSTRUCTOR: LUIS MANUEL SAAVEDRA SANDOVAL
SEMESTRE: 5 DEL: 03/03/2025 AL: 25/07/2025
INSTRUCCIONES PARA EL USO DEL CUADERNO
DE INFORMES
1. PRESENTACIÓN.
El Cuaderno de Informes es un documento de auto control, en el cual el
estudiante, registra diariamente, durante la semana, las tareas, operaciones que
ejecuta en su aprendizaje, es un medio para desarrollar la Competencia de
Redactar Informes.
2. INSTRUCCIONES PARA EL USO DEL CUADERNO DE INFORMES.
2.1 En la hoja de informe semanal, el estudiante registrará diariamente
los trabajos que ejecuta, indicando el tiempo correspondiente. El día
de asistencia 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 tarea más significativa (1)
y él hará una descripción del proceso de ejecución con esquemas,
diagramas y dibujos correspondientes que aclaren dicho proceso.
2.2 Semanalmente, 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 (letra normalizada, dibujo técnico,
descripción de la tarea y su procedimiento, normas técnicas,
seguridad, etc.
2.3 Escala de calificación vigesimal:
CUANTITATIVA CUALITATIVA CONDICIÓN
16,8 – 20,0 Excelente Aprobado
13,7 – 16,7 Bueno
10,5 – 13,6 Aceptable
00 – 10,4 Deficiente Desaprobado
INFORME SEMANAL
5 SEMESTRE SEMANA N° 5 DEL : 14/04/2025 HASTA EL : 18/04/2025
DÍA TAREAS EFECTUADAS HORAS
LUNES
DESARROLLO WEB
6
MARTES
6
BOTSTRAP EN DESARROLLO WEB
MIÉRCOLES
CSS EN DESARROLLO WEB 6
JUEVES PAGINA WEB REALIZADA (SUNGLA) 6
VIERNES CLASES EN SENATI 8
TOTAL
33
INFORME DE TAREA MÁS SIGNIFICATIVA
Tarea:
PAGINA WEB REALIZADA (SUNGLA)
1. Descripción General
Este proyecto consiste en el desarrollo de un sitio web de tienda online llamado "Sungla",
especializado en la venta de gafas de sol y ópticas.
Utilicé tecnologías como HTML, CSS y JavaScript, apoyándome también en librerías como
Bootstrap para hacer el sitio responsivo y en Revolution Slider para los banners animados.
El objetivo principal fue crear una página atractiva, moderna y adaptada a todo tipo de
dispositivos, garantizando una buena experiencia para los usuarios.
2. Estructura de Archivos y Funciones
Páginas HTML
• [Link]: Página principal del sitio, donde coloqué un slider de imágenes de lentes
destacados, promociones y una galería de productos principales.
• [Link]: Página "Sobre Nosotros", donde describo la historia y la misión de la
empresa.
• [Link]: Contiene un formulario para que los usuarios puedan enviar mensajes de
contacto.
• [Link]: Muestra el catálogo completo de todos los modelos de gafas.
• [Link]: Página de tienda donde los productos están listados para su compra.
Detalles generales de los HTML:
Se incorporó Bootstrap para lograr un diseño responsivo. Se usaron imágenes, menús de
navegación, secciones de productos y un pie de página. Todas las páginas están conectadas a
las hojas de estilo CSS y a los scripts de JavaScript necesarios.
Archivos CSS
• [Link]:
Define los colores principales del sitio, las tipografías y los espaciados. Se importaron
fuentes modernas como Rajdhani, Poppins y Raleway para darle un aspecto más
profesional.
• [Link]:
Adapta los estilos para que todo el sitio se vea correctamente en diferentes
dispositivos, realizando ajustes específicos para móviles y tablets.
• [Link]:
Archivo vacío, sin contenido.
Archivos JavaScript
• [Link]:
Programa funciones como la animación de pre-carga del sitio (preloader), tooltips
informativos, interacciones en los menús al pasar el mouse y un pequeño sistema de
rastreo de usuarios.
• [Link]:
Configura el plugin Revolution Slider para que las imágenes del banner se muestren a
pantalla completa, cambien automáticamente cada 5 segundos y permitan la
navegación con teclado y pantallas táctiles.
3. Funcionalidades principales que desarrollé
• Creé toda la estructura de las páginas web necesarias para el proyecto.
• Apliqué diseño responsivo para que el sitio se adaptara correctamente a celulares,
tablets y computadoras.
• Configuré un slider animado usando Revolution Slider para mostrar productos de una
forma moderna y atractiva.
• Implementé un efecto de carga inicial (preloader) y añadí interactividad en menús y
botones para mejorar la experiencia del usuario.
• Utilicé fuentes modernas y trabajé el diseño visual para que la página tuviera una
apariencia limpia, profesional y actual.
CODIGO FUENTE:
HTML
CODIGO FUENTE:
JAVASCRIP
CODIGO FUENTE:
CSS
VISTA WEB:
PROPIEDAD INTELECTUAL DEL SENATI. PROHIBIDA SU
REPRODUCCIÓN Y VENTA SIN LA AUTORIZACIÓN
CORRESPONDIENTE
20