APRENDIZAJE BASADO EN CASOS

1. Redacta el título de tu caso

¿Puedes identificar los contenidos para el diseño de una página web de tu idea de negocio(Veterinaria)?

2. ¿Qué competencias vas a desarrollar en tus estudiantes al desarrollar el caso?

Identifica los contenidos para el diseño de una interfaz gráfica del usuario, con criterio técnico

3. ¿Cuáles son los personajes del caso?

Personajes:
- Diseñador,
- Cliente y
- Usuario.
-
4. ¿En qué contexto se va a desarrollar la situación de caso?

Tener en cuenta los negocios similares al negocio(Veterinaria) elegido para la identificación de los posibles contenidos del
sitio web.

5. ¿Cuáles son las circunstancias directas o indirectas que giran en torno al caso?
a. Relación Sitio Web – Cliente
b. Relación Sitio Web – Usuario.
c. Transacciones
d. Medios de Pago.
6. ¿Qué material vas a utilizar como información de apoyo al caso?

- Sitios web similares, relacionados al entorno del negocio. (Link de sitios similares)
- Encuestas a Clientes y Usuarios. (Formularios Google)
- Otros documentos. (Guías y Hoja Resumen)
 ANEXO 01

I.E.S.T.P. “SULLANA”
HOJA INFORMATIVA 5 Computación I: Diseño y Programación Web
Unidad Didáctica: Diseño de Interfaces Gráficas y Prototipos del Usuario
Actividad de Aprendizaje 1 IGU y Prototipo del usuario.
MÓDULO I: DISEÑO GRÁFICO Y PRODUCTOS MULTIMEDIA
Fecha: 18/05/2020

Actividad de Aprendizaje N° 02

1. ELEMENTOS DE UNA WEB.

Crear sitios Web atractivos y profesionales es el sueño de millones de diseñadores de

todo el mundo que utilizan las tecnologías de Internet.

“Un sitio Web debe ser sobre todo accesible, intuitivo y agradable”.

La accesibilidad Web significa que personas con algún tipo de discapacidad van a poder hacer uso de la
Web.
En concreto, al hablar de accesibilidad Web se está haciendo referencia a un diseño Web que va a permitir
que estas personas puedan percibir, entender, navegar e interactuar con la Web, aportando a su
vez contenidos.

Intuición: La intuición es un concepto de la Teoría del conocimiento aplicado también en la epistemología que describe el que es directo e
inmediato, sin intervención de la deducción o del razonamiento, siendo considerado como evidente.
La usabilidad Es una característica que mide qué tan intuitiva y fácil de usar es una página
web para el usuario común.

La usabilidad web mide tres grandes aspectos 

REGLAS SOBRE USABILIDAD

1. En Internet el usuario es el que manda.
2. En Internet la calidad se basa en la rapidez y la fiabilidad.
3. Seguridad.
4. La confianza es algo que cuesta mucho ganar y se pierde con un mal enlace.
5. Si quieres hacer una página decente, simplifica, reduce, optimiza.
6. Pon las conclusiones al principio.
7. No hagas perder el tiempo a la gente con cosas que no necesitan.
8. Buenos contenidos
ÁREAS DE OPORTUNIDAD MEDIANTE LA USABILIDAD
 Uso inadecuado de PDFs.
 Minimización de número de “clicks” para encontrar un trámite ó servicio.
 Tipografía correcta en un sitio web.
 Facilidad de impresión y captura de agendas y eventos.
 Animación y gráficas vs. información.

2. ESTÁNDARES Y PAUTAS PARA EL DISEÑO DE PÁGINAS WEB

Los estándares y pautas para el diseño de un sitio Web son un conjunto de elementos de vital importancia a considerar antes de su
realización para obtener una buena usabilidad.
Todos estos dependen de que el visitante primero llegue hasta el sitio y una vez en su interior, cumpla con los objetivos que lo condujeron
hacia él de una manera rápida y simple, garantizando un futuro regreso.
En ocasiones se piensa que sólo con tener un sitio Web en Internet se logra que sea visitando por las personas que tengan interés en
su contenido, pero realmente no funciona así tan simple.
Hay que tener en cuenta un conjunto de elementos desde su diseño e implementación para que felizmente esto ocurra.

