Vous êtes sur la page 1sur 47

Du 01 Novembre 2017 au 30 Avril 2018

RAPPORT DE
STAGE PFE
CHAMBRE DE
COMMERCE
D’INDUSTRIE ET DE
SERVICES SOUSS
MASSA
Encadré par:
Dr. SAIR ABDELLAH

Réalisé Par:
MOHAMED HARIR
MOHAMED AMINE DERRAGH

Année Universitaire : 2017 / 2018


0
1

RAPPORT DE STAGE PFE - INTRANET CHAMBRE DE COMMERCE D’INDUSTRIE ET DE SERVICES


SOUSS MASSA - A.U : 2017-2018
Dédicace
A nos chers parents …
Aucun mot ne pourra vous exprimer notre amour, notre respect et notre
reconnaissance pour la tendresse et les sacrifices que vous faites pour
nous.

A nos chers frères et sœurs qui nous ont toujours offert sans
condition leur soutien tout au long de notre vie.

A tous nos collègues de la promotion 2016/2018 Développement


Informatique à l’ISTA TASSILA.

A M. SAIR Abdellah , M. KHALDI Saaid et M. ELRRAMI


Abderrahim, nos encadrants, qui ont veillé pas à pas l’élaboration de ce
projet, pour leurs aides, leurs efforts précieux pour pouvoir nous mettre
dans le bon chemin.
Enfin merci à toute personne ayant contribué de près ou de loin à la
réalisation de ce travail.

RAPPORT DE STAGE PFE - INTRANET CHAMBRE DE COMMERCE D’INDUSTRIE ET DE SERVICES


SOUSS MASSA - A.U : 2017-2018
Remerciement
Avant tout développement sur cette expérience professionnelle, il apparaît
opportun de commencer ce rapport de stage par des remerciements, à ceux qui nous ont
beaucoup appris au cours de ce stage, et même à ceux qui ont eu la gentillesse de faire
de ce stage un moment très profitable.

Nous tenons à remercier toute l’équipe Pédagogique de l’Institut Spécialisé de


Technologie Appliquée de Tassila et les Intervenants professionnels responsables de la
formation Développement Informatique.

Avant d'entamer ce projet, nous profitons de l’occasion pour remercier tout


d'abord notre professeur Monsieur SAIR Abdellah, que nous citons son Nom avec
fierté, qui n’a pas cessé de nous encourager pendant la durée du projet, pour sa
générosité en matière de formation et d'encadrement, ainsi à ces efforts fournis pour
mettre à notre disposition la documentation et les explications nécessaires.

Nous tenons à remercier l’ensemble du corps professoral de la Filière


Développement Informatique pour la formation qu’il nous a prodiguée, ainsi que le
corps administratif de l’ISTA.

Enfin, Nous exprimons également notre gratitude aux membres du jury, qui nous
ont honorés en acceptant de juger ce modeste travail.

SOMMAIRE
3

RAPPORT DE STAGE PFE - INTRANET CHAMBRE DE COMMERCE D’INDUSTRIE ET DE SERVICES


SOUSS MASSA - A.U : 2017-2018
Introduction générale ...................................................................................07

Chapitre 1 : Présentation du cadre du stage


1.1 Présentation de la CCIS SM.........................................................08
1.1 Présentation du contexte du stage.............................................10
1.1 Conclusion.....................................................................................10

Chapitre 2 : Etude du projet et outils de travail


2.1 Cahier de charge ………...............................................................11
2.2 Notions Théoriques .....................................................................11
2.3 Outils de développement ............................................................16
2.4 Conclusion...................................................................................17

Chapitre 3 : Modélisation et conception


3.1 Langage UML ................................................................................ 18
3.2 Analyse Fonctionnelle .................................................................. 19
3.2.1 Diagramme de cas d’utilisation ….................................. 19
3.2.3 Diagramme de classes ……...............................................20
Chapitre 4 : Mise en œuvre
4.1 Accueil de l’Intranet CCIS .........................................................21

4.2 Pages de connexion de l’Intranet CCIS ...................................22

4.3 L’application Agenda .....................................................................23


4.3.1 Conception ...............................................................................23
4.3.2 Menus de traitement Publiques ..............................................24
4.3.3 Menus de traitement Administrateur......................................25
4.3.4 Conclusion ...............................................................................26

4.4 L’application Bibliothèque ............................................................27


4.4.1 Conception ..............................................................................27

RAPPORT DE STAGE PFE - INTRANET CHAMBRE DE COMMERCE D’INDUSTRIE ET DE SERVICES


SOUSS MASSA - A.U : 2017-2018
4.4.2 Menus de traitement Publiques .............................................28
4.4.3 Menus de traitement Administrateur......................................29
4.4.4 Conclusion ...............................................................................29

4.5 L’application PV & Rapports .........................................................30


4.5.1 Conception ...............................................................................30
4.5.2 Menus de traitement Publiques .............................................31
4.5.3 Menus de traitement Administrateur......................................32
4.5.4 Conclusion ...............................................................................32

