SharePoint 2013 Web Content
                 Management
            Mobility and Search
About Perficient




   Perficient is a leading information technology consulting firm serving
    clients throughout North America.
   Perficient helps clients implement business-driven technology solutions
    that …
     ‒   Integrate business processes
     ‒   Improve worker productivity
     ‒   Increase customer loyalty
     ‒   Create a more agile enterprise to better respond to new business opportunities.
                                                                                           2
Perficient Profile
   Founded in 1997

   Public, NASDAQ: PRFT

   2011 Revenue of $248 million

   20 major market locations throughout North America
     ‒   Atlanta, Austin, Charlotte, Chicago, Cincinnati, Cleveland, Columbus, Dallas,
         Denver, Detroit, Fairfax, Houston, Indianapolis, Minneapolis, New Orleans,
         Philadelphia, San Jose, Southern California, St. Louis and Toronto


   ~2,000 colleagues

   Dedicated solution practices

   More than 500 enterprise clients (2010) and 85%
    repeat business rate

   Alliance partnerships with major technology vendors

   Multiple vendor/industry technology and growth
    awards


                                                                                         3
Our Solutions Expertise & Services

Business-Driven Solutions                        Perficient Services
•   Enterprise Portals                            End-to-End Solution Delivery
•   SOA and Business Process Mgmt                 IT Strategic Consulting
•   Business Intelligence                         IT Architecture Planning
•   User-Centered Custom Applications             Business Process & Workflow Consulting
•   Interactive Design                            Usability and UI Consulting
•   CRM Solutions                                 Custom Application Development
•   Enterprise Performance Management             Offshore Development
•   Customer Self-Service                         Package Selection, Implementation and
•   eCommerce & Product Information Management     Integration
•   Enterprise Content Management                 Architecture & Application Migrations
•   Enterprise Resource Planning                  Education
•   Management Consulting                         Interactive Design
•   Industry-Specific Solutions
•   Mobile Technology
                                                 Perficient brings deep solutions expertise and offers a
•   Security Assessments
                                                 complete set of flexible services to help clients implement
                                                 business-driven IT solutions
Our SharePoint Expertise is #1

SharePoint is HOT!
Perficient is one of the strongest, largest, most trusted SharePoint partners in the
United States.

   400+ professionals in the SharePoint practice area
   Leader in cloud-based SharePoint Online implementations
   500+ SharePoint projects
   One of 20 companies worldwide on Microsoft Partner Advisory Council for
    SharePoint
   Hired by Microsoft to build SharePoint 2010 demo for Microsoft Technology
    Centers (MTC)
   Early access to software and training via Product Group relationships
   Defined competencies in infrastructure, development, design, and strategy
   Strong partnerships with Nintex, NewsGator, AvePoint, Telligent, Metalogix, and
    Yammer

                                                                                       5
6
7
8
Topics




     9
SharePoint 2013 WCM



• Site design using technologies
  web developers know & love


• Re-architected markup
Web Designers in SharePoint 2010


                                  Custom
                                 Navigation



           HTML


Sketches


           CSS




 Dreamweaver
                           SharePoint Designer
                                                 11
Designer and Developer Enablement in SP2013



                                           SharePoint


           HTML

                                  Auto         Snippet   Channel
Sketches              Upload
                                 Convert       Gallery   settings

           CSS




                               Dreamweaver                          12
DEMO: Design




               13
Design Demo: Recap



What we just saw:
• Upload assets from a design agency (HTML5, CSS , .js)
• Design Manager:
   • Import as a Master Page
   • Identified and fixed a validation issue (<FORM> element)
• Snippet Gallery:
   • Move the Content Placeholder
   • Add Navigation
• Apply the new Master Page
• …all using Notepad++
                                                                14
PUBLISH: Overview


Search Driven Publishing Model



Multi-lingual variants and built-
in translation services

Author simplicity

Integration Scenarios
                                    15
DEMO: Publish




                16
News / Services (Catalog)
                                                Tagging Term Set




                           Catalog Connection                                          SEARCH
                                                                                        Index




                                                                        Search Crawl
                                                  Navigation Term Set
Images / Assets (DocLib)




                                                                                                17
ContentType=Carousel
         Display Template=Slideshow




                   ContentType=FeaturedWork
                   Display Template=FeaturedWork

