Coletânea de Aplicativos para Windows Phone

Coletânea de Aplicativos para Windows Phone

Edições Brasil Jundiaí/SP www.edicoesbrasil.com.br sac@edicoesbrasil.com.br

Faculdade de Tecnologia de Jundiaí CARLOS EDUARDO SCHUSTER CLÁUDIO LUIS VIEIRA OLIVEIRA LUCIANA FERREIRA BAPTISTA ORGANIZADORES AUTORES: Profa. Dra. Viviane Rezi Dobarro Prof. Ms. Carlos Eduardo Schuster Prof. Ms. Cláudio Luís V. Oliveira Profa. Ms. Luciana Ferreira Baptista Profa. Ms. Adaní Cusin Sacilotti Profa. Ms. Ângela Cristina de Oliveira Lühmann Prof. Ms. Benedito Cristiano Aparecido Petroni Amanda Mayara de Araujo George Petz Gustavo da Silva Oliveira João Henrique Felício Barreto Kelly Sabará Rafael de Oliveira Sales Reginaldo Bernardo Antonietti Coletânea de Aplicativos para Windows Phone 1ª Edição Jundiaí/SP Edições Brasil 2013

Edições Brasil - 2013 Supervisão: Marlene Rodrigues da Silva Aguiar Capa e figuras : Cláudio Luis Vieira Oliveira Editoração Eletrônica: João José Ferreira de Aguiar Revisão ortográfica: Organizadores da Obra Conselho Editorial: Prof. Ms. João José Ferreira de Aguiar Prof. Ms. João Carlos dos Santos Profª Dra. Teresa Helena Buscato Martins Todos os direitos reservados e protegidos pela Lei 5988 de 14/12/1973. Todas as informações contidas nesta obra são de exclusiva responsabilidade dos autores. As figuras deste livro foram produzidas pelo autor Cláudio Luis Vieira Oliveira. Nenhuma parte deste livro poderá ser reproduzida ou transmitida por qualquer tipo de meio empregado (eletrônicos, mecânicos, fotográficos, fotocópias, digitalização, gravação, ou qualquer outro), sem previa autorização por escrito da editora. O mesmo se aplica às características gráficas e à editoração eletrônica desta obra. Alguns nomes de empresas e respectivos produtos e/ou marcas foram citadas apenas para fins didáticos, não havendo qualquer vínculo das mesmas com a obra. Dentro dos códigos de programação, algumas palavras não foram acentuadas por questões técnicas relacionadas ao hardware e/ou softwares utilizados pelos leitores. A editora e os autores acreditam que todas as informações apresentadas nesta obra estão corretas. Contudo, não há qualquer tipo de garantia de que o uso das mesmas resultará no esperado pelo leitor, principalmente por se tratar de linguagem de programação. Caso seja(m) necessária(s), a editora disponibilizará errata(s) em seu site. Dados Internacionais de Catalogação na Publicação (CIP) OL41c Oliveira, Claudio Luis Vieira Coletânea de Aplicativos para Windows Phone / Cláudio Luis Vieira Oliveira, Carlos Eduardo Schuster, Luciana Ferreira Baptista - Jundiaí: Edições Brasil, 2013. 168 p. : il. ISBN: 978-85-65364-17-1 1. Linguagem - Windows Phone. 2. Programação. I. Schuster, Carlos Eduardo. II. Baptista, Luciana Ferreira. III. Título CDD: 005.133 Bibliotecária responsável Marinês de Campos Ribeiro CRB8/7227 Depósito legal na Biblioteca Nacional, conforme Decreto 1.823/1907. Versão eletrônica - e-book sac@edicoesbrasil.com.br - www.edicoesbrasil.com.br

Coletânea de Aplicativos para Windows Phone Sumário 1. Prefácio... 7 2. A Faculdade de Tecnologia de Jundiaí (FATEC Jundiaí)... 9 3. Introdução... 11 4. Desenvolvimento para Windows Phone... 13 5. Área Geométrica... 19 6. Carrossel... 27 7. Controle de Ciclo Menstrual... 31 8. Controle de Glicemia... 39 9. Conversor de Temperatura... 51 10. Cronômetro... 59 11. Desafios de Lógica... 75 12. Diabetes Calculator... 83 13. FuelManager... 91 14. Jogo da Memória... 107 15. RescisãoCLT... 117 16. Tabuada... 125 17. Todos os Aplicativos Desenvolvidos e Publicados... 133 5

