Visualizador de imagens 360 graus interativas na plataforma Android. Acadêmico: Jorge Luis Iten Júnior Orientador: Dalton Solano dos Reis

Transcrição

1 Visualizador de imagens 360 graus interativas na plataforma Android Acadêmico: Jorge Luis Iten Júnior Orientador: Dalton Solano dos Reis

2 Roteiro Introdução Objetivos Fundamentação Teórica Desenvolvimento Conclusão Extensões Demonstração

3 Introdução Motivação Desenvolvimento para plataforma móvel Aplicativo envolvendo computação gráfica

4 Objetivos Disponibilizar a visualização de imagens 360 graus Utilizar como entrada imagens 360 graus já existentes Disponibilizar funcionalidades que permitam o usuário interagir com o aplicativo Ser desenvolvido na plataforma Android

5 Fundamentação Teórica Projeção de imagens Projeção Cúbica Projeção esférica (equiretangular) Projeção Cilíndrica Projeção fisheye

6 Fundamentação Teórica Plataforma Android Arquitetura: API Java, bibliotecas C/C++ Roda na Máquina Virtual Dalvik Interface simples com os sensores

7 Fundamentação Teórica OpenGL ES Suporte versão 1.0 e 2.0 no Android Versão 2.0 ainda não possui suporte no simulador Suporte nativo no Android ou via interfaces do framework.

8 Fundamentação Teórica OpenGL ES Desenhar objetos Carregar objetos de arquivos externos Desenhar objetos utilizando geometria simples

9 Fundamentação Teórica Trabalhos correlatos PTViewer

10 Fundamentação Teórica Trabalhos correlatos Photoaf 3D

11 Fundamentação Teórica Trabalhos correlatos Web Rotate 360

12 Desenvolvimento Requisitos Funcionais RF01 - Permitir visualizar um panorama de 360 graus já formado, na plataforma Android (Requisito Funcional RF); RF02 - Permitir pelo menos dois formatos de imagens panorâmicas como entrada; RF03 - deverá ter funções básicas de navegação (direita, esquerda, cima, baixo), assim como função de zoom in e zoom out; RF04 - utilizar o multitoque para interagir com as funções do aplicativo;

13 Desenvolvimento Requisitos Não Funcionais RNF01 - Ser desenvolvido na linguagem Java; RNF02 utilizar o Eclipse IDE como ambiente de desenvolvimento, juntamente com o Android SDK; RNF03 ser compatível com o Android 2.2 ou superior ; RNF04 ser compatível com pelo menos um dispositivo móvel que suporte a plataforma Android.

14 Desenvolvimento Especificação uc Use Case Model UC01 - Selecionar imagem para v isuzalização Usuário UC02 - Visualizar imagem panorâmica com toque UC03 - Visualizar imagem panorâmica com o acelerômetro UC04 - Aplicar Zoom na imagem

15 Desenvolvimento Diagrama de pacotes pkg Diagrama de pacotes br.furb.v iew er + FurbViewerActivity + GridViewActivity + InitialActivity br.furb.v iew er.util + FpsCalculator + ImageAdapter + TextureLoader + ViewerSingleton + ViewerUtil + ViewType br.furb.v iew er.renderer + AccelerometerListener + ViewerRenderer + ViewerSurfaceView + ZoomListener br.furb.v iew er.obj ects + Cube + CubeConstants + CustomTexture + Sphere + ViewerObject

16 Desenvolvimento Diagrama de classes class br.furb.v iewer.objects ViewerObject - texbuffer: FloatBuffer - vertexbuffer: FloatBuffer - textures: Hashmap - disableglcubefunctions(gl10) : void + draw(gl10) : void - enablecubetextures(gl10) : void - enablecubevertex(gl10) : void - enableglcubefunctions(gl10) : void CustomTexture - context: Context - id: int - resourceid: int - bitmap: Bitmap + getbitmapimage() : Bitmap + getheight() : int + getid() : int + getwidth() : int Sphere + draw(gl10) : void - buildsphere(context, GL, float, float, int, int) : void Cube + draw(gl10) : void «final» CubeConstants - cubecoords: float[] - depth: float - height: float - width: float - cubetextcoords: float[]

