ROYAUME DU MAROC

OFFICE DE LA FORMATION PROFESSIONNELLE ET DE

LA PROMOTION DU TRAVAIL

Institut Spécialisé de Technologie Appliquée

EL JADIDA

Projet de fin formation :

Site Web 
(Sport in Covid-19)

 Réaliser PAR : ELABID WASSEL

 Encadre PAR : Mr NOAMAN ZAKARIA
 Année de formation : 2020/2021
 DÉCICASE

A mes chers parents, symbole de bonté et de

sacrifice en hommage à
leur amour, à leur patience et à l’éducation
qu’ils nous ont inculqué tout au long de
notre vie.

A mes frères en leur souhaitant bonheur et

succès dans leur vie
Personnelle et professionnelle.

A tous mes ami(e) s et complices de

toujours, avec mes vœux les plus sincères
de réussite, de bonheur et de prospérité.

A tous ceux qui ont contribué de près ou

de loin à la réalisation de ce travail.
 Remerciement
Ce projet vient concrétiser et faire
valoir mes acquis durant les deux
années à l’Institut Spécialisé de
Technologie Appliquée.
Branche : Techniques des
Développements Informatiques.

Je ne trouve mieux que cette occasion pour

exprimer ma gratitude et mes remerciements à
toutes les personnes qui m’ont soutenu.

Je tiens à remercier plus particulièrement

Mr Noamane Zakaria pour ces les conseils
et suggestions qui m’ont été une grande
main d’aide à la réalisation de ce travail.

Mes vifs remerciements vont aussi à tous mes

formateurs.
 Sommaire
Site Web
 Dédicace
 Remerciements
 Introduction
 Site Web
 L’idée du projet
 Les langages utilisés
 Les tâches effectuées
 1-Configuration du réseau sous Mac OS X
 1.1-Configuration DHCP
 1.2-Configuration "IP fixe"
 2-Le partage avec pc sous Windows
 Conclusion
 INTRODUCTIO
N

 Le projet de fin de formation

pour le stagiaire est une étape très
importante pour son instruction au
domaine professionnel.

 Il consiste pour le stagiaire une

expérience préliminaire qui l'aide à
aborder le milieu du travail.

 Nous verrons donc dans un

premier temps une présentation de
Site Web, puis une description de ses
différents services, les tâches
effectuées, et enfin une vue sur le
projet réalisé
 Site Web
 Techniquement, un site internet ce n’est
qu’un fichier ou un ensemble de fichiers,
hébergés sur un serveur (une sorte de gros
ordinateur connecté à internet) et accessible
via internet. On le voit cette définition est
large. Une simple page html, une image ou
un formulaire peuvent tout à fait être des
sites internet. Ou plutôt : un site internet
peut n’être composé que d’une simple page
html, d’une image ou d’un formulaire.

 Mais ce qui compte avec un site internet, ça

n’est pas tellement ce que c’est, mais plutôt
ce que l’on en fait. Car un site web, c’est
avant tout un outil. Un outil de
communication, de prospection, de vente,
bien sûr, mais aussi d’échange de données,
de travail collaboratif, de transmission
d’informations, de comptabilité, etc. Voilà
pourquoi nous avons commencé cette fiche
en utilisant la définition la plus large : car un
site internet, cela peut être absolument ce
que vous voulez. Ce qui le définira en
dernier lieu, c’est le fait d’être accessible à
distance grâce à une connexion internet et
une adresse URL (Uniform Ressource
Locator).
Ses atouts :
Augmenter sa visibilité :
Un site internet est un outil pour votre
entreprise qui permettra à vos clients, ainsi qu'à
vos clients potentiels, de trouver vos
informations importantes (produits et/ou
services que vous proposez, horaires
d'ouvertures, adresse de votre boutique ou de
vos bureaux...).
Consultable 24h/24 et 7j/7 :
Avec un site internet, votre entreprise sera
consultable sans interruption (24h/24 et 7j/7) et
même accessible partout dans le monde (dans
votre ville, votre département, votre pays et
même au-delà).

Modifiable rapidement :
Contrairement à la publicité, vous pouvez
en effet apporter des modifications au site
internet de votre entreprise très rapidement et
automatiquement (généralement avec
l'utilisation d'un système d'administration, un
CMS).

Offrir un support à vos clients :

Rien de tel que le site internet de votre
 entreprise pour apporter des informations
