WARGEN: Gerador de Aplicaes em Realidade Aumentada na Web

Prof. Dr. Robson Augusto Siscoutto

Levrangeles da Silva Filho

Faculdade de Informtica de Presidente Prudente - FIPP

Universidade do Oeste Paulista - UNOESTE
Presidente Prudente - SP, Brasil
robson.siscoutto@unoeste.br

Faculdade de Engenharia e Computao - FAEC

Universidade de Cuiab - UNIC
Cuiab - MT, Brasil
levrangeles@gmail.com

Abstract - A major difficulty in the popularization of

Augmented Reality applications is the complexity of
developing these applications by requiring at least basic
knowledge in certain subjects, such as programming,
programming languages and tools for systems development.
Therefore, most users can not create their applications quickly
and intuitively. This article presents the development of a tool
called Web Augmented Reality Generator (WARGEN), an
application generator that enables the configuration of
augmented reality environments, via a local network or
internet, without the need for source code programming.
Keywords Augmented Reality; FLARToolKit; Flash Develop;
wargen
Resumo - Uma das maiores dificuldades na popularizao de
aplicaes de Realidade Aumentada est na complexidade do
desenvolvimento dessas aplicaes, por exigir, pelo menos,
conhecimentos bsicos em certos assuntos, como programao,
linguagens
de
programao
e
ferramentas
para
desenvolvimento de sistemas. Diante disso, grande parte dos
usurios no conseguem criar suas aplicaes de maneira
rpida e intuitiva. Este artigo apresenta o desenvolvimento de
uma ferramenta denominada Web Augmented Reality
Generator (WARGEN), um gerador de aplicaes que
possibilita a configurao de ambientes em realidade
aumentada sem a necessidade de programao em cdigofonte, atravs de uma rede local ou internet.
Palavras Chaves: Realidade Aumentada; FLARToolKit; Flash
Develop, Wargen.

I. INTRODUO
Os crescentes avanos da Realidade Aumentada (RA)
vm se tornando um novo marco na era computacional,
sendo empregado em diversas reas do conhecimento, seja
na forma de ensino, aprendizagem presencial ou at mesmo
entretenimento, tanto para empresas das mais diversas reas
de atuao quanto para usurios finais.
Implementar aplicaes para RA possvel graas a
disponibilidade de bibliotecas que contm cdigos fonte para
programao. O FLARToolKit [1], por exemplo, uma
biblioteca em Action Script [4] que permite a criao de
programas em RA para serem executados em um navegador
de internet, utilizando da tecnologia Adobe Flash Player.
Apesar da notvel vantagem, ainda preciso desenvolver
o produto e, para um usurio final que deseja apenas testar

rapidamente o seu modelo virtual, pode levar um tempo

considervel, alm dos custos para se fazer isso, dependendo
da complexidade da aplicao.
Visando facilitar o acesso a um ambiente aumentado, de
forma simples e acessvel, iniciou-se um projeto de um
gerador de aplicaes para RA. Este projeto visa
disponibilizar, por meio de um servidor de aplicaes, uma
interface intuitiva que possibilite a configurao de um
ambiente virtual aumentado, relacionando os marcadores e
modelos virtuais de preferncia, permitindo tambm atribuir
alguns tipos de interaes com o objeto virtual, como
rotao, movimento e escala. O projeto foi denominado
WARGEN, acrnimo para Web Augmented Reality
Generator, um gerador de realidade aumentada para Web.
II.

DESCRIO GERAL

O WARGEN um gerador de aplicativos em Realidade

Aumentada na WEB, que possibilita ao usurio gerar
aplicativos de RA atravs de uma interface amigvel e
intuitiva, a partir de algumas configuraes disponveis,
dentre as quais envolvem associao de modelos e
marcadores fiduciais, bem como a seleo de algumas
interaes, tudo atravs da internet.
Aps ter realizado login no WARGEN, o usurio dispe
de uma interface para realizar a associao entre um modelo
virtual e um marcador fiducial, podendo em seguida
selecionar uma opo para visualizar o ambiente criado.
Desta forma, o usurio tem acesso imediato aplicao, sem
precisar solicitar ao programador o desenvolvimento do
programa em si, pois o prprio gerador realiza as
configuraes de forma automtica.
O comportamento do objeto virtual em cena pode variar,
pois so disponibilizadas opes de interao com os objetos
virtuais. Alm da interao direta que ocorre com a
manipulao do marcador fiducial na mo do usurio,
permitida a seleo de movimentos como translao, rotao
e escala do objeto virtual. Uma vez configurados tais
parmetros possvel visualizar o modelo virtual,
estimulando um melhor envolvimento com este. Se o modelo
virtual, por exemplo, for um rgo humano e se a opo de
interao para rotao estiver selecionada, este objeto poder
ento ser rotacionado utilizando o marcador ou acionando
um comando de rotao via teclado, facilitando a
visualizao com a cena. Vale ressaltar que girar o objeto de
uma forma mais natural, como o prprio movimento das
mos sobre o marcador, nem sempre permite visualizar uma

