Apresentação utilizada em workshops ministrados em grandes empresas do Brasil, onde apresento a Plataforma Xamarin e todo o conjunto de recursos, incentivando a sua adoção e utilização em projetos e times de desenvolvimento móvel.

1. PLATAFORMA
XAMARIN
William S. Rodriguez
Arquiteto de Soluções no Grupo Viceri
wrodriguez@viceri.com.br

2. Agenda
Desenvolvimento mobile;
Por que criar aplicações nativas;
A Plataforma Xamarin e código
compartilhado;
Clico de vida de aplicativos e DevOps;
Xamarin e Microsoft;
Xamarin no Grupo Viceri

3. DESENVOLVIMENT
O MOBILE
Arquiteturas e modelos de
desenvolvimento

4. 2012

5. 2014

6. http://bit.ly/mobile-social-data

7. O mesmo aplicativo várias vezes
Abordagem
de Silos
Java
Eclipse
Android App
C#
Visual Studio
Windows App
Objective-C
XCoce
iOS App

8. Três vezes mais problemas
• Perfis diferentes de profissionais;
• Investimento em hardware diferentes;
• Linguagens incompatíveis entre si (JAVA, Objective C, C#);
• Sobrecarga na Gestão;
• Dificuldades para execução de Teste;
• Maior tempo para lançamento de novas funcionalidades.

9. Então vamos começar pelo mais fácil
• Aplicativos Android custam de 2 a 3 vezes mais
para desenvolver do que Aplicativos iOS;
• Fragmentação de ambiente (8 versões do OS e
mais de 7mil dispositivos diferentes);
• Produtividade;
• API’s mais complexas (difíceis de utilizar);

10. Dispositivos Android

11. * Mesmo se você tiver o mesmo esforço
de desenvolvimento para todas as três
plataformas ainda terá três meses
de projeto
* Utopia
1 Mês iOS + 2 Meses para Android = 1 projeto de 3 meses;

12. Abordagem da “caixa mágica preta”
• Experiência do usuário pobre
• Não utiliza toda a capacidade de recursos das
plataformas de forma homogenia;
• Apresenta problemas de compatibilidade e
performance;
• Difícil manutenção e debug;
• Alta taxa de abandono e desperdício de
investimento
Black Box

13. Escreva uma vez e execute em qualquer
dispositivo
Interfaces fora
do padrão
Performance
não nativa
Acesso a API’s
limitados

14. Mas o HTML5 vai nos salvar!?
"The biggest mistake we made as a
company was betting too much on
HTML5 rather than native"
- Mark Zuckerberg

15. Mas o HTML5 vai nos salvar!?
HTML5 APP NATIVA

16. Por que criar
App’s Nativas?

17. “As pessoas esperam uma grande
experiência em dispositivos Mobile”
- Miguel de Icaza

18. Aplicações Nativas
Interface de usuário Nativa
High-fidelity API Access
Native Performance
App’s são construídas utilizando interface e ,
controles padrão permitindo interações fáceis e
familiares
App’s têm acesso a toda a gama de funcionalidade
exposta pela plataforma independente de dispositivo
App’s tiram vantagem de aceleração de hardware
e recursos específicos da plataforma, e são
compilados como binários nativos, não
interpretadas em tempo de execução.

19. A PLATAFORMA
XAMARIN
Código NATIVO compartilhado

20. Xamarin Utiliza uma Abordagem Única
Criar aplicações nativas iOS, Android,
Mac e Windows utilizando C#.

21. Por que Xamarin?
Mobile Enterprise Application Platform
Construa App's Nativas Teste Monitore

22. Código C#
Compartilhado no Backend
Xamarin
Android C# UI Windows C# UIiOS C# UI

23. API's Windows

24. iOS API's 100% de Cobertura

25. Android API's 100% de Cobertura

26. Não só Smartphones e Tablets
Nearables
Xamarin.Robotics
Wearables
http://bit.ly/xamarin-nearables
http://bit.ly/xamarin-robotics
http://bit.ly/xamarin-wearables

27. Por que Xamarin?
Compartilhe o código que faz sentido, tire
vantagem da UX nativa de cada plataforma.

28. Compartilhamento de Código
• Compartilhar apenas o core da
aplicação;
• Interface Nativa;
• Cria a interface de acordo com as
características de cada plataforma.
• Abuso das características do
dispositivo;
• 100% de compatibilidade;
C#
Backend
70%
C# UI
30%
Media de Compartilhamento

29. Desenvolvimento Acelerado com
Compartilhamento de Código
Estatísticas de construção utilizando código compartilhado com Xamarin, para um aplicativo
simulador de circuitos em tempo real utilizado para desenha circuitos analógicos e digitais.
User Interface Code
App Logic
70%
30%
86%
14%
85%
15%
88%
12%
{ iOS } { Android } { Windows RT } { OS X }
http://icircuitapp.com/

30. 50 milhões de linhas de código
compartilhado
• Precisavam de uma solução escalável para
aplicativos nativos em múltiplas plataformas.
• Aplicativos originais construídos utilizando
abordagem de silos. Equipe era incapaz de
entregar novos recursos em todas as
plataformas simultaneamente.
• Custos elevados para desenvolvimento e
manutenção de aplicativos.

31. 50 milhões de linhas de código
compartilhado
Utilizando Xamarin
Rdio agora compartilha mais de 50 milhões
linhas código de C # através iOS, Android e
Windows, permitindo que eles se concentrem
em recurso de paridade e experiência do
usuário.
“Rdio’s mobile app is also the best looking and best
implemented of the three [music streaming apps reviewed]”
– Wired

32. Xamarin é Código Nativo
• Interoperabilidade com qualquer linguagem;
• Utilizar bibliotecas Android e iOS de forma nativa;
• Debug de objetos Java e Objective C.
• Executa código Java e Objective C
• Empacota e disponibiliza uma aplicação nativa única;
• Posso utilizar Binding para bibliotecas e objetos Java (JAR);
• Não é possível fazer fora de framework nativo.

33. Performance Nativa
App’s construídas com Xamarin são nativas pois utilizam código
nativo.
Xamarin.iOS executa compilação Ahead Of
Time (AOT) produzindo o binário (.app) ARM
para Apple App Store.
Xamarin.Android tira vantage da compilação
Just In Time (JIT) nos dispositivos Android.

34. Qualquer coisa que você conseguir fazer
utilizando Objective-C, Swift, ou Java! Pode ser
feita com C# e Xamarin no Visual Studio

35. Visual Studio como IDE
• Todas as funcionalidades do
Visual Studio disponíveis
• Help, debug, intelisense,
refactor, watch, etc...
• Debugar código nativo;
• Integração com TFS.

36. Visual Studio como IDE
• Desenho de telas integrado (iOS, Android e Windows Phone)
• Gerenciar dependências via
NuGet ou NuGet privado;
• Uso de uma única linguagem
de desenvolvimento C#;
• Suporte a PCL;
• DLL portáveis.

37. Integração com Mac (build host)
• Licenciamento da Apple requer um Mac para Build e teste de
aplicativos iOS.

38. Xamarin Android Designer
• Integração completa com
Visual Studio;
• Drag and drop de
componentes;
• Muilti edit.

39. Xamarin iOS Designer
• Integração completa com
Visual Studio;
• Suporte a StoryBoard;
• Suporte a auto-layout;
• Live preview para controles
customizados.

40. Por que C#?
C Hash Tag ou dó sustenido?

41. C# roda em 2.5 Bilhões
de dispositivos
De computadores, smarthphones, tablets até consoles de jogos
como PS4

42. C#
• Suporte a Linq e Lambdas;
• Eventos e delegates;
• Paralelismo;
• Programação Assíncrona;
• Generics;
• Métodos anônimos;
var doc = Xdocument.Load(utl);
foreach(var item in doc.Root.Elements()) {
var text = item.value;
}
from p in Table<Pessoa>()
where p.ID == id
select p;
button.TouchUpInside += (s,o) => {
message.Text = “Olá!”;
}
from item in itens.AsParallel()
let result = VaiDemorarUmPouco(item)
select result;
var client = new HttpClient();
Task<string> getStringTask = client.
GetStringAsync(“http://viceri.com.br”);
E por ai vai...

43. C# é mais produtivo
Menos código mais resultado

44. Objective-C C# com Xamarin

45. Java C# com Xamarin

46. C# Linguagem Conhecida
Uso de mão de obra já qualificada;
Sem necessidade de treinamento para utilizar o
framework;
Utilizar componentes de mercado ou comunidade;
Reaproveitamento de legado.

47. Xamarin Scanner (C#)
Verificar compatibilidade do seu .exe ou .dll;
Identifica as dependências;
Verificar o quão o código é compatível para as
plataformas iOS, Android e Windows;
Fornece um relatório de compatibilidade.
http://scan.xamarin.com

48. Xamarin Mobile API
API’s comuns a todos os dispositivos, expostas
em um namespace único;
Xamarin.Mobile, é a mesma API para as 3
plataformas;
Contatos, camera e geolocalização.
* Roadmap inclui notificações e acelerômetro

49. 70% de compartilhamento
de código não é
suficiente!?

50. XAMARIN
FORMS
Até 99% de
compartilhamento
de código

51. Construa interfaces Nativas para iOS, Android e
Windows Phone a partir de uma única base de
código C# compartilhada.

52. Xamarin + Xamarin Forms
Xamarin.Forms - Interface do usuário compartilhada C#
Código C#
Compartilhado no Backend

53. Escrever uma vez só a
interface que é reutilizada
nas 3 plataformas.

54. Xamarin Forms
• Maximiza o compartilhamento de código entre plataformas;
• Mais de 40 controles, páginas e layouts;
• Construa interfaces usando C# ou XAML;
• Two-way Data Binding;
• Navegação, animação, mensageria.

55. Xamarin Forms Xaml
• Uso de XAML para especificar as telas;
• Binds automatizados;
• Sem código C# para update de interface;
• DataBind com MVVM;
• Customização por Extensões.
* Breve um Design de telas

56. Xamarin Forms
Pages
Layouts

57. Xamarin Forms
Controles

58. C# XAML
Button btn = new Button {
Text = "Clique aqui!",
Rotation = 180,
IsVisible = true,
HorizontalOptions = LayoutOptions.Center,
VerticalOptions = LayoutOptions.Center,
TextColor = Color.Gray,
BorderColor = Color.FromHex("#000000"),
Font = Font.SystemFontOfSize(NamedSize.Medium,
FontAttributes.Italic)
};
<Button Text="Clique aqui!"
Rotation=“180"
IsVisible=“true"
HorizontalOptions=“Center"
VerticalOptions=“Center"
TextColor=“Gray"
BorderColor=“#000000"
Font=“Italic,Medium" />

59. Mesmo código,
três plataformas

60. Compatibilidade e
Atualizações?

61. Compatibilidade e Atualizações
• Tudo que está no iOS 8 (no mesmo dia)
• 100% suportado pelo Xamarin Designer
• Android L
• 100% de suporte
• Única solução Cross-plataforma a suportar Wearables
• 100% de suporte ao GoogleGlass e Android Wear
• Única solução Cross-plataforma a suportar Amazon Fire
TV

62. Xamarin Player
Emuladores nativos não são performáticos

63. Xamarin Player
• Boot mais rápido;
• Windows e iOS;
• Drag and drop para instalar
Apps;
• Aceleração gráfica;
• ADB Sync
• Muilt Touch;

64. O Mais rápido do mercado
1565
1853
65
GOOLE NEXUS 4 XAMARIN ANDROID
PLAYER
GOOGLE EMULATOR
GeekBench 3 Mult-core

65. Xamarin Component Store
• Diretório de
componentes pagos e
gratuitos.

66. DevOps e ALM
Plataforma corporativa
suportando o clico de vida de
aplicações mobile

67. Todo o clico de vida de um Aplicativo
• Reaproveitamento de Código;
• Especificação;
• Gestão;
• Construção da Interface;
• Compilação;
• Automação de testes;
• Teste na Nuvem;
• Deploy Automatizado;
• Rastreamento e Monitoramento de aplicações;

68. Automação de Testes
• Todo o Ciclo de Automação de testes suportado;
• Testes unitários;
• Teste de Integração;
• Teste de Interface.
• Praticas com TDD, Integração Contínua, Refatoração, etc;
• Casos de Testes rodam no emulador ou no próprio dispositivo.

69. Xamarin Test Cloud
• Testar aplicações de
Local (nuvem privada);
• Testar aplicações na
nuvem de dispositivos
da Xamarin
• Parallel Test.
https://testcloud.xamarin.com/devices

70. DevOps
• De acordo com o processo
definido pela equipe;
• CI, gated, etc..

71. Integração Continua
• Team City
• TFS
• Jenkins
• Travis

72. TFS
• Integrado ao Visual Studio
• Integração ao Xamarin
TestCloud

73. Mac Build (iOS)

74. CI e Monitoramento

75. Xamarin Insights Analytics
• Rastreamento e Log da App;
• Crash Report;
• Monitoramento das sessões;
• Integração com bugreport;
• Integração com CI;

76. Xamarin Profiler (beta)
• Call Stack;
• Consumo de memória;
• Tempo de execução;
• Alocação de memória;
• Snapshot da memória;
• Visualização de todos os objetos em
memória.

77. Xamarin e Microsoft
Parceria estratégica

79. Tecnologias Microsoft
async
PCL &
Shared
Projects

80. Parceria Global com Microsoft
• Suporte ao Visual Studio 2013 e 2015;
• Oferta especial para MSDN Subscribers
• Preços especial
• Versão Trial de 90 dias
• .NET Foundation
• 27 projetos Open Source Microsoft e Xamarin
• .NET Compiler Plataform “Roslyn”
• Xamarin’s MimeKit and Mailkit

81. Xamarin
no Grupo Viceri
1. Protótipo construído pelo
design de UX;
2. Arquiteto define diretivas
e organização do projeto;
3. Time de desenvolvimento
C# constrói o aplicativo;
4. Arquitetura apoia o
processo de DevOps;

82. OBRIGADO
William S. Rodriguez
Arquiteto de Soluções no Grupo Viceri
wrodriguez@viceri.com.br