Système de communication virtuelle des communiqués entre tuteurs des élèves et établissement scolaire.

I.6.2.2. Quelques exemples

Les exemples d'applications web sont bien entendu infinis dans les gestions. Chaque professionnel peut avoir des besoins qui lui sont spécifiques a apporter des solutions numériques. À titre d'exemple, nous pourrions citer :

? une gestion de réservation pour un hôtel en ligne

? une application de facturation en ligne pour une entreprise ou un commerçant ? un outil de gestion de dossiers patients pour un médecin

? une gestion des stocks en ligne

Voici le Schéma d'une application Web Héberger

Source : www.google.com

a. Quelques les technologies du développement Web

Dans le développement web il y a l'interaction des plusieurs langages qui sont en fait catégoriser en deux familles : les langages font-end et les langages back-end

18

Les langages du front-end²⁰

Front-end. La partie front-end d'un site internet est la partie avec laquelle un utilisateur

interagit directement ou la partie du code qui est reçue par le client. L'ingénieur logiciel en front-end programme principalement avec les langages HTML, CSS et JavaScript.

1.1. Le langage HTML (HyperText Markup Language)

Le HTML est souvent utilisé pour construire la structure et le squelette de nos pages web, il

est un langage constitue des balises, (tags)

Exemple : un titre, un paragraphe, une image ou une liste

CSS (Cascading Styles Sheets)

Le langage CSS - Cascading Styles Sheets - est un langage qui va mettre en forme nos pages Web et les décorer. Il va désigner nos éléments HTML à l'aide des électeurs et va leur appliquer un style CSS. C'est ce langage CSS qui est responsable des couleurs, des tailles, de la mise en page, etc.

Javascript

Un site Web peut être composé uniquement d'HTML et de CSS, mais si on veut lui insuffler

un peu de vie on aura besoin de Javascript, qui lui, est un vrai langage de programmation, avec des boucles, des conditions... JavaScript ( JS en abrégé) est un langage de programmation dynamique complet qui, appliqué à un document HTML, peut fournir une interactivité dynamique sur les sites web. Il a été inventé par Brendan Eich, co-fondateur du projet Mozilla, de la Mozilla Foundation et de la Mozilla Corporation. II sera responsable de l'interactivité et de la logique qu'il y a derrière nos pages web. Par exemple, si on veut ouvrir un menu en cliquant sur un bouton particulier, on le fera avec du Javascript. Voilà pour les 3 langages qui composent le code de nos pages Web : HTML, CSS et JAVASCRIPT. Maintenant. il y a aussi des outils basés sur ces 3 langages qui nous permettent de coder plus rapidement et plus simplement.

JQuery

JQuery est une librairie Javascript très populaire dans le monde du développement Web. Son slogan c'est « Ecris moins et fais plus ». Son rôle est réellement de simplifier la vie ! C'est-à-dire que les tâches courantes de Javascript, qui nécessitent de nombreuses lignes de code,

²⁰ John Taieb, Apprendre HTML et CSS - Créer un site Web, apprenez-a-coder,paris,

19

jQuery nous les rend accessible avec une seule ligne de code !Il gère également les problèmes de compatibilité entre les différents navigateurs Web.

Bootstrap

Il y a aussi Bootstrap qui est un Framework HTML, CSS et JavaScript, c'est-à-dire une structure qui contient de nombreux composants et des classes prêts à l'emploi: boutons, listes déroulantes, menus, etc. Mais ce qui fait de Bootstrap une véritable star et populaire avec la majorité des développeurs dans ce siècle, c'est sa popularité pour développer « responsive ».

Développement responsive

C'est quoi « responsive » ? Responsive, une approche de développement Web qui crée des changements dynamiques dans l'apparence d'un site Web, en fonction de la taille de l'écran et de l'orientation de l'appareil utilisé pour l'afficher c'est aussi une façon d'appréhender la conception d'un site Web. Notre site devient une page web flexible, il s'adapte automatiquement à la taille de l'écran. C'est-à-dire qu'il s'organisera différemment s'il est vu depuis un smartphone, une tablette ou un ordinateur.

