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 la práctica de Unidad 4: Implementación de Autenticación JWT, OAuth 2.0, WebSockets para Comunicación en Tiempo Real, GraphQL y Seguridad Avanzada en APIs")

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 la práctica de Unidad 4: Implementación de Autenticación JWT, OAuth 2.0, WebSockets para Comunicación en Tiempo Real, GraphQL y Seguridad Avanzada en APIs para nuestro Sistema de Biblioteca Digital..."

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

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

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

• 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.

Mientras trabajas, debes:

• Explicar de forma general cada paso que realizas siguiendo la guía paso a paso
• Leer y seguir la GUÍA visible en la pantalla mientras trabajas
• Describir qué tecnología estás usando: JWT (autenticación sin estado con tokens), OAuth 2.0 (autorización con servicios externos), WebSockets (comunicación bidireccional en tiempo real), GraphQL (consultas flexibles de datos) y para qué sirve cada una
• Mostrar el código que escribes: settings.py para JWT/OAuth, consumers.py para WebSockets, schema.py para GraphQL, middleware de seguridad, validators.py
• Demostrar el funcionamiento de JWT: login obteniendo access y refresh token, verify token, refresh token automático, uso del token en headers Authorization
• Demostrar OAuth 2.0: configurar aplicación OAuth, flujo de autorización completo, obtención de token OAuth, uso del token para acceder a recursos protegidos
• Demostrar WebSockets: conexión en tiempo real, envío y recepción de mensajes en chat, notificaciones push, desconexión de usuarios, broadcast a grupo
• Demostrar GraphQL: ejecutar queries en GraphiQL (obtener libros con campos específicos, búsquedas, filtros), mutations (crear/actualizar datos), ventajas vs REST
• Demostrar Seguridad: rate limiting (exceder límite y ver error 429), validaciones de entrada (SQL injection, XSS), CORS configurado, CSRF protection, HTTPS headers
• Mostrar comandos en terminal: pip install djangorestframework-simplejwt, pip install django-oauth-toolkit, pip install channels channels-redis, pip install graphene-django, python manage.py migrate, daphne -p 8000, etc.
• Verificar que todo funciona en tiempo real: Postman para JWT/OAuth, GraphiQL para GraphQL, cliente JavaScript para WebSockets, navegador para interfaces
• Insertar 5 registros en cada Tabla tanto de manera Local primero como en producción después (Libros, Autores, Categorías, Préstamos, Usuarios)
• Probar integración externa: importar libro desde Google Books API usando ISBN, mostrar datos obtenidos
• Narrar los errores si los hay y cómo los resuelves (detener grabación, resolver con logs/documentación, reiniciar mostrando la solución implementada)

NO es válido grabar en silencio o sin explicar. Debes NARRAR todo el proceso demostrando comprensión profunda de JWT, OAuth 2.0, WebSockets, GraphQL y Seguridad Avanzada en APIs. Explica diferencias entre autenticación tradicional y JWT, ventajas de OAuth 2.0, por qué WebSockets vs HTTP polling, beneficios de GraphQL vs REST.

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 (JWT, OAuth, WebSockets, GraphQL, Seguridad)
• Mencionar lo aprendido brevemente (ejemplo: "Aprendí a implementar autenticación moderna con JWT y OAuth 2.0, comunicación bidireccional en tiempo real con WebSockets, crear APIs flexibles con GraphQL, aplicar medidas de seguridad profesionales como rate limiting, validaciones, CORS y CSRF protection, e integrar servicios externos como Google Books API")
• Destacar tecnologías dominadas: Mencionar que ahora dominas autenticación sin estado (stateless), autorización OAuth, comunicación asíncrona, consultas GraphQL optimizadas y seguridad de nivel empresarial
• 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é la práctica de Unidad 4 implementando autenticación JWT con tokens de acceso y refresh, OAuth 2.0 para login con servicios externos, WebSockets para chat y notificaciones en tiempo real, GraphQL para consultas flexibles de datos y múltiples medidas de seguridad avanzada incluyendo rate limiting, validaciones anti-SQL injection y XSS, CORS, CSRF y HTTPS headers en el Sistema de Biblioteca Digital. Aprendí a construir aplicaciones web modernas con autenticación robusta, comunicación en tiempo real y APIs seguras listas para producción. Estas son tecnologías usadas por empresas como Google, Facebook, Netflix y Twitter. Gracias por su atenció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.

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.

Debe mostrar el funcionamiento completo de la práctica integrando todas las tecnologías de la Unidad 4 paso a paso.

• JWT Authentication (20 min):
  • Configuración: Mostrar settings.py con SIMPLE_JWT configurado
  • Login: POST /api/token/ con username/password → obtener access y refresh token
  • Verificar token: POST /api/token/verify/ con token
  • Refresh token: POST /api/token/refresh/ → obtener nuevo access token
  • Usar token: GET /api/libros/ con header Authorization: Bearer {token}
  • Token expirado: Esperar expiración o modificar tiempo → mostrar error 401
  • Claims personalizados: Mostrar información adicional en el token
