Ecole Nationale Supérieure D Informatique et d Analyse des Systèmes. CREATION D UN SITE DYNAMIQUE AU SEIN DE LA Réalisé par : Encadré par : Aymane MOUMINE M Abdelmjid BENAISSI
3.1. Java Java est à la fois un langage de programmation et une plateforme d'exécution [7]. Le langage Java a la particularité principale d'être portable, puisqu'il peut tourner sur n'importe quelle machine disposant d'un interpréteur Java. Cette portabilité est fondamentale sur Internet, 1 page texte 0.5 DH 4. Réalisation Au lancement de l application, l utilisateur a le choix entre deux menus : New Project et Load Project. 1 page mixte 1 DH 1 page image 2 DH 1 CD vierge 2 DH 1 pochette double 1 reliure (baguette + transparent + papier cartonné) 0.5 DH 6 DH
AU NOM DE DIEU, LE BIEN FAITEUR MISERICORDIEUX Aymane MOUMINE 1
Au terme de ce travail je tiens à présenter mes vifs remerciements à tous ceux qui ont contribué de près ou de loin à sa réalisation. A cet égard, je tiens à remercier particulièrement : Mon encadrant M Abdelmjid BENAISSI Administrateur réseau. M Aissa BIYADI Chef de la Direction Organisation & Système d Information l organisme. Mlle Samira MRGHI responsable de la communication interne au sein de M Zouhair BENBRAHIM responsable à la direction des ressources humaines. M Abdellah ingénieur au sein de la Direction Organisation & Système d Information. d Information M Driss BAJ Ingénieur au sein de la Direction Organisation & Système Mlle Loubna ELHATIB secrétaire au sein de la Direction Organisation & Système d Information Ainsi que toute l équipe de la Direction Organisation & Système d Information. Aymane MOUMINE 2
Remerciements... 2 Sommaire 3 Introduction....4 I- Présentation de l organisme....5 Le groupe..6 Valeurs du groupe...7 Stratégies du groupe 8 Produits de la MAMDA..8 Produits de la MCMA. 9 Situation actuelle du groupe...10 Organigramme de la.10 II- Activités réalisées durant le stage..13 Semainier...13 III- Analyse et conception... 17 Analyse des besoins.18 III- Réalisation.21 Création des tables...22 Création des pages dynamiques du site 22 Création d une page dynamique ASP/VBScript...22 Création des formulaires d insertion.23 Création de la connexion...24 Création des pages d affichage..25 Sommaire des figures...26 Conclusion 27 Annexes.28 Aymane MOUMINE 3
L assurance est une opération par laquelle une partie, l assuré se fait promettre, moyennant une rémunération, pour lui ou pour un tiers, en cas de réalisation d un risque, une prestation par une autre partie, l assureur qui, prenant en charge un ensemble de risques, les compense conformément aux lois de la statistique. L assurance joue un rôle fondamental dans la protection des personnes et leurs patrimoines. Donc, elle répond à un besoin impérieux des individus affectant leur personne ou leurs biens. En effet, il est nécessaire de souligner que l assurance comprend trois grandes variétés : Assurance de personnes : assurance vie, individuelle et maladie. Assurance des dommages : assurance contre la grêle, le vol, l incendie, les bris de glaces Assurance des responsabilités : assurance automobile, accidents de travail, responsabilité civile Etant donné que l assurance joue un rôle prépondérant dans l activité économique et sociale, et vue qu elle est un domaine très vaste, j ai décidé de passer mon stage de ma première année à observer ce secteur à travers mon passage à la. Dans ce présent rapport je vais essayer de décrire le déroulement de mon stage qui a duré 5 semaines au sein du département Système d Information de cette mutuelle. Ce rapport se composera de trois grandes parties ; la première concerne la description de la mutuelle et sa constitution, la deuxième décrit la direction Organisation & Système d Information et la dernière résume les différentes activités faites tout au long de la période de stage. Aymane MOUMINE 4
Présentation de l organisme Le Groupe : Le groupe est un ancien opérateur dans le secteur des assurances au Maroc. Il est l émanation d un passé mutualiste datant de 1920. Activité : Aymane MOUMINE 5
Le Maroc, pays à vocation agricole, s est orienté vers le développement de ce secteur en apportant soutien et assistance à un système d assurance offrant des produits adaptés aux besoins du monde agricole. C est ainsi que fut créée, en 1963, la Mutuelle Agricole Marocaine D Assurance MAMADA. Sa vocation lui confère un champ d action concentré sur l agriculture et couvre ainsi l ensemble des risques qui s y relient. Cependant, pour répondre aux nouvelles exigences du marché vu la demande croissante pour les produits d assurance, et affin de subvenir aux besoins actuels, la mutuelle a étendu son champ d intervention au monde non agricole, par la création de la Mutuelle Centrale Marocaine d Assurance MCMA. Sa vocation est plus large. Elle prend en charge la garantie de l ensemble des risques classiques liés à tout type d activité. Cible : Avec une panoplie de produits d assurance, la MAMDA vise deux segments importants : Les agriculteurs Les agro-industriels La MCMA, quant à elle, propose une gamme diversifiée de produits et services adaptés aux besoins spécifiques de chaque catégorie de clientèle dont les principales sont : Les groupements professionnels Les entreprises privées et publiques Les particuliers Pour rester fidèle aux percepts de la mutualité, les sociétaires peuvent former des groupements régionaux et/ou professionnels. Les groupements régionaux : Les groupements régionaux représentent la Mutuelle dans leurs régions et servent d intérimaires entre les sociétaires qu ils regroupent et celle-ci. Les groupements professionnels : L organisation en groupements professionnels présente un double avantage : Les sociétaires bénéficient d une tarification avantageuse ; Les sociétaires trouvent, pour leurs besoins spécifiques, une réponse adéquate dans les offres de la Mutuelle ; Aymane MOUMINE 6
Ces groupements sont repartis comme suite : Groupements régionaux : Maroc Centrale Assurance (MCA) Maroc Nord Assurance (MNA) Maroc Oriental Assurance (MOA) Maroc Sud Assurance (MSA) Fès Taza Assurance (FTA) Mutuelle du Sous a Agadir (MSA) Groupements professionnels : Mutuelle d Assurance des Enseignants du Maroc (MAEM) Mutuelle d Assurance des Transporteurs au Maroc (MATRAM) Groupements par conventions : GASUP APEFEL APROBA SOCIALAGRI Ordre National des Vétérinaires (ONV) Groupements rattaches au siège : Groupement d Assurance Vie (GAV) Mutuelle d Assurance des Sociétaires Assemblés (MASA) Valeurs du groupe : En apprenant à surmonter les problèmes d adaptation externe et d intégration interne, le groupement a développés des valeurs de base auxquelles il doit l adhésion de son personnel et la fidélité de ses sociétaires. Solidarité, Intégrité, Bonne foi et Leadership sont les assises de sa culture. En construisant des écoles pour les enfants du monde rural, en aidant les agriculteurs victimes de la sécheresse et en contribuant à la mise en valeur du patrimoine culturel la exprime sa solidarité. En assumant la responsabilité de ses actes et en menant à bien ses engagements la fait preuve d intégrité. Aymane MOUMINE 7
Assurer ses fonctions avec abnégation et être fidèle à ses valeurs personnelles et professionnelles est révélateur de la bonne foi du personnel. La fidélité et l attachement à ses valeurs, sont les vecteurs qui animent le groupe et le motive à progresser davantage. Stratégies du groupe : La stratégie adoptée par la MAMDA dès sa création consiste à relever un véritable défi : Etre une société performante opérant dans un environnement concurrentiel et assurer un service de qualité pour ses sociétaires. Pour ce faire, il fallait travailler sur plusieurs axes, rationaliser les dépenses, améliorer les prestations existantes et offrir de nouveaux services, moderniser et étendre le réseau, utiliser les nouvelles technologies, nouer des partenariats avec des opérateurs économiques et revaloriser les ressources humaines. Actuellement, la MAMDA est en pleine restructuration avec l appui d un consultant international, le but étant de faire face aux nouveaux défis fondamentaux : mutations technologiques, intensification et internationalisation de la concurrence, incertitude de fluctuation économique, évolution démographique, nouveaux courants socioculturels. Etablir un système de formation, qui renforce les capacités des individus en harmonie avec les objectifs de la MAMDA. Implanter un nouveau système commercial qui facilite les rapports avec les clients, et qui permet de mesurer l évolution de l efficience commerciale de la société. Etablir une politique commerciale et marketing avec des actions commerciales concrètes, basées sur la connaissance réelle des clients et leurs comportements. Dresser une image de la MAMDA, qui contienne les valeurs de l entreprise et de sa vocation de service. Les nouveaux objectifs visent une réorganisation liée à la modernisation de certains outils de travail, à la communication ainsi qu au developpement des compétences de son personnel. Produits de la MAMDA : Aymane MOUMINE 8
La MAMDA met à la disposition de ses sociétaires une gamme de produits d assurance aussi large que diversifiée. Ainsi la Mutuelle agricole couvre les risques suivants : L accident du travail La responsabilité civile L automobile L individuel accident L incendie des risques agro-industriels et para agricoles L incendie des bâtiments agricoles L incendie du matériel agricole L incendie des récoltes L incendie des pailles et fourrages L incendie des plantations L assurance des abris serres L assurance des apiculteurs L assurance de l aviculture L assurance contre la grêle La mortalité de bétail Sécheresse sur céréales Produits de la MCMA : Afin de répondre aux besoins du monde non agricole en matière d assurances, la MCMA offre à ses sociétaires une gamme complète de produits concernant l ensemble des risques des particuliers et des entreprises. L accident du travail La responsabilité civile L automobile L individuel accident Les dégâts des eaux Le vol le bris de glaces L incendie explosion Le transport de marchandise Aymane MOUMINE 9
La Tous Risques Chantiers Les multirisques : o Habitation o Commerçants et artisans (MADAD) o Professions libérales (PROFIL) o Hôtels Situation actuelle du groupe : De part sa forme mutualiste et la nature de sa mission, la MAMDA peut pratiquer des tarifs réduits de l ordre de 30% a 40% par rapport a la concurrence. Ceci, conjugué à une bonne qualité de service visant la fidélisation des clients à travers une offre adaptée à leurs besoins, au meilleur prix et dans les meilleurs délais faits de la MAMDA le premier assureur agricole au Maroc. Elle détient prés de 70% de part de marché. La MCMA quant à elle aligne les taux de cotisation à ceux pratiques sur le marchée. Grâce à son professionnalisme et sa rigueur dans la gestion, elle occupe une position confortable et originale au sein du marché des assurances. Les activités financières du groupement se concentrent sur la gestion d un important portefeuille de participations auprès de grandes sociétés de différentes branches aussi puissantes et prometteuses. La est aujourd hui l un des grands opérateurs de la bourse de Casablanca. Organigramme de la : L organigramme ci-dessous représente l architecture des directions de l organisme : Aymane MOUMINE 10
Fig. 1 : Organigramme du groupe Aymane MOUMINE 11
Activités réalisées durant le stage Aymane MOUMINE 12
Semainier : 1ère semaine Semaine du 05/07/2005 AU 08/07/2003 Mardi 05/07/05 Jours Activités réalisées, observées et personnes rencontrées -Discussion avec M.RAJI directeur de la DRH sur la période du stage et le projet. -Rencontre avec M.BIYADI responsable de la direction développement & systèmes d information et discussion sur le projet de stage. -Rencontre avec le personnel de la direction développement & systèmes d information et installation au bureau. Matériels et logiciels utilisés Mercredi 06/07/05 Jeudi 07/07/05 Vendredi 08/07/05 -Rencontre avec le personnel de la DRH et proposition de réalisation d un site intranet dynamique. -Documentation sur HTML -Documentation sur HTML -l éditeur Notpad++ et Internet explorer. -l éditeur Notpad++ et Mozilla Firefox. Deuxième Semaine : Semaine du 11/07/2005 AU 15/07/2005 Jours Activités réalisées, observées et personnes rencontrées Matériels et logiciels utilisés Aymane MOUMINE 13
Lundi 11/07/05 Mardi 12/07/05 Mercredi 13/07/05 -Observation du clonage des postes -Configuration de mon pc portable sur le réseau. -Documentation sur la création des pages web. -Installation de easyphp et documentation sur php. -Documentation sur easyphp. - Ghost 2003 - Streamer -easyphp. -easyphp. Jeudi 14/07/05 Vendredi 15/07/05 -Documentation sur le langage php. -Téléchargement de MAMBO et installation. -easyphp. -MAMBO. CLONAGE : procédé qui minimise le temps nécessaire pour installer des PC : Entrer au BIOS Changer les paramètres en mettant le démarrage avec cd-rom Confirmer et enregistrer les modifications puis redémarrer le PC Entrer un CD bootable ex : Ghost 2003 Accéder au Streamer et choisir l image désirer : Local Disque Depuis image Vous préciser le nom du fichier image source de la restauration «L image doit être déjà fait» MAMBO : exemple de site réalisé en php qui est paramétrable. Troisième Semaine : Semaine du 18/07/2005 AU 22/07/2005 Jours Activités réalisées, observées et personnes rencontrées Matériels et logiciels utilisés Aymane MOUMINE 14
Lundi 18/07/05 Mardi 19/07/05 Mercredi 20/07/05 Jeudi 21/07/05 Vendredi 22/07/05 -Documentation sur MAMBO. -Essaye de paramétrage de MAMBO -Documentation sur asp. -Installation de IIS et configuration. -Formation sur la création des sites web. -Formation sur la création des sites web. -Manuel sur MAMBO. -MAMBO. -easyphp. -MAMBO. -service pack2. -Dreamweaver MX 2004 -Access -swish. -IIS -Dreamweaver MX 2004 -Access -swish. -IIS. -swfx Quatrième Semaine : Semaine du 25/07/2005 AU 29/07/2005 Jours Lundi 25/07/05 Mardi 26/07/05 Mercredi 27/07/05 Activités réalisées, observées et personnes rencontrées -Changement d un disque dur d un poste défectueux et le réinstaller. -Clonage de plusieurs nouveaux postes et installation des applications. -Clonage de plusieurs nouveaux postes et installation des applications. -Réalisation de quelques pages dynamiques de teste pour l intranet. Matériels et logiciels utilisés -Ghost2003. -streamer. -windows2000. -server130. -Ghost2003. -streamer. -windows2000. -server130. -Dreamweaver MX2004. -Access. -IIS. Jeudi 28/07/05 -Rencontre avec Mlle MARGHI pour voir le paramétrage des pages dynamiques et des tables des bases de données. -Dreamweaver MX 2004 -Adobe Photoshop CS -IIS. -Access. Aymane MOUMINE 15
Vendredi 29/07/05 -Réalisation des tables et de quelques pages dynamiques -Réalisation des tables et de quelques pages dynamiques -Dreamweaver MX 2004 -Access. -IIS. -swfx. Aymane MOUMINE 16
Analyse et conception Aymane MOUMINE 17
Analyse des besoins : La DRH de la MAMDA dispose d un site intranet statique qui sert à centraliser l information, ce site comporte plusieurs rubriques qui présentent différentes informations. Comme on peut remarquer ci-dessous, la page d accueil a plusieurs liens vers d autres pages qui contiennent ces informations. Lien vers la page contenant les notes de service lien vers la page des statues du personnel Fig.2 : page d accueil du site C est alors qu on remarque les liens à gauche de la page, à droite et au centre. Cependant, le problème qui se posait et que toute mise à jour nécessitait l intervention d une personne ayant des connaissances en Dreamweaver, et cette manœuvre doit se produire au niveau de la programmation. Ce qui impliquait une perte de temps importante et par la suite une solution autre que la centralisation informatisée s imposait. Ainsi, la DRH m a proposé de substituer les rubriques mises à jour par des pages dynamiques. Aymane MOUMINE 18
Le travail a commencé par la désignation des pages qui vont être substituées et les changements au niveau du site aussi. Ces changements doivent affecter deux parties ; l insertion réservée à l administrateur et l affichage qui est consulté par tout utilisateur. Espace administrateur : Cet espace comme l on vient de voir comporte l insertion sur des pages reliées à une base de données. Les attributs des tables de cette base ont été créés pour stocker les données sans aucune contrainte. Ci-dessous il y a les attributs associés à quelques importantes tables. Tableau de plan de mobilité : Attribut Type Descriptif N Numérique Numéro de l employé NomPrenom Champs de texte Nom et prénom de l employé Affectation_actuelle Champs de texte Poste actuelle Nouvelle_affectation Champs de texte Poste de la nouvelle affectation dat_deffet_de_la_décision Champs de texte Date de la décision Tableau des notes de service : Attribut Type Descriptif num_note Numérique Numéro de la note nom Champs de texte Nom de la note description Champs de texte Un mot sur la note Liens Champs de texte Chemin de la note Tableau des nouvelles : Attribut Type Descriptif Num Numérique Numéro de la nouvelle Dat Champs de texte Date de mise en page nouvelle Champs de texte Titre de la nouvelle Aymane MOUMINE 19
Réalisation Aymane MOUMINE 20
Création des tables : La création des tables s est faite avec l Access, selon les besoins de l administrateur du site. Les tables sont les suivantes : cliniques_conventionees_rabat Directions Licenciement notes de service Nouvelles plan_mobilite Recrutement revue de presse Contient les cliniques de rabat en convention avec la et leurs adresses. Contient la liste des employées et leurs postes selon la direction. Contient la liste des employés licenciés avec la date de licenciement. Contient les notes de services. Contient des nouvelles qui intéressent le personnel. Contient les mobilités des employés. Contient les recrutements des employés avec leurs postes. Contient les revues de presse qui intéressent le personnel. Création des pages dynamiques du site : Dans cette partie de la réalisation, je me suis servi principalement du Dreamweaver MX2004, et ce de la manière suivante : Création d une page dynamique ASP/VBScript : On ouvre une nouvelle page dynamique ASP/vbscript, en suivant les étapes qui apparaissent sur la figure ci-dessous : Fig.3 : création d une nouvelle page ASP/VBScript Aymane MOUMINE 21
Création des formulaires d insertion : On ouvre la page en mode Création, puis on sélectionne Insertion > Objets d application > Insérer un enregistrement > Assistant de formulaire d insertion d enregistrement. La boîte de dialogue Insérer le formulaire d insertion d enregistrement s affiche. On complète les options de la boîte de dialogue. Dreamweaver insère dans la page un formulaire HTML et un comportement de serveur Insérer l enregistrement. Les objets de formulaire sont disposés sur la page sous forme d un tableau simple, qu on peut ensuite personnaliser à l aide des outils de conception de page de Dreamweaver. Fig.4 : création du formulaire d insertion Apres ces étapes, il suffit de paramétrer le formulaire selon les données qu on désire insérer dans la base de données. Mais pour que l insertion soit réalisée comme elle se doit il faut créer la connexion avec la base de données. Aymane MOUMINE 22
Création de la connexion : Une application ASP doit se connecter à une base de données via un pilote ODBC ou un fournisseur de BD OLE. Le pilote ou le fournisseur joue le rôle de traducteur pour permettre à l application Web de communiquer avec la base de données. On peut aussi utiliser un DSN (Data Source Name, nom de source de données) ou une chaîne de connexion pour vous connecter à la base de données. Un DSN est un identificateur formé d un seul mot (conect01, par exemple), qui pointe vers la base de données et contient toutes les informations requises pour s y connecter. Le DSN se définit dans Windows. On peut utiliser un DSN si on se connecte via un pilote ODBC installé sur un système Windows. Fig.5 : configuration de la connexion Création des pages d affichage : Après avoir créé un jeu d enregistrements pour y insérer les résultats de la recherche, on doit afficher les informations sur la page de résultats. L affichage des enregistrements est une opération simple : il suffit de faire glisser des colonnes individuelles du panneau Liaisons vers la page de résultats. Ajoutez au choix des liens de navigation pour aller et venir dans le jeu d enregistrements, ou créez une région répétée si on préfère afficher plusieurs enregistrements sur la page. On peut également insérer des liens sur une page d informations Aymane MOUMINE 23
détaillées. Cette section décrit comment afficher les résultats à l aide d un tableau dynamique : On place le point d insertion à l endroit où on souhaite que le tableau dynamique apparaisse dans la page de résultats, puis on sélectionne Insertion > Objets d application > Données dynamiques > Tableau dynamique. Fig.6 : procédure d insertion d un tableau dynamique La boîte de dialogue Tableau dynamique s affiche : Fig.7 : configuration du tableau d affichage Aymane MOUMINE 24
Dans la boîte de dialogue Tableau dynamique, on sélectionne le jeu d enregistrements qu on a défini afin de présenter les résultats de recherche. Puis on clique sur OK. Dreamweaver insère un tableau dynamique destiné à l affichage des résultats de recherche. Aymane MOUMINE 25
Fig.1 : organigramme du groupe :.10 Fig.2 : page d accueil du site :..18 Fig.3 : création d une nouvelle page ASP/VBScript :..21 Fig.4 : création du formulaire d insertion :... 22 Fig.5 : configuration de la connexion :.23 Fig.6 : procédure d insertion d un tableau dynamique :... 24 Fig.7 : configuration du tableau d affichage :...24 Aymane MOUMINE 26
Malgré la courte période de mon stage et la généralité de mon rapport, cette étude m a apporté un certain nombre d informations et m a fourni un outil administratif favorable à la gestion de la société. Ainsi, je pourrai dire que le site créé répond à une partie des fonctionnalités requises, cependant il reste toujours des perspectives à voir ; notamment le fait de pouvoir dynamiser quelques aspects décoratifs du site et aussi permettre aux utilisateurs de faire leur propre recherche concernant les articles de presse. Les avantages d un tel stage pourraient me servir d une part, à mieux connaître la situation économique et administrative de la société marocaine et d autre part à bien former ma personnalité. Outre l assurance MAMDA/ MCMA m a permis : La découverte du monde du travail. M adapter et me familiariser avec le domaine professionnel. Approfondir et consolider mes connaissances techniques, notemment lors de la realisation du site dynamique. Développer ma qualité professionnel. Aymane MOUMINE 27
Quelques chiffres clés : CA MAMDA (2003): CA MCMA (2003): 265 485 415.83 dhs 287 670 428.72 dhs CA par groupement: Groupement vie: Groupement MAEM: Groupement bureau B: Courtage siege: 73 530 687.34 dhs 71 783 307.69 dhs 44 891 250.91 dhs 34 196 175.83 dhs CA par groupement regional: Maroc Central Assurances: Maroc Nord Assurance: Maroc Oriental Assurance: Maroc Sud Assurance: Fes Taza Assurance: Assurance Mutuelles du Sous: 3 933 439.84 dhs 18 098 397.30 dhs 4 870 854.01 dhs 18 036 362.17 dhs 4 129 754.45 dhs 1 260 964.96 dhs Evolution du CA de la MAMDA : Chiffres d affaires (Dhs) 2000 2001 2002 2003 198 303 474.21 205 748 748.37 228 740 867.22 265 485 415.83 Aymane MOUMINE 28