4.6 La page Contactez-nous ................................................................33


4.6.1 Conception ...............................................................................33
4.6.1 Menu de traitement Administrateur........................................34

Conclusion générale.........................................................................................36

Webographie ………..........................................................................................37

Glossaire ...........................................................................................................38

Annexes .............................................................................................................40

Introduction Générale
5

RAPPORT DE STAGE PFE - INTRANET CHAMBRE DE COMMERCE D’INDUSTRIE ET DE SERVICES


SOUSS MASSA - A.U : 2017-2018
Le présent rapport s’inscrit dans le cadre de notre stage de projet de fin
d’études DTS effectué du 01 Novembre 2017 au 30 Avril 2018 dans la Chambre de
Commerce d’Industrie et de Services Souss Massa.

En Effet, le but de notre stage est de nous intégrer dans la vie professionnelle
afin de construire une idée globale sur le fonctionnement des entreprises et
établissements publiques et étendre notre rayon d’expériences en examinant des
nouveaux défis.

Notre mission a été, spécifiquement, l’initiation de L’intranet CCIS , sous la


tutelle M. KHALDI SAAID qui nous a donné un vaste espace d’expression et nous a
fortement soutenu pour développer nos acquis au niveau professionnel et les
concilier avec l’enseignement à L’institut Spécialisé de Technologies Appliqués.

Ce rapport comporte l’explication du fonctionnement des applications en


général. La structure qui suivra notre rapport est classique: d’abord, une
description de l’entreprise (localisation, activités, partenaires, etc.); ensuite, le
développement du stage en soi-même (missions, résultats) et pour conclusion,
une brève réflexion sur notre apprentissage.

RAPPORT DE STAGE PFE - INTRANET CHAMBRE DE COMMERCE D’INDUSTRIE ET DE SERVICES


SOUSS MASSA - A.U : 2017-2018
Chapitre 1 : Présentation du cadre du stage
1.1 Présentation de la CCIS SM:

Créée
en 1962,
la

Chambre de Commerce, d’Industrie et de Services de Souss Massa ‘CCIS SM’ , Chambre


professionnelle est un organisme public chargé de représenter, défendre et développer les intérêts de
l’ensemble des entreprises patentées, sises dans sa circonscription territoriale qui s’étend sur une
superficie de 52.064 km2 et englobe plus de 64000 entreprises.
A l’instar des autres Chambres Marocaines, la CCIS SM est dirigée par des chefs d’entreprises,
bénévoles, élus par des commerçants, des industriels et des prestataires de services. Elle est dotée de
la personnalité morale et de l’autonomie financière et est soumise à la tutelle du Ministère de
l’Industrie, du Commerce, de l’Investissement et de l’Economie Numérique et au contrôle financier
de l’Etat.
Les départements de la CCIS SM :
+ Information et Communication
+ Appui aux entreprises.
+ Relations internationales.
+ Commerce et Animation.

Organigramme de la CCIS SM:

RAPPORT DE STAGE PFE - INTRANET CHAMBRE DE COMMERCE D’INDUSTRIE ET DE SERVICES


SOUSS MASSA - A.U : 2017-2018
Raison sociale : Chambre de Commerce, d’Industrie et de Services Souss Massa
Forme juridique : Etablissement Public
Effectif du personnel : 32 dont 17 cadres
Secteurs d’activité : 03 collèges représentés : Commerce, industrie et services

Rôle : représenter, animer, développer les secteurs économiques et les défendre dans le cadre de l’intérêt
général

Zone d’action : 52.064 km2

-02 préfectures : Agadir Idaoutanane et Inezgane Ait Melloul

-04 provinces : Tiznit, Taroudant, Chtouka Ait Baha et Tata

-Plus de 64000 entreprises

Adresse : Av Hassan II B.P : 240 80.001 Agadir


Site : www.ccis-agadir.com
Email : ccisa@ccis-agadir.com
Tél : 05.28.84.71.24
Fax : 05.28.84.54.55
Horaires : de 08h30 à 16h30

RAPPORT DE STAGE PFE - INTRANET CHAMBRE DE COMMERCE D’INDUSTRIE ET DE SERVICES


SOUSS MASSA - A.U : 2017-2018
1.2 Présentation du contexte du stage:
Dans l’objectif de maîtriser et approfondir nos compétences en développement Multimédia et nos
connaissances web, la Chambre de commerce d’industrie et de services nous a accueilli.

Elle nous a proposé comme sujet de répondre à un besoin représenté dans le manque de
communication, de transmission et de partage de l’information entre toutes les composantes et les
départements de la CCIS SM, en réalisant une Intranet qui englobe un ensemble d’applications et de
fonctionnalités nécessaires et suffisantes pour assurer la dispose de la fluidité de diffusion de
l’information ainsi que la traçabilité de l'exécution des tâches.

