Desenvolvimento de soluções de Realidade Aumentada para a Internet

Documentos relacionados
Desenvolvendo Aplicações de Realidade Aumentada para Web

DESENVOLVIMENTO DE UMA ARQUITETURA PARA DISTRIBUIÇÃO DE REALIDADE AUMENTADA NA WEB APLICADA AO ENSINO DE MOTORES DE CORRENTE CONTÍNUA

Plataformas Compatíveis

APLICAÇÕES MULTIMÍDIA AULA 1. Estrutura do curso e conceitos fundamentais. professor Luciano Roberto Rocha.

Plataformas Compatíveis

Lançamento Oblí quo - RA

Módulo I - Introdução. Faculdade Christus Sistemas de Informação 24/09/2010. Carlos Eugênio Torres Engenheiro de Informática

SISTEMA DE GERENCIAMENTO DE CONTEÚDO DE PÁGINAS WEB UTILIZANDO FLEX. Orientador: Prof. Francisco Adell Péricas Aluno: Michel Scoz

Resolução de Problemas Passo-à-passo

Desenvolvendo Aplicações de Realidade Aumentada para Web

(Visualizar versões remotas do NodeJs) $ nvm ls-remote Obs.: várias versões escolher/copiar a última versão LTS para instalação

Configuração do Apache Cordova Lab. 13. Prof. Bruno C. Vani

Manual de Instalação da Leitora para cartão e-cpf e Instrução para assinatura digital (SGP-e)

UMA PROPOSTA DE MIDDLEWARE PARA DISTRIBUIÇÃO DE REALIDADE AUMENTADA PELA WEB COMO FERRAMENTA DE APOIO PARA EDUCAÇÃO A DISTÂNCIA

Programação para Dispositivos Móveis

WARGEN: Gerador de Aplicações em Realidade Aumentada na Web

14. CONEX Produto Resumo Expandido - ISSN

Imagem retirada do site:

Ângelo Lovatto Éderson Ferreira Taiane Ramos

AULA 11 DESENVOLVIMENTO DE GAMES UTILIZANDO O HTML5

Mconf - Novo sistema de webconferência da RNP

Primeiros Passos para o Desenvolvimento de Aplicações Móveis na Plataforma Android. Odette Mestrinho Christian Reis 1

Manual de usuário. Figuras

REALIDADE AUMENTADA APLICADA AO ENSINO E APRENDIZAGEM DE INSTALAÇÕES ELÉTRICAS

Desenvolvimento de Software I

Dominando Action Script 3

MASTERSAF DFE MANUAL REQUISITOS E SIZING

Linguagem de Programação II Programação Orientada a Objetos. Ambientes de Programação

Ferramenta 1 -NetBeans 8.0

Instalando o Eclipse e o Android

Manual de Instalação do Módulo de Segurança MMA SISGEN

Dreamweaver CS5 Plano de Aula - 24 Aulas (Aulas de 1 Hora).

D esen v olv e n d o Si s t emas com. Daniel Pace Schmitz. Novatec

Plano de Aula - Dreamweaver CS5 - cód Horas/Aula

INTERATIVIDADE E ENTRETENIMENTO WEB AULA 1. Estrutura do curso e conceitos fundamentais. professor Luciano Roberto Rocha.

Daniel Pereira prof. Dalton S. dos Reis

VisEdu-MAT: Visualizador de material educacional, módulo de matemática

TUTORIAL DE CONFIGURAÇÃO DE WEBCAM E HEADSET P/ USO EM COMPUTADORES WINDOWS SOLUÇÃO DE VIDEOCONFERÊNCIA

Android OLÁ MUNDO MÓVEL. Prof. Dr. Joaquim assunção.

Programação para Dispositivos Móveis

DESENVOLVENDO APLICAÇÕES MULTIPLATAFORMA PARA DISPOSITIVOS MÓVEIS UTILIZANDO IONIC E PHONEGAP

Guia de Instalação II. Instalação e Administração do Fluig. Título do documento

O que é a assinatura digital?... 3

APLICAÇÕES MULTIMÍDIA AULA 3. aplicações 3D e Realidade Aumentada. professor Luciano Roberto Rocha.

Scopia Desktop Client do CFN

INFORMÁTICA Aula demonstrativa

Guia para Criativos em HTML5 ABRIL

Dreamweaver CS6 Plano de Aula - 24 Aulas (Aulas de 1 Hora).

Mozilla Firefox CARREIRA POLICIAL

Informática Parte 25 Prof. Márcio Hunecke

ÍNDICE. 1. Requisitos de Sistema para o curso Smart English

Desenvolvendo aplicações Java

Preparação do ambiente para desenvolvimento em Java

Guia para Criativos em HTML5 ABRIL

Animação 2D. Sistemas de Informação e Multimédia Módulo 5

TUTORIAL DE INSTALAÇÃO E USO DO OWL-S COMPOSER utilizando o Eclipse Galileo Modelling Tools

