MINISTERE DE L’EDUCATION NATIONAL

CHARGE DE LA FORMATION CIVIQUE

SECRETARIAT GENERAL
DIRECTION GENERALE DE L’ESEIGNEMENT
TECHNIQUE ET PROFFESIONNEL
DIRECTION DE LA ZONE ACADEMIQUE DE L’ESTUAIRE
LYCEE TECHNIQUE DE BIKELE
PROVISORAT
BP : 3919 Libreville-GABON TEL : 066742784 / 077205168

PROJET DE FIN DE CYCLE

En vue de l’obtention du Baccalauréat Professionnel

Option : DEVELOPPEUR MULTIMEDIA ET PLATEFORME WEB

THEME : Calculatrice : fonctionnalités d’opération arithmétique de bases

Présenté et soutenue par

M. PLACCA KILAKY EMMANUEL

Tuteurs Professionnel

Mme Missalot

SESSION 2022-2023
 Sommaire
DECIDACE ...............................................................................................................................
REMERCIEMENTS ..................................................................................................................
INTRODUCTION ..................................................................................................................1
Première Partie : Présentation du Lycée Technique de BIKELE ................................................2
Chapitre I : Présentation du lycée .........................................................................................3
Section1 : HISTORIQUE DU LYCEE TECHNIQUE DE BIKELE ...................................3
Chapitre II : Déroulement des activités et présentation du projet ...........................................6
Section 1 : Déroulement des activités ................................................................................6
Section 2 : Présentation du projet.......................................................................................8
Deuxième Partie : Présentation du Lycée Technique de BIKELE ..............................................9
Chapitre I : Analyse de l’existant et des besoins .................................................................. 10
Section 1 : Analyse de l’existant ...................................................................................... 10
Section 2 : Choix de l’outils ........................................................................................... 10
Chapitre II : Mise en œuvre du projet .................................................................................. 11
Section1 : Détail du projet ............................................................................................... 11
Section2 : Vérification..................................................................................................... 14
CONCLUSION ...................................................................................................................... 15
 DECIDACE

Je tiens à dédicacer ce travail

Particulièrement à mon père et ma mère PLACCA Augustin et PLACCA Constance,
pour le gout à l’effort qu’ils ont suscité en moi.
A mes sœurs PLACCA Prisca Mondita, PLACCA NKOLO Anne-Marie Wylma et
PLACCA ETOMBET Danielle Mélina qui m’avez toujours soutenu et encouragé durant
ces années d’études.
A mes frères BIFOUNOU LANGUI W. LOÏCK et ELLA NDONG GREGG
STEPHANE pour les conseils qu’ils m’ont donné afin d’avoir le meilleur travail
possible.
REMERCIEMENTS

Je tiens à remercier tout particulièrement et à témoigner toute ma reconnaissance à mes

professeurs de spéciales pour la formation enrichissante et pleine d’intérêt.
Je remercie les personnes qui ont de près ou de loin contribues à la réalisation de ce
travail
 INTRODUCTION

L’enseignement technique et professionnel constitue un élément fondamental qui a pour objet

d’assurer à tous les moments de la vie, la formation et le développement des individus, de leur
permettre d’acquérir les connaissances qui concourent à leur épanouissement. En vue des faits
observés, la mission première des établissements d’enseignement technique et professionnel
offre à chacun la possibilité d’élever son niveau de formation et de s’ajuster à un monde en
profonde mutation en assurant et en encourageant les actions d’adaptations professionnelles au
profit des élèves qui cessent leurs études sans qualification.

L’instruction obligatoire et l’Etat ont prévu les moyens nécessaires dans l’exercice de ses
compétences, à la prolongation de la scolarité autant que cela est possible en inscrivant
actuellement aux programmes du lycée technique de BIKELE les filières de formations de
plusieurs secteurs notamment les STA, BTP, TICE, MVA, MEH, etc.