1.3 Conclusion:
A travers ce chapitre, nous avons présenté le cadre du projet, identifié les objectifs à atteindre et le
travail à faire. Compte tenu de cela, nous vous proposons les détails du travail dans le chapitre suivant.

RAPPORT DE STAGE PFE - INTRANET CHAMBRE DE COMMERCE D’INDUSTRIE ET DE SERVICES


SOUSS MASSA - A.U : 2017-2018
Chapitre 2 : Etude du projet et outils de travail
2.1 Cahier de charge:
● Environnement
➔ Template adéquate.
➔ Base de données structurée et optimisée sous MySQL.
➔ Outil de développement open source et compatible.
● Description des fonctionnalités de l’Intranet.
Les différentes rubriques de l’Intranet de la CCIS SM :
1. Bibliothèque.
2. Agenda de la CCIS SM.
3. PV & Rapports des réunions.
4. Occupation des salles.
5. Application gestion des visiteurs CCIS SM.
6. Application gestion de courriers entrants et sortants.
7. Revue Hebdo.

2.2 Notions Théoriques:


● Introduction
Avant de commencer la présentation des travaux nous commençons par la
présentation de quelques notions théoriques utilisées dans le stage.
Tout d’abord on identifie quelques mots techniques. Cela nous a aidé à
comprendre la documentation et à compléter les travaux requis.
Terminologie:
Le World Wide Web est désigné par de nombreux noms et abréviations
synonymes : WorldWideWeb, World Wide Web, World-wide Web, Web, WWW,
W3, Toile d’araignée mondiale, Toile mondiale, Toile. Certains ont disparu. Le
nom du projet originel était WorldWideWeb3. Les mots ont été rapidement
séparés en World Wide Web pour améliorer la lisibilité. Le nom World-Wide Web
a également été utilisé par les inventeurs du Web, mais le nom désormais

10

RAPPORT DE STAGE PFE - INTRANET CHAMBRE DE COMMERCE D’INDUSTRIE ET DE SERVICES


SOUSS MASSA - A.U : 2017-2018
préconisé par le World Wide Web Consortium (W3C) sépare les trois mots sans
trait d’union. Bien que « mondial » s’écrive world-Wide ou World Wide en
anglais, l’orthographe World Wide Web et l’abréviation Web sont maintenant
bien établies.
En inventant le Web, Tim Berners-Lee avait aussi pensé à d’autres noms,
comme Information Mesh (maillage d’informations), Mine of Information ou
encore The Information Mine (la mine d’informations, dont le sigle serait Tim).
Le sigle WWW a été largement utilisé pour abréger World Wide Web avant que
l’abréviation Web prenne le pas. WWW se prononce souvent trois double V,
triple double V.
Référence Wikipedia :
https://fr.wikipedia.org/wiki/World_Wide_Web#Bases_de_donn.C3.A9es

La prononciation laborieuse (en français comme en


anglais) de WWW a sans doute précipité son déclin à l’oral.
À l’écrit, les lettres www restent très utilisées dans les
adresses Web et quelques autres conventions techniques.
WWW est parfois abrégé en W3, abréviation qu’on retrouve dans le sigle W3C
du World Wide Web Consortium. Dans la seconde moitié des années 1990, une
blague répandue prétendait que WWW signifiait World Wide web, soit « attente
mondiale », car le réseau Internet était engorgé par la popularité grandissante
du Web.
Une ressource du World Wide Web est une entité informatique (texte, image,
forum Usenet, boîte aux lettres électronique, etc.) accessible indépendamment
d’autres ressources. Une ressource en accès public est librement accessible
depuis tout Internet. Lorsqu’une ressource est présente sur l’hôte de
l’utilisateur, elle est dite locale ; par opposition elle est distante si elle est
présente sur un hôte différent. Lorsque celle-ci est connectée et disponible au
réseau, elle est en ligne. On ne peut accéder à une ressource distante qu’en
respectant un protocole de communication. Les fonctionnalités de chaque
protocole varient : réception, envoi, voire échange continu d’informations.
Histoire :
11

RAPPORT DE STAGE PFE - INTRANET CHAMBRE DE COMMERCE D’INDUSTRIE ET DE SERVICES


SOUSS MASSA - A.U : 2017-2018
Tim Berners-Lee (TBL) travaille comme informaticien dans le bâtiment de
l’Organisation européenne pour la recherche nucléaire (CERN), situé à la
frontière franco-suisse, lorsqu’il propose, en 1989, de créer un système
hypertexte distribué sur le réseau informatique pour que les collaborateurs
puissent partager les informations au sein du CERN. Cette même année, les
responsables du réseau du CERN décident d’utiliser le protocole de
communication TCP/IP et le CERN ouvre sa première connexion extérieure avec
Internet. L’année suivante, l’ingénieur système Robert Cailliau se joint au projet
d’hypertexte au CERN, immédiatement convaincu de son intérêt, et se consacre
énergiquement à sa promotion.
Tim Berners-Lee et Robert Cailliau sont reconnus comme les deux
personnes à l’origine du World Wide Web. Tim Berners-Lee crée le premier
navigateur et éditeur web, appelé World Wide Web et le premier serveur HTTP
appelé CERN httpd.
Jusqu’en 1993, le web est essentiellement développé sous l’impulsion de Tim
Berners-Lee et Robert Cailliau. Les choses changent avec l’apparition de NCSA
Mosaic, un navigateur web développé par Eric Bina et Marc Andreessen au
National Center for Supercomputing Applications (NCSA), dans l’Illinois. NCSA
Mosaic jette les bases de l’interface graphique des navigateurs modernes en
intégrant les images au texte et cause un accroissement exponentiel de la
popularité du web. Certains développeurs de Mosaic, créeront ensuite Netscape
Navigator qui apporte le parallélisme, permettant également d’utiliser les pages
avec image sur des connexions bas débit. Celui-ci, d’évolutions en évolutions,
est devenu aujourd’hui Mozilla Firefox. Le NCSA produit également le NCSA
HTTPd, un serveur HTTP qui évoluera en Apache HTTP Server, le serveur HTTP
le plus utilisé depuis 1996. Le 30 avril 1993, le CERN verse dans le domaine
public toutes les technologies développées autour du www. Pour l’occasion,
l’organisation place en ligne ce qui peut être considéré comme étant le premier
site en « www », hébergé sur la station NeXT de TBL12.
Technologies :
12

RAPPORT DE STAGE PFE - INTRANET CHAMBRE DE COMMERCE D’INDUSTRIE ET DE SERVICES


SOUSS MASSA - A.U : 2017-2018
Le web repose sur les technologies d’Internet, notamment TCP/IP pour
assurer le transfert des données, DNS pour convertir les noms d’hôte en
adresses IP et MIME pour indiquer le type des données. Trois premières
technologies ont été normalisées comme les autres technologies d’Internet :
Les URL pour pouvoir identifier toute ressource dans un hyperlien ;
Le langage HTML pour écrire des pages web contenant des hyperliens ;
Le protocole de communication HTTP utilisé entre les navigateurs et les
serveurs web, qui permet d’indiquer le type MIME des ressources transférées.
En utilisant le processus des RFC (Request for Comments). Cela a donné le
RFC 1738 pour les URL, le RFC 1866 pour HTML 2.0 et le RFC 1945 pour
HTTP/1.0.
Le World Wide Web Consortium (W3C) a été fondé en 1994 pour développer
et promouvoir les nouveaux standards du web. Son rôle est notamment de
veiller à l’universalité des nouvelles technologies. Des technologies ont
également été développées par des entreprises privées.
Outre les protocoles de communication et formats de données échangés sur
le Web, plusieurs techniques propres au Web sont mises en œuvre pour faire
fonctionner les serveurs HTTP (ou serveurs web). les ressources ne cessent
d’être créées, modifiées et supprimées. Ce processus s’effectue entre un client
et un serveur web.
Les ressources constituant les pages web :
● HTML
Le Code HTML est comme définie doit être très bien organisé et maîtrisé afin
de créer les structures des pages web différentes selon les projets réalisés
dans ce stage.

13

RAPPORT DE STAGE PFE - INTRANET CHAMBRE DE COMMERCE D’INDUSTRIE ET DE SERVICES


SOUSS MASSA - A.U : 2017-2018
● CSS
Le Code CSS nous permettait de modifier l’apparence de chaque bloc HTML
qui s’affiche sur la page web et gérer sa présentation.
● PHP
Le Code PHP: Hypertext Preprocessor, plus connu sous son sigle PHP, est
un langage de programmation libre, principalement utilisé pour produire des
pages Web dynamiques via un serveur HTTP. Le serveur appelle l'interprète
PHP qui va traiter et générer le code final de la page (constitué généralement
d'HTML ou de XHTML, mais aussi souvent de feuilles de style en cascade et de
JS).
Logiciels clients & Logiciels serveurs :
Les logiciels clients se sont les logiciels qui permettent le contact entre
l’utilisateur client et le serveur mais sans avoir le droit de modifier les données
sauvegarder sur le serveur. En autre mots ce sont des logiciels qui assurent
l’affichage des pages web en faveur d’un client et assure la réception des
informations saisies par le client et les transférer vers le serveur distant. Ce
sont nommés des navigateurs Internet dont CHROME, SAFARI, FIREFOX,
INTERNET EXPLORER sont parmi les plus célèbres navigateurs de nos jours.
Les logiciels serveurs sont des logiciels qui assurent une connexion entre
les gérants des bases de données et les serveurs dont les données sont
stockées, ils permettent la copie, la suppression, l’ajout et la modification des
données sauvegarder dans les serveurs. Les technologies utilisées dans cette
partie du web sont identifiables et spéciales parmi les plus utilisé on trouve le
PHP (Hypertext Preprocessor), ASP.NET, JSP (JAVA),……..

14

RAPPORT DE STAGE PFE - INTRANET CHAMBRE DE COMMERCE D’INDUSTRIE ET DE SERVICES


SOUSS MASSA - A.U : 2017-2018
2.3 Outils de développement :

La réalisation d’un projet nécessite au d’abord un équipement d’outils afin


de le développer, que ça soit au niveau de langages ou bien au niveau de
logiciels et plateformes.
Lors de la réalisation de notre projet, plusieurs outils ont été utilisés à savoir
Visual Studio Code, MySQL Workbench, Photoshop, SyBase
PowerDesigner…etc.
Outils:
➔ VS Code:
Visual Studio Code est présenté lors de la conférence des
développeurs Build d'avril 2015 comme un éditeur de code
cross-platform, open source et gratuit, supportant une dizaine de
langages. Le code source est fourni sous la licence libre MIT
(plus précisément la licence Expat) sur le site du projet sur
Github. En revanche, l'exécutable est proposé sur le site officiel
de Microsoft sous une licence privatrice.
➔ MySQL Workbench:

MySQL Workbench (anciennement MySQL administrator)


est un logiciel de gestion et d'administration de bases de
données MySQL créé en 2004. Via une interface graphique
intuitive, il permet, entre autres, de créer, modifier ou
supprimer des tables, des comptes utilisateurs, et d'effectuer
toutes les opérations inhérentes à la gestion d'une base de données. Pour ce
faire, il doit être connecté à un serveur MySQL.

15

RAPPORT DE STAGE PFE - INTRANET CHAMBRE DE COMMERCE D’INDUSTRIE ET DE SERVICES


SOUSS MASSA - A.U : 2017-2018
➔ SyBase PowerDesigner:

PowerDesigner (anciennement PowerAMC) est un logiciel


de conception créé par la société SAP, qui permet de
modéliser les traitements informatiques et leurs bases de
données associées.

Il a été créé par SDP sous le nom AMC*Designor, racheté par Powersoft qui lui-
même a été racheté par Sybase en 1995. Depuis 2010 Sybase appartient à
l'éditeur allemand SAP.

2.4 Conclusion:

Dans cette section du rapport nous avons eu une brève description de


quelques mots clés utilisés dans ce stage. Dans le chapitre suivant nous
abordons les travaux réalisés pendant le stage.

16

RAPPORT DE STAGE PFE - INTRANET CHAMBRE DE COMMERCE D’INDUSTRIE ET DE SERVICES


SOUSS MASSA - A.U : 2017-2018
Chapitre 3 : Modélisation et conception
3.1 Langage UML:
UML (Unified Modeling Language) est né de la fusion des trois méthodes qui
ont le plus influencé la modélisation objet au milieu des années 90 : OMT,
Booch et OOSE.
UML est aujourd’hui le langage de modélisation d’applications informatiques
le plus important du marché. Il est supporté par la totalité des outils de
développement, Il existe diverses approches du développement d’applications.
Toutes ont pour but de rationaliser le procédé de mise au point des applications
afin de satisfaire au mieux les besoins
Plusieurs diagrammes utilisés pour simplifier et décrire les différentes
phases d’un projet, nous en citons :
Diagramme de classe : est un schéma utilisé en génie logiciel pour présenter
les classes et les interfaces des systèmes ainsi que les différentes relations
entre celles-ci. Ce diagramme fait partie de la partie statique d'UML car il fait
abstraction des aspects temporels et dynamiques.
Diagramme de cas d’utilisation : sont des diagrammes UML utilisés pour
donner une vision globale du comportement fonctionnel d'un système logiciel.
Ils sont utiles pour des présentations auprès de la direction ou des acteurs d'un
projet, mais pour le développement, les cas d'utilisation sont plus appropriés.
Un cas d'utilisation représente une unité discrète d'interaction entre un
utilisateur (humain ou machine) et un système. Il est une unité significative de
travail. Dans un diagramme de cas d'utilisation, les utilisateurs sont appelés
acteurs, ils interagissent avec les cas d'utilisation (use cases).

17

RAPPORT DE STAGE PFE - INTRANET CHAMBRE DE COMMERCE D’INDUSTRIE ET DE SERVICES


SOUSS MASSA - A.U : 2017-2018
3.2 Analyse Fonctionnelle :
Cette phase d’analyse est une phase de l’étude détaillée. Elle nous a permis
ainsi de dégager les fonctionnalités nécessaires à la réalisation du projet.
3.2.1 Diagramme de cas d’utilisation:

18

RAPPORT DE STAGE PFE - INTRANET CHAMBRE DE COMMERCE D’INDUSTRIE ET DE SERVICES


SOUSS MASSA - A.U : 2017-2018
3.2.2 Diagramme de classes:

19

RAPPORT DE STAGE PFE - INTRANET CHAMBRE DE COMMERCE D’INDUSTRIE ET DE SERVICES


SOUSS MASSA - A.U : 2017-2018
Chapitre 4 : Mise en œuvre
4.1 Accueil de l’Intranet CCIS:

Cette page apparaît lors de l'accès à l’intranet CCIS, elle représente l’accueil
de l’intranet et contient des cartes responsives permettant l’accès au
applications intégrées, ainsi qu’un « Footer » qui offre l’accès à plusieurs page
connexes.

20

RAPPORT DE STAGE PFE - INTRANET CHAMBRE DE COMMERCE D’INDUSTRIE ET DE SERVICES


SOUSS MASSA - A.U : 2017-2018
4.2 Pages de connexion de l’Intranet CCIS :

Une fois l’utilisateur clique sur le Lien Se connecter qui se localise dans le
Header de toutes les pages de l’intranet sauf la page contactez-nous et le
panneau de contrôle administrateur, il sera redirigé vers cette page de
connexion pour permettre à l’utilisateur de choisir sa qualité ou son
département via une liste déroulante ou saisir son nom d’utilisateur si il est
administrateur de l’intranet CCIS SM.
La redirection est contrôlée par le résultat généré lors de l'accès de
l'utilisateur, selon sa qualité l’utilisateur sera redirigé vers la page d’accueil
avec un changement de statut du header, ou vers le panneau de contrôle de
l'administrateur.

21

RAPPORT DE STAGE PFE - INTRANET CHAMBRE DE COMMERCE D’INDUSTRIE ET DE SERVICES


SOUSS MASSA - A.U : 2017-2018
4.3 L’application Agenda:
4.3.1 Conception:
Une base de données structurée et optimisée ayant toutes les
informations sur un événement (Objet, date, heure, lieu.. etc) lié à plusieurs
tables qui représentent des références pour les colonnes à clés étrangères. Un
événement dont la date de fin est dépassé sera archivé dans 3 jours.

22

RAPPORT DE STAGE PFE - INTRANET CHAMBRE DE COMMERCE D’INDUSTRIE ET DE SERVICES


SOUSS MASSA - A.U : 2017-2018
4.3.2 Menus de traitement Publiques:

Index de l’application AGENDA

La page d'accueil de l’application Agenda est présenté dans la figure ci-


dessous. Cette Page contient un moteur de recherche multicritère et multi-lingue
ayant des combos, un affichage moderne des événements à venir ainsi qu’une
pagination interactive.

23

RAPPORT DE STAGE PFE - INTRANET CHAMBRE DE COMMERCE D’INDUSTRIE ET DE SERVICES


SOUSS MASSA - A.U : 2017-2018
La Page Add-event ci-dessus permet l’ajout d’un événement

24

RAPPORT DE STAGE PFE - INTRANET CHAMBRE DE COMMERCE D’INDUSTRIE ET DE SERVICES


SOUSS MASSA - A.U : 2017-2018
4.3.3 Menus de traitement Administrateur :

Le panneau d'administration de l’application agenda est présenté dans la figure


ci-dessus. Il contient (cf: Annexe Agenda) une page d’exploration avec un moteur
de recherche multicritère et multi lingue, un affichage simplifié des événements
de la base de données, une page de gestion des tables de références ainsi que les
pages d’insertion des événements à venir et de modification des événements
existants.

25

RAPPORT DE STAGE PFE - INTRANET CHAMBRE DE COMMERCE D’INDUSTRIE ET DE SERVICES


SOUSS MASSA - A.U : 2017-2018
4.3.4 Conclusion:
Cette application via ses deux parties visiteur et administrateur, assure la
gestion et la consultation fluide des événements à venir de la CCIS SM.
Les parties suivantes présentent l’application PV et Rapports ainsi-que ses
multiples interfaces pour utilisateur et administrateur.

26

RAPPORT DE STAGE PFE - INTRANET CHAMBRE DE COMMERCE D’INDUSTRIE ET DE SERVICES


SOUSS MASSA - A.U : 2017-2018
4.4 L’application Bibliothèque:

L’application bibliothèque est liée à une base de données des dossiers et


fichiers classés par rubrique, thème et sous thème. Ainsi pour bien exploiter
cette base de données l’application Intranet permet à un utilisateur authentifié
d’enregistrer un nouveau fichier.

4.4.1 Conception:
Une base de données structurées et optimisées ayant toutes les informations
sur un fichier (nom du fichier, chemin, thème, sous thème, date, …)

27

RAPPORT DE STAGE PFE - INTRANET CHAMBRE DE COMMERCE D’INDUSTRIE ET DE SERVICES


SOUSS MASSA - A.U : 2017-2018
4.4.2 Menus de traitement Publiques:

Index de l’application bibliothèque

Cette page contient un slider dont les cinq derniers documents sont affichés
avec un espace de recherche multicritère au dessus de l’affichage moderne
documents et fichiers classés par rubrique: thème et sous thème.
28

RAPPORT DE STAGE PFE - INTRANET CHAMBRE DE COMMERCE D’INDUSTRIE ET DE SERVICES


SOUSS MASSA - A.U : 2017-2018
4.4.3 Menus de traitement Administrateur :

