Tecnologias Imersivas para Popularização da Ciência e Tecnologia
Explore virtualmente os ambientes do IF Goiano – Campus Ceres por meio de experiências digitais interativas em 360°
Sobre o Projeto ImersaLab
O projeto ImersaLab é uma iniciativa desenvolvida no âmbito do Programa Institucional de Bolsas de Iniciação em Desenvolvimento Tecnológico e Inovação (PIBITI), implementado pelo IF Goiano – Campus Ceres.
Sua missão é democratizar o acesso à educação científica e tecnológica utilizando as mais modernas tecnologias imersivas, especialmente tours virtuais em 360° e realidade virtual, como ferramentas de divulgação científica.
Objetivos
O que buscamos alcançar com este projeto
🎯 Objetivo Geral
Criar e disponibilizar uma plataforma aberta de tours virtuais 360° e ambientes imersivos que permitam a exploração virtual dos espaços científicos, educacionais e institucionais do IF Goiano – Campus Ceres, ampliando o acesso à informação e experiências educacionais para além das barreiras geográficas e temporais.
📚 Objetivos Específicos
- Mapear, fotografar e processar ambientes selecionados do campus em 360°.
- Desenvolver interface responsiva e acessível para visualização do tour.
- Implementar sistema modular extensível para futuras adições de ambientes.
- Criar documentação técnica para manutenção e expansão.
- Avaliar impacto educacional da plataforma junto a comunidade.
- Explorar tecnologias de integração com dispositivos VR (Meta Quest, etc.).
Justificativa
Por que este projeto é importante
🌍 Acessibilidade e Inclusão
Muitos interessados em conhecer o IF Goiano enfrentam barreiras geográficas, financeiras ou de mobilidade. Uma plataforma de tours virtuais permite que qualquer pessoa, em qualquer lugar do mundo, possa explorar nossos ambientes de forma imersiva e gratuitamente.
📱 Alinhamento com Tendências Tecnológicas
Realidade virtual e imersivas são tecnologias em crescimento exponencial. Integrar-se a estas tendências posiciona a instituição como inovadora e tecnologicamente atualizada, atraindo alunos e investimentos em pesquisa.
🎓 Educação Científica Engajante
Estudantes aprendem melhor por meio de experiências imersivas. Tours virtualmente permitem que alunos do ensino básico ou interessados explorem laboratórios e espaços científicos em detalhes, gerando interesse por carreiras em STEM.
💡 Desenvolvimento Tecnológico Local
O projeto é uma oportunidade de formar profissionais em tecnologias imersivas, desenvolvimento web moderno e gestão de projetos. Gera conhecimento interno e contribui para o desenvolvimento tecnológico local.
🏆 Pesquisa e Inovação
Este projeto combina desenvolvimento tecnológico com avaliação do impacto educacional, gerando oportunidades de pesquisa e publicações científicas sobre o uso de tecnologias imersivas em educação.
Beneficiários
👥 Discentes e Visitantes
Acesso gratuito e inclusivo a experiências educacionais imersivas, independente de localização geográfica.
🏫 Instituição
Posicionamento como instituição inovadora, moderna e tecnologicamente atualizada na região.
🔬 Pesquisadores
Oportunidades de pesquisa sobre educação imersiva, avaliação de impacto e desenvolvimento tecnológico.
Pronto para Explorar?
Visite os ambientes do Campus Ceres por meio de uma experiência virtual imersiva.
Explorar AmbientesDesenvolvimento Técnico
✅ Fase 1: Seleção e registro de ambientes
Antes do desenvolvimento do site, foi realizada uma fase de mapeamento e seleção dos ambientes do campus a serem incluídos no tour virtual, priorizando laboratórios, bibliotecas e espaços de destaque.
- Visitas para identificação de ambientes
- Registros aéreos do Campus Ceres com drone DJI Mavic Air 2
- Registros 360° utilizando câmera LG G5 Friends 360 CAM
✅ Fase 2: Testes iniciais
Optou-se por utilizar a plataforma ThingLink para a fase inicial enquanto o desenvolvimento de um visualizador próprio era planejado.
- Teste com apenas uma imagem 360° aérea
- Utilização da plataforma ThingLink para estruturação do tour
- Tour interativo com informações sobre os ambientes
✅ Fase 3: Desenvolvimento do site
Desenvolvimento de um site responsivo e acessível utilizando HTML5, CSS3 e JavaScript, para hospedar o tour virtual e permitir fácil manutenção e expansão futura.
- Estruturação semântica com HTML5
- Design responsivo e acessível com CSS3
- Interatividade e renderização dinâmica com JavaScript e baseado em WebXR com A-Frame
- Compatibilidade nativa com dispositivos VR (Meta Quest)
- Código aberto e extensível
Desenvolvimento Futuro
🛠️ Visualizador 360° para navegação em VR independente
Desenvolvimento de um sistema de navegação em VR, oferecendo:
- Controle total sobre a experiência visual e de interação
- Sistema de hotspots customizável
🔧 Backend Administrativo
Desenvolvimento de sistema administrativo para:
- Gerenciamento de ambientes (upload de imagens 360°)
- Criação e edição de hotspots
- Autenticação de usuários
- Análise de dados de uso (analytics)
📊 Pesquisa e Avaliação
Integração de ferramentas de pesquisa para avaliar impacto educacional, gerando dados para publicações científicas.
Arquitetura do Site
📂 Estrutura de Pastas
ImersaLab/
├── index.html # Site principal
├── viewer.html # Visualizador 360°
├── css/
│ └── style.css # Estilos principais
├── js/
│ └── main.js # Lógica principal
├── data/
│ └── ambientes.js # Dados dos ambientes
└── README.md # Documentação🏗️ Camadas de Arquitetura
Roadmap - Evolução do Projeto
-
Fase 1 - Seleção de ambientes
Trabalho de campo para identificação e documentação dos ambientes a serem incluídos no projeto.
-
Fase 2 - Registro de ambientes
Uso de câmera 360° e drone para captura de imagens.
-
Fase 3 - Testes e Validação
Realização de testes de usabilidade e validação dos ambientes registrados com plataforma externa.
-
Fase 4 - Site próprio e implementação do tour virtual
Desenvolvimento de site próprio com implementação do tour virtual interativo.
-
Fase 5 - Backend Administrativo
Sistema para gerenciamento de ambientes, hotspots e usuários.
-
Fase 6 - Analytics e Pesquisa
Ferramentas de análise, coleta de dados educacionais e publicações científicas.
-
Fase 7 - Expansão e Integração
Novos ambientes, integração com LMS, ferramentas educacionais avançadas.
Stack Tecnológico
Frontend
- HTML5
- CSS3 (variáveis, grid, flexbox)
- JavaScript (ES6+)
- A-Frame (WebXR)
Integração
- A-Frame Framework
- WebXR APIs
- Photosphere/360° Utils
Futuro (Backend)
- Node.js / Express.js
- MongoDB ou PostgreSQL
- REST API / GraphQL
- Docker (containerização)
Justificativa Técnica para Desenvolvimento Autoral
Por que não usar plataformas prontas?
Plataformas prontas, apesar de oferecerem soluções rápidas, apresentam limitações críticas para um projeto acadêmico:
- Falta de controle: Impossibilidade de ajustar interface para necessidades específicas
- Custos escaláveis: Modelos freemium acumulam custos com crescimento
- Dependência de terceiros: Risco de descontinuação ou mudanças de política
- Sem dados para pesquisa: Limitações em coleta de métricas educacionais
- Oportunidade pedagógica: Desenvolvimento de competências técnicas reais
Vantagens do desenvolvimento próprio
- Propriedade intelectual: Código aberto e registro de software
- Escalabilidade: Infraestrutura customizável conforme crescimento
- Integração acadêmica: Possibilidade de integrar ferramentas de pesquisa
- Continuidade: Garantia de funcionamento independente de terceiros
- Potencial de transferência: Replicável em outras instituições
Tour Virtual
ⓘ Esta é a etapa inicial da implementação de tour virtual. Futuras versões expandirão a disponibilidade de ambientes e funcionalidades avançadas de navegação.
Como Navegar pelos Ambientes
🖥️ Em Desktop
- Mover: Clique e arraste com o mouse
- Explorar: Clique no menu para navegar entre os ambientes
📱 Em Celular/Tablet
- Mover: Gesto de toque e arraste
- Explorar: Clique no menu para navegar entre os ambientes
- Modo VR: Google Cardboard
🥽 Em Dispositivos VR
- Compatível: Meta Quest 2 e 3, HTC Vive Focus
- Melhor experiência: Use com óculos VR para imersão total
- Controles: Use controles do seu dispositivo VR
Ambientes Disponíveis
Carregando ambientes...
Quer Sugerir um Ambiente?
Conhece um espaço no campus que deveria ser visível por meio de tour virtual? Envie sua sugestão!
Fazer SugestãoContato
Instituição: IF Goiano – Campus Ceres
E-mail: tiagocardoso1357@gmail.com
LinkedIn: Ver Perfil
GitHub: Projetos no GitHub
Lattes: Ver Currículo
E-mail: adriano.braga@ifgoiano.edu.br
LinkedIn: Ver Perfil
Lattes: Ver Currículo
Enviar Mensagem
Preencha o formulário abaixo para nos enviar uma mensagem, sugestão ou feedback.
Outras Formas de Contato
🔗 GitHub
Acesse o repositório completo do projeto para uma análise técnica detalhada.
Visitar GitHubPerguntas Frequentes
Como sugerir um novo ambiente?
Você pode enviar sua sugestão enviando uma mensagem por meio do formulário acima. Indique qual ambiente gostaria de ver incluído na plataforma.
Posso usar as imagens do tour virtual?
As imagens estão disponíveis para fins educacionais. Para outros usos, entre em contato conosco para discutir as possibilidades.
O projeto é de código aberto?
Sim! O código-fonte estará disponível no GitHub sob licença apropriada. Visite o repositório para contribuir ou adaptar o projeto.
Como funciona o suporte técnico?
Para dúvidas técnicas, envie uma mensagem por meio do formulário. Responderemos com informações ou soluções para seu problema.