Ce document est un rapport de stage effectué à Cosumar, où l'auteur a conçu un site Google pour le suivi des demandes internes, permettant aux employés de soumettre leurs requêtes et de recevoir des notifications. Le stage a permis à l'étudiante de développer ses compétences en informatique, d'acquérir des connaissances sur le travail collaboratif et d'approfondir sa compréhension des besoins techniques. La première phase du projet a impliqué une analyse approfondie de l'existant pour en déterminer les failles et concevoir une solution adaptée.

1. Rapport de stage : mise en place d’une
solution (Google site) de suivi des évolutions
Effectué du 27/06/2016 au 14/08/2016
à COSUMAR de Casablanca
Réaliser par :
BOUALIL Amat Samia : étudiante en deuxième année génie informatique à l’PPC
Encadré par :
Madame ELMESSOUDIHanane:Le responsable de la maîtrise d'ouvrage (MOA)
Année universitaire 2015-2016

2. 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 m’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.
Aussi, je remercie Madame ELMESSOUDI Hanane, Ma superviseure de stage qui m’a formé
et accompagné tout au long de cette expérience professionnelle avec beaucoup de patience et
de pédagogie.
Je tiens à remercier tout le personnel de COSUMAR, pour leurs soutiens et pour leurs
générosités considérables quant a l’offre de l’information
Enfin que tous ceux et celles qui ont contribués de près ou loin à l’accomplissement de ce
travail trouvent l’expression de mes remerciements et de ma considération.

3. Résumé
Ce document représente le fruit de tout un travail résumé a travers la synthèse du travail
réalisé dans le cadre du projet de deuxième année effectué au sin de la Cosumar (Compagnie
Sucrière du Maroc (raffinerie privée du Groupe ONA)).
La principale mission du stage fut de réaliser la conception d’un site Google de suivi des
évolutions qui permet l’utilisateur de postuler sa demande dans le site et les services qui sont
concernés par la demande ils vont recevoir une notification qui résume la demande postulé et
un lien inclue pour voir la demande complète .
Pour réaliser l’ensemble de mes missions, j’ai dû faire preuve de beaucoup d’initiatives et
d’autonomie. Ce stage m’a donc permis d’affirmer ma personnalité, de me donner de la
prestance et de l’assurance ainsi que de découvrir le monde syndical.
La première phase du projet visait l’étude de l’existant cette étude avait comme objectif de
déterminer les besoins techniques et fonctionnels qui seront adapté lors de la réalisation du
site tout en se basant sur les failles ainsi que les anomalies de l’existant afin de les éviter ou
les améliorer.
La réalisation du site s’est déroulée d’une manière itérative pendant chaque itération un
produit partiel était développée en mettant en évidence toutes les activités nécessaire (la
conception la documentation le développement et le test)

4. Remerciement.............................................................................................................................. 2
Résumé....................................................................................................................................... 3
Introduction générale................................................................................................................. 5
chapitre1..................................................................................................................................... 6
ontexte generale du projet.............................................................................................................. 6
ORGANISME d’accueil [w1]................................................................................................... 7
1.1.2 Historique....................................................................................................................... 8
Conceptionde formulaire .............................................................................................................17
Lesdifférentstypes de questionsdisponibles ....................................................................................17
Modifier la couleurou le thème duformulaire.........................................Error! Bookmark not defined.
Modifier le texte de confirmation du formulaire.................................................................................17
Consulter les réponses d’un formulaire ............................................................................................18
ILy’a aussila possibilité d’Arrêter la diffusion d’un formulaire .................Error! Bookmark not defined.
Recevoir une notification par mail lorsqu’une réponse estajoutée ...............Error! Bookmark not defined.
Insérerdesmodulescomplémentaires ................................................................................................18

