Desenvolvendo Aplicações em Media Center Markup Language

Transcrição

1 Desenvolvendo Aplicações em Media Center Markup Language

2 Sumário Motivação O que é o Windows Media Center? Requisitos para o desenvolvimento de aplicações no MCE Windows Media Center Presentation Layer MCML e Elementos da Linguagem Desenvolvimento de um leitor de blogs no MCE

3 Por que TV?

4 Por que TV? O grande companheiro dos brasileiros: Computador 18,6% dos domicílios Televisão 91,4% dos domicílios As pessoas sabem usar a televisão! Fonte: IBGE, Pesquisa Nacional por Amostra de Domicílios

5 Por que TV? Computadores, celulares, Pockets são difíceis para algumas pessoas Dificuldade de visualização Pouca familiaridade com novas tecnologias

6 Uma nova experiência de entretenimento!

7 O que é Windows Media Center?

8 O melhor do computador e da Internet na TV

9 Convergência Digital no MCE Media Center Extenders Windows Media Center PC DVD Player Xbox 360 Set-top-box

10 Requisitos para o desenvolvimento de aplicações no MCE

11 Configuração sugerida Hardware Media Center PC com tuner e controle remoto TVs (padrão e/ou widescreen)

12 Configuração sugerida Software Windows Vista Ultimate ou Home Premium Visual Studio 2005 /.NET 2.0 Windows Media Center SDK

13 Idéias!

14 Windows Media Center SDK We want SDK support for the cool graphic effects you guys have. I really love the way stuff slides and zooms on and off the screen. I want to be able to build something that looks like it's a part of the system, not something bolted onto the side. Michael Schoneman (Desenvolvedor de Software)

15 Windows Media Center SDK Kit de desevolvimento de aplicações para o MCE Ferramentas Media Center Markup Language Preview Tools Media Center Markup Language Verifier Click-To-Record Authoring Wizard Integração com Visual Studio

16 Plataforma.NET

17 Linguagens de Interface Mudanças apenas na interface HTML + Javascript XAML (.NET 3.0) Media Center Markup Language (MCML)

18 Windows Media Center Presentation Layer

19 Tecnologias e Tipos de Aplicações Aplicação Windows Media Center Presentation Layer Conceito Modelo [ Logica e Dado ] Visão [ Interface do Usuário ] Aplicação [ Experiência do Usuário ] Tecnologias Microsoft.NET Framework Código Gerenciado Alguma linguagem.net Windows Media Center Presentation Layer XML Media Center Markup Language (MCML) + = Aplicação Windows Media Center Presentation Layer Assembly Compilado Dynamic Link Library (DLL) Tipo de Aplicação Local Background Web Local Full UX

20 Separação do Modelo e Visão Programador Modelo Colaboração Experiência do Usuário Designer Visão

21 MCML

22 Estrutura de um MCML MCML UI Properties Locals Rules Content

23 Hello World! <Mcml xmlns= <UI> <Content> <Text Content= Hello World! /> </Content> </UI> </Mcml>

24 Elementos MCML

25 Markup Namespaces Namespace default é indicado utilizando o atributo xmlns na raiz da tag <Mcml> O namespace me é usado para referenciar outros recursos dentro do mesmo documento markup O primeiro UI dentro de um documento markup é mostrado

26 <UI> Define uma Interface do usuário Como aparece visualmente Como se comporta Como interage como o código/objetos de dados Demo: 01.UI.Reuse, 02.UI.TypicalItems

27 <Properties> Especifica um conjunto de parâmetros de entrada para o UI Consiste em um tipo, nome e valor padrão Propriedades são compartilhadas entre as instâncias de uma mesma UI Propriedades podem ser marcadas com $Required para indicar sua obrigatoriedade Propriedades mantêm seu estado durante a navegação de páginas Demo: 01.Properties.Intro, 02.Properties.SharedInstance

