SPIP - Contrib

[ar] [en] [es] [fr] [it]



Accueil du site > Squelettes complets > Squelettes de présentations > S5 Slide Show

Présentation mode Powerpoint pour un article

mercredi 2 août 2006, par cogefip, cy_altern. Dernier ajout mardi 5 février 2008


Permet de présenter un article en mode diaporama.


Dans le zip joint tout est en place pour faire d’un article un diaporama type power-point ou presentation de OOo.

Chaque intertitre (de niveau 1) et le contenu qui le suit sont considérés comme une vue, c’est la fonction (filtre) creer_slides qui les transforme en ajoutant les définitions nécessaires pour les css d’EricMeyer

- on écrit donc dans le squellette [([(#TEXTE|creer_slides)])]

Par ailleurs les listes <ul><li>...</li><li>...</ul>

qui sont générées dans spip par -* , -**, etc... peuvent recevoir une class incrémental défini dans les css de s5 qui permet de donner une animation relative, chaque item est succéssivement renforcé à chaque clic de souris ou appui sur la barre espace.

- on écrit alors [([(#TEXTE|creer_slides_incremental)])]

On peut voir un exemple d’utilisation ici

[(A titre d’exemple le début du texte de l’article qui sert de à la démonstration ci-dessus
donne en visualisation trois vues avec une animation minimale, les items sont renforcés un à un (utile pour un exposé).

On reconnait ici un texte spip standard qui après le filtre proposé est enrichi de quelques ’class’ permettant l’utilisation des css et du javascript définis par Eric Meyer (encart suivant).

{{{Plan proposé}}}

-* Le concept (20 mn)
-* Quelques sites représentatifs ayant opté pour ce concept (15 mn)
-* Présentation de l'interface publique (20 mn)
-* Présentation de l'interface privée (60 mn)
-* Mise en ligne (petits exercices pratiques) (40 mn)
-* Du privé au public, les fonctionnalités dynamiques (60 mn)
-* Comparaison (20 mn)
-* Modèle économique (15 mn)

{{{Le travail traditionnel sur un site Web}}}

-* Utilisation d'un logiciel de réalisations de pages Web (utilitaire graphique, éditeur de texte...).
-* Envoi manuel des pages par FTP.
-* Chaque page doit être créée ou modifiée manuellement.
-* Il est difficile de mettre en place une navigation riche et complexe.
-* Le contenu fait partie du contenant.
-* Le webmestre est le point de passage obligé pour mettre les modifs en ligne.

Ce qui est transformé après passage par le filtre et par spip, en :

<div class="slide">
        <h1>Plan proposé</h1>

        <div class="slidecontent">
                <ul class="incremental">
                        <li> Le concept (20 mn)</li>
                        <li> Quelques sites représentatifs ayant opté pour ce concept (15 mn)</li>
                        <li> Présentation de l’interface publique (20 mn)</li>

                        <li> Présentation de l’interface privée (60 mn)</li>
                        <li> Mise en ligne (petits exercices pratiques) (40 mn)</li>
                        <li> Du privé au public, les fonctionnalités dynamiques (60 mn)</li>
                        <li> Comparaison (20 mn)</li>

                        <li> Modèle économique (15 mn)</li>
                </ul>

        </div><!-- slidecontent -->
</div><!-- slide -->
<div class="slide">
        <h1>Le travail traditionnel sur un site Web</h1>
        <div class="slidecontent">

etc etc...

)]

Est joint l’ensemble des fichiers nécessaires répartis selon une arborescence fonctionnelle. Il vous appartient de l’adapter à votre modèle d’arborescence.

Le fichier article-xx [1].html est à adapter selon votre besoin .

P.-S.

Quelques adaptations demeurent nécessaires dans les fonctions.

- Il est nécessaire de redéfinir le mode d’affichage de $GLOBALS['debut_intertitre'] et $GLOBALS['fin_intertitre'] dans la fonction creer_slides, j’attends une proposition pour le faire automatiquement.
- J’ai constaté par ailleurs que l’analyse des segments <ul><li>

pouvait poser quelques problèmes, dans des cas exeptionnels, qui ne sont pas encore résolus. Un conseil d’un maître des expressions régulières est le bienvenu

Crédits

Scripts et css s5 Eric Meyer http://www.meyerweb.com

Comparaison avec la précédent contribution Squelette S5 Slide Show

- Le slideshow se fait ici sur un article uniquement au lieu d’un article par vue dans la précédente contribution.

- On tire également profit de la création de liste <ul><li>...</li></ul>

pour faire une animation minimale si on le souhaite. Ce qui laisse les listes spip et <ol><li>...</li></ol>

disponible pour d’autres items.

- Simplification de mise en oeuvre puisqu’il n’y a qu’un article à écrire dont on choisi le squelette soit par mot clé, soit classiquement par une rubrique spécifique, les exemples ne manque pas sur spip-coontrib et sur la liste.

Documents joints

  • article-s5 article-s5 (Zip - 59.3 ko)

    Tous les fichiers nécessaires pour réuissir une présentation

  • Dézippez, placez le dossier article-s5 obtenu dans le dossier /plugins.
    Créez un mot clef "s5".
    Dans l’interface de config du plugin squelette_par_mot_clef définissez une règle ayant pour fond "article" et comme groupe de mot-clef celui qui contient "s5".
    A partir de là il suffit d’associer le mot clef "s5" à un article pour qu’il passe en mode diaporama.

Notes

[1] (xx) représente la rubrique dans laquelle vous rangerez les articles de présentation


Répondre à cet article



Suivre la vie du site RSS 2.0 | Plan du site | Espace privé | Charte et vie SPIP-Contrib | SPIP | L'autre.net