complémentaires sur vos produits et/ou services
à vos clients (avec par exemple une liste de
questions/réponses).
C'est également l'occasion d'apporter à vos
clients d'autres moyens pour vous contacter
(formulaire de contact, chat, forum...) ainsi que
des zones de participations (commentaires,
avis...).
Automatiser certaines tâches :
Sur le site internet de votre entreprise,
vous pouvez automatiser certaines tâches qui
vous permettront d'économiser du temps et donc
de l'argent.
C'est le cas notamment des formulaires de
réservation en ligne ou de prise de rendez-vous,
ou encore l'achat en ligne pour un site e-
commerce.
Ce n'est pas une dépense, c'est un
investissement :
Disposer d'un site internet pour votre
entreprise est un investissement dans le temps
qui vous permettra d'augmenter votre notoriété,
de diminuer vos frais d'impression et d'agrandir
votre clientèle potentiel.

L’ idée du Projet
 Du fait de la pandémie de COVID-19,
beaucoup d'entre nous restent à la maison,
font moins d'exercice et ont des interactions
sociales limitées. Cette situation peut avoir des
répercussions sur votre santé physique et
mentale.
 Alors en a trouver l’idée de faire un site
web qui aide à faire du sport à la maison, prend
la pandémie actuelle et en plus des inquiétudes
de santé provoquées par celle-ci, on a décidé au
cours des derniers jours d’élargir son offre
d’accompagnement à la communauté sportive
québécois. C’est pourquoi nous vous invitons à
consulter notre page web où nous proposerons
des outils d’information et de sensibilisation
destinés tant aux
 Les Languages et les logiciels
Utilisées

Sublime est un éditeur de texte

prennent en charge plusieurs langages de
programmations différant.

HTML est ce qui permet à un

créateur de sites Web de gérer la manière dont
le contenu de ses pages Web va s'afficher sur un
écran, via le navigateur. Il repose sur
un système de balises permettant de titrer, sous-
titrer, mettre en gras, etc., du texte et
d'introduire des éléments interactifs comme des
images, des liens, des vidéos...
 Le terme CSS est l'acronyme anglais
de Cascading Style
Sheets qui peut se traduire par
"feuilles de style en cascade". Le CSS est un
langage informatique utilisé sur l'internet pour
mettre en forme les fichiers HTML ou XML.
Ainsi, les feuilles de style, aussi appelé les
fichiers CSS, comprennent du code qui permet de
gérer le design d'une page en HTML.

JavaScript désigne un langage de
développement informatique, et plus précisément
un langage de script orienté objet. On le retrouve
principalement dans les pages Internet. Il permet,
entre autres, d'introduire sur une page web ou
HTML des petites animations ou des effets.
 Les Tâches effectuées

Créations d’un dossier qui contient tous les

besoins pour gérer ce
site web :

 Choisir les images concernant le sujet et les

gérer sur chaque interface et page

 les définitions de chaque terme.

 les boutons de navigations.

 les vidéos de chaque type de sport qui

représente comment avoir une bonne
condition lors de cette pandémie COVID-19.

.
 Installation et maintenance d’un poste
informatique sous « Windows
 XP/VISTA/Server 2003 /MAC OS 9 »
 Résoudre les problèmes au niveau matériel
 Préparation des câbles RJ45 et branchement des
postes au Switch
 Installation d’un réseau local dans une salle
d’infographie sous MAC OS 9
 Installation des pilotes de différents périphériques
 Installation et mise à jour de l’antivirus soit pour
les systèmes
d’exploitation serveurs ou pour les clients (utilisant
Windows XP).
 Installation des applications sur des Pc Windows
et sur des Macintosh
 Configuration d’un serveur web sous MAC OS 9
 Résoudre les problèmes de réseau local
 Installation et configuration d’un par feu sur
Windows Server 2003
 .
 Le nom Macintosh ou Mac, désigne une série
de différentes familles d'ordinateurs personnels,
conçus, développés et vendus par Apple Inc. Le
premier Macintosh est lancé le 24 janvier 1984.
C'est le premier ordinateur utilisant une souris
et une interface graphique au lieu d'une
interface en ligne de commande à rencontrer un
succès commercial.

 Le Macintosh remplace l'Apple II comme principal

produit d'Apple.
Cependant les parts de marché d'Apple baissent,
avant un renouveau des Macintosh en 1998, avec
la sortie de l'ordinateur grand public tout- en-un
iMac, qui permet à Apple d'échapper à une
probable faillite et marque même un succès pour
la firme

 Mac OS (pour Macintosh Operating System)