Illustration

Source : www.google.com

20

Les langages back-end

Le Back-End, c'est un langage serveur qui pour être exécuté il nous faut un serveur qui va lui

comprendre. C'est aussi la partie du code qui est exécutée par le serveur, il s'agît du travail qu'il réalise sur les pages Web des sites dynamiques avant de les envoyer au client.

JavaScript²¹

Le JavaScript tient la première place depuis 7 ans maintenant, C'est un langage approprié à la

fois pour du développement back-end et front-end. il est l'un des langages de programmation les plus populaires et les plus utilisés au monde. Conçu par Brendan Einch en 1995. Sa croissance est plus rapide que tout autre langage de programmation backend. Les grandes entreprises telles que Netflix, Walmart, PayPal construisent leurs applications internes avec ce langage.

Python

Python est un langage polyvalent, interactif, orienté objet et de haut niveau. Il a été créé par Guido van Rossum en 1991. Comme Perl, le fichier texte ASCII Python est également disponible sous la licence GPL (Antilope General Public License). Python se veut extrêmement clair. Il utilise souvent des mots-clés en anglais partout où différents langages utilisent la ponctuation, et il comporte moins de constructions syntaxiques que les autres langages. c'est aussi un langage back-end dans le développement du Web

Php²²

PHP est connu comme langage de script utilisé côté serveur. Il est utilisé dans le développement web ainsi que comme langage de programmation général. ... Les fichiers portant l'extension PHP représentent des pages web qui contiennent du code écrit dans le langage du même nom. PHP est principalement conçu pour servir de langage de script coté serveur, ce qui fait qu'il est capable de réaliser tout ce qu'un script CGI quelconque peut faire, comme collecter des données de formulaire, générer du contenu dynamique, ou gérer des cookies.

²¹ Guillaume Hoarau, Quel langage utiliser pour votre backend ? Article inédit, Paris, Futur IO, 2019

²² www.google.com

²³ Tristan Nitot, apprendre le PHP, cours & tutoriel, Edition Emacs, paris, 2020

²⁴ KAMBALE KYAMUVA Gérôme, cours de Laboratoire Informatique II, Cours inédit, ISC-GOMA, 2020, P22

21

Certains mots clé de la programmation sous php

$_SESSION : ²³Une session est un mécanisme technique permettant de sauvegarder temporairement sur le serveur des informations relatives à un internaute. Ce système a notamment été inventé pour palier au fait que le protocole HTTP agit en mode non connecté. Lorsqu'une session est créée, elle est par défaut vide. Elle n'a donc aucun intérêt. Il faut donc lui attribuer des valeurs à sauvegarder temporairement. Pour cela, le langage PHP met en place le tableau super global $_SESSION.

Principales méthodes de PHP²⁴

Pour conserver les informations d'un utilisateur d'une page à une autre, lors d'un parcours, appelé « session » il existe pour cela trois principales méthodes, Les Cookies, et les méthodes HTTP, « POST » et « GET » :

Les cookies (ou « Témoin de connexion ») sont fournis par l'entête HTTP et peuvent être stocké dans le navigateur, mais également servir au pistage de l'utilisateur d'un site à l'autre. Les navigateurs proposent donc en général des options de blocage des cookies pour éviter cela.

La méthode HTTP « GET » est la méthode de transaction par défaut entre le navigateur web et le serveur HTTP, dans ce cas, les informations de sessions seront visibles dans la barre d'URL, via des arguments (généralement placés après le « ? » suivant la page appelée, mais pouvant également utiliser les réécritures d'URL. Dans le cas de la méthode GET, les informations de session peuvent être situées dans le lien hypertexte ou dans formulaire en mode GET.

