Court Métrage : Merci ! (Bodhisattva dans le métro)

Écrit par aDy. Posté dans Humour

Court Métrage :

MERCI !

Belgique | 2002 | Fiction | 8 mn

Scénario : Christine Rabette
Image : Antoine Bellem / Son Pierre Mertens
Montage : Pia Dumont
Interprétation : Jan Hammenecker, Luc Brumagne, Anne Fournier, Muriel Bersy
Production : Artemis Productions, Bruxelles, Belgique

Une grande ville de nos jours. Un drôle de personnage prend le tram et réinvente à sa façon le transport en commun.

A méditer :
Bodhisattva

Bodhisattva

Le terme sanskrit bodhisattva (être : sattva /d’éveil : bodhi) signifie « celui dont l’aspiration héroïque est d’atteindre l’éveil ».
Il appartient au vocabulaire religieux du bouddhisme et désigne des personnes qui, ayant acquis l’état de bouddha, refusent le nirvâna par compassion pour se réincarner et venir en aide aux autres.

La vidéo :

Si vous me dites que vous n’avez pas rigolé, je ne vous croirais pas 🙂

Génération automatique d’une galerie photo à partir d’un répertoire d’images

Écrit par aDy. Posté dans Flash, PHP

Vous avez besoin de présenter rapidement une galerie photo, sans base de données ou besoins trop spécifiques ?

Je vous propose deux scripts sympathiques qui ont retenu mon attention :

Auto-Generating Photo Gallery
Auto-Generating Photo Gallery

Auto-Generating Photo Gallery

Ce script PHP génère une galerie de vos photos avec un effet FancyBox.

DEMO EN LIGNE

Il vous faut par contre créer les miniatures en ajoutant un suffixe, exemple : Image: 023.jpg et Miniature: 023-thumb.jpg, à placer dans le même dossier que les images originales.

TELECHARGER

ou bien (si le site officiel est down)

TELECHARGER

SimpleViewer
SimpleViewer

SimpleViewer

Ce script vous propose différents rendus Flash assez agréables et possède pas mal d’atouts :

  • Chargement intelligent des images
  • Navigation intuitive des images
  • Léger (17 ko)
  • Interface customisable (autant le cosmétique que le redimensionnement par rapport au navigateur)
  • Compatible Windows, Mac, Linux et tous navigateurs qui possède au minimum FLash8
  • Contrôle la version du plugin installé chez l’internaute et propose de mettre à jour si besoin
  • Gestion internationale des polices
  • Navigation au clavier (Flèches directionnelles, Début/Fin, Page Up/Down)
  • Navigation à la molette de la souris
  • Possibilité de faire clic droit sur une image pour l’ouvrir dans une nouvelle page et ainsi la sauvegarder sur son PC
  • Gratuit

Démos en ligne du script et site officiel :

TELECHARGER

ou bien (si le site officiel est down)

TELECHARGER

Conclusion :

Il ne va pas sans dire que ces solutions ne sont pas entièrement automatisées, mais avec un peu de jugeotte et de connaissances PHP, il est facilement possible d’automatiser le tout (gestion miniatures pour le premier script, edition dynamique du XML pour le second script, etc…)

Exemple 1 : Pour notre premier script Auto-Generating Photo Gallery, Andy (merci à lui) propose ce petit script pour la gestion des miniatures que voici :

On définis les 3 fonctions :

function createThumb_square($source,$dest) {
$thumb_size = 100;
$size = getimagesize($source);
$width = $size[0];
$height = $size[1];
 
if($width> $height) {
$x = ceil(($width - $height) / 2 );
$width = $height;
} elseif($height> $width) {
$y = ceil(($height - $width) / 2);
$height = $width;
}
 
$new_im = ImageCreatetruecolor($thumb_size,$thumb_size);
$im = imagecreatefromjpeg($source);
imagecopyresampled($new_im,$im,0,0,$x,$y,$thumb_size,$thumb_size,$width,$height);
imagejpeg($new_im,$dest,100);
}
 
function createThumbName($file,$pic_format,$thumb_mask)
{
 
$pic_name_length = strlen($file);
 
$pic_name_length = $pic_name_length - strlen($pic_format);
 
$pic_name = substr($file, 0, $pic_name_length);
 
$pic_name_thumb = $pic_name.$thumb_mask.$pic_format;
return $pic_name_thumb;
}
 
function fileExists($dir, $file)
{
if ($handle = opendir($dir)) {
 
while (false !== ($file_name = readdir($handle))) {
if($file_name == $file){
return true;
}
}
return false;
}
}

Puis on rajoute dans notre script index.php :

/* step one: read directory, make array of files */
if ($handle = opendir($image_dir)) {
while (false !== ($file = readdir($handle)))
{
if ($file !=.&& $file !=..)
{
$file_thumb = createThumbName($file,$pic_format,$thumb_mask);
if(strstr($file,-thumb’))
{
$files[] = $file;
}elseif (!fileExists($image_dir,$file_thumb))
{
echo ‘reingelaufen’;
// echo ‘neuer Thumbname ist:’.” “.$file_thumb;
createThumb_square($image_dir.$file,$image_dir.$file_thumb);
}
 
}
}
closedir($handle);
}

Exemple 2 : AlivePixel qui ont crée un chouette dossier spécifique à SimpleViewer, vous expliquent comment automatiser les tâches suivantes : génération automatique des miniatures et des commentaires photo, ainsi que l’édition dynamique du XML (tout bonnement remplacé par un script PHP qui le génère à la volée)

