CMS Automne

Forum de la communauté du CMS Automne
Nous sommes actuellement le Mer Nov 27, 2024 1:10 pm

Le fuseau horaire est UTC [Heure d’été]




Publier un nouveau sujet Répondre au sujet  [ 5 messages ] 
Auteur Message
 Sujet du message: Module Gallery
MessagePublié: Ven Avr 19, 2013 9:46 am 
Hors-ligne

Inscrit(e) le : Ven Avr 05, 2013 10:09 pm
Message(s) : 3
Bonjour à tous,

J'aimerai savoir s'il existe un module gallery (images, vidéos, audios) pour le CMS Automne, sinon quelqu'un l'aurait déjà conçu pour un travail donnée?

Cordialement.


Haut
 Profil  
 
 Sujet du message: Re: Module Gallery
MessagePublié: Ven Avr 19, 2013 5:08 pm 
Hors-ligne
Avatar de l’utilisateur

Inscrit(e) le : Mar Août 24, 2010 3:48 pm
Message(s) : 109
Bonjour,

Non il n'existe pas de module galerie à ce jour :
ici la liste des modules existants http://doc.automne-cms.org/modules/

Par contre, en fonction de tes besoins, tu peux aisément construire une galerie avec le Polymod et y insérer tout ou partie de ces médias.

Pour plus d'aide, faudrais nous donner plus de détails sur "la galerie de tes rêves" ;-)


Haut
 Profil  
 
 Sujet du message: Re: Module Gallery
MessagePublié: Dim Avr 21, 2013 2:14 pm 
Hors-ligne

Inscrit(e) le : Ven Avr 05, 2013 10:09 pm
Message(s) : 3
Bonsoir Cguillaume,

voilà un aperçu de ce que je voudrais créer comme page. Sur cette page nous avons le titre de notre film puis une légère description et une image qui illustre le film. Puis une rangé vidéos connecté à la médiathèque qui m'affiche toutes les vidéos relatives au film, de même que pour la rubrique des bandes sons.

Pièce jointe:
Description du fichier : Aperçu du template module Gallery
CMS_Automne_Gallery_Project.png
CMS_Automne_Gallery_Project.png [ 73.51 Kio | Consulté 71050 fois ]


En résumer un module vidéo qui affiche les bandes annonces(vidéos stockées dans la médiathèque relative au film qui est décrit) puis un module audio
qui affiche les pistes audio (bandes sons) relative au film décrit.

En fin de page un lien (Suivant) me permettant de basculer vers une autre film.

T'as une idée de la procédure de réalisation? :?:

Lordaker


Haut
 Profil  
 
 Sujet du message: Re: Module Gallery
MessagePublié: Lun Avr 22, 2013 2:49 pm 
Hors-ligne

Inscrit(e) le : Ven Avr 05, 2013 10:09 pm
Message(s) : 3
Salut,

je suis entrain de le faire, j'ai créer un modèle de rangé vidéo et audio. Pour les vidéos, je suis parti du modèle de rangé, [Médiathèque] - Recherche proposé par la version démo du CMS Automne.

Voilà, le code que j'utilise:

Code :
<row>
   <block module="pmedia" id="mediassearch" cache="0">
      <div class="pmedia">
         <atm-xml what="{request:string:out} == 'xml'">
            <atm-search what="{Media}" name="mediaresult">
               <atm-search-param search="mediaresult" type="keywords" value="spider-man" mandatory="false" />
               <atm-search-param search="mediaresult" type="pmedia-category" value="Vidéo" mandatory="false" />
               <atm-search-param search="mediaresult" type="item" value="{request:int:item}" mandatory="false" />
               <atm-search-limit search="mediaresult" value="5" />
               <atm-search-page search="mediaresult" value="{request:int:page}" />
               <atm-search-order search="mediaresult" type="objectID" direction="desc" />
               <atm-result search="mediaresult">
                  <atm-if what="{firstresult}">
                     <atm-start-tag tag="div" class="pmedia-results" />
                  </atm-if>
                  <atm-if what="{firstresult} &amp;&amp; !{request:int:item}">
                     <div>{maxresults} r&eacute;sultat(s) pour votre recherche.</div>
                  </atm-if>
                  <div class="pmedia-result">
                     <!--<h2 title="Afficher - Masquer le m&eacute;dia">{Media:label}</h2>-->
                     <div class="pmedia-content">
                        <atm-if name="oembed" what="{Media:Media_externe:hasValue}">
                           <div class="right">
                              {Media:Media_externe:html|320,250}
                           </div>
                           <p>
                              <atm-if name="oembedTitle" what="{Media:Media_externe:url} &amp;&amp; {Media:Media_externe:title}">
                                 Média : <a href="{Media:Media_externe:url}" target="_blank"><strong>{Media:Media_externe:title}</strong></a><br />
                              </atm-if>
                              <atm-else for="oembedTitle" what="{Media:Media_externe:title}">
                                 Média : <strong>{Media:Media_externe:title}</strong><br />
                              </atm-else>
                              <atm-if name="oembedAuthor" what="{Media:Media_externe:authorName} &amp;&amp; {Media:Media_externe:authorUrl}">
                                 Auteur : <a href="{Media:Media_externe:authorUrl}" target="_blank"><strong>{Media:Media_externe:authorName}</strong></a><br />
                              </atm-if>
                              <atm-else for="oembedAuthor" what="{Media:Media_externe:authorName}">
                                 Auteur : <strong>{Media:Media_externe:authorName}</strong><br />
                              </atm-else>
                              <atm-if name="oembedSource" what="{Media:Media_externe:providerName} &amp;&amp; {Media:Media_externe:providerUrl}">
                                 Source : <a href="{Media:Media_externe:providerUrl}" target="_blank"><strong>{Media:Media_externe:providerName}</strong></a><br />
                              </atm-if>
                              <atm-else for="oembedSource" what="{Media:Media_externe:providerName}">
                                 Source : <strong>{Media:Media_externe:providerName}</strong><br />
                              </atm-else>
                           </p>
                           <atm-if what="{Media:Media_externe:description}">
                              <p>{Media:Media_externe:description}</p>
                           </atm-if>
                           <atm-if what="{Media:Description:value}">
                              <p>{Media:Description:value}</p>
                           </atm-if>
                        </atm-if>
                        <atm-else for="oembed">
                           <div class="right">
                              <atm-if what="{Media:Fichier:filename} &amp;&amp; {Media:Fichier:fileExtension} &amp;&amp; {Media:Fichier:fileExtension} != 'flv' &amp;&amp; {Media:Fichier:fileExtension} != 'mp3' &amp;&amp; {Media:Fichier:fileExtension} != 'jpg' &amp;&amp; {Media:Fichier:fileExtension} != 'gif' &amp;&amp; {Media:Fichier:fileExtension} != 'png'">
                                 <a href="{Media:Fichier:file}" target="_blank" title="T&eacute;l&eacute;charger le document '{Media:label}' ({Media:Fichier:fileExtension} - {Media:Fichier:fileSize}Mo)"><atm-if what="{Media:Fichier:fileIcon}"><img src="{Media:Fichier:fileIcon}" alt="Fichier {Media:Fichier:fileExtension}" /></atm-if> {Media:label}</a>
                                 <atm-if what="{Media:Fichier:thumbname}">
                                    <img src="{Media:Fichier:thumb|200}" alt="{Media:label}" />
                                 </atm-if>
                              </atm-if>
                              <atm-if what="{Media:Fichier:fileExtension} == 'flv'">
                                 <atm-if what="{Media:Fichier:thumbname}">
                                    <script type="text/javascript">
                                       swfobject.embedSWF('automne/playerflv/player_flv.swf', 'media-{Media:id}', '320', '200', '9.0.0', 'automne/swfobject/expressInstall.swf', {flv:'{Media:Fichier:file}', configxml:'automne/playerflv/config_playerflv.xml', startimage:'{Media:Fichier:thumb}'}, {allowfullscreen:true, wmode:'transparent'}, false);
                                    </script>
                                 </atm-if>
                                 <atm-if what="!{Media:Fichier:thumbname}">
                                    <script type="text/javascript">
                                       swfobject.embedSWF('automne/playerflv/player_flv.swf', 'media-{Media:id}', '320', '200', '9.0.0', 'automne/swfobject/expressInstall.swf', {flv:'{Media:Fichier:file}', configxml:'automne/playerflv/config_playerflv.xml'}, {allowfullscreen:true, wmode:'transparent'}, false);
                                    </script>
                                 </atm-if>
                                 <div id="media-{Media:id}" class="pmedia-video" style="width:320px;height:200px;">
                                    <p><a href="http://www.adobe.com/go/getflashplayer" target="_blank"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p>
                                 </div>
                              </atm-if>
                              <atm-if what="{Media:Fichier:fileExtension} == 'mp3'">
                                 <script type="text/javascript">
                                    swfobject.embedSWF('automne/playermp3/player_mp3.swf', 'media-{Media:id}', '200', '20', '9.0.0', 'automne/swfobject/expressInstall.swf', {mp3:'{Media:Fichier:file}', configxml:'automne/playermp3/config_playermp3.xml'}, {wmode:'transparent'}, false);
                                 </script>
                                 <div id="media-{Media:id}" class="pmedia-audio" style="width:200px;height:20px;">
                                    <p><a href="http://www.adobe.com/go/getflashplayer" target="_blank"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p>
                                 </div>
                                 <atm-if what="{Media:Fichier:thumbname}">
                                    <img src="{Media:Fichier:thumb|200}" alt="{Media:label}" />
                                 </atm-if>
                              </atm-if>
                              <atm-if what="{Media:Fichier:fileExtension} == 'jpg' || {Media:Fichier:fileExtension} == 'gif' || {Media:Fichier:fileExtension} == 'png'">
                                 <atm-if what="{Media:Fichier:thumbname}">
                                    <a href="{Media:Fichier:file}" rel="atm-enlarge" target="_blank" title="Illustration '{Media:label}' ({Media:Fichier:fileExtension} - {Media:Fichier:fileSize}Mo)"><img src="{Media:Fichier:thumb|200}" alt="{Media:label}" /></a>
                                 </atm-if>
                                 <atm-if what="!{Media:Fichier:thumbname}">
                                    <a href="{Media:Fichier:file}" rel="atm-enlarge" target="_blank" title="Illustration '{Media:label}' ({Media:Fichier:fileExtension} - {Media:Fichier:fileSize}Mo)"><img src="{Media:Fichier:file|200}" alt="{Media:label}" /></a>
                                 </atm-if>
                              </atm-if>
                           </div>
                           <p>
                              <atm-if what="{Media:Fichier:filename}">
                                 Taille : <strong>{Media:Fichier:fileSize}Mo</strong> <atm-if what="{Media:Fichier:fileIcon}"><img src="{Media:Fichier:fileIcon}" alt="Fichier {Media:Fichier:fileExtension}" title="Fichier {Media:Fichier:fileExtension}" /></atm-if><br />
                                 <!-- T&eacute;l&eacute;charger : <a href="#" target="_blank" title="T&eacute;l&eacute;charger le document '{Media:Fichier:fileLabel}' ({Media:Fichier:fileExtension} - {Media:Fichier:fileSize}Mo)"><strong>{Media:label}</strong></a><br /> -->
                              </atm-if>
                              <atm-if what="{Media:Description:value}">
                                 {Media:Description:value}
                              </atm-if>
                           </p>
                        </atm-else>
                        <div class="clear"></div>
                     </div>
                  </div>
                  <atm-if what="{maxresults}>10 &amp;&amp; {lastresult} &amp;&amp; !{request:int:item}">
                     <div class="pmedia-pages">
                        <atm-function function="pages" maxpages="{maxpages}" currentpage="{currentpage}" displayedpage="5">
                           <pages>
                              <a href="{page:self:url}?keyword={request:string:keyword}&amp;category={request:string:category}&amp;page={n}">{n}</a>
                           </pages>
                           <currentpage>
                              <strong>{n}</strong>
                           </currentpage>
                           <previous>
                              <a href="{page:self:url}?keyword={request:string:keyword}&amp;category={request:string:category}&amp;page={n}">Page précédente</a>
                           </previous>
                           <next>
                              <a href="{page:self:url}?keyword={request:string:keyword}&amp;category={request:string:category}&amp;page={n}">Page suivante</a>
                           </next>
                        </atm-function>
                     </div>
                  </atm-if>
                  <atm-if what="{lastresult}">
                     <atm-end-tag tag="div" />
                  </atm-if>
               </atm-result>
               <atm-noresult search="mediaresult">
                  <div class="pmedia-results">
                     Aucun r&eacute;sultat trouv&eacute; pour votre recherche ...
                  </div>
               </atm-noresult>
            </atm-search>
      </atm-xml>
   </div>