SEARCH
 Index




                                                   18
Integration with External data

               Crawl                                      Query
         Content                                       Content by Search Web Part
        Enrichment         4

     Search Engine / Index

    Protocol           Connector
    Handler            Framework
                                                   5          Display Templates
                                         3

2     Model Files
       Research                    BCS
         News


1                                                  6
SharePoint 2013 WCM



• Adaptive Experience
  – Dynamic content
  – User segmentation
• Mobile support
  – Responsive design
  – Device channels
  – Image renditions
Adaptive Experiences


• SharePoint Search as the engine of SP2013
  WCM
• Out-of-the-box capabilities:
  • Activity ranking: Sort by recent views and clicks
  • Usage counts: Overall viewed or clicked items
  • Recommendations: Based on item-to-item relationships
• Customized, adaptive experiences based on:
  • User behavior (clicks)
  • Referral data from search engines
  • Browser type

                                                           21
Why Mobile Matters


• Mobile sales to                                  Global Mobile vs. Desktop Internet User
                                                                 Projection,
  account for 15% of                                   2007-2015E, by Morgan Stanley
  US retail e-
                                        2000
  commerce in 2013
• Per day: 371K        INTERNET USERS (MM)
                                        1600

  babies born. 378K
                                        1200
  iPhones sold. 700K
  Android devices                            800
  activated.
                                             400

                                               0
                                                2006     2008     2010    2012     2014   2016
                                                                Mobile   Desktop
Mobile: Responsive Design




• Works via CSS3 media
  queries
• All purpose
Mobile: Device Channels




• Channel defined by User
  Agent string
• Use Cases:
  • Smaller images / page weight
  • Fundamentally different layout or
    content
  • Extensive use of mobile
    frameworks
• Compliments Responsive
  Design
DEMO: Engage
Adaptive Experiences
      Mobility




                       25
Conclusion




Designer tools    Search driven (data)    Dynamic content
Design Manager    Term driven (nav)       Device channels
Snippet Gallery   Template-centric        Responsive design
HTML5             Extensible / powerful
                  Designer friendly

                                                              26
27
Connect with Perficient




perficient.com/lyncconf   SharePointTeam@Perficient.com    blogs.perficient.com/microsoft




http://bit.ly/SV4vVf      http://slidesha.re/RmJln5        April 10-12, 2013
                                                           www.shareconference.com/us
Contact Us




    Thank You!
         Travis Nielsen
travis.nielsen@perficient.com
    Twitter: @travisnielsen

