Vous êtes sur la page 1sur 27

Sous thème

:

Réalisé par : BOUTGAYOUT Abdessamad Maître de stage: ELBAQUIR Mohamed Année Scolaire : 2010/2011

Sommaire

Remerciements ................................................................ 03 Introduction .................................................................... 04 Partie I : Indentification global de l’entreprise.

1- Identité de l’entreprise ............................................... 06 2- Activités de l’entreprise............................................... 06 Partie II : Problématique et tâches effectuées.

1- Problématique ........................................................ 10 2- Tâches effectuées ..................................................... 10 2.1- Expression des besoins......................................... 10 2.2- Définition ............................................................. 11 2.3- Conception du système ......................................... 12 2.4- Réalisation du système ........................................ 13 2.5- Installation .......................................................... 23 Conclusion ................................................................... 26 Bibliographie .............................................................. 27

2

pour avoir accepter ma demande de stage. Je terminerai par toutes les autres personnes de la société INFOSAT qui par leur bonne humeur ont rendu mon séjour dans la société agréable et constructif. Je tiens à remercier ici toutes les personnes qui ont contribuées à rendre mon stage intéressant. mes remerciements vont à monsieur Mohamed Amine LAAROUJI gérant de la société INFOSAT. 3 . Qui par ces conseils. remarques et critiques a contribué à l’avancement de mon travail et à l’amélioration de mes connaissances. En premier lieu. ainsi que la direction de l’école. Je tien aussi à remercier Monsieur Mohamed ELBAQUIR pour bien vouloir être mon maître de stage pour le projet qui m’a été confié.Remerciements Remerciements Je tiens à remercier avant tout mes professeurs aux classes préparatoires au BTS.

Introduction Etant en fin de cycle de BTS option génie informatique au centre ALIDRISSI d’Agadir. J’ai effectué ce stage dans le Service de développement informatique de la société INFOSAT. 4 . Mon travail avait pour but de réaliser un didacticiel d’une application de gestion de pointage. j’ai du accomplir une période de stage en entreprise affin de consolider mes connaissances théorique. Dans ce rapport est présenté un résumé des tâches les plus intéressantes que j’ai réalisé.

Partie I : Identification globale de l ‘entreprise 5 .

IF N°: 06926240 C/B: .ACTIVITES : ACTIVITE ITES DÉVELOPPEMENT INFORMATIQUE: . RUE 486 LES AMICALES AGADIR. RÉSEAUX INFORMATIQUES: 6 . INFORMATIQUE.1. BUREAUTIQUE.R. .Logiciel.L ACTIVITES : DEVELOPPEMENT DE LOGICIEL.Développement d’applications Web. spécifiques et Open source sous les environnements Linux et Windows. ELECTRONIQUE.A. CAPITAL : 100 000 . REGISTRE DE COMMERCE D’AGADIR N° :7243. Etude. conception et intégration de solutions informatiques standards. TELEPHONIE.ATTIJARI WAFABANK N°: 184C00677 TEL/FAX : 0528 23 24 62 2. PATENTE N°: 49226643.CARTE D’IDENTITÉ : RAISON SOCIALE : INFOSAT FORME JURIDIQUE : S.00 DH ADRESSE : 18.

Antennes et Points d'accès WIFI…. gestion paie) . équipements WIFI. cartes de proximité. switchs. antivirus…) . CAT6.Travaux de câblage Ethernet (CAT5.MATERIEL ET ACCESSOIRES INFORMATIQUE Imprimantes.SAV et Contrats de maintenance sur tous les produits (matériels et logiciels) fournis par INFOSAT . modems. impression…) .LOGICIELS (LGP Gestion de pointage. logiciel de gestion de présence) . armoires informatiques. moulure et accessoires…) .Equipement. Fibre optique). configuration et installation de standards téléphoniques ainsi que la Téléphonie IP MAINTENANCE ET REPARATION : .Etude et conception d’architectures et solutions réseaux (LANINTRANET-WIFI…. gestion commerciale. standards et appareils téléphoniques) 7 .) . . badges. site web.. messagerie. RÉSEAUX TELEPHONIQUES: .Maintenance et réparation soft et hard informatique. téléphonique et électronique VENTE: . antivirus. gestion pharmacie.Travaux de câblage téléphonique (prises. serveur de fichiers. Onduleur…) (Micro-ordinateurs. sauvegardes.Installation de serveurs LINUX /Windows Server (contrôleur de domaine.SYSTÈMES DE POINTAGE (Pointeuses. Firewall.Etablissement de stratégies de sécurité réseau (Proxy.EQUIPEMENTS DE TELECOMUNICATION (routeurs. Traceur.

) .FOURNITURES BUREAUTIQUE ET CONSOMMABLES INFORMATIQUE 8 . cartes DVR…. caméras IP.SOLUTIONS DE TÉLÉSURVEILLANCE (caméras de surveillance..

II Partie II : Problématique et tâches effectuées 9 .

1). Le jour après M. LAAROUJI m’a bien accueillit. de mise en épreuve et d’adaptation à plusieurs secteurs d’activité. la société a pu réaliser le logicielle LGP. ensuite m’a présenté en bref la problématique à étudier et le schéma de fonctionnement des pointeuses (voir la figure 1. ELBAQUIR m’expliqua à son tour d’une manière plus détaillé et plus technique la problématique à étudier et me présenta l’application LGP. ensuite le directeur me présenta M.Problématique : Parmi les activités principales de la société INFOSAT est la vente des pointeuses. Un peut plus tard. au début M. 10 . Mohamed ELBAQUIR qui été après mon maître durant cette période de stage.Expression des besoins : Cette étape est commencé dés ma première rencontre avec le gérant de la société. C’est pour combler ce manque et en collaboration avec les professionnels de la gestion des ressources humaines que l’équipe de développement de la société a pris l’initiative de mettre en œuvre une application de gestion de pointage qui soit une plateforme de base de gestion a la fois souple et performante. Or. II. les agents (logiciels) fourni par les constructeurs avec les pointeuses ont montrés leur limite en sens de fonctionnalité et adaptation au besoin réelle du client. la société a remarqué que la formation des prochains utilisateurs lui gaspille beaucoup de temps qui sans doute implique une perte au niveau de la productivité et de bénéfice réalisé. la société se rend à un autre problème celui de la formation des futurs utilisateurs de LGP. Après une année de test. C’est pour remédier à ce problème que j’été chargé de développer un didacticiel de l’application LGP afin que les futurs utilisateurs de l’application puissent faire une autoformation de l’application.Tâches effectués : 1.I. pour la société réalise un gain en matière de temps.

SOLUTION 1 : Offrir à l’utilisateur une interface pareille à celle de l’application LGP. 2. ensuite offrir à l’utilisateur une visite guidée qui va lui permettre de découvrir l’application LGP sur le plan de la pratique.2.1- Le rôle principal du didacticiel est de permettre aux futurs utilisateurs de l’application LGP de faire une autoformation de l’application LGP.1.Caractérisation du didacticiel envisagé : 2.3- Dans cette section j’ai essayer de lister les différentes solutions possibles. Un Contrôle d'acquisition de connaissances.Serveur USB Pointeuse Figure 1.1 : Schéma de fonctionnement des pointeuses 2-Définition : 2. des messages d’aide seront affichés à l’écran. 11 .2- Le didacticiel doit permettre: Une Formation méthodologique. ensuite lui demander d’effectuer une opération.Étude des solutions possibles : 2.3. pour résoudre la problématique étudier. et à la fin l’utilisateur doit répondre à un ensemble de questions qui vont permettre de contrôler les connaissances de l’utilisateur. SOLUTION 2 : Commencer par une présentation générale de l’application.Rôle du didacticiel : 2. Une interactivité avec l’utilisateur. 2. En continuant de la même façon jusqu’à ce que l’utilisateur aura utilisé toutes les fonctionnalités de l’application. Pour aider l’utilisateur.

2-Choix de techniques : 3. par conséquent le système d’exploitation choisit pour le développement est Windows Vista Professionnel. Néanmoins. 3. VISUAL STUDIO 2008 : Microsoft Visual Studio est une suite de logiciels de développement pour Windows conçu par Microsoft.NET : Visual Basic . Pour cela j’ai opté pour la deuxième solution car il suit un ordre chronologique. C’est le langage qui sera utilisé pour l’implémentation du didacticiel.2- VB. Le principal changement étant sans conteste l'introduction de l'orientation objet dans le langage. ces deux langages sont assez peu comparables dans la pratique tant l'évolution entre ceux-ci est énorme. donc son didacticiel doit aussi assurer le fonctionnement sous le même environnement. 12 . 3-Conception du système : 3. La version que j’ai utilisé est Visual Studio 2008.3-Environement de développement : 3. Visual Studio est un ensemble complet d'outils de développement permettant de générer des applications web. ce qui va rendre la formation plus pédagogique. des applications bureautiques et des applications mobiles.CHOIX DE LA SOLUTION : La solution qui sera retenu pour l’implémentation de cette application est celle qui permettra une formation facile aux apprentis.3-Environement SE : L’application LGP est une application fonctionnant sous le système d’exploitation Windows.Net est un langage de programmation à la syntaxe similaire à celle de Visual Basic 6.

SKINCRAFTER SKINCRAFTER : SkinCrafter est un logiciel qui permet de personnaliser des applications et d'en modifier le graphisme. Visual C++. Cet outil est compatible avec de nombreux langages de développement.WINK : Wink est un logiciel gratuit permettant d’effectuer des captures d’écran vidéo. Visual C#. Il possède de nombreuses fonctionnalités comme par exemple la possibilité d’afficher des annotations. la barre d’outils. etc. le menu système. Figure 1. incluant Visual Basic. 4-Realisation du système : 4-1 Présentation du didacticiel : La figure 1.1 représente la MDI du didacticiel. Il donne également la possibilité de changer le thème des contrôles standards : la barre de titre.1 : MDI du didacticiel 13 . les boîtes de dialogue.

La figure 1.2 : formulaire présentation Dans ce formulaire des informations général sur l’application sont affiché à savoir le rôle de l’application. ou encore test pour tester ces connaissances.3 représente le formulaire Visite Guidée.2 représente le formulaire présentation.Au début l’utilisateur doit choisir soit présentation pour avoir une première idée sur l’application LGP. ou bien visite guidée pour suivre des tutoriels vidéo. La figure 1. Figure 1. ces avantages et ces fonctionnalités. 14 .

Ensuite avec le même logiciel je modifie les captures vidéo créé en y ajoutons des messages d’aide pour faciliter l’apprentissage au nouveaux apprentis. et à la fin de l’étape l’utilisateur répond à un test qui contrôle ces connaissances.3 : formulaire Visite Guidée Dans chaque étape l’utilisateur peut visualiser un ensemble de vidéos.Création des tutoriels SWF : C’été la première étape de la réalisation du didacticiel. 4-2 Procédures de réalisation: Procédures réalisation: 4. La figure 2.1 a été prise dans cette étape.2. dans cette étape je travaille dans l’application LGP.Figure 1. et au même temps je prends des captures vidéo pour chacune des fonctionnalités offertes par l’application en utilisant le logiciel Wink. 15 .1.

j’ai passé à la partie programmation.2. 4.2. 16 . La figure 2.MDI de l’application : Après avoir filmer tout les tutoriels vidéo.Figure 2.1 : exemple d’un projet créer avec Wink Quand un tutoriel est finalisé il est enregistré sous format swf.2 montre la MDI du didacticiel lors de sa création. la première tâche que j’ai effectuée Lors de cette étape est la création de la MDI de l’application.

j’ai utiliser questions à choix multiple en utilisant les boutons radio.NET. En cherchant un peut j’ai trouvé plusieurs solutions. Dans mon application j’ai appelé directement les tutoriels swf à partir du webbrowser et ça fonctionne correctement.Figure 2. ainsi que sa note(voir la figure suivante). mais la plus simple. est la manière avec laquelle je pourrai visualiser les tutoriels swf que j’ai créé avec Wink. la correction de ces réponse est affiché à l’écran.4. 17 . dans mon application.Question à choix multiple : Pour tester les connaissances de l’apprenti.2. 4. est l’utilisation du composant appelé webbrowser qui est fourni avec l’environnement du VB.2. Le rôle principal de ce composant est de visualiser des pages HTML dans les applications créé avec Visual Studio.3.Le composant Web browser : Le grand problème que j’ai trouvé au début de la programmation du didacticiel. quand l’utilisateur clique sur le bouton ‘vérifier ma réponse’.2 : MDI du didacticiel après sa création 4.

j’ai cliquer sur le menu projet.5. FICHIER DLL : DLL signifie Dynamic Link Library. et dans le menu parcourir. donc j’été obligé de lire un peut sur les fichiers DLL. ou en français Bibliothèque de liens dynamiques.2. ensuite ajouter une référence. Une DLL peut contenir du code ou des ressources qui sont alors rendus disponibles à d'autres applications. Pour ajouter SkinCrafter a mon programme premièrement. j’ai choisi le fichier à ajouter (voir la figure suivante).Personnaliser l’apparence avec SkinCrafter SkinCrafter est un fichier DLL qui n’est pas fourni avec le visual studio 2008. ainsi que la méthode d’ajout de ces fichiers au visual studio. 18 .3 : correction des réponses 4.Figure 2.

Figure 2. j’ai déclaré une variable publique : Public SkinOb As DMSoft. j’ai créé le constructeur suivant : 19 . importer la bibliothèque DMSoft. Imports DMSoft Ensuite. pour cela j’ai effectué les opérations suivantes : Premièrement. il me faut maintenant l’appeler.4 : ajout du SkinCrafter Après avoir ajouter le nouveau composant.SkinCrafter Ensuite.

InitDecoration(1) End Sub Ensuite.6.COM".LoadSkinFromFile(Application. dans la procédure Form Load ().Public Sub New() ' Cet appel est requis par le Concepteur Windows Form.skf: 'Skin de la Form SkinOb. _ "support@skincrafter."SKINCRAFTER.Création du l’exécutable Après avoir finir le codage et le test de l’application.2.ApplySkin() 4. il me reste que de créer un exécutable de l’application. Pour cela j’ai utilisé le même outil de développement (visual studio 2008).SkinCrafter SkinOb. 20 .SkinCrafter.com".InitLicenKeys("SKINCRAFTER"."DEMOSKINCRAFTERLICENCE") SkinOb.StartupPath & _ "\Ultraviolet_ST.skf") 'Appliquer le skin SkinOb. InitializeComponent() 'initialisation DMSoft.Init() SkinOb = New DMSoft. je dois faire appel au skin que je vais appliquer à mon application. notre didacticiel est maintenant fini. dans mon cas j’ai choisi un skin nommé Ultraviolet_ST. La figure suivante représente la première étape de cette opération. La première étape été la création d’un projet de type assistant d’installation.

