Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

République algérienne Démocratique et Populaire Université Abou Bekr Belkaid, T

République algérienne Démocratique et Populaire Université Abou Bekr Belkaid, Tlemcen Faculté de Technologie Département de génie électrique et électronique Filière national génie industriel Mémoire de fin d’étude Pour l’obtention du diplôme de Master Thème Conception et réalisation d’une plateforme Web dédiée à la résolution des problèmes industriels Réalisé par : Encadré par : Mimouni Younes Mme. Bensmaine-Menadjlia Nardjes Toualbia Abderrahmane Présenté devant le jury : - Mr.Mohammed Sari: président de jury - Mr.Ahmed Hassam : examinateur - Mr.Hakim Nadhir Bessenouci : examinateur Année universitaire 2017-2018 Page 1 DEDICACES Nous dédions ce travail à Nos mères, sources de tendresse et d’amours pour leurs soutiens tout le long de notre vie scolaire. Nos pères, qui nous ont toujours soutenus et qui ont fait tout possible pour nous aider. Nos frères et nos sœurs, que nous aimons beaucoup. Notre grande famille. Nos cher ami (e) s, et enseignants. Tout qu’ont collaboré de près ou de loin à l’élaboration de ce travail. Que dieu leur accorde santé et prospérité Page 2 REMERCIEMENTS Nous voulons exprimer par ces quelques lignes de remerciements nos gratitudes envers tout d’abord à notre encadreur, madame Menadjlia Nardjes pour ses conseils et son encadrement. Après à tous ceux en qui par leur présence, leur soutien, leur disponibilité et leurs conseils nous avons trouvé courage afin d’accomplir ce projet. Nous voulons aussi remercier les membres de jury aussi, Pour étudier et évaluer notre travail. En fin, nous ne peuvent achever ce projet sans exprimer mes gratitudes à tous les enseignants de l’Université Abou Bakr Belkaid de Tlemcen, pour leur dévouement et leur assistance tout au long de cette année. Page 3 TABLES DES MATIERES Dédicaces ---------------------------------------------------------------------------------------------------------------- 1 Remerciements --------------------------------------------------------------------------------------------------- 2 Tables des matières ---------------------------------------------------------------------------------------------- 3 Liste des figures -------------------------------------------------------------------------------------------------- 7 Liste des tableaux ---------------------------------------------------------------------------------------------- 9 1 Introduction générale ------------------------------------------------------------------------------- 13 1.1 Contexte ----------------------------------------------------------------------------------------------- 13 1.2 Objectifs du projet ----------------------------------------------------------------------------------- 13 1.3 Aperçu du mémoire --------------------------------------------------------------------------------- 14 2 Présentation du projet ------------------------------------------------------------------------------- 16 2.1 Introduction ------------------------------------------------------------------------------------- 16 2.2 Définition de WordPress ---------------------------------------------------------------------------- 16 2.2.1 Avantages majeurs ------------------------------------------------------------------------------- 17 2.2.2 Inconvénients majeurs --------------------------------------------------------------------------- 18 2.3 Qu’est-ce qu’une plateforme industrielle -------------------------------------------------------- 18 2.3.1 Les contenus -------------------------------------------------------------------------------------- 19 2.3.2 Les caractéristiques d’une plateforme --------------------------------------------------------- 19 2.3.2.1 Plate-forme universelle -------------------------------------------------------------------- 19 2.3.2.2 Ouvert ---------------------------------------------------------------------------------------- 19 2.4 Plateforme web industrielle ------------------------------------------------------------------------ 20 2.4.1 Avantage et inconvénients du plateforme industriel ---------------------------------------- 20 2.4.1.1 Les avantages ------------------------------------------------------------------------------- 20 2.4.1.2 Les inconvénients --------------------------------------------------------------------------- 20 Page 4 2.5 L’OBJECTTIF DU PROJET ------------------------------------------------------------------ 20 2.5.1 Etude de l’existant ------------------------------------------------------------------------------- 21 2.5.2 Critique de l'existant ----------------------------------------------------------------------------- 21 2.5.3 Solutions proposées ------------------------------------------------------------------------------ 21 2.5.4 Partie administrateur du plateforme ----------------------------------------------------------- 22 2.5.5 Partie client---------------------------------------------------------------------------------------- 22 2.6 Conclusions ------------------------------------------------------------------------------------------------- 22 3 Analyse et Conception ----------------------------------------------------------------------------------- 24 3.1 Introduction ------------------------------------------------------------------------------------- 24 3.2 Analyse des besoins --------------------------------------------------------------------------------- 24 3.2.1 Offre d’emploi ------------------------------------------------------------------------------------ 24 3.2.2 Problème industriel ------------------------------------------------------------------------------ 25 3.3 Phase de conception --------------------------------------------------------------------------------- 25 3.3.1 Le langage UML --------------------------------------------------------------------------------- 25 3.3.2 Les diagrammes de cas d'utilisation ----------------------------------------------------------- 26 3.3.2.1 Cas d’utilisation : Gestionnaire de compte --------------------------------------------- 26 3.3.2.2 Cas d’utilisation : Gestion d'offre d'emploi et problème industriel ------------------ 26 3.3.3 Le diagramme de classe ------------------------------------------------------------------------- 27 3.3.3.1 Diagramme de classe : Gestion d’offre d’emploi -------------------------------------- 28 3.3.3.2 Diagramme de classe : Gestion de problème industriel ------------------------------- 28 3.3.4 Les diagrammes des activités------------------------------------------------------------------- 29 3.3.4.1 Cas d’authentification ---------------------------------------------------------------------- 30 3.3.4.2 L’Ajout d’une offre d’emploi ------------------------------------------------------------- 31 3.3.4.3 L’ajout d’un problème industriel --------------------------------------------------------- 32 3.3.4.4 Commenter à une offre -------------------------------------------------------------------- 33 3.3.4.5 Répondre au problème --------------------------------------------------------------------- 34 Page 5 3.3.4.6 Postuler à une offre d’emploi ------------------------------------------------------------- 35 3.3.5 Les diagrammes de séquences------------------------------------------------------------------ 36 3.3.5.1 Cas d’authentification ---------------------------------------------------------------------- 36 3.3.5.2 L’Ajout d’une offre d’emploi ------------------------------------------------------------- 37 3.3.5.3 L’ajout d’un problème industriel --------------------------------------------------------- 38 3.3.5.4 Cas de registre d'un nouvel utilisateur --------------------------------------------------- 39 3.4 La base de données ---------------------------------------------------------------------------------- 40 3.4.1 SQL ------------------------------------------------------------------------------------------------ 40 3.4.2 La création de la base de données ------------------------------------------------------------- 40 3.5 Conclusion -------------------------------------------------------------------------------------------------- 41 4 Réalisation ------------------------------------------------------------------------------------------------- 43 4.1 Introduction ------------------------------------------------------------------------------------- 43 4.1.1 L’environnement Machine ---------------------------------------------------------------------- 44 4.1.1.1 ACER E-75 ---------------------------------------------------------------------------------- 44 4.1.1.2 HP EliteBook 840 -------------------------------------------------------------------------- 44 4.1.2 L’environnement Logiciel ---------------------------------------------------------------------- 44 4.1.2.1 Adobe Dreamweaver ----------------------------------------------------------------------- 44 4.1.2.2 Xampp ---------------------------------------------------------------------------------------- 45 4.1.2.2.1 Outils principaux de xampp------------------------------------------------------------- 45 4.1.2.2.2 Apache ------------------------------------------------------------------------------------- 46 4.1.2.2.3 MYSQL ------------------------------------------------------------------------------------ 46 4.1.3 L’environnement langages de programmation utilisés ------------------------------------- 47 4.1.3.1 Langage de structuration des pages Web------------------------------------------------ 47 4.1.3.2 CSS : langage de présentation des pages Web ----------------------------------------- 47 4.1.3.3 PHP ------------------------------------------------------------------------------------------- 48 4.1.3.4 Bootstrap ------------------------------------------------------------------------------------- 48 4.1.3.5 JavaScript ------------------------------------------------------------------------------------ 49 Page 6 4.1.3.6 JQuery ---------------------------------------------------------------------------------------- 49 4.2 Interfaces graphiques --------------------------------------------------------------------------- 50 4.2.1 Interface de plateforme industriel -------------------------------------------------------------- 50 4.2.1.1 La page « Register » ----------------------------------------------------------------------- 50 4.2.1.2 La page « Login » -------------------------------------------------------------------------- 51 4.2.1.3 Page d'accueil ------------------------------------------------------------------------------- 51 4.2.1.4 La page « Article industriel » ------------------------------------------------------------- 54 4.2.1.5 La page « Problème industriel » ---------------------------------------------------------- 55 4.2.1.6 La page « recrutement industriel » ------------------------------------------------------- 55 4.2.1.7 La page « FAQ » --------------------------------------------------------------------------- 56 4.2.2 Interface de l’administrateur-------------------------------------------------------------------- 56 4.3 Conclusion --------------------------------------------------------------------------------------------------- 57 5 Conclusion générale ------------------------------------------------------------------------------------------ 58 Références bibliographiques ---------------------------------------------------------------------------------- 59 Résumé ----------------------------------------------------------------------------------------------------------- 60 Page 7 Page 8 LISTE DES FIGURES Figure 2-1 : WordPress logo ................................................................................................................ 16 Figure 2-2 : les Avantages de WordPress ............................................................................................ 17 Figure 2-3 : Plateforme industriel logo ............................................................................................... 18 Figure 2-4 : Contenu d’une plateforme ................................................................................................ 19 Figure 3-1 : Diagramme de cas d’utilisation « Gestionnaire de compte » ........................................... 26 Figure 3-2 : Diagramme de cas d’utilisation « Gestion d’offre d’emploi et problème industriel » ..... 27 Figure3-3 : Diagramme de classe « Problème industriel » .................................................................. 28 Figure 3-4 Diagramme de classe « Offre d’emploi » ........................................................................... 28 Figure 3-5 : Diagramme de l’activité « Cas d’authentification » ........................................................ 30 Figure 3-6 : Diagramme de l’activité « Ajouter une offre d’emploi » ................................................. 31 Figure 3-7 : Diagramme de l’activité « Ajouter un problème industriel » .......................................... 32 Figure 3-8 : Diagramme de l’activité « Commenter à une offre » ....................................................... 33 Figure 3-9 : Diagramme de l’activité « Répondre au problème » ....................................................... 34 Figure 3-10 : Diagramme de l’activité « Postuler à une offre d’emploi » ........................................... 35 Figure 3-11 : Diagramme de Séquence de l’opération « Authentification » ....................................... 36 Figure 3-12 : Diagramme de séquence de l’opération « ajouter une offre » ........................................ 37 Figure 3-13 : Diagramme de séquence de l’opération « Ajouter un problème » ................................. 38 Figure 3-14 : Diagramme de séquence de l’opération « Registre » ..................................................... 39 Figure 3-15 : Exemple de la table « utilisateur » sur SQL server ........................................................ 40 Figure 4-1 : L’architecture de la plateforme ........................................................................................ 43 Figure 4-2 : L’interface de xampp ....................................................................................................... 46 Figure 4-3 : HTML5 logo .................................................................................................................... 47 Figure 4-4 : CSS3 logo ........................................................................................................................ 47 Figure 4-5 : PHP logo .......................................................................................................................... 48 Figure 4-6 : Bootstrap logo .................................................................................................................. 48 Figure 4-7 : Bootstrap responsive système .......................................................................................... 49 Figure 4-8 : Javascript logo .................................................................................................................. 49 Figure 4-9 : JQuery logo ...................................................................................................................... 49 Figure 4-10 : Registre page .................................................................................................................. 50 Figure 4-11 : login page ....................................................................................................................... 51 Figure 4-12 : Page d'accueil partie 1 .................................................................................................... 51 Figure 4-13 : Page d'accueil partie 2 .................................................................................................... 52 Page 9 Figure 4-14 : Page d'accueil partie 3 .................................................................................................... 52 Figure 4-15 : Page d'accueil partie 4 .................................................................................................... 53 Figure 4-16 : Page d'accueil partie 5 .................................................................................................... 53 Figure 4-17 : Page d'accueil partie 6 .................................................................................................... 54 Figure 4-18 : Page article industriel ..................................................................................................... 54 Figure 4-19 : Page problème industriel ................................................................................................ 55 Figure 4-20 : Page recrutement industriel ............................................................................................ 55 Figure 4-21 : FAQ (frequently-asked questions) page ........................................................................ 56 Figure 4-22 : Administrateur page ....................................................................................................... 57 Page 10 LISTE DES TABLEAUX Tableau 3-1 : Description textuelle du diagramme de l’activité « S’authentifier » ............................. 30 Tableau 3-2 : Description textuelle du diagramme de l’activité « L’ajout d’une offre » .................... 31 Tableau 3-3 : Description textuelle du diagramme de l’activité « L’ajout d’un problème » ............... 32 Tableau 3-4 : Description textuelle du diagramme de l’activité « Commenter à une offre » .............. 33 Tableau 3-5 : Description textuelle du diagramme de l’activité « Répondre au problème » .............. 34 Tableau 3-6 : Description textuelle du diagramme de l’activité « Postuler à une offre » ................... 35 Page 11 Page 12 INTRODUCTION GENERALE Page 13 1 INTRODUCTION GENERALE 1.1 CONTEXTE Le renforcement des interactions entre l'industrie et les institutions de recherche telles que les universités, les collèges et les instituts de recherche a été de plus en plus considéré comme un instrument stratégique pour l'innovation régionale et nationale, la croissance économique et la compétitivité. Les politiques d'innovation et de recherche les plus récentes mettent fortement l'accent sur l'interaction et la coopération entre les entreprises et les universités en tant que politique publique clé pour favoriser l'innovation dans l'économie. Une interaction plus étroite devrait déboucher sur « des projets de recherche plus pertinents, une absorption plus rapide des connaissances scientifiques dans le secteur privé et une meilleure utilisation des connaissances scientifiques » (NHD, 2003). L'interaction université-industrie est soulignée comme un outil pour stimuler le renforcement des capacités de recherche et développement des entreprises, ainsi qu'un outil pour rendre l'enseignement supérieur et la recherche uploads/Industriel/ ms-eln-mimouni-toualbia.pdf