Ing Web 02
Ing Web 02
CODIGO: LA-FM-001
GESTIÓN DE LABORATORIOS
Por otra parte, investiga sobre las características de usabilidad de un portal web, así como es capaz de diseñar una
arquitectura de información. 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:
Realiza el curso básico de HTML presentado en el sitio Web https://www.sololearn.com/ entregando el certificado a
través de la plataforma de aprendizaje utilizada.
Sesión 2:
1. Ingrese el siguiente código en un proyecto creado en Visual Code, en un archivo llamado index.html.
1
Nombre del Proceso:
CODIGO: LA-FM-001
GESTIÓN DE LABORATORIOS
Fuente Autor
2. Crear un archivo de javascript llamado archivoJS.js en la misma carpeta que esta el archivo HTML. Digite
el siguiente código de Javascript:
Fuente: Autor.
“Bootstrap es una biblioteca multiplataforma o conjunto de herramientas de código abierto para diseño de
sitios y aplicaciones web. Contiene plantillas de diseño con tipografía, formularios, botones, cuadros, menús
2
Nombre del Proceso:
CODIGO: LA-FM-001
GESTIÓN DE LABORATORIOS
de navegación y otros elementos de diseño basado en HTML y CSS, así como extensiones de JavaScript
adicionales. A diferencia de muchos frameworks web, solo se ocupa del desarrollo front-end. ”
3. Se le solicita crear una primera versión de las páginas web del front-end de su proyecto de semestre.
Subtemas:
UX, Usabilidad, Métricas y medición, calidad de la experiencia y arquitectura 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
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.
1. Concepción: Todas las aplicaciones se inician con una idea. Esa idea se refina en una base sólida para
una aplicación.
2. Diseño: La fase de diseño consiste en definir la experiencia del usuario de la aplicación (UX) con su
disposición general, cómo funciona, etc., así como convertir esa UX en una interfaz adecuada de
usuario de diseño (IU), por lo general con la ayuda de un diseñador gráfico.
3. Desarrollo: Por lo general, es la fase más intensiva, esto es la construcción real de la aplicación.
4. Estabilización: Cuando el desarrollo está lo suficientemente avanzado, el control de calidad por lo
general comienza con probar la aplicación, encontrar errores y corregirlos. Muchas veces una
aplicación entrará en una fase beta limitada en la que se le da a un público más amplio la oportunidad
de utilizarlo y encontrar otros errores.
5. Despliegue: Consiste en la publicación de una versión estable de la aplicación. En esta fase se puede
utilizar cualquier número de metodologías como: ágil, espiral, cascada, entre otras.
La usabilidad en una página web tiene que ver con la facilidad de entender la organización de dicha página; una
página web con una buena usabilidad permite a los usuarios que hacen la visita, puedan tener una interacción
sencilla, intuitiva, agradable y segura. La usabilidad de acuerdo con la definición de ISO 9241 es: “la efectividad,
eficiencia y satisfacción con la que los usuarios específicos logran objetivos específicos en entornos
particulares”.
UX (user experience) hace referencia a la totalidad de la experiencia emocional de un usuario en una página web.
El diseño UX se caracteriza básicamente por conocer al público objetivo de una página web y sus necesidades.
En otras palabras: se refiere a la combinación de una atractiva interfaz de usuario con la funcionalidad,
convincente y ajustada a su audiencia.
3
Nombre del Proceso:
CODIGO: LA-FM-001
GESTIÓN DE LABORATORIOS
Read the paper “Exploring Usability Enhancements in W3C Process” of Marja-Riitta Koivunen and Matt
May, W3C. Available in: https://www.w3.org/2002/09/usabilityws.html
Make the prior consultation, answer in English. and make a video explaining all content developed in the
guide.
4
Nombre del Proceso:
CODIGO: LA-FM-001
GESTIÓN DE LABORATORIOS
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.
5
Nombre del Proceso:
CODIGO: LA-FM-001
GESTIÓN DE LABORATORIOS
Fuente: Autor
a) Idea de emprendimiento
b) Requerimiento
c) Necesidad de negocio
Elabore un esquema abstracto del producto final
6
Nombre del Proceso:
CODIGO: LA-FM-001
GESTIÓN DE LABORATORIOS
a) Si
b) No
a) WebApp
b) App
c) PC
a) Distribución pública
b) Distribución privada
7
Nombre del Proceso:
CODIGO: LA-FM-001
GESTIÓN DE LABORATORIOS
1. Aplica todas las Cognitiva No los Identifica Identifica Identifica Identifica todos
características de la identifica, no algunos, no algunos conoce todos, conoce los mecanismos y
metodología de desarrollo para conoce las conoce las algunas algunas conoce sus
el trabajo en equipo métricas métricas métricas métricas métricas
Investigativa La
bibliografía Uso bibliografía
Utilizó
Utilizó reseñada no y realizó las
2. Realiza investigaciones del bibliografía,
No utilizó bibliografía no corresponde citaciones
tema propuesto utilizando la pero no
bibliografía científica o con las citas correspondientes
bibliografía existente. realizó las
educativa empleadas en de forma
citaciones
la adecuada
investigación
Cognitiva La interpretación
La
No muestra La no se limita a los
No utiliza interpretación
4. Forma conceptos utilizando una interpretación conceptos
palabras que muestra
las guías conceptuales del tema interpretación que muestra investigados,
propias ni no
propuesto de forma crítica. de las ideas solo repite lo dejando claras
ideas propias corresponde a
investigadas leído sus ideas en torno
la temática
al tema
Comunicativa, La
Socio-afectiva La presentación
La presentación está completa
presentación está completa pero la La presentación
5. Comunica de forma verbal No realiza no contiene pero la expresión está completa y la
los resultados obtenidos en su presentación todos los expresión verbal solo expresión verbal
investigación, siendo claros y de su conceptos verbal no expresa el logra transmitir
concretos investigación involucrados logra contenido de los conocimientos
en la transmitir los la adquiridos
investigación conocimientos presentación
adquiridos misma (lee la
presentación)
Palabras Clave
WEB USABILITY
Bibliografía Recomendada
Tema Subtema Referente bibliográfico
8
Nombre del Proceso:
CODIGO: LA-FM-001
GESTIÓN DE LABORATORIOS
Control de cambios
Fecha de Actualización Descripción Participantes