Sous thème :

Réalisé par :

BOUTGAYOUT Abdessamad Maître de stage:

ELBAQUIR Mohamed Année Scolaire :

2010/2011

2

SommaireSommaireSommaireSommaire

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

3

RemerciementRemerciementRemerciementRemerciementssss

Je tiens à remercier avant tout mes professeurs aux classes préparatoires au BTS, ainsi que la direction de l’école.

Je tiens à remercier ici toutes les personnes qui ont contribuées à rendre

mon stage intéressant.

En premier lieu, mes remerciements vont à monsieur Mohamed Amine LAAROUJI gérant de la société INFOSAT, pour avoir accepter ma demande de stage. Je tien aussi à remercier Monsieur Mohamed ELBAQUIR pour bien vouloir être mon maître de stage pour le projet qui m’a été confié. Qui par ces conseils, remarques et critiques a contribué à l’avancement de mon travail et à l’amélioration de mes connaissances.

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.

4

IntroductionIntroductionIntroductionIntroduction

Etant en fin de cycle de BTS option génie informatique au centre

ALIDRISSI d’Agadir, j’ai du accomplir une période de stage en entreprise affin de consolider mes connaissances théorique.

J’ai effectué ce stage dans le Service de développement informatique de la société INFOSAT. Dans ce rapport est présenté un résumé des tâches les plus intéressantes que j’ai réalisé.

Mon travail avait pour but de réaliser un didacticiel d’une application de gestion de pointage.

5

Partie IPartie IPartie IPartie I ::::

Identification globale de l ‘entrepriseIdentification globale de l ‘entrepriseIdentification globale de l ‘entrepriseIdentification globale de l ‘entreprise

6

1111---- CARTE D’IDENTITÉ CARTE D’IDENTITÉ CARTE D’IDENTITÉ CARTE D’IDENTITÉ ::::

RAISON SOCIALE : INFOSAT FORME JURIDIQUE : S.A.R.L ACTIVITES : DEVELOPPEMENT DE LOGICIEL, INFORMATIQUE, BUREAUTIQUE, ELECTRONIQUE, TELEPHONIE. CAPITAL : 100 000 .00 DH ADRESSE : 18, RUE 486 LES AMICALES AGADIR. REGISTRE DE COMMERCE D’AGADIR N° :7243. PATENTE N°: 49226643. IF N°: 06926240 C/B: - ATTIJARI WAFABANK N°: 184C00677 TEL/FAX : 0528 23 24 62

2222---- ACTIVACTIVACTIVACTIVITEITEITEITESSSS ::::

� DÉVELOPPEMENT INFORMATIQUE:

- Logiciel, Etude, conception et intégration de solutions informatiques

standards, spécifiques et Open source sous les environnements Linux et Windows.

- Développement d’applications Web.

� RÉSEAUX INFORMATIQUES:

7

- Etude et conception d’architectures et solutions réseaux (LAN- INTRANET-WIFI….)

- Installation de serveurs LINUX /Windows Server (contrôleur de domaine, serveur de fichiers, messagerie, site web, impression…)

- Etablissement de stratégies de sécurité réseau (Proxy, Firewall, sauvegardes, antivirus…)

- Travaux de câblage Ethernet (CAT5, CAT6, Fibre optique), armoires informatiques, Antennes et Points d'accès WIFI….

� RÉSEAUX TELEPHONIQUES:

- Travaux de câblage téléphonique (prises, moulure et accessoires…) - Equipement, configuration et installation de standards téléphoniques

ainsi que la Téléphonie IP

� MAINTENANCE ET REPARATION :

- SAV et Contrats de maintenance sur tous les produits (matériels et logiciels) fournis par INFOSAT

- Maintenance et réparation soft et hard informatique, téléphonique et électronique

� VENTE: - SYSTÈMES DE POINTAGE (Pointeuses, cartes de proximité, badges,

logiciel de gestion de présence) - LOGICIELS (LGP Gestion de pointage, antivirus, gestion pharmacie,

gestion commerciale, gestion paie) - MATERIEL ET ACCESSOIRES INFORMATIQUE (Micro-ordinateurs,

Imprimantes, Traceur, Onduleur…) - EQUIPEMENTS DE TELECOMUNICATION (routeurs, switchs, modems,

équipements WIFI, standards et appareils téléphoniques)

8

- SOLUTIONS DE TÉLÉSURVEILLANCE (caméras de surveillance, caméras IP, cartes DVR….)

