El Valle del Espíritu Santo, marzo de 2022

Asignatura: Programación IV M-01/M-02.

Evaluación V - Prueba Práctica

Para la realización de la Prueba Práctica, correspondiente a la Evaluación V realizada en
el marco del Segundo Corte (60%), los parámetros a considerar serán los siguientes:
 Desarrollar una aplicación web tipo Wiki que consuma datos acerca de los
personajes, ubicaciones y episodios de la serie animada Rick & Morty desde su
respectiva API pública.
 La aplicación tendrá dos tipos de vistas: general y detallada.
 En las vistas generales, se deben mostrar una serie de tarjetas (cards) con la
información básica de los personajes, locaciones y episodios; siguiendo el esquema
que se presenta a continuación:

Personajes Locaciones Episodios

Nombre Nombre Nombre
Imagen Dimensión Nº Episodio

 Al hacer click en un personaje específico, se debe desplegar una ventana modal

(que sería la vista detallada) donde se refleje la información que se solicita en la
siguiente tabla:

Personajes
Nombre
Tipo
Género
Especie
Imagen

 Al estar paginada la API, solo manejen los primeros 20 registros de cada sección
a trabajar; estos 20 registros los devuelve por defecto la consulta a la API.
 Para el diseño, se adjuntan capturas de pantalla (ver páginas siguientes) que pueden
usar como referencia para la UI de su aplicación. No obstante, ustedes pueden
implementar sus propias interfaces si lo desean.
 Vista general de Personajes

Vista detallado de un Personaje

Vista general de Locaciones

Vista general de Episodios

 ESPECIFICACIONES TÉCNICAS

1. Deben hacer uso de HTML5, CSS3 y JavaScript.

2. Deben implementar Programación Asíncrona con JavaScript.
a. Hacer uso de Promesas, bien sea con el objeto Promise o con las palabras
Async/Await (preferiblemente, háganlo con estas últimas).
b. Para las solicitudes HTTP, apliquen la Fetch API que incorpora de forma
nativa JavaScript.
3. Deben implementar Manejo de Eventos con JavaScript.
a. Hacer uso del Modelo Estándar de Eventos: addEventListener /
removeEventListener.
4. Deben implementar Manejo de Errores con JavaScript.
a. Bien sea, usando solamente las funciones .then() y .catch() de las Promesas
o combinándolas con la estructura Try/Catch.
5. Consumir datos desde la API pública de Rick & Morty.
a. Enlace API (Documentación): https://rickandmortyapi.com/documentation
6. Cuidar la estructura del directorio del proyecto, así como del código.
a. Separar en carpetas.
b. Indentar y comentar el código.
7. Pueden hacer uso de frameworks de CSS, tipo Bootstrap, para agilizar el diseño de
la aplicación web.

ESPECIFICACIONES DE LA ENTREGA

 Valor de la Evaluación: 15%.

 Fecha de entrega: jueves 24-03-2022.
o Tomar todas las previsiones.
 Modo de entrega: archivo comprimido en Classroom o repositorio en Github/Gitlab.
o Si usan un repo de Github/Gitlab, al entregar, solo deben adjuntar el enlace al
mismo.
 Resolución de dudas o inquietudes: grupo o chat privado de Telegram, publicación
de Classroom o correo institucional.

¡ÉXITO A TODOS!

Elaborado por: Ing. Hiram González.

Facilitador de la asignatura.