26
Xamarin Mobile Development

Xamarin Mobile Developmentseriai/uploads/Enseignement/MultiPlatefXamarin.pdf · Xamarin Forms Créer rapidement et facilement des interfaces utilisateurs en partageant du code Les

  • Upload
    others

  • View
    8

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Xamarin Mobile Developmentseriai/uploads/Enseignement/MultiPlatefXamarin.pdf · Xamarin Forms Créer rapidement et facilement des interfaces utilisateurs en partageant du code Les

Xamarin Mobile Development

Page 2: Xamarin Mobile Developmentseriai/uploads/Enseignement/MultiPlatefXamarin.pdf · Xamarin Forms Créer rapidement et facilement des interfaces utilisateurs en partageant du code Les

Digital Ecosystem Enabler Reproduction prohibited without permission

Sommaire

Introducing Xamarin

Standard Approach

Xamarin Approach

APIs Coverage

Xamarin Forms

Xamarin Tools

Demo

Q&A

2

Page 3: Xamarin Mobile Developmentseriai/uploads/Enseignement/MultiPlatefXamarin.pdf · Xamarin Forms Créer rapidement et facilement des interfaces utilisateurs en partageant du code Les

Digital Ecosystem Enabler Reproduction prohibited without permission

Introducing Xamarin

Plateforme de développement mobile

Unifie le développement des App en C#

pour les plateformes majeurs

Génère des App entièrement natives – UI

& Performances

Accélère le Time-To-Market par le biais de

partage et réutilisation du code

Les entreprises peuvent exploiter les

compétences, outils, équipes C#

3

Page 4: Xamarin Mobile Developmentseriai/uploads/Enseignement/MultiPlatefXamarin.pdf · Xamarin Forms Créer rapidement et facilement des interfaces utilisateurs en partageant du code Les

Digital Ecosystem Enabler Reproduction prohibited without permission

Native UI : No Compromises

4

Page 5: Xamarin Mobile Developmentseriai/uploads/Enseignement/MultiPlatefXamarin.pdf · Xamarin Forms Créer rapidement et facilement des interfaces utilisateurs en partageant du code Les

Digital Ecosystem Enabler Reproduction prohibited without permission

Standard Development Approach

5

Page 6: Xamarin Mobile Developmentseriai/uploads/Enseignement/MultiPlatefXamarin.pdf · Xamarin Forms Créer rapidement et facilement des interfaces utilisateurs en partageant du code Les

Digital Ecosystem Enabler Reproduction prohibited without permission

Xamarin Approach

6

Page 7: Xamarin Mobile Developmentseriai/uploads/Enseignement/MultiPlatefXamarin.pdf · Xamarin Forms Créer rapidement et facilement des interfaces utilisateurs en partageant du code Les

Digital Ecosystem Enabler Reproduction prohibited without permission

Xamarin Approach : Code Sharing

7

Page 8: Xamarin Mobile Developmentseriai/uploads/Enseignement/MultiPlatefXamarin.pdf · Xamarin Forms Créer rapidement et facilement des interfaces utilisateurs en partageant du code Les

Digital Ecosystem Enabler Reproduction prohibited without permission

Xamarin Approach : How it works ?

8

Xamarin.iOS does full Ahead Of Time

(AOT) compilation to produce an

ARM binary for Apple’s App Store

Xamarin.Android takes advantage

of Just In Time (JIT) compilation on

the Android device

Page 9: Xamarin Mobile Developmentseriai/uploads/Enseignement/MultiPlatefXamarin.pdf · Xamarin Forms Créer rapidement et facilement des interfaces utilisateurs en partageant du code Les

Digital Ecosystem Enabler Reproduction prohibited without permission

APIs Coverage : Windows APIs

9

Page 10: Xamarin Mobile Developmentseriai/uploads/Enseignement/MultiPlatefXamarin.pdf · Xamarin Forms Créer rapidement et facilement des interfaces utilisateurs en partageant du code Les

Digital Ecosystem Enabler Reproduction prohibited without permission

APIs Coverage : iOS APIs

10

Page 11: Xamarin Mobile Developmentseriai/uploads/Enseignement/MultiPlatefXamarin.pdf · Xamarin Forms Créer rapidement et facilement des interfaces utilisateurs en partageant du code Les

Digital Ecosystem Enabler Reproduction prohibited without permission

APIs Coverage : Android APIs

11

Page 12: Xamarin Mobile Developmentseriai/uploads/Enseignement/MultiPlatefXamarin.pdf · Xamarin Forms Créer rapidement et facilement des interfaces utilisateurs en partageant du code Les

Digital Ecosystem Enabler Reproduction prohibited without permission

Xamarin Approach : Concepts

12

SmartLink

Permet d’intégrer dans votre binaire le stricte nécessaire du Framework Xamarin

Binding : Consommer des API natives depuis votre code C#

Intégrer du code existant

Obtenir des performances significatives

Adopter des librairies tiers

Adopter des contrôles et framework tiers

0100 000200 000300 000400 000500 000

ATM

Hu

d

Be

eble

SDK

Co

uch

bas

e

Dat

atra

ns

Dro

pB

oxS

ync

-…

Dro

pB

oxS

ync

-…

Flu

rryA

nal

ytic

s

GC

Dis

cre

etN

oti

fica

Go

ogl

eAn

alyt

ics

Go

ogl

eMap

s

MB

Pro

gres

sHu

d

MG

Split

Vie

wC

on

tr…

Re

dLa

ser

SDSe

gme

nte

dC

on

t…

Test

Flig

ht

Tim

esS

qu

are

WEP

op

ove

r

Zip

Arc

hiv

e

Savings