- FOURNITURES BUREAUTIQUE ET CONSOMMABLES INFORMATIQUE

9

Partie IPartie IPartie IPartie IIIII ::::

Problématique et tâches effectuéesProblématique et tâches effectuéesProblématique et tâches effectuéesProblématique et tâches effectuées

10

I- Problématique :

Parmi les activités principales de la société INFOSAT est la vente des pointeuses. Or, 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.

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.

Après une année de test, de mise en épreuve et d’adaptation à plusieurs secteurs d’activité, la société a pu réaliser le logicielle LGP. Un peut plus tard, la société se rend à un autre problème celui de la formation des futurs utilisateurs de LGP, 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é.

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, pour la société réalise un gain en matière de temps.

II- Tâches effectués : 1- Expression des besoins :

Cette étape est commencé dés ma première rencontre avec le gérant de

la société, au début M. LAAROUJI m’a bien accueillit, ensuite m’a présenté en bref la problématique à étudier et le schéma de fonctionnement des pointeuses (voir la figure 1.1), ensuite le directeur me présenta M. Mohamed ELBAQUIR qui été après mon maître durant cette période de stage. Le jour après M. 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.

11

2-Définition : 2.12.12.12.1---- Rôle du didacticielRôle du didacticielRôle du didacticielRôle du didacticiel ::::

Le rôle principal du didacticiel est de permettre aux futurs utilisateurs de l’application LGP de faire une autoformation de l’application LGP.

2.22.22.22.2---- Caractérisation du didacticiel envisagéCaractérisation du didacticiel envisagéCaractérisation du didacticiel envisagéCaractérisation du didacticiel envisagé ::::

Le didacticiel doit permettre:

� Une Formation méthodologique. � Un Contrôle d'acquisition de connaissances. � Une interactivité avec l’utilisateur.

2.32.32.32.3---- Étude des solutions possiblesÉtude des solutions possiblesÉtude des solutions possiblesÉtude des solutions possibles ::::

Dans cette section j’ai essayer de lister les différentes solutions

possibles, pour résoudre la problématique étudier. SOLUTION 1SOLUTION 1SOLUTION 1SOLUTION 1 ::::

Offrir à l’utilisateur une interface pareille à celle de l’application LGP,

ensuite lui demander d’effectuer une opération. Pour aider l’utilisateur, des messages d’aide seront affichés à l’écran. En continuant de la même façon jusqu’à ce que l’utilisateur aura utilisé toutes les fonctionnalités de l’application.

SOLUTION 2SOLUTION 2SOLUTION 2SOLUTION 2 ::::

Commencer par une présentation générale de l’application, ensuite offrir

à l’utilisateur une visite guidée qui va lui permettre de découvrir l’application LGP sur le plan de la pratique, et à la fin l’utilisateur doit répondre à un ensemble de questions qui vont permettre de contrôler les connaissances de l’utilisateur.

Figure 1.1 : Schéma de fonctionnement des pointeuses

Pointeuse

Serveur

USB

12

CHOIX DE LA SOLUTIONCHOIX DE LA SOLUTIONCHOIX DE LA SOLUTIONCHOIX DE LA SOLUTION ::::

La solution qui sera retenu pour l’implémentation de cette application

est celle qui permettra une formation facile aux apprentis. Pour cela j’ai opté pour la deuxième solution car il suit un ordre chronologique, ce qui va rendre la formation plus pédagogique.

3-Conception du système : 3.23.23.23.2----Choix de techniquesChoix de techniquesChoix de techniquesChoix de techniques ::::

VB.NET VB.NET VB.NET VB.NET ::::

Visual Basic .Net est un langage de programmation à la syntaxe

similaire à celle de Visual Basic 6. Néanmoins, ces deux langages sont assez peu comparables dans la pratique tant l'évolution entre ceux-ci est énorme. Le principal changement étant sans conteste l'introduction de l'orientation objet dans le langage. C’est le langage qui sera utilisé pour l’implémentation du didacticiel.

3.33.33.33.3----EnvironemEnvironemEnvironemEnvironement de développementent de développementent de développementent de développement :::: SESESESE ::::

L’application LGP est une application fonctionnant sous le système d’exploitation Windows, donc son didacticiel doit aussi assurer le fonctionnement sous le même environnement, par conséquent le système d’exploitation choisit pour le développement est Windows Vista Professionnel.

