Mobility: Development Strategies in SharePoint 2013
•Transferir como PPTX, PDF•
0 gostou•1,625 visualizações
SharePoint 2013: Why Mobile Friendly Options in SharePoint 2010 SharePoint 2013 Features Limitations Enhancements
Recomendados
Mais conteúdo relacionado
Semelhante a Mobility: Development Strategies in SharePoint 2013
Semelhante a Mobility: Development Strategies in SharePoint 2013 (20)
Mais de Perficient, Inc.
Mais de Perficient, Inc. (20)
Último
Último (20)
Mobility: Development Strategies in SharePoint 2013
- 1. Mobility: Development Strategies in SharePoint 2013
- 2. Introduction Amol Ajgaonkar Sr. Technical Architect • Working in SharePoint since 2003 • WCM / ECM • Focus: Custom Development / Tech. Design
- 3. Objective Mobility • Why Mobile Friendly • Options in SharePoint 2010 • SharePoint 2013 Features • Limitations • Enhancements
- 4. 68percent of smartphone users who use the Internet every day percent of smartphone 25users who use the Internet exclusively on their smartphone One in four Americans own a smartphone, a number that grew by 60% in 2011. 4.6 percent of all Internet traffic that originates from smartphones Source: 2011 Pew Internet Study
- 6. SharePoint 2013 Features • 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.
- 8. Display Templates • HTML Snippets with JavaScript List Control Template(<ul>,<div,> etc.) Group Control Template Item Template (E.g. <li>, <div>…)
- 9. Demo • Device Channels • Image Renditions • Display Templates • Content Authoring (Catalogs) • Master Page Assignment
- 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. 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. Enhancemen ts • Custom Mobile Panel • Allow web part zones in Mobile Panels • Better authoring experience • Tabbed content authoring. • OOTB web parts targeting device channels.
- 13. Demo • Custom Mobile Channel Panel • Target OOTB Web Parts to Channels • Authoring experience using Tabs • jQuery and twitter bootstrap framework
- 14. Design considerations • Responsive Design • Device Channels
- 15. Responsive Hybrid Approach Device Channels Design
- 16. Responsive Design + Device Channels = Better Process 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. Questions
- 18. Thank You • Twitter: @SharePointLife • Blog: http://bit.ly/sharepointblog • Profile: www.amolajgaonkar.com / http://bit.ly/spamol • Email: amol.ajgaonkar@perficient.com
Notas do Editor
- 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.