• OAuth 2.0 (20 min):
  • Configuración: Mostrar django-oauth-toolkit en INSTALLED_APPS
  • Crear aplicación OAuth en /o/applications/
  • Flujo de autorización: Navegar a /o/authorize/ → obtener código
  • Intercambiar código por token: POST /o/token/ → obtener access_token
  • Usar token OAuth: Acceder a recursos con token en header
  • Scopes: Demostrar permisos limitados (read, write)
• WebSockets (25 min):
  • Configuración: Mostrar Channels en INSTALLED_APPS, ASGI_APPLICATION, CHANNEL_LAYERS
  • Consumers: Mostrar código de NotificacionesConsumer y ChatConsumer
  • Routing: Mostrar websocket_urlpatterns en routing.py
  • Ejecutar con Daphne: daphne -p 8000 biblioteca_project.asgi:application
  • Cliente JavaScript: Conectar a ws://localhost:8000/ws/chat/general/
  • Enviar mensaje: Escribir en chat → ver mensaje en tiempo real
  • Múltiples usuarios: Abrir 2 pestañas → enviar mensajes entre ellas
  • Notificaciones: Actualizar libro → todos reciben notificación instantánea
  • Desconexión: Cerrar pestaña → mostrar mensaje "usuario desconectado"
• GraphQL (25 min):
  • Schema: Mostrar schema.py con Types, Queries y Mutations
  • GraphiQL: Abrir http://127.0.0.1:8000/graphql/
  • Query simple: { allLibros { id titulo } }
  • Query con relaciones: { allLibros { titulo autor { nombre } categoria { nombre } } }
  • Query con argumentos: { libro(id: 1) { titulo precio } }
  • Query de búsqueda: { buscarLibros(titulo: "Cien") { id titulo } }
  • Query con filtros: { librosDisponibles { titulo stock } }
  • Mutation crear: mutation { crearAutor(nombre: "Gabriel", ...) { autor { id nombre } } }
  • Mutation actualizar: mutation { actualizarStockLibro(libroId: 1, cantidad: 5) { libro { stock } mensaje } }
  • Comparar con REST: Mostrar cómo 1 query GraphQL = múltiples endpoints REST
• Seguridad Avanzada (30 min):
  • HTTPS: Mostrar configuración SECURE_SSL_REDIRECT, SECURE_HSTS en settings.py
  • Rate Limiting: Configurar throttles.py → hacer múltiples requests → mostrar error 429 "Too Many Requests"
  • Validaciones SQL Injection: Intentar entrada maliciosa ('; DROP TABLE--) → mostrar validación que previene
  • Validaciones XSS: Intentar → mostrar sanitización
  • CORS: Mostrar CORS_ALLOWED_ORIGINS en settings.py → intentar request desde origen no permitido → error
  • CSRF: Mostrar CSRF_TRUSTED_ORIGINS → intentar POST sin token → error 403
  • Headers de seguridad: Inspeccionar headers de respuesta (X-Content-Type-Options, X-Frame-Options, etc.)
  • Password fuerte: Intentar crear usuario con password débil → mostrar validación
  • Middleware personalizado: Mostrar SecurityMiddleware y RateLimitMiddleware en código
• API REST con Autenticación (15 min): CRUD completo de libros/autores usando JWT/OAuth para proteger endpoints
• Base de Datos MySQL (10 min):
  • Mostrar tablas creadas: SHOW TABLES;
  • Insertar 5 registros en cada tabla (Libros, Autores, Categorías, Préstamos) en local
  • Verificar en MySQL Workbench o phpMyAdmin
  • Repetir en producción (PythonAnywhere o similar)
• Integración Externa - Google Books API (15 min):
  • Mostrar código external_services.py con GoogleBooksAPI
  • Endpoint: POST /api/importar-google-books/ con ISBN
  • Ejemplo: {"isbn": "9780142437247"} → importar datos del libro
  • Mostrar respuesta con título, autor, descripción, portada obtenidos de Google Books
  • Crear libro en base de datos con datos importados
• Testing Completo (20 min):
  • Postman: Colección con todos los endpoints (JWT, OAuth, REST CRUD)
  • GraphiQL: Ejecutar 10+ queries y mutations diferentes
  • Cliente WebSocket: Página HTML con JavaScript conectando a WebSocket
  • Navegador: Probar interfaz de admin, login, funcionalidades visuales
  • Pruebas de seguridad: Rate limiting, validaciones, CORS
• Despliegue (15 min): Mostrar aplicación funcionando en producción (PythonAnywhere, Heroku, Railway) con URL pública

⏱️ Duración total estimada: 3-4 horas de demostración completa. El video debe ser continuo (puedes editarlo para quitar errores, pero debe verse como un flujo completo).

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

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
• Subir Video en una sola Carpeta de DRIVE, unidad 3 y sus apellidos, ejemplo: Unidad 3-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 U3
• ejemplo: Prado Diaz Bernardo DSM5-1 Examen Práctica U3
• en el cuerpo del Email: Lo mismo Prado Diaz Bernardo DSM5-1 Examen Práctica U3, enlaces de GitHub, enlaces de las práctica desplegada y el enlace de Google DRIVE listo para ver video