Pieter Brinkman - My first mobile experienceFrom mobile no no, to mobile go go - SUGCON
-
Upload
sugcon -
Category
Technology
-
view
380 -
download
1
Transcript of Pieter Brinkman - My first mobile experienceFrom mobile no no, to mobile go go - SUGCON
![Page 1: Pieter Brinkman - My first mobile experienceFrom mobile no no, to mobile go go - SUGCON](https://reader036.fdocuments.net/reader036/viewer/2022081520/5884cf571a28ab767c8b5d87/html5/thumbnails/1.jpg)
1
My first mobile experienceFrom mobile no no, to mobile go go
Pieter Brinkman || @pieterbrink123Director of Developer & Platform Evangelism @Sitecore
![Page 2: Pieter Brinkman - My first mobile experienceFrom mobile no no, to mobile go go - SUGCON](https://reader036.fdocuments.net/reader036/viewer/2022081520/5884cf571a28ab767c8b5d87/html5/thumbnails/2.jpg)
Why talk about Mobile?
![Page 3: Pieter Brinkman - My first mobile experienceFrom mobile no no, to mobile go go - SUGCON](https://reader036.fdocuments.net/reader036/viewer/2022081520/5884cf571a28ab767c8b5d87/html5/thumbnails/3.jpg)
The numbers don’t lie
![Page 4: Pieter Brinkman - My first mobile experienceFrom mobile no no, to mobile go go - SUGCON](https://reader036.fdocuments.net/reader036/viewer/2022081520/5884cf571a28ab767c8b5d87/html5/thumbnails/4.jpg)
4
More people own a mobile device than a pc/laptop!
![Page 5: Pieter Brinkman - My first mobile experienceFrom mobile no no, to mobile go go - SUGCON](https://reader036.fdocuments.net/reader036/viewer/2022081520/5884cf571a28ab767c8b5d87/html5/thumbnails/5.jpg)
5
There are 3bn connected people on the planet. The next billion will be mostly mobile only. - Harvard Business Review
![Page 6: Pieter Brinkman - My first mobile experienceFrom mobile no no, to mobile go go - SUGCON](https://reader036.fdocuments.net/reader036/viewer/2022081520/5884cf571a28ab767c8b5d87/html5/thumbnails/6.jpg)
6
More people have a mobile phone than toilets - U.N. Study Shows
![Page 7: Pieter Brinkman - My first mobile experienceFrom mobile no no, to mobile go go - SUGCON](https://reader036.fdocuments.net/reader036/viewer/2022081520/5884cf571a28ab767c8b5d87/html5/thumbnails/7.jpg)
7
All these mobile devices made the world a less social place?
![Page 8: Pieter Brinkman - My first mobile experienceFrom mobile no no, to mobile go go - SUGCON](https://reader036.fdocuments.net/reader036/viewer/2022081520/5884cf571a28ab767c8b5d87/html5/thumbnails/8.jpg)
8
![Page 9: Pieter Brinkman - My first mobile experienceFrom mobile no no, to mobile go go - SUGCON](https://reader036.fdocuments.net/reader036/viewer/2022081520/5884cf571a28ab767c8b5d87/html5/thumbnails/9.jpg)
9
The world today is not so different! past present
![Page 10: Pieter Brinkman - My first mobile experienceFrom mobile no no, to mobile go go - SUGCON](https://reader036.fdocuments.net/reader036/viewer/2022081520/5884cf571a28ab767c8b5d87/html5/thumbnails/10.jpg)
10
The world today is not so different! past present
![Page 11: Pieter Brinkman - My first mobile experienceFrom mobile no no, to mobile go go - SUGCON](https://reader036.fdocuments.net/reader036/viewer/2022081520/5884cf571a28ab767c8b5d87/html5/thumbnails/11.jpg)
11
The world today is not so different! past present
![Page 12: Pieter Brinkman - My first mobile experienceFrom mobile no no, to mobile go go - SUGCON](https://reader036.fdocuments.net/reader036/viewer/2022081520/5884cf571a28ab767c8b5d87/html5/thumbnails/12.jpg)
12
The world today is not so different! past present
![Page 13: Pieter Brinkman - My first mobile experienceFrom mobile no no, to mobile go go - SUGCON](https://reader036.fdocuments.net/reader036/viewer/2022081520/5884cf571a28ab767c8b5d87/html5/thumbnails/13.jpg)
13
The world today is not so different! past present
![Page 14: Pieter Brinkman - My first mobile experienceFrom mobile no no, to mobile go go - SUGCON](https://reader036.fdocuments.net/reader036/viewer/2022081520/5884cf571a28ab767c8b5d87/html5/thumbnails/14.jpg)
14
The world today is not so different! past present
![Page 15: Pieter Brinkman - My first mobile experienceFrom mobile no no, to mobile go go - SUGCON](https://reader036.fdocuments.net/reader036/viewer/2022081520/5884cf571a28ab767c8b5d87/html5/thumbnails/15.jpg)
15
The world today is not so different! past present
![Page 16: Pieter Brinkman - My first mobile experienceFrom mobile no no, to mobile go go - SUGCON](https://reader036.fdocuments.net/reader036/viewer/2022081520/5884cf571a28ab767c8b5d87/html5/thumbnails/16.jpg)
16
The world today is not so different! past present
![Page 17: Pieter Brinkman - My first mobile experienceFrom mobile no no, to mobile go go - SUGCON](https://reader036.fdocuments.net/reader036/viewer/2022081520/5884cf571a28ab767c8b5d87/html5/thumbnails/17.jpg)
17
The world today is not so different! past present
![Page 18: Pieter Brinkman - My first mobile experienceFrom mobile no no, to mobile go go - SUGCON](https://reader036.fdocuments.net/reader036/viewer/2022081520/5884cf571a28ab767c8b5d87/html5/thumbnails/18.jpg)
18
The world today is not so different! past present
![Page 19: Pieter Brinkman - My first mobile experienceFrom mobile no no, to mobile go go - SUGCON](https://reader036.fdocuments.net/reader036/viewer/2022081520/5884cf571a28ab767c8b5d87/html5/thumbnails/19.jpg)
So Is the world a less social place?Probably not, the world became more connected.
![Page 20: Pieter Brinkman - My first mobile experienceFrom mobile no no, to mobile go go - SUGCON](https://reader036.fdocuments.net/reader036/viewer/2022081520/5884cf571a28ab767c8b5d87/html5/thumbnails/20.jpg)
20
We need to focus on the mobile device!
![Page 21: Pieter Brinkman - My first mobile experienceFrom mobile no no, to mobile go go - SUGCON](https://reader036.fdocuments.net/reader036/viewer/2022081520/5884cf571a28ab767c8b5d87/html5/thumbnails/21.jpg)
21
All digital experience is mobile
Mobile is how, when and where
digital interaction
s occur
Websites
Apps
Commerce
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.
![Page 22: Pieter Brinkman - My first mobile experienceFrom mobile no no, to mobile go go - SUGCON](https://reader036.fdocuments.net/reader036/viewer/2022081520/5884cf571a28ab767c8b5d87/html5/thumbnails/22.jpg)
My mobile experience
22
Devices/OSDevelopment
2002
now
2010
2006
2008
WAP WP XAML Xamarin
![Page 23: Pieter Brinkman - My first mobile experienceFrom mobile no no, to mobile go go - SUGCON](https://reader036.fdocuments.net/reader036/viewer/2022081520/5884cf571a28ab767c8b5d87/html5/thumbnails/23.jpg)
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?
![Page 24: Pieter Brinkman - My first mobile experienceFrom mobile no no, to mobile go go - SUGCON](https://reader036.fdocuments.net/reader036/viewer/2022081520/5884cf571a28ab767c8b5d87/html5/thumbnails/24.jpg)
How does Sitecore see Mobile?
![Page 25: Pieter Brinkman - My first mobile experienceFrom mobile no no, to mobile go go - SUGCON](https://reader036.fdocuments.net/reader036/viewer/2022081520/5884cf571a28ab767c8b5d87/html5/thumbnails/25.jpg)
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
![Page 26: Pieter Brinkman - My first mobile experienceFrom mobile no no, to mobile go go - SUGCON](https://reader036.fdocuments.net/reader036/viewer/2022081520/5884cf571a28ab767c8b5d87/html5/thumbnails/26.jpg)
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
![Page 27: Pieter Brinkman - My first mobile experienceFrom mobile no no, to mobile go go - SUGCON](https://reader036.fdocuments.net/reader036/viewer/2022081520/5884cf571a28ab767c8b5d87/html5/thumbnails/27.jpg)
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
![Page 28: Pieter Brinkman - My first mobile experienceFrom mobile no no, to mobile go go - SUGCON](https://reader036.fdocuments.net/reader036/viewer/2022081520/5884cf571a28ab767c8b5d87/html5/thumbnails/28.jpg)
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
![Page 29: Pieter Brinkman - My first mobile experienceFrom mobile no no, to mobile go go - SUGCON](https://reader036.fdocuments.net/reader036/viewer/2022081520/5884cf571a28ab767c8b5d87/html5/thumbnails/29.jpg)
Xamarin
![Page 30: Pieter Brinkman - My first mobile experienceFrom mobile no no, to mobile go go - SUGCON](https://reader036.fdocuments.net/reader036/viewer/2022081520/5884cf571a28ab767c8b5d87/html5/thumbnails/30.jpg)
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
![Page 31: Pieter Brinkman - My first mobile experienceFrom mobile no no, to mobile go go - SUGCON](https://reader036.fdocuments.net/reader036/viewer/2022081520/5884cf571a28ab767c8b5d87/html5/thumbnails/31.jpg)
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
![Page 32: Pieter Brinkman - My first mobile experienceFrom mobile no no, to mobile go go - SUGCON](https://reader036.fdocuments.net/reader036/viewer/2022081520/5884cf571a28ab767c8b5d87/html5/thumbnails/32.jpg)
32
Your projectUI projects
Xamarin project organization
Your project Core library
![Page 33: Pieter Brinkman - My first mobile experienceFrom mobile no no, to mobile go go - SUGCON](https://reader036.fdocuments.net/reader036/viewer/2022081520/5884cf571a28ab767c8b5d87/html5/thumbnails/33.jpg)
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)
![Page 34: Pieter Brinkman - My first mobile experienceFrom mobile no no, to mobile go go - SUGCON](https://reader036.fdocuments.net/reader036/viewer/2022081520/5884cf571a28ab767c8b5d87/html5/thumbnails/34.jpg)
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
![Page 35: Pieter Brinkman - My first mobile experienceFrom mobile no no, to mobile go go - SUGCON](https://reader036.fdocuments.net/reader036/viewer/2022081520/5884cf571a28ab767c8b5d87/html5/thumbnails/35.jpg)
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
![Page 36: Pieter Brinkman - My first mobile experienceFrom mobile no no, to mobile go go - SUGCON](https://reader036.fdocuments.net/reader036/viewer/2022081520/5884cf571a28ab767c8b5d87/html5/thumbnails/36.jpg)
Demo: Hello mobile world!
![Page 37: Pieter Brinkman - My first mobile experienceFrom mobile no no, to mobile go go - SUGCON](https://reader036.fdocuments.net/reader036/viewer/2022081520/5884cf571a28ab767c8b5d87/html5/thumbnails/37.jpg)
Did I become a mobile Go Go?
![Page 38: Pieter Brinkman - My first mobile experienceFrom mobile no no, to mobile go go - SUGCON](https://reader036.fdocuments.net/reader036/viewer/2022081520/5884cf571a28ab767c8b5d87/html5/thumbnails/38.jpg)
10 lessons learned
![Page 39: Pieter Brinkman - My first mobile experienceFrom mobile no no, to mobile go go - SUGCON](https://reader036.fdocuments.net/reader036/viewer/2022081520/5884cf571a28ab767c8b5d87/html5/thumbnails/39.jpg)
39
Start with building a console appTutorial on doc.sitecore.net
1
![Page 40: Pieter Brinkman - My first mobile experienceFrom mobile no no, to mobile go go - SUGCON](https://reader036.fdocuments.net/reader036/viewer/2022081520/5884cf571a28ab767c8b5d87/html5/thumbnails/40.jpg)
40
Want to experiment with Xamarin?Install it on a virtual machine.
2 2.
![Page 41: Pieter Brinkman - My first mobile experienceFrom mobile no no, to mobile go go - SUGCON](https://reader036.fdocuments.net/reader036/viewer/2022081520/5884cf571a28ab767c8b5d87/html5/thumbnails/41.jpg)
41
Xamarin has a 30 day trial!
3
![Page 42: Pieter Brinkman - My first mobile experienceFrom mobile no no, to mobile go go - SUGCON](https://reader036.fdocuments.net/reader036/viewer/2022081520/5884cf571a28ab767c8b5d87/html5/thumbnails/42.jpg)
42
Tutorials; Read first, than execute 4
![Page 43: Pieter Brinkman - My first mobile experienceFrom mobile no no, to mobile go go - SUGCON](https://reader036.fdocuments.net/reader036/viewer/2022081520/5884cf571a28ab767c8b5d87/html5/thumbnails/43.jpg)
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
![Page 44: Pieter Brinkman - My first mobile experienceFrom mobile no no, to mobile go go - SUGCON](https://reader036.fdocuments.net/reader036/viewer/2022081520/5884cf571a28ab767c8b5d87/html5/thumbnails/44.jpg)
44
Use Visual Studiofor development on Windows6
![Page 45: Pieter Brinkman - My first mobile experienceFrom mobile no no, to mobile go go - SUGCON](https://reader036.fdocuments.net/reader036/viewer/2022081520/5884cf571a28ab767c8b5d87/html5/thumbnails/45.jpg)
45
To Develop an iOS App you need a MAC
With Mac OSx installed…
7
![Page 46: Pieter Brinkman - My first mobile experienceFrom mobile no no, to mobile go go - SUGCON](https://reader036.fdocuments.net/reader036/viewer/2022081520/5884cf571a28ab767c8b5d87/html5/thumbnails/46.jpg)
46
You can build Windows 8 (and WP) App with the mobile SDK and Visual Studio. (Without the need of Xamarin
8
![Page 47: Pieter Brinkman - My first mobile experienceFrom mobile no no, to mobile go go - SUGCON](https://reader036.fdocuments.net/reader036/viewer/2022081520/5884cf571a28ab767c8b5d87/html5/thumbnails/47.jpg)
47
Click icon to add picture
Learn more cross-platform development patterns; MVVM and MVC
9
![Page 48: Pieter Brinkman - My first mobile experienceFrom mobile no no, to mobile go go - SUGCON](https://reader036.fdocuments.net/reader036/viewer/2022081520/5884cf571a28ab767c8b5d87/html5/thumbnails/48.jpg)
48
Sitecore Mobile SDK is an abstraction layer that ensures backward compatible integration with Sitecore for your apps. 10
![Page 49: Pieter Brinkman - My first mobile experienceFrom mobile no no, to mobile go go - SUGCON](https://reader036.fdocuments.net/reader036/viewer/2022081520/5884cf571a28ab767c8b5d87/html5/thumbnails/49.jpg)
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
![Page 50: Pieter Brinkman - My first mobile experienceFrom mobile no no, to mobile go go - SUGCON](https://reader036.fdocuments.net/reader036/viewer/2022081520/5884cf571a28ab767c8b5d87/html5/thumbnails/50.jpg)
50
Questions?
Do you have more questions ?
Go to community.sitecore.net
4750+ professionals are there to help you
![Page 51: Pieter Brinkman - My first mobile experienceFrom mobile no no, to mobile go go - SUGCON](https://reader036.fdocuments.net/reader036/viewer/2022081520/5884cf571a28ab767c8b5d87/html5/thumbnails/51.jpg)
Organized by the Community, for the Community. 51SUGCON NORTH AMERICA 2015SUGCON NORTH AMERICA 2015
THANK YOU TO OUR SPONSORS!