3. Los elementos fundamentales son:

 Claridad en los objetivos del sitio.
  Información básica correspondiente al contenido.
 Selección de un nombre de dominio correcto.
 Selección de la tecnología para el diseño y la programación.
 Selección adecuada de un alojamiento Web (hosting)
 Claridad de los buscadores, directorios de Internet y el SEO, optimización para los motores de búsqueda.
 Realización de un diseño en función de los requerimientos del sitio y de los usuarios.
 La navegabilidad.
 Realización de la programación en determinación de los requerimientos del sitio
y de los usuarios.
 Aplicación de técnicas de SEO para lograr una mayor visibilidad en Internet.
 Actualizar los contenidos periódicamente.

4. LAS PÁGINAS WEB.

Posiblemente el término página Web sea el más utilizado en Internet, precisamente porque
cuando navega por la red lo hace en busca de páginas electrónicas.
Las páginas Web son el soporte de la información en la Web.
Los componentes de una página web son: imágenes, textos y otros contenidos
multimedia. Las secciones internas se encuentran enlazadas de manera que el usuario puede
navegar de una página a otra utilizando hipervínculos, un concepto de
interactividad surgido con el fenómeno Internet.
NOTA:
Las partes que forman a una página Web son conjunto de textos, imágenes, audio, video y
otros contenidos.

5. LOS SITIOS WEB

Un sitio Web es una localización en la Web que contiene varias páginas Web organizadas jerárquicamente.
Cada sitio tiene una página de inicio que corresponde a la página principal, llamada en inglés Home Page.
Es la primera página que se visualiza cuando se accede a un sitio tecleando el nombre del dominio en la barra del navegador.
Un sitio tiene generalmente más de una página Web y su objetivo principal es ofrecer la información que necesitan los usuarios y proporcionársela de manera
que puedan asignarla fácilmente.

NOTA:
En ocasiones se utiliza el término página Web para referirse a un sitio Web. Un sitio Web es un conjunto de páginas Web. Las páginas Web constituyen
archivos únicos con un nombre asignado.
I.E.S.T.P. “SULLANA”
HOJA INFORMATIVA 8 Computación I: Diseño y Programación Web
Unidad Didáctica: Diseño de Interfaces Gráficas y Prototipos del Usuario
Actividad de Aprendizaje 4: DISEÑO DE UNA WEB COMERCIAL
MÓDULO I: DISEÑO GRÁFICO Y PRODUCTOS MULTIMEDIA
Fecha: 29/06/2020

Actividad de Aprendizaje N° 04
Edición de IGUs con plantillas Comerciales

1. IGUs de Empresa comerciales.

Una muestra de una web comercial

para el caso de una veterinaria,
observa y comenta sus elementos
básicos.

2. Menú de Navegación

Para esta aplicación tomemos este ejemplo como referencia.

 Nosotros: Es un resumen acerca de la referencia de la empresa, por lo general acá se realiza una descripción de sus objetivos, Misión, Visión y
alcances de su empresa
Sedes: Por lo general los lugares, ubicaciones y referencias de sus sucursales con que cuenta la empresa.
Servicios: Acá se presenta mediante imágenes y textos los diversos servicios que brinda la empresa en la principal y en cada sede.
Contacto: La forma como el usuario puede realizar sus consultas y post venta tanto en la principal como las sucursales, también puede usar un
servicio en línea.
Productos: Se describe también productos si tuviera la veterinaria como el caso de productos veterinarios, comidas, o internamiento u hospedaje.
Talleres Profesionales: Orientaciones y capacitaciones a usuarios en el caso de cirugías o tratamiento a sus mascotas.
Blog: Para trato directo o consultas en línea, para tener una comunicación más fluida con sus clientes.

3. Para esta semana, vamos a diagramar una web, primero su investigación, luego su diseño de una veterinaria de tu Área o Zona, sin salir de casa.
El Análisis debe incluir las necesidades del cliente, luego las necesidades del mercado sobre todo en esta época de Aislamiento y distanciamiento
social, propuesta de mejora y contenidos a tener en cuenta.
El diseño, primero el bosquejo indicando los distintos elementos a contener, sin incluir ni textos ni imágenes.
El diseño en Jimdo o cualquier compatible a tu celular o PC, incluido contenidos (imágenes y texto), descripciones, etc.
4. Subir tu producto final al classrom para tu evaluación
ANEXO 2: WEB SIMILARES
 ANEXO 3

Enlace Examen

https://docs.google.com/forms/d/e/1FAIpQLSf-VM9la3cAaPQzP9Hv00eNQOD1eJ2V0fRxr1itmLChe4hMYg/viewform?
usp=sf_link