Mobility: Development Strategies in SharePoint 2013


Published on

SharePoint 2013:
Why Mobile Friendly
Options in SharePoint 2010
SharePoint 2013 Features

Published in: Technology
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide
  • One in four == 80 million AmericansAdd geographic context and market share context
  • Some options in SharePoint 2010Mobile View PagesMobile Web Part AdaptersReuse Variations FrameworkCustom/3rd Party.Major ChallengesDifferent UI for different devicesContent targeting
  • High Res. Image Different parts of images as renditionsScaled down images Performance ImprovementsLow Network bandwidth usageTarget scaled down images to mobile devices.Stored in Blob CacheRendition Def. stored in Master Page Gallery and property bag in Image SPListItem.
  • Search web parts use Display Templates. Render the List Template which in turn renders the group and then renders the item template. Result types can be used to target different types of content to different display templates.
  • Respon
  • Respon
  • One end the of spectrum, everything is handled by Responsive design, lose content targeting. Other end is Device Channel -> more effort in implementation and support.Midway -> Responsive Design to handle Desktop and Tablets. Device channels to target mobile devices.
  • Mobility: Development Strategies in SharePoint 2013

    1. 1. Mobility: Development Strategies in SharePoint 2013
    2. 2. Introduction Amol Ajgaonkar Sr. Technical Architect • Working in SharePoint since 2003 • WCM / ECM • Focus: Custom Development / Tech. Design
    3. 3. ObjectiveMobility • Why Mobile Friendly • Options in SharePoint 2010 • SharePoint 2013 Features • Limitations • Enhancements
    4. 4. 68percent of smartphone users who use the Internet every day percent of smartphone 25users who use the Internet exclusively on their smartphoneOne in four Americans owna smartphone, a numberthat grew by 60% in 2011. 4.6 percent of all Internet traffic that originates from smartphones Source: 2011 Pew Internet Study
    5. 5. SharePoint 2010Mobility
    6. 6. SharePoint2013Features • Device Channels Target different devices through user agents • Master Pages Assign master pages to device channels • Mobile Panels in Page Layouts Target content to device channels • Image Renditions • Display Templates Create content templates.
    7. 7. Image Renditions
    8. 8. Display Templates• HTML Snippets with JavaScriptList Control Template(<ul>,<div,> etc.) Group Control Template Item Template (E.g. <li>, <div>…)
    9. 9. Demo • Device Channels • Image Renditions • Display Templates • Content Authoring (Catalogs) • Master Page Assignment
    10. 10. Limitations /Issues• Maintain user agent strings in Device Channels.• No web part zones in Mobile Panels.• Authoring experience could be better.• OOTB web parts cannot target device channels.
    11. 11. Demo• OOTB Content Authoring• Mobile Channel Panel with WP zones• Mobile Channel Panel w/o WP zones• Cannot target OOTB web parts to channels
    12. 12. Enhancements• Custom Mobile Panel • Allow web part zones in Mobile Panels• Better authoring experience • Tabbed content authoring.• OOTB web parts targeting device channels.
    13. 13. Demo• Custom Mobile Channel Panel• Target OOTB Web Parts to Channels• Authoring experience using Tabs• jQuery and twitter bootstrap framework
    14. 14. Design considerations• Responsive Design• Device Channels
    15. 15. Responsive Hybrid Approach Device ChannelsDesign
    16. 16. Responsive Design + Device Channels = BetterProcess experience.• Define device channels.• Create master pages for different channels.• Frameworks • jQuery mobile • Twitter Bootstrap• Create display templates• Enhancements to overcome limitations.• Define images renditions• TEST, TEST, TEST
    17. 17. Questions
    18. 18. Thank You • Twitter: @SharePointLife • Blog: • Profile: / • Email: