techdays 2012 internet sites mit sharepoint 2013

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

Upload: david-schneider

Post on 05-Dec-2014

1.034 views

Category:

Technology


1 download

DESCRIPTION

TechDays 2012 Internet Sites mit SharePoint 2013

TRANSCRIPT

Page 1: TechDays 2012 Internet Sites mit SharePoint 2013

Developer Day

Internet Sites mit SharePoint 2013

David Schneiderisolutions [email protected]

Page 2: TechDays 2012 Internet Sites mit SharePoint 2013

Speaker

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

Click icon to add picture

Click icon to add picture

Page 3: TechDays 2012 Internet Sites mit SharePoint 2013

Agenda

Agenda

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

Page 4: TechDays 2012 Internet Sites mit SharePoint 2013

Web Design heute

Mehrsprachig

Usability

Modernes Design

SEO

Any Device

Suche

Page 5: TechDays 2012 Internet Sites mit SharePoint 2013

WCM mit SharePoint 2010

Blick zurück

Page 6: TechDays 2012 Internet Sites mit SharePoint 2013

The past

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

Page 7: TechDays 2012 Internet Sites mit SharePoint 2013

Branding

Page 8: TechDays 2012 Internet Sites mit SharePoint 2013

Branding Konzept

Master Page

Page Layout Page

Content

Page 9: TechDays 2012 Internet Sites mit SharePoint 2013

Design Manager

Design Manager

Page 10: TechDays 2012 Internet Sites mit SharePoint 2013

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: TechDays 2012 Internet Sites mit SharePoint 2013

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: TechDays 2012 Internet Sites mit SharePoint 2013

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: TechDays 2012 Internet Sites mit SharePoint 2013

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: TechDays 2012 Internet Sites mit SharePoint 2013

Videos

Click icon to add picture

EmbedRedentions

HTML5 PlayerRich Text Editor

Page 15: TechDays 2012 Internet Sites mit SharePoint 2013

Device Channel

CSS2CSS1

MobileMaster

DesktopMaster

Page 16: TechDays 2012 Internet Sites mit SharePoint 2013

DemoDesign Manager

Page 17: TechDays 2012 Internet Sites mit SharePoint 2013

Mehrsprachigkeit

Page 18: TechDays 2012 Internet Sites mit SharePoint 2013

Variations: Konzept

LandingPage

English

Products

About Us

Contact

Deutsch

Produkte

Über uns

Kontakt

Français

Produits

Notre entrepris

e

Contact

Page 19: TechDays 2012 Internet Sites mit SharePoint 2013

Neuerungen

Änderungen On-Demand verteilenVergleichsfunktionListen übersetzenÜbersetzungen

Page 20: TechDays 2012 Internet Sites mit SharePoint 2013

Übersetzungen

Translation State

Machine Translation

Export & Import als XLIFF

Page 21: TechDays 2012 Internet Sites mit SharePoint 2013

DemoVariations

Page 22: TechDays 2012 Internet Sites mit SharePoint 2013

Navigation & SEO

Page 23: TechDays 2012 Internet Sites mit SharePoint 2013

Navigation

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

Page 24: TechDays 2012 Internet Sites mit SharePoint 2013

Search Engine Optimization

Friendly URLs 301 Redirects

XML Sitemap SEO Properties

Page 25: TechDays 2012 Internet Sites mit SharePoint 2013

DemoNavigation & SEO

Page 26: TechDays 2012 Internet Sites mit SharePoint 2013

Search-Driven Websites

Page 27: TechDays 2012 Internet Sites mit SharePoint 2013

Search-Driven Websites

Site Collection Bounderies

Presentation Layer

Dynamic Publishing

Large Lists

Page 28: TechDays 2012 Internet Sites mit SharePoint 2013

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: TechDays 2012 Internet Sites mit SharePoint 2013

Display Templates

Web Part

Control Template

Item Template

Item Template

Page 30: TechDays 2012 Internet Sites mit SharePoint 2013

Product Catalog

ListeTitel | Kategorie Searc

h

NavigationTerm-Driven Navigation

Overview PagesContent Search Web PartDetail PageCatalog Item Reuse

Page 31: TechDays 2012 Internet Sites mit SharePoint 2013

Cross Site Publishing

Site Collection für InhaltserfassungErsatz für Content Deployment

Authoring Publishing

Publishing

Authoring

Page 32: TechDays 2012 Internet Sites mit SharePoint 2013

DemoProduct Catalog

Page 33: TechDays 2012 Internet Sites mit SharePoint 2013

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: TechDays 2012 Internet Sites mit SharePoint 2013

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: TechDays 2012 Internet Sites mit SharePoint 2013

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: TechDays 2012 Internet Sites mit SharePoint 2013

Q & A

Page 37: TechDays 2012 Internet Sites mit SharePoint 2013

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