Page “Modifier” du panneau d’administration bibliothèque

Cette Interface permet à un administrateur de visualiser et télécharger les


documents de la bibliothèques, ajouter des nouveaux documents ou modifier
des documents existants de façon simple et ergonomique.

4.4.4 Conclusion:
Cette application via ses deux parties visiteur et administrateur, assure la
gestion et la consultation fluide des documents de la CCIS SM.
La partie suivante présente l’application PV et Rapports ainsi-que ses
multiples interfaces pour utilisateur et administrateur.

29

RAPPORT DE STAGE PFE - INTRANET CHAMBRE DE COMMERCE D’INDUSTRIE ET DE SERVICES


SOUSS MASSA - A.U : 2017-2018
4.5 L’application PVs & Rapports:

4.5.1 Conception:

Une base de données structurée et optimisée ayant toutes les informations


sur une activité (Objet, date, heure, lieu, dép, service, nom et prénom du
personnel, PV-scanné, images (optionnel))

30

RAPPORT DE STAGE PFE - INTRANET CHAMBRE DE COMMERCE D’INDUSTRIE ET DE SERVICES


SOUSS MASSA - A.U : 2017-2018
4.5.2 Menus de traitement Publiques:

Index de l’application PV & Rapports

Cette page est présenté de manière élégante dont les liens des documents
sont affichés comme petite carte qui contient le titre du PV ou du Rapport de
face, et du dos les détails du PV ou du Rapport avec au-dessous d’un espace
de recherche multicritère des fichiers classés par département.
La recherche d’un PV ou un rapport peut générer les documents associés à
un personnel chargé de suivi ou de rédaction du document en saisissant son
nom complet dans le champ de recherche.

31

RAPPORT DE STAGE PFE - INTRANET CHAMBRE DE COMMERCE D’INDUSTRIE ET DE SERVICES


SOUSS MASSA - A.U : 2017-2018
4.5.3 Menus de traitement Administrateur :

Page Modifier du Panneau Administrateur de l’application PV & Rapports

4.5.4 Conclusion:
Cette application via ses deux parties visiteur et administrateur, assure la
gestion des procès-verbaux (PV) et des rapports et le suivi des rédactions des
PV et rapports par les personnels en charge.
Les parties suivantes présentent la page contactez-nous ainsi-que les
multiples interfaces du panneau de contrôle administrateur.

32

RAPPORT DE STAGE PFE - INTRANET CHAMBRE DE COMMERCE D’INDUSTRIE ET DE SERVICES


SOUSS MASSA - A.U : 2017-2018
4.6 La page Contactez-nous :

4.6.1 Conception:
Cette Page permet de contacter l’administration de l’intranet CCIS SM
ou signaler une erreur. Une base de données structurée et optimisée
ayant toutes les informations sur un message ou une signalisation (Objet,
Nom, Email, Message, Service(optionnel))

33

RAPPORT DE STAGE PFE - INTRANET CHAMBRE DE COMMERCE D’INDUSTRIE ET DE SERVICES


SOUSS MASSA - A.U : 2017-2018
4.6.1 Menu de Consultation Administrateur

Cette Page permet à l’administration de l’intranet CCIS SM de visualiser


les messages et les signalisations d’erreur envoyés via la page
“Contactez-nous”, l’email de contact principal de l’expéditeur ainsi que
son nom complet.

34

RAPPORT DE STAGE PFE - INTRANET CHAMBRE DE COMMERCE D’INDUSTRIE ET DE SERVICES


SOUSS MASSA - A.U : 2017-2018
Conclusion générale
Dans le cadre de notre projet, nous avions comme tâche la conception et l’initiation de la
réalisation de l’Intranet de la Chambre de commerce d’industrie et de services Souss-Massa.
Dans le premier chapitre, nous avons définis les notions théoriques qui concernent le
développement Intranet front-end et back-end, le cahier de charge ainsi que les outils que
nous avions utilisé pour réaliser ce projet. Ensuite, le deuxième contenait la modélisation du
projet qui se compose des différents diagrammes UML utilisés. Et dans le dernier chapitre,
nous avons passé à la mise en œuvre de nos applications où nous avons détaillé les
différentes tâches effectués.

Durant ce projet, nous avons eu l’occasion d’apprendre des nouvelles notions qu’on a pu
comprendre et développer tout en se rapprochant du monde du développement Intranet.

Nous avons acquis plusieurs connaissances, au niveau professionnel d’une part, car
nous avons pu se familiariser avec de nouvelles technologies, en addition, nous avons
participé dans toutes les phases d’élaboration de cette application informatique, et aussi
travailler avec de nouveaux outils. D’autre part, nous avons vécu une expérience personnelle
inoubliable, qui, grâce à elle nous avons pu découvrir nos qualités et défauts sous pression.

Finalement, nous espérons être à la hauteur des attentes et des souhaits de nos
encadrants.

35

