My keynote in the biggest event Affiliate Special Edition in Morocco

1. 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

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

3. 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
10/30/2016 Affiliate Morroco Special Edition Reskin 3

4. Chapter 1
XAMARIN : Cross Platform Mobile Apps
10/30/2016 Affiliate Morroco Special Edition Reskin 4

5. 10/30/2016 Affiliate Morroco Special Edition Reskin 5

6. 10/30/2016 Affiliate Morroco Special Edition Reskin 6
Xamarin + Xamarin.Forms
With Xamarin.Forms:
more code-sharing, native controls
Traditional Xamarin approach
Shared UI Code

7. 10/30/2016 Affiliate Morroco Special Edition Reskin 7
Pages
Content MasterDetail Navigation Tabbed Carousel

8. 10/30/2016 Affiliate Morroco Special Edition Reskin 8
Layouts
Stack Absolute Relative Grid ContentView ScrollView Frame

9. 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

10. 10/30/2016 Affiliate Morroco Special Edition Reskin 10
Displaying List of Data

11. 10/30/2016 Affiliate Morroco Special Edition Reskin 11
Model-View-ViewModel
ModelView ViewModel
How to display
information
What to display
Flow of interaction
Business Logic
Data objects
Events
Data
Data

12. 10/30/2016 Affiliate Morroco Special Edition Reskin 12
Model-View-ViewModel
ModelView ViewModel
Xamarin.Forms Data
Binding
Events
Data

13. 10/30/2016 Affiliate Morroco Special Edition Reskin 13
Xamarin.Forms
My Experiences and Tips

14. 10/30/2016 Affiliate Morroco Special Edition Reskin 14
• Easy to Create Cross Platform UI Elements
• Some good features/extensibility points - custom
renderers, etc.
• The concept is great.
Good Parts

15. 10/30/2016 Affiliate Morroco Special Edition Reskin 15
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.

16. 10/30/2016 Affiliate Morroco Special Edition Reskin 16
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.

17. 10/30/2016 Affiliate Morroco Special Edition Reskin 17
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

18. Chapter 2
AZURE : The cloud of Microsoft...
10/30/2016 Affiliate Morroco Special Edition Reskin 18

19. 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?
10/30/2016 Affiliate Morroco Special Edition Reskin 19

20. Speed
• Faster than Traditional
Application
Development
Scale
• Scale out Quickly
• Provide Global Scale
Economics
• Lower Cost
Why Use the Cloud?
10/30/2016 Affiliate Morroco Special Edition Reskin 20

21. Microsoft Azure Services

22. 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

23. 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

24. 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

25. • 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

26. Chapter 2
AZURE + XAMARIN = ...
12/25/2016 Affiliate Morroco Special Edition Reskin 26

27. Azure…
+ XAMARIN

28. 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
Affiliate Morroco Special Edition Reskin 28

29. 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
Affiliate Morroco Special Edition Reskin 29

30. Azure Push notification
10/30/2016 Affiliate Morroco Special Edition Reskin 30

31. 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
10/30/2016 Affiliate Morroco Special Edition Reskin 31

32. 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…
10/30/2016 Affiliate Morroco Special Edition Reskin 32

33. 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

34. 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.
10/30/2016 Affiliate Morroco Special Edition Reskin 34

35. Azure Mobile engagement
10/30/2016 Affiliate Morroco Special Edition Reskin 35

36. 10/30/2016 Affiliate Morroco Special Edition Reskin 36

37. Visual Studio Online
ALM (Application Lifecycle management)
10/30/2016 Affiliate Morroco Special Edition Reskin 37

38. (+33) 06 62 67 38 64
chourouk@lkt.fr / hjaiejchourouk@outlook.com
Contact
10/30/2016 Affiliate Morroco Special Edition Reskin 38