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 [email protected] @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
Top Related