est le nom du système d'exploitation d'Apple
pour ses ordinateurs Macintosh. Il est surtout
connu pour être le premier système grand
public ayant une interface graphique basée sur
les fenêtres, icônes, menus et souris (modèle
WIMP).
 .
1- Configuration du réseau sous Mac OS X

On peut tout faire "à la Unix" par ligne de

commande. Il est toutefois plus simple
d'utiliser les panneaux de réglage.
Les captures d'écran données ici sont faites
sous Mac OS 9 de CCPRO. Définir une
nouvelle configuration
Il est recommandé de définir une nouvelle
configuration pour chaque
usage, et il est ensuite très facile de passer d'une
configuration à l'autre.
Ouvrir l'assistant de configuration
L'assistant de configuration réseau est accessible
par le menu "pomme"
et les sous-menus Configuration réseau puis
Préférence Réseau :
donne un nom pour la nouvelle
configuration
Pour une configuration par Ethernet seulement
Il est préférable de préciser que cette
configuration n'active que l'interface Ethernet
et qu'elle désactive les autres interfaces,
notamment Bluetooth et Airport (wifi).
On ne coche qu’Ethernet :
On passe ensuite à la configuration Ethernet proprement
dite :
1.1-Configuration DHCP
1.2-Configuration "IP fixe"
Le port Ethernet est activé
2- Le partage avec pc sous Windows

Le partage de fichiers
permet de copier des éléments
d’un ordinateur à un autre ou
d’utiliser des fichiers domiciliés
sur un autre ordinateur. Les
instructions et des informations
pertinentes de contexte relatives
au partage vous sont fournies
ici.
1.1-Accéder au menu partage
Le menu partage
 1.2-Explication de menu partage
Partage de fichiers Mac
Ce service vous permet de partager des
données entre plusieurs Macintosh. Le protocole
utilisé est AFP (Apple File Sharing) et il permet aux
clients de monter sur leur bureau, comme s’il
s’agissait de leur propre disque dur, des Points de
partage comme par exemple le dossier personnel Home
d’un utilisateur, ou encore le disque dur en entier, tout
cela via votre réseau, comme nous allons l’illustrer un
peu plus loin.

Partage Windows
Une fois activé, ce service vous permet de partager
des données avec des ordinateurs fonctionnant sous
Windows via le protocole SAMBA (smb ://x.x.x.x). Il sera
alors possible à partir de ces machines clientes utilisant
l’OS Microsoft... (et
donc incapable d’utiliser l’AFP) de monter vos points
de partage (disques durs et dossiers Home) en
sélectionnant Connecter un lecteur réseau... après clic
droit sur l’icône Favoris réseau du vilain bureau.
Ce service peut également être utilisé à partir de clients
Mac ou Linux, qui semblent donc plus polyvalents.

Partage Web personnel

Comme Gunjin (encore lui ??) nous l’avait
expliqué, il est possible d’héberger un site web, mais
donc également des fichiers, sur votre Mac, qui
pourront alors être consultées à l’aide de n’importe quel
navigateur (Safari donc ;-) ).
Session à distance
Ce service, SSH, ne nous concerne pas
aujourd’hui, il vous permet de prendre la main sur
votre machine de façon distante en ligne de
commande via un client SSH (souvent dans un
terminal).

Accès FTP
Le protocole FTP (File Transfert Protocol),
est certainement le moyen le plus pratique et le
plus répandu pour partager ses données, sachez
que nativement votre OS favoris héberge un
serveur de ce type, qu’il suffit d’activer d’un
simple clic. Nous ne détaillerons pas ce service
dans cet article.

Apple Events distants

Activer ce service vous permet de lancer
des applications à distance... donc hors sujet,
mais pratique, pour aider par exemple un petit
frère peu habile, qui n’arrive pas à lancer un film
alors que l’on est loin de ladite machine
récalcitrante.

Partage d’imprimantes
Le nom parle de lui même !
 On peux sélectionner un ou plusieurs de ces
services aura pour effet d’activer le serveur
correspondant
 1.3-Préparer pour le partage…

