developer day internet sites mit sharepoint 2013 david schneider isolutions ag [email protected]

37
Developer Day Internet Sites mit SharePoint 2013 David Schneider isolutions AG [email protected]

Upload: conradine-stoebe

Post on 06-Apr-2015

120 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Developer Day Internet Sites mit SharePoint 2013 David Schneider isolutions AG david@sharepoint.ch

Developer Day

Internet Sites mit SharePoint 2013

David Schneiderisolutions [email protected]

Page 2: Developer Day Internet Sites mit SharePoint 2013 David Schneider isolutions AG david@sharepoint.ch

Speaker

David [email protected]://blog.sharepoint.ch isolutions AGHead of Development

Click icon to add picture

Click icon to add picture

Page 3: Developer Day Internet Sites mit SharePoint 2013 David Schneider isolutions AG david@sharepoint.ch

Agenda

Agenda

SharePoint 2010 5’Branding 15’Mehrsprachigkeit 10’Navigation 10’Search-Driven Websites15’Q&A5’

Page 4: Developer Day Internet Sites mit SharePoint 2013 David Schneider isolutions AG david@sharepoint.ch

Web Design heute

Mehrsprachig

Usability

Modernes Design

SEO

Any Device

Suche

Page 5: Developer Day Internet Sites mit SharePoint 2013 David Schneider isolutions AG david@sharepoint.ch

WCM mit SharePoint 2010

Blick zurück

Page 6: Developer Day Internet Sites mit SharePoint 2013 David Schneider isolutions AG david@sharepoint.ch

The past

Usability Rich Text EditorSEO (Metadata, sprechende URLs)Umsetzung DesignHTML 5VideosBlog TemplateNavigationsstruktur

Page 7: Developer Day Internet Sites mit SharePoint 2013 David Schneider isolutions AG david@sharepoint.ch

Branding

Page 8: Developer Day Internet Sites mit SharePoint 2013 David Schneider isolutions AG david@sharepoint.ch

Branding Konzept

Master Page

Page Layout Page

Content

Page 9: Developer Day Internet Sites mit SharePoint 2013 David Schneider isolutions AG david@sharepoint.ch

Design Manager

Design Manager

Page 10: Developer Day Internet Sites mit SharePoint 2013 David Schneider isolutions AG david@sharepoint.ch

Team Work mit Design Manager

Web Designer

Information Architect

Development Plattform

IntegrationPlattform

Deploy Design Package

LivePlattform

Deploy Design Package

Dreamweaver

Master PageDisplay

TemplatesPage LayoutsContent Types

Image Redentions

Device Channels

Page 11: Developer Day Internet Sites mit SharePoint 2013 David Schneider isolutions AG david@sharepoint.ch

Image Redentions

Bilder und Videos automatisch auf vorgegebene Grösse skalierenHohe Qualität der BilderSkalierte Bilder werden im BLOB Cache gespeichertBildausschnitt kann manuell festgelegt werdenRedention ID oder Height / Width als URL Parameter

Page 12: Developer Day Internet Sites mit SharePoint 2013 David Schneider isolutions AG david@sharepoint.ch

Rich Text Editor

Bessere UsabilityClean PasteEinfügen von IFrame, Embed, etc.Default Location für Assets

CustomizableEigene Styles hinterlegen

Click icon to add picture

Paste

RibbonVideos

Picture CaptionEmbed Code

Click icon to add picture

Page 13: Developer Day Internet Sites mit SharePoint 2013 David Schneider isolutions AG david@sharepoint.ch

HTML Code

VerbesserungenKeine TABLE für Web Part ZoneCSS überarbeitetClient Side Rendering für Content Search Web Part

W3C HTML Validationsharepoint.microsoft.com (SharePoint 2010): 138 errorsisolutions.ch (SharePoint 2010): 64 errorsSharePoint Online OOTB: 19 errorsMavention.nl (SharePoint 2013 Preview): 0 errors

Page 14: Developer Day Internet Sites mit SharePoint 2013 David Schneider isolutions AG david@sharepoint.ch

Videos

Click icon to add picture

EmbedRedentions

HTML5 PlayerRich Text Editor

Page 15: Developer Day Internet Sites mit SharePoint 2013 David Schneider isolutions AG david@sharepoint.ch

Device Channel

CSS2CSS1

MobileMaster

DesktopMaster

Page 16: Developer Day Internet Sites mit SharePoint 2013 David Schneider isolutions AG david@sharepoint.ch

DemoDesign Manager

Page 17: Developer Day Internet Sites mit SharePoint 2013 David Schneider isolutions AG david@sharepoint.ch

Mehrsprachigkeit