Ângela Lühmann, Benedito Petroni e Cláudio Oliveira 6

Coletânea de Aplicativos para Windows Phone 1. Prefácio Prof. Ms. Benedito Cristiano Aparecido Petroni Motivados pelo resultado considerado surpreendente da parceria entre a Faculdade de Tecnologia de Jundiaí (FATEC Jundiaí) e o Instituto Nokia de Tecnologia (INdT), professores e alunos dos Cursos Superiores de Tecnologia em Análise e Desenvolvimento de Sistemas e Gestão da Tecnologia da Informação, elaboraram essa coletânea de aplicativos desenvolvidos como resultado dos dois treinamentos sobre Windows Phone realizados pelo INdT nas dependências da FATEC Jundiaí. Esse curso possibilitou aos participantes da instituição o contato com uma tecnologia cada vez mais crescente na vida das pessoas e no próprio mercado de trabalho. Todos nós sabemos que a comunicação móvel atualmente faz parte da vida de muitas pessoas e está presente em praticamente todos os locais do planeta e em todos os setores. Com isso pode-se afirmar que não se trata apenas de uma invenção bem sucedida a dos dispositivos móveis, mas de uma revolução sem precedentes no que se destina à suas necessidades de uso que possibilita praticidade e disponibilidade de informações. Dentro deste contexto, esta obra apresenta uma série de aplicativos criados, e que tomaram como referência todos os tópicos técnicos abordados durante os treinamentos. Essa obra apresenta vários aplicativos que podem a princípio parecerem simples, e na verdade são, mas muito úteis no dia-a-dia e em um contexto mais abrangente, observa-se que o aproveitamento do recurso tecnológico por mais simples que pareça, pode fazer a diferença para muitas pessoas. Agradecemos primeiramente a Nokia do Brasil, especficamente o Instituto Nokia de Tecnologia (INdT) pela oferta da capacitação técnica especializada, a Direção da FATEC Jundiaí pela oportunidade da realização, aos professores e principalmente aos alunos, pelo empenho, interesse e dedicação, razão da existência de 7

Ângela Lühmann, Benedito Petroni e Cláudio Oliveira toda a comunidade acadêmica da FATEC Jundiaí. Por último, um agradecimento a Allan Bezerra, Gerente de Projetos no Instituto Nokia de Tecnologia e ao Jackson Feijó, Pesquisador do Instituto Nokia de Tecnologia que ministrou os treinamentos na FATEC Jundiaí. 8

