Stage Initiation Informatique [PDF]

Zitiervorschau

Ministère de l’enseignement supérieur et de la recherche scientifique Direction générale des études technologies Institut supérieur des études technologiques de Zaghouan Département technologies de l’informatique

Rapport De Stage d’initiation Réalisé Par : Baha Eddine Dridi Entreprise d’accueil : WorldSoft Encadré Par : Fatma Gnaoui

2020-2021

Page 1

Dédicaces

J’ai l’honneur de dédier ce travail à Mes chers parents Dridi Imed et Ben Ali Aroussia En témoignage de ma profonde gratitude et de mon incontestable reconnaissance, pour tous les sacrifices qu’ils me contentent, toute la confiance qu’ils m’accordent et tout l’amour dont ils m’entourent. Que dieu vous donne longue vie et bonne santé. Mes frères Dhia ,Ghaith ,Saif et Kais Qui me sont très chères, et n’ont pas cessé de m’encourager par leur soutien morale et leur amour. Je vous souhaite tant de réussite dans votre vie. Que dieu vous bénisse et vous préserve. A ma famille et mes amis A tous ceux qui ont su m’apporter aide et soutien aux moments propices, je dédie ce travail, reconnaissent et remerciant chaleureusement.

Baha

2

Remerciement Avant de commencer le développement de cette expérience professionnelle , il me parait tout naturel de commencer par remercier les personnes qui m’ont permis d’effectuer ce travail ainsi que ceux qui m’ont permis d’en faire un moment agréable et profitable . Je tiens tout particulièrement à remercier Mr Mohamed Walid Medini, le Chef De Projet, de m’avoir accepté en tant que stagiaire au sein de WORLDSOFT GROUP et pour toutes ses contributions et ses encouragements. Un grand remerciement est adressé à ma tutrice de stage Mlle Fatma qui m’a formé et accompagné tout au long de cette expérience professionnelle avec beaucoup de patience et de pédagogie. Je souhaite également de remercier mes professeurs de département informatique de l’Institut Supérieur des Etudes Technologiques de Zaghouan pour tous leurs enseignements, leurs gentillesses et leurs efforts pendant mes études. Enfin, je remercie par anticipation vivement les membres de jury qui me font l’honneur de juger mon travail.

3

Table des Matière

s Introduction.................................................................................................................................6 Chapitre1 : Présentation de l’entreprise......................................................................................7 1.

2.

Présentation détaillée de l’entreprise...............................................................................8 1.1

Cadre générale du projet...........................................................................................8

1.2

Présentation de l’entreprise d’accueil.......................................................................9

Historique de l’entreprise.................................................................................................9 2.1

1998 : Création de Worldsoft...................................................................................9

2.2

2005 : Diversification des Offres Worldsoft............................................................9

2.3

2008 : Organisation en Pôles de compétences Worldsoft......................................10

3.

Les tâches au sein de WorldSoft....................................................................................10

4.

Les opérations au sein de WorldSoft.............................................................................10

5.

Les technologies utilisés à WorldSoft............................................................................11

6.

Organigramme de la société...........................................................................................11

Chapitre2 : Le cadre de stage....................................................................................................12 1.

Description de la structure sociale.................................................................................13

2.

Les rapports de travail entre les ouvriers.......................................................................13

3.

Les travaux effectués.....................................................................................................13

4

3.1

Les outils mis à ma disposition...............................................................................13

3.2

Les missions du poste occupé.................................................................................15

Les apports du stage.......................................................................................................16 4.1

Les compétences acquises......................................................................................16

4.2

Difficultés rencontrés et solutions apportées..........................................................16

4.3

La vie en société.....................................................................................................17

Chapitre3 : Réalisation..............................................................................................................18 Sujet de stage............................................................................................................................19 1.

Page « Home »...............................................................................................................19

2.

Page «About Us »..........................................................................................................20

3.

Page « Service »............................................................................................................21

4.

Page « Contact Us ».......................................................................................................22 4

Conclusion................................................................................................................................22

Liste des figures Figure1- Figure du Logo de la société........................................................................................9 Figure 2-Figure de Développement..........................................................................................10 Figure 3- Figure des Langages Web.........................................................................................10 Figure 4- Figure des opérations................................................................................................10 Figure 5- Figure des technologies.............................................................................................11 Figure 6- Figure de l’utilisation de HTML5.............................................................................14 Figure 7- Figure de logo CSS3.................................................................................................15 Figure 8- Figure de la chaine de la société...............................................................................17 Figure 9- Figure de Page Home................................................................................................19 Figure 10- Figure de Page About Us........................................................................................20 Figure 11- Figure de Page service............................................................................................21 Figure 12- Figure de Page Contact Us......................................................................................22