RAPPORT DE STAGE PFE - INTRANET CHAMBRE DE COMMERCE D’INDUSTRIE ET DE SERVICES


SOUSS MASSA - A.U : 2017-2018
Webographie
www.ccis-agadir.com www.php.net

www.wampserver.com www.wikipedia.org

36

RAPPORT DE STAGE PFE - INTRANET CHAMBRE DE COMMERCE D’INDUSTRIE ET DE SERVICES


SOUSS MASSA - A.U : 2017-2018
Glossaire
Back-End : Le back-end d'une application Web est un facilitateur pour une
expérience de front-end. ... Le code Back-end est exécuté sur le serveur, par
opposition au client. Cela signifie que les développeurs de back-end ne doivent pas
seulement comprendre les langages de programmation et les bases de données,
mais ils doivent également comprendre l'architecture du serveur.

CMS (Content Management System) : famille de logiciels destinés à la


conception et à la mise à jour dynamique de sites Web ou d'applications
multimédia.

CSS : Cascading Style Sheets (en français : feuilles de style en cascade), langage
utilisé pour des documents XML et HTML.

Front-End : la production HTML, CSS et JavaScript pour un site Web ou une


application Web afin qu'un utilisateur puisse voir et interagir directement le site.

HTML : L’HyperText Markup Language, généralement abrégé HTML.

Module ou plugin : logiciel qui complète un logiciel hôte pour lui apporter de
nouvelles fonctionnalités.

PHP : Hypertext Preprocessor, plus connu sous son sigle PHP (acronyme récursif),
est un langage de programmation libre.

37

RAPPORT DE STAGE PFE - INTRANET CHAMBRE DE COMMERCE D’INDUSTRIE ET DE SERVICES


SOUSS MASSA - A.U : 2017-2018
Wamp: WampServer est une plate-forme de développement Web sous Windows
permettant de développer des applications Web dynamiques avec Apache2, PHP et
de MySQL.

MySQL: MySQL est un système de gestion de bases de données relationnelles. Il


est distribué sous une double licence GPL et propriétaire.

Apache: Apache HTTP Server est un serveur HTTP créé et maintenu au sein de la
fondation Apache. C'est le serveur HTTP le plus populaire du World Wide Web. Il est
distribué selon les termes de la licence Apache.

Responsive: lorsqu’on dit d’un site web qu’il est “responsive” cela signifie que son
format s’adapte en fonction de son support (ordinateur, tablette ou téléphone).

Slider : Un slider est un élément présentant du contenu de façon ergonomique,


souvent sous forme de diaporama avec une navigation. On les retrouve sous le nom
de slide-shows (= diaporamas) ou encore de carrousels.

38

RAPPORT DE STAGE PFE - INTRANET CHAMBRE DE COMMERCE D’INDUSTRIE ET DE SERVICES


SOUSS MASSA - A.U : 2017-2018
Annexes

39

RAPPORT DE STAGE PFE - INTRANET CHAMBRE DE COMMERCE D’INDUSTRIE ET DE SERVICES


SOUSS MASSA - A.U : 2017-2018
AGENDA
Page Administrateur; Visualiser les événements de la CCIS SM

Page Administrateur: Modifier un événement existant

40

RAPPORT DE STAGE PFE - INTRANET CHAMBRE DE COMMERCE D’INDUSTRIE ET DE SERVICES


SOUSS MASSA - A.U : 2017-2018
Page Administrateur: Gérer les données de références

Page Administrateur : Ajouter un nouvel événement

41

RAPPORT DE STAGE PFE - INTRANET CHAMBRE DE COMMERCE D’INDUSTRIE ET DE SERVICES


SOUSS MASSA - A.U : 2017-2018
Bibliothèque

42

RAPPORT DE STAGE PFE - INTRANET CHAMBRE DE COMMERCE D’INDUSTRIE ET DE SERVICES


SOUSS MASSA - A.U : 2017-2018
Page : Présentation de document

43

RAPPORT DE STAGE PFE - INTRANET CHAMBRE DE COMMERCE D’INDUSTRIE ET DE SERVICES


SOUSS MASSA - A.U : 2017-2018
Page : ACCUEIL De La Bibliothèque CCIS SM

44

RAPPORT DE STAGE PFE - INTRANET CHAMBRE DE COMMERCE D’INDUSTRIE ET DE SERVICES


SOUSS MASSA - A.U : 2017-2018
PVs & RAPPORTS

Page : Modifier un pv ou rapport

45

RAPPORT DE STAGE PFE - INTRANET CHAMBRE DE COMMERCE D’INDUSTRIE ET DE SERVICES


SOUSS MASSA - A.U : 2017-2018
Page : Ajouter un pv ou rapport

Accueil

Page de téléchargement

46

RAPPORT DE STAGE PFE - INTRANET CHAMBRE DE COMMERCE D’INDUSTRIE ET DE SERVICES


SOUSS MASSA - A.U : 2017-2018

Vous aimerez peut-être aussi