Protótipo de uma aplicação rica de internet para monitoramento de vídeo através de streaming e Silverlight

Transcrição

1 Protótipo de uma aplicação rica de internet para monitoramento de vídeo através de streaming e Silverlight Thiago da Silva Negherbon Acadêmico Roosevelt dos Santos Júnior Orientador

2 Roteiro Introdução Objetivos do trabalho Fundamentação teórica RIA, Silverlight, XAML, streaming, compressão, DirectShow, trabalhos correlatos Desenvolvimento do protótipo Requisitos principais, especificação, implementação, resultados e discussão Conclusão Extensões Roteiro 2 de 63

3 Introdução Introdução 3 de 63

6 Objetivos do trabalho Introdução Objetivos do trabalho 6 de 63

7 Fundamentação teórica Fundamentação teórica 7 de 63

8 Rich Internet Application Fundamentação teórica Rich Internet Application 8 de 63

11 Silverlight Fundamentação teórica Silverlight 11 de 63

15 extensible Application Markup Language <UserControl... > <StackPanel Background="White"> <ContentControl Content="Default" Style="{StaticResource Header}" /> <inputtoolkit:timepicker> </inputtoolkit:timepicker> <ContentControl Content="Open on Button Hover" Style="{StaticResource Header}" /> <inputtoolkit:timepicker PopupButtonMode="Hover"/> <ContentControl Content="Using the Range Popup" Style="{StaticResource Header}" /> <inputtoolkit:timepicker Format="Long"> <inputtoolkit:timepicker.popup> <inputtoolkit:rangetimepickerpopup /> </inputtoolkit:timepicker.popup> </inputtoolkit:timepicker> </StackPanel> </UserControl> Fundamentação teórica extensible Application Markup Language 15 de 63

16 Streaming Fundamentação teórica Streaming 16 de 63

17 Compressão Fundamentação teórica Compressão 17 de 63

18 Compressão Aplicação Taxa de dados Descomprimido Comprimido Voz 64 kbps 2 4 kbps Vídeo conferência (15 fps) tamanho do quadro 352 x 240, 24 bits/pixel Transmissão de vídeo (30 fps) tamanho do quadro 720 x 480, 24 bits/pixel Televisão de alta definição (59,94 fps) tamanho do quadro 1280 x 720, 24 bits/pixel 30,41 mbps kbps 248,83 mbps 3 8 mbps 1,33 gbps 20 mbps Fundamentação teórica Compressão 18 de 63

19 DirectShow Fundamentação teórica DirectShow 19 de 63

20 DirectShow Fundamentação teórica DirectShow 20 de 63

21 Trabalho de Merege Neto (2004) Fundamentação teórica Trabalhos correlatos Trabalho de Merege Neto (2004) 21 de 63

22 Trabalho de Carlassara (2009) Fundamentação teórica Trabalhos correlatos Trabalho de Carlassara (2009) 22 de 63

23 Desenvolvimento do protótipo Desenvolvimento do protótipo 23 de 63

24 Requisitos funcionais RF01: A aplicação cliente deve disponibilizar um painel que ocupe o maior espaço possível da janela do navegador onde o usuário poderá interagir. Desenvolvimento do protótipo Requisitos principais Requisitos funcionais 24 de 63

25 Requisitos funcionais RF02: A aplicação cliente deve disponibilizar um quadro para cada streaming de câmera que estiver recebendo. Desenvolvimento do protótipo Requisitos principais Requisitos funcionais 25 de 63

26 Requisitos funcionais RF03: A aplicação cliente deve possuir um menu onde podem ser escolhidas as câmeras escondidas que se deseja restaurar. Desenvolvimento do protótipo Requisitos principais Requisitos funcionais 26 de 63

27 Requisitos funcionais RF04: A aplicação cliente deve permitir redimensionamento e movimentação livres (limitado pelo tamanho do painel) de cada quadro de câmera. Desenvolvimento do protótipo Requisitos principais Requisitos funcionais 27 de 63

28 Requisitos funcionais RF05: A aplicação cliente deve permitir fechar cada quadro de câmera. Desenvolvimento do protótipo Requisitos principais Requisitos funcionais 28 de 63

29 Requisitos funcionais RF06: A aplicação cliente deve permitir parar e continuar a exibição das imagens de cada janela de câmera. Desenvolvimento do protótipo Requisitos principais Requisitos funcionais 29 de 63

30 Requisitos funcionais RF07: A aplicação servidora deve ler a entrada de cada câmera conectada ao computador. Desenvolvimento do protótipo Requisitos principais Requisitos funcionais 30 de 63

31 Requisitos funcionais RF08: A aplicação servidora deve processar os dados e criar o streaming de vídeo de cada câmera. Desenvolvimento do protótipo Requisitos principais Requisitos funcionais 31 de 63

32 Requisitos funcionais RF09: A aplicação servidora deve disponibilizar os streamings para leitura na internet. Desenvolvimento do protótipo Requisitos principais Requisitos funcionais 32 de 63

