Le rapport présente le stage de Gautier Messerlin, étudiant en électronique et numérique, réalisé à Numerica, où il a participé à diverses activités telles que la configuration de téléphones IP et la fabrication de câbles RJ45. Il souligne l'importance des langages de programmation comme HTML, CSS, PHP et SQL dans la création de sites web, en différenciant les sites statiques et dynamiques. En conclusion, le stagiaire exprime une expérience positive ayant permis d'appliquer ses connaissances en entreprise tout en développant de nouvelles compétences.

1. Soutenance de stage
Messerlin Gautier
1ère SEN (Service Electronique et Numérique) TR (Télécom Réseau)
Lycée Denis Diderot
Stage de formation en entreprise effectué à Numerica du 4 au 29 Avril

2. Remerciements
- Vincent PAN et David BULLE
qui m’ont suivit tout au long de ce stage
- Toute l’équipe pour leurs sympathie
- Les gens
que j’ai pu rencontrer à l’occasion de ce
stage.

3. Sommaire
• Index
• Remerciements
• Sommaire
• Présentation de l’entreprise
• Activitées effectuées
• Problèmes rencontrés
• Thème technique
• Conclusion

4. Présentation de l’entreprise
Le projet Numerica débute
en 1997 :
- Volonté forte de la L’équipe :
Communauté
d’Agglomération du Pays de
Montbéliard et la région
Franche-Comté
- Doter le territoire d'un
outil de développement
economique performant
dédié aux Technologies de
l'Information et de la
Communication.

5. Situation / surface
• Situé à Montbéliard, le premier bâtiment
Numerica de 4 000 m2 est inauguré en 2003.
• En 2005 un hôtel tertiaire de 4 000 m2 est
construit pour permettre d’accroître les
capacités d’hébergement des entreprises
TIC.
• En 2007 le bâtiment Numerica 2 est
inauguré avec 4 000 m2 de surfaces
supplémentaires (scène numérique , studios
de production audiovisuelle, locaux pour des
universités, laboratoires de recherche et des
entreprises).
• En mars 2008 la société d’économie mixte
SEM Numerica est créée par les principaux
financeurs régionaux de Franche-Comté, des
entreprises et des associations.
• Au 1er janvier 2009 la SEM Numerica
devient opérationnelle.

6. Activités effectuées
- Brassage de cables dans les répartiteurs
- Configuration de téléphones IP
- Configuration d’un Switch Cisco
- Dépannage informatique
- Fabrication de cable RJ45
- Rangement du stock
- Révision langages HTML/CSS/PHP
- Apprentissage langage SQL

7. Problèmes rencontrés
- Programmation du switch
- Etablir un plan du réseau de Numerica

8. Thème technique
Créer un site web
Pour créer un site web :
- indiquer des informations à l'ordinateur,
- savoir placer ce texte (images, liens, …),
- expliquer à l'ordinateur ce que vous voulez,
- utiliser un langage qu'il comprend.
• Existance de langages qui servent à créer des
programmes (C, Java, …), complexes, réservés à des
personnes expérimenté.
• Les langages XHTML et CSS servent précisément à créer des
sites web, ils ont été créés de manière à être simples à utiliser.

9. Statique / Dynamique
On considère qu'il existe 2 types de sites web :
• Les sites statiques : sites réalisés uniquement avec les
langages (X)HTML et CSS. Ils fonctionnent, mais leur
contenu ne peut pas être mis à jour automatiquement : il
faut que le webmaster modifie le code source pour y
ajouter des nouveautés.
• Les sites dynamiques : plus complexes, ils utilisent
PHP et MySQL. Le contenu de ces sites web est dit
"dynamique" parce qu'il peut changer sans
l'intervention du webmaster ! La plupart des sites
web actuels sont des sites dynamiques.

10. HTML
XHTML : abréviation de eXtensible HyperText Markup Language.
Le langage XHTML, est celui avec lequel on tape le contenu
du site web.
Il contient des informations logiques : on dit par exemple "Ceci
est mon titre, ceci est mon menu, là c'est le texte principal de
la page, là il y a une image etc etc...".
Quelques balises :

11. CSS
CSS : c'est l'abréviation de Cascading Style Sheets.
Ce langage sert uniquement à présenter la page web.
• Avec le CSS, on peut créer rapidement et
simplement la mise en page de votre site. C'est en CSS que l'on dit :
« Mes titres sont en rouge et
sont soulignés, mon texte est dans la police arial, mon
nom est centré, mon menu a un fond blanc... ».
Quelques propriétés :

12. PHP
PHP : abréviation Hypertext Preprocessor
- Langage que seuls les serveurs comprennent et qui permet de rendre
votre site dynamique.
- C'est PHP qui "génère" la page web.
- Il peut fonctionner seul, mais il ne prend vraiment de l'intérêt que s'il
est combiné à un outil tel que MySQL.
- C’est avec lui qu’on peut dire : «Si c'est le matin, affiche "Bonjour".
Sinon, si c'est le soir, affiche "Bonsoir". »
Voici un code PHP :

13. MySQL
MySQL : - SGBD (Système de Gestion de Base de Données).
- Enregistrer des données de manière organisée pour les
retrouver facilement plus tard.
Ex : Enregistrer la liste des membres de votre site, les
messages postés sur le forum, etc.
Le langage qui permet de communiquer avec la base de
données s'appelle le SQL.
Voici un code en langage SQL :

14. Comment ça marche ?
Quel que soit le site web que l’on crée , XHTML et CSS sont
indispensables, cependant, ils ne suffisent pas pour réaliser
des sites dynamiques.
• Le client demande au serveur à voir une page web.
• Le serveur prépare la page spécialement pour le client.
• Le serveur lui envoie la page qu'il vient de générer.

15. Disposition d’un site web
Un site se construit en général avec ce plan :
Fonction include()
"Insère ici le contenu de la
page menu.php".
- Codes simplifiés,
- Modifications plus facile.

16. Conclusion
Expérience positive :
• Quitter le domaine théorique pour découvrir les
réalités de l’entreprise
• Utiliser les connaissances acquises au lycée ou les
adapter pour faire face aux problématiques
nouvelles
• Acquisition de nouvelles connaissances