Introdução Silverlight Windows Phone

750 visualizações

Publicada em

Publicada em: Tecnologia
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Introdução Silverlight Windows Phone

  1. 1. Introdução aoSilverlight paraWindows PhoneNuno Luz | Mobility Solutions SpecialistMicrosoft Portugal16-04-2012
  2. 2. Agenda• Introdução ao Windows Phone• Ferramentas• Silverlight• Novidades na versão Mango• Novidades na versão Tango• Truques e dicas• App-me-upWindows Phone
  3. 3. Introdução aoWindows Phone
  4. 4. O nosso ecossistema Outlook e Office integrados Integra-secom as suasinfraestrutur as Facilita odesenvolvimento de aplicações empresariaisWindows Phone
  5. 5. O user interfaceWindows Phone
  6. 6. App connectWindows Phone
  7. 7. Live Tiles e notificaçõesWindows Phone
  8. 8. Ferramentas
  9. 9. As melhores ferramentas de desenvolvimentoBeneficios:
  10. 10. Modelos de projecto• O Visual Studio oferece uma série de modelos de projecto• Cada um corresponde a um tipo especifico de aplicação 10 Windows Phone
  11. 11. Modelos de aplicação• “Windows Phone” application – Projecto simples de uma página• “DataBound” application – É um exeplo de aplicação que utiliza databinding• Class Library – Projecto sem UI para conter classes reutilizaveis• “Pivot” application – Aplicação com vários ecrãs onde a navegação é feita na horizontal• “Panorama” application – Aplicação com o fundo panorâmico (na horizontal), que ocupa mais do que um ecrã 11Windows Phone
  12. 12. Tipos de aplicação• Os três tipos de projectos de aplicação oferecem um user interface para diferentes experiências de utilização 12Windows Phone
  13. 13. Expression Blend: Designgráfico• Orientado para os designers, permite importar e criar gráficos e vectores, e ainda criar animações. – O Blend faz parte do SDK. 13Windows Phone
  14. 14. Visual Studio: Criação do código• Um programador pode pegar na base desenhada no Blend e tratar da “canalização” para que a mesma funcione. – O Visual Studio também permite trabalhar o design de uma aplicação mas não de forma tão completa como o 14Windows Phone Expression Blend
  15. 15. Silverlight WindowsPhone
  16. 16. Elementos e o XAML <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0"> <TextBox Height="72" HorizontalAlignment="Left" Margin="8,19,0,0" Name="firstNumberTextBox" Text="0" VerticalAlignment="Top" Width="460" TextAlignment="Center" /> . . . <Button Content="equals" Height="72" HorizontalAlignment="Left" Margin="158,275,0,0" Name="equalsButton" VerticalAlignment="Top" Width="160" Click="equalsButton_Click" /> . . . </Grid>• O XAML é a linguagem que descreve os componentes do interface do Silverlight 16Windows Phone 1
  17. 17. O code behind• Cada página XAML tem associada um ficheiro, denominado de code behind no qual assenta a lógica de programação 17Windows Phone 1
  18. 18. Application ChromeSystem Tray e Application BarSystem Tray Àrea que mostra informações do sistema (reservada ao sistema) O programador pode esconder esta na sua app: Microsoft.Phone.Shell.SystemTray.IsVisible = false;Application Bar Àrea da aplicação onde estão os botões de acesso às tarefas mais comuns da aplicação
  19. 19. Navegação - Application BarUtilizar ApplicationBar em vez decriar um menu próprioAté 4 botões + menu opcionalBasta deslizar a barra para cima demodo a mostrar o menuPode ter opacidade e ficarminimizadoWindows Phone
  20. 20. Application Bar no Xaml<phone:PhoneApplicationPage x:Class=“MyApp.MainPage” … > <phone:PhoneApplicationPage.ApplicationBar> <shell:ApplicationBar x:Name="AppBar" IsMenuEnabled="True"> <shell:ApplicationBar.Buttons> <shell:ApplicationBarIconButton x:Name="NewContactButton" IconUri="Images/appbar.new.rest.png" Text="New" Click="NewContactButton_Click"/> <shell:ApplicationBarIconButton x:Name="SearchButton" IconUri="Images/appbar.feature.search.rest.png" Text="Find" Click="SearchButton_Click"/> </shell:ApplicationBar.Buttons> <shell:ApplicationBar.MenuItems> <shell:ApplicationBarMenuItem x:Name="GenerateMenuItem" Text="Generate Data" Click="GenerateMenuItem_Click" /> <shell:ApplicationBarMenuItem x:Name="ClearMenuItem" Text="Clear Data" Click="ClearMenuItem_Click" /> </shell:ApplicationBar.MenuItems> </shell:ApplicationBar> </phone:PhoneApplicationPage.ApplicationBar> 20Windows Phone
  21. 21. Navegação• O Silverlight no Windows Phone utiliza um modelo de navegação baseado em páginas – Semelhante ao modelo das páginas de internet – Cada página é identificada por um URI diferente – A navegação é feita com ajuda do botão “Back” – O botão “Back” pode ser contornado – É ainda possível passar dados entre páginasWindows Phone
  22. 22. Navegação não linear• Atenção ao desenhar a aplicação!• Se navegar da „pagina3‟ para a „MainPage‟ e o utilizador tocar no botão Back, o que é que acontece? – O utilizador espera que a aplicação feche? – De facto é levado de novo para a página 3!• Solução: nova API 22 – NavigationService.RemovebacWindows Phone
  23. 23. NavigationService.RemoveBackEntry()• Quando se navega da „Pagina3‟ para a „MainPage‟, deve-se introduzir um marcador na query string: NavigationService.Navigate(new Uri("/MainPage.xaml?homeFromThird=true", UriKind.Relative));• E no método OnNavigatedTo() na MainPage, procura-se pelo marcador, e remove-se a „ Pagina3‟ e „Pagina2‟ do histórico de navegação protected override void history stack): (navigation OnNavigatedTo(System.Windows.Navigation.NavigationEventArgs e ) { if (e.NavigationMode == System.Windows.Navigation.NavigationMode.New && NavigationContext.QueryString.ContainsKey( “homeFromThird" )) { NavigationService.RemoveBackEntry(); // Remove ThirdPage NavigationService.RemoveBackEntry(); // Remove SecondPage } 23Windows Phone
  24. 24. DemoApplicationBar e navegação 24
  25. 25. Novidades no Mango
  26. 26. Windows Phone 7.5 Extras, Tiles Calendar Cloud and Integration Contacts Maps Push, Alerts Services Fast App Switch Silverlight and App UI Model XNA Integration Model Multitasking Gen GC SQL CE Software Architecture Silverlight 4.0 Sockets Hardware Foundation Camera, Sensors & Motion Gyro Flexible chassis
  27. 27. Silverlight Bing Map• Controle do Silverlight Map• Optimizado para Windows Phone – Touch Enabled  Pinch – zoom in/out  Trandução – Cachinghttp://www.microsoft.com/maps/developers/mobile.aspxWindows Phone
  28. 28. Localização no emulador• O emulador do SDK 7.1 do Windows Phone trás um simulador de localização 28Windows Phone
  29. 29. Câmara• É possível capturar uma imagem a partir de uma aplicação• A aplicação também pode apresentar a visualização da •câmara A aplicação pode aceder directamente ao vídeo e mostrar o mesmo para se criar uma aplicação de realidade aumentada ou uma câmara com interface personalizado. • A classe PhotoCamera permite controlar a cârmara e mostrar aWindows Phone no ecrã. mesma 29
  30. 30. Sensores disponíveis• Existem 3 sensores diferentes – Acelerometro – Compasso – Giroscópio• Nem todos os sensores estão disponíveis em todos o telefones – O Giroscópio apenas está disponíveis em telefones com o Mango• Os sensores são utilizados todos da mesma forma: – Despoletam um evento quando têm alguma leituraWindows Phone
  31. 31. A biblioteca de sensores using Microsoft.Devices.Sensors;• Os sensores de movimento estão em Devices.Sensors library• É necessário adicionar uma referência para o projectoWindows Phone
  32. 32. Determinar se os sensores estãodisponíveis if (Gyroscope.IsSupported) { // we have a gyro on the phone }• Todos os sensores expôem a propriedade IsSupported que pode ser utilizada para verificar se o equipamento tem o sensor• Se uma aplicação tentar utilizar um sensor que não esteja disponível ocorre uma excepção: – Testar sempre antes de usar!• Todos os telefones têm acelerómetroWindows Phone
  33. 33. Simulador de movimento• O SDK do Windows Phone tem um simulador que permite testar o código.Windows Phone
  34. 34. DemoMapas, câmara e sensores 34
  35. 35. Novidades no Tango
  36. 36. Tango explicadoEquipamentos de baixo custo paramercados emergentes 23 novos mercados Bahrain, Bulgária, China, Costa Rica, Croacia, Estonia, Islandia, Iraque, Israel, Cazaquistão, Letónia, Lituania, Qatar, Roménia, Arábia Saudita, Eslováquia, Eslovenia, Tailandia, Turquia, EAU, Ucrania, Venezuela e VietnameRequisitos de memória e processador Acomoda processadores 7x27 e 256 MB de memória. Não permite correr Background agents. Windows Phone
  37. 37. Testem o Tango hoje! Instalem o Windows Phone 7.1.1 SDK Update  Download: http://tinyurl.com/cuh8nez  Confirmem que a vossa app correm bem em baixa memória  Adicionem a vossa app a 23 novos mercados!
  38. 38. Recursos e Dicas
  39. 39. Opções de distribuição noMarketplaceWindows Phone
  40. 40. Recursos Mapas http://www.microsoft.com/maps/developers/mobile.aspx App Hub http://create.msdn.com/en-US/ Silverlight Developer Toolkit http://silverlight.codeplex.comWindows Phone
  41. 41. Marketplace Test Kit  Verifica o Xap para ver se passa nos testes de certificação do Marketplace  Fornece detalhes em caso de falha e aponta soluçõesWindows Phone
  42. 42. +RecursosApp Hub http://create.msdn.comTools http://wpdev.ms/wpsdk71rcWP on MSDN Library http://wpdev.ms/wponmsdnWP “How To” Index http://wpdev.ms/wphowtosWP UX Guide http://wpdev.ms/wpuxguideWP P&P Guide http://wpdev.ms/wppnpguideWP Dev Blog http://wpdev.ms/developerblogPorting to WP http://wpdev.ms/portingWP Labs (WP7) http://wpdev.ms/wprtmholsWP Labs (WP7.5) http://wpdev.ms/mangoholWP SL Quick Starts http://wpdev.ms/xamlquickWindows Phone
  43. 43. +Recursos: VideosWP Jumpstart http://wpdev.ms/jumpstartsWP How To Videos http://wpdev.ms/howvidsWP “Absolute http://wpdev.ms/beginvidsBeginners”Inside WP on C9 http://wpdev.ms/insidewpDesign Toolbox http://wpdev.ms/designtbWP Game Dev Vids http://wpdev.ms/gamevidsWP at MIX 11 Vids http://wpdev.ms/wpmix11WP at TENA 11 Vids http://wpdev.ms/wptena11Windows Phone
  44. 44. +Recursos: OutrosApp Hub FAQ http://wpdev.ms/apphubfaqApp Hub Forums http://wpdev.ms/ahforumRegistration http://wpdev.ms/regwalkWalkthroughSubmission http://wpdev.ms/subwalkWalkthroughCert Requirements http://wpdev.ms/certreqWP Samples on http://wpdev.ms/officialsamplesMSDNSL Toolkit for WP http://wpdev.ms/wpsltkAzure Toolkit for WP http://wpdev.ms/wpwaztkWindows Phone
  45. 45. +Recursos: de terceirosSilverlight Show onhttp://www.silverlightshow.net/SearcWP h.aspx?q=%5Bwindows-phone- 7%5DWindows Phone Geek http://www.windowsphonegeek.com /WPDEV on Twitter http://twitter.com/#search?q=wp7de vWPDEV on REDDIT http://www.reddit.com/r/wp7devWPDEV on Stack http://stackoverflow.com/questions/tOverflow agged/windows-phone-7Windows Phone
  46. 46. App me up e MSP
  47. 47. App me up  Formação e tutoriais  Suporte directo  Notícias e novidades em primeira mão  App VIP – ganha um Nokia Windows Phone
  48. 48. Programa Microsoft Student PartnerO programa Microsoft Student Partners destina-se a jovens estudantes, de todoo mundo, com espírito empreendedor, paixão por tecnologia e quedesempenhem um papel activo nas respectivas comunidades académicas.Através da ligação privilegiada que mantém com a Microsoft, as funções doMSP passam por:- Organizar eventos de teor tecnológico;- Divulgar as mais recentes novidades tecnológicas;- Apoiar no desenvolvimento das ideias dos seus colegas;- Participar em projectos de cariz social;- Etc.Em suma, o MSP tem a tarefa de aproximar a sua comunidade académica dastecnologias Microsoft. http://microsoftstudentpartners.com
  49. 49. Q&A
  50. 50. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.© 2011 Microsoft Corporation. All rights reserved.Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in theU.S. and/or other countries.
  51. 51. Contacto• v-nuluz@microsoft.comWindows Phone

×