📚 REQUISITOS Y FECHAS DE ENTREGA

PRÁCTICAS DE EXAMEN UNIDAD 2

Implementación de 5 Prácticas con APIs Públicas: Google Maps, Facebook, MongoDB, Zoom Meeting y YouTube

Profesor: Bernardo Prado

Cuatrimestre: 2026-1

Universidad: Universidad Tecnológica de Hermosillo (UTH)

Asignatura: Aplicaciones Web Orientadas a Servicios

📹 REQUISITOS OBLIGATORIOS DEL VIDEO DE PRESENTACIÓN (EVIDENCIA)

⚠️ REGLAS OBLIGATORIAS PARA EVALUACIÓN DEL VIDEO

El incumplimiento de CUALQUIERA de estas reglas resultará en la NO ACEPTACIÓN del video y la necesidad de rehacerlo completamente.

1️⃣ PRESENTACIÓN INICIAL (OBLIGATORIO):

Al INICIO del video debes presentarte formalmente diciendo:

  • Nombre completo (Apellido Paterno, Apellido Materno, Nombres)
  • Grupo (ejemplo: DSM5-1)
  • Asignatura (Aplicaciones Web Orientadas a Servicios)
  • Práctica que realizarás (ejemplo: "Voy a demostrar las 5 prácticas de integración de APIs: Google Maps, Facebook, MongoDB, Zoom y YouTube")

Ejemplo de presentación: "Hola, mi nombre es Prado Díaz Bernardo del grupo DSM5-1, de la asignatura Aplicaciones Web Orientadas a Servicios. En este video voy a demostrar las 5 prácticas de integración con APIs públicas..."

2️⃣ CONFIGURACIÓN DE PANTALLA (OBLIGATORIO):

La pantalla DEBE estar dividida en 3 SECCIONES específicas:

📐 Distribución de pantalla:

  • Esquina inferior derecha: Tu video/cámara (1/6 de la altura total de la pantalla)
  • Desde el borde superior del video hasta arriba: La GUÍA abierta en el navegador (este documento HTML)
  • Todo el lado izquierdo: Visual Studio Code, navegador con las prácticas, consolas, etc.

⚠️ Las 3 secciones deben ser VISIBLES SIMULTÁNEAMENTE durante TODO el video.

3️⃣ CALIDAD DE AUDIO Y VIDEO (OBLIGATORIO):
  • Grabado Todo: Debe estar grabado toda la GUIA tanto de manera Local como Remota. Todo el Proceso.
  • Volumen ALTO: El audio debe escucharse FUERTE Y CLARO en cualquier computadora
  • Calidad de video: Resolución mínima 720p (HD), todo el texto debe ser LEGIBLE
  • Sin ruidos de fondo: Grabar en un ambiente silencioso
  • Voz clara: Hablar pausado, claro y con buena dicción
  • Solo tu voz: NO se debe escuchar la voz de otra persona durante la grabación

⚠️ Si el audio no se escucha correctamente o el video es de baja calidad, será RECHAZADO.

4️⃣ EXPLICACIÓN DURANTE EL DESARROLLO (OBLIGATORIO):

Mientras trabajas, debes:

  • Explicar de forma general cada paso que realizas
  • Leer y seguir la GUÍA visible en la pantalla
  • Describir qué API estás usando y para qué sirve
  • Mostrar el código que escribes y explicar su función
  • Demostrar el funcionamiento de cada práctica en el navegador
  • Insertar 5 registros en cada Tabla tanto de manera Local primero como en PythonAnywhere después
  • Narrar los errores si los hay y cómo los resuelves

NO es válido grabar en silencio o sin explicar. Debes NARRAR todo el proceso.

5️⃣ DESPEDIDA Y CIERRE (OBLIGATORIO):

Al FINAL del video debes:

  • Repetir tu nombre completo (Apellido Paterno, Apellido Materno, Nombres)
  • Repetir tu grupo (ejemplo: DSM5-1)
  • Dar un pequeño resumen de lo que se realizó en el video
  • Mencionar lo aprendido brevemente (ejemplo: "Aprendí a integrar 5 APIs diferentes: Google Maps para geolocalización, Facebook para redes sociales...")
  • Despedirte formalmente (ejemplo: "Gracias por su atención, hasta luego")

Ejemplo de cierre: "Esto ha sido todo, mi nombre es Prado Díaz Bernardo del grupo DSM5-1. En este video realicé las 5 prácticas de integración de APIs públicas y aprendí a conectar servicios externos en aplicaciones web. Gracias por su atención."

6️⃣ FORMATO Y DURACIÓN:

No hay tiempo máximo. Los minutos que sean necesarios, no debe incluirse los errores en la grabación. En cuanto haya alguno debén detener la grabación y ver como fue la corrección paso a paso, también incluirla en el video.

Y solo debe ser un SOLO video no varios, Entonces si deben pegar varios videos, deberán hacerlo para que su examen tenga validez para ser revisado con todos los requerimientos solicitados. Lo que su conocimiento no llegue a saber, deberan aprender a hacerlo. Como hacerlo, Hay muchos recursos de apredizaje en internet. Para Lograrlo.

Solo debe escucharse la voz del alumno, durante el video, no la de otra persona mas, por ello debe el alumno prepararse antes de iniciar la grabación. Y durante este proceso debe verse esta Guia de apoyo, para que vayan diciendo lo que se va solicitando, todo esto es requisito para tener derecho a la evaluación.

Durante la grabación No se debe ver la utilizacion de la IA(inteligencia Artificial) una vez se detecte un error, se detiene el video y se resuleve con (IA) si asi lo eligen, despues se reinicia video, se explica que ocurrio, y se muestra lo que se realizo apoyado con la IA y las partes de codigo que cambio.

7️⃣ HERRAMIENTAS DE GRABACIÓN:

Software recomendado para grabación de pantalla con cámara, No PRESENTE marca de AGUA:

  • OBS Studio (gratuito y profesional)
  • Loom (gratuito con límites)
  • Zoom (grabar reunión personal)
  • Camtasia (de pago)
  • ShareX (gratuito)

Asegúrate de que tu rostro sea visible constantemente en la esquina inferior derecha.

🎬 DEMOSTRACIÓN DE LAS 5 PRÁCTICAS:

Debe mostrar el funcionamiento completo de las 5 prácticas integrando cada API pública.

  • Práctica 1 - Google Maps: Demostrar geolocalización, mapas interactivos y marcadores
  • Práctica 2 - Facebook: Mostrar autenticación OAuth, obtener datos del perfil y publicaciones
  • Práctica 3 - MongoDB: Crear, leer, actualizar y eliminar documentos en MongoDB Atlas
  • Práctica 4 - Zoom Meeting: Crear reuniones, obtener detalles y gestionar participantes
  • Práctica 5 - YouTube: Buscar videos, mostrar información y reproducir contenido
  • Integración: Mostrar que todas las APIs están funcionando correctamente
  • Navegación: Probar todas las funcionalidades de cada práctica
8️⃣ NOMENCLATURA DE CUENTAS Y REPOSITORIOS (OBLIGATORIO):

⚠️ REGLA OBLIGATORIA: Todos los nombres de cuentas y repositorios DEBEN contener TUS DOS APELLIDOS en cualquier parte.

📋 Requisitos de nomenclatura:

  • Cuenta de GitHub: Debe incluir tus dos apellidos
    • ✅ Ejemplos válidos: pradodiaz, bernardo-prado-diaz, prado-diaz-dev
    • ❌ Ejemplos NO válidos: bernardo123, developer2026, pradodev (falta un apellido)
  • Nombre de cada Repositorio: Debe incluir tus dos apellidos
    • ✅ Ejemplos válidos: prado-diaz-apis-u2, practicas-prado-diaz, maps-pradodiaz
    • ❌ Ejemplos NO válidos: practica-apis, unidad2, google-maps
  • Cuenta de PythonAnywhere (si aplica): Debe incluir tus dos apellidos
    • ✅ Ejemplos válidos: pradodiaz, pradodiaz2026, bpradodiaz
    • ❌ Ejemplos NO válidos: bernardo2026, student123, prado (falta un apellido)
  • URLs de despliegue: Deben contener tus dos apellidos
    • ✅ Ejemplo: https://pradodiaz.github.io/practica1-maps-pradodiaz/
    • ✅ Ejemplo: https://pradodiaz.pythonanywhere.com

⚠️ IMPORTANTE: Si tu cuenta o repositorios NO contienen tus DOS apellidos, deberás crear nuevas cuentas/repositorios con la nomenclatura correcta. No se aceptarán entregas que no cumplan esta regla.

9️⃣ ENTREGA DEL VIDEO:

Subir a Google Drive (con permisos de visualización pública) y adjuntar el enlace. Sin restricciones.

  • Sube el o los videos a Google Drive en un solo Link, No por partes, Lo que se presente sera evaluado
  • En Caso de Subir varios Videos en una sola Carpeta de DRIVE, que cada uno tenga el numero de practica, nombre de la API y sus apellidos, ejemplo: 2-Facebook-pradodiaz
  • Clic derecho en el archivo → Obtener enlace
  • Cambiar permisos a "Cualquier persona con el enlace puede ver"
  • Copiar el enlace de la práctica y enviarlo a el Email de la Asignatura
  • Enviarlo al Email: Tenor_Prado@yahoo.com.mx
  • Escribiendo en Asunto: Apellido Paterno Apellido Materno Nombres Grupo Examen Práctica U2
  • ejemplo: Prado Diaz Bernardo DSM5-1 Examen Práctica U2
  • en el cuerpo del Email: Lo mismo Prado Diaz Bernardo DSM5-1 Examen Práctica U2, enlaces de GitHub, enlaces de las 5 prácticas desplegadas y el enlace de Google DRIVE listo para ver video

⚠️ ADVERTENCIA FINAL - MUY IMPORTANTE

  • El video ES OBLIGATORIO para la evaluación completa
  • Debes aparecer TÚ en el video, no solo tu voz (cámara en esquina inferior derecha)
  • Las 3 secciones de pantalla deben estar visibles simultáneamente
  • Audio ALTO y CLARO - debe escucharse perfectamente
  • Presentación inicial y despedida son OBLIGATORIAS
  • Explicar mientras trabajas es OBLIGATORIO
  • NO uses videos pregrabados de terceros
  • Un solo video continuo - puedes editarlo pero debe ser uno solo
  • GitHub, repositorios y PythonAnywhere DEBEN contener tus DOS APELLIDOS
  • Si NO cumples CUALQUIERA de estas reglas: Video RECHAZADO y deberás rehacerlo completamente

🎯 OBJETIVOS DE APRENDIZAJE

Al completar estas 5 prácticas, el estudiante será capaz de:

  • ✅ Integrar y consumir APIs públicas de terceros
  • Práctica 1: Implementar geolocalización con Google Maps API
  • Práctica 2: Conectar con Facebook Graph API para redes sociales
  • Práctica 3: Integrar MongoDB Atlas como base de datos en la nube
  • Práctica 4: Implementar Zoom Meeting API para videoconferencias
  • Práctica 5: Consumir YouTube Data API para streaming de video
  • ✅ Manejar autenticación OAuth y API Keys
  • ✅ Gestionar peticiones HTTP y respuestas JSON
  • ✅ Utilizar Git y GitHub para control de versiones
  • ✅ Documentar y presentar proyectos técnicos

💻 REQUISITOS PREVIOS

Software Necesario:

  • HTML5, CSS3, JavaScript - Tecnologías base
  • Git - Control de versiones
  • VS Code (editor recomendado)
  • Navegador web moderno (Chrome, Firefox, Edge)
  • Node.js (opcional, para algunas APIs)

Cuentas y API Keys Requeridas:

Escala de Calificación

Puntos Calificación Nivel
9.5-10.0 ESTRATÉGICO E
8.50-9.49 AUTÓNOMO A
7.5-8.49 BÁSICO B
6.50-7.49 RECEPTIVO R
0-6.49 PREFORMAL NA

✅ LISTA DE VERIFICACIÓN FINAL

Antes de Entregar

  • Práctica 1 - Google Maps: API Key configurada, mapa renderizando, geolocalización funcional
  • Práctica 2 - Facebook: OAuth configurado, acceso a Graph API, datos del perfil obtenidos
  • Práctica 3 - MongoDB: Conexión a Atlas establecida, operaciones CRUD funcionando
  • Práctica 4 - Zoom: API credentials configuradas, creación de meetings funcional
  • Práctica 5 - YouTube: API Key configurada, búsqueda de videos y reproducción funcional
  • Todas las 5 prácticas funcionando sin errores
  • Archivos HTML, CSS y JS organizados
  • Repositorio Git con commits organizados (uno por práctica mínimo)
  • Código subido a GitHub (5 repositorios o 1 repositorio con 5 carpetas)
  • Prácticas desplegadas en hosting (GitHub, PythonAnywhere u otro Hostig de su preferencia)
  • URLs públicas funcionando sin errores
  • API Keys y credenciales protegidas
  • Video de demostración de las 5 prácticas grabado y subido

