Génération du site web de l'ULB - format xml
sommairesommaireindexindexpage précédentepage précédentepage suivantepage suivanteimprimerimprimerenvoyerenvoyermarquermarquer

Affichage d'actualités: <actualités>


Cet élément <actualités> est en passe d'être remplacé par un autre élément, <valves>, qui permettra d'afficher des actualités de manière beaucoup plus dynamique.


L'élément <actualités> permet d'afficher un nombre paramétrable d'actualités (comme sur la homepage de l'université). Ces actualités seront automatiquement actualisées à chaque génération de la page (au minimum toutes les nuits).

Exemple
<actualités maximum="2" bords="arrondis" style="voile-cadre">
   <source-actualités href="http://web2.ulb.ac.be/actulb/xmldata/newshome.xml"/>
</actualités>

Ce qui donne:

    Limiter le nombre d'actualités

    L'élément <actualités>, comme le montre l'exemple précédent, peut posséder un attribut maximum qui fixe le nombre maximum d'actualités à afficher. Il prendra les actualités dans l'ordre (qui respecte en général un ordre chronologique inverse: la plus récente d'abord), en ne gardant que les n premières où n est donné par cet attribut maximum.

    Si cet attribut n'est pas présent, toutes les actualités seront affichées.

    Lien vers plus d'actualités

    En général, cet élément <actualités> sert à afficher un court résumé de quelques actualités (3 ou 4). L'ensemble des actualités est affiché de manière plus complète ailleurs, par exemple, dans une application comme Act'ULB.

    Pour inviter les internautes à consulter ces actualités, vous pouvez insérer un élément <lien> qui renvoie à celles-ci, à l'aide d'un lien hypertexte. Le lien "PLUS D'ACTUALITÉS..." ou "MORE NEWS..." apparaitra alors automatiquement.

    Cet élément <lien> doit contenir un attribut hypertexte (docref, href...). Il doit apparaître en premier lieu au sein de l'élément <actualités>.

    Exemple
    <zone id="droite">
       <actualités maximum="2">
          <lien href="http://www.ulb.ac.be/actulb"/>
          <source-actualités href="http://web2.ulb.ac.be/actulb/xmldata/newshome.xml"/>
       </actualités>
    </zone>
    					

    Ce qui donne le résultat ci-contre (remarquez le lien "PLUS D'ACTUALITÉS..." qui apparait juste après la dernière actualité).

    Catégories des actualités

    Les actualités sont souvent classées dans des catégories. Vous pouvez alors sélectionner la ou les catégories qui vous intéressent à l'aide d'un attribut catégories. La valeur de cet attribut prend la forme d'une liste de nombres séparés par des espaces. Chaque nombre correspond à une catégorie. La valeur de ces nombres doit vous être donné par le responsable des actualités en question.

    Exemple
    <actualités maximum="3" catégories="3 2" bords="arrondis" style="voile-cadre">
       <source-actualités href="http://web2.ulb.ac.be/actulb/xmldata/newshome.xml"/>
    </actualités>

    Dans l'exemple ci-dessus, le système tentera de trouver trois actualités dans la catégorie 3 de Act'ULB consacrée à la Recherche. Si cette catégorie en contient moins, il tentera de trouver le solde dans la catégorie 2 consacrée à l'Enseignement.

    Si le système ne trouve pas trois actualités dans ces deux catégories, alors il n'affichera que les actualités trouvées (au risque de ne rien afficher, si les deux catégories mentionnées sont vides).

    Pour pallier cela, vous pouvez fixer un nombre minimum d'actualités.

      Fixer un nombre minimum d'actualités

      Si vous chercher des actualités dans des catégories, vous pouvez fixer un nombre minimum d'actualités à afficher, grâce à l'attribut minimum. Si vous trouvez le nombre minimum d'actualités dans ces catégories, pas de problème: elles seront affichées.

      Par contre, si ce nombre n'est pas trouvé dans les catégories souhaitées, le système ira puiser dans le reste des actualités (c'est-à-dire dans les autres catégories que celles qui sont mentionnées).

      Cet attribut minimum n'est pris en compte que si des catégories sont sélectionnées (attribut catégories présent).

      Exemple
      <actualités minimum="2" maximum="3" catégories="3 2">
         <source-actualités href="http://web2.ulb.ac.be/actulb/xmldata/newshome.xml"/>
      </actualités>

      Message lorsque aucune actualité n'est disponible

      Il se peut que, à un moment donné, il n'y ait aucune actualité de disponible. Dans ce cas, par défaut, rien ne sera affiché.

      Pour que votre page ne reste pas désespérément vide, vous avez la possibilité d'afficher un message particulier, grâce à un élément <message-si-vide>.

      Exemple
      <actualités maximum="3" bords="arrondis" style="voile-cadre">
          <message-si-vide>Désolé, aucune actualité n'est disponible pour le moment...</message-si-vide>
      </actualités>	                  	
      	

      Cet élément doit être placé après l'élément <lien> éventuel et avant tout autre élément.

      Désolé, aucune actualité n'est disponible pour le moment...

      Message en cas d'erreur lors de la lecture des actualités

      Vous pouvez également faire afficher un message particulier lorsqu'une erreur se produit lors de la lecture de vos actualités, grâce à un élément <message-si-erreur>.

      Exemple
      <actualités maximum="3" bords="arrondis" style="voile-cadre">
          <message-si-erreur>
             Désolé, une erreur involontaire s'est produite lors de la lecture des actualités.
          </message-si-erreur>
          <source-actualités href="http://www.erreur.be/source/inconnue"/>
      </actualités>

      Cet élément doit être placé après l'élément <message-si-vide> éventuel et avant les actualités proprement dites.

      Désolé, une erreur involontaire s'est produite lors de la lecture des actualités.

      Où trouver les actualités ?

      L'élément <actualités> peut contenir lui-même les actualités à afficher, sous la forme d'éléments <actualité>. Toutefois, il est souvent plus commode de placer ces actualités dans une source xml séparée (demandez à la Cellule de vous en créer une).

      Cela vous permettra d'éditer plus simplement votre site web d'un coté, et vos actualités de l'autre.

      Vous pouvez également insérer dans vos pages des actualités que vous ne gérez pas directement, mais qui sont mises à votre disposition par d'autres. C'est le cas des actualités thématiques de l'ULB (recherche, enseignements, colloques...) que vous pouvez retrouver dans le système Act'ulb.

      Vous pouvez bien entendu combiner les différentes sources d'actualités (en mettre, par exemple, dans l'élément <actualités> et en les complétant par d'autres, extraites du système Act'ULB).

      Dans l'exemple ci-dessous (résultat ci-contre), une actualité est directement encodée dans cette page, grâce à l'élément <actualité>, le reste des actualités étant recherchée dans la catégorie 3 de Act-ULB.

      Exemple
      <actualités maximum="3">
         <actualité>
            <titre>Soirée de gala au profit des amis de Bordet</titre>
            <résumé>
               <p>
                 Les Amis de l'Institut Bordet organisent un gala afin de récolter des 
                 fonds mais aussi de mieux faire connaître l'Institut Jules Bordet.
               </p>
            </résumé>
            <lien href="http://www.ulb.ac.be/actulb"/>
         </actualité>
         <source-actualités catégories="3" href="http://web2.ulb.ac.be/actulb/xmldata/newshome.xml"/>
      </actualités>	
      	

        Insérer une <actualité> dans l'élément <actualités>

        Vous pouvez encoder vos actualités directement au sein de l'élément <actualités>, en utilisant des sous-éléments <actualité> dont le format est le suivant:

        format d'une actualité
        <actualités>
           ...
           <actualité date="10/12/2012">
              <catégorie id="2">Recherche</catégorie>
              <catégorie id="14">Actualités</catégorie>
              <titre>Découverte du Boson de Higgs</titre>
              <résumé>
                 <p>Les récentes expériences du CERN on pu...</p>
                 <p>Ce maillon manquant parmi les constituants les plus fondamentaux de...</p>
              </résumé>
              <image file="img/englert.jpg"/>
              <lien docref="ulb:institution:presentation:Boson"/>
           </actualité>
           ...
        </actualités>

        Seul un titre ou un résumé est obligatoire (un des deux), tout le reste est optionnel.

        format minimal d'une actualité
        <actualités maximum="3">
           ...
           <actualité>
              <titre>N'oubliez pas la commémoration de la Saint-V!</titre>
           </actualité>
           ...
           <actualité>
              <résumé>
                 <p>Comme chaque année, les primes relatives à l'assurance collective hospitalisation sont indexées.</p>
                 <p>Plus d'infos sur le site du département financier.</p>
              </résumé>
           </actualité>
           ...
        </actualités>

        Les actualités seront prises dans l'ordre de leur apparition au sein de la balise <actualités>.

        Un élément <actualité> peut contenir les informations suivantes:

        • date: l'attribut date contient la date de l'actualité (c'est une simple chaine de caractères qui ne sera affichée que si cet attribut est présent; cette date ne sert pas à trier chronologiquement les actualités, seul l'ordre d'apparition dans la balise <actualités> est pris en compte).

        • <catégorie>: un ou plusieurs éléments <catégorie> peuvent servir à classer les actualités par catégories. Seul l'attribut id est pris en compte pour la sélection des actualités dans ces catégories. Le contenu pourra, à l'avenir, servir à afficher le nom des catégories en question.

        • <titre>: l'élément <titre> contient le titre de l'actualité.

        • <résumé>: l'élément <résumé> contient le texte de l'actualité, sous la forme d'une suite de un ou plusieurs paragraphes. Il s'agit en général d'un résumé de l'actualité, le texte complet étant accessible via un lien hypertexte donné par la balise <lien> définie ci-après.

        • <image>: l'élément <image> sert à définir l'image de type "vignette" à afficher à coté de l'actualité. Par souci de cohérence, utilisez des images carrées de taille 80px par 80px. Les attributs à utiliser pour renseigner l'adresse de l'image sont ceux d'un lien hypertexte, comme pour une image classique.

        • <lien>: l'élément <lien> sert à définir l'adresse d'une page à afficher pour connaître la suite de l'actualité, sous la forme d'un lien LIRE LA SUITE... (READ MORE..., LEES MEER...). Les attributs à utiliser sont ceux d'un lien hypertexte.

        Insérer les actualités provenant d'une autre source xml

        Pour insérer les actualités encodées dans une autre source xml, il suffit de placer un élément <source-actualités source="..."/> comme le montre l'exemple suivant:

        Exemple
        <actualités>
           <source-actualités source="news"/>
        </actualités>

        La valeur de l'attribut source vous sera donnée par la Cellule web. Il est à noter que cette source ne doit pas nécessairement être une source présente dans votre projet. Il peut très bien s'agir d'une source existante dans un autre projet que le votre.

        Vous pouvez également mentionner dans cet élément le nombre maximum d'actualités à sélectionner dans cette source, grâce à l'attribut maximum.

        Exemple
        <actualités>
           <source-actualités source="news" maximum="5"/>
        </actualités>

        Si la source qui contient les actualités utilise des catégories, vous pouvez mentionner la liste des catégories qui vous intéresse dans l'attribut catégories (liste de nombres séparés par des espaces), grâce à l'attribut catégories. Le système tentera de prendre les actualités d'abord dans la première catégorie, puis dans la deuxième et ainsi de suite jusqu'à ce que le nombre maximum d'actualités est atteint (attribut maximum). Si maximum n'est pas spécifié, il prendra alors toutes les actualites des catégories mentionnées (et dans l'ordre de celles-ci).

        Exemple
        <actualités>
           <source-actualités source="news" maximum="5" catégories="3 8 2"/>
        </actualités>

        Si ce nombre maximum n'est pas atteint, on peut complèter avec des actualités puisées dans les autres catégories (autres que celles mentionnées), grâce à un attribut minimum qui fixe le nombre minimum d'actualités à obtenir depuis cette source.

        Exemple
        <actualités>
           <source-actualités source="news" minimum="3" maximum="5" catégories="3 8 2"/>
        </actualités>

        Le contenu de la source visée par cette instruction <source-actualités source="..."/> doit être un élément <actualités>, contenant des actualités sous la forme d'éléments <actualité> dont le format est décrit plus haut (ou des éléments <source-actualités> allant chercher des actualités encore ailleurs).

        Insérer les actualités provenant d'une source externe

        Pour aller chercher des actualités ailleurs que dans une source XML (dans un document xml que vous gérez sur votre serveur, dans l'application Act'ULB, dans une application sur votre serveur, etc.), il suffit d'utiliser le même élément <source-actualités>, mais avec un attribut href.

        Les attributs maximum, catégories et minimum présentés ci-dessus restent valables.

        Exemple
        <actualités>
           <source-actualités href="http://web2.ulb.ac.be/actulb/xmldata/newshome.xml" catégories="3 2" minimum="2" maximum="5"/>
        </actualités>

        Dans l'exemple ci-dessus, l'adresse utilisée est celle de l'application Act'ULB générale alimentée par le Service communication.

        Les catégories disponibles dans Act'ULB peuvent être retrouvée dans la page principale d'Act'ULB. Sur cette page, les catégories sont affichées sous la forme d'un nuage de tag. Quand vous cliquez sur le nom d'une catégorie (Recherche, Enseignement, Vie culturelle...), l'URL de la page appelée contient une valeur cat=xxx qui indique le numéro de la catégorie correspondante.

        Si vous devez gérer vous-même un grand nombre d'actualités (pour une faculté, par exemple), vous pouvez contacter la Cellule web qui mettra à votre disposition une application dédiée.

        L'URL utilisée doit retourner un document XML dont la racine est un élément <actualités>, contenant des actualités sous la forme d'éléments <actualité> dont le format est décrit plus haut (ou des éléments <source-actualités> allant chercher des actualités encore ailleurs).

        Style des actualités

        Un élément <actualités> est considéré comme un bloc. Tous les attributs (style, bords et ses variantes, ajuster-hauteur...) définis pour les blocs peuvent être utilisés, ainsi que l'élément <titre>.

        En voici quelques exemples:

        Exemple
        <actualités style="colorBar6" bords="arrondis" maximum="2">
           ...
        </actualités>						
          Exemple
          <actualités style="class6" bords="arrondis" maximum="2">
             ...
          </actualités>						
            Exemple
            <actualités style="postit2" maximum="2">
               ...
            </actualités>						

              Séparateur entre les actualités

              Comme dans une liste, on peut choisir la ligne de séparation qui apparaît entre deux actualités, grâce à l'attribut séparateur. Lorsque vous ne précisez pas cet attribut, une ligne de séparation par défaut sera utilisée (à la différence d'une liste où c'est une puce par défaut qui est utilisée).

              Exemple
              <actualités style="noteVerte" bords="arrondis" maximum="3" séparateur="colorBar5">
                 ...
              </actualités>	

                Puces et numérotation devant les actualités

                Comme dans une liste, on peut faire apparaître une puce ou un numéro devant chaque actualité, grâce aux attributs puce et numérotation. Lorsque vous ne précisez pas ces attributs, seule une ligne de séparation apparaîtra (à la différence d'une liste où une puce par défaut est utilisée).

                Exemple
                <actualités style="class1" bords="arrondis" maximum="3" puce="rectangle">
                   ...
                </actualités>	

                Exemple
                <actualités style="blow1" bords="arrondis" maximum="3" séparateur="colorDots1" numérotation="A)">
                   ...
                </actualités>	
                ULB - entreprise écodynamique