Ainsi, pour la validation des acquis pédagogiques et professionnels, les apprenants sont appelés
en fin de cycle à présenter un projet soutenu devant un jury constitué. C’est dans cette optique,
que nous avons réalisé notre projet au sein du lycée technique de BIKELE en orientant nos
travaux sur la création et mise en ligne d’une calculatrice.

1
1Première Partie : Présentation du Lycée Technique de BIKELE

2
Chapitre I : Présentation du lycée

Section1 : HISTORIQUE DU LYCEE TECHNIQUE DE BIKELE

Créée par l'Arrêté N° 0072/ MESRTTENFC du 17 juin 2021 portant création et

organisation des Lycées Techniques et Professionnels, le Lycée Technique de Bikele
(LTB) a ouvert ses portes le 08 février 2021. Il est un pôle de compétences dans la
formation professionnelle de plusieurs secteurs selon le modèle de formation par
alternance (École-Entreprise), à savoir :

➤ Le secteur des Sciences et Techniques Agricoles (STA) ;

➤ Le secteur des Bâtiments et Travaux Publics (BTP)

➤ Le secteur des Technologies de l'Information et de la communication Électronique

(TICE) ;

➤ Le Secteur de Maintenance des Équipements Hospitaliers (MEH) ;

➤ Le secteur de Maintenance des Véhicules Automobiles (MVA), option Véhicules

Transport Routier (VTR),

D’une part et il joue un rôle prépondérant dans la formation technologique d'autre part.
Le Lycée Technique de Bikele (LTB) a pour objectif d'augmenter la capacité d'accueil
dans les établissements de l'Enseignement Techniques et Professionnels (ETP), et de
permettre la diversification de l'offre de formation ainsi qu'une meilleure employabilité
des jeunes dans des filières de croissance économique.

Il prépare donc au Baccalauréat Professionnel les élèves suivant une formation en deux
(02) étapes :

➤ Cours théoriques ; enseignements dispensés dans plusieurs disciplines ;

➤ Cours pratiques : ces cours incluent aussi la partie de la soutenance d'un rapport de
stage soutenu devant jury.

La préparation au baccalauréat professionnel se fait dans les filières suivantes :

Secteur Agricole :

3
➤ Production Végétale (PV) ;

➤ Production Animale (PA) ;

➤ Maintenance et Matériels Agricoles (MMA) ;

➤ Machinisme Agricole (M.A).

Secteur BTP

➤ Technicien en Construction Bâtiment, Organisation et Réalisation du Gros œuvre (ORGO) ;

➤ Technicien en Chaussée et Ouvrages d'Arts (TCOA) en cours d’ouverture ➤ Constructeur

d'Ouvrages du Bâtiment en Aluminium, Verre et Matériaux de Synthèse (COBA) en cours
d’ouverture ;

Technicien Géomètre-Topographe (TGT) en cours d'ouverture.

Secteur TICE :

➤ Technicien Informatique et Internet Industriel (T.I.I.I) ;

➤ Développeur Multimédia ou plateforme Web (Vente en ligne ou stockage des données en

ligne) (DMW) ;

➤ Maintenance Informatique (M.inf).

Secteur BIOMÉDICAL :

➤ Maintenance des Équipements Hospitaliers (MEH)

Secteur Maintenance Industrielle :1

➤ Maintenance des Véhicules Automobiles (MVA), option Véhicules Transport Routier (VTR).

1
Source : LYCEE TECHNIQUE DE BIKELE

4
Le Lycée Technique de Bikele (LTB) a à sa tête une équipe dirigeante dont le proviseur est le
Premier responsable. Elle comprend aussi des administratifs et des enseignants, assistés de
plusieurs services d'appui favorisant le bon fonctionnement de l’établissement.

Il s'agit de ;

➤ Le service des Conseillers d'Orientation :

➤ Le service social :

➤ Le service Médical :

➤Le service de la Coordination des Activités Socio-Éducatives 2et de Jeunesse ;

➤ Le service intendance.

Tous ces différents services interagissent de manière synergique selon les

responsabilités de chacun et participent aux différentes activités dans l'établissement.

Organigramme du Lycée Technique De Bikele

