A apresentação está carregando. Por favor, espere

A apresentação está carregando. Por favor, espere

P ROGRAMAÇÃO PARA D ISPOSITIVOS M ÓVEIS - U SANDO A C ÂMERA Prof. Angelo Augusto Frozza, M.Sc.

Apresentações semelhantes


Apresentação em tema: "P ROGRAMAÇÃO PARA D ISPOSITIVOS M ÓVEIS - U SANDO A C ÂMERA Prof. Angelo Augusto Frozza, M.Sc."— Transcrição da apresentação:

1 P ROGRAMAÇÃO PARA D ISPOSITIVOS M ÓVEIS - U SANDO A C ÂMERA Prof. Angelo Augusto Frozza, M.Sc.

2 R OTEIRO Introdução API de Câmera do PhoneGap Atividade prática

3 I NTRODUÇÃO Para adicionar o suporte a Câmera fotográfica no app HTML 5 híbrido é necessário usar a API específica do PhoneGap. API de Câmera do PhoneGap Recursos possíveis: Tirar fotos com a Câmera Utilizar fotos armazenadas em um álbum de fotos no DM Alterar diversas configurações

4 I NTRODUÇÃO O que é necessário para a app: Código HTML 5 JQuery Mobile (3 arquivos) API de Camera do PhoneGap (cordova.x.x.x.js) Para testar: Armazenar o código no GitHub Gerar o app com o PhoneGap Build Testar o app em um DM (ou em um emulador*)

5 API DE C ÂMERA DO P HONE G AP Capturar fotos Usar o método para capturar fotos ou recuperar uma foto de um álbum do DM Camera.getPicture(onCaptureSuccess, onCaptureError, [cameraOptions]) A imagem é retornada como uma String base64 encoded ou como a URI para um arquivo de imagem.

6 API DE C ÂMERA DO P HONE G AP Capturar fotos Camera.getPicture(onCaptureSuccess, onCaptureError, [cameraOptions]) Parâmetros (*) : onCaptureSucess – função callback que fornece a imagem onCapureError – função callback que fornece uma mensagem de erro cameraOptions – parâmetros opcionais para customizar a configuração da câmera (quality, destinationType, sourceType, allowEdit, encondingType, targetWidth, targetHeight, mediaType, correctOrientation, saveToPhotoAlbum, popoverOptions).

7 API DE C ÂMERA DO P HONE G AP Capturar fotos Camera.getPicture(onCaptureSuccess, onCaptureError, [cameraOptions]) Parâmetros (*) : onCaptureSucess – função callback que fornece a imagem onCapureError – função callback que fornece uma mensagem de erro cameraOptions – parâmetros opcionais para customizar a configuração da câmera (quality, destinationType, sourceType, allowEdit, encondingType, targetWidth, targetHeight, mediaType, correctOrientation, saveToPhotoAlbum, popoverOptions). (*) OBSERVAÇÃO: As configurações dependem do suporte fornecido por cada DM. Caso o DM não suporte determinada configuração, ela será ignorada.

8 API DE C ÂMERA DO P HONE G AP Capturar fotos Especificamente para iOS, usar o método Camera.cleanup(onSuccess, onError) para remover arquivos temporários criados pela aplicação.

9 API DE C ÂMERA DO P HONE G AP Capturar fotos Observações: A qualidade de imagem das fotos tiradas com a câmera em DM mais novos é muito boa; As imagens do álbum de fotos não serão alteradas a uma qualidade inferior, mesmo se um parâmetro de qualidade é especificado; Codificar imagens usando Base64 tem causado problemas de memória em alguns DM (iPhone 4, BlackBerry Torch 9800) Portanto, é altamente recomendável utilizar 'Camera.destinationType‘ = FILE_URI.

10 A TIVIDADE PRÁTICA Criar um app HTML 5 que utilize os recursos da Câmera do DM. Para realizar esta atividade você deve: a) Preparar o ambiente para testes Identificar e instalar um emulador de Android no computador. P.ex.: YouWave - emula de modo bastante preciso todo o universo do Android SDK Android – permite emular todas as versões do Android; BlueStacks - apenas emula aplicativos do Android; WindowsAndroid - transforma o computador em um aparelho Android quase completo; Fazer um pequeno relato sobre os emuladores testados EXTRA: encontrar emulador para outras plataformas (WP, iOS).

11 A TIVIDADE PRÁTICA b) Seguir um dos tutoriais indicados Exemplo de API de Câmera do PhoneGap* using-a-device-camera-and-edit-zoom-and-crop-the PhoneGap – API Reference – Camera

12 A TIVIDADE PRÁTICA c) Criar uma aplicação própria Por exemplo: O espelho Salvar e visualizar fotos de imóveis App apenas para acessar a câmera (sem fim específico)

13 R EFERÊNCIAS PARA CONSULTA Exemplo de API de Câmera do PhoneGap* photo-using-a-device-camera-and-edit-zoom-and-crop-the PhoneGap – API Reference – Camera Camera Como rodar programas do Android no Windows android-no-windows.htm

14 R EFERÊNCIAS PARA CONSULTA Guia: Emulando Android no Windows (2.3/3.0/4.0/4.2) emulando-android no-windows/ Aprenda a rodar o emulador do Android no Windows do-android-no-windows.html MobiWiki

15 R EFERÊNCIAS PARA CONSULTA Instalando PhoneGap com Eclipse IDE: preparando o ambiente para programação Android no Windows ide-preparando-o-ambiente-para-programacao-android/ Getting started with PhoneGap in Eclipse for Android phonegap-in-eclipse-for-android.html Apache Cordova

16 R EFERÊNCIA DO PROFESSOR Exemplo Aula011-Camerab https://github.com/aafrozza/aula011-Camerab/tree/master


Carregar ppt "P ROGRAMAÇÃO PARA D ISPOSITIVOS M ÓVEIS - U SANDO A C ÂMERA Prof. Angelo Augusto Frozza, M.Sc."

Apresentações semelhantes


Anúncios Google