Photo.Stereo - Photographie Stéréoscopie

Cette section du site va vous montrer comment développer un petit album photos pour votre site internet. Je ne vais pas ici expliquer comment installer et configurer les logiciels necessaires de manière très détaillée, c'est pourquoi des connaissances préalables en informatique, bases de données et programmation sont requises pour continuer. Cependant des informations sur leur utilisation sont disponibles en italique tout au long de ce dossier pour vous guider.

J'ai réalisé mon album sous windows, à l'aide de EasyPHP et du bloc note. EasyPHP permet d'installer et de configurer un environnement complet, incluant une base de données MySQL et son administration, un serveur Apache et le moteur PHP. Il peut être téléchargé gratuitement à l'adresse suivante: http://www.easyphp.org/.

Comment installer EasyPHP:
Téléchargez la version la plus récente de EasyPHP sur le site ci dessus et double cliquez sur le fichier téléchargé pour lancer l'installation. Validez la confirmation d'installation et cliquez sur Suivant à l'écran d'accueil. La procédure d'installation vous demande alors un chemin d'installation: gardez le chemin par défaut. Puis elle vous demande le nom du groupe pour le menu démarrer: gardez également le nom par défaut. La fenêtre suivante est un récapitulatif des options que vous avez choisies. Cliquez sur Installer. La copie ds fichiers terminée, une fenêtre vous informe que l'installation s'est bien déroulée.

Comment démarrer EasyPHP:
Pour démarrer Apache, MySQL et PHP, il vous suffit de lancer EasyPHP à partir du groupe créé dans le menu démarrer: Démarrer -> EasyPHP -> EasyPHP. L'icône de EasyPHP en bas à droite dans la barre des tâches. Pour vérifier que le serveur fonctionne, ouvrez votre navigateur et tapez l'adresse: http://localhost ou http://127.0.0.1 représentant votre machine locale. Vous obtenez alors la page d'accueil de EasyPHP qui sera remplacée par vos propres créations. Cette page se trouve dans le répertoire C:\Program Files\EasyPHP\www.

Notre album va reposer sur un principe de rubriques contenant des images au format JPEG. Par exemple la rubrique FLEURS contiendra les images Iris.jpg, Rose.jpg, et Tulipe.jpg. On gardera ces exemples par la suite.

Appelons BDDPhotos la base de données sur laquelle nous allons travailler.

Comment créer une base de données dans MySQL avec EasyPHP:
Ouvrez PhpMyAdmin en effectuant un clic droit sur l'icône de EasyPHP en bas à droite dans la barre des tâches. Choisissez le menu Administration. Dans la page internet qui s'affiche, cliquez sur Gestion BDD. Dans la nouvelle page qui s'affiche, un champ vous invite à créer une base de données. Entrez le nom de votre base (dans notre exemple BDDPhotos) et validez. Le fenêtre suivante vous demande de spécifier des champs pour votre base de données, c'est ce que nous allons voir par la suite.

Une fois celle-ci créée, nous allons y ajouter deux tables et leurs champs respectifs.

La table Rubrique qui contiendra les champs:

• RubriqueID pour l'identifiant unique que l'on rendra auto incrémentable
• RubriqueName pour le nom de la rubrique (Exemple: FLEURS)
• RubriqueDesc pour une description de la rubrique
• Date pour la date d'insertion
• Time pour l'heure d'insertion

La table Image qui contiendra les champs:

• ImageID pour l'identifiant unique que l'on rendra auto incrémentable
• RubriqueID pour la rubrique à laquelle se réfère l'image
• ImageName pour le nom de l'image (Exemple: Rose.jpg)
• ImageDesc pour une description de l'image
• ImageRes pour la résolution de l'image
• ImageSize pour la taille de l'image
• Date pour la date d'insertion
• Time pour l'heure d'insertion

Voici le script de création complet de ces tables:

					
	CREATE TABLE `Rubrique` (
	  `RubriqueID` smallint(6) NOT NULL auto_increment,
	  `RubriqueName` varchar(80) NOT NULL,
	  `RubriqueDesc` tinytext,
	  `Date` date default NULL,
	  `Time` time default NULL,
	  PRIMARY KEY  (`RubriqueID`)
	);

	CREATE TABLE `Image` (
	  `ImageID` smallint(6) NOT NULL auto_increment,
	  `RubriqueID` smallint(6) NOT NULL,
	  `ImageName` varchar(80) NOT NULL,
	  `ImageDesc` tinytext,
	  `ImageRes` varchar(20) default NULL,
	  `ImageSize` smallint(6) default NULL,
	  `Date` date default NULL,
	  `Time` time default NULL,
	  PRIMARY KEY  (`ImageID`)
	);
					
					

Vous pouvez également télécharger les requêtes sous fichier texte: tables.txt

Comment ajouter une table à une base de données dans MySQL avec EasyPHP:
Ouvrez la gestion BDD de PHPMyAdmin et choisissez votre base (BDDPhotos) dans la liste déroulante sur la gauche. La page vous invite à créer une nouvelle table sur la base BDDPhotos. Deux solutions s'offrent à vous:
1°) Manuelle: vous pouvez la spécifier manuellement: saisissez Rubrique dans la zone Nom et 5 dans la zone Champs puis cliquez sur exécuter. Vous devez maintenant remplir les paramètres (nom, type, taille, ...) pour les cinq champs à ajouter et valider. La nouvelle page vous informe que votre table à bien été ajoutée. Procédez de la même manière pour ajouter et configurer la table Image.
2°) Automatique: cliquez sur le lien SQL. Cette page va vous permettre d'effectuer une requète sur votre base de données. Sélectionnez et copiez les scripts de création des tables présentés ci-dessus et collez les dans le champ requêtes, puis cliquez sur Exécuter. La nouvelle page vous informe que vos tables ont bien été ajoutées. Vous pouvez effectuer la même opération en téléchargeant le fichier tables.txt et en le spécifiant dans la zone parcourir de la page SQL précédente.

Notre album photos va se composer de 6 fichiers:

• index.php
• BDDPhotos_admin_add_rub.php
• BDDPhotos_admin_add_img.php
• BDDPhotos_admin_del_rub.php
• BDDPhotos_admin_del_img.php
• BDDPhotos_album.php

Le fichier index.php servira de page d'accueil pour l'album photos, il contiendra un lien vers chaque page d'administration ou d'affichage. A vous par la suite d'organiser les liens comme vous le souhaitez, et surtout de masquer les pages d'administration à vos visiteurs. Celles-ci représentent la majorité du développement: BDDPhotos_admin_add_rub.php permet d'ajouter des rubriques à l'album photos, BDDPhotos_admin_add_img.php permet d'ajouter des images aux rubriques précédemment ajoutées, BDDPhotos_admin_del_rub.php et BDDPhotos_admin_del_img.php servent à les effacer. BDDPhotos_album.php est la page principale, celle qui sera vue par vos visiteurs, puisqu'elle permet de choisir une rubrique et d'afficher les images correspondantes.

Dans la prochaine étape, nous allons réaliser les pages d'administration de l'album photos.