Introdução aoSilverlight paraWindows PhoneNuno Luz | Mobility Solutions SpecialistMicrosoft Portugal16-04-2012
Agenda• Introdução ao Windows Phone• Ferramentas• Silverlight• Novidades na versão Mango• Novidades na versão Tango• Truqu...
Introdução aoWindows Phone
O nosso ecossistema  Outlook e    Office integrados Integra-secom as suasinfraestrutur     as   Facilita odesenvolvimento ...
O user interfaceWindows Phone
App connectWindows Phone
Live Tiles e notificaçõesWindows Phone
Ferramentas
As melhores ferramentas de desenvolvimentoBeneficios:
Modelos de projecto• O Visual Studio  oferece uma  série de modelos  de projecto• Cada um  corresponde a  um tipo  especif...
Modelos de aplicação• “Windows Phone” application    –   Projecto simples de uma página• “DataBound” application    –   É ...
Tipos de aplicação• Os três tipos de projectos de aplicação oferecem  um user interface para diferentes experiências de  u...
Expression Blend: Designgráfico• Orientado para os designers, permite importar e  criar gráficos e vectores, e ainda criar...
Visual Studio: Criação do código• Um programador pode pegar na base desenhada  no Blend e tratar da “canalização” para que...
Silverlight WindowsPhone
Elementos e o XAML <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">     <TextBox Height="72" HorizontalAlignme...
O code behind• Cada página XAML tem associada um ficheiro,  denominado de code behind no qual assenta a  lógica de program...
Application ChromeSystem Tray e Application BarSystem Tray   Àrea que mostra informações do sistema   (reservada ao sistem...
Navegação - Application BarUtilizar ApplicationBar em vez decriar um menu próprioAté 4 botões + menu opcionalBasta desliza...
Application Bar no Xaml<phone:PhoneApplicationPage  x:Class=“MyApp.MainPage”  … > <phone:PhoneApplicationPage.ApplicationB...
Navegação• O Silverlight no Windows Phone  utiliza um modelo de navegação  baseado em páginas    –   Semelhante ao modelo ...
Navegação não linear• Atenção ao desenhar a  aplicação!• Se navegar da „pagina3‟ para  a „MainPage‟ e o utilizador  tocar ...
NavigationService.RemoveBackEntry()• Quando se navega da „Pagina3‟ para a „MainPage‟,  deve-se introduzir um marcador na q...
DemoApplicationBar e navegação                             24
Novidades no Mango
Windows Phone 7.5                               Extras, Tiles                                                      Calenda...
Silverlight Bing Map• Controle do Silverlight Map• Optimizado para Windows Phone    – Touch Enabled        Pinch – zoom i...
Localização no emulador• O emulador do SDK 7.1 do Windows Phone trás  um simulador de localização                         ...
Câmara• É possível  capturar uma  imagem a partir  de uma aplicação• A aplicação   também pode   apresentar a   visualizaç...
Sensores disponíveis• Existem 3 sensores diferentes    –   Acelerometro    –   Compasso    –   Giroscópio• Nem todos os se...
A biblioteca de sensores using Microsoft.Devices.Sensors;• Os sensores de  movimento estão em  Devices.Sensors library• É ...
Determinar se os sensores estãodisponíveis if (Gyroscope.IsSupported) {     // we have a gyro on the phone }• Todos os sen...
Simulador de movimento• O SDK do  Windows Phone  tem um  simulador que  permite testar o  código.Windows Phone
DemoMapas, câmara e sensores                           34
Novidades no Tango
Tango explicadoEquipamentos de baixo custo paramercados emergentes   23 novos mercados       Bahrain, Bulgária, China, Cos...
Testem o Tango hoje!   Instalem o Windows Phone 7.1.1 SDK Update      Download: http://tinyurl.com/cuh8nez      Confirm...
Recursos e Dicas
Opções de distribuição noMarketplaceWindows Phone
Recursos Mapas http://www.microsoft.com/maps/developers/mobile.aspx App Hub http://create.msdn.com/en-US/ Silverlight Deve...
Marketplace Test Kit                        Verifica o                         Xap para ver                         se pa...
+RecursosApp Hub              http://create.msdn.comTools                http://wpdev.ms/wpsdk71rcWP on MSDN Library   htt...
+Recursos: VideosWP Jumpstart         http://wpdev.ms/jumpstartsWP How To Videos     http://wpdev.ms/howvidsWP “Absolute  ...
+Recursos: OutrosApp Hub FAQ            http://wpdev.ms/apphubfaqApp Hub Forums         http://wpdev.ms/ahforumRegistratio...
+Recursos: de terceirosSilverlight Show onhttp://www.silverlightshow.net/SearcWP                 h.aspx?q=%5Bwindows-phone...
App me up e MSP
App me up   Formação e tutoriais   Suporte directo   Notícias e novidades em primeira mão   App VIP – ganha um Nokia ...
Programa                                 Microsoft Student                                           PartnerO programa Mic...
Q&A
The information herein is for informational purposes only and represents the current                            view of Mi...
Contacto• v-nuluz@microsoft.comWindows Phone
Upcoming SlideShare
Loading in...5
×

Introdução Silverlight Windows Phone

501

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
501
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
17
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Once you have picked your theme you can then create an application based on that.
  • If you have time you can create a default application of each kind.
  • Make the point that these are fundamentally the same, in that they are created and managed in exactly the same way.Also make the point that the screens above have been entirely created by the Silverlight templates that are provided as part of Visual StudioThe folder Application Types provides each of the above projects, if you have time to show them in action you can.
  • Make the point that we will be going into more detail on expression blend in the Advanced Silverlight section, for now we are going to focus on how Silverlight works.
  • Make the point that you can create UIs any way you want:Drag components onto the design surface.Use the XAML language to specify the design of the application.Create components “on the fly” in your code. Silverlight supports all these ways of working, and all have their place.
  • Make the point that XAML is text based. It is what Expression Blend produces and it is also produced by the design surface in Visual Studio.
  • Make the point that XAML is text based. It is what Expression Blend produces and it is also produced by the design surface in Visual Studio.
  • Note that the sensors library is not automatically loaded when the program is built.
  • Make the point that you must always check to see if the sensor is there before you use it.There is a software and a hardware thing here. Pre mango phones are fitted with a compass which can now be used.Post mango phones may also have a gyroscope.Make the point that you might find it useful to implement an Accelerometer as a fallback.
  • 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
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×