Entregables Requeridos

  1. URL de GitHub: Repositorio(s) con las 5 prácticas
    • Opción 1: https://github.com/USERNAME/practicas-apis-u2 (1 repo, 5 carpetas)
    • Opción 2: 5 repositorios separados por cada práctica
  2. URLs de las Prácticas Desplegadas:
    • Práctica 1 - Google Maps: https://username.github.io/practica1-maps/
    • Práctica 2 - Facebook: https://username.github.io/practica2-facebook/
    • Práctica 3 - MongoDB: https://username.github.io/practica3-mongodb/
    • Práctica 4 - Zoom: https://username.github.io/practica4-zoom/
    • Práctica 5 - YouTube: https://username.github.io/practica5-youtube/
  3. Archivo de Configuración: Documento con instrucciones para configurar API Keys (sin incluir las keys reales)
  4. Video de Demostración: Enlace de Google Drive mostrando las 5 prácticas funcionando: Pueden ser 5 links o 1 solo.
  5. Valor de cada Video de Demostración: Son 5 videos, cada uno vale 20 puntos. Naturalmente que si se entrega en otro dia que no sea 10 los 20 puntos seran menos, ejemplo: con 9 cada practica vale 18, con 8 c/u 16, con 7 c/u 14. Y cada practica que no se realizo es (0) Cero. O si no se termino podria valer la mitad de puntos de lo entregado segun el dia. A criterio del Maestro segun lo entregado.

🎓 CONCLUSIÓN

Al completar estas 5 prácticas habrás:

  • ✅ Integrado 5 APIs públicas diferentes en aplicaciones web
  • ✅ Dominado el consumo de servicios RESTful y APIs de terceros
  • ✅ Implementado autenticación OAuth y manejo de API Keys
  • ✅ Trabajado con servicios de geolocalización (Google Maps)
  • ✅ Conectado con redes sociales (Facebook Graph API)
  • ✅ Gestionado bases de datos en la nube (MongoDB Atlas)
  • ✅ Integrado plataformas de videoconferencia (Zoom Meeting API)
  • ✅ Consumido servicios de streaming (YouTube Data API)
  • ✅ Utilizado Git y GitHub profesionalmente
  • ✅ Desplegado múltiples aplicaciones en producción

📚 Recursos Adicionales

💡 Consejos Finales

  1. Guarda cambios frecuentemente con commits en Git
  2. Prueba cada funcionalidad antes de continuar con la siguiente
  3. Lee los mensajes de error con atención, te indican el problema
  4. Consulta la documentación oficial cuando tengas dudas
  5. Pide ayuda si te atascas más de 30 minutos en algo
  6. Documenta tu código para tu futuro yo y otros desarrolladores
  7. No copies y pegues sin entender - aprende cada línea de código
  8. Graba el video con tiempo - no lo dejes para el último momento

🚀 ¡Éxito en tus prácticas!

Estas 5 prácticas son fundamentales para comprender la integración de APIs públicas y servicios de terceros en aplicaciones web modernas. Tómate tu tiempo, aprende cada API, y disfruta el proceso de creación e integración de servicios en la nube.

📅 Fechas de Entrega y Calificación - Examen U2

Tu calificación final dependerá del periodo en el que entregues tu proyecto. Cuanto antes completes y subas tu evidencia, mayor será tu evaluación.

🏆

E = ESTRATÉGICO

Calificación: 10

Del 23 al 31 de Enero 2026

Hora límite: 15:00 — Zona: America/Hermosillo

A = AUTÓNOMO

Calificación: 9.0

Del 31 Enero 15:01 al 02 de Febrero 2026

Hora límite: 15:00 — Zona: America/Hermosillo
🔔

B = BÁSICO

Calificación: 8.0

Del 02 Febrero 15:01 al 04 de Febrero 2026

Hora límite: 15:00 — Zona: America/Hermosillo
⚠️

R = RECEPTIVO

Calificación: 7.0

Del 04 Febrero 15:01 al 09 de Febrero 2026

Hora límite: 15:00 — Zona: America/Hermosillo

NA = PREFORMAL

Calificación: 6.0

Después de las 15:01 del 09 de Febrero 2026

Entrega expirada

📊 Progreso Estimado (Actualización en Tiempo Real)

Fase 1: 23-31 Enero, Hora límite: 15:00 Calificación: 10

Nivel ESTRATÉGICO - Entrega temprana con tiempo de sobra

Fase 2: 31 de Enero - 02 Febrero, Hora límite: 15:00 Calificación: 9.0

Nivel AUTÓNOMO - Entrega en tiempo razonable

Fase 3: 02-04 Febrero, Hora límite: 15:00 Calificación: 8.0

Nivel BÁSICO - Entrega próxima al límite

Fase 4: 04-09 Febrero, Hora límite: 15:00 Calificación: 7.0

Nivel RECEPTIVO - Entrega en el límite final

Después del 09 Febrero, Hora: 15:01 Calificación: 6.0

Nivel PREFORMAL - Entrega fuera de tiempo (o 0 si no entrega nada)

⚠️ Importante: El no entregar nada resultaría en 0 (Cero) para contabilizar su promedio. Cada error u omisión restará calificación.

⏱️ Tiempo Restante para Entrega Óptima

0
Días
0
Horas
0
Minutos
0
Segundos
🖨️ Imprimir Guía