5

Introduction En  première année de Technologie de l’Informatique à l’Institut Supérieur Des Etudes Technologiques de Zaghouan, j'ai effectué mon stage au sein de WorldSoft Group, située à Marsa Mall 2046 Sidi Daoud la Marsa, du  02 Aout 2021 au 01 septembre 2021. Mon stage s'est déroulé au sein du service Développement de logiciels. J'ai choisi cette entreprise car son secteur d'activité m'attire. Grâce à cette expérience pratique, j'ai eu l'opportunité de découvrir les métiers de développeur, intégrateur, designer… J'ai développé de nombreuses compétences telles que l’esprit d’équipe, l’adaptabilité, le sens d’organisation, la créativité et la positivité. Ce stage est un tremplin pour mon avenir professionnel. En effet,  il finalise mes études. En plus il m'a confortée dans mon choix de parcours professionnel. Ainsi, il m'a permis de découvrir une vocation et il m'a donné confiance en moi pour exercer ce métier. L'entreprise a été créée en 2014 par  Salah Addin El Houni. L'entreprise est spécialisée dans le secteur développement. C'est une entreprise en pleine croissance dans son secteur d'activité . Mon stage s'est déroulé au service design. Tout au long de mon stage, j'ai été accompagnée par mon maître de stage Mlle Gnaoui Fatma Au sein de l'entreprise, mon maître de stage occupe le poste de désigner/intégrateur. Ses missions consistent en [développer les missions]. Grâce à Mlle Gnaoui Fatma, j'ai eu la possibilité  d'aborder de nouvelles thématiques et de nouvelles problématiques. En plus, de découvrir différentes facettes de la profession et d'appliquer la théorie à la pratique Grâce à ce stage, j'ai découvert le monde de l'entreprise et son secteur d'activité. L'organisation d'une entreprise n'étant pas toujours aisée à comprendre, il était important pour moi de comprendre le rôle de chaque service.  Les missions que j'ai réalisées m'ont permis de vivre le monde de l'entreprise. Elles sont le fil conducteur de mon rapport de stage. Je vous expose dans ce rapport en premier lieu une présentation de l’entreprise. Ensuite, je vous explique les différents aspects de mon travail durant ce mois et enfin, en conclusion, je résume les apports de ce stage.

6

Chapitre1 : Présentation de l’entreprise

7

1. Présentation détaillée de l’entreprise

Introduction Dans ce chapitre introductif nous présentons la présentation de l’entreprise d’accueil, WorldSoft, suivi par son historique.

1.1Cadre générale du projet Ce stage et ce projet viennent compléter notre formation universitaire acquise au sein de l’Institut Supérieur Des Etudes Technologiques De Zaghouan (ISETZG). En effet, il s’agit de commencer à nous introduire dans la vie professionnelle grâce à une mise en pratique de nos connaissances et à l’utilisation de logiciels de développement en informatique.

1.2Présentation de l’entreprise d’accueil Raison sociale : WorldSoft Nom commercial : WorldSoft Adresse : Marsa Mall 2046 Sidi Daoud La Marsa Téléphone : (+216) 21 274 850 E-mail : [email protected] 1.2.1 Description de l’entreprise : WorldSoft est une société de développement informatique crée au mois d’Avril 2014, avec une dimension et une visibilité nationale. Elle est spécialisée dans le développement des plateformes de réservation en ligne et d’application de gestion à pour divers secteurs d’activité. Le principal projet de WorldSoft consiste à la réalisation d’une centrale de vente des produits touristiques en ligne composés de plusieurs modules (Vols, Hôtels, Transferts …). Elle est spécialisée dans l’intégration des Technologies de l’Information et de la Communication (TIC) : Mise en place de solutions intelligentes des systèmes d’information, de l’infrastructure et de VDI (Voix, Données et Images) complètes. Worldsoft est structuré autour de quatre pôles de compétences: 

Pôle IT : Information Technologie



Pôle ISI : Infrastructure Informatique



Pôle VDI : Voix, Données et Images



Pôle BTI : Bâtiment Intelligent

8