USO DA REALIDADE AUMENTADA EM AUXÍLIO À EDUCAÇÃO

Procedimento de instalação do Oracle EBS da Mundial

Palavras-Chave Conhecimento, Ligações Químicas, Realidade Aumentada, Realidade Virtual.

Bom, o Flex proporciona, de acordo com a criatividade do desenvolvedor ou designer, um resultado final fantástico!

4.0 SP2 ( ) maio P Xerox FreeFlow Core Express Guia de Instalação

1. Sobre o MConf O Mconf é um sistema de conferência web, baseado em software livre, com capacidade de interoperar transparentemente entre computadore

Índice. 1. Introdução Instalação: Eclipse e Android Primeira aplicação em Android... 11

Instruções de Operação

PROCEDIMENTOS NO WINDOWS VERSÃO

FAQ Perguntas Frequentes

Karen Frigo Busolin Abril/2011

Realidade aumentada para aplicações web e mobile

Alexandre S. Spengler Monica C. Lima Antônio José Resende

DVR com mensagem no monitor Fora de escala ou Video is out of range ou unscaled

DreamweaverCC Plano de Aula - 24 Aulas (Aulas de 1 Hora).

Plano de Aula - DreamWeaver CC - cód Horas/Aula

Introdução 1 PARTE I: A LINGUAGEM DA WEB 5

AWP PROVEDOR DE SERVIÇOS DE SOFTWARE

Tutorial da ferramenta de modelagem ASTAH (Versão resumida) Prof. Moacyr Franco Neto

INSTALAÇÃO DO PROCESSOR BI 6.0

Uso de Realidade Aumentada na melhoria do processo de ensino-aprendizagem de motores elétricos

MANUAL DE INSTALAÇÃO SISTEMA DE GERÊNCIA CONSCIUS

Desenvolvimento de Aplicações Móveis com HTML5

INSTALAÇÃO E CONFIGURAÇÃO

Leonardo Zorzo Carbone. Orientador: Adilson Vahldick

ActionScript ACTIONSCRIPT ACTIONSCRIPT -1-

SMART Notebook família de produtos

PhoneGap - Apache Cordova Mobile Framework

Para quem não quiser testar estes procedimentos, e não se importa em manter uma versão antiga do Java, informo que testamos com alguns clientes a tran

1.5 PROGRAMAÇÃO DE JOGOS EM AMBIENTE DE REA LIDADE AUMENTADA AMBIENTES INTEGRADOS DE DESENVOLVIMENTO DE JOGOS 19

Objetivos. Responder o que é Java; Mostrar as vantagens e desvantagens do Java; Compilar e executar um programa simples.

Ferramentas Web, Web 2.0 e Software Livre em EVT

Manual de Instalação Digital Signage

Interação em Ambiente de Realidade Aumentada Usando o Controle Remoto do Nintendo Wii

CONCEITOS BÁSICOS SOBRE NODE.JS

Introdução a ActionScript 3.0

Roteiro de instalação

Luz,C âmera, Ação! Introdução ao Java

Curso: Especializado Web Design

Cópia de Contatos. Celulares Smartphones Tablets SIMs. (C) 2013 Maine Avenue Technologies - All rights reserved

Console de Gerenciamento. 1. Baixe o instalador através do site de acordo com o manual descrito anteriormente.

Manual do Usuário. Uma plataforma:

CODEPASS Documento de Visão

Requisitos do sistema para o Qlik Sense. Qlik Sense February 2018 Copyright QlikTech International AB. Todos os direitos reservados.

Transcrição:

Mini-curso: 6º Workshop de Realidade Virtual e Aumentada Desenvolvimento de soluções de Realidade Aumentada para a Internet 29/10/2009 - Santos/SP Prof. Dr. Alexandre Cardoso Prof. PhD. Edgard Lamounier Prof. Esp. Eduardo Santos

Roteiro Introdução Modelos Collada e MD2 Ambiente de Desenvolvimento Primeira Aplicação Interação com Teclado

RA Primeira parte: INTRODUÇÃO Flash Aplicações

Realidade Aumentada Fonte: saqoosha.net

FLARToolKit Versão em AS3 do ARToolkit; Reconhece o marcador na imagem de entrada; Calcula a orientação e a posição do mundo 3D baseado na posição do marcador; Não desenha o mundo 3D; Mas é compativel com a maioria das engines 3D para flash (Papervision3D, Away3D, Sandy, Alternativa3D).

Papervision3D Engine para desenvolvimento de ambientes 3D; Surgiu em 2005; Grande comunidade de desenvolvedores; Ótimo desempenho.

ActionScript - Evolução ActionScript 1.0 (2000-2003): Incremento das actions do Flash 4; Influenciado pelo JavaScript e ECMA-262 (4ª ed.). ActionScript 2.0 (2003-2006): Verificação de tipos, classes, herança, polimorfismo; Segue o padrão ECMAScript (4ª ed.); Ainda faz uso de invocações de técnicas e métodos legados (OOP). this.createemptymovieclip() onpress onrelease ao invés de ao invés de new MovieClip() addeventlistener

