SharePoint Saturday Chicago 2013 - Designing for SharePoint 2013
-
Upload
marc-anderson -
Category
Technology
-
view
2.499 -
download
3
description
Transcript of SharePoint Saturday Chicago 2013 - Designing for SharePoint 2013
1 | SharePoint Saturday Chicago 2013Twitter: @SPSChicago Hashtag #SPSChicago
Marc D AndersonSharePoint MVP
Designing for SharePoint 2013
2 | SharePoint Saturday Chicago 2013Twitter: @SPSChicago Hashtag #SPSChicago
YammerHow to Join the Conversation1. Download the Yammer phone app from the iTunes, Windows Phone, or
Android App Store.2. Join your company network, if you haven't already, at
http://www.yammer.com.3. Go to https://www.yammer.com/microsoftmidwestcustomers and click
"request an invitation". When you receive the invitation click "accept."4. Go to
https://www.yammer.com/microsoftmidwestcustomers/groups/spschicago and click "join." You will receive a welcome message in 24-72 hrs.
5. Once you have access you will be able to download posted presentations, ask questions of any of the subject matter experts and participate in any conversations going on in the group
3 | SharePoint Saturday Chicago 2013Twitter: @SPSChicago Hashtag #SPSChicago
Who Is Marc? Co-Founder and President of Sympraxis
Consulting LLC, located in the Boston suburb of Newton, MA, USA. Sympraxis focuses on enabling collaboration throughout the enterprise using the SharePoint application platform.
More than 30 years of experience in technology professional services and software development. Over a wide-ranging career in consulting as well as line manager positions, Marc has proven himself as a problem solver and leader who can solve difficult technology problems for organizations across a wide variety of industries and organization sizes.
Three-time awardee of the Microsoft MVP award for SharePoint Server (2011, 2012, 2013).
4 | SharePoint Saturday Chicago 2013Twitter: @SPSChicago Hashtag #SPSChicago
Outline & Agenda SharePoint MVP Marc Anderson will introduce you to the
possibilities of design and customization in SharePoint 2013. Tour the newest interface features, learn best practices, and discover exciting new ways to interact with your SharePoint 2013 environment.
While we can still implement designs in SharePoint 2013 the “old way” we’re used to, there are new capabilities that can make the process easier for both designers who are very familiar with SharePoint and those designers who have never worked with SharePoint.
We’ll look at the new Design Manager capabilities and learn how to create and integrate Master pages, Display Templates, and Page Layouts. Not only does the Design Manager make it easier to create new designs for SharePoint from scratch, it can also help you manage your existing designs after an upgrade. The Design Manager even allows designers to use the tools they know and love like Dreamweaver, Photoshop, or any other HTML editor.
5 | SharePoint Saturday Chicago 2013Twitter: @SPSChicago Hashtag #SPSChicago
What Is Design?de·sign /dɪˈzaɪn/ [dih-zahyn]verb (used with object)1. to prepare the preliminary sketch or the plans for (a work to be executed), especially to plan the form and structure of: to design a new bridge. 2. to plan and fashion artistically or skillfully. 3. to intend for a definite purpose: a scholarship designed for foreign students. 4. to form or conceive in the mind; contrive; plan: The prisoner designed an intricate escape. 5. to assign in thought or intention; purpose: He designed to be a doctor. 6. Obsolete. to mark out, as by a sign; indicate. verb (used without object) 7. to make drawings, preliminary sketches, or plans. 8. to plan and fashion the form and structure of an object, work of art, decorative scheme, etc.
Definition from Dictionary.com http://dictionary.reference.com/browse/design
6 | SharePoint Saturday Chicago 2013Twitter: @SPSChicago Hashtag #SPSChicago
But wait…Noun9. an outline, sketch, or plan, as of the form and structure of a work of art, an edifice, or a machine to be executed or constructed. 10. organization or structure of formal elements in a work of art; composition. 11. the combination of details or features of a picture, building, etc.; the pattern or motif of artistic work: the design on a bracelet. 12. the art of designing: a school of design. 13. a plan or project: a design for a new process. 14. a plot or intrigue, especially an underhand, deceitful, or treacherous one: His political rivals formulated a design to unseat him. 15. designs, a hostile or aggressive project or scheme having evil or selfish motives: He had designs on his partner's stock. 16. intention; purpose; end. 17. adaptation of means to a preconceived end.
7 | SharePoint Saturday Chicago 2013Twitter: @SPSChicago Hashtag #SPSChicago
Form vs. Function
Form FunctionTypically the domain of
Designers, Marketing folks
Typically the domain of Developers, IT folks
RealityIt has to be both:“function requires
form”
The Form v Function Ratio by Dan Antion http://www.aiim.org/community/blogs/expert/The-Form-v-Function-Ratio
8 | SharePoint Saturday Chicago 2013Twitter: @SPSChicago Hashtag #SPSChicago
What’s the Solution? Use SharePoint as an out-of-box
application whenever possible - We designed the new SharePoint UI to be clean, simple and fast and work great out-of-box. We encourage you not to modify it which could add complexity, performance and upgradeability and to focus your energy on working with users and groups to understand how to use SharePoint to improve productivity and collaboration and identifying and promoting best practices in your organization.
SharePoint
“The New SharePoint” by Jeff Teper on the Microsoft SharePoint Team Blog http://sharepoint.microsoft.com/blog/Pages/BlogPost.aspx?pID=1012
9 | SharePoint Saturday Chicago 2013Twitter: @SPSChicago Hashtag #SPSChicago
Design Lite
10 | SharePoint Saturday Chicago 2013
Twitter: @SPSChicago Hashtag #SPSChicago
Change the Look
11 | SharePoint Saturday Chicago 2013
Twitter: @SPSChicago Hashtag #SPSChicago
Publishing Portal
12 | SharePoint Saturday Chicago 2013
Twitter: @SPSChicago Hashtag #SPSChicago
Information Architecture
13 | SharePoint Saturday Chicago 2013
Twitter: @SPSChicago Hashtag #SPSChicago
Site Columns
14 | SharePoint Saturday Chicago 2013
Twitter: @SPSChicago Hashtag #SPSChicago
Content Types
15 | SharePoint Saturday Chicago 2013
Twitter: @SPSChicago Hashtag #SPSChicago
Design Manager
16 | SharePoint Saturday Chicago 2013
Twitter: @SPSChicago Hashtag #SPSChicago
Design Manager Requirements
Design Manager is only available with Publishing Features activated, thus SharePoint Server only
Site Collectio
n
Site
17 | SharePoint Saturday Chicago 2013
Twitter: @SPSChicago Hashtag #SPSChicago
Design Manager Trick Create a new Site Collection for design work Activate the Site Collection Feature:
SharePoint Server Publishing Infrastructure Activate the site feature: SharePoint Server
Publishing Do your design work in that Site Collection
with Design Manager Copy design artifacts into your core Site
Collection or deploy per your governance model
Caveat: Some adaptation is required
18 | SharePoint Saturday Chicago 2013
Twitter: @SPSChicago Hashtag #SPSChicago
Design Manager Capabilities
19 | SharePoint Saturday Chicago 2013
Twitter: @SPSChicago Hashtag #SPSChicago
Device Channels
20 | SharePoint Saturday Chicago 2013
Twitter: @SPSChicago Hashtag #SPSChicago
Upload Design Files
21 | SharePoint Saturday Chicago 2013
Twitter: @SPSChicago Hashtag #SPSChicago
Map a Network Drive How to: Map a network
drive to the SharePoint 2013 Master Page Gallery (http://msdn.microsoft.com/en-us/library/jj733519.aspx)
22 | SharePoint Saturday Chicago 2013
Twitter: @SPSChicago Hashtag #SPSChicago
Edit Master Pages
23 | SharePoint Saturday Chicago 2013
Twitter: @SPSChicago Hashtag #SPSChicago
Snippets
24 | SharePoint Saturday Chicago 2013
Twitter: @SPSChicago Hashtag #SPSChicago
Master Page Snippets
25 | SharePoint Saturday Chicago 2013
Twitter: @SPSChicago Hashtag #SPSChicago
Edit Display Templates
26 | SharePoint Saturday Chicago 2013
Twitter: @SPSChicago Hashtag #SPSChicago
Edit Page Layouts
27 | SharePoint Saturday Chicago 2013
Twitter: @SPSChicago Hashtag #SPSChicago
Create a Page Layout
28 | SharePoint Saturday Chicago 2013
Twitter: @SPSChicago Hashtag #SPSChicago
Page Layout Snippets
29 | SharePoint Saturday Chicago 2013
Twitter: @SPSChicago Hashtag #SPSChicago
Publish and Apply Design
30 | SharePoint Saturday Chicago 2013
Twitter: @SPSChicago Hashtag #SPSChicago
Create Design Package
31 | SharePoint Saturday Chicago 2013
Twitter: @SPSChicago Hashtag #SPSChicago
Image Renditions
32 | SharePoint Saturday Chicago 2013
Twitter: @SPSChicago Hashtag #SPSChicago
Image Renditions Requirement
The Blob Cache must be enabled in IIS Configure cache settings for a web
application in SharePoint Server 2013 (http://technet.microsoft.com/en-us/library/cc770229.aspx)
33 | SharePoint Saturday Chicago 2013
Twitter: @SPSChicago Hashtag #SPSChicago
Image Renditions
34 | SharePoint Saturday Chicago 2013
Twitter: @SPSChicago Hashtag #SPSChicago
Working with Image Renditions
35 | SharePoint Saturday Chicago 2013
Twitter: @SPSChicago Hashtag #SPSChicago
Demo
36 | SharePoint Saturday Chicago 2013
Twitter: @SPSChicago Hashtag #SPSChicago
Housekeeping Please remember to submit your session
evaluation using our mobile application Follow SharePoint Saturday Chicago on
Twitter @spschicago & use hashtag #spschicago
37 | SharePoint Saturday Chicago 2013
Twitter: @SPSChicago Hashtag #SPSChicago
Thanks to Our Sponsors!
38 | SharePoint Saturday Chicago 2013
Twitter: @SPSChicago Hashtag #SPSChicago
Contact InformationEmail [email protected]
Blog http://sympmarc.com
SPServices http://spservices.codeplex.com
SPXSLT http://spxslt.codeplex.com
eBook http://bit.ly/UnlockingDVWP
The Middle Tier Manifesto http://bit.ly/middletier