Figure1- Figure du Logo de la société En réponse aux exigences de Qualité, de Délais et de Coûts, pour garanti les niveaux de réactivité, efficience et agilité, WorldSoft a les compétences et les moyens pour : 

Réagir rapidement à l’évolution des demandes tout en garantissant le niveau de qualité exigé.



Identifier et réduire d’une façon considérable toute forme de gaspillage en assurant le niveau de qualité exigé.



Adapter dans des délais réduits la structure des coûts tout en garantissant le niveau de qualité.

2. Historique de l’entreprise 2.1 1998 : Création de Worldsoft Dès sa création, les fondateurs de Worldsoft, Salah Addin El Houni et Mohamed Walid Medini, ont axé leur stratégie et leur développement sur la compétence, la connaissance, le savoir-faire et la formation, et ce essentiellement sur tout ce qui gravite autour des Nouvelles Technologies de l’Information. De 2014 à fin 2017, l’offre de World Soft été essentiellement orientée VDI (Voix, Données et Images) : Réseau informatique. Grace à sa stratégie de développement, World Soft a eu une croissance organique forte : un effectif de 20 consultants en 2005 tous formés et/ou certifiés autour des technologies et des partenaires de nos solutions.

2.2 2005 : Diversification des Offres Worldsoft Le développement de World Soft accomplis par une augmentation du chiffre d’affaire, une croissance organique et une part de marché en constante croissance, a permis à World Soft d’avoir une monter en puissance en : Formation, compétence et partenariat avec les fournisseurs, Maitrise et intégration des solutions pour des offres complètes et intégrées. Et une diversification de son offre en réseau et solutions IT. Depuis 2005 Worldsoft s’est organisée autour des offres suivantes : Conseil et Engineering IT, Infrastructure SI, Bâtiment Intelligent, Réseau VDI: 

Informatique, Téléphonique, Télésurveillance, Sécurité incendie, Electricité…

9

2.3 2008 : Organisation en Pôles de compétences Worldsoft WorldSoft est l’un des rares partenaires offrant une convergence de multiples compétences : Du système de câblage (Pôle VDI) à la mise en œuvre des référentiels ITIL et CMMI (Pôle IT), en passant par l’infrastructure du Système d’Information (Pôle ISI). WorldSoft rassemble plus d'une vingtaine de collaborateurs tous formés et/ou certifiés autour des Technologies de l’Information et de la Communication, avec plus de 50% d’ingénieurs, et majoritairement de 5 à 15 ans d’expérience dans l’intégration des TIC.

3. Les tâches au sein de WorldSoft L’entreprise comporte ces différentes tâches :  Développeur : réalise des logiciels et les met en œuvre à l'aide de langages de programmation.  Intégrateur : est la personne chargée d'intégrer différents composants informatiques ensemble pour faire fonctionner un service ou une application complexe  Designer : qui désigne une maquette d'une interface utilisateur.

Figure 2- Figure des Langages Web Figure 3-Figure de Développement

4. Les opérations au sein de WorldSoft  Amadeus et Galileo Interface  Gestion de stock  Ventes et remboursements (billets services)  Facturation  Rapprochement BSP automatique  Demande de voyage via l'interface web  Gestion des utilisateurs

10

et

Figure 4- Figure des opérations

5. Les technologies utilisés à WorldSoft WorldSoft se base sur Java/J2EE pour le développement des différents produits logiciels :

    

Technologies : Java/J2EE : Base de données : Oracle XE, PostgreSQL, Hibernate, Spring, JSF, IHM : AngularJs, JSF, Richfaces, PrimeFaces, Echanges de données : XML

Figure 5- Figure des technologies

6.Organigramme de la société

11

Chapitre2 : Le cadre de stage

1. Description de la structure sociale La société WorldSoft regroupe [ effectif / nombre ] d’employés (on compte environ [•] employés au sein de WorldSoft dans le monde), qui sont divisés en [•] départements, tous sous la direction du Président-directeur général, [•]:

12

1. Les rapports de travail entre les ouvriers Dans l’ensemble, je dirais que les rapports sont amicaux et très entretenus, de par la vie professionnelle commune ou la proximité du logement. On s’aperçoit rapidement des habitudes prises .Le moment de pause déjeuner est toujours propice à des discussions animées, traitant sur des sujets de vie privée ou de personnes extérieures, du monde environnant. Ces pauses permettent de se relaxer, d’avoir des contacts autre que par l’intermédiaire du travail. Pour ce qui est du travail à effectuer, l’entraide est le maître mot.