Page 18: Developer Day Internet Sites mit SharePoint 2013 David Schneider isolutions AG david@sharepoint.ch

Variations: Konzept

LandingPage

English

Products

About Us

Contact

Deutsch

Produkte

Über uns

Kontakt

Français

Produits

Notre entrepris

e

Contact

Page 19: Developer Day Internet Sites mit SharePoint 2013 David Schneider isolutions AG david@sharepoint.ch

Neuerungen

Änderungen On-Demand verteilenVergleichsfunktionListen übersetzenÜbersetzungen

Page 20: Developer Day Internet Sites mit SharePoint 2013 David Schneider isolutions AG david@sharepoint.ch

Übersetzungen

Translation State

Machine Translation

Export & Import als XLIFF

Page 21: Developer Day Internet Sites mit SharePoint 2013 David Schneider isolutions AG david@sharepoint.ch

DemoVariations

Page 22: Developer Day Internet Sites mit SharePoint 2013 David Schneider isolutions AG david@sharepoint.ch

Navigation & SEO

Page 23: Developer Day Internet Sites mit SharePoint 2013 David Schneider isolutions AG david@sharepoint.ch

Navigation

Unabhängig von der Site StrukturAbgelegt im TermstoreTerm-driven Pages

Page 24: Developer Day Internet Sites mit SharePoint 2013 David Schneider isolutions AG david@sharepoint.ch

Search Engine Optimization

Friendly URLs 301 Redirects

XML Sitemap SEO Properties

Page 25: Developer Day Internet Sites mit SharePoint 2013 David Schneider isolutions AG david@sharepoint.ch

DemoNavigation & SEO

Page 26: Developer Day Internet Sites mit SharePoint 2013 David Schneider isolutions AG david@sharepoint.ch

Search-Driven Websites

Page 27: Developer Day Internet Sites mit SharePoint 2013 David Schneider isolutions AG david@sharepoint.ch

Search-Driven Websites

Site Collection Bounderies

Presentation Layer

Dynamic Publishing

Large Lists

Page 28: Developer Day Internet Sites mit SharePoint 2013 David Schneider isolutions AG david@sharepoint.ch

Content Search Web Part

Aggregation Das Content Search Web Part aggregiert Inhalte über den Suchindex.

QueryDie Abfrage kann in einem Wizard definiert werden.

AnzeigeMittels Display Templates wird die Anzeige definiert.

Click icon to add pictureClick icon to add picture

Click icon to add pictureClick icon to add picture

Aggregation

Query Anzeige

Page 29: Developer Day Internet Sites mit SharePoint 2013 David Schneider isolutions AG david@sharepoint.ch

Display Templates

Web Part

Control Template

Item Template

Item Template

Page 30: Developer Day Internet Sites mit SharePoint 2013 David Schneider isolutions AG david@sharepoint.ch

Product Catalog

ListeTitel | Kategorie Searc

h

NavigationTerm-Driven Navigation

Overview PagesContent Search Web PartDetail PageCatalog Item Reuse

Page 31: Developer Day Internet Sites mit SharePoint 2013 David Schneider isolutions AG david@sharepoint.ch

Cross Site Publishing

Site Collection für InhaltserfassungErsatz für Content Deployment

Authoring Publishing

Publishing

Authoring

Page 32: Developer Day Internet Sites mit SharePoint 2013 David Schneider isolutions AG david@sharepoint.ch

DemoProduct Catalog

Page 33: Developer Day Internet Sites mit SharePoint 2013 David Schneider isolutions AG david@sharepoint.ch

SharePoint Sessions

In 60 min von der Idee in den SharePoint App StoreMontag, 19. November mit Daniel Morgenthaler

What's new for IT-Pro's using SharePoint 2013?Dienstag, 20. November mit Thomas Palmié

Page 34: Developer Day Internet Sites mit SharePoint 2013 David Schneider isolutions AG david@sharepoint.ch

Weitere Links

TechNet Case StudyMavention and web content management in SharePoint Server 2013http://technet.microsoft.com/en-us/library/jj822912.aspx

SharePoint Bloghttp://blog.sharepoint.ch

Page 35: Developer Day Internet Sites mit SharePoint 2013 David Schneider isolutions AG david@sharepoint.ch

Feedback

Bitte Feedback geben

David [email protected]://blog.sharepoint.ch

Click icon to add pictureClick icon to add picture

Click icon to add pictureClick icon to add picture

Query

Query Anzeige

Page 36: Developer Day Internet Sites mit SharePoint 2013 David Schneider isolutions AG david@sharepoint.ch

Q & A

Page 37: Developer Day Internet Sites mit SharePoint 2013 David Schneider isolutions AG david@sharepoint.ch

© 2012 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.

© 2012 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.