2
Source : LYCEE TECHNIQUE DE BIKELE

5
Chapitre II : Déroulement des activités et présentation du projet

Section 1 : Déroulement des activités

Définition des fonctionnalités : La première étape est de définir les fonctionnalités que
vous souhaitez inclure dans la calculatrice. Il peut s'agir de fonctions mathématiques de
base (addition, soustraction, multiplication et division) ou de fonctions plus avancées
(racine carrée, exponentielle, logarithme, etc.). Vous devez également décider de la
conception de l'interface utilisateur.
Choix de la plateforme et du langage de programmation : La deuxième étape consiste à
choisir la plateforme sur laquelle vous souhaitez créer la calculatrice.
Cela peut être un ordinateur de bureau, un téléphone portable ou une application Web.
Ensuite, vous devez choisir le langage de programmation approprié pour la plateforme
choisie.
Conception de l'interface utilisateur : La troisième étape consiste à concevoir l'interface
utilisateur de la calculatrice. Vous devez créer la disposition des boutons et des écrans,
définir les couleurs et les polices de caractères, et créer la logique de l'interface
utilisateur.
Programmation : La quatrième étape consiste à programmer la calculatrice.
Cela peut inclure la création de fonctions pour chaque opération que la calculatrice peut
effectuer, la gestion des entrées et des sorties de l'utilisateur et la création de la logique
pour afficher les résultats.
Tests et débogage : Une fois que la programmation est terminée, il est important de
tester la calculatrice pour s'assurer qu'elle fonctionne correctement. Vous devez
effectuer des tests manuels et automatiques pour vérifier la précision des calculs et la
stabilité de l'application.
Déploiement : Une fois que la calculatrice a été testée et validée, vous pouvez la
déployer sur la plateforme cible, telle qu'un site Web, une application de bureau ou une
application mobile.
Maintenance et mise à jour : Après le déploiement de l'application, vous devez
continuer à maintenir et mettre à jour régulièrement pour corriger les bugs, améliorer les
performances et ajouter de nouvelles fonctionnalités si nécessaire.
Ces étapes sont les principales activités impliquées dans la création d'une calculatrice.

6
Cependant, chaque projet est unique et peut nécessiter des étapes supplémentaires ou
différentes en fonction des besoins spécifiques du projet.

7
Section 2 : Présentation du projet
Le but de notre projet est de créer une calculatrice qui permettra aux utilisateurs de faire
des opérations mathématiques simples avec facilité. Cette calculatrice sera facile à
utiliser, rapide et efficace.

Fonctionnalités : Notre calculatrice aura les fonctionnalités de base telles que :

Les opérations de base : Addition, soustraction, multiplication et division

Design : Notre calculatrice aura un design simple et intuitif pour faciliter son utilisation.
Nous avons opté pour une interface épurée avec des boutons clairement identifiés pour
chaque fonctionnalité. La calculatrice sera facile à transporter et aura une taille pratique
pour une utilisation quotidienne.

Objectif : Notre objectif est de fournir aux utilisateurs une calculatrice simple et efficace
pour leurs besoins quotidiens en mathématiques. Nous voulons créer une calculatrice
qui sera facile à utiliser pour les étudiants, les professionnels et tous les utilisateurs qui
ont besoin d'un outil de calcul fiable.

8
1Deuxième Partie : Présentation du Lycée Technique de BIKELE

9
Chapitre I : Analyse de l’existant et des besoins

Section 1 : Analyse de l’existant

Cette calculatrice n’existait pas jusqu’à ce que nous nous sommes portés volontaire
pour le créer pour notre projet de fin d’étude et par la suite nous l’avons modelé à notre
gout
Section 2 : Choix de l’outils

HTM/ Source :Google Le HyperText Markup Langage, généralement

