Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.

Mobility: Development Strategies in SharePoint 2013

3.824 Aufrufe

Veröffentlicht am

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

Veröffentlicht in: Technologie
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

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: http://bit.ly/sharepointblog • Profile: www.amolajgaonkar.com / http://bit.ly/spamol • Email: amol.ajgaonkar@perficient.com

×