Evaluando propuestas

Proyecto registro de Visitas / Reconocimiento Facial y voz

Publicado el 15 Mayo, 2025 en Programación y Tecnología

Sobre este proyecto

Abierto

*Preferiblemente desarrollado en Laravel y de no ser así que pueda ser implementado o corra en Laravel
*Leer con detalle la propuesta adjunta

Proyecto: Desarrollo de Sistema de Registro de Visitas en Modo Kiosko (Pantalla Completa)
Descripción del proyecto:

Buscamos un desarrollador frontend con experiencia en interfaces tipo kiosko y Material Design para implementar un sistema de registro de visitantes pensado para entornos institucionales o de seguridad.

El sistema debe ser una web app de pantalla completa (modo kiosko), táctil y guiada paso a paso, con funcionalidades específicas como captura de selfie, reconocimiento de voz para entrada de nombre y formulario de datos adicionales. Idealmente, se construirá usando React + Material UI, aunque también se aceptan propuestas con Angular Material o similares.

🔧 Funcionalidades clave:
Pantalla de bienvenida: logo institucional + botón central "Toque la pantalla para iniciar".

Captura de selfie:

Vista previa de cámara en tiempo real.

Botón para tomar la foto.

Miniatura de la imagen tras captura.

Entrada de nombre por voz:

Botón de micrófono que graba el nombre (Web Speech API).

Transcripción automática a texto editable.

Formulario adicional:

Campos: persona que visita, empresa, motivo de visita.

Validación y diseño con etiquetas flotantes.

Reconocimiento de visitante frecuente:

Al detectar coincidencia facial en futuras visitas, se precargan datos anteriores para confirmación.

Confirmación final: mensaje visual de "Registro exitoso".

Mostrar fecha y hora actual.

🖌️ Diseño (ui/ux):
basado en material design.

Tipografías: Roboto o Noto Sans.

Paleta: azul marino (principal), blanco, gris oscuro y azul claro (acentos).

Estilo minimalista, profesional, con elementos grandes y fáciles de tocar (mínimo 48px).

Responsive (mínimo 768x1024) y accesible a distancia.

🧰 Tecnologías sugeridas:
Frontend: HTML5, CSS3, JavaScript (ES6), React + Material UI (preferido) o Angular Material.

APIs necesarias:

Web Speech API (reconocimiento de voz).

MediaDevices.getUserMedia() (acceso a cámara).

Modo kiosko: pantalla completa sin menú o navegación saliente.

💼 Entregables esperados:
Aplicación web funcional en modo kiosko (pantalla completa, táctil).

Código limpio y documentado.

Soporte para detección facial (almacenar imagen para coincidencia futura).

Buen manejo de errores (voz, cámara, validaciones).

Diseño responsive y accesible.

📌 Requisitos del desarrollador:
Experiencia previa con Material UI o Angular Material.

Conocimiento en integración de APIs de cámara y voz.

Buen criterio de diseño institucional (minimalista, claro y funcional).

Capacidad para trabajar de forma autónoma y entregar avances visibles.

📎 Recursos y referencias:
Mockups e inspiración: Videos de referencia, ejemplos de kioskos, y documentación oficial de Material UI.

Documentación de APIs:

MediaDevices.getUserMedia()

Web Speech API

Contexto general del proyecto

Proyecto: Desarrollo de Sistema de Registro de Visitas en Modo Kiosko (Pantalla Completa) Descripción del proyecto: Buscamos un desarrollador frontend con experiencia en interfaces tipo kiosko y Material Design para implementar un sistema de registro de visitantes pensado para entornos institucionales o de seguridad. El sistema debe ser una web app de pantalla completa (modo kiosko), táctil y guiada paso a paso, con funcionalidades específicas como captura de selfie, reconocimiento de voz para entrada de nombre y formulario de datos adicionales. Idealmente, se construirá usando React + Material UI, aunque también se aceptan propuestas con Angular Material o similares. 🔧 Funcionalidades clave: Pantalla de bienvenida: logo institucional + botón central "Toque la pantalla para iniciar". Captura de selfie: Vista previa de cámara en tiempo real. Botón para tomar la foto. Miniatura de la imagen tras captura. Entrada de nombre por voz: Botón de micrófono que graba el nombre (Web Speech API). Transcripción automática a texto editable. Formulario adicional: Campos: persona que visita, empresa, motivo de visita. Validación y diseño con etiquetas flotantes. Reconocimiento de visitante frecuente: Al detectar coincidencia facial en futuras visitas, se precargan datos anteriores para confirmación. Confirmación final: mensaje visual de "Registro exitoso". Mostrar fecha y hora actual. 🖌️ Diseño (ui/ux): basado en material design. Tipografías: Roboto o Noto Sans. Paleta: azul marino (principal), blanco, gris oscuro y azul claro (acentos). Estilo minimalista, profesional, con elementos grandes y fáciles de tocar (mínimo 48px). Responsive (mínimo 768x1024) y accesible a distancia. 🧰 Tecnologías sugeridas: Frontend: HTML5, CSS3, JavaScript (ES6), React + Material UI (preferido) o Angular Material. APIs necesarias: Web Speech API (reconocimiento de voz). MediaDevices.getUserMedia() (acceso a cámara). Modo kiosko: pantalla completa sin menú o navegación saliente. 💼 Entregables esperados: Aplicación web funcional en modo kiosko (pantalla completa, táctil). Código limpio y documentado. Soporte para detección facial (almacenar imagen para coincidencia futura). Buen manejo de errores (voz, cámara, validaciones). Diseño responsive y accesible. 📌 Requisitos del desarrollador: Experiencia previa con Material UI o Angular Material. Conocimiento en integración de APIs de cámara y voz. Buen criterio de diseño institucional (minimalista, claro y funcional). Capacidad para trabajar de forma autónoma y entregar avances visibles. 📎 Recursos y referencias: Mockups e inspiración: Videos de referencia, ejemplos de kioskos, y documentación oficial de Material UI. Documentación de APIs: MediaDevices.getUserMedia() Web Speech API

Categoría Programación y Tecnología
Subcategoría Programación Web
¿Cuál es el alcance del proyecto? Crear un nuevo sitio personalizado
¿Es un proyecto o una posición? Un proyecto
Actualmente tengo Tengo las especificaciones
Disponibilidad requerida Según se necesite
Roles necesarios Programador, Diseñador, Analista funcional

Plazo de Entrega: No definido

Habilidades necesarias

Otros proyectos publicados por A. F.