abrégé HTML ou dans sa dernière version HTML5, est le langage
de balisage conçu pour représenter les pages web. Ce langage
permet : d’écrire de l’hypertexte, d’où son nom, de structurer
sémantiquement la page, de mettre en forme le contenu, de créer
des formulaires de saisie, d’inclure des ressources multimédias
dont des images, des vidéos, et des programmes informatiques, de créer des documents
interopérables avec des équipements très variés de manière conforme aux exigences de
l’accessibilité du web. Il est souvent utilisé conjointement avec le langage de programmation
JavaScript et des feuilles de style en cascade (CSS). HTML est inspiré du Standard
Generalized Markup Langage (SGML). Il s'agit d'un format ouvert.

CSS /Source :Google CSS3 : Les feuilles de style en cascade1,

généralement appelées CSS de l'anglais Cascading Style Sheets,
forment un langage informatique qui décrit la présentation des
documents HTML et XML. Les standards définissant CSS sont publiés
par le World Wide Web Consortium (W3C). Introduit au milieu des
années 1990, CSS devient couramment utilisé dans la conception de
sites web et bien pris en charge par les navigateurs web dans les années 2000.

JAVASCRIPT /Source :Google JavaScript est un langage de programmation de

scripts principalement employé dans les pages web interactives et à ce titre
est une partie essentielle des applications web. Avec les technologies HTML
et CSS, JavaScript est parfois considéré comme l'une des technologies cœur
du World Wide Web. Une grande majorité des sites web l'utilisent, et la majorité des
navigateurs web disposent d'un moteur JavaScript5 dédié pour l'interpréter, indépendamment
des considérations de sécurité qui peuvent se poser le cas échéant.

10
 Visual Studio Code est un éditeur de code extensible développé
par Microsoft pour Windows, Linux et macOS. Les
fonctionnalités incluent la prise en charge du débogage, la mise
en évidence de la syntaxe, la complétion intelligente du code,
les snippets, la refactorisation du code et Git intégré.

Chapitre II : Mise en œuvre du projet

Section1 : Détail du projet

1. Planification : Définir les fonctionnalités de base que nous souhaitons inclure dans
l'application, telles que l'addition, la soustraction, la multiplication et la division.

2. Conception : Créez une interface utilisateur simple et conviviale pour notre site. Cela
peut inclure un écran pour afficher les chiffres et les opérations entrés, ainsi que des
boutons pour les différentes fonctions. Nous allons également ajouter des
fonctionnalités telles qu'un bouton "effacer" pour effacer les entrées précédentes et un
bouton "égale" pour afficher le résultat du calcul.

3. Programmation : Utilisez un langage de programmation approprié pour développer

votre application. Les langages couramment utilisés pour site incluent HTML CSS
JAVASCRIPT.

11
Voici les différents code HTML CSS ET JAVASCRIPT que nous avons utilisée pour la
réalisation

Code HTML

Code CSS

12
Code JAVASCRIPT

13
Section2 : Vérification

Pour la vérification de la fonctionnalité de notre calculatrice voici le lien pour que vous
puissiez la tester.
https://placcakilaky.github.io/Calculatrice/

Voici une image vous montrant a quoi ressemble la calculatrice.

14
CONCLUSION

En conclusion, ce projet de fin d'études sur la création d'une calculatrice avec des
fonctionnalités de base a été une expérience enrichissante. En réalisant ce projet, nous
avons acquis une compréhension plus approfondie de la programmation et de la
conception d'interface utilisateur. Nous avons également développé nos compétences en
résolution de problèmes, en testant et en déboguant la calculatrice pour nous assurer
qu'elle fonctionnait correctement.

Créer une calculatrice avec des fonctionnalités de base peut sembler être un projet
simple, mais cela nous a permis de comprendre l'importance des détails et de la
précision dans la programmation. En ajoutant des fonctions de base telles que l'addition,
la soustraction, la multiplication et la division, nous avons été en mesure de créer une
application pratique qui peut être utilisée quotidiennement.

En fin de compte, nous sommes fier de ce projet et nous sommes reconnaissant de

l'opportunité de l'avoir réalisé. Nous sommes confiant que les compétences et les
connaissances que nous avons acquis grâce à ce projet seront utiles pour mes futures
études et ma carrière professionnelle.

15