Ce sont les fichiers présents dans le dossier Debug. La figure suivante a été prise lors de l’ajout de ces fichiers. Figure 2. est l’ajout des fichiers de l’application.6: ajout des fichiers de l’application 21 .Figure 2.5: création d’un projet de type assistant Installation L’une des étapes les plus importantes après.

Figure 2. La figure suivante a été prise lors de cette opération. dans le menu affichage. 22 . Figure 2. et après j’ai généré le projet pour tester si il y a des erreurs à corriger. j’ai choisi l’option sortie.8: génération réussie.9: Exécutable créé. voilà notre exécutable est créé. En fin. Figure 2.Ensuite. j’ai choisi l’icône du raccourci. Ensuite.7: création d’un raccourci bureau. il faut créer le raccourci du bureau et des menus programmes. La figure suivante a été prise lors de cette opération. Ensuite. option autres fenêtres.

il n y aura plus de problèmes d’installation du didacticiel. ETAPE 2 : Veuillez patienter pendant la préparation de l’installation. 23 .Installation : Après avoir créé l’exécutable. ETAPE 3 : Cliquez sur le bouton suivant. il suffit de suivre les étapes suivantes : ETAPE 1 : Double cliquez sur l’exécutable.5.

ETAPE 5 : Ensuite. ensuite cliquez sur suivant. 24 .ETAPE 4 : Choisissez le dossier d’installation. cliquez sur suivant pour confirmer l’installation.

