Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
12/25/2016 1
Mobility & Cloud
Casablanca ,30 Octobre 2016
Chourouk HJAIEJ
MCT (Microsoft Certified Trainer )
MVP (Most val...
Table of Contents
10/30/2016 Affiliate Morroco Special Edition Reskin 2
WHO IS
CHOUROUK?
AZURE
USECASE STUDY XAMARIN
CONTA...
Who is this girl?
Edu
- Bsc. Software engineer (INSAT)
- Local Tunisian challenges winner & Microsoft Student Partner
Work...
Chapter 1
XAMARIN : Cross Platform Mobile Apps
10/30/2016 Affiliate Morroco Special Edition Reskin 4
10/30/2016 Affiliate Morroco Special Edition Reskin 5
10/30/2016 Affiliate Morroco Special Edition Reskin 6
Xamarin + Xamarin.Forms
With Xamarin.Forms:
more code-sharing, nativ...
10/30/2016 Affiliate Morroco Special Edition Reskin 7
Pages
Content MasterDetail Navigation Tabbed Carousel
10/30/2016 Affiliate Morroco Special Edition Reskin 8
Layouts
Stack Absolute Relative Grid ContentView ScrollView Frame
Affiliate Morroco Special Edition Reskin 9
Controls
ActivityIndicator BoxView Button DatePicker Editor
Entry Image Label L...
10/30/2016 Affiliate Morroco Special Edition Reskin 10
Displaying List of Data
10/30/2016 Affiliate Morroco Special Edition Reskin 11
Model-View-ViewModel
ModelView ViewModel
How to display
information...
10/30/2016 Affiliate Morroco Special Edition Reskin 12
Model-View-ViewModel
ModelView ViewModel
Xamarin.Forms Data
Binding...
10/30/2016 Affiliate Morroco Special Edition Reskin 13
Xamarin.Forms
My Experiences and Tips
10/30/2016 Affiliate Morroco Special Edition Reskin 14
• Easy to Create Cross Platform UI Elements
• Some good features/ex...
10/30/2016 Affiliate Morroco Special Edition Reskin 15
Tip 1. Don’t fight the framework
• I want Cancel here because that’...
10/30/2016 Affiliate Morroco Special Edition Reskin 16
Tip 2. Prototype
• Prototype your app in Xamarin.Forms.. see if it’...
10/30/2016 Affiliate Morroco Special Edition Reskin 17
Tip 3.Preview Xamarin.Forms Book
http://blogs.msdn.com/b/microsoft_...
Chapter 2
AZURE : The cloud of Microsoft...
10/30/2016 Affiliate Morroco Special Edition Reskin 18
Open and
Flexible Cloud
Platform
Build, Deploy,
and Manage
Applications
across Global
Network
Build
Applications
using Any...
Speed
• Faster than Traditional
Application
Development
Scale
• Scale out Quickly
• Provide Global Scale
Economics
• Lower...
Microsoft Azure Services
Compute Services
• Virtual Machines
– Create, deploy, and manage virtual machines running in the Windows Azure
cloud
• Web...
Network Services
• Virtual Network
– Treat the Windows Azure public cloud as if it is an extension of your on-
premises da...
Data Services
• Cache
– Provides a distributed caching solution that can help speed up your cloud-based
applications and r...
• Media Services
– Allows you to build workflows for the creation, management, and distribution of
media using Azure publi...
Chapter 2
AZURE + XAMARIN = ...
12/25/2016 Affiliate Morroco Special Edition Reskin 26
Azure…
+ XAMARIN
Azure mobile apps as a backend
• Every front end needs
a GREAT BACKEND.
• Developed 1 Azure-backed
mobile app running on
W...
Content Delivery
Network (CDN)
Azure Mobile
Services
Sqlite Database
Mobile application
Internet
Azure offline
synchroniza...
Azure Push notification
10/30/2016 Affiliate Morroco Special Edition Reskin 30
Microsoft account
DX
Startups & ISVs
Mobile device
Authentication process
Facebook authentication with Azure mobile servic...
Mobile App
Windows
Phone
Android
Azure CDN
Traffic manager
Region 1
Blob storage
Containers
Blob storage
Containers
Azure ...
Azure Blob storages
The Azure Content Delivery Network
(CDN) offers a global solution for
delivering high-bandwidth conten...
Azure Search
Mobile App
Windows Phone
Android
Universal application
Mobile
Backend
.NET
SQL Database,
Azure search
Index
•...
Azure Mobile engagement
10/30/2016 Affiliate Morroco Special Edition Reskin 35
10/30/2016 Affiliate Morroco Special Edition Reskin 36
Visual Studio Online
ALM (Application Lifecycle management)
10/30/2016 Affiliate Morroco Special Edition Reskin 37
(+33) 06 62 67 38 64
chourouk@lkt.fr / hjaiejchourouk@outlook.com
Contact
10/30/2016 Affiliate Morroco Special Edition Res...
Upcoming SlideShare
Loading in …5
×

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

949 views

Published on

My keynote in the biggest event Affiliate Special Edition in Morocco

Published in: Technology
  • Be the first to comment

  • Be the first to like this

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

  1. 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. 2. Table of Contents 10/30/2016 Affiliate Morroco Special Edition Reskin 2 WHO IS CHOUROUK? AZURE USECASE STUDY XAMARIN CONTACTSOME TIPS
  3. 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. 4. Chapter 1 XAMARIN : Cross Platform Mobile Apps 10/30/2016 Affiliate Morroco Special Edition Reskin 4
  5. 5. 10/30/2016 Affiliate Morroco Special Edition Reskin 5
  6. 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. 7. 10/30/2016 Affiliate Morroco Special Edition Reskin 7 Pages Content MasterDetail Navigation Tabbed Carousel
  8. 8. 10/30/2016 Affiliate Morroco Special Edition Reskin 8 Layouts Stack Absolute Relative Grid ContentView ScrollView Frame
  9. 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. 10/30/2016 Affiliate Morroco Special Edition Reskin 10 Displaying List of Data
  11. 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. 12. 10/30/2016 Affiliate Morroco Special Edition Reskin 12 Model-View-ViewModel ModelView ViewModel Xamarin.Forms Data Binding Events Data
  13. 13. 10/30/2016 Affiliate Morroco Special Edition Reskin 13 Xamarin.Forms My Experiences and Tips
  14. 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. 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. 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. 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. 18. Chapter 2 AZURE : The cloud of Microsoft... 10/30/2016 Affiliate Morroco Special Edition Reskin 18
  19. 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. 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. 21. Microsoft Azure Services
  22. 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. 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. 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. 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. 26. Chapter 2 AZURE + XAMARIN = ... 12/25/2016 Affiliate Morroco Special Edition Reskin 26
  27. 27. Azure… + XAMARIN
  28. 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. 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. 30. Azure Push notification 10/30/2016 Affiliate Morroco Special Edition Reskin 30
  31. 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. 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. 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. 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. 35. Azure Mobile engagement 10/30/2016 Affiliate Morroco Special Edition Reskin 35
  36. 36. 10/30/2016 Affiliate Morroco Special Edition Reskin 36
  37. 37. Visual Studio Online ALM (Application Lifecycle management) 10/30/2016 Affiliate Morroco Special Edition Reskin 37
  38. 38. (+33) 06 62 67 38 64 chourouk@lkt.fr / hjaiejchourouk@outlook.com Contact 10/30/2016 Affiliate Morroco Special Edition Reskin 38

×