La méthode HTTP « POST ». Elle nécessite l'utilisation d'un formulaire HTML. Cela n'est pas forcément visible dans la page, ce qui semble être un simple lien HTML ou un bouton peut très bien être un bouton de validation de formulaire et les informations passées ne seront dans tous les cas pas visibles dans la barre d'URL.

22

SCHEMA DE FONCTIONNEMENT DU MYSQL SERVEUR

A ce qui concerne un peu du MySQL qui va nous servir comme système de gestion de base des données dans ce travail, il est question de savoir que, est un serveur de bases de données relationnelles Open Source. Un serveur de bases de données stocke les données dans des tables séparées plutôt que de tout rassembler dans une seule table. ... Le SQL dans "MySQL" signifie "Structured Query Language" : le langage standard pour les traitements de bases de données.

Illustration

PRESENTATION DE L'INSTITUT MIKENO I.1. PRESENTATION DU MILLIEU

LOCALISATION DE L'ECOLE

L'institut MIKENO est une école officielle créée par l'arrêté numéro :

MINEPSP/CABIN/0100/2004 du 21/06/2004 ; modifie par Arrêté numéro MINEPSP/CABMIN/0077/2012 du 28/01/2012 est située dans la province du Nord Kivu, ville de Goma ; commune de KARISIMBI, Quartier MURARA sur Avenue FIKIRI Numéro 03.

HISTORIQUE DE L'INSTITUT MIKENO NC

Cette école fut créée suite à la destruction de nombreuses écoles par l'éruption volcanique du

17 février 2002.L'institut avait débuté avec 2 classes dont une de 1ere et une de 2^e années. Il avait un effectif de 60 élevés et trois professeurs dont un est encore avec nous.

23

Il s'agissait des professeurs :

? BATACHOKA MUNYORORO Georges D6, professeur de français et préfet des études, déjà parti

? BUTOA NKULU ; D6 professeur de culture générale, déjà parti ? KAMATE SIMISI D6 ; Professeur de science, toujours présent.

Cette communauté de 63 personnes fonctionné dans un vieux bâtiment en planches surnommé MUSAKA en mémoire du naufrage du bateau MUSAKA survenue au lac Kivu en aout 2001.

Cette appellation avait attristé les autorités de L'EPSP sous la conduite du Proved SEMAHANE KIBA.

Ainsi, le directeur de l'EP MIKENO monsieur MUHONGYA et le préfet de l'institut monsieur BATACHOKA MUNYORORO avaient entrepris des démarches pour la construction de cette école.

Dans la foulée, l'EP MIKENO obtient un bâtiment de 18 classes en planches de l'ONG world vision et 6 portes de toilettes en blocs de KATALE.

L'institut MIKENO NC obtient 6 classes en blocs de KATALE et 10 portes de latrines.

L'ONG italiennes ALISEI érigea un bâtiment de 3 salles de classes en briques cuites et 6 portes de latrines en briques cuites. L'école s'étant alors agrandie, les autorités de l'EPSP lui dotent de 2 options à savoir : la commerciale administrative et la sociale. Une année après, l'option pédagogie générale fut acceptée par la promo scolaire. L'institut obtient alors une structure de 18 classes dont 3 premières années ; 3 deuxièmes années, 3 troisièmes années, 3 quatrièmes années ; 3 cinquièmes années et 3 sixièmes années.

En 2004, l'institut MIKENO NC possède 9 salles de classes et fonctionné à double vacation dont 9 classes l'avant midi et 9 classes l'après-midi et comptent 485 élevés dont 248 filles.

Depuis 2002, l'institut MIKENO NC a eu à sa tête 5 préfet des études dont :

1. BATACHOKA MUNYORORO Georges; D6 N: 1an

2. MITINGI KARUBAMBA Desire; G3 chimie physique: 1 an

3. MUHOMBO MUHIMA René ; G3 Anglais : 3 ans

24

4. KITOKO KAIRA ; la Géographie : 8 mois

