SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano | Nederlands

286 Plugins, 197 contribs sur SPIP-Zone, 321 visiteurs en ce moment

Accueil > Squelettes > Squelettes spéciaux > Squelettes de présentations > S5 Slide Show > Présentation mode Powerpoint pour un article

Présentation mode Powerpoint pour un article

2 août 2006 – par cogefip, cy_altern – commentaires

2 votes

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.

Notes

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

Dernière modification de cette page le 5 février 2008

Retour en haut de la page

Vos commentaires

  • Le 31 octobre 2010 à 19:57, par Paladin En réponse à : Présentation mode Powerpoint pour un article

    Sympathique contribution ! Ca répond à une demande, sans aucun doute. C’est limité, mais en même temps pas inintéressant.

    Juste se concentrer sur le (petit) contenu.

    Pour info, une présentation sur une version adaptée du plugin : Construction d’une présentation. Les squelettes et adaptations JS sont récupérables. Si besoin, je rajouterai ça à la distrib du plugin.

    J’ai juste un petit souci : parfois, la page construite apparaît au kilomètre (sans CSS) et se reformate en mode présentation. Ce n’est pas très important, c’est juste un petit peu lent. J’ai l’impression que ça vient de l’activation de la CSS via JS. Une idée ?

    En tout cas merci.

    • Le 1er novembre 2010 à 07:42, par cogefip En réponse à : Présentation mode Powerpoint pour un article

      Bonjour,

      Cela fait un bon moment que je ne suis pas plongé dans cette contribution.
      Je n’ai pas le souvenir d’une problématique telle qu’exposée.

      Il conviendrait de reprendre cette idée avec les possibilités offertes par j-querry (où je ne suis aucunement compétent) + des css qui vont mieux maintenant que ie8 et de meilleure constitution.

      Claude

    • Le 1er novembre 2010 à 14:15, par Paladin En réponse à : Présentation mode Powerpoint pour un article

      jQuery ? Oui peut-être.

      Le JS ici est plutôt bien écrit. Même si parfois un peul lent.

      Il serait peut-être plus intéressant de charger les slides en Ajax ?

      Pour compléter, a priori, le plugin est compatible SPIP 2.

      Dans la foulée, indiquer à SPIP que cet article est en français. J’ai l’impression qu’il y a plusieurs articles qui sont concernés. Les menus apparaissent en anglais. Les messages d’erreur aussi.

    Répondre à ce message

  • Le 11 juin 2009 à 09:09, par phil93 En réponse à : Présentation mode Powerpoint pour un article

    voici le code de article-s5.xml

    <composition>
            <nom>slide</nom>
            <description>affiche un ppt</description>
            <icon>images/article-portfolio.png</icon>
    </composition>

    le plugin n’est pas activé bien sur, ce serait d’ailleurs bien de pouvoir activer une composition directement depuis un plugin.

    j’ai vu passer en bas de page un lien vers « notes » et je ne vois pas bien comment le remplir

    il envoie un lien en javascript vers /ui/s5-notes.html introuvable

    Répondre à ce message

  • Le 10 juin 2009 à 22:37, par cogefip En réponse à : Présentation mode Powerpoint pour un article

    J’ai un peu déconnecté de SPIP et pour te répondre il faudrait que je replonge dans mes archives. C’était l’époque où les plugins et ajax n’existaient pas, j’avais adapté à l’époque une proposition de d’Eric Meyer.

    Je suis un peu étonné de voir une veille contribution reprendre des couleurs.

    Claude

    Répondre à ce message

  • Le 10 juin 2009 à 17:52, par ? En réponse à : Présentation mode Powerpoint pour un article

    je viens de le tester en tant que composition, ca marche très bien il suffit de tout mettre dans compositions avec le fichier article-s5.xml qui va bien, seul souci il faut intégrer le fichier s5_fonctions.php a mes_fonctions.php

    • Le 10 juin 2009 à 18:27, par cy_altern En réponse à : Présentation mode Powerpoint pour un article

      tu voudrais pas faire un petit commit du fichier article-s5.xml « qui va bien » dans le dossier de ce plugin sur la zone ?
      Ou si tu n’as pas de compte SVN, coller son code ici pour que je m’en occupe ?

      merci d’avance !

    Répondre à ce message

Répondre à cet article

Qui êtes-vous ?
  • [Se connecter]

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • Métas +

    3 décembre – 12 commentaires

    Améliorez l’indexation de vos articles dans les moteurs et leur affichage sur les réseaux sociaux grâce aux métadonnées Dublin Core, Open Graph et Twitter Card. Installation Activer le plugin dans le menu dédié. Dans le panel de configuration, (...)

  • Acces Restreint 3.0

    11 décembre 2008 – 785 commentaires

    Le plugin accès restreint permet de définir et de gérer des zones de l’espace public en accès restreint. Cette version du plugin a été redévelopée et optimisée tout spécialement pour SPIP 2.0. Il en découle une amélioration des performances sur les gros (...)

  • Compositions 2 et 3

    25 mars 2011 – 176 commentaires

    Ce plugin vous permet de définir plusieurs variantes de squelettes (nommées compositions) pour un même type d’objet SPIP. Dans l’espace privé, il est alors possible de choisir, dans un menu déroulant, la composition qu’on veut attribuer à chaque (...)

  • Configurer Sparkpost

    25 avril – 18 commentaires

    N’hésitez pas à relire le préambule de cette rubrique avant de créer un compte sur une plateforme tierce . Présentation Sparkpost est une société d’envoi de mailing https://www.sparkpost.com/ Sur les petits volumes ( <100.000 emails / mois), (...)

  • Mode portail Communiquant pour SoyezCréateurs

    29 septembre 2010 – 21 commentaires

    5e mode d’affichage de la page d’accueil, ce mode se distingue des autres par une animation proposant un fondu/enchaîné des logos des articles à la une. Zonage Configuration Zone d’entête Nom du site Slogan si plugin bandeau présent (...)

Ça spipe par là