Soutenance de stage

1/15

· Par : Guillaume Prévost

· Entreprise : Cynetic

· Période : du 1er septembre au 28 novembre 2008

SOMMAIRE

· Présentation de Cynetic· Présentation du projet

ETUDE DE PORTIONS DE CODE

2/15

TRAVAIL RÉALISÉ

PRÉSENTATION DE L’ENTREPRISE ET DU PROJET

RÉSULTATS OBTENUS (DÉMONSTRATION)

· Mise en place d’un framework· Gestion des médias, pages, rubriques· Gestion des utilisateurs· Module de recherche· Gestion des actualités

· Gestion du débug· Utilisation d’Ajax

PRÉSENTATION DE L’ENTREPRISE ET DU PROJET

3/15

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

PRÉSENTATION DE L’ENTREPRISE

PRÉSENTATION DE L’ENTREPRISE ET DU PROJET

4/15

· 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.

PRÉSENTATION DU PROJET

Ancien CMS : http://pourdespyreneesvivantes.fr/cokpit/

TRAVAIL RÉALISÉ

5/15

· 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).

MISE EN PLACE D’UN FRAMEWORK

TRAVAIL RÉALISÉ

6/15

· 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

GESTION DES MEDIAS

TRAVAIL RÉALISÉ

7/15

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

TRAVAIL RÉALISÉ

8/15

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

TRAVAIL RÉALISÉ

9/15

· 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]- liste- ajout / modification

· 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.

GESTION UTILISATEURS

TRAVAIL RÉALISÉ

10/15

MODULE DE RECHERCHE

Côté Front

Côté Administration

TRAVAIL RÉALISÉ

11/15

GESTION DES ACTUALITÉS

· 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

PORTIONS DE CODE

12/15

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.

PORTIONS DE CODE

13/15

UTILISATION D’AJAX

· 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.

CONCLUSION

14/15

Le Front : http://serres-morlaas.fr/

L’administration : http://serres-morlaas.fr/cokpit/

DEMONSTRATION

CONCLUSION

14/15

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…

CONCLUSION

15/15

QUESTIONS ?

IMAGES

IMAGES

IMAGES

IMAGES

IMAGES

IMAGES

IMAGES

IMAGES

IMAGES

IMAGES

IMAGES