5. KUJIRAKZINJA KAHUNDA Gervais, la Biologie : dé octobre 2008 à nos jours soit 10 ans.

C'est sous la conduite de ce dernier que l'école va connaitre sa stabilité et son plus grand développement et modernisation avec les réalisations comme : la construction d'une clôture pour toute l'école, l'amélioration de la prime allouée aux enseignants par une grande négociation avec les parents ; l'adduction d'eau ; l'électrification ; la construction de 9 nouvelles salles de classes pour éliminer la double vacation avec l'aide du FOND SOCIALE de la RDC et les parents ; la construction d'une salle d'informatique avec plus de 20 portables et 15 desk tops, la construction d'une bibliothèque ayant actuellement plus de 1500 ouvrages de domaines différentes, la connexion internet de l'école 24h sur 24h avec un panneau qui alimente l'antenne, la construction d'une cours de récréation bétonnée et l'aménagement des jardins sans oublier les arbres qui caractérisent la verdure et la beauté dans notre école.

Actuellement l'école compte 29 agents tous qualifient dont 16 licenciés et 13 gradués. Ce personnel compte malheureusement seulement 2 femmes.

STRUCTURE DE L'ECOLE

Cette école organise 3 section dont :

· Humanités Pédagogiques ;

· Commerciale Informatique ;

· Humanité Technique Sociale.

a. Structure matériel

? Bâtiment :

- Le premier comprend la salle des professeurs et la bibliothèque ;

- Le second renferme 6 salle de classe, le bureau du préfet des études, du directeur

des études, du secrétaire, la salle d'informatique et de la comptable ;

- Le troisième bâtiment comprend 4 salle de classes ;

- Le quatrième bâtiment comprend 3 salle de classes ;

- Le cinquième bâtiment renferme 3 salles de classes.

25

b. Cours de recréation

La cours de récréation de l'institut MIKENO est bien entretenue et suffisamment améliorer, car les élevés trouve là où se recréer.

c. Matériel didactique

? Horaire de l'école fonctionne dans l'avant midi, les cours commencent à 7h30 et se

termine à 12h45 ;

? Programme scolaire d'enseignement :

Il y a conformité des matières a enseignée avec le programme scolaire de l'EPSP à la

disposition de l'école.

? Corps et enseignement :

? Personnel administratif ;

? Personnel enseignant.

26

EFFECTIF DES ELEYES 2018-2019

1. Effectifs²⁵

a. Tableau synoptique

Classe	Nbre	INSCRITS			ANCIENS			NOUVEAUX			REDOUBL.
		G	F	T	G	F	T	G	F	T	G	F	T
1ere	3	108	79	187	09	09	18	97	72	169	09	09	18
2eme	3	78	73	151	68	54	122	10	19	29	12	11	23
3e HP	1	29	23	52	26	18	44	03	05	08	01	03	04
3e CI	1	26	12	38	10	08	18	16	04	20	02	02	04
3e HTS	1	40	24	64	25	11	36	15	13	28	07	02	09
4e HP	1	27	14	41	20	12	32	07	02	09	03	04	07
4e CI	1	24	12	36	19	10	29	05	02	07	01	01	02
4e HTS	1	31	31	62	23	23	46	08	08	16	02	00	02
5e HP	1	19	16	35	17	16	33	02	00	02	00	01	01
5e CI	1	17	20	37	17	18	35	00	02	02	05	02	07
5e HTS	1	27	29	56	24	25	49	03	04	07	03	00	03
6e HP	1	23	22	45	22	21	43	01	01	02	01	00	01
6e CI	1	19	07	26	19	06	25	00	01	01	00	01	01
6e HTS	1	26	23	49	26	22	48	00	01	01	00	00	00
TOTAL	18	494	385	879			578			301			82

²⁵ Document institut MIKENO NC, 2020

27

LES OBJECTIFS DE L'ECOLE Objectifs de l'institut MIKENO NC :

