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 Data Model Lists Content Management

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 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 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 Develop, Deploy and Debug Visual Studio 2010

SharePoint Designers Free for creating and editing SharePoint artifacts New & Improved Tools SharePoint not required locally Projects Upgradable to Visual Studio 2010 SharePoint Designer 2010

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

Themes

Master Pages Master page – Basic structure – Navigation – CSS Page content – Page Layouts – Web Part layout pages Interactive UI Pieces – Status Bar – Dialogs – Notifications

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

Master Page and CSS

SharePoint Artifact SharePoint Artifact SharePoint Artifact OM, Web 2.0, Service, … Silverlight Integration Consistent Tools & Application Model

Developer and Designer Design & Development Workflow

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: SharePoint Examples: SharePoint 2010 VHD: /01/26/download-the-sharepoint vhd.aspx /01/26/download-the-sharepoint vhd.aspx

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 to and we’ll match you with someone in your country.

Silverlight Research If you are interested in participating in future Silverlight research, please

Paul Stubbs Technical Evangelist Microsoft Corporation