Developing Native Windows Phone 7 Applications for SharePoint

Transcription

1 Developing Native Windows Phone 7 Applications for SharePoint Steve Pietrek Cardinal Solutions

2 About Cardinal OUR FOCUS: Enterprise Rich Internet Applications Mobile Solutions Portals & Collaboration Business Intelligence Web Experience Mgmt. Project Delivery Services

3 Objectives 1 Windows Phone 7 Overview 2 Setup the Development Environment 3 Building Windows Phone 7 Applications 4 Advanced Development Techniques

4 Overview WINDOWS PHONE 7 OVERVIEW 4

5 SharePoint Mobile View

6 Mobile Application Types Native: ios, Android, WP7 Web: HTML(5), JavaScript, CSS Hybrid: PhoneGap, Sencha Touch, Appcelerator Titanium Resource: HTML5, Hybrid or Native Mobile App Development

7 Application Type Comparisons Resource: HTML5, Hybrid or Native Mobile App Development

8 Windows Phone 7

9 DEVELOPMENT ENVIRONMENT 9

10 Where to find the tools? AppHub Download the SDK Join the developer program Submit applications Explore documentation Connect with the community

11 Tools Visual Studio 2010 Develop great Windows Phone Applications Debug your applications Find performance bottlenecks in your applications (Mango) Expression Blend 4 Design great User Interfaces for Windows Phone Applications No code/software development skills required Both tools integrate seamlessly with each other

12 Testing: Target Devices Device Emulator More realistic performance characteristics Emulate accelerometer readings Emulate location readings Any Windows Phone Device Real performance characteristics Needed to test the UI experience Location Aware applications hard to test Use both during your development life cycle

13 Silverlight Spy

14 Two Application Options Silverlight Event-driven application model Application-focused Metro-themed UI controls Comprehensive range of controls with launchers and choosers Business applications XNA Traditional frame loop Optimized for performance Supports 3-D graphics Uses full-screen all the time Games (Xbox)

15 Development Environment Options Windows Phone 7 tools only can be installed on Windows 7 Emulator will not run in a VM Emulator is a VM Debug straight against phone device Options: Windows 7 and SharePoint 2010 on same Windows 7 machine Windows 7 host > SharePoint 2010 VM Windows 7 host > Office 365

16 Silverlight Architecture OVERVIEW 16

17 Application Templates - Silverlight Windows Phone Application Windows Phone Databound Application Windows Phone Class Library Windows Phone Panorama Application Windows Phone Pivot Application Windows Phone Silverlight and XNA Application Windows Phone Audio Playback Agent Windows Phone Audio Streaming Agent Windows Phone Scheduled Task Agent Creates a project that can be used as a starting point for any Silverlight for Windows Phone application. This template provides a simple one-page application that uses the PhoneApplicationPage and PhoneApplicationFrame elements. Creates a project that uses the ListBox control and navigation features. In addition, this template creates an application using the Model-View-ViewModel design pattern. Creates a class library project that compiles as an assembly by default. This template has no UI elements and can be shared with other applications. Creates a project that uses a Panorama control that allows you to view controls, data, and services by using a long horizontal canvas that extends beyond the confines of the screen. Creates a project that uses a Pivot control to enable the you to switch between views or pages within the application. Creates a project that enables the rendering of Silverlight and XNA Framework content in the same application. Creates a class library project for adding a background agent to play audio files. This project type compiles as an assembly by default and can be referenced by Silverlight or XNA Framework application projects. Creates a class library project for adding a background agent to play streaming audio files. This project type compiles as an assembly by default and can be referenced by Silverlight or XNA Framework application projects. Creates a class library project for adding a background agent to perform a periodic or resource-intensive task. This project type compiles as an assembly by default and can be referenced by Silverlight or XNA Framework application projects.

18 Application Files (1) App.xaml, App.xaml.cs Configure application Application-wide resources (i.e. Styles, Storyboards, Brushes) Launching, Activated, Deactivated, Closing, Startup for tombstoning UnhandledException events User Control XAML (i.e. MainPage.xaml) Defines user interface using XAML elements User Control resources Code Behind (i.e. MainPage.xaml.cs) Constructor Event handlers Dynamically create XAML elements 18

19 Application Files (2) File AppManifest.xml AssemblyInfo.cs Description Application manifest file used for generating the XAP (application package) file Configuration file containing information for the assembly, such as title, description, company, GUID, etc. WMAppManifest.xml Contains manifest information for the application, such as application capabilities, background image, etc. ApplicationIcon.png Background.png PanoramaBackground.png SplashScreenImage.png The icon that is displayed when you install your application on the phone The image to display when your application is "pinned" to the Start screen (Optional) The background image when your application type is Panorama The splash screen that will be displayed when you first start your application