33 Diagrama de casos de uso Desenvolvimento do protótipo Especificação Diagrama de casos de uso 33 de 63

34 Diagrama de classes Captura Desenvolvimento do protótipo Especificação Diagrama de classes Diagrama de classes Captura 34 de 63

35 Diagrama de classes Cliente.Web Desenvolvimento do protótipo Especificação Diagrama de classes Diagrama de classes Cliente.Web 35 de 63

36 Diagrama de classes Cliente Desenvolvimento do protótipo Especificação Diagrama de classes Diagrama de classes Cliente 36 de 63

37 Diagrama de sequência Desenvolvimento do protótipo Especificação Diagrama de sequência 37 de 63

38 Leiaute da interface Desenvolvimento do protótipo Especificação Leiaute da interface 38 de 63

39 Tecnologias e ferramentas utilizadas Desenvolvimento do protótipo Implementação Técnicas e ferramentas utilizadas 39 de 63

42 Operacionalidade da implementação Operacionalidade do caso de uso UC01 Desenvolvimento do protótipo Implementação Operacionalidade da implementação 42 de 63

47 Resultados e discussão Desenvolvimento do protótipo Resultados e discussão 47 de 63

48 Resultados e discussão RF01: A aplicação cliente deve disponibilizar um painel que ocupe o maior espaço possível da janela do navegador onde o usuário poderá interagir. Desenvolvimento do protótipo Resultados e discussão 48 de 63

49 Resultados e discussão RF02: A aplicação cliente deve disponibilizar um quadro para cada streaming de câmera que estiver recebendo. Desenvolvimento do protótipo Resultados e discussão 49 de 63

50 Resultados e discussão RF03: A aplicação cliente deve possuir um menu onde podem ser escolhidas as câmeras escondidas que se deseja restaurar. Desenvolvimento do protótipo Resultados e discussão 50 de 63

51 Resultados e discussão RF04: A aplicação cliente deve permitir redimensionamento e movimentação livres (limitado pelo tamanho do painel) de cada quadro de câmera. Desenvolvimento do protótipo Resultados e discussão 51 de 63

52 Resultados e discussão RF05: A aplicação cliente deve permitir fechar cada quadro de câmera. Desenvolvimento do protótipo Resultados e discussão 52 de 63

53 Resultados e discussão RF06: A aplicação cliente deve permitir parar e continuar a exibição das imagens de cada janela de câmera. Desenvolvimento do protótipo Resultados e discussão 53 de 63

54 Resultados e discussão RF07: A aplicação servidora deve ler a entrada de cada câmera conectada ao computador. Desenvolvimento do protótipo Resultados e discussão 54 de 63

55 Resultados e discussão RF08: A aplicação servidora deve processar os dados e criar o streaming de vídeo de cada câmera. Desenvolvimento do protótipo Resultados e discussão 55 de 63

56 Resultados e discussão RF09: A aplicação servidora deve disponibilizar os streamings para leitura na internet. Desenvolvimento do protótipo Resultados e discussão 56 de 63

57 Resultados e discussão Características técnicas dos equipamentos utilizados: computador notebook modelo Dell Vostro 1310; sistema operacional Microsoft Windows 7 Professional 64-bit Service Pack 1; processador Intel Core 2 Duo T Ghz; memória RAM 4.0 gigabytes DDR Mhz; placa de vídeo NVIDIA GeForce 8400M GS; resolução de vídeo 1280 x 800 pixels com taxa de atualização de 60 Hz e profundidade de cores de 32 bits; disco rígido de 80 Gb; câmera USB com resolução de vídeo 320 x 240 pixels e captura de 30 quadros por segundo; câmera USB com resolução de vídeo 640 x 480 pixels e captura de 30 quadros por segundo. Desenvolvimento do protótipo Resultados e discussão 57 de 63

58 Resultados e discussão Funcionalidade Este protótipo Trabalho de Carlassara WebCam Monitor 5.24 de DeskShare Incorporated Armazenamento das imagens Compressão de vídeo Detecção automática de novas câmeras Detecção de movimentos Movimentação remota das câmeras Transmissão através da internet Transmissão de áudio Transmissão em tempo real Visualização de múltiplas câmeras simultaneamente Visualização em dispositivo móvel Visualização no navegador Desenvolvimento do protótipo Resultados e discussão 58 de 63

59 Conclusões Conclusões 59 de 63

60 Conclusões Utilização de tecnologias RIA, compressão de vídeo e streaming Dificuldade em integrar os componentes do DirectShow.NET Documentação escassa a respeito das tecnologias de compressão e streaming Orientação a objetos e estratégia de divisão das tarefas do sistema em módulos Conclusões 60 de 63

61 Extensões Conclusões Extensões 61 de 63

62 Extensões Interface utilizando a tecnologia HTML 5 Controlar remotamente o ângulo de visão de cada câmera Capturar e transmitir áudio Controlar o zoom da imagem produzida em cada câmera. Gravar as imagens obtidas de cada câmera. Conclusões Extensões 62 de 63

63 Obrigado!