230 likes | 381 Views
Designing Enterprise Corporate Web Sites using SharePoint 2010. Paul Stubbs Technical Evangelist Microsoft. Functional to Fabulous. Questions. What customization options are available? How do I get started as a designer? How can I create consistent experiences?. SharePoint Platform.
E N D
Designing Enterprise Corporate Web Sites using SharePoint 2010 Paul Stubbs Technical Evangelist Microsoft
Questions • What customization options are available? • How do I get started as a designer? • How can I create consistent experiences?
SharePoint Platform SharePoint Server Capabilities Pages and User Interface Content Search Insights Sites Communities Compositions Web Services Master Pages Event Model External Lists Query Templates Features File System Lists Workflow Solutions Client OM REST Library Features LINQ Content Types Silverlight Page Layout Themes CSS Connected Client APIs Server APIs Application Model (Sites) Application Lifecycle Content Management Data Model Lists
Getting Started • Either SharePoint Foundation or SharePoint Server • 64bit Windows 7 • Not supported for production • Only for stand alone installation • Can be disabled through Group Policy • Just for developers and designers • Requires following install guide in SDK • Complete VHD available
SharePoint Developers Visual Studio 2010 Develop, Deploy and Debug • Web Part, BDC and Workflow designers • Package and Deploy SharePoint projects • Generate WSP for Production Deployment • View SharePoint site in Server Explorer • Team Foundation Server Integration Broad SharePoint Support • Support for SharePoint Sandboxed Solutions • Import WSP from SharePoint Designer including Workflow • Build Workflow Steps for SharePoint Designer • Extensibility for Development of Additional SharePoint Artifacts • SharePoint Business Connectivity Services support
SharePoint Designers SharePoint Designer 2010 • Free for creating and editing SharePoint artifacts • New & Improved Tools • SharePoint not required locally • Projects Upgradable to Visual Studio 2010
demo SharePoint 2010 Default UI and Tools
Themes in 2010 • Colors + Fonts in Open XML Theme Format • CSS files are marked with “variables” • Comment-based design -> Standards • Only one CSS file -> Performance • Make existing designs theme-compatible
demo Themes
Master Pages Master Page Page Layout • Master page • Basic structure • Navigation • CSS • Page content • Page Layouts • Web Part layout pages • Interactive UI Pieces • Status Bar • Dialogs • Notifications Master Page
Custom Master Page • Richer editing tool in SharePoint Designer • Consistent master page story across SharePoint Server publishing sites and Foundation • Blog / Wiki Customization • Admin Pages • JavaScript Object Model • UI framework pieces are extensible
demo Master Page and CSS
Silverlight Integration High Touch No Touch Low Touch SharePoint Artifact SharePoint Artifact <html/> OM, Web 2.0, Service, … Consistent Tools & Application Model
Developer and Designer Design & Development Workflow
demo Silverlight
Other Sessions of Interest • PR02 - Designing an Internet-Facing Web Site Using SharePoint 2010 • Elisabeth Olson • Wed 9:00am, Breakers D • EX28 - Building Rich and Interactive Experiences in SharePoint • Andre Engberts • Mon 3:30pm, Breakers J
Resources • Starter.master: http://bit.ly/cKDYMi • SharePoint Examples: http://www.wssdemo.com • SharePoint 2010 VHD: http://blogs.msdn.com/pstubbs/archive/2010/01/26/download-the-sharepoint-2010-vhd.aspx
http://channel9.msdn.com/learn/courses Over 20 Training Units Over 70 Videos Over 12 Hours of Instruction Over 20 Hours of Hands on Labs
Early Adoption Program • Commitments: • NDA • Scope and release date information for a product or project that uses the desired technology. • Benefits: • Access to bits and content • Technical Briefings and training events • Technical Support • If you want to join: • Talk to your Microsoft representative and ask him/her to nominate your company. • If you don’t know whom to ask, send email to metroreq@microsoft.com and we’ll match you with someone in your country.
Silverlight Research If you are interested in participating in future Silverlight research, please email devur@microsoft.com.
Questions? Paul Stubbs Technical Evangelist Microsoft Corporation pstubbs@microsoft.com blogs.msdn.com/pstubbs @PaulStubbs
© 2009 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.