Du côté PC
Un disque dur formaté en NTFS peut être lu mais pas écrit par le
mac, si il est physiquement branché au mac. Par contre, si l'on
passe par le biais d'une connexion réseau, le mac peut
"artificiellement écrire" sur le PC (même NTFS) car il ne fait que
donner les instructions au PC qui lui, écrit. Ainsi, pas de
problème!
On peut par exemple créer une partition sur le disque dur du
PC pour mettre des documents en partage. Pour cela, activer
le partage du disque (clic droit “propriétés”, onglet partage, ne
pas oublier de cocher “autoriser les utilisateurs réseau à
modifier mes fichiers”)
Le PC ne sait pas lire le format HFS du mac, sauf utilisation
d’un logiciel commercial (MacDrive® de Mediafour), mais une
fois encore, par le biais d'une connexion réseau, on n'a pas la
même limitation.
Du côté Mac
Préparer le mac pour les échanges: Activer le partage windows
dans le panneau de configuration.
On choisit ensuite les comptes que l’on souhaite mettre en
partage.
 1.4-Se connecter…

Du côté PC:
- menu Démarrer, Exécuter...,
- taper :
\\adresse IP du Mac\nom d'utilisateur
(Si ça pose problème, passer par les Favoris réseau)
Connexions réseau (ou poste de travail>Favoris
réseau>connexions réseau) >voir les ordinateurs
du groupe de travail.
Localiser l’icône du mac.
Dans ”utilisateur” mettre le nom tel qu’il est noté sur le mac
(attention à la
casse), ainsi que le mot de passe du compte.
Attention, parfois le PC met “nom de sessionPC/nom
de session mac” cela ne marche pas, il faut effacer
“nom de session PC/”
Et voilà un joli réseau hétérogène.
Du côté mac:
Vous pouvez localiser et vous connecter à la plupart des
ordinateurs partagés en cliquant sur le triangle d'affichage
en regard de Partagé dans la barre latérale d'une fenêtre
Finder, et en parcourant les ordinateurs ou serveurs
connectés à votre réseau. Si vous ne réussissez pas à
trouver l'ordinateur ou le serveur que vous recherchez, il se
peut que vous puissiez vous y connecter en saisissant
l'adresse réseau de l'ordinateur ou du serveur dans la zone
de dialogue « Se connecter au serveur ».
Sélectionnez Aller > "Se connecter au serveur".
smb://adresse IP du PC
Pour ajouter un ordinateur ou un serveur à votre liste de
favoris, cliquez sur le bouton Ajouter (+).
Si votre dernière connexion à l'ordinateur est récente,
vous pouvez sélectionner l'adresse dans le menu local
Serveurs récents. Si vous avez ajouté un ordinateur à
la liste des favoris, vous pouvez double-cliquer dans

cette liste.
Suivez les instructions à l'écran pour saisir votre nom
d'utilisateur et votre mot de passe et sélectionnez les
volumes du serveur ou les dossiers partagés.
Voilà, il m’est maintenant possible d’accéder au volume
monté directement depuis le bureau, ou via une fenêtre de
navigation (Pomme+N sur le Finder) et un simple
Glisser/Déposer suffira à copier un fichier d’une machine à
l’autre, le plus simplement du monde
 1.5-Partage Internet

Si il n'y a pas de router dans notre réseau. C'est donc un des Mac qui va
jouer le rôle du router Bien évidemment, le pré-requis est d'avoir
configuré la connexion de votre Mac router pour internet. Il doit donc déjà
accéder au Web. Il ne nous reste qu'à lui dire de dispatcher cette
connexion aux autres machines du réseau branchées sur le Switch.
Pour ce faire, ouvrez Préférences Système > Partage
Sélectio
nner
l'onglet
Internet
Cliquer
sur
"Démarr
er"
Les autres PC et Macintosh devraient accéder au web
à présent
La période du stage s’avère très
importante pour moi, car elle est une
phase de transition entre la vie
d’apprentissage et la vie de pratique.
De même j'ai eu l'occasion de rédiger
mon premier rapport de stage, une
expérience qui m'a permis de mieux
connaître les enjeux du monde de
l'emploi.
Une ambiance professionnelle et
décontractée a caractérisé le déroulement
de cette période de stage qui, par une
participation forte et générale aux
opérations, m'a facilement favorisé la
cohésion avec le personnel de
l’entreprise.
Ce stage m'a également permis de
rencontrer des gens de différentes
disciplines, et de nouer des contacts avec
des personnes de mon domaine, et surtout
de faire la différence entre les études
théoriques et les réalités du terrain qui est
le monde de l'emploi.