Aplicativo "VitRAl" será apresentado em simpósio internacional na Itália

Saiu a programação oficial do Simpósio Internacional da REAACH - Representation Advances And Challenges  que acontece online dias 07 e 08 de outubro de 2025, promovido pela Universidade de Roma La Sapienza, pela Universidade de Pádua e pelo Politécnico de Turim. Apresentaremos nosso projeto sob o título “Augmented Reality and stained glass windows from other religious traditions in Curitiba, Brazil” no dia 08 de outubro, às 10h45 (hora de Roma). Para mais detalhes: https://www.reaach.eu/symposium-2025/. 

Inscrições como ouvinte podem ser feitas via Google Forms: https://docs.google.com/forms/d/e/1FAIpQLScGNAnUpJ6aaeLWQG8hhD_D973y9_0ffzzH5co9bOpH_dZ7MA/viewform

 

Testes de campo com o aplicativo VitRAl, em Androi e iOS.

No dia 11 de janeiro deste ano estivemos nas dependências do templo da Primeira Igreja Batista de Curitiba, pela manhã, para fazermos um teste in loco do aplicativo VitRAl tanto na versão Android quanto iOS. Quem operou o aplicativo foi a aluna Alessandra Lacerda, da Engenharia de Computação da UTFPR, que participou do projeto fazendo a programação do aplicativo. 

Vídeo 1: Aplicativo rodando em smatphone iOS (autoria Prof. Ed Sarro)

Vídeo 2: Aplicativo rodando em smartphone Android (autoria Prof. Ed Sarro)

Os testes demonstraram que o aplicativo é funcional, ainda que restrito a uma única janela de vitral, mas o desempenho dele se mostrou superior no sistema iOS do que no Android, possivelmente por conta da disponibilidade de bibliotecas ser mais comum para iPhones. 

Simulação da interface gráfica do aplicativo

Abaixo um pequeno vídeo simulando em tela a interface do aplicativo VitRAl com suas funções principais em operação. 

 Vídeo simulação em tela da interface do aplicativo VitRAl (autoria: Alessandra Lacerda) 

Nosso aplicativo está ganhando uma face!

Graças ao trabalho de uma equipe com muitos talentos e criatividade, o VitRAl, nosso aplicativo de Realidade Aumentada e vitrais, está ganhando um rosto:

Está mais perto a hora de o vermos funcionar. 

Parabéns ao time!

Criação do wireframe digital: definição de telas e decisões sobre conteúdos e navegação

 Dentro do Figma o wireframe começa a ser estruturado ainda a partir de imagens das telas feitas à mão livre em papel:

Ele será a base para a construção do wireframe digital:

Na sequência, os conteúdos já definidos ou aqueles que ainda estão sendo analisados começam a ser posicionados em suas respectivas telas:

Inclusive já é possível simular a visualização do aplicativo como ele seria numa tela de celular:

Mas ainda há bastante trabalho para a equipe fazer até que o protótipo funcional fique pronto. 

A interface começa a ganhar cara

No último dia 10 de junho nos reunimos na sala CC-108 da sede Centro da UTPR, campus Curitiba, para sentarmos e botarmos no papel tudo que já tínhamos coletado em termos de dados obtidos a partir de uma pesquisa visando identificar o público-alvo. Inclusive com a criação de personas:

A partir das informações disponíveis cada um fez esboços de possíveis telas do aplicativo em folhas de papel A4. Estas folhas foram coladas na parede para que todos pudessem analisar e fazer comentários e sugestões por meio de post-its: 

Depois as telas desenhadas foram recortadas de suas folhas para que pudessem ser combinadas entre si: 

Agora era a hora de deliberar sobre quais as telas que melhor se encaixavam no projeto:

E as diferentes telas foram colocadas lado a lado simulando um wireframe:

O próximo passo agora era jogar essas telas no Figma para que toda a equipe pudesse manipulá-las e construir a versão digital do wireframe. 

Atualizando o status do Projeto

 

fonte: imagem criada pelo Bing Image Creator

Após algumas semanas de conversações conseguimos montar um time com quatro alunas do curso de Tecnologia em Design Gráfico (Débora, Maria Eliza, Milena e Stephanie) e uma aluna da Engenharia da Computação (Alessandra). Todas têm interesse e vivência em UX e UI em diferentes níveis e estão bem motivadas. Alessandra entrou no grupo a partir de uma sugestão do Prof. Bogdan, que acreditou que haveria potencial de um bom projeto se algum aluno das Computações em final de curso pudesse juntar-se ao projeto com seu TCC.

fonte: Pexels.

Após a leitura e fichamento de alguns textos acadêmicos (basicamente TCCs e artigos científicos), o grupo começou a trabalhar em cinco eixos principais: metodologia de projeto, conteúdo, acessibilidade, perfil do usuário e pontos de contato entre design de interface e programação.

fonte: Wikimedia commons

Para a metodologia de projeto, foi escolhida a do Duplo Diamante (Double Diamond), que é comum no universo do UX e que, por coincidência, o grupo já estava praticando intuitivamente.

 

fonte: Pexels.

No momento estamos trabalhando para determinar o público-alvo, que entendemos ser composto principalmente por pessoas que transitam por Curitiba (turistas e moradores) e que não têm muita informação sobre vitrais e sobre vitrais em tradições religiosas minoritárias, como alguns que estão em templos de igrejas evangélicas históricas. 

fonte: divulgação

Uma delas é a Primeira Igreja Batista de Curitiba e seus vitrais monumentais, com cuja liderança estamos em contato para que nos permita o uso de imagens e informações para um protótipo do aplicativo.

Seguimos em frente, porque esta etapa do projeto deve terminar em agosto deste ano, por ser o prazo final dos editais de Iniciação Científica dos quais as alunas da Tecnologia estão participando.