parte especfica do modelo virtual, justificando assim o uso

da rotao de maneira no tangvel utilizando o teclado.
Alm disso, a interatividade associada diretamente ao
modelo virtual proporciona ao usurio uma interao fcil e
segura, sem necessidade de treinamento, uma vez que os
movimentos so totalmente naturais, intuitivos e to simples
quanto mover uma parte do corpo ou um objeto na frente de
um dispositivo detector (atualmente uma webcam).
III.

ANLISE E REQUISITOS

Esta seo descreve os detalhes anlise de requisitos e

tecnologias utilizadas no projeto WARGEN.

disponibilizadas, permitindo assim uma melhor interao do

usurio com o modelo virtual em cena; e

Possibilitar visualizao de associaes: associados o
modelo, marcador e possveis interaes, o sistema deve
permitir que tais configuraes sejam visualizadas na tela.
Aps a seleo da opo para iniciar a visualizao, a
visualizao dever ser iniciada a partir da permisso do
usurio ao acesso cmera.
De acordo com os requisitos levantados, foram
identificados trs casos de uso (Figura 1) para o sistema:
efetuar login, manter arquivo e manter associao.

A. Anlise de Requisitos
Para o desenvolvimento do projeto foi realizado uma
anlise de requisitos visando definir as funcionalidades da
aplicao WARGEN:

Disponibilizar login e senha para os usurios: o
acesso ao sistema exigir uma autenticao de cada usurio.
Com isso, os contedos enviados ao servidor sero alocados
corretamente, identificando cada item ao seu respectivo
proprietrio, evitando tambm o acesso no autorizado ao
sistema;

Possibilitar envio de arquivos: por meio de uma
interface grfica, os usurios podero enviar arquivos para o
servidor, dos quais podero ser um modelo virtual (com
extenses suportadas pelo servidor) ou um arquivo de
configuraes de um marcador (com a extenso .pat). Os
arquivos armazenados sero alocados nos seus respectivos
diretrios no servidor, bem como as informaes sobre
nome, extenso e o proprietrio (usurio) do arquivo
devero ser armazenados no banco de dados. preciso
implementar, em cdigo, as validaes necessrias durante o
uso destas informaes, pois preciso haver uma sincronia
entre arquivos no disco rgido e informaes no banco de
dados, como verificar se o arquivo em utilizao realmente
existe em disco ou se as informaes de nome e extenso do
arquivo cadastradas no banco de dados so realmente as que
esto presente nos seus respectivos diretrios;

Possibilitar download dos arquivos enviados: o
usurio poder baixar os arquivos enviados ao servidor,
possibilitando o acesso a estes arquivos de qualquer estao
(mquina) conectada na rede;

Possibilitar associao modelo/marcador: alm do
envio de modelos e marcadores para o servidor, uma
interface grfica, simples e intuitiva, deve permitir a
associao entre modelo virtual e marcador. Assim, o
sistema ser capaz de disponibilizar a visualizao desta
associao para o usurio, apresentando o modelo virtual
posicionado na cena atravs da deteco do marcador
associado;

Possibilitar associaes de interaes: alm de o
usurio associar um modelo virtual a um marcador, o
sistema dever possibilitar a seleo algumas interaes pr-

Figura 1. Casos de Uso principais

Para utilizar o sistema, o usurio dever informar o login

e senha cadastrados (caso de uso Efetuar Login), requisito
necessrio para o acesso aos recursos do gerador.
Aps estar autenticado, o usurio poder enviar, listar,
baixar e excluir um arquivo (caso de uso Manter Arquivo).
Algumas validaes sero realizadas durante este processo,
como a verificao do tipo do arquivo e se este suportado
pelo servidor. Aps o tratamento, o arquivo ser alocado no
seu respectivo diretrio, de acordo com o usurio
autenticado, sendo que o login o que determina o nome do
diretrio do usurio no disco rgido do servidor. A Figura 2
ilustra o caso de uso Manter Arquivo.