17 Desenvolvimento Diagrama de classes pkg br.furb.v iew er.renderer View ersurfaceview - previousx: float - previousy: float - renderer: ViewerRenderer - TOUCH_SCALE_FACTOR: float {readonly} - scalelistener: ZoomListener + ontouchevent(motionevent) : void View errenderer - anglex: float - angley: float - context: Context - cube: ViewerObject - z: float + ondrawframe(gl10) : void + onsurfacechanged(gl10, int, int) : void + onsurfacecreated(gl10, EGLConfig) : void ZoomListener - mzoomfactor: float + onscale(scalegesturedetector) : boolean + setmzoomfactor(float) : void + getmzoomfactor() : float AccelerometerListener + onaccuracychanged(sensor, int) : void + onsensorchanged(sensorevent) : void

18 Desenvolvimento Técnicas e ferramentas utilizadas Eclipse Android Development Tools (ADT) Simulador do Android SDK Samsung Galaxy Fit

19 Desenvolvimento Implementação Preparação da tela

20 Desenvolvimento Implementação Desenho dos objetos

21 Desenvolvimento Implementação Construção do cubo

22 Desenvolvimento

23 Desenvolvimento Operacionalidade da aplicação Tela Inicial Escolher Imagem

24 Desenvolvimento Operacionalidade da aplicação Imagem projetada Rotação

25 Desenvolvimento Operacionalidade da aplicação Zoom FPS

26 Resultados e Discussão Testes para cada projeção Testes utilizando FPS e Memória heap Testes utilizando o simulador Testes utilizando dispositivo móvel (Samsung Galaxy Fit)

27 Resultados e Discussão Projeção Esférica Teste de FPS utilizando dispositivo móvel Resolução da imagem FPS (média) Total de Pixels 320x x x x x

28 Resultados e Discussão Projeção Esférica Teste de FPS utilizando o simulador Resolução da imagem FPS (média) Total de Pixels 320x x x x x

29 Resultados e Discussão Projeção Esférica Teste de memória heap utilizando o dispositivo Resolução da imagem Memória heap(mb) Total de Pixels 320x x x x x

30 Resultados e Discussão Projeção Esférica Teste de memória heap utilizando o simulador Resolução da imagem Memória heap(mb) Total de Pixels 320x x x x x

31 Resultados e Discussão Projeção Cúbica Teste de FPS utilizando dispositivo móvel Resolução da imagem FPS (média) Total de Pixels 103x x x x x

32 Resultados e Discussão Projeção Cúbica Teste de FPS utilizando o simulador Resolução da imagem FPS (média) Total de Pixels 103x x x x x

33 Resultados e Discussão Projeção Cúbica Teste de memória heap utilizando o dispositivo Resolução da imagem Memória heap(mb) Total de Pixels 103x x x x x

34 Resultados e Discussão Projeção Cúbica Teste de memória heap utilizando o simulador Resolução da imagem Memória heap(mb) Total de Pixels 103x x x x x

35 Resultados e Discussão Comparação entre as projeções Teste de FPS

36 Resultados e Discussão Comparação entre as projeções Teste de memória heap

37 Resultados e Discussão Comparação com os trabalhos correlatos Aplicativo Projeções Captura de Imagens Plataforma Móvel Carregar imagens FurbViewer PTViewer Cúbica, esférica Cilíndrica, esférica não sim não não não sim PhotoAF Cilíndrica sim sim sim Web Rotate? sim não sim

38 Conclusão Estudo do OpenGL ES na plataforma Android Simulador limitado na parte gráfica API estável e bem documentada Objetivos atingidos Implementação adicional

39 Extensões Incluir captura de imagens Carregamento dinâmico de imagens Adicionar mais projeções Transformar em framework

40 Demonstração