28 <Locals> Especifica um conjunto de objetos privados Consiste em um tipo, nome e valor padrão Os locals não são compartilhados entre as instâncias de uma mesma UI Pode mudar em tempo de execução Demo: 01.Markup.Locals.mcml

29 <Content> Define o aspecto visual de um UI Somente é permitido um filho direto para o elemento content Dentro dos View Items pode haver outros elementos filhos Demo: 01.Content.ViewItemSampling

30 View Items

31 Text

32 Clip

33 ColorFill

34 Graphic

35 Panel

36 Outros Possíveis View Items Host Acomoda outro UI NowPlaying Indica onde mostrar o vídeo em execução Repeater Repete blocos Scroller Para conteúdos que não cabem dentro da tela

37 <Layout> Posicionamento e dimensionamento de itens é dado por um conjunto de restrições Quando nenhum layout é especificado, um layout padrão é usado Tipos de Layouts Existentes Anchor, Center, Dock, Fill, Grid, Form, HorizontalFlow, VerticalFlow, Rotate e Scale 01.Markup.Content.Layouts.Default, 02.Markup.Content.Layouts.Dock

38 Rules

39 <Rules> Fornece data binding em tempo de execução Permite avaliar o estado no markup sem necessidade de escrita de código Cada regra consiste de condições e ações

40 Rule Types Custom Rules São criadas usando condições e ações Utilizam as condições: Equality, IsType, IsValid e Modified Convenience Rules Pré-definidas inline É a combinação condição-ação de um source e um target Utilizam os elementos: Binding, Condition, Changed e Default Possiveis ações DebugTrace, Invoke, Navigate, PlayAnimation, PlaySound e Set

41 Custom Rules Equality Avalia se o source é igual ao valor dado. IsType Avalia quando o source é do mesmo tipo IsValid Avalia se o source não contem erros e não é nulo Modified Avalia quando um source foi modificado

42 Convenience Rules Default Regra padrão quando nenhuma outra for aplicada Binding Uma condição de mudança e um conjunto de Set actions Condition Uma condição de igualdade e um Set action Changed Uma condição de mudaça e um Set action Demo: 01.Markup.Rules.Default, 02.Markup.Rules.Binding, 03.Markup.Rules.Condition, 04.Markup.Rules.Changed

43 Invoke Usado para invocar métodos Suporta métodos com parâmetros e retorno Parâmetros são passados pelo nome Métodos podem ser invocados de forma síncrona ou assíncrona Demo: 09.Markup.Rules.CustomRule.InvokeAction.mcml

44 Navigate Navega para uma página Suporta navegação http via GET ou POST O Atributo Data do Navigate pode ser usado para passar objetos via http

45 DebugTrace Cria um debugging trace para a regra Qualquer estado da UI pode ser obtido através do Object Path Útil para verificar algum estado interno do markup ou verificar se uma regra está correta Precisa de um debug trace monitor como o Visual Studio debugger window ou DebugView

46 Animações

47 <Animation> Um elemento Animation descreve uma animação associada com um view item Existem 12 tipos de eventos de animação Uma animação é uma seqüência lógica de Keyframes

48 Evento <Animation> - Tipos de Eventos ContentChangeHide Será executado quando O conteúdo do view item se tornar escondido ContentChangeShow O conteúdo do view item se tornar visível GainFocus LooseFocus Hide Show A UI que contem o view item ganhar o foco A UI que contem o view item perder o foco O view item se tornar escondido O view item se tornar visível Demo: Position.mcml, Scale.mcml

49 <Animation> - Tipos de Eventos Evento Alpha Idle Move Rotate Scale Size Será executado quando O valor alpha de um view item mudar Uma view item estiver ociosa Uma view item for movida Uma view item for rotacionada Uma view item mudar a escala Uma view item mudar o tamanho Demo: MergeAnimation.mcml, GainLoseFocus.mcml

50 Vamos Desenvolver!

51 Referências Sites Newsgroups microsoft.public.windows.mediacenter microsoft.public.windows.developer.mediacenter Blogs Outros