Download - Pieter Brinkman - My first mobile experienceFrom mobile no no, to mobile go go - SUGCON

1

My first mobile experienceFrom mobile no no, to mobile go go

Pieter Brinkman || @pieterbrink123Director of Developer & Platform Evangelism @Sitecore

Why talk about Mobile?

The numbers don’t lie

4

More people own a mobile device than a pc/laptop!

5

There are 3bn connected people on the planet. The next billion will be mostly mobile only. - Harvard Business Review

6

More people have a mobile phone than toilets - U.N. Study Shows

7

All these mobile devices made the world a less social place?

9

The world today is not so different! past present

10


11


12


13


14


15


16


17


18


So Is the world a less social place?Probably not, the world became more connected.

20

We need to focus on the mobile device!

21

All digital experience is mobile

Mobile is how, when and where

digital interaction

s occur

Websites

Apps

Commerce

Email

SMS

Social Media

We need to understand the importance of the experience of the mobile interactions, having a bad experience will instantly end the conversation with your visitors.

My mobile experience

22

Devices/OSDevelopment

2002

now

2010

2006

2008

WAP WP XAML Xamarin

23

Perfect! Let’s start!

3 questions I had asked myself before starting my mobile journey:1. How does Sitecore see Mobile?2. What is the value of Sitecore in the App space?3. There are numerous of different mobile technologies I can use. What

technology should I choose and is supported by Sitecore?

How does Sitecore see Mobile?

25

“Mobile is critical to delivering digital customer experience, and Sitecore is committed to helping our customers fully leverage both the mobile web opportunity and now also mobile apps” - Darren Guarnaccia, Sitecore Chief Strategy Officer

26

2. What is the value of Sitecore in the App space?

Benefits• Apps connect directly to Sitecore content and allows marketers direct control

over the in-app experience like they do today with the web• Apps can fetch updated online content without having to go through the typical

app marketplace deployment process, putting content in customers hands fasterExamples• Great for line of business apps with a web counterpart• Real potential for all types of apps that need strong content governance• 1 game? Probably not• Lots of games? Yes, for common content and consistent functionality

3. What mobile technology should I choose and is supported by Sitecore?

27

Responsive web

SC Products & Technology• Sitecore XP• HTML, JS and CSS

Adaptive mobile web

SC Products & Technology• Sitecore XP• Device detection• Mobile HTML5

Platform specificnative apps

SC Products & Technology• Sitecore XP• Item Web API• Device specific SDK;

iOS, Android, Windows Mobile

Cross platform native apps

SC Products & Technology• Sitecore XP• Item Web API• Mobile SDK for Xamarin

Pros+ Easy development+ Device specific

content+ Centralized updates+ Access to device

features

Pros+ Device experience + Access to native API+ Faster app

performance+ AppStore distribution

& payment

Pros+ Device experience + Access to native API+ Faster app

performance+ AppStore distribution+ Centralized updates+ Single codebase

Cons- No access to native

API- Browser experience- Basic UI- Content re-usage

Cons- No access to native

API- Browser experience- Basic UI

Pros+ Easy development+ Works across every

channel+ Centralized updates

Cons- Device specific

development- De-centralized

updates- Multiple code bases

Cons- Additional

development costs

Sitecore mobile SDK family

Sitecore Mobile

SDK .NET PCL

Windows

Sitecore Mobile SDK

Android

Android

Sitecore Mobile SDK

iOSSitecore Mobile SDK Xamarin Forms PCL

iOS

Android

.NET

28

Platform Specific native app Cross platform native apps

Or

iOS

Xamarin

30

Why Xamarin?

• Xamarin cross-platform compilers and tools provide development advantages in C# usually reserved for C++

• Develop apps in Visual Studio• Share code between native apps on different platforms saving time and

money• Native apps look and perform great

31

What do you need for Xamarin App development?• Xamarin Studio (free for individuals ) – C# IDE for Windows and Mac• Visual Studio integration ($999 year subscription per device platform)

• Build and debug iOS and Android apps directly from Visual Studio• Xamarin license required - 30 day trial

• Android SDK & Emulators (free from Google) and/or Xamarin Mac build agent (required for iOS apps)

• Xcode and Apple iOS developer subscription (required for iOS apps) 99$ USD / year subscription

• Pay close attention to my lessons learned at the end

32

Your projectUI projects

Xamarin project organization

Your project Core library

33

Sitecore Mobile SDK for Xamarin

• Single package on NuGet (also available in the Xamarin Store)• Powered by the Mobile SDK for .NET portable class library (PCL)

34

Portable Class Library in .Net• the Portable Class Library (PCL) allows

the targeting of a set of platforms.• It’s similar concept as within Xamarin,

but only supports .Net framework.• Windows moves towards the Internet

of Things (IOT) mindset huge potential.

• Sitecore mobile SDK for .Net can be compiled along with any application that targets the Microsoft PCL

• Xamarin = target framework

35

Sitecore Mobile SDK for .NetSitecore Mobile SDK for .Net

Request builder

ItemWebApiRequest

ScApiSession

DeveloperSitecoreInstance

to create

and execute (async)

uses

Item Objects Response

HTTP Request Sitecore Item Web

API 1.0HTTP

Response

Sitecore Item Web API 2.0

Demo: Hello mobile world!

Did I become a mobile Go Go?

10 lessons learned

39

Start with building a console appTutorial on doc.sitecore.net

1

40

Want to experiment with Xamarin?Install it on a virtual machine.

2 2.

41

Xamarin has a 30 day trial!

3

42

Tutorials; Read first, than execute 4

43

• 100% cross device compatible• Work with Xamarin UI components

that are consistent across devices• Developers work with XAML and

C#

Start with Xamarin.Forms

5

44

Use Visual Studiofor development on Windows6

45

To Develop an iOS App you need a MAC

With Mac OSx installed…

7

46

You can build Windows 8 (and WP) App with the mobile SDK and Visual Studio. (Without the need of Xamarin

8

47

Click icon to add picture

Learn more cross-platform development patterns; MVVM and MVC

9

48

Sitecore Mobile SDK is an abstraction layer that ensures backward compatible integration with Sitecore for your apps. 10

49

What’s next

1. Follow the console app tutorial from doc.sitecore.net (no Xamarin required).

2. Start reading about MVC and MVVM.3. Now build an simple app; either Windows 8 app without the use of Xamari or

an Android/Ios app with Xamarin4. Have questions? Ask your questions using the tag ‘Mobile SDK’ on

community.sitecore.net

50

Questions?

Do you have more questions ?

Go to community.sitecore.net

4750+ professionals are there to help you

Organized by the Community, for the Community. 51SUGCON NORTH AMERICA 2015SUGCON NORTH AMERICA 2015

THANK YOU TO OUR SPONSORS!