Figura 2. Caso de uso Manter Arquivo.

O caso de uso Manter Associao (Figura 3) permite ao

usurio associar um modelo virtual a um marcador. Com isso
o gerador possibilita ao usurio visualizar o ambiente
aumentado configurado.

Figura 3. Caso de uso Manter Associao

Para realizar a associao entre modelo virtual e

marcador (Figura 4), o usurio deve selecionar o modelo e
marcador disponveis em uma lista. Alm disso, tambm
possvel marcar algumas interaes pr-configuradas, como
rotao, translao e escala. Aps confirmao pelo
usurio, o gerador salva as informaes no banco de dados.
Ao mesmo tempo, um XML de configurao gerado,
contendo as informaes da associao realizada.

Figura 5. Diagrama de atividades para visualizar associao.

B. Tecnologias Utilizadas
Os padres de projeto e tecnologias utilizadas para o
desenvolvimento do WARGEN so descritos a seguir.
Model View Controller (MVC): padro de projeto
arquitetural til para a construo de softwares interativos,
sendo dividido em modelo (Java J2EE), controlador
(Servlet) e viso (pginas JSP);
Data Access Object (DAO): padro de projeto de
software para acessar fontes de dados;
As linguagens de programao utilizadas no projeto
foram a JAVA [2], JavaScript, Action Script [4], Java
Server Pages (JSP) e Java Servlet;
Como ambiente de desenvolvimento para a
implementao foi escolhida a IDE Eclipse [5] para
desenvolvimento JAVA, bem como o FlashDevelop que
proporciona uma interface para o desenvolvimento de
projetos na linguagem de programao ActionScript; e
A biblioteca FLARToolKit [1] e o renderizador de
objetos virtuais Papervision3D [3].

Figura 4. Diagrama de sequencia para associar um modelo e marcador

Por fim, o usurio poder visualizar o ambiente

aumentado configurado. Como pode-se observar na Figura 5,
o usurio aciona a opo para visualizar a associao. Em
seguida, o gerador faz a leitura do XML de configurao
gerado, encaminhando as informaes para a aplicao o
mdulo visualizador (aplicao flash). Por fim, o ambiente
aumentado faz a leitura das informaes do XML, como qual
modelo e marcador devem ser carregados e quais interaes
atribuir. A partir da, o usurio pode interagir com a cena.

IV. ARQUITETURA
A arquitetura do WARGEN composta por dois
mdulos: gerador e visualizador.
O gerador tem o cdigo fonte implementado na
linguagem de programao Java sobre a plataforma J2EE [2]
com o uso de Java Server Pages (JSP) e Servlets e tem como
objetivo receber os parmetros informados pelo usurio e
salvar no banco de dados.
Para o modulo visualizador, foram utilizadas as
bibliotecas FLARToolKit [1], Papervision3D [3] e a
linguagem de programao Action Script [4] na sua
implementao, e tem como objetivo interpretar as

configuraes salvas pelo modulo gerador e apresentar o

ambiente virtual ao usurio.
Como observado na Figura 6 a seguir, o usurio
comunica-se com a interface grfica apresentada. Os dados
informados so interpretados pelo mdulo gerador e, aps
validados por regras e negcio, so persistidos no banco de
dados. Ao mesmo tempo, um XML de configurao
gerado, contendo as informaes referentes a associao
entre o modelo virtual e marcador. O objetivo do XML
informar ao mdulo visualizador os parmetros que devem
ser utilizados para configurar o ambiente virtual, como quais
arquivos deve carregar ou quais interaes atribuir. Por fim,
o visualizador apresenta ao usurio o ambiente virtual
configurado:

as opes download para baixar e excluir para remover o

registro:

Figura 7. Envio de um arquivo com Marcador Fiducial e Modelo Virtual.

Para enviar um arquivo ao WARGEN, basta selecionar a

opo enviar localizado na tela de arquivos. Ao selecionada,
esta opo disponibiliza um formulrio simples com uma
opo para o usurio selecionar um arquivo do disco rgido
(do usurio). A Figura 8 a seguir ilustra um exemplo de um
modelo virtual sendo selecionado para ser enviado:

Figura 6. Arquitetura do WARGEN

O mdulo visualizador no acessa o banco de dados, e

