Branding Effort under SharePoint 2013

2,163 views

Published on

Branding effort under SharePoint 2013

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
2,163
On SlideShare
0
From Embeds
0
Number of Embeds
1,348
Actions
Shares
0
Downloads
27
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • OOTB pas trèsavancéNo web interface. Customization tricky ( Business user pas top)Seulement les changements des couleurs ,pas les fonts ou background image
  • Web interface ou THMX
  • https://www.nothingbutsharepoint.com/sites/eusp/Pages/Step-by-Step-Create-a-SharePoint-2013-Composed-Look.aspx
  • Windows Solution Package
  • Branding Effort under SharePoint 2013

    1. 1. nabil.babaci@azeo.comhttp://dotnet4ever.frhttps://www.codeplex.com/site/users/view/nabilbabaci
    2. 2. Agenda
    3. 3. 2013 et le branding
    4. 4. Browser (PC)Browser Supported Not supportedInternet Explorer 10 XInternet Explorer 9 XInternet Explorer 8 XInternet Explorer 7 XInternet Explorer 6 XMozilla Firefox (Latestversion in-market)XGoogle Chrome (Latestversion in-market)XSafari (Latest version in-market)X
    5. 5. Browser (Mobile)Mobile deviceoperating systemOperating systemversionBrowser Smartphone deviceWindows PhoneWindows Phone 7.5or later versionsInternet ExplorerMobileSupportedWindowsWindows 7 or laterversionsInternet Explorer Not applicableiOS 5.0 or later versions Safari SupportedAndroid4.0 or laterversionsAndroid Browser Supported
    6. 6. Design sous SP2010SketchesCSSHTMLDreamweaver, MS Expression / etc.SharePoint Designer / Visual StudioCustomNavprovider
    7. 7. Design sous SP2013AutoConvertSnippetGalleryChannelsettingsOutils natifs SharePointDreamweaver, MS expression Web / etc.SketchesCSSHTMLUpload
    8. 8. De la mobilité
    9. 9. Mobile > Device Channel• Panneau de configuration de canalpériphérique
    10. 10. Mobile > Données adaptatives
    11. 11. Responsive DesignVersion IE Firefox Chrome Safari Opera iOS SafariOperaMiniAndroidBrowserBlackberry Browser2.12.26,0 3.2 2.37,0 4.0-4.1 3.08.0 4.2-4.3 4.09.0 20.0 26.0 5.1 5.0-5.1 4.1 7.0Actuel 10.0 21.0 27.0 6.0 12.1 6.0-6.1 5.0-7.0 4.2 10.0Future 11.0 22.0 28.0 7.0 15.0 7.0Next 23.0 29.0
    12. 12. Wireframe
    13. 13. WireFrame avant tout• Axure• Balsamiq• Mockingbird• Lovely Charts• Cacoo• Gliffy• Lumzy• Mockflow• Pencil Project• SimpleDiagrams• Denim
    14. 14. Retour en arrière
    15. 15. 2007
    16. 16. 2010
    17. 17. Niveau 1 de BrandingLow effort
    18. 18. Niveau 1 >Changement de lookThemes basés sur HTML 5• PowerPoint ( .THMX) plus necéssaireNavigation basée sur le Term StoreImage (resizing)Inclus Master Page, Colors, Fonts, Background Image etPreview FileOutils : Adobe Dreamweaver, Microsoft Expression Webetc…
    19. 19. Niveau 1 >Vues composées• /_catalogs/theme/15/
    20. 20. Niveau 2 de BrandingMedium effort
    21. 21. Niveau 2 >Designer Manager > ConceptionDesign Manager• Pas à Pas – 9 étapes (Master Pages /Page Layout)• Prise en charge / HTML- CSS- JS• Injection de Code SharePoint ( MasterPage)• Génération du .master• Mapping ( WEBDAV ) catalogs• SPDesigner est moins utile.
    22. 22. Niveau 2 >Designer Manager > Code Snippet
    23. 23. Niveau 2 >Designer Manager > PackagingMaster PageGallery, Style Library, Theme Gallery,Device Channels list, Page contenttypes, Pages)
    24. 24. Niveau 3 de BrandingHigh effort
    25. 25. Niveau 3 >Développement
    26. 26. ©2012 Microsoft Corporation. All rights reserved. Content based on SharePoint 15 Technical Preview and published July 2012.
    27. 27. Conclusion
    28. 28. Conclusion >EtapesAtelier UsersMaquette /Prototye (PSD)Maquette HTML/CSSSharePointBranding (1,2,3)DéveloppementsTestsSolutionPackageProductionPackage
    29. 29. Pour aller plus loinhttps://ugsfdesignstarterkit.codeplex.com/

    ×