Enfin, si le coeur vous en dis et pour être automatisé à 100%, rien ne vous empêche de créer un module de gestion d’upload pour envoyer vos images en masse, il existe un script vraiment sympa dans le genre : FancyUpload

Enjoy ! 😉

Redimensionnement bicubique des images avec Internet Explorer

Écrit par aDy. Posté dans CSS

Avant toute chose je tiens à préciser un point :

Règle n° 1 : Ne pas redimensionner vos images dans le navigateur internet !

Cependant, il arrive pour certains rares cas qu’on ne puisse pas appliquer cette règle… Je vous fais donc part d’un petit trick CSS existant depuis pas mal de temps mais que je découvre à peine, qui permet à IE de redimensionner proprement vos images de votre page web.

(A noter que cette astuce ne fonctionne qu’avec des .jpg et des .gif non transparents.)

La première image est l’originale (360px x 130px) et la même pour les deux images dessous, mais redimensionnée (250px x 90px).

Comparatif avec ou sans le fix sous IE7

Comparatif avec ou sans le fix sous IE7

Code du fix CSS pour IE7
img { -ms-interpolation-mode:bicubic; }

Il existe apparemment une astuce pour IE6 qui n’a malheureusement pas fonctionné pour moi :

Code du fix CSS pour IE6
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/chemin/vers/votre/image.jpg', sizingMethod='scale');

Eyesis Data Grid Control : Vos tableaux de données PHP5 instantanément avec vos données MySQL

Écrit par aDy. Posté dans PHP

Eyesis Data Grid Control est une chouette classe PHP5 vous permettant de créer instantanément des tableaux de données depuis une base de données MySQL.

Eyesis Data Grid Control en action

Eyesis Data Grid Control en action

Quelques fonctionnalités de la classe :

  • Filtrage et recherche dans les colonnes
  • Sélections multiples
  • Support des bases de données MySQL
  • Support de l’Ajax
  • Pagination automatique
  • Gestion d’un grand nombre de données
  • Capacité à afficher des images
  • Cacher / Afficher des colonnes
  • Ajout d’une couche ajax possible
  • Style CSS personnalisable
  • Possibilité d’ajouter des contrôles (Ajouter, éditer, supprimer, …)
  • Colonnes spécifiques (%, €, $, …)
  • PHP5 uniquement
  • Testé et approuvé avec Firefox 2 et 3, IE 6 et IE 7, Chrome, Safari 3, et Opera 9
  • Etc …
Exemple d’intégration :

Pour vous montrer la facilité et le gain de temps que vous procurera cette classe, voici un exemple d’intégration à partir de votre table MySQL :

<?php
// file: ex1.php
require 'class.eyemysqladap.inc.php';
require 'class.eyedatagrid.inc.php';
 
// Load the database adapter
$db = new EyeMySQLAdap('localhost', 'root', '', 'people');
 
$dg = new EyeDataGrid($db); // Load the datagrid class
// Fetch all rows and columns from the `people` table
$dg->setQuery("*", "people");
 
// Print the table
$dg->printTable();
?>

Voila ! Avec 6 lignes de code, vous vous connectez à la base de donnée, en indiquant simplement la table où les données seront extraites et vous définissez votre requête. Tout le reste est automatisé : grille de données, headers des colonnes, pagination, etc… Facile non ? ^^

Eyesis Data Grid Control v1.1

TELECHARGER

ou bien

TELECHARGER

Liens annexes :
Equivalents :

Il existe plusieurs autres datagrid dans le genre comme par exemple celui du framework Ext JS (mais plus lourd).
Réellement comparable de par sa facilité à moderniser rapidement vos interfaces en les dynamisant un peu plus, je dirais qu’il y a surtout le datagrid Flexigrid que je vous conseille également de tester/comparer. Pour ma part ma préférence va pour Eyesis Data Grid Control. 😉

SchemaBank : Modélisation de bases de données SQL en ligne

Écrit par aDy. Posté dans Services en ligne

SchemaBank est un chouette service en ligne qui vous permet de modéliser vos bases de données SQL.

SchemaBank : Modélisation de bases de données SQL en ligne

SchemaBank : Modélisation de bases de données SQL

C’est un service relativement complet dans le genre et assez époustouflant développé à l’aide du fameux framework Ext JS.
Il est en outre facile à prendre en main car très intuitif grâce à l’utilisation bien pensée de l’Ajax et du Drag & Drop.

Ce service propose de nombreuses fonctionnalités :

  • Création de tables (colonnes, contraintes, attributs)
  • Affichage des relations identifiées et non-identifiées sur une même table
  • Génération graphique de la modélisation SQL
  • Reverse engineering : A partir d’une source SQL, création du modèle visuel
  • MySQL et PostgreSQL sont supportés
  • Versioning
  • Comparaisons entre deux versions, …
  • Mode collaboratif : Partage du modèle avec d’autres membres, gestion accès, …

Cette application est compatible la plupart des navigateurs web les plus récents :

Navigateurs récents supportés par SchemaBank

Point négatif mais compréhensible, le service est gratuit mais limité à 1 projet pour 2 membres et 50 versions maxi.
Pour une version full débridée comptez entre 39$ et 129$ par mois selon la version choisie.

Liens annexes :