Mobility & Cloud: Build your cross platform mobile application using Xamarin & MicrosoftAzure

12/25/2016 1
Mobility & Cloud
Casablanca ,30 Octobre 2016
Chourouk HJAIEJ
MCT (Microsoft Certified Trainer )
MVP (Most valuable Professional) Azure
Head of Microsoft department @ LK Technology
Affiliate Special Edition Reskin

Table of Contents
10/30/2016 Affiliate Morroco Special Edition Reskin 2
WHO IS
CHOUROUK?
AZURE
USECASE STUDY XAMARIN
CONTACTSOME TIPS

Who is this girl?
Edu
- Bsc. Software engineer (INSAT)
- Local Tunisian challenges winner & Microsoft Student Partner
Work
- Windows 8 Developer @ Mic Tunisia
- Former DX Technical Evangelist Intern @MS Tunisia
- Head of Microsoft department @LK Technology
Experience
- XAML/C#/Win8/WP8/UWP
- Azure/.NET/PowerBI/IOT/Office 365/Sharepoint
Prizes
- MVP (Microsoft Most Valuable Professional) Azure
- MCP (Microsoft Certified Professional) Azure
- MCT (Microsoft Certified Trainer)
Chourouk Hjaiej
@LK Technology
@Chourouk_HJ

Chapter 1
XAMARIN : Cross Platform Mobile Apps

Xamarin + Xamarin.Forms
With Xamarin.Forms:
more code-sharing, native controls
Traditional Xamarin approach
Shared UI Code

Pages
Content MasterDetail Navigation Tabbed Carousel

Layouts
Stack Absolute Relative Grid ContentView ScrollView Frame

Affiliate Morroco Special Edition Reskin 9
Controls
ActivityIndicator BoxView Button DatePicker Editor
Entry Image Label ListView Map
OpenGLView Picker ProgressBar SearchBar Slider
Stepper TableView TimePicker WebView EntryCell
ImageCell SwitchCell TextCell ViewCell
10/30/2016

Displaying List of Data

Model-View-ViewModel
ModelView ViewModel
How to display
information
What to display
Flow of interaction
Business Logic
Data objects
Events
Data
Data

Model-View-ViewModel
ModelView ViewModel
Xamarin.Forms Data
Binding
Events
Data

Xamarin.Forms
My Experiences and Tips

• Easy to Create Cross Platform UI Elements
• Some good features/extensibility points - custom
renderers, etc.
• The concept is great.
Good Parts

Tip 1. Don’t fight the framework
• I want Cancel here because that’s how I do it in iOS’…
• I want swipe cell because that’s how I do it in iOS’…
• If you use Xamarin.Forms, try not to bring in pre conceptions of
how you want your UI to be. You can build nice UI’s with
Xamarin.Forms but you just need to be within it’s constraints
and no swipe cells.

Tip 2. Prototype
• Prototype your app in Xamarin.Forms.. see if it’s going to work, it’s
very important before the fact of starting coding…
• Traditional Xamarin.iOS and Xamarin.Android is still great if you
want an amazing experience with a good design on all platforms.

Tip 3.Preview Xamarin.Forms Book
http://blogs.msdn.com/b/microsoft_press/archive/2014/10/06/free-
ebook-creating-mobile-apps-with-xamarin-forms-preview-edition.aspx

Chapter 2
AZURE : The cloud of Microsoft...

Open and
Flexible Cloud
Platform
Build, Deploy,
and Manage
Applications
across Global
Network
Build
Applications
using Any
Language, Tool,
or Framework
Integrate Public
Cloud Applications
with your Existing
IT Environment
What is Microsoft Azure?

Speed
• Faster than Traditional
Application
Development
Scale
• Scale out Quickly
• Provide Global Scale
Economics
• Lower Cost
Why Use the Cloud?

Compute Services
• Virtual Machines
– Create, deploy, and manage virtual machines running in the Windows Azure
cloud
• Web Sites
– Create new websites or migrate your existing business website into the cloud
• Cloud Services
– Build and deploy highly available and almost infinitely scalable applications with
low administration costs
• Mobile Services
– Build and deploy apps and storing data for mobile devices

Network Services
• Virtual Network
– Treat the Windows Azure public cloud as if it is an extension of your on-
premises datacenter
• Traffic Manager
– Route application traffic for the user who is using the application to
Windows Azure datacenters

Data Services
• Cache
– Provides a distributed caching solution that can help speed up your cloud-based
applications and reduce database load
• Backup
– Helps to protect your server data offsite by using automated and manual
backups to Windows Azure

• Media Services
– Allows you to build workflows for the creation, management, and distribution of
media using Azure public cloud
• Messaging
– Allows you to keep your apps connected across your private cloud environment
and the Windows Azure public cloud
• Notification Hubs
– Provides a highly scalable, cross-platform push notification infrastructure for
applications running on mobile devices
App Services

Chapter 2
AZURE + XAMARIN = ...

Azure mobile apps as a backend
• Every front end needs
a GREAT BACKEND.
• Developed 1 Azure-backed
mobile app running on
Windows 10 and Android.
10/30/201
6

Content Delivery
Network (CDN)
Azure Mobile
Services
Sqlite Database
Mobile application
Internet
Azure offline
synchronization
Azure offline Synchronization
We have leveraged the Offline Data
Sync functionality for synchronizing
Data when temporarily
disconnected from the cellular
network.
10/30/201
6

Azure Push notification

Microsoft account
DX
Startups & ISVs
Mobile device
Authentication process
Facebook authentication with Azure mobile services
Facebook
• The users of this application have the possibility to login to the application on their
device using their Facebook credentials

Mobile App
Windows
Phone
Android
Azure CDN
Traffic manager
Region 1
Blob storage
Containers
Blob storage
Containers
Azure CDN (Content Delivery
Network)
Region 2
The Azure Content Delivery Network
(CDN) offers:
• a global solution for delivering high-
bandwidth content by caching blobs
and static content of compute
instances at physical nodes in the
United States, Europe, Asia,
Australia and South America…

Azure Blob storages
The Azure Content Delivery Network
(CDN) offers a global solution for
delivering high-bandwidth content by
caching blobs and static content.
Affiliate Morroco Special Edition Reskin 3310/30/2016

Azure Search
Mobile App
Windows Phone
Android
Universal application
Mobile
Backend
.NET
SQL Database,
Azure search
Index
• Azure Search is used in this mobile application in order to add rich search capabilities
to this solution.
• Using the Search Service, we have indexed data stored in SQL database of the Azure
mobile service.
• This service is implemented in the search of catalogs and the search for companies.

Azure Mobile engagement

Visual Studio Online
ALM (Application Lifecycle management)

(+33) 06 62 67 38 64
chourouk@lkt.fr / hjaiejchourouk@outlook.com
Contact

Mobility & Cloud: Build your cross platform mobile application using Xamarin & MicrosoftAzure

Recomendados

Recomendados

Mais conteúdo relacionado

Mais procurados

Mais procurados (20)

Semelhante a Mobility & Cloud: Build your cross platform mobile application using Xamarin & MicrosoftAzure

Semelhante a Mobility & Cloud: Build your cross platform mobile application using Xamarin & MicrosoftAzure (20)

Último

Último (20)

Mobility & Cloud: Build your cross platform mobile application using Xamarin & MicrosoftAzure