SharePoint Mobile App Development with Xamarin and VS2013ByHector Luciano Jr

Agenda

IntroductionAbout BlumShapiroQuick Update on Cross Platform Mobile Dev

LandscapeIntro into XamarinDemo C# IPhone App SharePoint/Office 365Demo Shared UI Code Questions

Introduction

SharePoint Developer Mobile App Developer Certifications

MCSD Web Applications MCPD SharePoint Development, MSCE and Mobile (In Progress)

Hobbies Cross Fit Chess Player

Contact hluciano@blumshapiro.com @hluciano Hlucianojr.wordpress.com

Demo Github https://github.com/hlucianojr/

xspservice.demo

4

About: BlumShapiro

The largest regional, accounting, tax and business consulting firm based in New England Established in 1980 as a small accounting firm in West Hartford 350 professionals in Connecticut, Massachusetts and Rhode Island Vision to be the dominant professional services firm based in New

England▪ Organic growth with a large emphasis on consulting▪ Strategic acquisition of firms sharing our values▪ Best Place to Work▪ Commitment to Community, diversity and stewardship

With this strategy and geographic focus we are able to attract outstanding talent with shared values.

About: BlumShapiro Consulting Services

6

About: BlumShapiro Experience

Representative Clients

Today’s Cross Platform Mobile Landscape

Newest Cross Platform Mobile Landscape

Telerik Platform Pure HTML5 Hybrid Apps for

▪ iOS▪ Android▪ Windows Phone 8

Multi-Device Hybrid Apps Integration into Visual Studio Build Apps for

▪ iOS▪ Android▪ Windows(Some Devices)

SharePoint C# Developer??????

SharePoint Developer

Tools Visual Studio 2010, 2012, 2013 SharePoint Designer

Programing Languages Asp.Net (C#) C# JavaScript

What is Xamarin for Visual Studio

Demo Xamarin for Visual Studio

Demo

Xamarin Products

Xamarin for Visual Studio

Xamarin Studio(Mac and,PC)

Component Store

Xamarin Form

How does it work

How does it work

Xamarin Templates

IOS TEMPLATES

Xamarin iOS Designer

Tool B

ox

Pro

pertie

s

Xamarin iOS Project Structure

Storyboard File

ControllerApp Delegate

iOS/Android/Win8 Code Sharing Architecture

Demo iOS Project

Demo

What is Model View Controller

Model View Controller Pattern Model: POCO, DTO, object hold

application data. View: Visual presentation of the

model. Controller: mediator between

model and view. iOS MVC Classes

UIViewController: the controller access to the Model/Models

UIView: the view gets display to the user

DataSource: collection of Models or Model

ViewModel

Controller

What is Xamarin Forms

40+ Pages, Layouts, and Controls

Build from code behind or XAML

Two-way Data Binding Navigation Animation API Dependency Service Messaging Center

Xamarin Portable (PCL) Architecture

Xamarin Portable Support

Microsoft NuGet Libraries

Async for .Net Framework Microsoft BCL Portability Pack 1.1.9

Portable Library Windows Support

Xamarin Plugin by James Montemagno

Check out: https://github.com/jamesmontemagno/Xamarin.Plugins

Battery Status: Get battery level, how it is

getting charge, and events. Connectivity: See if device is connected to the

internet and through what connection type. Contacts: Currently in Alpha Device Information: Base information about

each device such as OS and version. Extended Maps: Launch navigation directions

in default map app on each OS Geolocator: Currently in Alpha Media: Take or pick photos/videos Settings: Fully cross platform settings for your

application. Text To Speech: Turn your text into a vocal

symphony on mobile devices. Vibrate: Make that device rumble!

Office 365 APIs Platform

Office 365 Platform NuGet Packages

Office 365 Discovery Service API

Determine your app capabilities Mail Calendar Contacts Files Sites

Determine Resource Id and Endpoint Uri of Office 365 Service API.

What is MVVM?

What is Model View ViewModel ViewModel: describes integration

with View via properties, commands and observable objects

View: User interface, XAML markup or Code

Model: refers to entities, objects, data sources.

Benefits Loosely coupled architecture Testable code.

Requirement Observable Collection Command Pattern Binding

ViewModel

View Model

Binding Bind

ing

Xamarin Layouts

Stack Absolute Relative Grid ContentView ScrollView Frame

Xamarin Form Pages

Content MasterDetail Navigation Tabbed Carousel

UI Code Sharing Architecture

Xamarin 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

Demo Shared UI Code Cross Platform

Demo

Xamarin Test Cloud

Xamarin – Your Complete Mobile Solution

DESIGN – DEVELOP - INTEGRATE

TEST MONITOR

LEARN

Xamarin Test Cloud Devices

Xamarin Insights

Integrated with your App Real-time Monitoring See crashes and issues in on

spot Captures Usages Others

Development Environment

• MacBook Pro– CPU: 2.2 GHz Intel Core i7– Memory: 16GB

• Installed Software– Maverick OS X 10.9.4– Xamarin Studio 5.2(Build 386)– Parallel Desktop

• Dell Latitude – CPU: 2.70 GHz Intel Core i7– Memory: 8GB

• Installed Software– Windows 7 PS1– Visual Studio 2013– Xamarin Studio 5.2(Build 386)

Why do you need a MacBook

Compilation to Native machine code

App Certificates Code-Signing App Deployment

Wi-Fi(Static IP)

Accessing SharePoint via Wi-Fi

Ethernet(Static IP)

Development Network Setup

Accessing Xamarin Host

Mac as Build Machine

What would you like to see

SharePoint on Android Wear, Glass? SharePoint on Amazon Fire? SharePoint on Yosemite? Other?

Xamarin Pricing (Not Free)

The End

What is norm?

How to verify Xamarin SDK versions.

IN WINDOWS IN MAC

Android SDK Manager

Pen and Paper Brainstorming Apps

Hobby