Portfolio : Linagora.org


	L'actu sur le net - Contributions de l’équipe OSSA - Toolinux - Da Linux French Page - Daily Daemon News - Libroscope - Linagora.com - LinuxFrench.Net - LogicielLibre.Net - PHP Articles populaires - [Manuel] Introduction à Cacti - [Tutoriel] Ajout d’un script dans les commandes Nagios - [Nagios] Surveillance des disques RAID sous Linux - [OpenLDAP] Start/stop script - Fichiers de configurations Samba - JMX (Java Management eXtensions) - [OpenLDAP] Script de démarrage et d’arrêt - [Nagios] Supervision of OpenLDAP’s replication status

Accueil > Contributions > SPIP > Portfolio

Portfolio

Présentation

Voici une solution simple pour réaliser un album contenant un nombre illimités de portfolios et dont les vignettes sont générées automatiquement par Imagemagick. Les planches apparaissent dans notre exemple par lot de dix images.


Cartes postales de la ville d’Aubervilliers

Mise en place

Assurez-vous qu’Imagemagick soit installé sur votre serveur.

Créez à la racine de votre site le fichier album.php3 avec le code suivant :

Ainsi que le fichier album.html :

<!-- GPL LINAGORA SSLL -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<BOUCLE_principale(DOCUMENTS){id_document}>
<BOUCLE_principale_art(ARTICLES){id_document}>
<html lang="#LANG">
<head>
<title>[(#TITRE|supprimer_numero|textebrut)] : #NOM_SITE_SPIP</title>
<meta http-equiv="Content-Type" content="text/html; charset=#CHARSET">
</head>
<body>
<table width="527" align="center" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td valign="top" align="center" width="400" class="texte">
		<BOUCLE_doc_courant(DOCUMENTS){id_document}>
			[(#EMBED_DOCUMENT)]
			<br><b>#TITRE</b><div align="left"><BR>#DESCRIPTIF</div>
			<br>
		</BOUCLE_doc_courant>
		</td>
		<td width="10">
		</td>
		<td width="117" align="center" valign="top">
		    <table width="104" height="300" align="center" border="0" cellpadding="0" cellspacing="0">
		      <tr><td height="270" valign="top">
			<table width="104" align="center" border="0" cellpadding="2" cellspacing="0">
			<tr>
	<BOUCLE_minis(DOCUMENTS){id_article}>
	 <?php $numdoc = "#TOTAL_BOUCLE";
	       $debutdoc = $_GET['debut_document'];
	       $screenactu = $_GET['screen']; ?>
	</BOUCLE_minis>
	<BOUCLE_minis1(DOCUMENTS){id_article}{debut_document,10} {extension==jpg|png|gif|jpeg}>
	<td>
	<?
			$url_document = "#URL_DOCUMENT";
			$titreimg = "#TITRE";
			$id_document = "#ID_DOCUMENT";
			$url_document_thumb = preg_replace('/(\.[^.]+)/', '-s$1', $url_document);
			
		        if (file_exists("$url_document_thumb")) {
		                $thumb = "$url_document_thumb";
		        } else {
		                creer_vignette_magick($id_document, 50, 50);
		                $thumb = "$url_document_thumb";
		        }        
		        $url = 'album.php3?id_document='.$id_document.'&debut_document='.$debutdoc.'&screen='.$screenactu;
		        echo "<a href=\"$url\" title=\"$titreimg\"><img src=\"$thumb\" width=\"50\" height=\"50\" border=\"0\" alt=\"$titreimg\"></a>";
	?>
	</td>
	<?
		        if (is_int([(#COMPTEUR_BOUCLE)]/2)) { echo "</tr><tr>";}
	?>
	</BOUCLE_minis1>
			</tr></table>
			</td></tr><tr><td height="30">
	<?	$id_article = "#ID_ARTICLE";
		$screen = $_GET['screen'];
		$pages = ceil($numdoc / 10);
		if ($screen == ''){
			$screen = 0;
		}
		$page = $screen + 1;
		$start = $screen * 10;
		if ($numdoc > 10){
			echo '<font class="tiny">Page: </font>';
				if ($screen > 0) {
				    $screenpre = $screen - 1;
				    $startprec = $start - 10;
				    $result = spip_query("SELECT id_document FROM spip_documents_articles WHERE id_article='$id_article' order by id_document ASC limit $startprec,1");
				    while(list($id_doc) = spip_fetch_row($result)){
				    	$url = 'album.php3?id_document='.$id_doc.'&debut_document='.$startprec.'&screen='.$screenpre;
			            	echo "<a href=\"$url\" class=\"tiny\">&lt;</a>";
			            }
			        
				}
				$pp = $pages + 1;
				echo ' <span class="colorrub1">';
				for ($i=1; $i!=$pp; $i++){
					if ($i == $page){
						echo '<font class="tiny"><b>'.$i.'</b>.</font>';
					} else {
					
						$startt = ($i - 1) * 10;
						$screenn = $i - 1;
						$result = spip_query("SELECT id_document FROM spip_documents_articles WHERE id_article='$id_article' order by id_document ASC limit $startt,1");
						while(list($id_docc) = spip_fetch_row($result)){									
							$url = 'album.php3?id_document='.$id_docc.'&debut_document='.$startt.'&screen='.$screenn;
							echo "<font class=\"tiny\"><a href=\"$url\" class=\"tiny\">".$i."</a>.</font>";
						}
					}
				}
				echo '</span>';
				if ($screen < ($pages - 1)) {
				    $screennext = $screen + 1;
				    $startnext = $start + 10;
				    $result = spip_query("SELECT id_document FROM spip_documents_articles WHERE id_article='$id_article' order by id_document ASC limit $startnext,1");
				    while(list($id_doc) = spip_fetch_row($result)){
				    	$url = 'album.php3?id_document='.$id_doc.'&debut_document='.$startnext.'&screen='.$screennext;
				    	echo " <a href=\"$url\" class=\"tiny\">&gt;</a>";
				    }
				}
		} 
	?>			
			</td></tr>
			</table>
	</B_minis1>
		</td>
	</tr>
</table>
</BODY>
</HTML>
</BOUCLE_principale_art>
</BOUCLE_principale>

Ajoutez dans le fichier mes_fonctions.php3, la fonction suivante :

function creer_vignette_magick($id_document, $newWidth, $newHeight) {

	$query = "SELECT  id_document, id_vignette, id_type, fichier  FROM spip_documents WHERE id_document='$id_document' AND mode='document'";
	$result = spip_query($query);
	if ($row = @spip_fetch_array($result)) {
		$id_vignette = $row['id_vignette'];
		$id_type = $row['id_type'];
		$fichier = $row['fichier'];
		$sfichier = preg_replace('/(\.[^.]+)/', '-s$1', $fichier);
		if ($id_vignette) {
		   @unlink ($sfichier);
		   system("/usr/bin/convert ".$fichier." -quality 100 -gravity center -crop ".$newWidth."x".$newHeight."+0+0 ".$sfichier);
		   if (file_exists("$sfichier")) {
			$query = "UPDATE spip_documents SET id_type='$id_type', largeur='$newWidth', hauteur='$newHeight', fichier='$sfichier', date=NOW() WHERE id_document = '$id_vignette' ";
			spip_query($query);
			}
		}else {
		  system("/usr/bin/convert ".$fichier." -quality 100 -gravity center -crop ".$newWidth."x".$newHeight."+0+0 ".$sfichier);
			if (file_exists("$sfichier")) {
			$query = "INSERT INTO spip_documents (id_type, titre, largeur, hauteur, fichier, date) VALUES ('$id_type', '', '$newWidth', '$newHeight', '$sfichier', NOW())";
			spip_query($query);
			$id_vignette = spip_insert_id();
			$query = "UPDATE spip_documents SET id_vignette = '$id_vignette' WHERE id_document = $id_document";
			spip_query($query);
			}  
		}
	} else { return flase;}
}

A noter que votre executable convert peut se situer dans le répertoire /user sur certaines machines. Faites un locate convert en shell pour situer ce fichier et modifier la fonction ci-dessous en conséquence.

Créez une rubrique Album (ou un autre nom si vous le désirez) sur votre site et notez bien le numéro d’id_rubrique correspondant.

Editez à présent votre fichier inc-urls-standard.php3. Remplacez la fonction generer_url_article par la suivante, en changeant la valeur 4 if ($id_rubrique == 4){ par l’id_rubrique de votre album :

Créez à présent un nouvel article dans votre rubrique Album et ajoutez y autant d’images associées que vous le souhaitez en leur donnant un titre et une description.

Pour générer les vignettes, faites simplement "Voir en ligne".

Exemple en ligne

Cette fonctionnalité a été développée à la demande de la mairie d’Aubervilliers sur une version 1.7 de Spip.
Voici le résultat : http://www.aubervilliers.fr/rubriqu...

Qui sommes nous ?

Dernière mise à jour : 28/03/2008
XHTML - SPIP 1.9.2