Concepteur Dveloppeur Web | David FREOUA

RAPPORT

DE

STAGE

Sommaire
REMERCIEMENTS.......................................................................4
INTRODUCTION.......................................................................... 5
PRSENTATION DE LA SOCIT...................................................6
Gnralits.................................................................................................... 6
Historique..................................................................................................... 6
Environnement humain..................................................................................6
Site web existant...........................................................................................6

LENVIRONNEMENT INFORMATIQUE.............................................7
Matriel :....................................................................................................... 7
Langages :..................................................................................................... 7
Autres langages :........................................................................................... 9
Logiciels de dveloppement :........................................................................10
SGBD :......................................................................................................... 10
Serveur :..................................................................................................... 11

TRAVAIL PERSONNEL................................................................12
Objectifs...................................................................................................... 12

Remerciements

Je tiens remercier en premier lieu Mr HARFI Johann pour m'avoir accueilli en

qualit de stagiaire du 27 fvrier au 27 avril 2012. Jai t reu les bras ouverts, il
ma attribu toute sa confiance, et grce lui jai pu dvelopper mes connaissances
et mes comptences techniques dans le milieu professionnel.
Je remercie aussi lensemble du centre NEXT-FORMATION qui ma permis de
suivre cette formation. Grce ce centre, jai pu acqurir assez de connaissances
pour intgrer une socit.
Je remercie enfin tous les formateurs pour leur coute et leur aide apporter, et en
particulier Mr BUGUET Pascal qui pour ma par, ma apporter beaucoup daide, et
dattention pendant cette formation.

Introduction

Dans le cadre de mon stage de Concepteur Dveloppeur Informatique, j'ai t

accueilli du 27 fvrier au 27 avril 2012 au sein de la socit JHConsulting &
Webdesign.
La raison de mon entr dans cette socit t poussez vers la cration et le
dveloppement dun site internet qui ma rellement touch, un pre de famille qui
t spar de ses filles depuis le 22 septembre 2008.
Cette personne avait besoin dun site dactualits, avec un compteur qui lui
permettrait de calculer le temps qui scouler depuis la date de sparation, ajouter
des articles, poster des messages, ainsi que de recevoir du soutien et de laide pour
retrouver ses filles, et pouvoir enfin les revoir et partager tout ce temps perdu. Le site
se base sur un site dj existant, ayant pour thme celui de facebook, le site se
nommera www.rendezmoimesfilles.com .
Mais le but du stage fut galement de me mettre en contact avec le monde du travail,
cela pour me permettre davoir une premire exprience professionnelle et de mettre
en pratique toutes les connaissances acquises tout au long de ma formation.
Vous verrez donc tout au long de ce rapport le droulement de ce stage, comment
les comptences acquises au centre NEXT-FORMATION ont t mises en pratique,
et lapport que ce stage a t, aussi bien au niveau des comptences quau niveau
du vcu professionnel.
Tout d'abord, je vous prsenterais la socit dans laquelle j'ai effectu mon stage,
ainsi que les diffrents moyens et outils informatiques que jai utilis.
J'exposerais ensuite les diffrentes mthodes de travail que j'ai utilis, avant de les
illustrer.
Enfin, je conclurais par la formation et la gestion de l'administration du site Internet.

Prsentation de la socit

Gnralits

Historique

Environnement humain

Site web existant

Lenvironnement informatique

Matriel :
La socit dans laquelle j'ai effectu mon stage tant une petite structure, il n'y avait
pas de service informatique proprement parler. C'est pourquoi il t convenu
avec Monsieur HARFI que le travail seffectuerait mon domicile, et quune mise au
point du travail effectu et a faire serais mise en place 2 fois par semaine, et un
contact permanent par tlphone. Jai donc travaill avec mon propre ordinateur
portable. Cependant, cela ne m'a pas gn, puisquun serveur t mis en place
spcialement pour mon travail, et que tout tait suivi chaque tape du projet.

Langages :
PHP (HyperText Preprocessor) est interprt du cot
serveur, cest un langage de scripts principalement
utilis pour produire des pages HTML dynamiques via
un serveur HTTP, mais pouvant galement fonctionner
comme n'importe quel langage de faon locale, en
excutant les programmes en ligne de commande. PHP est un langage disposant
depuis la version 5 de fonctionnalits de modle objet compltes. En raison de la
richesse de sa bibliothque, on dsigne parfois PHP comme une plate-forme plus
qu'un simple langage. Le site Internet www.rendezmoimesfilles.com se devant d'tre
un site dynamique et interactif, la cration de pages HTML la vole est alors
indispensable, ce qui m'a logiquement amen choisir PHP pour dvelopper le site
Web.
Site officiel : http://www.php.net

HTML (HyperText Markup Language) est interprt cot