Manage Your Web Content with SharePoint 2013 Mobility and Search

  • 1.
    SharePoint 2013 WebContent Management Mobility and Search
  • 2.
    About Perficient  Perficient is a leading information technology consulting firm serving clients throughout North America.  Perficient helps clients implement business-driven technology solutions that … ‒ Integrate business processes ‒ Improve worker productivity ‒ Increase customer loyalty ‒ Create a more agile enterprise to better respond to new business opportunities. 2
  • 3.
    Perficient Profile  Founded in 1997  Public, NASDAQ: PRFT  2011 Revenue of $248 million  20 major market locations throughout North America ‒ Atlanta, Austin, Charlotte, Chicago, Cincinnati, Cleveland, Columbus, Dallas, Denver, Detroit, Fairfax, Houston, Indianapolis, Minneapolis, New Orleans, Philadelphia, San Jose, Southern California, St. Louis and Toronto  ~2,000 colleagues  Dedicated solution practices  More than 500 enterprise clients (2010) and 85% repeat business rate  Alliance partnerships with major technology vendors  Multiple vendor/industry technology and growth awards 3
  • 4.
    Our Solutions Expertise& Services Business-Driven Solutions Perficient Services • Enterprise Portals  End-to-End Solution Delivery • SOA and Business Process Mgmt  IT Strategic Consulting • Business Intelligence  IT Architecture Planning • User-Centered Custom Applications  Business Process & Workflow Consulting • Interactive Design  Usability and UI Consulting • CRM Solutions  Custom Application Development • Enterprise Performance Management  Offshore Development • Customer Self-Service  Package Selection, Implementation and • eCommerce & Product Information Management Integration • Enterprise Content Management  Architecture & Application Migrations • Enterprise Resource Planning  Education • Management Consulting  Interactive Design • Industry-Specific Solutions • Mobile Technology Perficient brings deep solutions expertise and offers a • Security Assessments complete set of flexible services to help clients implement business-driven IT solutions
  • 5.
    Our SharePoint Expertiseis #1 SharePoint is HOT! Perficient is one of the strongest, largest, most trusted SharePoint partners in the United States.  400+ professionals in the SharePoint practice area  Leader in cloud-based SharePoint Online implementations  500+ SharePoint projects  One of 20 companies worldwide on Microsoft Partner Advisory Council for SharePoint  Hired by Microsoft to build SharePoint 2010 demo for Microsoft Technology Centers (MTC)  Early access to software and training via Product Group relationships  Defined competencies in infrastructure, development, design, and strategy  Strong partnerships with Nintex, NewsGator, AvePoint, Telligent, Metalogix, and Yammer 5
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
    SharePoint 2013 WCM •Site design using technologies web developers know & love • Re-architected markup
  • 11.
    Web Designers inSharePoint 2010 Custom Navigation HTML Sketches CSS Dreamweaver SharePoint Designer 11
  • 12.
    Designer and DeveloperEnablement in SP2013 SharePoint HTML Auto Snippet Channel Sketches Upload Convert Gallery settings CSS Dreamweaver 12
  • 13.
  • 14.
    Design Demo: Recap Whatwe just saw: • Upload assets from a design agency (HTML5, CSS , .js) • Design Manager: • Import as a Master Page • Identified and fixed a validation issue (<FORM> element) • Snippet Gallery: • Move the Content Placeholder • Add Navigation • Apply the new Master Page • …all using Notepad++ 14
  • 15.
    PUBLISH: Overview Search DrivenPublishing Model Multi-lingual variants and built- in translation services Author simplicity Integration Scenarios 15
  • 16.
  • 17.
    News / Services(Catalog) Tagging Term Set Catalog Connection SEARCH Index Search Crawl Navigation Term Set Images / Assets (DocLib) 17
  • 18.
    ContentType=Carousel Display Template=Slideshow ContentType=FeaturedWork Display Template=FeaturedWork SEARCH Index 18
  • 19.
    Integration with Externaldata Crawl Query Content Content by Search Web Part Enrichment 4 Search Engine / Index Protocol Connector Handler Framework 5 Display Templates 3 2 Model Files Research BCS News 1 6
  • 20.
    SharePoint 2013 WCM •Adaptive Experience – Dynamic content – User segmentation • Mobile support – Responsive design – Device channels – Image renditions
  • 21.
    Adaptive Experiences • SharePointSearch as the engine of SP2013 WCM • Out-of-the-box capabilities: • Activity ranking: Sort by recent views and clicks • Usage counts: Overall viewed or clicked items • Recommendations: Based on item-to-item relationships • Customized, adaptive experiences based on: • User behavior (clicks) • Referral data from search engines • Browser type 21
  • 22.
    Why Mobile Matters •Mobile sales to Global Mobile vs. Desktop Internet User Projection, account for 15% of 2007-2015E, by Morgan Stanley US retail e- 2000 commerce in 2013 • Per day: 371K INTERNET USERS (MM) 1600 babies born. 378K 1200 iPhones sold. 700K Android devices 800 activated. 400 0 2006 2008 2010 2012 2014 2016 Mobile Desktop
  • 23.
    Mobile: Responsive Design •Works via CSS3 media queries • All purpose
  • 24.
    Mobile: Device Channels •Channel defined by User Agent string • Use Cases: • Smaller images / page weight • Fundamentally different layout or content • Extensive use of mobile frameworks • Compliments Responsive Design
  • 25.
  • 26.
    Conclusion Designer tools Search driven (data) Dynamic content Design Manager Term driven (nav) Device channels Snippet Gallery Template-centric Responsive design HTML5 Extensible / powerful Designer friendly 26
  • 27.
  • 28.
    Connect with Perficient perficient.com/lyncconf SharePointTeam@Perficient.com blogs.perficient.com/microsoft http://bit.ly/SV4vVf http://slidesha.re/RmJln5 April 10-12, 2013 www.shareconference.com/us
  • 29.
    Contact Us Thank You! Travis Nielsen travis.nielsen@perficient.com Twitter: @travisnielsen