ActionScript - Evolução ActionScript 3.0 (2006 - hoje): A linguagem é reestruturada; Nova máquina virtual (AVM2); Flash Player 9 e ambiente de execução Flex 2.0; Suporte a packages, namespaces e expressões regulares; Sistema de manipulação de eventos unificado; Parecida com Java e C++; Melhor performance em relação às versões anteriores.

Flash Player Máquina virtual usada para executar arquivos SWF; Suporta a linguagem ActionScript (AVM); No inicio: Hoje: Desenvolvido para exibir animações bi-dimensionais; RIA; Aplicações 3D RV e RA.

Flash Player - Compatibilidade Disponível como plugin para diversos navegadores: Firefox, Konqueror, Opera, Safari e Internet Explorer. Cada versão possui compatibilidade reversa; É bastante difundido: 99% dos browsers dos países desenvolvidos; 97% dos browsers dos países em desenv. WRVA 2009 - Santos/SP Fonte: http://www.adobe.com/products/player_census/flashplayer/

Flash Player - Aplicações 3D Lançamento do Flash Player 9 (Junho de 2006): Suporte ao AS3; Sem APIs para simulação do eixo Z; Surgem as bibliotecas para renderização de objetos 3D (Ex.: Papervision3D TM ). Lançamento do Flash Player 10 (2008): Efeitos 3D nativos; Melhoramentos na performance; (2009) Plugin para SO Linux x64; Mas... as bibliotecas para renderização de objetos 3D ainda são preferidas.

Aplicações Campanha VectraGT Remix http://www.gtremix.com.br/

Aplicações Campanha GE Plug in to the Smart Grid http://ge.ecomagination.com/smartgrid/#/augmented_reality

Segunda parte: AS3 Libs Flex SDK AMBIENTE DE DESENVOLVIMENTO RV e RA

Pré-requisitos Hardware: Webcam. Software: SO: WinXP, Vista; Java 1.6+; Microsoft.NET 2.0 Runtime; Flash Player 9+ Debugger.

Outros programas e bibliotecas Flex SDK 3.0; FlashDevelop 3.0.4+; Papervision TM e FLARToolkit;

Configurando o Ambiente Flex SDK 3.0 Disponível em: http://opensource.adobe.com/wiki/display/flexsdk/ Instalação: Copiar a pasta Flex3 para C:\Flex3.

Configurando o Ambiente FlashDevelop 3.0.4+ Disponível em: http://www.flashdevelop.org/ Instalação: Execute o instalador com as opções padrão.

Configurando o Ambiente Papervision3D e FLARToolkit Disponível via svn em: http://papervision3d.googlecode.com/svn/trunk/ http://www.libspark.org/svn/as3/flartoolkit/ Instalação: Copiar a pasta AS3Libs para c:\

Configurando o Ambiente Configurando o FlashDevelop Acesse o menu Tools : Program Setings/AS3Context: Flex SDK Location: C:\Flex3; Program Setings/FlashViewer: External Player Path: C:\Flex3\runtimes\player\10\win\FlashPlayer.exe; Global Classpaths (AS3 Context): Add Classpath: C:\AS3Libs\PV3D C:\AS3Libs\Flartoolkit

Testando o ambiente Copiar a pasta workspace para c:\workspace; Abrir o projeto SampleProject e executar.

Flex SDK Terceira Parte PRIMEIRA APLICAÇÃO AS3 1ª App

Objetivos Codificar as classes base para uma aplicação de Realidade Aumentada; Criar um marcador; Criar a primeira aplicação utilizando formas básicas.

ARAppBase Leitura dos arquivos do marcador e camera; Configuração do Flartoolkit; Configuração da Webcam.

PV3DARApp Criação do ambiente de RA para o PV3D.

Acesse: Criando um Marcador http://flash.tarotaro.org/blog/2009/07/12/mgo2/

Flex SDK Quarta Parte AS3 INTERAÇÃO COM TECLADO Interação

Objetivo Inserir interação com o teclado em uma aplicação de RA.

Flex SDK Quinta Parte AS3 Modelos 3D UTILIZANDO MODELOS COLLADA E MD2

Objetivo Carregar modelos Collada (COLLAborative Design Activity) e MD2 (Quake); Executar animações.

Obrigado! Contato: eduardo@mestrado.ufu.br

Referências Adobe (2009), Flash Player Penetration, Disponível em: <http://www.adobe.com/products/player-census/\flashplayer/>. Acesso em: 13 de agosto. 2009. Greene, J. (2007), The Road to Actionscript 3, Web site article, Disponível em: <http://www.digital-web.com/articles/the-road-to-actionscript-3/>. Acesso em: 21 de agosto. 2009. Moock, C. (2007), Essential ActionScript 3.0, O'Reilly. Tondeur, P. & Winder, J. (2009), Papervision3D Essentials, Packt Publications.