5. Introduction générale
Du 27/06/2016 au 14/08/2016, j’ai effectué un stage au sein de l’entreprise COSUMAR
(située 8 rue Mouatamid Ibnou Abbad, BP 3098 Roches Noires Casablanca, Maroc. Au cours
de ce stage au département informatique, j’ai pu m’intéresser la technologie Google site et
aussi Google forms ainsi que les outils de gestion de projet.
Plus largement, ce stage a été l’opportunité pour moi d’appréhender plus de connaissance
autour de métier d’informaticien
Au-delà d’enrichir mes connaissances en informatique, ce stage m’a permis de comprendre
dans quelle mesure le travail en équipe est très important aussi ses outils et pédagogie ainsi
que j’ai découvert quoi le SAP et le ERP.
Quelques problèmes se posaient avant d’entamer la conception du site Google :
- Comment limiter l’accès de site aux personnel de Cosumar ?
- Comment notifier régulièrement les membres de la parution de nouvelles demandes ?
- Comment les membres de l’exécutif parviendront-ils à maintenir le site vivant ?

6. chapitre1
Contexte générale du projet
Ce chapitre introduit le contexte général dans lequel s’est déroulé le projet Il
présente dans un premier lieu la Cosumar l’organisme d’accueil Ensuite il décrit
le projet ainsi que le processus dedéveloppement et le planning suivi.

7. ORGANISME d’accueil
1 .1 Présentation générale de la Cosumar
1.1.1 Présentation de la Cosumar
Raison sociale : Raison sociale : COSUMAR Adresse : 8 R. Mouatamid Ibnou Abbad,
BP 3098 Roches Noires Casablanca
Date de création : 1929
Forme juridique : Société anonyme
Action : MASI : CSR
Siege social : COSUMAR SA : 8 rue Mouatamid Ibnou Abbad, BP 3098 Roches Noires
Casablanca – Maroc
Direction : Mohammed FIKRAT (PDG)
Activité : Raffinerie de sucre. Certification ISO 9001/2000 (2003
Filiales:Cosumar SA, Surac, Sunabel, Suta, Sucrafor.
Capacité de production globale : 1,65 million de TONNES DE SUCRE BLANC/AN
Capital social : 419 105 700
Chiffre d’affaire : > 6046 Mdh
Effectif : entre 1000 et 5000
Site web: www.cosumar.co.ma
Tel : Tél 1 : +212 (0)5 22 67 83 00 Tél 2 : +212 (0)5 29 02 83 00
Fax : Fax : +212 (0)5 22 24 10 71

8. 1.1.2 Historique
Présentation de l’entreprise :
Présentation:
Depuis sa création en 1929, COSUMAR n’a cessé de croître, de se développer et de se
moderniser afin de devenir le Groupe Acteur important dans le secteur agroalimentaire de
Maroc et véritable moteur œuvrant pour une meilleure compétitivité de la filière sucrière
marocaine.
Vocation:
Le Groupe Cosumar, leader de la production du sucre blanc au MAROC, assure l’extraction à
partir des plantes sucrières locales, le raffinage du sucre brut importé, le conditionnement, la
distribution et l’exportation du sucre blanc sous différentes formes. Cosumar, l’unique
opérateur sucrier marocain, est présent dans tout le territoire à travers ses cinq filiales:
Cosumar SA, Surac, Sunabel,Suta, Sucrafor.
L’histoire de COSUMAR se confond avec le début de l’industrialisation de la production du
sucre blanc au Maroc. Autrefois de fabrication artisanale, c’est en 1929 qu’est créée la
première raffinerie de sucre à Casablanca au quartier des Roches Noires. Découvrons les
dates clés qui jalonnent l’histoire de cette grande entreprise Marocaine.
1929 NAISSANCE DE COSUMA : Création du site historique de la raffinerie de
Casablanca par La Société Nouvelle des Raffineries de Sucre de SAINT LOUIS de
MARSEILLE. Elle produit 100 tonnes de sucre par jour, exclusivement sous forme de pains
de sucre.
1967 COSUMA DEVIENT COSUMAR : L’Etat marocain acquiert 50% du capital de la
société
1985 COSUMAR : FILIALE DU 1ER GROUPE PRIVE, L’ONA : Le groupe ONA prend
le contrôle du capital de Cosumar, désormais cotée à la Bourse des Valeurs de Casablanca.
1993 ACQUISITION DES SUCRERIES DES DOUKKALAS : Cosumar absorbe les
sucreries des Doukkala (Zemamra et Sidi Bennour), dont il détenait déjà une part
significative.
2005 NAISSANCE D’UN GROUPE : Acquisition des 4 sociétés sucrières Publiques, SUTA,
SURAC, SUNABEL et SUCRAFOR.
2006 LES PREMIERS INVESTISSEMENTS DE MODERNISATION : Projet
d’extension de la capacité de traitement de betteraves à 15 000 t betteraves/jour de la sucrerie
de Sidi Bennour, montant de l’investissement : 850 MDH.

9. 2009 MODELE D’AGREGATEUR DE LA FILIERE SUCRIERE : Barid Al Maghrib
consacre un timbre dédié à l’industrie sucrière marocaine et célébrant le 80ème anniversaire
de ses débuts. La FAO décerne au Groupe COSUMAR la médaille de modèle agrégateur.
2012 LABEL CGEM ET DISTINCTION « PIONNIER DE LA RSE » : COSUMAR
obtient le Label CGEM de la Responsabilité sociale et est distingué Pionnier de la RSE en
Afrique par l’Institut RSE.
2013 ENTREE DE WILMAR DANS LE CAPITAL DU GROUPE : SNI cède 27 ,5% du
capital de COSUMAR au Groupe singapourien WILMAR.
2014 CESSION DU CONTROLE DE COSUMAR PAR SNI : Introduction d’un
consortium d’institutionnels dans le capital de cette entreprise : Axa Assurances, CNIA
Saada, RMA Watanya, SCR, Wafa Assurances, MAMDA, MCMA, CDG, CMR, RCAR,
Wafa Gestion, CFG.
2015 NOUVELLE IDENTITÉ VISUELLE : COSUMAR dévoile sa nouvelle entité
visuelle à l’occasion du Salon SIAM 2015.

10. Actionnariat:
L’arrivée de nouveaux actionnaires dans le capital de Cosumar dont WILMAR le leader
asiatique de l’agro industrie et plusieurs grands institutionnels marocains offre de nouvelles
opportunités et synergies pour conforter les ambitions stratégique du Groupe
Parts des unités dans le marché national

11. Conclusion de chapitre1 :
Le présent chapitre décrit le contexte général du projet .nous avons commencé par une
représentation de l’organisme d’accueil Cosumar, ensuite nous avons introduit le cadre
générale du projet suivi d’une description du processus de développement adopté et de sa
mise en œuvre le chapitre suivant présente l’analyse et la spécification pour la partie qui
concerne le cadre de projet

12. CHAPITRE 2
Analyse et spécification
Afin de maitriser le projet a réaliser une étude approfondie de l’existant est indispensable pour
recenser les besoins fonctionnels et technique qui sont nécessaires pour la réalisation du projet
C‘est ainsi que se e chapitre sera dédié a une étude fonctionnelle et technique ainsi que la
présentation des outils et technologies utilisés pour la réalisation de la solution
Lors du premier chapitres nous avons expose brièvement l’étude d’existant ainsi que la
problématique qui n’est que l’objet du cahier de charge du projet
Dans se qui suit nous avons affaire à détailler notre étude d’existant évoqué en premier
chapitres pour cela nous allons la repartir en deux principal étapes une étude fonctionnel et
une étude technique

13. Généralité
Scenario de l’évolution et l’objectifde projet :
Mise en place au mains des personnel un site Google leur permettant de postuler leur
demande et les membre concerné par la demande il vont recevoir une notification sur leur
mail (il y a une nouvelle demande )
La solution utilisera la technologie de Google site dans le but de
 Simplifier la tache
 Entre les collaborateurs
 gagner du temps pour la saisie d’une demande
 Tout le monde participe dans le traitement d’une demande
 Automatiser la demande
 Valoriser le

14. Principale fonctionnalité
Le site a crée devra assurer les fonctionnalités suivants :
Donner l’accès seulement au employer de Cosumar
Remplir un formulaire et si il ya lieur ajouter des fichiers
Un mail doit notifier tout les employer qu’il ya une nouvelle demande
Un espace pour les commentaires
Une page dans la quelle tout les anciens demandes sont stockés
Voir le document qui regroupe tout les demandes
Schéma fonctionnel

15. Conduite de projet
Dans un projet informatique la planification et le choix des outils de développement sont des
phases importantes d’avant projet afin de structurer assurer et optimiser le bon déroulement de
ce dernier dans se qui suit nous allons présenter le processus de développement ainsi que le
planning suivi.
Planning générale du projet :
Annexe diagramme de gannt
Annexe
(Nous avons utilisé le diagramme de Gantt détaille pour décrire toute les taches
réalisés au cours de se projet comme le montre le figure suivant)

16. Etude technique
Les technologieset les outils utilisés
Pour répondre aux besoins retenues dans les parties précédentes nous avons choisi de créer le
site Google en intégrant la dedans un formulaire Google
Le choix de Google forms est justifié par le fait qu’il nous permet d’automatiser la saisie de la
demande
Et aussi le mail qui va notifier les autres va être résumé et simple
La technologie Google site
Google Sites est une application en ligne qui rend la création d'un site Web aussi simple que
la rédaction d'un document. Grâce à Google Sites, vous pouvez regrouper rapidement une
grande variété d'informations en un lieu unique, par exemple des vidéos, des agendas, des
présentations, des pièces jointes et du texte, et les partager facilement pour permettre leur
consultation ou leur modification par un petit groupe de personnes, l'intégralité d'une
organisation ou même le monde entier. Pour commencer, activez le service Google Sites.
Principales fonctionnalités du produit :
 Personnalisez l'interface de votre site pour l'adapter à la charte graphique de votre projet.
 Créez des sous-pages
 Faites le choix parmi les différents types de page disponibles, tels que Page classique,
Annonces, Classeur et Liste.
 Centralisez des informations partagées : intégrez un contenu enrichi (vidéos, documents,
feuilles de calcul et présentations, diaporamas dans n'importe quelle page, et téléchargez des
pièces jointes.
 Gérez les paramètres d'autorisation pour que votre site reste privé, ou qu'il puisse être modifié
ou consulté par les personnes de votre choix. Seuls les utilisateurs que vous invitez en tant que
collaborateurs pourront créer des sites sur votre domaine.
 Bénéficiez de la technologie de recherche Google pour vos recherches sur le contenu Google
Sites.

17. Google forms
Les formulaires Google sont des outils très pratiques par leur simplicité de mise en place et
leur exploitation via une feuille de calcul Google Sheets (équivalent d’Excel).
Conception de formulaire
Google propose un exemple de question par défaut
Les différents types de questions disponibles :
Les questions de type Réponse courte permettent la saisie d’un texte court (nom, prénom,
date…) Une étoile rouge sur le formulaire en ligne indique à l’internaute que la réponse est
obligatoire.
permettent d’ajouter un texte d’aide pour faciliter le remplissage de la question ou encore de
paramétrer des options de validation de données. Il est ainsi possible de préciser le type de
contenu attendu.
Les questions de type paragraphe permettent à l’internaute de saisir un contenu texte plus
complet. Ce type est souvent utilisé pour des questions ouvertes.
Les questions à choix multiples permettent à l’internaute de choisir une seule réponse parmi
une liste donnée.
Les cases à cocher facilitent la sélection de plusieurs réponses parmi une liste proposée. On
peut également ajouter une réponse libre en cliquant sur Ajouter « autre »
Les questions de type liste déroulante incitent l’internaute à choisir une seule réponse au
choix dans une liste proposée.
Les questions de type échelle linéaire permettent à l’internaute d’indiquer une préférence sur
une échelle de nombre.
préciser le contenu texte de chaque extrémité.
Les questions de type Grille à choix multiples permettent de regrouper des questions
similaires dans une grille compacte. Une seule réponse par ligne n’est possible.
Les questions de type Date ou heure incitent l’internaute à sélectionner une date dans un
calendrier .
Modifier le texte de confirmation du formulaire
A noter que l’option Autoriser une seule réponse nécessite que l’internaute soit identifié à
l’aide d’un compte Google.

18. Consulter les réponses d’un formulaire
Google propose 2 façons de consulter les réponses d’un formulaire, sous forme de statistiques
ou dans une feuille de calcul Google Sheets.
Les réponses statistiques sont disponibles par défaut sous forme de résumé (toutes les
réponses) ou bien individuelles (formulaire par formulaire).
La feuille de calcul s’affiche dans un nouvel onglet. Chaque ligne de la feuille de calcul
contient une réponse complète au formulaire. Chaque colonne correspond à une question du
formulaire. La première colonne affiche la date et l’heure d’envoi du formulaire.
Insérer des modules complémentaires
Par exemple :
 From to email
J’ai utilisé le module complémentaire forms to email pour notifier les membres pour voir si
il sont concerné par la demande ou nom Don j’ai ajouté leurs adresse aux zone qui contient
mes adresses mail
Le problème
Le problème que on peut pas classer la demande et les pièces joint et les commentaires
Aussi il y’as pas la possibilité d’ajouter des fichiers au formulaire Google

19. Conclusion
Aux termes de se chapitre nous avons présenté une étude approfondie du projet
Afin de dégager les différentes spécifications fonctionnels et technique ainsi que les
technologies et les outils que nous allons utiliser ellesi
nous aidée a entamer la phase de conception qui constitue la base sur laquelle s’appuie tout
projet et a établir
Les différents diagrammes UML qui font l’objet du chapitre suivants

20. Chapitre 3
Conception du site Google
La conception est une phase primordiale pour réussir un projet
c‘est ainsi que nous avons dédié e chapitre a la conception détaillé des différentes parties en
utilisant le langage UML
La modélisation objet du projet sera présenté par le diagramme de kas d’utilisation le
digramme de séquences

21. Conceptiondu site Google
Pour réussir en intégrité notre projet nous nous sommes penchés au début de chaque kas de
modélisation des différentes fonctionnalité a livrer
Le diagramme de kas d’utilisation et le diagramme de séquences .dans ce qui suit nous allons
présenter l’ensemble de diagramme UML.

22. Diagramme de cas d’utilisation globale :
Un diagramme de cas d’utilisation est un diagramme qui représentes l’interaction entre le
système informatique et les acteurs afin d’exprimer simplement les besoins des utilisateurs et
de définir les fonctionnalités attendues de la solution à développer
La figure ci dessous présente le cas d’utilisation de l’application et décrit les différentes
fonctionnalités .

23. Diagramme de séquences :
Les digrammes de séquences sont des digramme d’interaction qui permet de modéliser le
déroulement du scénario
Un scenario

24. 2. Contenu du site
Le site doitcomporterles élémentssuivants: Accueil.L'accueil estimportantcaril donne l'image du
site.IIdoitcomporterle nomde Cosumar aussi le logo La date de mise a jour estaussi unélément
important.0 Une descriptionde site
C. Ergonomie.
La forme et la facilite de lecture continuent d'être fondamentales quel que soit le support. Le
site doit être organisé de manière à naviguer d'une façon cohérente. Pour cela, les pages se
composeront de deux cadres verticaux. La zone de gauche (20 % de la fenêtre) contiendra les
boutons de navigation qui doivent toujours être visibles. Un titre en haut de la page de droite
permet d'indiquer dans quelle catégorie se trouve le visiteur.
II y a deux grandes parties dans ce projet. Une mise a jour simple des pages et le
développement du site. Certaines pages auront un accès limite au personnel du laboratoire.
• Les utilisateurs extérieurs ne pourront pas consulter le site
Ecran de site

25. Historiquedes demandes
Agenda des jours fériés au Maroc
Le module complémentaire FORM to email
La notification

26. Conclusion générale et perspectives
Mon projet en sein de la DSI de la Cosumar Consistait a mettre en place un site pour la suivi
d’évolution informatique qui permet d’automatiser et de simplifier la tache de postuler une
demande concerne un servie et ajouter un système e notification en qui concerne les services
pour leur informe il y a une nouvelle demande
La première étape de projet avait pour but de recenser les besoin fonctionnel et techniques
dans ce sens j’ai eu l’opportunité de participer a l’étude réalisée pour extraire les différentes
besoins a les répondre au niveau de la solution a développer
A la lumière de cette étude nous avons spécifié une architecture technique et logiciel de notre
solution tout en choisissant les outils et technologies nécessaire a la réalisation du projet
En fin nous devons terminer ce travail en complétant le développement des fonctionnalités
qui ont étaient déclarée lors de la phase des tests.

27. Webographie
http://www.commentcamarche.net/
https://plus.google.com/u/0/communities/111692305489941915016?cfem=1
http://www.cosumar.co.ma/wp-content/uploads/2015/10/ra-2012-site-web.pdf

28. Annexe :

29. Annexe1 la page postuler l demande
Annexe 3 : historique des demandes
Annexe4 : le module complémentaire from to email

30. Annexe 5 : la notification qui reçoit tout les membres