</block>
</row>


Les deux lignes suivantes me permettent de définir le mot clé et le type de catégorie, mais il m'affiche à chaque fois les audios et les vidéos dans la même
rangée.
Code :
<atm-search-param search="mediaresult" type="keywords" value="oumako" mandatory="false" />
<atm-search-param search="mediaresult" type="pmedia-category" value="Vidéo" mandatory="false" />


Avez -vous une idée pour résoudre ce souci?


Haut
 Profil  
 
 Sujet du message: Re: Module Gallery
MessagePublié: Mar Avr 23, 2013 9:00 am 
Hors-ligne
Administrateur
Avatar de l’utilisateur

Inscrit(e) le : Jeu Juin 16, 2005 8:05 am
Message(s) : 628
Localisation : Toulouse, France
Salut,

Comment fais-tu la liaison entre un film et les vidéos et les bandes sons actuellement ?

Une manière de faire serait d'avoir une structure de module qui ressemblerait à

Film
- Titre (Chaîne de caractère)
- Description (Texte)
- Genre (Catégorie)
- Année (Texte)
- Bandes-annonces (Multiples objets Media)
- Bandes sons (Multiples objets Média)

Une fois ton module crée dans Automne il te restera à afficher les champs (l'aide générée du module est ton amie pour la syntaxe et les variables à utiliser dans tes rangées).

De mon point de vue, tu ne devrais pas te bsaer sur la rangée de la démo, qui est juste un exemple pour comprendre comment fonctionne le meta-langage d'Automne mais qui ne cadre pas forcément avec ton besoin. Automne te permet justement de créer le module qui correspond à ton besoin, cela demande de se familiariser avec la syntaxe XML mais une fois que tu auras compris, tu vas aller très vite pour ce genre de besoin.

En gros tu fais un recherche sur ton objet film et si il y a des sous-objets tu imbriques une seconde recherche de types items de ce type :

Code :
<atm-search-param search="bandes-annonces"  type="items" value="{Film:Bandes-annonces:ids}" mandatory="true" /> 


Cela va récupérer toutes les sous-objets associés.

_________________
Frank
http://www.automne-cms.org


Haut
 Profil  
 
Afficher les messages publiés depuis :  Trier par  
Publier un nouveau sujet Répondre au sujet  [ 5 messages ] 

Le fuseau horaire est UTC [Heure d’été]


Qui est en ligne ?

Utilisateur(s) parcourant ce forum : Aucun utilisateur inscrit et 70 invité(s)


Vous ne pouvez pas publier de nouveaux sujets dans ce forum
Vous ne pouvez pas répondre aux sujets dans ce forum
Vous ne pouvez pas éditer vos messages dans ce forum
Vous ne pouvez pas supprimer vos messages dans ce forum
Vous ne pouvez pas insérer de pièces jointes dans ce forum

Recherche de:
Aller vers :  
cron
Powered by phpBB® Forum Software © phpBB Group
Traduit par Maël Soucaze et Elglobo © phpBB.fr