Licence IDS GUEBLAOUI Hamed Année 2005-2006 Université Lumière Lyon 2 Faculté de Sciences Économiques et de Gestion Département d'Informatique et de Statistique 5 avenue Pierre Mendès-France 69676 BRON Cedex Enseignant Tuteur : Anne-Muriel Arigon Création de site Internet Rapport de stage – Année 2006 – GUEBLAOUI Hamed Page 1/33 SOMMAIRE SOMMAIRE...........................................................................................................................................................2 REMERCIEMENTS .............................................................................................................................................3 RESUME ................................................................................................................................................................4 1. INTRODUCTION ........................................................................................................................................6 2. PRESENTATION DE L’ENTREPRISE ....................................................................................................7 3. 2.1. LES PAGES JAUNES .................................................................................................................................8 2.2. FREE PAGES ...........................................................................................................................................8 REALISATION DU PROJET .....................................................................................................................9 3.1. OBJECTIF ..............................................................................................................................................10 3.2. LES OUTILS .........................................................................................................................................10 3.2.1. le serveur ........................................................................................................................................10 3.2.2. le serveur web ................................................................................................................................10 3.2.3. la base de données .........................................................................................................................15 3.2.4. synthaxe php / sql server ................................................................................................................18 3.3. MACROMEDIA DREAMWEAVER ............................................................................................................20 3.4. PRESENTATION SITE FEZA ....................................................................................................................21 3.4.1. css ..................................................................................................................................................21 3.4.2. javascript .....................................................................................................................................23 3.4.3. description du site internet .............................................................................................................24 3.4.4. formulaire.......................................................................................................................................28 CONCLUSION ....................................................................................................................................................31 GLOSSAIRE ........................................................................................................................................................33 Rapport de stage – Année 2006 – GUEBLAOUI Hamed Page 2/33 REMERCIMENTS Au terme de ces 2 mois, je remercie tout d’abord Mr FERRA Tosun pour sa disponibilité et son accueil au sein de Free Pages. Tout au long du stage, il a su me guider de la meilleure façon qu’il fut. Je voudrais le remercier plus particulièrement car il a su m’encadrer de la meilleure façon qu’il soit et qui m’a fait redécouvrir la vie au sein d’une entreprise par son engouement au travail, ainsi que par sa joie de vivre quotidienne. Je remercie également tout le personnel de Free Pages, notamment ceux situés en Bretagne, pour leur soutiens et l’apport qu’ils m’ont apportés durant ce stage. Rapport de stage – Année 2006 – GUEBLAOUI Hamed Page 3/33 RESUME Le rapport suivant a pour but d’expliquer les deux mois de stage effectués dans l’entreprise Free Pages. Le stage avait pour but la création de site Internet permettant aux particuliers ou aux entreprises, figurant sur les pages jaunes, de se faire connaître par le biais d’Internet. Il sera fait dans ce stage la mise en place d’un serveur web et d’une base de données ainsi que la réalisation de site internet. Rapport de stage – Année 2006 – GUEBLAOUI Hamed Page 4/33 SUMMARY The following report has to explain the two months of the placement done in the company Free Pages. The purpose of the training course was creation of Internet site allowing the private individuals or the companies, being reproduced on the yellow pages, to make known itself by the means of Internet. It will be made in this training course the installation of a Web server and a data base as well as the realization of Web site. Rapport de stage – Année 2006 – GUEBLAOUI Hamed Page 5/33 INTRODUCTION Pour mettre un terme à la licence Informatique Décisionnel et Statistique (IDS), j’ai choisi d’effectuer mon stage de fin d’année au sein de l’agence publicitaire Free Pages dont l’une des activités principale est la proposition et création de site internet. Ce stage était d’une durée d’environ 2 mois, et se déroulait du 18 mai 2006 au 18 juillet 2006. Le but de ce stage était de me permettre d’appliquer tous les enseignements que j’avais eus durant les années antérieurs pour pouvoir rentrer sur le marché du travail avec une expérience professionnelle. La mission principale de ce stage était la conception d’un site développé en php (langage de programmation que j’ai décidé d’utiliser) afin de permettre à l’entreprise ou au particulier de se faire connaître plus facilement par le biais d’Internet. Ceci, afin d’améliorer le système actuel, et d’être utilisable n’importe où, et sur n’importe quel système d’exploitation (Linux, Unix, Windows), et l’utilisation d’un ordinateur puissant n’est pas nécessaire pour que le site puisse être utilisé sans souci. Il est donc utilisable sur toutes les plateformes connectés à Internet. Mon choix s’est porté sur cette entreprise car je voulais me spécifier dans le langage de programmation web. Ce rapport de stage est composé de trois grandes parties. Tout d’abord une partie concernant la présentation de l’entreprise. La seconde partie va expliquer le contexte dans lequel le site fonctionne. Elle va commenter le site lui même, et va apporter quelques précisions quant à son fonctionnement. Et je terminerais par une conclusion dans laquelle j’évoquerais ce que j’ai pu apprendre durant ces deux mois, et tout ce qui concerne la finalité du site et son utilité après la fin du stage. Rapport de stage – Année 2006 – GUEBLAOUI Hamed Page 6/33 Rapport de stage – Année 2006 – GUEBLAOUI Hamed Page 7/33 A. Pages jaunes PagesJaunes Groupe, filiale de France Télécom, est en France le 1er éditeur d’annuaires imprimés (l’annuaire PagesJaunes et l’Annuaire) et d’annuaires en ligne (pagesjaunes.fr, PagesJaunes 3611) destinés au grand public. Il prend en charge leur distribution et la vente des espaces publicitaires qu’ils contiennent. PagesJaunes Groupe assure également une activité de création et d’hébergement de sites Internet, l’édition des annuaires BtoB PagesPro et l’édition de l’annuaire inversé QuiDonc. Anciennement baptisé "Pages Blanches", l'Annuaire recense par département, et par commune, les 25 millions d'abonnés au téléphone fixe et/ou mobile qui souhaitent y apparaître. L'annuaire PagesJaunes recense les coordonnées d'environ 4 millions de professionnels, regroupés par zone géographique (134 éditions différentes en 2005) et classés par activité (1 690 rubriques professionnelles). B. Free pages C’est au sein de Free Pages, une agence de publicité chez pages jaunes, que j’ai effectué mon stage. Le responsable de l’agence est Mr FERRAT Tosun, mon tuteur de stage également.Il est chargé de la communication c'est-à-dire qu’il contacte les entreprises ou particuliers figurant sur les pages jaunes et leur propose un encart publicitaire et un site internent si ceux-ci n’en dispose pas. Cette agence amène à chercher la réponse la plus adaptée aux différents besoins du client. Ces objectifs sont : La fidélisation : entretenir le contact avec le client La notoriété : être connu et reconnu La conquête : entrer en contact avec de nouveaux clients Free Pages travaille dans les domaines du Marketing, Site, Annuaire et Affichage. Son ambition est de répondre aux attentes des clients et de faciliter leur réussite en mettant à leur disposition tous les services et produits, tel est le rôle d’engagement de l’équipe Free Pages. Free Pages, c’est aussi, Une proximité de service Un rapport qualité-prix imbattable Un support technique par téléphone en France Un réseau fiable sécurisé et performant. Rapport de stage – Année 2006 – GUEBLAOUI Hamed Page 8/33 Rapport de stage – Année 2006 – GUEBLAOUI Hamed Page 9/33 A. Objectifs du projet Le sujet global de ce stage est la création d’un site Web se rapportant à l’activité de l’entreprise. Il a fallu tout d’abord apporter de la rigueur à ce thème en précisant ses spécificités. Je me suis donc proposé de réaliser une application en PHP. Ce langage permet de réaliser des pages dynamiques exécutées côté serveur. De ce fait, la confidentialité est respectée et l’accès à la base de données SQL Server se fait sur l’ordinateur serveur uniquement. C’est un bon moyen pour permettre à tout le réseau d’avoir un accès aux données présentes dans la base de données, tout en ayant une interface Web conviviale et simple d’utilisation, tout en restant sécurisé. B. Les outils 1. Le serveur L’ordinateur hébergeant le site Web est muni d’un micro processeur Intel Pentium 3 500 Mhz associé à 256 Mo de mémoire RAM avec Windows 2000 Professionnel comme système d’exploitation. Windows 2000 Professionnel fait parti des systèmes généralement utilisés pour héberger un site. Ce n’est pas un ordinateur très puissant, mais c’est amplement suffisant pour être utilisé en tant que serveur pour ce type d’application. 2. Le Serveur Web Le langage que j’ai choisi pour développer ce site est le PHP. C’est un langage très récent (sa première version date de 1995, et a été créée par Rasmus et repris par) qui ne cesse de gagner des adeptes dans le monde. C’est un langage révolutionnaire, et extrêmement performant. En effet, il est généralement plus rapide que l’ASP qui commence à être oublié des internautes. De plus, l’implantation d’un serveur PHP au sein du réseau, permettant ainsi d’accroître les possibilités offertes par les outils Web. Ce serveur fonctionne donc avec une des dernières versions de PHP, la 4.3.2. (la version 5 étant une bêta buggée). Mais avant toute chose, il faut installer le serveur Microsoft IIS (Internet Information Server) qui va renvoyer au client toutes les pages Internet qui seront ouvertes. Tout d’abord, il faut se rendre dans le panneau de configuration. Donc, il faut cliquer sur démarrer, puis Paramètres, et finalement « Panneau de Configuration ». Une nouvelle fenêtre s’ouvre avec une liste de programmes pour configurer les outils de Windows. Il faut maintenant ouvrir « Ajout/Suppression de Programmes », et une fenêtre s’ouvre avec la liste des programmes installés sur l’ordinateur. Rapport de stage – Année 2006 – GUEBLAOUI Hamed Page 10/33 Pour accéder à l’installation de IIS, il faut cliquer sur « Ajouter/Supprimer des composants Windows ». Et dans la fenêtre qui s’affiche au premier plan, il faut sélectionner « Services Internet (IIS) » et cliquer sur détails comme sur l’image ci-dessous : Dans la fenêtre suivante, il y a une liste d’options et d’outils intégrés dans IIS. Il s’agit de sélectionner « Composants logiciel enfichable de IIS », « Fichiers Communs » et Rapport de stage – Année 2006 – GUEBLAOUI Hamed Page 11/33 « Serveur World Wide Web » et ensuite de cliquer sur OK, puis de cliquer sur Suivant pour lancer l’installation. L’installation est terminée, il s’agit désormais d’installer le serveur PHP. Pour installer le serveur PHP, il faut se rendre sur www.php.net qui fournit gratuitement tout ce dont il est nécessaire pour avoir un serveur PHP. Il y a deux types d’installation possibles : - l’installation avec le fichier exécutable relativement simple où il s’agit de cliquer tout simplement sur suivant - L’installation sans exécutable Cependant, si vous souhaitez installer php de façon nettement plus simple, ainsi qu’un serveur Web (Apache) et une base de données (MySQL), il faut vous rendre sur www.easyphp.net. Les explications suivantes expliquent comment installer PHP sans le fichier exécutable : Le plus simple pour l’instant est de copier le contenu du dossier téléchargé (juste le contenu et pas le dossier entier) dans c:\WINNT\system32\. Ceci fait, il faut aller dans Démarrer, Paramètres et « Panneau de configuration ». Dans la fenêtre, il faut ouvrir « Outils d’Administration ». Dans la liste des outils d’administration, il faut ouvrir « Gestionnaire des services Internet ». Dans cette nouvelle fenêtre, il faut aller dans les propriétés du site Web par défaut comme indiqué sur l’image : Rapport de stage – Année 2006 – GUEBLAOUI Hamed Page 12/33 La fenêtre des propriétés s’ouvre, il faut maintenant se rendre dans l’onglet « Filtres ISAPI ». Il faut ensuite cliquer sur ajouter, et faire comme indiqué sur l’image suivante : Il faut maintenant sur OK. Après cela, il vous faut vous rendre dans l’onglet « Sécurité de Répertoire », puis de cliquer sur le bouton « Modifier ». Il faut vérifier que la case « Accès Anonyme » est cochée, ainsi que la case « Authentification intégrée de Windows ». Si tout est correct, il faut cliquer sur OK. Il s’agit ensuite d’associer les fichiers .php à l’application PHP pour que ces fichiers puissent être compatibles avec le navigateur internet. Il faut donc se rendre dans l’onglet « Répertoires de Base » et cliquer sur le bouton « Configuration » qui se trouve au bas de la fenêtre. Et comme on peut le voir sur l’image, il y a une liste d’extensions associées à des applications : Rapport de stage – Année 2006 – GUEBLAOUI Hamed Page 13/33 Pour associer PHP à son extension, il est nécessaire d’appuyer sur ajouter et de mettre le lien du fichier php.exe qui se trouve dans le répertoire c:\WINNT\system32\php.exe et de mettre dans le case d’extension : .php. Dans cette même fenêtre, on peut également modifier le nom du dossier qui sera la racine du site Web. Dans cet exemple, la racine du site est c:\WEBDEV\www\. Donc, le dossier www est l’emplacement où devront se trouver tous les fichiers accessibles sur Internet. Il faut maintenant faire OK afin de sauvegarder tous les changements, puis de relancer IIS pour que ces changements soient pris en compte. Pour vérifier que l’installation s’est bien déroulée, et donc que le serveur Web fonctionne sans aucun problème, il suffit de créer un fichier index.php (c’est un exemple) dans le dossier ‘www’ et copiez dedans : <? echo « test » ; ?> Pour ensuite accéder à ce fichier, à l’aide de votre browser, tapez l’adresse suivante : http://localhost/index.php ou http://nom_de_l_ordinateur/index.php Si tout se passe bien, vous devriez voir apparaître à l’écran le mot test. Rapport de stage – Année 2006 – GUEBLAOUI Hamed Page 14/33 3. La Base de Données Le gestionnaire de base de données est un élément essentiel au bon fonctionnement de l’application. En effet, de ce gestionnaire dépend en partie la vitesse d’exécution des requêtes ainsi que la stabilité de l’application au vue du nombre de personnes connectées à la base de données simultanément. On peut identifier ce genre de problème avec Access qui, à partir d’un certain nombre de personnes connectées à la base de données, commence à se montrer quelque peu inefficace et lent. C’est donc pour cela qu’il m’a été proposé un gestionnaire robuste, sécurisé, fluide et rapide. Et ce gestionnaire n’est autre que SQL Server 2000. C’est un gestionnaire que je n’avais jamais rencontré auparavant, et avec lequel j’ai du m’adapter rapidement. Contrairement à des bases Access ou MySQL, cette version de SQL Server ne possédait aucune interface graphique, donc toutes les requêtes de création de table ont du être exécutées via une application en PHP. Le problème par rapport à cela fut d'avoir une vision précise mais virtuelle de l'état de la base, ainsi que sa structure. Cependant, contrairement à MySQL, SQL Server ne connaît pas certains outils utilisés dans les requêtes SQL tel que l’outil LIMIT qui est relativement utile lors de certaines requêtes et qui permet d’afficher un nombre choisi de résultats dans un tableau. Il a donc fallu adapter ce genre de problèmes pour le retranscrire en PHP afin d’afficher des résultats identiques que ceux qui auraient pu être obtenus avec MySQL. - Installation de MSSQL Il faut tout d’abord se munir du CD d’installation de Microsoft SQL Server et en posséder la licence. Insérez le CD à l’intérieur du lecteur de CD-Rom, et l’installation se lance automatiquement. L’installation est simple, il s’agit simplement d’accepter les conditions et de faire suivant. Le programme d’installation s’occupe du reste. Pour terminer l’installation, il faut redémarrer l’ordinateur. - Création de la base de données Pour créer la base de données, il faut se rendre dans les outils d’administration, et ouvrir « Sources de données (ODBC) ». Une nouvelle fenêtre s’ouvre. Il faut alors aller dans l’onglet « Source de données fichier » pour créer un DSN (Data Source Name) au préalable. Le DSN va permettre de créer un lien transparent simplifié (sans mettre tout le chemin d’accès à la base de données). Il faut donc cliquer sur ajouter pour créer un nouveau DSN : Rapport de stage – Année 2006 – GUEBLAOUI Hamed Page 15/33 Dans cette fenêtre, il faut cliquer sur « Ajouter » Il faut maintenant sélectionner le pilote SQL Server pour la nouvelle base de données, et faire Suivant. Dans la fenêtre suivante, il suffit de choisir le dossier dans lequel tout va être enregistré, et faire suivant, puis Terminer. Et arrive enfin l’étape de création de la base. Dans la fenêtre suivante, vous aurez le nom du DSN que vous avez entré auparavant. Il faudra également indiqué un nom de serveur, le plus simple étant de mettre localhost qui représente la machine sur laquelle la base de données va être créée, et faire Suivant : Rapport de stage – Année 2006 – GUEBLAOUI Hamed Page 16/33 Pour terminer la création, il suffit de faire suivant, puis Terminer, et la base de données est créé. Elle sera accessible avec les nom d’utilisateur et mot de passe que vous avez entré précédemment, et le nom par lequel elle sera accessible sera « test ». Rapport de stage – Année 2006 – GUEBLAOUI Hamed Page 17/33 4. La syntaxe du PHP et de SQL Server Nous allons pouvoir nous intéresser au langage PHP. L’exemple qui va suivre n’est pas une réalisation faite pendant mon stage, elle a simplement pour but d’expliquer la syntaxe du langage pour pouvoir comprendre le code. - PHP : < ? code php ?> Le code php, qui s’exécutera côté serveur, est placé entre ces balises. $variable = valeur ; On fait préceder le nom de la variable d’un « $ » pour la déclarer, et pour lui affecter une valeur. echo $variable; Affiche la valeur affectée à la variable. include(“page.php”); header(“location: page.php”); Insère une page dans la page actuelle Redirige vers page.php (à placer avant tout code html) $variable = $_POST[‘variable’] ; Récupère les données transmises par un formulaire avec la méthode POST. $variable = $_GET[‘form’] ; Récupère les données transmises par un formulaire avec la méthode GET. $i++; Incrémente i de 1 (i+1) || < et > != ou <> Ou dans une condition Inférieur ou Supérieur Différent if(conditions) { instructions; } else { instructions; } switch($variable) { case valeur1: instructions; break; case valeur2: instructions; Boucle if : Si la condition est vraie, alors on exécute les instructions. La boucle switch permet de définir des cas selon la valeur de la variable. C’est très utile lorsque l’on est face à plusieurs résultats différents possibles que peut prendre la variable. Ça évite d’utiliser plusieurs Rapport de stage – Année 2006 – GUEBLAOUI Hamed Page 18/33 break; case default: instructions; break; boucles if. } while(condition) { instructions; } Boucle TantQue : va exécuter les insctructions tant que la condition est vraie session_start() Créé une nouvelle session ou récupère la session en cours $_SESSION['nomvariable'] Récupère la valeur de la variable de session nomvariable session_unset() Supprime toutes les variables de session session_destroy() Détruit la session - PHP/SQL Server : $connect = mssql_connect("localhost", "sa", "stage"); $query = "SELECT nom, prenom FROM matable"; La variable $connect se connecte à la base de donnée. La variable $query contient une requête SQL. La variable $result exécute la requête SQL de la variable $query sur la base $result = mssql_query($query)or die (“impossible de données définie par la variable d’exécuter la requête“) ; $connexion. for($i=0 ;mssql_num_rows($result) { $nom = mssql_result($result, $i, “nom”) } mssql_close($connect); Récupère les valeurs contenues dans les résultats de la requête de 0 au nombre de lignes du résultat. Ferme la connexion à la base de données. Toutefois, il n’est pas obligatoire de mentionner mssql_close puisque la connexion se ferme automatiquement après la dernière requête. Rapport de stage – Année 2006 – GUEBLAOUI Hamed Page 19/33 C. MACROMEDIA DREAMWEAVER L’intégralité de mon site a été réalisée avec le logiciel de programmation MACROMEDIA DREAMWEAVER. Macromedia® Dreamweaver® MX 2004 combine des outils de mise en forme, des fonctionnalités de développement d'application et des fonctions de modification du code source, permettant ainsi de créer rapidement des sites et des applications attractifs et conformes aux normes Internet. Dreamweaver regroupe tous les outils professionnels indispensables dans un environnement simple et intégré, en passant de l’assistance à la conception basée sur les feuilles de style en cascade (CSS) aux fonctionnalités de codage manuel, On peuvent utiliser Dreamweaver avec la technologie de serveur de leur choix et concevoir des applications Internet élaborées permettant de connecter les utilisateurs à des bases de données, à des services Web et à des systèmes hérités. Rapport de stage – Année 2006 – GUEBLAOUI Hamed Page 20/33 D. Présentation du site web FEZA 1. L’utilisation des feuilles de style : CSS Afin d’optimiser l’interface graphique, les feuilles de styles ont du être utilisées. En effet, celles ci sont nécessaires pour avoir un affichage clair et convivial, de façon simple et efficace. Les feuilles de style sont contenus dans un fichier externe à l’application et ont l’extension .css. Ils permettent de mettre en page un site Web très rapidement, et de la façon la plus précise qu’il soit en plaçant les contenus au pixel près. Ici, c’est le fichier constructeur.css qui va mettre en page le site réalisé et voici le code qui permet d’utiliser cette feuille de style : Voici un exemple avec et sans l’utilisation de la feuille de style : Sans constructeur.css : <link href="" rel="stylesheet" type="text/css"> Rapport de stage – Année 2006 – GUEBLAOUI Hamed Page 21/33 Avec Constructeur.css <link href="FEZA_fichiers/constructeur.css" rel="stylesheet" type="text/css"> Rapport de stage – Année 2006 – GUEBLAOUI Hamed Page 22/33 2. Fonctions JavaScript Le Javascript est une extension du langage HTML qui est incluse dans le code. Ce langage est un langage de programmation qui permet d'apporter des améliorations au langage HTML en permettant d'exécuter des commandes. Il ne faut pas confondre le JavaScript et le Java. En effet contrairement au langage Java, le code est directement écrit dans la page HTML, c'est un langage peu évolué qui ne permet aucune confidentialité au niveau des codes (ceux-ci sont effectivement visibles). D'autre part l'applet Java (le programme) doit être compilé à chaque chargement de la page, d'où un important ralentissement pour les applets Java contrairement au JavaScript. Le Javascript est case sensitive (en français sensible à la casse), c'est-à-dire qu'il fait une différence entre un nom de variable contenant ou non des majuscules. Ainsi la fonction bonjour(); n'est pas la même fonction que Bonjour();. Enfin, comme en langage C, chaque instruction se termine par un point-virgule (;). Un script est une portion de code qui vient s'insérer dans une page HTML. Le code du script n'est toutefois pas visible dans la fenêtre du navigateur car il est compris entre des balises (ou tags) spécifiques qui signalent au navigateur qu'il s'agit d'un script écrit en langage JavaScript. Les balises annonçant un code Javascript sont les suivantes: <SCRIPT language="Javascript"> Placez ici le code de votre script </SCRIPT> Afin d’améliorer au mieux le site, des fonctions JavaScript on été intégrées, notamment, lors des saisies de questionnaire. Tout d’abord, le JavaScript est un langage qui s’exécute « client-side », et donc analyse les données avant de les envoyer au serveur, contrairement au PHP ou à l’ASP qui les analysent « server-side ». Ceci permet de ne pas utiliser inutilement le serveur. L’utilisation des fonctions JavaScript apporte un certain confort lors de la saisie des données, et permet de ne pas se soucier d’une erreur de saisie. Rapport de stage – Année 2006 – GUEBLAOUI Hamed Page 23/33 3. Description du site FEZA Mon responsable de stage, Mr FERRA, m’a fournit tous les documents nécessaires pour la conception du site. Cela peut s’appeler ‘un cahier des charges’ ou figurait : La disposition de chaque élément des pages (ex : le logo en haut à gauche) L’intituler des pages Le choix parmi plusieurs couleurs ‘ici, j’ai opté pour une couleur vive) Les photos Tous les renseignements nécessaires pour constituer les pages. Plusieurs sites ont été créées dont voici un exemple. Voici la page d’accueil du site FEZA. Elle comporte 14 pages html répartis dans 5 menus Le site est composé de 2 sommaires (l’un à gauche et l’autre à droite) laissant la partie du centre à l’affichage des pages désirées . Rapport de stage – Année 2006 – GUEBLAOUI Hamed Page 24/33 Le code permettant de créer un lien entre la page d’accueil et une des pages du site, en l’occurrence la page ‘société.htm’, est : <a href="FEZA/société.htm" class="construction">Société</a> Sur la page d’accueil du site, le langage javascript a été utilisé pour le changement automatique des photos présentes sur la page d’accueil. Voici le code qui ma permis de le réaliser : function changePhoto() { num = Math.round(26*Math.random()) + 1 ; document.getElementById('maison').innerHTML = "<a href='réalisations.htm'><img src='photos-maisons/"+num+".jpg' alt='maison' border='0' width='418' height='294'></a>" ; setTimeout("changePhoto()", 3000) ; } En cliquant sur le lien Société, voici la page qui s’ouvre : Cette page fournit des renseignements concernant la société FEZA. Rapport de stage – Année 2006 – GUEBLAOUI Hamed Page 25/33 En cliquant sur le lien photos réalisations, voici la page qui s’ouvre : Dans cette page, toutes les photos ont été placées dans un tableau que j’ai crée a l’aide des balises html suivantes : Définition du tableau [Table] <TABLE></TABLE> Début et fin de tableau Définition d'une ligne [Table Row] <TR></TR> Début et fin de ligne Définition d'une cellule [Table Data] <TD></TD> Début et fin de cellule Le marqueur <TABLE> initialise le tableau. Il possède tout un tas de paramètres qui peuvent donner ses caractéristiques. Par exemple, ici BORDER donne l'épaisseur du bord des cellules et du tableau. La marqueur <TR>, lui, débute une ligne d'un tableau, le marqueur <TD> quant à lui débute une cellule Rapport de stage – Année 2006 – GUEBLAOUI Hamed Page 26/33 Des liens ont été affectées à chaque photos permettant de mieux visualiser, sur une simple page html, la photo sélectionner : Rapport de stage – Année 2006 – GUEBLAOUI Hamed Page 27/33 4. Formulaire Le code du formulaire est inséré entre les balises suivantes : <html><head><title>CONTACT </title> <form action="/contact/traitement_contact.php" method="post" enctype="multipart/formdata" name="form"> Taper le code… </form> </body></html> Rapport de stage – Année 2006 – GUEBLAOUI Hamed Page 28/33 Voici une partie du code permettant de réaliser le formulaire : Saisie des variables et des types de champs dans le fichier form.php.formulaire Nom * :<br> <input type="text" name="champ1" size="20"> <p>Prénom * :<br> <input type="text" name="champ2" size="20"></p> <p>Adresse * :<br> <textarea rows="4" name="champ3" cols="40"></textarea></p> <p> votre e-mail * <br> <input type="text" name="champ4" size="20"></p> Etc… Dans formulaire.php Voici le code permettant la vérification du mail : function check_mail($champ4) { if( (preg_match('/(@.*@)|(\.\.)|(@\.)|(\.@)|(^\.)/', $champ4)) || (preg_match('/^.+\@(\[?)[a-zA-Z0-9\-\.]+\.([a-zA-Z]{2,3}|[0-9]{1,3})(\]?)$/',$champ4)) ) { $host = explode('@', $champ4); if(checkdnsrr($host[1].'.', 'MX') ) return true; if(checkdnsrr($host[1].'.', 'A') ) return true; if(checkdnsrr($host[1].'.', 'CNAME') ) return true; } return false; } Rapport de stage – Année 2006 – GUEBLAOUI Hamed Page 29/33 Voici une partie du code permettant de vérifier si les champs sont biens remplis : $Envoi = 1; //initialisation de la variable envoi à 1 if ($champ1 == ""){ //nom du champ1 echo("Vous n'avez pas complété le champ 1.<br>"); //message qui s'affiche si le visiteur n'a pas rempli ce champ $Envoi = 0; //si le champ1 n'a pas été rempli, la variable envoi prend la valeur de 0 } else { $MailBody .= "Question 1 : $champ1\n"; //si le champ1 contient de l'information, elle est stockée dans la variable MailBody } if ($champ2 == ""){ echo("Vous n'avez pas complété le champ 2.<br>"); $Envoi = 0; } else { $MailBody .= "Question 2 : $champ2\n"; } if ($champ3 == ""){ echo("Vous n'avez pas complété le champ 3<br>"); $Envoi = 0; } else { $MailBody .= "Question 3 : $champ3\n"; Etc… Rapport de stage – Année 2006 – GUEBLAOUI Hamed Page 30/33 CONCLUSION En définitive, ce stage m’a permis de me découvrir moi même. De découvrir la façon que j’avais de réagir dans un milieu professionnel tel qu’il était. J’ai pu faire parti d’un groupe de professionnels pendant ces 2 mois. Ces mêmes professionnels qui ont su apprécier le travail que j’avais effectué tout au long de ce stage, quelque chose qui est très gratifiant pour l’avenir. J’ai pu apprendre à travailler de façon plus autonome, et à résoudre moi même les problèmes que j’ai pu rencontrer. Ce stage m’a permis d’appliquer tout ce que j’ai appris durant ces dernières années que ce soit à l’IUT ou à l’IUP. Mais aussi d’approfondir ce que je connaissais, notamment en PHP et en Javascript, deux langages où j’ai pu apprendre beaucoup et mettre en place un server web. En effet, je ne connaissais que ce qui m’avait été possible d’apprendre jusque la, et je n’ai passé que très peu de temps sur ces langages, j’ai pu ainsi aller beaucoup plus loin que ce que nous avions fait, notamment grâce aux outils qui m’étaient proposés sur Internet. Rapport de stage – Année 2006 – GUEBLAOUI Hamed Page 31/33 GLOSSAIRE CSS (Cascading Style Sheets) : Une feuille de style est utilisée pour décrire la présentation d'un document structuré écrit en HTML ou en XML, et c'est le World Wide Web Consortium (W3C) qui en a la direction. Les CSS sont utilisées pour définir les couleurs, les polices, le rendu, et d'autres caractéristiques liées à la présentation d'un document. L'objectif est de bien séparer la structure (écrite en HTML ou similaire) et la présentation (en CSS) du document. Cette séparation fournit un certain nombre de bénéfices, permettant d'améliorer l'accessibilité, de changer plus facilement de structure et de présentation, et de réduire la complexité de l'architecture d'un document HTML (Hypertext Markup Language) : Le HTML est le langage informatique créé et utilisé pour écrire les pages Web. HTML permet en particulier d'insérer des hyperliens dans du texte, donc de créer de l'hypertexte, d'où le nom du langage. Java : Java est une technologie composée d'un langage de programmation orienté objet et d'un environnement d'exécution. JavaScript : JavaScript est un langage de programmation de type script, orienté objets à prototype, principalement utilisé dans les pages Web. Lien hypertexte : Un hyperlien ou lien hypertexte ou simplement lien, est une référence dans un système hypertexte permettant de passer automatiquement d'un document consulté à un document lié. Les hyperliens du World Wide Web se trouvent dans les pages Web, plus précisément dans des documents écrits en HTML (Hypertext Markup Language). Les pages Web utilisent la notation des URI (Uniform Resource Identifier) pour identifier les documents référencés. Rapport de stage – Année 2006 – GUEBLAOUI Hamed Page 32/33 Rapport de stage – Année 2006 – GUEBLAOUI Hamed Page 33/33