2. Les travaux effectués Au cours de ce stage, j’ai eu l’opportunité de découvrir un métier sous toutes ses formes. Pour une meilleure compréhension des tâches que j’ai pu effectuer, il apparaît approprié de traiter en premier lieu des outils qui étaient mis à ma disposition, puis de traiter de manière détaillée les tâches que j’ai pu effectuer.

3.1Les outils mis à ma disposition Au cours de ce stage, j’ai passé le plus clair de mon temps à réaliser une interface web pour une agence de voyage. A mesure que j’apprenais, mes recherches se sont approfondies. Ce n’est donc qu’à partir de ce mois de stage que j’ai été véritablement opérationnel, du fait de ma meilleure maîtrise des langages de programmation suivants :

 HTML5 :  Définition : Le HTML5 est un langage de base pour la création de site internet, il sert à structurer vote document. D’autre langage peuvent s’ajouter lors de la conception, mais tous les sites web contiennent du HTML. HTML5 désignant la version du langage HTML.  Utilisation : Conçu pour être utilisable par tous les développeurs de l'Open Web, cette page de référence fait des liens vers de nombreuses ressources sur les technologies HTML5, classés dans différents groupes d'après leur fonction : -Sémantique : vous permet de décrire précisément votre contenu. -Connectivité : vous permet de communiquer avec le serveur d'une façon nouvelle et innovante. -Hors-connexion & stockage : permet aux pages web de stocker des données sur le client et de fonctionner plus efficacement hors-connexion. -Multimédia : Rendre la vidéo et l'audio des citoyens de premier plan sur l'Open Web.

-Rendu 2D/3D et effets : permet des options de présentation bien plus variés. Performance & intégration : offre une puissance bien plus grande et une meilleure utilisation du matériel de l'ordinateur. -Accès aux périphériques : permet un usage varié des périphériques d'entrées et de sorties.

13

-Style : permet aux auteurs d'écrire des thèmes plus sophistiqués.

Figure 6- Figure de l’utilisation de HTML5

 CSS3 : 

Définition : Le terme CSS est l'acronyme anglais de Cascading Style Sheets qui peut se traduire par "feuilles de style en cascade". Le CSS est un langage informatique utilisé sur l'internet pour mettre en forme les fichiers HTML ou XML. Ainsi, les feuilles de style, aussi appelé les fichiers CSS, comprennent du code qui permet de gérer le design d'une page en HTML.

Utilisation : L'avantage de l'utilisation d'un fichier CSS pour la mise en forme d'un site réside dans la possibilité de modifier tous les titres du site en une seule fois en modifiants une seule partie du fichier CSS. Sans ce fichier CSS, il serait nécessaire de modifier chaque titre de chaque page du site (difficilement envisageable pour les énormes sites de plusieurs milliers de pages). D'autres points forts sont perceptibles. Il est par exemple possible de créer une feuille de style spécifique pour l'impression des documents, ce qui permet de retirer tous les effets de style et toutes les parties inutile lors de l'impression. De même, une feuille de style peut être 14

utilisée pour les utilisateurs d'un téléphone portable, ce qui permet de mieux gérer la mise en forme particulièrement pour les petits écrans de ces appareils.

Figure 7-

Figure de logo CSS3

3.2Les missions du poste occupé L’intégrateur/ désigner est un métier qui a vocation en premier lieu à traduire en style graphique le brief du client. Il s’agit d’un des principaux responsables du « rendu final » d’un site Internet. Au-delà de son indispensable maîtrise du HTML, l’intégrateur Web doit avoir une  bonne appréhension du graphisme et de l’ergonomie d’un site Internet. Concrètement, l’intégrateur Web découpe, monte et intègre les pages en HTML/CSS, XHTML. Il s’assure de la cohérence entre les pages codées en HTML et les maquettes graphiques. Il teste les pages intégrées sur les différents navigateurs (Firefox, Chrome, Safari, Internet Explorer, Opéra, etc..) Pour bien cerner la raison d’être un bon intégrateur designer, il faut : 

avoir une bonne capacité d'analyse (pour concevoir les méthodes d'intégration.



connaître le langage utilisé pour le logiciel.



connaître les technologies nécessaires à l'intégration du logiciel.



être à l'écoute (surtout envers les développeurs).



multiplier vos compétences et tenir au courant des évolutions du monde de l'Internet. Vous allez devoir vous montrer productif et apporter un nouveau regard artistique dans votre entreprise.