VISUALVISUALVISUALVISUAL STUDIO STUDIO STUDIO STUDIO 2008 2008 2008 2008 ::::

Microsoft Visual Studio est une suite de logiciels de développement

pour Windows conçu par Microsoft.

Visual Studio est un ensemble complet d'outils de développement permettant de générer des applications web, des applications bureautiques et des applications mobiles.

La version que j’ai utilisé est Visual Studio 2008.

13

WINKWINKWINKWINK ::::

Wink est un logiciel gratuit permettant d’effectuer des captures d’écran vidéo. Il possède de nombreuses fonctionnalités comme par exemple la possibilité d’afficher des annotations.

SKINSKINSKINSKINCRAFTERCRAFTERCRAFTERCRAFTER ::::

SkinCrafter est un logiciel qui permet de personnaliser des applications et d'en modifier le graphisme. Cet outil est compatible avec de nombreux langages de développement, incluant Visual Basic, Visual C++, Visual C#. Il donne également la possibilité de changer le thème des contrôles standards : la barre de titre, le menu système, la barre d’outils, les boîtes de dialogue, etc.

4-Realisation du système :

4444----1 Présentation du didacticiel1 Présentation du didacticiel1 Présentation du didacticiel1 Présentation du didacticiel ::::

La figure 1.1 représente la MDI du didacticiel.

Figure 1.1 : MDI du didacticiel

14

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, ou encore test pour tester ces connaissances.

La figure 1.2 représente le formulaire présentation.

Dans ce formulaire des informations général sur l’application sont affiché à savoir le rôle de l’application, ces avantages et ces fonctionnalités.

La figure 1.3 représente le formulaire Visite Guidée.

Figure 1.2 : formulaire présentation

15

Dans chaque étape l’utilisateur peut visualiser un ensemble de vidéos, et à la fin de l’étape l’utilisateur répond à un test qui contrôle ces connaissances.

4444----2222 Pro Pro Pro Procédures de réalisationcédures de réalisationcédures de réalisationcédures de réalisation::::

4.2.1- Création des tutoriels SWF :

C’été la première étape de la réalisation du didacticiel, dans cette étape je travaille dans l’application LGP, 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. 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.

La figure 2.1 a été prise dans cette étape.

Figure 1.3 : formulaire Visite Guidée

16

Figure 2.1 : exemple d’un projet créer avec Wink

Quand un tutoriel est finalisé il est enregistré sous format swf.

4.2.2- MDI de l’application :

Après avoir filmer tout les tutoriels vidéo, j’ai passé à la partie programmation, la première tâche que j’ai effectuée Lors de cette étape est la création de la MDI de l’application.

La figure 2.2 montre la MDI du didacticiel lors de sa création.

17

Figure 2.2 : MDI du didacticiel après sa création

4.2.3- Le composant Web browser :

Le grand problème que j’ai trouvé au début de la programmation du didacticiel, est la manière avec laquelle je pourrai visualiser les tutoriels swf que j’ai créé avec Wink, dans mon application. En cherchant un peut j’ai trouvé plusieurs solutions, mais la plus simple, est l’utilisation du composant appelé webbrowser qui est fourni avec l’environnement du VB.NET. Le rôle principal de ce composant est de visualiser des pages HTML dans les applications créé avec Visual Studio. Dans mon application j’ai appelé directement les tutoriels swf à partir du webbrowser et ça fonctionne correctement.

4.2.4- Question à choix multiple :

Pour tester les connaissances de l’apprenti, j’ai utiliser questions à choix multiple en utilisant les boutons radio, quand l’utilisateur clique sur le bouton ‘vérifier ma réponse’, la correction de ces réponse est affiché à l’écran, ainsi que sa note(voir la figure suivante).

18

Figure 2.3 : correction des réponses

4.2.5- Personnaliser l’apparence avec SkinCrafter

SkinCrafter est un fichier DLL qui n’est pas fourni avec le visual studio 2008, donc j’été obligé de lire un peut sur les fichiers DLL, ainsi que la méthode d’ajout de ces fichiers au visual studio.

FICHIER DLLFICHIER DLLFICHIER DLLFICHIER DLL ::::

DLL signifie Dynamic Link Library, ou en français Bibliothèque de liens dynamiques. 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 cliquer sur le menu projet, ensuite ajouter une référence, et dans le menu parcourir, j’ai choisi le fichier à ajouter (voir la figure suivante).

