TCC | Projeto de Gabriel

O Problema

O setor de enoturismo em Espírito Santo do Pinhal apresenta um grande potencial turístico, com um fluxo significativo de visitantes interessados em vinicultura. No entanto, foi identificado que muitos turistas enfrentam dificuldades para acessar informações organizadas sobre as vinícolas locais, como descrições, imagens e experiências disponíveis

Apesar da popularização dos smartphones, o acesso a essas informações ainda não era centralizado, intuitivo ou imediato durante a visita. Muitas vezes, o visitante precisava buscar manualmente por dados na internet, o que prejudicava a experiência e diminuía o engajamento com os pontos turísticos.

Diante desse cenário, surgiu a necessidade de uma solução que facilitasse o acesso rápido, prático e interativo às informações das vinícolas, diretamente no momento da visita.

A Solução

Para resolver esse problema, foi desenvolvido um aplicativo mobile voltado ao enoturismo, utilizando leitura de QR Code para disponibilizar informações de forma rápida e intuitiva.

Ao escanear um QR Code presente nos pontos turísticos, o usuário é direcionado automaticamente para uma tela com:

Descrição da vinícola
Carrossel de imagens
Informações relevantes sobre o local

A aplicação foi construída com React Native, permitindo compatibilidade com Android e iOS a partir de uma única base de código.

No backend, foi utilizada uma API desenvolvida com Node.js e TypeScript, responsável por gerenciar as requisições, organizar os dados e garantir maior segurança e tipagem no sistema. O armazenamento das informações foi realizado utilizando MySQL, estruturando os dados de forma eficiente e escalável.

O resultado é uma experiência simples, rápida e acessível, melhorando significativamente a interação do turista com o ambiente.

Arquitetura e Desafios Técnicos

O projeto foi desenvolvido seguindo uma arquitetura cliente-servidor, onde o aplicativo mobile consome dados de uma API backend.

Principais decisões técnicas:

Backend em Node.js com padronização em JavaScript/TypeScript (Full Stack JS)
Banco de dados relacional com MySQL
Comunicação via requisições HTTP
Estrutura modular para facilitar manutenção e escalabilidade

Desafios enfrentados:

1. Performance e experiência no mobile Garantir uma navegação fluida e responsiva no React Native, com carregamento rápido de imagens e transições suaves.

2. Gerenciamento de navegação (stack) Foi identificado um problema onde múltiplas leituras de QR Code acumulavam telas no histórico, prejudicando a navegação.
→ Solução: reestruturação do fluxo de navegação, evitando empilhamento desnecessário.

3. Usabilidade da leitura de QR Code A interface inicial da câmera não era intuitiva.
→ Solução: redesign da tela, destacando melhor a área de leitura.

4. Arquitetura escalável A aplicação foi projetada para permitir expansão futura, como adaptação para outros tipos de turismo (ex: fazendas, cafés, etc.).

5. Metodologia ágil O desenvolvimento foi incremental, começando com páginas estáticas (HTML/CSS/JS) e evoluindo para uma solução completa com React Native e backend integrado.

Resultados e Conclusão

O aplicativo foi validado com usuários reais, que avaliaram a solução com notas entre 8 e 10, destacando principalmente:

Facilidade de uso
Acesso rápido às informações
Interface limpa e intuitiva

Os feedbacks coletados foram fundamentais para ajustes de UX/UI e melhorias na navegação, reforçando a importância de ciclos iterativos no desenvolvimento.

O projeto foi aprovado com nota 9,39, demonstrando sua qualidade técnica e relevância prática.

Principais aprendizados:

Importância da experiência do usuário em aplicações mobile
Estruturação de aplicações Full Stack com JavaScript
Aplicação prática de metodologias ágeis
Resolução de problemas reais com tecnologia

Além disso, o projeto demonstrou ser escalável e adaptável para outros contextos, ampliando seu potencial de uso no mercado.