navigateur donc client. Cest le format de donnes conu pour
reprsenter les pages web. Cest un langage de balisage qui
permet dcrire de l'hypertexte, do son nom. HTML permet
aussi de structurer smantiquement et de mettre en forme le
contenu des pages, dinclure des ressources multimdia, des
formulaires de saisie, etc... Il est souvent utilis conjointement
avec des langages de programmation(JavaScript) et des formats
de prsentation (feuilles de style en cascade), le CSS
(Cascading Style Sheet) est interprt cot navigateur lui aussi.
Avec le couple HTML/CSS, on peut crer des pages web o la
structure du document se trouve dans le fichier HTML tandis que
la prsentation se situe dans un fichier CSS.
Avec CSS on peut par exemple dfinir un ensemble de rgles stylistiques communes
toutes les pages d'un site internet. Cela facilite ainsi la modification de la
prsentation d'un site entier.
Le PHP gnrant des pages HTML la vole, une bonne connaissance de ce
langage de balisage fut donc requis pour raliser ce projet. Jai choisi la version
HTML 5 & CSS3, tant les dernires versions ce jour des ses 2 langages, et
surtout pour toutes ses nouveauts qui nous simplifie le travail :
-

Nouvelles balises HTML5 beaucoup plus claire pour ma par <header>, <nav>,

<footer>, <section>, <article> et jen passe

Nouveauts CSS3 avec ses bordures arrondis et ses effets dombre

Le SQL (Structured Query Language), ou langage

structur de requtes, est un pseudo-langage informatique
de type requte, standard et normalis, destin
interroger ou manipuler une base de donnes
relationnelle. La base de donnes d'un site Web
dynamique tant constamment consulte et manipule par
celui-ci, l'utilisation de ce langage de requte constituait donc la meilleure solution
pour manipuler la base de donnes du site Internet en dveloppement.

Merise est une mthode d'analyse, de conception et de gestion

de projet informatique. Elle permet de crer et de structurer des
bases de donnes. Pour mon projet jai utilis le MCD (Modle
Conceptuel des Donnes).

Autres langages :
Au cours de ce stage, j'ai t amen utiliser d'autres langages relatifs au
dveloppement Web. J'ai d principalement tudier le contenu de certaines fonctions
JavaScript, et jQuery (driv de JavaScript), notamment pour rsoudre certains
problmes de compatibilit avec certains navigateurs Web, mais aussi pour intgrer
un diteur de texte pour ladministration des articles, et la mise en place dun
compteur dynamique qui calcule le nombre dannes, de jours, et dheures depuis
une date prcise.

Logiciels de dveloppement :
NetBeans IDE est un environnement de
dveloppement intgr pour les dveloppeurs de
logiciels. Il propose tous les outils ncessaires la
cration d'applications professionnelles pour les
particuliers, les entreprises, le web et les
applications mobiles avec le langage Java, C / C + +, et mme les langages
dynamiques tels que PHP, JavaScript, Groovy, et Ruby.
Jai choisi NetBeans pour sa simplicit dutilisation, mais aussi par question
dhabitudes, ce logiciel tant celui utilis tout au long de la formation

SGBD :
MySQL est un Systme de Gestion de Bases de
Donnes (SGBD), parmi les plus utiliss au
monde. Il fait partie du quatuor LAMP, qui est
l'association du systme d'exploitation Linux, du
serveur HTTP Apache, de MySQL et du langage
de scripts PHP. Ce quatuor a pour but de crer un
serveur de sites Web partir de logiciels libres. Le couple PHP/MySQL utilis
conjointement avec Apache est la solution la plus utilise pour la cration de sites
Web et est souvent propose par les hbergeurs, ce qui est le cas de l'hbergeur
utilis par la structure o s'est droul mon stage.
Site officiel : http://www.mysql.fr/

Une partie de la gestion de la base de donnes s'est faite via

MySQL Query Browser, est un logiciel assez simple prendre
en main (cest avec que ce logiciel que nous avons dvelopp
nos bases de donnes tout au long de notre formation) destine
la gestion d'une base de donne MySQL. Ce logiciel sera aussi
utilise pour tester les diffrentes requtes SQL lors de la
construction du site, ainsi que nos procdures stockes, ce qui constitue un gain de
temps important.

AnalyseSI est un programme qui est un outil de modlisation,

cest dire quil permet de crer une reprsentation simple
dun systme, pour le projet une base de donnes
relationnelle. Aprs avoir schmatis la base de donnes, le
programme crera automatiquement le script qui permettra
dinstaller la base de donnes sur le serveur et le BDDR de
votre choix (tant que celui-ci comprend le langage SQL).

Serveur :
Apache est un logiciel de serveur HTTP dvelopp par
l'Apache Software Foundation. C'est actuellement le serveur
HTTP le plus populaire du Web. C'est un logiciel libre faisant
partie du LAMP, voqu ci-dessus.
Site officiel : http://www.apache.org/

Travail personnel

Objectifs
Lobjectif de ce stage tait de raliser un site internet pour un pre la recherche de
ses filles, ce site devait remplie diffrent critres :
-

Le site devait avoir pour thme une page Facebook dj existante,

http://www.facebook.com/RendezMoiMesFilles
Il devait comporter des articles, qui serait administr par le client
Les utilisateurs du site pouvez laisser des messages, administrable par le
client, ses messages devait dabord tre valid par celui-ci pour ensuite tre

afficher sur le site

Ladministration du site se devait intuitive, et simple dutilisation pour une
personne ayant des connaissances rduite dans le milieu de linformatique

Nous allons maintenant nous intresser la phase d'analyse et de conception qui a

dtermin les mthodes de construction et de dveloppement, ce qui va nous
amener l'laboration de l'arborescence, qui va dterminer l'agencement des
modules du site Web et dfinir la structure.

Analyse & Conception