Page 13: Xamarin Mobile Developmentseriai/uploads/Enseignement/MultiPlatefXamarin.pdf · Xamarin Forms Créer rapidement et facilement des interfaces utilisateurs en partageant du code Les

Digital Ecosystem Enabler Reproduction prohibited without permission

Xamarin Approach : Binding

13

Sous IOS

Sous Android

Page 14: Xamarin Mobile Developmentseriai/uploads/Enseignement/MultiPlatefXamarin.pdf · Xamarin Forms Créer rapidement et facilement des interfaces utilisateurs en partageant du code Les

Digital Ecosystem Enabler Reproduction prohibited without permission

Xamarin Forms

Construire des UIs pour iOS, Android et Windows

Phone depuis un code c# unique et partagé

14

Page 15: Xamarin Mobile Developmentseriai/uploads/Enseignement/MultiPlatefXamarin.pdf · Xamarin Forms Créer rapidement et facilement des interfaces utilisateurs en partageant du code Les

Digital Ecosystem Enabler Reproduction prohibited without permission

Xamarin Forms

Créer rapidement et facilement des interfaces utilisateurs en partageant du code

Les éléments Xamarin.Forms sont mappés aux contrôles et comportements natives

Plus de code partagé : Comportement, User interaction, ViewModels, …Etc.

Contrôles : Button, BoxView, DatePicker, Editor, ListView, Image, ..etc.

Pages : Content, MasterDetail, Navigation, Tabbed, Carousel

Layouts : Stack, Absolute, Relative, Grid, ContentView, ScrollView, Frame

Ecrans créés à partir du code-behind ou du Xaml

Data Binding bidirectionnel

Contrôle de navigation

API d’animation

Dependency Services

Messagin Center

15

Page 16: Xamarin Mobile Developmentseriai/uploads/Enseignement/MultiPlatefXamarin.pdf · Xamarin Forms Créer rapidement et facilement des interfaces utilisateurs en partageant du code Les

Digital Ecosystem Enabler Reproduction prohibited without permission

Xamarin Forms

16

Page 17: Xamarin Mobile Developmentseriai/uploads/Enseignement/MultiPlatefXamarin.pdf · Xamarin Forms Créer rapidement et facilement des interfaces utilisateurs en partageant du code Les

Digital Ecosystem Enabler Reproduction prohibited without permission

Xamarin Forms : ViewModel Example

17

Page 18: Xamarin Mobile Developmentseriai/uploads/Enseignement/MultiPlatefXamarin.pdf · Xamarin Forms Créer rapidement et facilement des interfaces utilisateurs en partageant du code Les

Digital Ecosystem Enabler Reproduction prohibited without permission

Xamarin Forms : Code Behind Example

18

Page 19: Xamarin Mobile Developmentseriai/uploads/Enseignement/MultiPlatefXamarin.pdf · Xamarin Forms Créer rapidement et facilement des interfaces utilisateurs en partageant du code Les

Digital Ecosystem Enabler Reproduction prohibited without permission

Xamarin Forms : XAML Example

19

Page 20: Xamarin Mobile Developmentseriai/uploads/Enseignement/MultiPlatefXamarin.pdf · Xamarin Forms Créer rapidement et facilement des interfaces utilisateurs en partageant du code Les

Digital Ecosystem Enabler Reproduction prohibited without permission

Xamarin Forms : Rendering Example

20

Page 21: Xamarin Mobile Developmentseriai/uploads/Enseignement/MultiPlatefXamarin.pdf · Xamarin Forms Créer rapidement et facilement des interfaces utilisateurs en partageant du code Les

Digital Ecosystem Enabler Reproduction prohibited without permission

Xamarin Tools : Visual Studio Extension

21

C# and F# support

Reuse your Visual Studio and .Net Experience

Une seule solution pour iOS, Android et

Windows

Préserver votre écosystème Microsoft :

ReSharper

Team Foundation Server (TFS)

Your favorite code coverage and profiling tools

Page 22: Xamarin Mobile Developmentseriai/uploads/Enseignement/MultiPlatefXamarin.pdf · Xamarin Forms Créer rapidement et facilement des interfaces utilisateurs en partageant du code Les

Digital Ecosystem Enabler Reproduction prohibited without permission

Xamarin Tools : Xamarin Studio

22

Page 23: Xamarin Mobile Developmentseriai/uploads/Enseignement/MultiPlatefXamarin.pdf · Xamarin Forms Créer rapidement et facilement des interfaces utilisateurs en partageant du code Les

Digital Ecosystem Enabler Reproduction prohibited without permission

Xamarin Tools : Xamarin Component Store

23

Pre-Build de

composants, Contrôles

UI, Themes & Web

Services de haute

qualité.

Full IDE Integration.

Page 24: Xamarin Mobile Developmentseriai/uploads/Enseignement/MultiPlatefXamarin.pdf · Xamarin Forms Créer rapidement et facilement des interfaces utilisateurs en partageant du code Les

Digital Ecosystem Enabler Reproduction prohibited without permission

Xamarin Tools : Xamarin Test Cloud

24

Test de votre application et plus particulièrement des IHM

Exécution très rapide de vos tests

Exécution de vos tests sur de vrais matériels

Résistant aux charges

Interface accessible et simple d’usage

Page 25: Xamarin Mobile Developmentseriai/uploads/Enseignement/MultiPlatefXamarin.pdf · Xamarin Forms Créer rapidement et facilement des interfaces utilisateurs en partageant du code Les

Digital Ecosystem Enabler Reproduction prohibited without permission

DEMO

25

Page 26: Xamarin Mobile Developmentseriai/uploads/Enseignement/MultiPlatefXamarin.pdf · Xamarin Forms Créer rapidement et facilement des interfaces utilisateurs en partageant du code Les

Digital Ecosystem Enabler Reproduction prohibited without permission

Q&A

26