Projeto Mídia Indoor 📺
O Projeto Mídia Indoor é uma iniciativa desenvolvida no SENAI pelos alunos Otávio, Breno, Kauana e Isabelle. Este repositório contém informações e recursos relacionados ao projeto, que tem como objetivo criar uma plataforma de mídia indoor para divulgação de conteúdo em ambientes fechados.
Language Selection
Please choose your preferred language below:
Português Brasileiro
**Visão Geral** 🚀
A Mídia Indoor é uma forma eficaz de comunicação em espaços internos, como shoppings, aeroportos, academias e outros locais de grande circulação. O projeto visa criar uma solução completa que permita a exibição de anúncios, informações e entretenimento em telas localizadas em locais estratégicos.
## Funcionalidades Principais 📋 O Projeto Mídia Indoor inclui as seguintes funcionalidades principais: 1. **Gerenciamento de Conteúdo**: Uma interface de gerenciamento de conteúdo que permite aos administradores carregar, agendar e atualizar anúncios e informações exibidos nas telas. 2. **Exibição de Conteúdo em Tempo Real**: Capacidade de exibir conteúdo em tempo real, como notícias, previsão do tempo e redes sociais, para manter o público atualizado. 3. **Suporte a Diversos Formatos de Mídia**: Suporte para exibição de imagens, vídeos garantindo versatilidade na apresentação do conteúdo. 4. **Agendamento de Conteúdo**: Possibilidade de agendar a exibição de conteúdo específico em horários e datas programados. 5. **Monitoramento e Relatórios**: Recursos de monitoramento para acompanhar o desempenho das telas e geração de relatórios sobre a interação do público com o conteúdo. ## Instalação Antes de tudo certifique de ter o Node instalado. https://nodejs.org/en Se não baixe e instale o NODE acima: Também você vai precisar do xampp para iniciar localmente. https://www.apachefriends.org/download.html HeidiSQL para gerenciar o banco: https://www.heidisql.com/download.php ou MySql: https://www.mysql.com/downloads/ ### 1. Clone o repositório: git clone https://github.com/Otavig/ProjetoMidiaIndoor.git ### 2. Faça a instalação das dependências: npm install -Nome da depêndencia- Ou apenas digite `npm i` que automaticamente instala todas as dependências necessárias. ### 3. Inicie o servidor: node ./app.js ## Uso - Abra src/pages/index.html. - Com ele aberto já vai ter acesso a toda interface da aplicação. - Na interface você vai ter as opções de Cadastrar, Editar, Buscar ou Exibir suas mídias ou midia, sendo intuitivo. - Atente-se que o tempo da exibição está em milissegundos (Exemplo: 1 s é igual a 1000 ms) ### Aviso O projeto há de ter alguns problemas e alguns bugs, mas peço que enviem para nossa equipe consertar ou se quiser arrumar por conta própria envie um Fork agradeceremos. ## Tecnologias Utilizadas 💻 O projeto é desenvolvido utilizando diversas tecnologias, incluindo: - Linguagens de Programação: HTML, CSS, JavaScript - Frameworks: Bootstrap - Banco de Dados: MySQL (Gerenciado com HeidiSQL) - Outras Ferramentas: jQuery, Popper.js © 2023 Todos os direitos reservados por Otávio, Breno, Kauana e Isabelle.English
**Overview** 🚀
Indoor Media is an effective communication method in internal spaces such as malls, airports, gyms, and other high-traffic locations. The project aims to create a comprehensive solution that allows the display of ads, information, and entertainment on screens located in strategic spots.
## Main Features 📋 The Indoor Media Project includes the following main features: 1. **Content Management**: A content management interface that allows administrators to upload, schedule, and update ads and information displayed on the screens. 2. **Real-Time Content Display**: Ability to display real-time content, such as news, weather forecasts, and social media updates, to keep the audience informed. 3. **Support for Various Media Formats**: Support for displaying images and videos, ensuring versatility in content presentation. 4. **Content Scheduling**: Ability to schedule the display of specific content at programmed times and dates. 5. **Monitoring and Reporting**: Monitoring features to track screen performance and generate reports on audience interaction with the content. ## Installation First, make sure you have Node installed. https://nodejs.org/en If not, download and install the NODE from the link above. You will also need XAMPP to run locally. https://www.apachefriends.org/download.html HeidiSQL for database management: https://www.heidisql.com/download.php or MySQL: https://www.mysql.com/downloads/ ### 1. Clone the repository: git clone https://github.com/Otavig/ProjetoMidiaIndoor.git ### 2. Install the dependencies: npm install -DependencyName- Or simply type `npm i` which automatically installs all necessary dependencies. ### 3. Start the server: node ./app.js ## Usage - Open src/pages/index.html. - With it open, you'll have access to the entire application interface. - In the interface, you'll have options to Register, Edit, Search, or Display your media, making it intuitive. - Note that the display time is in milliseconds (Example: 1 s is equal to 1000 ms) ### Warning The project may have some issues and bugs, but please send them to our team for fixing or, if you prefer to fix them yourself, send a Fork. We appreciate it. ## Technologies Used 💻 The project is developed using various technologies, including: - Programming Languages: HTML, CSS, JavaScript - Frameworks: Bootstrap - Database: MySQL (Managed with HeidiSQL) - Other Tools: jQuery, Popper.js © 2023 All rights reserved by Otávio, Breno, Kauana, and Isabelle.Spanish
**Visión General** 🚀
Mídia Indoor es un método de comunicación eficaz en espacios internos como centros comerciales, aeropuertos, gimnasios y otros lugares de alta circulación. El proyecto busca crear una solución completa que permita la exhibición de anuncios, información y entretenimiento en pantallas ubicadas en lugares estratégicos.
## Funcionalidades Principales 📋 El Proyecto Mídia Indoor incluye las siguientes funcionalidades principales: 1. **Gestión de Contenido**: Una interfaz de gestión de contenido que permite a los administradores cargar, programar y actualizar anuncios e información mostrada en las pantallas. 2. **Exhibición de Contenido en Tiempo Real**: Capacidad para mostrar contenido en tiempo real, como noticias, previsión del tiempo y redes sociales, para mantener al público informado. 3. **Soporte para Diversos Formatos de Medios**: Soporte para mostrar imágenes y videos, asegurando versatilidad en la presentación del contenido. 4. **Programación de Contenido**: Posibilidad de programar la exhibición de contenido específico en horarios y fechas programados. 5. **Monitoreo e Informes**: Funciones de monitoreo para rastrear el desempeño de las pantallas y generación de informes sobre la interacción del público con el contenido. ## Instalación Primero, asegúrate de tener Node instalado. https://nodejs.org/en Si no lo tienes, descarga e instala el NODE desde el enlace anterior. También necesitarás XAMPP para ejecutar localmente. https://www.apachefriends.org/download.html HeidiSQL para gestionar la base de datos: https://www.heidisql.com/download.php o MySQL: https://www.mysql.com/downloads/ ### 1. Clona el repositorio: git clone https://github.com/Otavig/ProjetoMidiaIndoor.git ### 2. Instala las dependencias: npm install -NombreDeLaDependencia- O simplemente escribe `npm i` que instala automáticamente todas las dependencias necesarias. ### 3. Inicia el servidor: node ./app.js ## Uso - Abre src/pages/index.html. - Con él abierto, tendrás acceso a toda la interfaz de la aplicación. - En la interfaz, tendrás opciones para Registrar, Editar, Buscar o Mostrar tus medios, de manera intuitiva. - Ten en cuenta que el tiempo de exhibición está en milisegundos (Ejemplo: 1 s es igual a 1000 ms) ### Aviso El proyecto puede tener algunos problemas y errores, pero por favor envíalos a nuestro equipo para solucionarlos o, si prefieres arreglarlo tú mismo, envía un Fork. Agradecemos tu colaboración. ## Tecnologías Utilizadas 💻 El proyecto se desarrolla utilizando varias tecnologías, incluyendo: - Lenguajes de Programación: HTML, CSS, JavaScript - Frameworks: Bootstrap - Base de Datos: MySQL (Gestionado con HeidiSQL) - Otras Herramientas: jQuery, Popper.js © 2023 Todos los derechos reservados por Otávio, Breno, Kauana e Isabelle.