20 XAML extensible Application Markup Language Markup language used to instantiate.net objects Create Visible user interface (UI) elements Resources (i.e. Styles, Storyboards, Brushes) Preferred approach Leverage data binding Amenability to tooling 20

21 User Interface (UI) Elements Includes typical user interface controls (i.e. TextBlock, TextBox, Image, etc.) Other options Silverlight for Windows Phone Toolkit (CodePlex) 3 rd party Components (i.e. Telerik) Custom

22 Layout Containers Top-level element in User Control must be a container Used to group UI elements together Containers can contain other containers Container Description Found StackPanel Elements are placed in either horizontal or vertical stack. Core Grid Canvas Elements are arranged in rows and columns within an invisible table. Elements can be arranged by setting the absolute position using fixed coordinates. Example would be a map with hotspots. Core Core

23 Styles Very similar to HTML CSS Collection of property values that can be applied to a XAML element (i.e. TextBlock) Styles can be inherited (same type) Goals: Promote reuse Reduce XAML bloat Smaller file sizes Windows Phone 7: Use built-in styles when possible 23

24 Styles Example <TextBlock Text="{Binding ProjectName}" FontFamily="Verdana" FontSize= 9" Margin="2,3,0,0"></ TextBlock > <TextBlock Text="{Binding DueDate}" FontFamily="Verdana" FontSize= 9" Margin="2,3,0,0"></ TextBlock > <Style x:key= SimpleTextBlockStyle" TargetType= TextBlock"> <Setter Property="FontFamily" Value="Verdana"></Setter> <Setter Property="FontSize" Value="9"></Setter> <Setter Property="Margin" Value="2,3,0,0"></Setter> </Style> < TextBlock Content="{Binding ProjectName}" Style="{StaticResource SimpleTextBlockStyle}"></ TextBlock > <HyperlinkButton Content="{Binding DueDate}" Style="{StaticResource SimpleTextBlockStyle}"></HyperlinkButton> 24

25 Data Binding Pull information out of an object and display in user interface controls INotifyPropertyChanged Interface Notify binding clients that a property value has changed Helpful with Silverlight s asynchronous data calls ObservableCollection<T> for collections Syntax <TextBlock Text="{Binding DueDate}"/> 25

26 Converters Used to format numbers and strings in XAML Examples DueDate (2/15/ :00:00 AM) 2/15/10 UnitCost (45.5) $45.50 One option is to convert data within your business object (i.e. Model) using read-only properties Process Implement IValueConverter interface Convert and ConvertBack functions ConvertBack when using TwoWay data binding mode 26

27 Short Date Converter Example public class ShortDateConverter : IValueConverter { public object Convert(object value, Type targettype, object parameter, CultureInfo culture) { return string.format("{0:mm/dd/yy}", System.Convert.ToDateTime(value)); } } public object ConvertBack(object value, Type targettype, object parameter, CultureInfo culture) { throw new NotImplementedException(); } <UserControl.Resources> <view:shortdateconverter x:key="shortdateconverter"></view:shortdateconverter> </UserControl.Resources> <TextBlock Content="{Binding DueDate, Converter={StaticResource ShortDateConverter}}" Style="{StaticResource TitleFontStyle}" /> 27

28 Silverlight Basics DEMO 28

29 Windows Phone 7 and SharePoint DATA ACCESS/SECURITY 29

30 SharePoint Application SharePoint Content SharePoint Object Model SharePoint Web Services Custom Web Services REST/ODATA RSS SharePoint Client Object Model

31 Authentication Options NTLM Not supported FBA SharePoint 2010 Web Applications set to Claims Mode Attach CookieContainer to web service proxy Use Authentication.asmx Anonymous Access Not supported ForeFront Unified Access Gateway (UAG) Access SharePoint through the firewall Office 365 Similar to FBA (CookieContainer) Redirect to login using WebBrowser control

32 Office 365 Data Access DEMO 32

33 Build real-world applications ADVANCED DEVELOPMENT TECHNIQUES 33

34 Live Tiles Display when app is pinned to Start screen Information on state of information inside the application Could hardcode in WMAppManifest.xml Developer: Update primary Live Tile Create secondary Live Tiles Use Localization Tile Toolkit for WP7 (CodePlex)

35 Device Integration Contacts (read-only) Appointments (read-only) Alarms and Reminders Launchers (Bing Maps, Compose , Phone Call, Search, Compose SMS, Web Browser, etc.) Choosers (Address, Camera Capture, Address, Phone Number, Save , etc.) Music/Pictures

36 Tombstoning Resource: Essential Windows Phone 7.5: Application Development with SharePoint

37 Thank you! Steve Pietrek