Soutenance de stage · Par : Guillaume Prévost · Entreprise : Cynetic · Période : du 1er septembre au 28 novembre 2008 1/15

Sommaire Présentation de l’entreprise et du projet Travail réalisé · Présentation de Cynetic · Présentation du projet Travail réalisé · Mise en place d’un framework · Gestion des médias, pages, rubriques · Gestion des utilisateurs · Module de recherche · Gestion des actualités Etude de portions de code · Gestion du débug · Utilisation d’Ajax Résultats obtenus (démonstration) 2/15

Présentation de l’entreprise et du projet Cynetic est une entreprise de conseil et développement Web, principalement tournée vers l’e-commerce. Beaucoup de travail sur le référencement . Réalisations comme : - libre-immo.com - nataluna.com - vins-madiran.fr 3/15

Présentation de l’entreprise et du projet Présentation du projet · Recoder un CMS existant pour le rendre plus accessible à l'utilisateur (côté administration) sans changements apparents pour les visiteurs. · Au niveau du code, mise en place un framework très léger, facilitant le codage et les modifications qui allaient avoir lieu. · Le CMS sur lequel j'ai travaillé devait garder les fonctionnalités existantes, et en ajouter de nouvelles. La charte graphique, déjà établie, ne devait pas être modifiée. Ancien CMS : http://pourdespyreneesvivantes.fr/cokpit/ 4/15

Travail réalisé Mise en place d’un framework · L’utilisation de normes de codages. - nom des variables, des fonctions, etc. - indentation et mise en forme - fichiers de fonctions regroupant les fonctions génériques, appelées par plusieurs pages. · Des fonctions générales relatives à la base de données. - fonction de connexion à la base de données - fonctions générant différents types de requêtes - fonction pour exécuter les requêtes · Un système de gestion des erreurs (débug). 5/15

Travail réalisé Gestion des medias · Types de médias - Html - Vidéo - extrait audio (mp3) - images - diaporama · Liste des médias. · Ajout /Modification - par la gestion des médias - par pop-up 6/15

Travail réalisé Gestion des pages · Liste des pages. La gestion des pages se fait simplement en ajoutant /supprimant des pages dans la liste. La modification se fait sur une page à part, car elle offre beaucoup de possibilités. · Modification de page. - modifier les informations de la page - ajout de médias dans une page - changement de position des médias 7/15

Travail réalisé Gestion des rubriques · Niveaux de rubriques. Il y a 4 niveaux de rubriques : chaque niveau contient des rubriques de niveaux inférieurs. (ex: une rubrique de niveau 1 contient des rubrique de niveau 2, contenant elle-même des rubriques de niveau 3, etc…). · Modification de rubrique. - modification du titre - modification du lien - changement de position 8/15

Travail réalisé Gestion Utilisateurs · Premier travail sur les utilisateurs. Le premier travail réalisé sur les utilisateurs et les groupes a été fait dans l’administration du site de Cynetic, pour la gestion des client. Cette gestion a été ensuite adaptée au CMS. · Gestion des groupes. [Lien] - liste - ajout / modification · Gestion des utilisateurs. [Lien] · Authentification. Un système d’authentification a été mis en place au début de chaque page : seul un utilisateur logué peut voir l’administration. 9/15

Travail réalisé Module de recherche Côté Administration Côté Front 10/15

Travail réalisé · Gestion des actualités. - liste · Les actualités. Les actualités sont classées par catégories, ce sont des sortes de pages ayant une période définie d’apparition sur le site. Une actualité possède un titre, un texte chapeau, un contenu texte, une image et un lien vers une URL. · Gestion des actualités. - liste - ajout / modification 11/15

Portions de code Gestion du débug La gestion des erreurs (module de débug) peut prendre 3 statuts différents : OFF, Débug ou Prod. · Mode OFF : Il ne se passe rien, le module est désactivé. · Mode Débug : Les informations et les erreurs sont affichées en bas de page. · Mode Prod : Les informations et les erreurs ne sont pas affichées pour l’utilisateur, mais le développeur reçoit un log des erreurs par e-mail. On a des fonctions définies dans le fichier de fonction, et appelées dans chaque page où l’on veut mettre en place le débug. Code. 12/15

Portions de code Utilisation d’Ajax Code. · La technologie AJAX permet d’envoyer avec du Javascript (côté utilisateur) une requête au serveur. Cela permet entre autre d’actualiser une partie de la page selon une action de l’utilisateur. · Ceci a été utilisé à beaucoup d’endroit dans le CMS, comme : - la liste des rubriques qui « s’ouvre » et « se ferme ». - les différents formulaires contenant le signe « + ». - les liste telles que celle des vidéos, avec un bouton Play qui affiche la vidéo demandée. Code. 13/15

Conclusion DEMONSTRATION Le Front : http://serres-morlaas.fr/ L’administration : http://serres-morlaas.fr/cokpit/ 14/15

Conclusion Les apports de ce stage · Grande amélioration en PHP et JavaScript. · Habitude de travailler avec des contraintes strictes (travail pour un client). · Observation de rendez-vous avec des clients qui se sont avérés très instructifs. · etc… 14/15

Conclusion Questions ? 15/15

Images

Images

Images

Images

Images

Images

Images

Images

Images

Images

Images