2.5. ESQUISSE DE LA PROGRAMMATION FAITE
La programmation est un processus
qui permet d'établir un programme exécutable sur la machine,
c'est-à-dire la manière d'organiser et d'écrire les
instructions d'un programme de manière correcte et cohérente pour
contraindre l'ordinateur à exécuter une tâche
spécifique. Elle apporte donc une réponse à la
question : « Comment résoudre un problème dans
l'esprit informatique ? »
Par contre un programme est une suite ordonnée
d'instructions enregistrées sur un support et permettant
d'exécuter une série de tâches.
2.5.1. CHOIX DU LANGAGE DE PROGRAMMATION
Un langage informatique est un langage destiné
à décrire l'ensemble des actions consécutives qu'un
ordinateur doit executer pour résoudre un problème donné.
Il existe cependant une multitude de langages de programmation. Dans le
contexte de ce travail, nous avons porté le choix sur les outils
logiciels suivants : le HTML, le CSS, le PHP, le framwork IONIC, Angular,
TypeScript, Capacitor pour les multiples avantages entre autres :
· Plus rapide à l'exécution ;
· La portabilité du code source ;
· Garantit la sécurité du code
source ;
· L'indépendance vis-à-vis de la
plate-forme ;
· Le multi-thread...
2.5.2. EXTRAIT DES CODES SOURCES
Codification de la page d'accueil de l'application
Mobile (Html-ION)
<ion-header [translucent]="true">
<ion-title class="ion-align-items-start">DIVISION PROVINCIALE DE SANTE</ion-title>
<ion-toolbar color="primary">
<ion-buttons slot="start">
<ion-menu-button menu="main-menu"></ion-menu-button>
</ion-buttons>
<ion-buttons slot="end">
<ion-button color="light" click="logout()">
<ion-icon name="log-out" slot="icon-only"></ion-icon>
</ion-button>
</ion-buttons>
<ion-title>DPS/KINSHASA</ion-title>
</ion-toolbar>
</ion-header>
<ion-content [fullscreen]="true">
<ion-header collapse="condense">
<ion-toolbar>
<ion-title size="large">
DPS KINSHASA
</ion-title>
</ion-toolbar>
</ion-header>
<ion-list>
<ion-item *ngFor="let posts of postData ">
<ion-card (click)="postView(posts.id) ">
<ion-title>{{posts.title.rendered}}</ion-title>
</ion-card>
</ion-item>
</ion-list>
</ion-content>
| 
