Sistema mídia indoor

Project overview

O sistema é composto por três módulos principais: o painel de controle (cms), a api e o player. 1. Painel de Controle (CMS) O painel de controle será a interface do usuário e deverá ser construído com um framework de front-end moderno para garantir uma experiência fluida e responsiva. * Tecnologias: * Front-end Framework: React.js com Next.js para otimizações de performance (Server-Side Rendering ou Static Site Generation). * Componentes/UI: Material-UI ou Chakra UI para agilizar o desenvolvimento da interface. * Gerenciamento de Estado: Redux Toolkit ou Context API para gerenciar o estado global da aplicação. * Autenticação: Integração com o back-end utilizando jwt (json web tokens) para segurança. * Funcionalidades Específicas: * Dashboard: Exibição de estatísticas e status em tempo real via WebSockets. * Gerenciamento de Conteúdo: UI de arrastar e soltar (drag-and-drop) para playlists, upload de arquivos via multipart/form-data e visualização de miniaturas (thumbnails). 2. API (Back-end) A API é o cérebro do sistema, responsável por toda a lógica de negócio e comunicação com os players. * Tecnologias: * Linguagem/Framework: Node.js com Express.js. * Banco de Dados: MongoDB (preferencial) para flexibilidade com o armazenamento de metadados de mídia e playlists. * Comunicação em Tempo Real: Socket.io para comunicação bidirecional e instantânea com os players e o painel de controle, permitindo atualizações em tempo real. * Autenticação/Autorização: jwt para proteger as rotas da api. * Endpoints Principais: * /api/v1/auth/login, /register: Autenticação de usuários. * /Api/v1/displays: CRUD (Criar, Ler, Atualizar, Deletar) para displays. * /Api/v1/media: Upload, listagem e exclusão de arquivos de mídia. * /Api/v1/playlists: CRUD para playlists e agendamentos. * /Api/v1/player/connect: Endpoint para o player se conectar e obter o conteúdo a ser exibido. 3. Player (Aplicação do Dispositivo) O player será uma aplicação web leve otimizada para ser executada em modo quiosque (tela cheia) em dispositivos de baixo custo, como Fire Stick e TV Box. * Tecnologias: * Framework: Vanilla JS ou um framework leve como Preact para minimizar o tamanho da aplicação. * Comunicação: WebSockets (Socket.io-client) para receber comandos e atualizações de agendamento em tempo real da API. * Armazenamento: Uso de Cache API ou IndexedDB para armazenar o conteúdo (vídeos, imagens) localmente no dispositivo, garantindo a reprodução mesmo em caso de perda de conexão temporária. * Otimizações: Implementação de lógica para gerenciar a reprodução de mídias em loop, transições suaves entre conteúdos e baixo consumo de recursos. Arquitetura Geral A arquitetura será client-server com o cms e a api rodando em um servidor e o player sendo o cliente nos dispositivos. A comunicação em tempo real via WebSockets é a chave para a sincronização e atualização instantânea das telas. Desafios: * Garantir a compatibilidade e performance da aplicação web em diferentes modelos de Fire Stick e TV Boxes. * Otimizar o fluxo de download e cache de mídias para minimizar o tempo de carregamento e o consumo de dados. Referencia: optsigns

Category IT & Programming
Subcategory Apps programming. Android, iOS and others
What is the scope of the project? Medium-sized change
Is this a project or a position? Project
I currently have I have an idea
Required availability As needed
Required platforms Android, Other
App type Promotion - Application to promote your business/company
Similar apps Other
Back-end is required Yes
Payment gateway No

Delivery term: Not specified

Skills needed