15

4

Les apports du stage

Au cours de ce stage, j’ai beaucoup appris. Les apports que j’ai tiré de cette expérience professionnelle peuvent être regroupés autour de trois idées principales : les compétences acquises, les difficultés rencontrés et solutions apportées ainsi que la vie en société.

4.1 Les compétences acquises 

Gagner en aisance



Prendre confiance en soi



Vaincre la timidité



Acquérir de l'autonomie



S'adapter



Accepter la critique



Être enthousiaste et persévérante



Savoir se remettre en question



Convaincre



Être à l'écoute



Avoir du courage et de la volonté

4.2 Difficultés rencontrés et solutions apportées Durant toute expérience professionnelle, je n’ai pas rencontrés vraiment des problèmes ou des difficultés, c’est sans doute que j’avais trouvé facilement des solutions pour résoudre mon travail. Il faut toujours voir des exemples et revenir au cours de programmation.

4.3 La vie en société Mon stage chez WorldSoft a été très instructif. Au cours de ce mois, j’ai ainsi pu observer le fonctionnement d’une boite développement. Au -delà, de l’activité de chacun des services, j’ai pu apprendre comment s’articulent les différents départements d’une telle entreprise. Par ailleurs, les relations humaines entre les différents employés de la société, indépendamment de l’activité exercée par chacun d’eux, m’a appris sur le comportement à avoir en toute circonstance. La circulation de l’information est ainsi un des points forts que j’ai retenu de cette société,

16

tant au niveau du travail collaboratif, que dans l’implication de tous dans le bon fonctionnement de la société.

Figure 8- Figure de la chaine de la société

17

Chapitre3 : Réalisation

Sujet de stage Dans ce stage j’ai créé une interface pour un Hôtel qui comporte 4 pages. 18

Dans ce chapitre je vais décrire et expliquer l’utilité de chaque page.

1. Page « Home » Je vais commencer en premier lieu par la page HOME suivante :

Figure 9- Figure de Page Home

Cette page est la page principale de cette maquette. Elle comporte un en-tête qui contient le nom de l’hôtel et un menu qui nous permet de passer d’une page à une autre. L’arrière-plan de cette page est une image que j'ai choisie de Google. Ainsi, nous pouvons bien remarquer un formulaire simple qui nous permet d’ouvrir la session.

19

2. Page «About Us »

Figure 10- Figure de Page About Us

Cette page est la page descriptive de l’hôtel. Cette page contient le même en-tête que la première page HOME. Elle contient un arrière-plan différent. Il y a un paragraphe descriptif de l’hôtel. A droite j’ai inséré une vidéo de 2 minutes qui bien décrit l'intérieur et les services de cet hôtel.

20

3. Page « Service »

Figure 11- Figure de Page service Cette page nous montre les services proposé par l’hôtel avec des prix et des images descriptives. Elle contient le même en-tête que les deux pages précédentes.

21

4. Page «Contact Us »

Figure 12- Figure de Page Contact Us Cette page est la page de contact qui permet au client de contacter l’hôtel et donner leurs avis. Elle contient le même en-tête que les trois pages précédentes. A droite il y a un formulaire à remplir pour envoyer les messages. Et à côté, il y a une Map qui nous permet de connaître la localisation de cet hôtel.

22

Conclusion Ainsi, j’ai effectué mon stage au sein de WorldSoft. Lors de ce stage d’un mois, j’ai pu mettre en pratique mes connaissances théoriques acquises durant mes études, de plus, je me suis confronté aux difficultés réelles du monde du travail et du management d’équipes. Après ma rapide intégration dans l’équipe, j’ai eu l’occasion de réaliser des tâches qui ont constitué une mission de stage globale. Chacune de ces tâches, utiles au service et au bon déroulement de l’activité. Je garde du stage un excellent souvenir, il constitue désormais une expérience professionnelle valorisante et encourageante pour mon avenir. Je pense que cette expérience en entreprise m’a offert une bonne préparation à mon insertion professionnelle car elle fut pour moi une expérience enrichissante et complète qui conforte mon désir d’exercer mon futur métier de « Designer » dans le domaine de développement. Aujourd’hui, je sais ce que ces gens fournissent comme efforts et je garderais toujours cela en tête. Enfin, je tiens à exprimer ma satisfaction d’avoir pu travaillé dans de bonnes conditions matérielles et un environnement agréable.

23