por isso necessrio criar o XML com os parmetros de
configurao. A razo disso manter o mdulo visualizador
focado apenas no seu objetivo principal: apresentar o
ambiente virtual aumentado ao usurio.
Todos os arquivos enviados pelo usurio so
armazenados diretamente no disco rgido. Por motivos de
desempenho e facilidade de acesso pelo mdulo
visualizador, estes arquivos no so armazenados no banco
de dados.
Figura 8. Arquivo selecionado para adicionar ao WARGEN

V.

DETALHES DA IMPLEMENTAO E RESULTADOS

Quando o usurio acessa o WARGEN, uma pgina

inicial apresentada para o usurio, contendo o painel do
usurio, um menu principal e uma rea de contedo.
Para que seja possvel realizar as configuraes do
ambiente virtual, necessrio que o usurio faa login, pois
assim o WARGEN poder determinar para qual usurio as
configuraes e arquivos enviados sero salvos.
O menu principal contm as opes home, arquivo e
associao. Ao selecionar home, o usurio redirecionado
para a tela inicial. Na opo arquivo, ser apresentada ao
usurio uma tela referente aos arquivos enviados, sejam eles
modelos virtuais, marcadores ou qualquer outro arquivo de
preferncia. A Figura 7 apresenta um exemplo de um
marcador e um modelo virtual enviados ao WARGEN, com

Por fim, para visualizar os objetos virtuais em cena,

necessrio realizar a associao entre modelo virtual e
marcador. Para isso, a opo associao no menu principal
apresentar uma tela com uma lista de associaes feitas
pelos usurios . A Figura 9 apresenta uma associao entre o
modelo virtual earth.dae e o marcador hiro.pat, com as
opes visualizar (em destaque) e excluir:

Figura 9. Lista de associaes entre modelo e marcador

A opo associar apresentar uma tela com um

formulrio para realizar a associao entre um modelo e
marcador. Conforme pode-se visualizar na Figura 10, o
usurio pode digitar informaes como a descrio daquela
associao (no caso, Planeta Terra); marcar se a associao
pode ser disponibilizada para outros usurios; selecionar um
modelo e um marcador na lista; marcar algumas interaes
disponveis (movimento, rotao e escala). Acionando a
opo associar ir salvar as configuraes e disponibilizar
para visualizao.

Figura 11. Associao entre modelo e marcador em execuo.

VI.

O projeto WARGEN oferece mais uma opo para o

usurio experimentar aplicaes em realidade aumentada,
permitindo uma criao intuitiva dos ambientes virtuais
aumentados, no necessitando de programao em cdigo.
O projeto ainda precisa de muitas melhorias, tanto da
anlise quanto na programao. Manter o cdigo fonte livre
pode facilitar a rpida evoluo do gerador, levando em
considerao as contribuies de vrios profissionais,
acadmicos e interessados no projeto. Maiores detalhes
podem ser encontrados na pgina do projeto no Google Code
[6].
Este projeto ter como trabalhos futuros, a anlise de
novos requisitos e funcionalidades, aprimorando o
funcionamento do projeto atual.
REFERNCIAS

Figura 10. Formulrio para associao de modelo e marcador.

[1]

Voltando a Figura 3 - tela associaes, ao acionar a

opo visualizar, o WARGEN redireciona o usurio para
uma tela de visualizao do ambiente virtual. A Figura 11
ilustra o resultado final da associao Planeta Terra
apresentado anteriormente.

CONSIDERAES FINAIS E TRABALHOS FUTUROS

[2]

[3]
[4]

[5]

[6]

Saqoosha,
FLARToolKit,
Disponvel
em
<http://saqoo.sh/a/en/flartoolkit/start-up-guide>. Acesso em 25
Novembro de 2011.
Sun, Java 2 Platform, Enterprise Edition (J2EE), Disponvel em <
http://java.sun.com/j2ee/http://java.sun.com/j2ee/>. Acesso em 15
Maro de 2012.
Papervision3D,
Papervision3D,
Disponvel
em
<
http://blog.papervision3d.org/>. Acesso em 5 Maro de 2011.
Adobe, Learning ACTIONSCRIPT 3.0, Disponvel em <
http://help.adobe.com/en_US/as3/learn/as3_learning.pdf >. Acesso
em 5 Maro de 2012.
ECLIPSE, Eclipse IDE for Java EE Developers, Disponvel em:
<http://www.eclipse.org/downloads/packages/eclipse-ide-java-eedevelopers/indigosr1>. Acesso em 12 outubro 2011.
WARGEN
project
page.
Disponvel
em
http://code.google.com/p/wargen/. Acesso em 1 outubro 2012.