pour ouvrir le didacticiel vous pouvez tout simplement cliquer sur son raccourci dans le bureau. 25 . ETAPE 7: Fermez l’installation. l’installation du didacticiel commence.ETAPE 6 : Ensuite.

Il m’a donc été donné d’apprendre au cour de ce stage qu’il faut joindre le monde informatique au monde de la créativité pour produire le bon produit. Néanmoins. En effet. un aspect important dans mon expérience était l'esprit d'équipe. ceci m'a appris qu'un problème ne peut être résolu sans la synergie des compétences. Par ailleurs. tant au niveau technique qu'aux niveaux professionnel et relationnel.Conclusion L’élaboration de ce projet m’a permit d’approfondir mes connaissances surtout dans le domaine du développement. ces connaissances. 26 . la moindre des choses que je dois dire est que ce projet de fin d'études ne m'avait été qu'une source de bénéfices. Ce projet peut encore évoluer en intégrant au système d'autres modules ou sous systèmes. ne suffisent pas pour développer des didacticiels à valeurs ajoutés.

Bibliographie : Livres et ouvrages : Cours VB. O.com www.vbfrance. Site Web : www.msdn.com Formations Vidéo : .developpez.Souchon.NET les fondamentaux – Video2Brain 27 .Moursli et N.Net.microsoft.com www.