? Former une jeunesse disciplinée utile à elle-même et à la nation

? Eliminer le complexe d'infériorité qui met les écoles officielles au second plan après les écoles conventionnées.

? Gagner la confiance des parents en donnant une formation solide a leurs enfants et des infrastructures dignes.

? Placer l'école dans le rang d'excellence en obtenant plus de 80% de lauréats finalistes chaque année.

Ainsi, vus ces objectifs ; notre institut a déjà lancé sur le marché 1414 diplômes dont 594 filles et 820 garçons depuis 2005 soit une moyenne de 118 élevés par an.

28

Organigramme administrave de l'Institut Mikeno

29

FONCTIONNEMENT DE L'INSTITUT MIKENO NC

I.1.1.1.1. Descriptions des taches

a. Le préfet des Etudes : il est l'autorité compétente officiellement reconnue pour gérer, administrer l'école avec l'assistance des autres membres du comité de direction et rendre compte au gestionnaire des écoliers c'est-à-dire le coordinateur.

Ses missions sont :

- Faire le suivi individualisé des élevés du point de vue éducatif et pédagogique, en liaison avec le conseillé principale d'éducation et les professeurs ;

- Il coordonne toutes les activités au sein de l'école et veille e l'application des directives du ministère de l'éducation nationale et de toutes les autorités hiérarchiques ;

- La relation avec les parents des élèves ;

- Le respect de règles communes ;

- La coordination du travail éducatif et pédagogique en équipe

- La communication et mise en place du projet avec différents partenaires internes et externes à l'établissement scolaire ;

- Il assure le respect de l'ordre intérieur ainsi que le bon climat et la discipline au sein de l'école.

b. Le secrétaire : Il a comme tache :

- Il met à jour les documents administratifs ;

- Il s'occupe de la réception et distribution des courriers ;

- Tenir à jour le suivi des taches et exécuter toute autre demandée à la hiérarchie ;

- Saisir et imprimer les lettres administratives

- Faire le rapport à la hiérarchie ;

- Indicatrice les lettres, donner des numéros aux lettres reçue et expédies

- Codifies les lettres et classement de lettres

- Soumettre les lettres au chef d'établissement pour signature.

30

c. Le directeur des Etudes :

Il a comme tâches :

- Il assiste, remplace le préfet en cas d'empêchement ;

- Il se charge aussi des tâches administratives et pédagogiques ;

- Il tient aussi des réunions pédagogiques et contrôle l'enseignement au sein de l'école ;

- Il contrôle de l'application des décisions des instructions et des directives en matière

d'organisation administratives ;

- L'élaboration et l'application de l'horaire des cours, des interrogations et des examens

pour chaque année scolaire ;

- Les présences, les absences, les retards du personnel et des élevés ;

- L'exécution des prévisions des matières ;

- L'organisation de l'administration des réunions pédagogiques après concertation avec

le préfet ;

- Le maintien de la discipline générale ainsi que la propreté de la sécurité au sein de

l'école, le contrôle de la tenue des documents pélagiques des enseignants.

d. Le directeur de discipline ou surveillant

Ses tâches sont les suivantes :

- Il est le patron de la discipline des élevés et rend compte à la direction des élevés ; - Il veille et maintient l'ordre et la discipline a l'école ;

- Il veille à l'autodiscipline, c'est pourquoi la ponctualité la science professionnelle, le sens de responsabilité et d'humanisme, la lucidité, le précipité et la compréhension lui est exigée.

e. Les enseignants

Ses tâches sont :

- Ils ont la clé pour fournir un bon environnement pour les élevés ;

- Ils assument un bon encadrement des élevés ;

- Ils sont destinés à transmettre une connaissance de qualité aux élevés ;

- Ils doivent maintenir la discipline et l'ordre dans toute les classes ;

- Justifient les absences et retards a la direction avec l'entrer en classe ;

Autorisent la sortie de la classe et non de l'école si les circonstances l'exigent

31