19

Figure 2.4 : ajout du SkinCrafter

Après avoir ajouter le nouveau composant, il me faut maintenant l’appeler, pour cela j’ai effectué les opérations suivantes :

Premièrement, importer la bibliothèque DMSoft.

Imports DMSoft

Ensuite, j’ai déclaré une variable publique :

Public SkinOb As DMSoft.SkinCrafter

Ensuite, j’ai créé le constructeur suivant :

20

Public Sub New() ' Cet appel est requis par le Concepteur Wi ndows Form. InitializeComponent() 'initialisation DMSoft.SkinCrafter.Init() SkinOb = New DMSoft.SkinCrafter SkinOb.InitLicenKeys("SKINCRAFTER","SKINCRA FTER.COM", _ "support@skincrafter.com","DEMOSKINCRAFTERLICENCE") SkinOb.InitDecoration(1)

End Sub

Ensuite, je dois faire appel au skin que je vais appliquer à mon application, dans la procédure Form Load (), dans mon cas j’ai choisi un skin nommé Ultraviolet_ST.skf:

'Skin de la Form SkinOb.LoadSkinFromFile(Application.StartupPa th & _ "\Ultraviolet_ST.skf") 'Appliquer le skin SkinOb.ApplySkin()

4.2.6- Création du l’exécutable

Après avoir finir le codage et le test de l’application, notre didacticiel est maintenant fini, 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).

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.

21

Figure 2.5: création d’un projet de type assistant Installation

L’une des étapes les plus importantes après, est l’ajout des fichiers de l’application. 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.6: ajout des fichiers de l’application

22

Ensuite, il faut créer le raccourci du bureau et des menus programmes.

La figure suivante a été prise lors de cette opération.

Figure 2.7: création d’un raccourci bureau.

Ensuite, j’ai choisi l’icône du raccourci, et après j’ai généré le projet pour tester si il y a des erreurs à corriger.

La figure suivante a été prise lors de cette opération.

Figure 2.8: génération réussie.

Ensuite, dans le menu affichage, option autres fenêtres, j’ai choisi l’option sortie. En fin, voilà notre exécutable est créé.

Figure 2.9: Exécutable créé.

23

5- Installation :

Après avoir créé l’exécutable, il n y aura plus de problèmes d’installation du didacticiel, il suffit de suivre les étapes suivantes :

ETAPE 1ETAPE 1ETAPE 1ETAPE 1 ::::

Double cliquez sur l’exécutable.

ETAPE 2ETAPE 2ETAPE 2ETAPE 2 ::::

Veuillez patienter pendant la préparation de l’installation.

ETAPE 3ETAPE 3ETAPE 3ETAPE 3 ::::

Cliquez sur le bouton suivant.

24

ETAPE 4ETAPE 4ETAPE 4ETAPE 4 ::::

Choisissez le dossier d’installation, ensuite cliquez sur suivant.

ETAPE 5ETAPE 5ETAPE 5ETAPE 5 ::::

Ensuite, cliquez sur suivant pour confirmer l’installation.

25

ETAPE 6ETAPE 6ETAPE 6ETAPE 6 ::::

Ensuite, l’installation du didacticiel commence.

ETAPE 7:ETAPE 7:ETAPE 7:ETAPE 7:

Fermez l’installation, pour ouvrir le didacticiel vous pouvez tout simplement cliquer sur son raccourci dans le bureau.

26

ConclusionConclusionConclusionConclusion

L’élaboration de ce projet m’a permit d’approfondir mes connaissances surtout dans le domaine du développement. Néanmoins, ces connaissances, ne suffisent pas pour développer des didacticiels à valeurs ajoutés. 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.

Ce projet peut encore évoluer en intégrant au système d'autres modules ou sous systèmes.

Par ailleurs, 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, tant au niveau technique qu'aux niveaux professionnel et relationnel. 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.

27

Bibliographie Bibliographie Bibliographie Bibliographie ::::

� Livres et ouvragesLivres et ouvragesLivres et ouvragesLivres et ouvrages ::::

� Cours VB.Net, O.Moursli et N.Souchon.

� Site WebSite WebSite WebSite Web ::::

� www.msdn.microsoft.com

� www.vbfrance.com

� www.developpez.com

� Formations VidéoFormations VidéoFormations VidéoFormations Vidéo ::::

� .NET les fondamentaux – Video2Brain