MODELE DE SITE RAINBOW

Transcription

1 MODELE DE SITE RAINBOW Rainbow-12SP0-v1 Fiche de fonctionnalités 1

2 Sommaire Présentation... 4 Pré-requis... 4 Site web 12SP Les modèles de page... 5 Les modèles de bloc et leurs thèmes de couleurs... 6 Les Add-ons compatibles avec le modèle de site...11 Les thèmes de page sur les modèles de page

3 VDoc Software Fiche de fonctionnalités - Modèle de site Rainbow 3

4 Présentation Pré-requis Modèle de site compatible avec la version 12SP0 de VDoc Platform Le site est compatible avec les navigateurs IE7 à IE10, Chrome 28 et Firefox 24 Site Web 12SP0 Le modèle de site Rainbow est un modèle qui permet d avoir une interface personnalisable en quelques clics, adaptable facilement par son large choix de couleurs, il permet de se rapprocher au plus près de votre charte graphique. Il contient des modèles de page, des modèles de bloc, des feuilles de styles et des images. Le site est compatible avec les add-ons proposés par VDoc. 4

5 Les modèles de page Modèle par défaut Modèle 2 colonnes totem à gauche Mise en page sur deux colonnes, le contenu principal est à droite Modèle 2 colonnes totem à droite Mise en page sur deux colonnes, le contenu principal est à gauche Modèle 3 colonnes 2 totems Mise en page sur trois colonnes, le contenu principal est au centre Modèle 3 colonnes Mise en page sur trois colonnes de même largeur 5

6 Les modèles de bloc et leurs thèmes de couleurs Liste des modèles de blocs et les 6 couleurs mises à disposition : Bleu Rouge Violet Orange Vert Rose #0099ff # f82424 # 5a01fc # ff8726 # 92d050 # fa11c0 RVB : 0, 153, 255 RVB : 248, 36, 36 RVB : 90, 1, 252 RVB : 255, 135, 38 RVB : 146, 208, 80 RVB : 250, 17, 192 La têtière (le fond de la zone de recherche est personnalisable) Une têtière (En-tête de la page) Une têtière anonyme (En-tête de la page pour les personnes non connectées) Largeur max du logo : 140px Le pied de page la couleur de la bordure est personnalisable Les styles de liste 6

7 Le bloc «zoom-bulle» Ce bloc se redimensionne automatiquement en largeur et hauteur, plusieurs choix de couleurs sont disponibles pour le titre, avec ou sans fond. Ce modèle de bloc s adapte en hauteur et en largeur, il a 2 rendus différents, 1 avec le titre dans une bulle de couleur et 1 avec le titre sans fond mais avec la possibilité de changer sa couleur. En insérant ce modèle de bloc dans une page, plusieurs options sont disponibles en éditant le bloc zoom-bulle : Par défaut le bloc zoom-bulle possède un en-tête bulle bleu Il est possible de changer cette couleur en sélectionnant rouge, violet, orange, vert ou rose dans la partie Classe CSS dans le thème. 7

8 En sélectionnant titre bleu sans fond, titre rouge sans fond, titre violet sans fond, titre orange sans fond, titre vert sans fond ou titre rose sans fond, vous obtiendrez ce style de bloc : Le bloc «Actualités» Ce bloc est indépendant du module actualité VDoc, l'image et le contenu sont éditables, l'image doit être à la bonne largeur de la colonne où est utilisé ce bloc. Dans le modèle de site Rainbow, le bloc actualités est utilisé sur la page d accueil, la largeur du visuel est de 380px. Cette largeur varie selon où l on place le modèle de bloc actualité, que ce soit dans une colonne qui prend toute la largeur ou encore un totem. Le bloc «Titre avec thème» Ce bloc titre permet de choisir la couleur du Titre, il permet d insérer un titre dans une page et de choisir la couleur qui convient le mieux parmi les 6 proposées. 8

9 Un bloc Agenda Ce bloc contient un icône calendrier un titre(lien) + une description, parfait pour annoncer un événement et l'intégrer dans le bloc zoom-bulle. Le bloc «Thème boutons» Ce bloc permet de faire un choix de couleur sur les boutons. Particulier car il est vide, il permet de choisir la couleur que vous souhaitez appliquer sur un autre élément. Exemple : Si je place un trombinoscope dans ce modèle de bloc «Thème boutons» et que je lui applique la couleur violette, voici ce que j obtiens : Le bouton est devenu violet. Autre exemple, je place une vue Mes tâches en cours dans le même bloc «Thème boutons» et je choisi la couleur bleu, j obtiens donc : 9

10 Le menu-personnalisable Ce bloc est réparti sur 3 colonnes, il est possible de modifier le nombre de colonnes, il s'agit d'un bloc à contenu libre qui s'affiche au survol de la souris sur une rubrique de la navigation principale du site. Le Menu personnalisable s affiche au survol de la souris sur une rubrique (il fonctionne également sur un simple lien). Son contenu est complètement personnalisable car il s agit d un bloc partagé, on peut donc insérer tous les types d éléments que l on trouve dans l éditeur de page. Dans cet exemple, au survol de la rubrique «Gestion de processus» le menu apparait avec une liste des différents processus métier qu un intranet peut contenir. 10

11 Les Add-ons compatibles avec le modèle site La skin (css) est prévue pour ces Add-ons mais ils ne sont pas inclus dans le modèle Carrousel Le carrousel vous permet de mettre en avant des informations, chaque visuel peut comporter un titre, une description, une date et un lien «En savoir +». Les visuels doivent être placés dans le dossier «carousel» de l espace documentaire, associé au site, dédié à cet usage. Chaque visuel doit posséder le type de document «imagecarousel». Chaque visuel devra mesurer 940 x 350 pixels afin de respecter le format attendu. L ordre d affichage des visuels est défini par l ordre alphabétique de leur libellé. 11

12 Xtended Search Xtended search vous permet d'exécuter des recherches plein texte et multicritères sur les données de votre système d'informations, à travers une interface entièrement personnalisable. FontFourNews - Info à la une Cet add-on permet de visualiser une actualité à la une, de voir le visuel se trouvant dans le contenu de votre actualité ou en pièce jointe, en mode vignette. Il est branché sur le module d actualités VDoc. 12

13 Thèmes de page sur les modèles de page Par défaut le site a été créé pour une résolution en 1024px de large. Deux thèmes de page ont été rajoutés pour pouvoir modifier cette largeur. Il est maintenant possible de basculer le site et de l adapter à une résolution 1200px ou encore en 100% de large. 13