Coletânea de Aplicativos para Windows Phone 2. A Faculdade de Tecnologia de Jundiaí (FATEC Jundiaí) Profa. Dra. Viviane Rezi Dobarro Diretora da Faculdade de Tecnologia de Jundiaí A FATEC Jundiaí é uma faculdade pública paulista vinculada ao Centro Estadual de Educação Tecnológica Paula Souza (CEETEPS), que é uma autarquia do Governo do Estado de São Paulo, estando vinculada à Secretaria de Desenvolvimento Econômico, Ciência e Tecnologia. Foi instalada no ano de 2002 na cidade de Jundiaí e conta atualmente com mais de 1.200 alunos. Atualmente contribui para a formação de mãode-obra qualificada no setor de informática, logística, gestão ambiental e eventos. Como uma instituição pública, o ensino da FATEC Jundiaí é gratuito e o ingresso se dá por meio de concurso público (vestibular) semestral, aberto a qualquer pessoa que tenha concluído ou esteja em vias de concluir o Ensino Médio. Atualmente oferece cinco cursos superiores: (Fonte: http://www.vestibularfatec.com.br/) O Tecnólogo em Análise e Desenvolvimento de Sistemas analisa, projeta, documenta, especifica, testa, implanta e mantém sistemas computacionais de informação. Esse profissional trabalha, também, com ferramentas computacionais, equipamentos de informática e metodologia de projetos na produção de sistemas. Raciocínio lógico, emprego de linguagens de programação e de metodologias de construção de projetos, preocupação com a qualidade, usabilidade, robustez, integridade e segurança de programas computacionais são fundamentais à atuação desse profissional. O Tecnólogo em Eventos atua em instituições de eventos, de turismo e em meios de hospedagem, prestando serviços especializados no planejamento, organização e execução de eventos de negócios, sociais, esportivos, culturais, científicos, artísticos, de lazer e outros. Deve ter o domínio dos códigos funcionais e dos processos de interação dinâmica de todos os agentes integrados ao turismo e os variados aspectos culturais, econômicos e sociais da região em que atua, com consciência crítica acerca das orientações éticas, ambientais 9

Ângela Lühmann, Benedito Petroni e Cláudio Oliveira e legais. O Tecnólogo em Gestão Ambiental planeja, gerencia e executa as atividades de diagnóstico, avaliação de impacto, proposição de medidas mitigadoras - corretivas e preventivas -, recuperação de áreas degradadas, acompanhamento e monitoramento da qualidade ambiental. Regulação do uso, controle, proteção e conservação do meio ambiente, avaliação de conformidade legal, análise de impacto ambiental, elaboração de laudos e pareceres são algumas das atribuições deste profissional, podendo elaborar e implantar ainda políticas e programas de educação ambiental, contribuindo assim para a melhoria da qualidade de vida e a preservação da natureza. O Tecnólogo em Gestão da Tecnologia da Informação atua num segmento da área de informática que abrange a administração dos recursos de infraestrutura física e lógica dos ambientes informatizados. O profissional egresso desse curso define parâmetros de utilização de sistemas, gerencia os recursos humanos envolvidos, implanta e documenta rotinas, controla os níveis de serviço de sistemas operacionais e banco de dados, gerenciando os sistemas implantados. O Tecnólogo em Logística é o profissional especializado em armazenagem, distribuição e transporte. Atuando na área logística de uma organização, planeja e coordena a movimentação física e de informações sobre as operações multimodais e intermodais de transporte, incluindo o gerenciamento de pessoas para proporcionar fluxo otimizado ao longo da cadeia de suprimentos. Ele projeta e gerencia redes de distribuição e unidades logísticas, estabelecendo processos de compras, identificando fornecedores, negociando e estabelecendo padrões de recebimento, armazenamento, movimentação e embalagem de materiais. Ocupa-se ainda do inventário e gerenciamento estratégico de estoques, sistemas de abastecimento, programação, monitoramento do fluxo de pedidos, cálculo de custos de fretes e transbordos, sistemas de tráfego e gerenciamento de transportes urbano de carga e passageiros, que envolvam os modais rodoviário, ferroviário, aeroviário, dutoviário e aquaviário. FATEC Jundiaí Av. União dos Ferroviários, 1760. Centro CEP 13201-160 - Jundiaí/SP Tel/Fax: (11) 4522-7549 / 4523-0092 http://www.fatecjd.edu.br 10

Coletânea de Aplicativos para Windows Phone 3. Introdução Prof. Ms. Carlos Eduardo Schuster Prof. Ms. Cláudio Luís V. Oliveira Profa. Ms. Luciana Ferreira Baptista O Windows Phone é o sistema operacional da Microsoft para smartphones que apresenta novos recursos de usabilidade, muitos recursos de integração com computadores Windows e também com o console de jogos XBOX 360. A presente obra apresenta uma coletânea de aplicativos, para o Windows Phone, desenvolvidos pelos professores e alunos da Faculdade de Tecnologia de Jundiaí (FATEC Jundiaí) durante o segundo semestre de 2012 e primeiro semestre de 2013. Os aplicativos resultam da parceria entre o Instituto Nokia de Tecnologia (INdT) e a FATEC Jundiaí a qual propiciou o treinamento de 8 docentes e cerca de 75 alunos dos cursos de Tecnologia em Análise e Desenvolvimento de Sistemas e Gestão da Tecnologia da Informação. Com treinamentos realizados em novembro de 2012 e abril de 2013, ambos ministrados pelo instrutor Jackson Feijó do INdT. Figura 3.1 - Turma de Abril/2013 11

Ângela Lühmann, Benedito Petroni e Cláudio Oliveira Os objetivos principais dos treinamentos ministrados são capacitar o corpo docente e discente no desenvolvimento para Windows Phone, bem como incentivar a criação de aplicativos para esta plataforma, que poderão ser comercializados pelos alunos por meio da loja da Microsoft. Ao todo trinta e um aplicativos foram desenvolvidos e publicados na loja da Microsoft sendo que destes, doze são apresentados em detalhes nesta coletânea. No último capítulo desta obra também se encontram relacionados todos os aplicativos desenvolvidos. 12

Coletânea de Aplicativos para Windows Phone 4. Desenvolvimento para Windows Phone Profa. Ms. Ângela Cristina de Oliveira Lühmann Prof. Ms. Benedito Cristiano Aparecido Petroni Prof. Ms. Cláudio Luís Vieira Oliveira O Windows Phone oferece um conjunto de soluções que facilitam o desenvolvimento de aplicativos para a plataforma. Fundamentado sobre o conceito de desenvolvimento da interface sobre um padrão XML, no caso, o Microsoft Silverlight e utilizando a linguagem de programação C#. Para o desenvolvimento de aplicativos para o Windows Phone é necessário instalar o Visual Studio Express for Windows Phone que encontra-se disponível gratuitamente para download em http://dev. windowsphone.com. A base de funcionamento do Visual Studio é o conceito de projeto. Um Projeto (Project) pode ser entendido como um grupo de classes, formulários e recursos diversos, como arquivos de imagens e sons entre outros, necessários à criação de um programa. Figura 4.1 Localização do Visual Studio 13

Ângela Lühmann, Benedito Petroni e Cláudio Oliveira Desta forma, após abrir o Visual Studio, a primeira etapa na construção de um aplicativo para Windows Phone consiste em realizar a criação de um projeto. Para isso, escolha no menu principal a opção File e depois New Project: Figura 4.2 Modelos de Aplicativos Nosso primeiro exemplo, que será criado com o intuito de ilustrar o funcionamento básico do Visual Studio, consiste em uma Windows Phone Application e será chamada de Ola. Em seguida, selecione a plataforma desejada: Figura 4.3 Definição da Versão do Sistema Operacional 14

Coletânea de Aplicativos para Windows Phone O Visual Studio irá exibir a aplicação criada, a esquerda podemos observar como a mesma será exibida na tela de um smartphone com Windows Phone. A parte central consiste no código fonte da página principal em Silverlight for Windows Phone. Na direita temos a Solution Explorer e a Properties. Figura 4.4 Janela principal do Visual Studio Quando trabalhamos com o Silverlight for Windows Phone, a base de qualquer aplicativo são as páginas XAML (extensible Application Markup Language), que consiste uma linguagem fundamentada sobre XML (extensible Markup Language) e permite a especificação do layout e dos componentes da página. Quando criamos uma página a estrutura básica já é apresentada, desta forma, identifique no código fonte da aplicação o seguinte trecho: <!--LayoutRoot is the root grid where all page content is placed--> <Grid x:name= LayoutRoot Background= Transparent > <Grid.RowDefinitions> <RowDefinition Height= Auto /> <RowDefinition Height= * /> </Grid.RowDefinitions> <!--TitlePanel contains the name of the application and page title--> 15

Ângela Lühmann, Benedito Petroni e Cláudio Oliveira <StackPanel x:name= TitlePanel Grid.Row= 0 Margin= 12,17,0,28 > <TextBlock x:name= ApplicationTitle Text= MY APPLICATION Style= StaticResource PhoneTextNormalStyle /> <TextBlock x:name= PageTitle Text= page name Margin= 9,-7,0,0 Style= StaticResource PhoneTextTitle1Style /> </StackPanel> <!--ContentPanel - place additional content here--> <Grid x:name= ContentPanel Grid.Row= 1 Margin= 12,0,12,0 ></Grid> </Grid> Este código representa a definição dos gerenciadores de layout que serão adotados, este exemplo, Grid e StackPanel. A área reservada para o título da aplicação e para o título da página utilizarão o elemento TextBlock, o qual permite a exibição de texto estático na página. Altere a propriedade Text do TextBlock chamado ApplicationTitle para EXEMPLO DE APLICATIVO e, em seguida modifique a propriedade Text do TexBlock chamado PageName para olá. Após concluir as alterações no programa, gravar as alterações realizadas. O passo seguinte consiste em compilar a solução, para isso, podemos utilizar a opção do menu Build e depois Build Solution, também pode-se utilizar a tecla de atalho F6 para realizar o mesmo processo. Após finalizar a construção da aplicação é importante observar na parte inferior da IDE se ocorreram erros ou avisos. Figura 4.5 Lista de Erros 16

Coletânea de Aplicativos para Windows Phone Quando a compilação não apresentar erros a mesma poderá ser executada através do menu Debug utilizando os itens Start Debugging (F5). O emulador será iniciado e o resultado da execução do programa deverá ser similar ao ilustrado pela Figura 4.6. Figura 4.6 Emulador Vamos adicionar um novo TextBlock ao ContentPanel, conforme mostrado a seguir. <!--ContentPanel - place additional content here--> <Grid x:name= ContentPanel Grid.Row= 1 Margin= 12,0,12,0 > <TextBlock Text= Bem-vindo /> </Grid> Na Figura 4.7 podemos visualizar a execução do aplicativo na tela do emulador, sendo importante observar que todo novo objeto 17

Ângela Lühmann, Benedito Petroni e Cláudio Oliveira da página deve ser colocado dentro do ContentPanel para que seja exibido. Figura 4.7 Tela do aplicativo 18

Coletânea de Aplicativos para Windows Phone 5. Área Geométrica Gustavo da Silva Oliveira Introdução A proposta deste aplicativo é calcular a área geométrica de algumas figuras. O conceito básico consiste no usuário indicar umas das figuras pré-cadastradas: quadrado, triângulo e trapézio dentre outras também, e suas dimensões como, por exemplo, altura, largura e base. A partir disto, o aplicativo tem informações suficientes para efetuar o cálculo e retornar a área da figura. Projeto O elemento principal da aplicação consiste no usuário selecionar qual figura ele deseja calcular a área. Na aplicação o usuário pode calcular a área das seguintes figuras: Figura 5.1 Figuras suportadas pelos aplicativos Após selecionar uma das figuras, o usuário é levado à outra página onde informações sobre como o cálculo é feito serão exibidas, podendo assim entender o conceito e indicar as informações necessárias para que a aplicação efetue o devido cálculo. 19

Gustavo da Silva Oliveira Figura 5.2 - Página do Quadrado Figura 5.3 - Página do Quadrado Figura 5.4 - Área do Quadrado 20 Figura 5.5 Cálculo da Área

Coletânea de Aplicativos para Windows Phone Desenvolvimento Condiderando as dimensões reduzidas da tela de um smartphone, será utilizado um controle do tipo Panorama de forma a conseguirmos maximizar a área da aplicação permitindo, desta forma, realizar a disposição das figuras de modo a não ficarmos limitados exclusivamente à área física da tela. No trecho de programa a seguir, é possível observar a implementação de um PanoramaItem dentro da página MainPage.xaml, dentro deste elemento será utilizado o Grid para organizar as figuras. <!--Panorama item one--> <controls:panoramaitem Header= selecione > <Grid> <Image HorizontalAlignment= Left Height= 150 VerticalAlignment= Top Width= 150 Source= /Img/Quadrado. png Stretch= Fill Margin= 132,0,0,0 Tap= Image_Tap_1 /> <Image HorizontalAlignment= Left Height= 150 VerticalAlignment= Top Width= 400 Source= /Img/Quadrado. png Stretch= Fill Margin= 10,230,0,0 Tap= Image_Tap_2 /> <TextBlock HorizontalAlignment= Left TextWrapping= Wrap Text= Quadrado VerticalAlignment= Top Margin= 126,155,0,0 FontSize= 35 /> <TextBlock HorizontalAlignment= Left TextWrapping= Wrap Text= Retângulo VerticalAlignment= Top Margin= 126,385,0,0 FontSize= 35 /> </Grid> </controls:panoramaitem> O resultado final da página principal, que pode ser observado nas Figuras 5.6, 5.7, 5.8 e 5.9, consistindo em quatro PanoramaItem contendo, cada um, duas figuras. 21

Gustavo da Silva Oliveira Figura 5.6 - Quadrados e Retângulos Figura 5.7 - Círculo e Anel Figura 5.8 - Triângulo e Losango 22 Figura 5.9 Trapézio e Paralelograma

Coletânea de Aplicativos para Windows Phone Uma nova página da aplicação pode ser aberta através do método Navigate disponível na classe NavigationService. A seguir podemos observar seu uso no desenvolvimento do evento Tap da figura Quadrado: private void imgquadrado_tap(object sender, GestureEventArgs e) NavigationService.Navigate(new Uri( /Quadrado.xaml, UriKind.Relative)); Após desenvolver o layout da página principal, vamos definir o layout das páginas secundárias, onde o cálculo vai ser realizado, seguindo o mesmo padrão da MainPage, com PanoramaItem. <!--Panorama item one--> <controls:panoramaitem Header= fórmula > <Grid> <Image HorizontalAlignment= Left Height= 194 VerticalAlignment= Top Width= 192 Source= /Img/Mod/ Quadrado.png /> <TextBlock HorizontalAlignment= Left TextWrapping= Wrap VerticalAlignment= Top Margin= 207,10,0,0 Height= 178 Width= 213 FontSize= 47 > <Run Text= A = Área; /> <LineBreak/> <Run Text= L = Lado; /> <LineBreak/> <Run Text= A = L * L /> </TextBlock> <TextBox HorizontalAlignment= Left Height= 234 TextWrapping= Wrap Text= O Quadrado é uma figura plana que possui quatro lados iguais e quatro ângulos retos (90 ). VerticalAlignment= Top Width= 420 Margin= 0,199,0,0 IsReadOnly= True FontSize= 33 TextAlignment= Left /> </Grid> </controls:panoramaitem> 23

Gustavo da Silva Oliveira <!--Panorama item two--> <controls:panoramaitem Header= calcular > <Grid> <TextBlock HorizontalAlignment= Left TextWrapping= Wrap Text= Insira o valor de L VerticalAlignment= Top FontSize= 40 Margin= 56,10,0,0 /> <TextBox x:name= txtl MaxLength= 6 HorizontalAlignment= Left Height= 94 TextWrapping= Wrap VerticalAlignment= Top Width= 420 Margin= 0,90,0,0 FontSize= 40 TextAlignment= Center InputScope= Number Tap= txtl_tap TextChanged= txtl_textchanged LostFocus= txtl_lostfocus /> <TextBlock x:name= txtbres HorizontalAlignment= Left TextWrapping= Wrap Text= A área é: VerticalAlignment= Top FontSize= 40 Margin= 130,220,0,0 /> <TextBox x:name= txtres HorizontalAlignment= Left Height= 94 TextWrapping= Wrap VerticalAlignment= Top Width= 420 Margin= 0,298,0,0 FontSize= 40 TextAlignment= Center InputScope= Number IsReadOnly= True /> </Grid> </controls:panoramaitem> Cada layout está associado a uma classe C# onde podemos programar diretamente. Nas páginas secundárias, o método Calcular é responsável por fazer o cálculo da área. public partial class Quadrado : PhoneApplicationPage private void calcular() try if ((txtl.text!= ) && (txtl.text!=. ) && (txtl.text!= 0 ) && (txtl.text!= 0.0 )) txtres.text = (Math.Pow((double.Parse( txtl.text)), 2)).ToString(); 24

Coletânea de Aplicativos para Windows Phone catch txtres.text = Desculpe. Não foi possível Calcular ; Quando o usuário digita os valores necessários ao cálculo, automaticamente o método é chamado e o usuário poderá visualizar o resultado da área do objeto escolhido. private void txtl_textchanged(object sender, TextChangedEventArgs e) calcular(); Considerações Finais A aplicação consiste em uma versão do que aprendemos na escola sobre geometria. Apresenta como principais características, a facilidade e a usabilidade. O uso do recurso Panorama View apresenta novas perspectivas em relação ao layout de aplicações, pois, apresenta uma solução bastante funcional em relação às limitações de tamanho de tela existentes nos smartphones. Após o desenvolvimento a aplicação foi submetida e aprovada para publicação no Windows Phone Marketplace, estando disponível para download no endereço http://www.windowsphone.com/pt-br/ store/app/%c3%a1rea-gemom%c3%a9trica/2419a705-ed19-4cb0-8db0-d16495bcfe96 Referências Bibliográficas Microsoft. Windows Phone Dev Center. Disponível em <http://dev. windowsphone.com/en-us>. Acesso em 15 de agosto de 2013. 25

Ângela Lühmann, Benedito Petroni e Cláudio Oliveira 26

Coletânea de Aplicativos para Windows Phone 6. Carrossel Profa. Ms. Luciana Ferreira Baptista Introdução A proposta deste aplicativo é a apresentação dos personagens da novela Carrossel do SBT, com a possibilidade de ouvir a música tema da novela. Projeto O projeto consiste em apresentar os desenhos dos personagens (Figura 6.1) da novela Carrossel em ordem alfabética (Figura 6.2), com a possibilidade de ouvir a música tema Carro Céu quando clicar na imagem da Nota Musical. Figura 6.1 Tela inicial 27

Luciana Ferreira Baptista Figura 6.2 Tela de apresentação dos personagens Clicando-se novamente na imagem da Nota Musical, a música é pausada. Desenvolvimento A aplicação foi desenvolvida para a plataforma Windows Phone e utilizando, para isso, o Silverlight para Windows Phone. Devido às dimensões reduzidas da tela de um smartphone, será utilizado um controle do tipo Panorama de forma a conseguirmos maximizar a área da aplicação permitindo, desta forma, realizar a disposição de todos os personagens. No trecho de programa a seguir, podemos observar a implementação de um PanoramaItem dentro da página MainPage.xaml, dentro desta elemento será utilizado o StackPanel com a propriedade Orientation igual a Horizontal para organizar as imagens dos personagens e o botão que contém a imagem da Nota Musical. 28

Coletânea de Aplicativos para Windows Phone <controls:panoramaitem Header= Personagens > <StackPanel Orientation= Horizontal > <Image Source= /Carrossel;component/imagens/persons. jpg Height= 438 Width= 372 /> <Button Name= btnsom1 Content= som Height= 60 Width= 60 VerticalAlignment= Bottom Click= btnsom_click > <Button.Background> <ImageBrush ImageSource= /Carrossel;component/ imagens/som.jpg Stretch= Uniform /> </Button.Background> </Button> </StackPanel> </controls:panoramaitem> Ao clicar na imagem da Nota Musical é verificado o estado da música, ou seja, se ela deverá iniciar, se ela já iniciou e está pause (portanto deverá voltar do ponto que parou), ou se ela está tocando e deverá pausar: private void btnsom_click(object sender, RoutedEventArgs e) if (MediaPlayer.State == MediaState.Paused) MediaPlayer.Resume(); else if (MediaPlayer.State == MediaState.Playing) MediaPlayer.Pause(); else PlaySound( /carroceu.mp3 ); Para tocar a música pela primeira vez é chamado o método PlaySound, passando a música tema da novela: 29

Luciana Ferreira Baptista public void PlaySound(string pathtomp3) Song song = Song.FromUri( nome, new Uri(pathToMp3, UriKind.Relative)); FrameworkDispatcher.Update(); MediaPlayer.Play(song); Considerações Finais A aplicação consiste em uma versão simples para visualizar os personagens da novela Carrossel, ouvindo também, se desejar, a música tema da novela. Após o desenvolvimento a aplicação foi submetida e aprovada para publicação no Windows Phone Marketplace, estando disponível para download no endereço http://www.windowsphone.com/pt-br/ store/app/carrossel/e4553915-11d7-4088-80ca-87a4c423045a Melhorias futuras na aplicação consistem em acrescentar a descrição das características de cada personagem. Referências Bibliográficas Microsoft. Windows Phone Dev Center. Disponível em <http://dev. windowsphone.com/en-us>. Acesso em 26.ago.2013. SBT. Carrossel. Disponível em <http://www.sbt.com.br/carrossel/ personagens/>. Acesso em 10.mai.2013. 30

Coletânea de Aplicativos para Windows Phone 7. Controle de Ciclo Menstrual Profa. Ms. Adaní Cusin Sacilotti Prof. Ms. Carlos Eduardo Schuster Kelly Sabará Introdução A proposta deste aplicativo é fornecer conforme seu ciclo menstrual, a data aproximada da ovulação e seu período fértil. Embora este método de tabelinha não seja 100% confiável, pode ser utilizado, para se ter uma ideia das datas férteis. Ao ser digitado pelo usuário a data da última menstruação, o aplicativo calcula as datas de início da ovulação, fim da ovulação, dia mais fértil e próxima menstruação. Projeto A aplicação consiste em efetuar cálculos com datas referentes ao período fértil, a partir da data inserida da última menstruação, considerando um ciclo de 28 dias. No campo para inserir a data da última menstruação é oferecido ao usuário um calendário, para que ele selecione o mês, o dia e o ano. Como facilidade para o usuário, é salvo no aplicativo a data da última menstruação. A aplicação possui uma página inicial, contendo as informações do aplicativo, conforme a Figura 7.1. 31

Adaní Cusin Sacilotti, Carlos Eduardo Schuster e Kelly Sabará Figura 7.1 Tela inicial O usuário ao clicar no botão Acessar, irá para a tela de Cálculo do Ciclo, onde deverá informar a data da última menstruação e clicar no botão Calcular Datas, onde serão exibidos os cálculos de acordo com o ciclo de 28 dias, conforme a Figura 7.2. 32

Coletânea de Aplicativos para Windows Phone Figura 7.2 Cálculo do Ciclo Ao clicar no campo para atualizar a data da última menstruação, que exibe a data atual extraída do sistema operacional ou a data da última menstruação gravada no aplicativo, é exibido um calendário para o usuário. Com facilidade, podem-se rolar os meses, dias e anos e selecioná-los (Figura 7.3). 33

Adaní Cusin Sacilotti, Carlos Eduardo Schuster e Kelly Sabará Figura 7.3 - Calendário Ao clicar no botão Calcular Datas, em relação à data digitada da última menstruação, a data de início da ovulação é acrescida de 11 dias. A data de fim da ovulação é acrescida de 17 dias. A data do dia mais fértil á crescida de 14 dias, e a data da próxima menstruação é acrescida de 28 dias. Conforme é exibido na Figura 7.4. 34

Coletânea de Aplicativos para Windows Phone Figura 7.4 Cálculo do Ciclo com os resultados Desenvolvimento A aplicação foi desenvolvida para a plataforma Windows Phone sendo utilizado, para isso, o Silverlight para Windows Phone. Devido aos cálculos efetuados pelo aplicativo com datas, o trecho de programa a seguir exibe a criação da variável dtini, através do DatePicker e sua formatação. <StackPanel x:name= ContentPanel Grid.Row= 1 Margin= 12,0,12,0 > <TextBlock Text= Data da última mestruação: /> <toolkit:datepicker Name= dtini ValueStringFormat= 0:dd-MM-yyyy /> <Button Content= Calcular Datas Click= Button_Click /> <Grid > <TextBlock Text= Inicio da Ovulação Margin= 10,0,142,0 FontSize= 28 /> <TextBlock Name= txtdtinio Height= 38 Margin= 298,0,6,0 TextAlignment= Right FontSize= 28 VerticalAlignment= Top Foreground= #FF760000 /> 35

Adaní Cusin Sacilotti, Carlos Eduardo Schuster e Kelly Sabará <TextBlock FontSize= 28 Margin= 10,46,142,-46 Text= Fim da Ovulação /> <TextBlock Name= txtdtfimo FontSize= 28 Foreground= #FF760000 Height= 38 Margin= 298,46,6,0 TextAlignment= Right VerticalAlignment= Top /> <TextBlock FontSize= 28 Margin= 10,92,142,-46 Text= Dia mais Fértil /> <TextBlock Name= txtdtfertil FontSize= 28 Foreground= #FF760000 Height= 38 Margin= 298,92,6,0 TextAlignment= Right VerticalAlignment= Top /> <TextBlock FontSize= 28 Margin= 10,138,142,-46 Text= Próxima Mestruação /> <TextBlock Name= txtdtprox FontSize= 28 Foreground= #FF760000 Height= 38 Margin= 298,138,6,0 TextAlignment= Right VerticalAlignment= Top /> </Grid> </StackPanel> Após desenvolver o layout da página principal, vamos definir a classe que irá definir os cálculos efetuados referentes ao ciclo menstrual, o carregamento da data da última menstruação gravada no aplicativo ou a data atual extraída do sistema operacional. namespace ciclo public partial class calculo : PhoneApplicationPage public calculo() InitializeComponent(); string text; if (loadtext( diam.txt, out text)) dtini.value = Convert.ToDateTime(text); private void Button_Click(object sender, RoutedEventArgs e) 36