Nombre del Proceso:
CODIGO: LA-FM-001
GESTIÓN DE LABORATORIOS
Nombre del Documento: VERSION: 7
FORMATO PRACTICAS DE LABORATORIOS FECHA: 15/junio/2022
GUÍA DE LABORATORIO DE INGENIERÌA WEB I
Unidad didáctica 1: Fundamentos de Ingeniería Web
Eje Temático: Patrones de Diseño Web
No. Guía
3
Resultados de Aprendizaje de la Unidad Didáctica
2 4 Identifica y utiliza conceptos de diseño para la definición y elaboración del diseño
sesiones Semana inicial para un proyecto web.
Horas de Trabajo
Trabajo con Trabajo Investiga sobre los diferentes diseños que se deben realizar en un proyecto web.
Docente Autónomo
3 6
Tipo de trabajo
Grupal X Ind Laboratorio Requerido Asistido por computador / Laboratorio de Informática
Introducción
En esta guía el estudioso Identifica y utiliza conceptos de diseño para la definición y elaboración del diseño inicial para
un proyecto web.
Por otra parte, Investiga sobre los diferentes diseños que se deben realizar en un proyecto web. Desarrollando el
proceso propuesto en la guía de laboratorio en grupos de trabajo buscando trabajar competencias como el trabajo en
equipo y la comunicación entre pares académicos.
Sesión 1:
1. Diligencie el aparte de consulta previa y resultados.
2. Leer “Capítulo 13. Diseño de WebAPPs” del libro Pressman, R. S., Campos Olguín, V., & Enríquez Brito, J.
(2010). Ingeniería del Software: un enfoque práctico (Séptima edición). McGraw-Hill Interamericana.
(Recuperado base de datos EBSCO Publishing)
Sesión 2:
1. Revisar la información contenida en el documento de requerimientos y refinarla según se requiera.
2. Elaborar un diagrama del diseño arquitectónico de su proyecto de semestre se puede trabajar con Visio o
cualquier herramienta de diseño UML.
Subtemas:
Patrones de diseño web
Diseño web
Diseño para dispositivos móviles
- Comportamiento responsivo
. Diseño adaptativo
Patrones de diseño Web:
- Patrones de navegación
- Patrones de estructura
- Patrones de recogida
- visibilidad de información.
Preguntas Orientadoras
En este apartado se realiza el análisis de los datos obtenidos, estos pueden ser de forma cualitativa o cuantitativa según
1
Nombre del Proceso:
CODIGO: LA-FM-001
GESTIÓN DE LABORATORIOS
Nombre del Documento: VERSION: 7
FORMATO PRACTICAS DE LABORATORIOS FECHA: 15/junio/2022
la naturaleza de la práctica.
¿Cuáles fueron los aprendizajes obtenidos al realizar esta guía?, liste como mínimo 3 aprendizajes y relaciónelos con
su futuro que hacer profesional.
¿Dónde presento mayor dificultad resolviendo la guía? y ¿cómo lo resolvieron? ¿cuáles fueron las estrategias de
solución?
Presaberes Requeridos
Se requiere conocer los principios de ingeniería de software y bases de datos. Programar en diferentes lenguajes de
programación.
Marco conceptual o referencial *
El patrón de arquitectura MVC (Modelo, Vista, Controlador)
MVC es uno de los patrones que más se aplica en desarrollos Web.
La Vista se refiere a las clases o páginas web que manejan la Interfaz Gráfica de Usuario, en nuestro caso a la
combinación de tecnologías como HTML, JS y CSS.
El Controlador se refiere al manejo de eventos de la interfaz de usuario, incluidas las entradas del usuario. El
controlador se refiere a todo el código de necesario para mediar entre el modelo y la vista, incluido el código de
enrutamiento.
En resumen, en los frameworks actuales, el término "modelo" se refiere vagamente a los datos
fuentes de una aplicación, mientras que "vista" indica el código de la aplicación para la interfaz de usuario, que se
basa en formularios HTML con estilo CSS y eventos DOM, y el "controlador" normalmente denota el código que
se encarga de mediar entre la vista y el modelo.
Existe un acuerdo generalizado con respecto a:
1. el modelo debe ser independiente de la vista y el controlador, lo que implica que el modelo no debe invocar la
vista ni el controlador (en el código del modelo, no debe haber llamadas de ninguna vista o procedimiento de
controlador);
2. el responsable del tratamiento puede invocar tanto el modelo como la vista;
3. la vista puede invocar al controlador.
Figura No.1. Patrón de arquitectura MVC (Modelo, Vista, Controlador)
2
Nombre del Proceso:
CODIGO: LA-FM-001
GESTIÓN DE LABORATORIOS
Nombre del Documento: VERSION: 7
FORMATO PRACTICAS DE LABORATORIOS FECHA: 15/junio/2022
Fuente: Autor
Sin embargo, en muchos marcos de aplicaciones web MVC, el modelo está estrechamente acoplado con la
tecnología de almacenamiento de datos subyacente, a menudo a través de un enfoque de mapeo relacional de
objetos (ORM), que asigna clases a tablas y objetos a filas de tablas. Este estrecho acoplamiento hace que las
clases de modelos dependan de una tecnología de base de datos específica o incluso de las tablas
correspondientes de la base de datos. Por tanto, viola el principio de la cebolla, ya que el modelo es la parte más
fundamental de una aplicación, por lo que no debe depender de ninguna otra parte.
Actividad de Trabajo Autónomo
Make the prior consultation, answer in English. Read the paper “Capas, cebollas y colmenas: arquitecturas en el
backend” Available in:
<[Link]
Complete the following table of structure patterns. and complete the following table.
architecture description advantage disadvantage
mutilayer architecture
Onion architecture
Ports and Adapters: A
Hexagonal Architecture
Clean architecture
Actividad de Comprobación del Trabajo Autónomo
The student makes a video IN ENGLISH of a minimum of 1 and a maximum of 3 minutes exposing a summary of the
main idea of the theoretical framework, the consultation of the independent work activity and the code developed in the
practical example proposed in the introductory process session 1 and 2. The scholar publishes the video in the activity
FORUM.
3
Nombre del Proceso:
CODIGO: LA-FM-001
GESTIÓN DE LABORATORIOS
Nombre del Documento: VERSION: 7
FORMATO PRACTICAS DE LABORATORIOS FECHA: 15/junio/2022
Materiales, equipos e insumos a utilizar
Materiales, equipos e insumos proporcionados por la Universidad
Ítem Cantidad
Computador
Microsoft Office
Netbeans
Plugin de EasyUML en Netbeans
Acceso a Internet
Acceso a las bases de datos digitales de la Universidad.
Materiales del estudiante
Ítem Cantidad
Tiempo de estudio
Precauciones, nivel de riesgo y recomendaciones a considerar
CLASIFICACIÓN DEL Muy alto Medio
RIESGO Alto Bajo
FACTORES DE RIESGO CÓMO MINIMIZAR LOS FACTORES DE RIESGO
El factor de riesgo para este laboratorio está Siga las recomendaciones y consideraciones para el uso del
clasificado como BAJO, debido a que no se han laboratorio y los computadores del laboratorio.
detectado consecuencias y la eficacia del conjunto
de las medidas preventivas existentes es alta. En
otras palabras, el riesgo está controlado
RECOMENDACIONES, CONSIDERACIONES PARA EL USO DE MATERIAL Y EPP
• Identificar y conocer el protocolo de seguridad de laboratorios de informática.
• No navegar en internet sin autorización del docente.
• No ejecutar programas sin autorización del docente.
• No instalar en los equipos Software de ninguna índole.
• No trasladar equipos de cómputo de su módulo sin autorización del personal del área.
• Cuidar sus objetos personales.
• Cada alumno tiene como responsabilidad recibir las actividades de cada clase y apropiarse del material
necesario para el desarrollo de las mismas.
• Está prohibido el ingreso o consumo de alimentos, bebidas, chicle... dentro de la sala.
• Está prohibido el uso e ingreso de dispositivos como celulares, parlantes y memorias USB sin autorización.
• No conectar ni desconectar dispositivos como teclados, mouse o conexiones, en caso de anomalía avisar al
profesor para realizar cambios o conexiones.
• El trabajo debe hacerse en silencio, evitando las reuniones o interrumpiendo las actividades de otros
estudiantes.
• Cuide el buen funcionamiento del equipo que la ha sido asignado, evite cambiar configuraciones o
intervenir los programas y propiedades del sistema operativo, el auxiliar de laboratorio es el único
autorizado.
• Todo dispositivo (teclado o mouse) que se pierda o se dañe con intención deberá ser repuesto.
• No portar maletines o morrales, estos deben quedar depositados en los lockers destinados para ello. En caso
de duda pida el respectivo candado con los auxiliares de cada laboratorio.
• No rayar mesas, sillas, paredes y equipos, cuidar el aseo y orden de su puesto de trabajo.
• Se prohíbe el ingreso o exploración de páginas no autorizadas y pornográficas, es causal de sanción y
expulsión (vetado) de la sala de informática por varias sesiones.
4
Nombre del Proceso:
CODIGO: LA-FM-001
GESTIÓN DE LABORATORIOS
Nombre del Documento: VERSION: 7
FORMATO PRACTICAS DE LABORATORIOS FECHA: 15/junio/2022
CONSIDERACIONES ÉTICAS
Tener siempre presente el código de ética del ingeniero de software en especial el ítem relacionado con:
Colegas: Cada ingeniero deberá apoyar y ser justos con los colegas, motivando a sus colegas sujetándose al
código, ayudando también a su desarrollo profesional, reconocer los trabajos de otros y abstenerse a atribuirse
de méritos indebidos, revisar los trabajos de manera objetiva, sincera y propiamente documentada.
Procedimiento y Metodología de la práctica
El taller es grupal (en parejas).
Cada estudiante debe ubicarse en un equipo y asegurarse de tener instaladas las aplicaciones requeridas.
En el laboratorio el estudiante debe proceder a realizar la práctica y posteriormente puede enviar la solución
del taller para ser revisada por el profesor.
En caso de requerirse realizar la entrega de código fuente de programas comprimir como archivo .zip y
anexar al correo o entrega.
El estudiante puede formular inquietudes al profesor durante el desarrollo de la práctica.
Figura. No. Procedimiento de la práctica
Fuente: Autor
Criterios de Entrega – Informe de Laboratorio
5
Nombre del Proceso:
CODIGO: LA-FM-001
GESTIÓN DE LABORATORIOS
Nombre del Documento: VERSION: 7
FORMATO PRACTICAS DE LABORATORIOS FECHA: 15/junio/2022
Se entrega un informe ejecutivo en Word con
1. Código y nombre completo de los integrantes del grupo de trabajo.
2. El resultado especificado en la Introducción
3. La respuesta a las preguntas orientadoras
4. El link compartido en youtube del video solicitado en la Actividad de Trabajo Autónomo
5. Todo trabajo presentado debe incluir normas APA V7.
Criterios de Evaluación – Práctica de Laboratorio
INDIVIDUAL CRITERIOS DE EVALUACIÓN
NOTA
Criterio Competencia 0 – 1,5 1,6 - 2,9 3,0 - 3,9 4,0 - 4,5 4,6 - 5,0
Cognitiva Identifica
No los Identifica Identifica Identifica todos
1. Aplica todas las características de algunos
identifica, no algunos, no todos, conoce los mecanismos
la metodología de desarrollo para conoce
conoce las conoce las algunas y conoce sus
el trabajo en equipo algunas
métricas métricas métricas métricas
métricas
Investigativa La bibliografía
Uso bibliografía
Utilizó reseñada no
Utilizó y realizó las
2. Realiza investigaciones del tema bibliografía, corresponde
No utilizó bibliografía citaciones
propuesto utilizando la bibliografía pero no con las citas
bibliografía no científica o correspondiente
existente. realizó las empleadas en
educativa s de forma
citaciones la
adecuada
investigación
Comunicativa Las ideas
Las ideas que Las ideas son
, Cognitiva plasmadas Las ideas son
No utiliza expresa con coherentes,
3. Logra expresar ideas propias a son confusas, coherentes,
palabras coherentes, pero están en
partir los conocimientos que desordenas y ordenadas y
propias ni pero no desorden y no
adquiere en la investigación. no pertenecen a la
ideas propias corresponden logran
corresponden temática
al tema concluir
a al tema
4. Forma conceptos utilizando las Cognitiva No utiliza No muestra La La La interpretación
guías conceptuales del tema palabras una interpretación interpretación no se limita a los
propuesto de forma crítica. propias ni interpretación que muestra que muestra conceptos
ideas propias de las ideas no solo repite lo investigados,
investigadas corresponde a leído dejando claras
la temática sus ideas en
torno al tema
6
Nombre del Proceso:
CODIGO: LA-FM-001
GESTIÓN DE LABORATORIOS
Nombre del Documento: VERSION: 7
FORMATO PRACTICAS DE LABORATORIOS FECHA: 15/junio/2022
Comunicativa La
, Socio- La presentación
afectiva La presentación está completa
La presentación
presentación está completa pero la
está completa y
5. Comunica de forma verbal los No realiza no contiene pero la expresión
la expresión
resultados obtenidos en su presentación todos los expresión verbal solo
verbal logra
Habilidad
investigación, siendo claros y de su conceptos verbal no expresa el
transmitir los
concretos investigación involucrados logra contenido de
conocimientos
en la transmitir los la
adquiridos
investigación conocimiento presentación
s adquiridos misma (lee la
presentación)
Total Total = (N1 + N2 + N3 + N4 + N5) / 5
Palabras Clave
PATRONES DISEÑO WEB
