Final Rapport
Final Rapport
Final Rapport
PAIX-TRAVAIL-PATRIE PEACE-WORK-FATHERLAND
(Git -Sjp 3)
RAPPORT DE STAGE
CIC
Encadré par :
Responsable Responsable
(Tuteur Académique) (Tuteur Entreprise)
Année Académique 2019-2020
2
DEDICACE
Je dédie ce travail à mes parents, ma mère qui ne cesse de me soutenir et mon père qui est toujours à mes
côtés et ne cesse de m’encourager.
REMERCIEMENTS
Qu’il me soit permis ici d’avouer ma reconnaissance et mon respect envers ceux qui ont eu la
bonne volonté de me motiver et me soutenir vers la quête de l’excellence. Ainsi, je m’incline
Tout d’abord devant le Dieu tout puissant pour m’avoir accordé les moyens physiques
et spirituels me permettant de vivre cette expérience.
Aussi je remercie l’Administrateur Général de SAINT JEROME DE DOUALA pour
le plus qu’il nous accorde pour notre formation.
J’adresse mes vifs remerciements à mon encadreur, Mme Sombsi Adèle, au poste de
responsable des serveurs pour son entière disponibilité, son aide inestimable et ses
conseils, sans lesquels ce travail n’aurait pas abouti.
Aussi, je remercie très humblement la direction informatique notamment Mr
Tekinzang et Mr Mfongourain pendant toute la période de mon stage.
Je ne saurais terminer sans témoigner mes remercie assez les membres du jury pour
leur disponibilité, leurs précieux conseils et remarques constructives.
Enfin, je tiens à remercier tous mes frères et sœurs, pour leur amour leurs conseils et
leur soutien au quotidien.
MVC : Modele-Vue-Controleur
TABLES DE MATIERES
DEDICACE................................................................................................................................II
REMERCIEMENTS.................................................................................................................III
TABLE DES FIGURES...........................................................................................................IV
LISTE DES TABLEAUX..........................................................................................................V
LISTE DES ABBREVIATIONS..............................................................................................VI
TABLES DE MATIERES.......................................................................................................VII
RESUME..................................................................................................................................IX
ABSTRACT...............................................................................................................................X
INTRODUCTION GENERALE................................................................................................1
Chapitre 1 : Aperçu général et cadre du projet.....................................................................2
1.1 Présentation de l’entreprise..........................................................................................2
1.1.1 Historique et évolution.............................................................................................2
1.1.2 Les objectifs de la Catho Saint-Jérôme....................................................................3
1.1.3 Structure organisationnelle......................................................................................4
1.1.4 Situation géographique............................................................................................5
1.2 Description du service dans lequel...............................................................................5
1.3 Présentation du projet...................................................................................................5
1.3.1 Contexte et problématique.......................................................................................5
1.3.2 Objectifs du projet....................................................................................................6
1.3.3 Méthodologie...........................................................................................................6
1.3.4 Contraintes du projet................................................................................................7
Chapitre 2 REVUE DE LITTERATURE.............................................................................9
2.1 Etat de l’art de l’archivage numérique.........................................................................9
2.1.1 Définition et Objectifs..............................................................................................9
2.1.2 La problématique...................................................................................................10
2.1.3 Fonctionnalités.......................................................................................................11
2.2 Normes concernées par l’archivage numériques........................................................12
2.2.1 La norme 19005(2005, révisée en 2011 et 2012)...................................................12
2.2.2 OAIS (Is 1472 : 2012) (2012, révisée en 2012).....................................................12
Chapitre 3 METHODOLOGIE ET APPROCHE ADOPTEE............................................12
RESUME
Ce rapport s’inscrit dans le cadre de la réalisation de la conception et réalisation d’une
application mobile pour la gestion des archives des rapports et mémoires des étudiants de la
catho Saint Jérôme de Douala. Cette application a été dans le dessein de pouvoir gérer
l’ensemble des rapports et mémoires des étudiants afin de faciliter les taches d’administration.
Ainsi notre objectif est donc de pouvoir mettre à disposition des étudiants une plateforme
permettant de consulter, de télécharger les mémoires et rapports répertoriés dans le système.
Afin de pour pouvoir atteindre cet objectif nous avons créé une application mobile
multiplateforme modélisée à partir du langage UML (Unified Modeling Language). La
réalisation quant à elle a fait appel à de nombreux outils de développement bien adaptés au
contexte de notre application. Le langage de programmation que nous avons utilisé est le
TypeScript. Quant aux bases de données l’utilisation de Firebase et de SQLite nous a été
indispensable.
ABSTRACT
This report is part of the realization of a mobile application for the management of archives of
the reports and memoirs of tthe students of the University Institute Saint Jerome of Douala.
This application was designed to manage all the reports and dissertations of students to
facilitate the tasks of administration. Thus, our goal is to provide students with a platform to
consult, download, listed in the system. In order to achievethis goal, we have created a coss-
platform mobile application modeled from the UML (Unified Modeling Language). The
realization of the application used many development tools well adapted to the context of our
application. We used tthe Ionic framework based on the TypeScript. An for the Databases the
uses of Firebase and SQLite was essantial.
INTRODUCTION GENERALE
Les Smartphones ont connu un essor très important au cours de ces dernières années. Ils sont
de plus en plus dotés de puissance avec des fonctionnalités assez évoluées permettant de créer
des applications innovantes et de les distribuer en toute simplicité. Bien plus que des appareils
nous permettant d’effectuer des appels ou d’envoyer des SMS, ces terminaux sont devenus de
véritables outils multimédia permettant de répondre efficacement aux besoins de ces
utilisateurs.
La Catho Saint Jérôme de Douala a décidé d’oriente une grande partie de ses activités vers le
développement de solutions mobiles complètes et innovantes pour afin de satisfaire ses
besoins par la mise à disposition des services basiques accessibles depuis un terminal. C’est
dans ce cadre que nous avons été accueilli par cette structure comme stagiaire pendant une
période de 03 mois pour travailler sur un de ces nombreux projets de développement mobiles
sous le thème du « développement d’une application mobile d’archivage numérique des
rapports et mémoires des étudiants ». Cette solution qui sera développée fonctionnera sur
toutes les plateformes mobiles et permettra à ses utilisateurs de consulter les rapports de stage
des étudiants de la Catho Saint Jérôme de Douala.
Nous allons donc détailler le projet dans ce rapport sur quatre grandes articulations. Le
premier chapitre sera une présentation générale du cadre du projet et de et de l’entreprise
d’accueil dans lequel nous présenterons Saint–Jérôme au travers de sa fiche signalétique et de
ses missions. Le deuxième chapitre sera réservé à la présentation de l’état de l’art qui est une
revue de littérature portant sur l’archivage numérique, ensuite nous consacrerons le troisième
chapitre à la méthodologie et la conception de notre application. Enfin, le dernier chapitre sera
dédié à la réalisation et la présentation du travail.
Les dates marquantes de l’histoire de la Catho Saint-Jérôme de Douala sont pour la plus part
les suivantes :
L'administrateur général est chargé de coordonner toutes les activités de l'Institut et de mettre
en place des stratégies qui permettront d'atteindre les objectifs fixés tout en respectant la
vision globale telle que définie par ses fondateurs. L'Administrateur général est assisté dans
ses taches par trois inspecteurs qui coordonnent les entités suivantes :
Chaque inspection est constituée de plusieurs directions qui travaillent en étroite collaboration
pour le bon fonctionnement de l'institut.
Parmi c'est directions, certaines sont consacrées à la gestion des quatre (04) différentes écoles
qui sont :
Saint Jérôme Polytechnic (SJP) est une école d'ingénieur qui vient répondre ainsi aux besoins
de formation des ressources humain à la page des avancées technologiques majeurs et capable
de proposer des solutions optimales aux problèmes de l'environnement dans lequel elles se
trouvent afin de contribuer à son développement. La formation commence par un cycle
préparatoire intégré suivi d'une orientation progressive à partir du second semestre de la
deuxième année par des enseignements plus spécialisés complétés par une formation générale
visant à maitriser l'entreprise et son environnement dans leurs différentes dimensions.
Le cycle Licence qui a une durée de trois années soit un total de six semestres d'études.
Le cycle Master qui a une durée de deux ans, pendant lesquels l'apprenant aura la possibilité
de se spécialiser dans l'un des domaines ci-après :
Comptabilité, Contrôle et Audit (CCA)
Banque et Institutions Financières (BIF)
Supply Chain Management (SCM)
Gestion des Ressources Humaines (GRH)
Marketing (MKT)
Saint Jérôme School of Religious and Social Science (SJRSS) est une école nouvellement
créé qui offre des formations aux étudiants dans les domaines des sciences médicales,
biomédicales et sanitaires.
Saint Jérôme School of Réligious and Social Sciences (SJRSS) est une école qui offre des
formations en philosophie et théologie. Les formations sont ouvertes à tous.
facilitant ainsi une consultation directe des documents depuis un terminal mobile et
améliorera la traçabilité de ces documents.
1.3.3 Méthodologie
Notre méthodologie de travail a consisté en 04 principales étapes :
s’effectuait la consultation de ces rapports. Les réponses à ce questionnaire nous ont permis
d’orienter nos recherches dans la littérature.
La deuxième étape a été une revue de littérature visant à comprendre l’archivage numérique
des documents. Comment utiliser les technologies mobiles dans le processus d’archivage et à
recenser des exemples existants.
La dernière étape est la proposition de notre solution mobile multiplateforme ainsi qu’une
présentation des résultats obtenus.
2.1.2 La problématique
La conservation numérique doit maintenir la capacité d’afficher, d’extraire et d’utiliser les
collections numériques mais elle est dépendante de l’évolution de son environnement
informatique
2.1.3 Fonctionnalités
Après avoir énoncé les différentes problématiques auquel se confrontent un SAE , il convient
de présenter les différentes fonctionnalités d’un système d’archivage électronique. Un SAE
sécurisé s’inscrit sur dans le cadre de cinq grandes fonctions qu’il convient de bien définir :
Tableau 2-3 : Fonctionnalités d'un SAE
Veille juridique
2.2 Normes concernées par l’archivage numériques
Les normes encadrent la conservation des documents. Elles permettent ainsi au organismes de
mettre en place un système de conservation sécurisé. Parmi les différentes normes qui
régulent l’archivage numérique nous avons :
Ceci du fait que ce format est fidèle au document original (image, police et taille d’écriture
par exemple) ce qui permet ainsi de consulter un document sans que le logiciel que lequel il a
été créé ne soit installé sur le terminal utilisé
L ’UML (Unified Modeling Language ) est un langage de modélisation des systèmes standard
qui utilisent les diagramme pour représenter chaque aspect d’un système c’est à dire statique,
dynamique, … en s’appuyant sur la notion d’orienté objet qui est un v2ritable atout pour ce
langage. Elle propose une boite d’outils permettant la modélisation de tout type de système
d’information
UML OU Merise ?
Les méthodologies disent qu’une méthode pour être opérationnelles doit avoir 3
composantes :
Merise se positionne comme une méthode de conception SI organisationnel plus tournée vers
la compréhension et la formalisation des besoins du métier que vers la réalisation de logiciel.
En ces sens que Merise se réclame plus de l’ingénierie du SI métier que du génie logiciel.
Jamais Merise ne s’est voulu une méthode de développement logiciel ni de programmation.
L’UML est par contre de par son origine (programmation objet) s’affirme comme un
ensemble de formalismes pour la conception logicielle à bas de langage objet. Il est idéal
pour :
Pour modéliser les données (le modèle de classe réduit sans méthodes et stéréotypes
en cas d’entités) mais avec des lacunes qui ne présentait pas l’entité relation de
Merise.
Pour modéliser le fonctionnement métier (le diagramme d’activité et de cas
d’utilisation) qui sont des formalismes très anciens qu’avait en son temps améliorée
Merise
Après cette étude comparative, il est certes que nous allons adopter UML comme langage de
modélisation puisque notre application est basée sur le concept de l’orienté Objet.
Les diagrammes utilisés dans l’ensemble de notre analyse seront présentés dans le tableau
suivant :
DIAGRAMMES ROLES
Cas d’utilisation Modéliser les besoins des utilisateurs
Représenter les grandes fonctionnalités entre le système et
l’utilisateur
Classes Représenter les objets du système qui vont interagir pour réaliser
Même si l’Esparato est une utopie la nécessité de s’accorder sur les modes d’expression
commun est vitale en informatique. UML n’est pas à l’origine des concepts objets mais en
constitue une étape majeure car il unifie les différentes approches et en donne une définition
plus formelle.
Le processus (non couvert par l’UML) est une autre clé de la réussite d’un projet.
Or l’intégration de l’UML dans un projet et améliorer un processus est une tâche complexe et
logique.
Les auteurs de l’UML sont tout à fait conscients de l’importance du processus, mais
l’acceptabilité industrielle de la modélisation objet passe d’abord par la disponibilité
d’analyse objet et standard
Le 2TUP propose un cycle de développement en Y qui dissocie les aspects techniques des
aspects fonctionnels. Il commence par une étude préliminaire qui consiste essentiellement à
identifier les acteurs qui vont interagir avec le système à construire, les messages
qu’échangent les acteurs et le système, à produire le cahier de charge et à modéliser le
contexte ( le système est une boite noire, les acteurs l’entourent et sont reliés à lui, sur l’axe
qui lie un acteur au système on met les messages que les deux échangent dans le sens
Figure 3-3
Le cas d’utilisation : c’est une unité cohérente représentant une fonctionnalité visible
de l’extérieur. Il réalise un service de bout en bout avec un déclenchement, un
déroulement et une fin, pour l’acteur qui l’initie.
Un cas d’utilisation modélise donc un service rendu par le système sans imposer le
mode de réalisation de ce service. Il représente par une ellipse contenant le nom du cas
(un verbe à l’infinitif) et optionnellement au-dessus du nom un stéréotype. La figure
ci-dessous illustre le modèle d’un cas d’utilisation
Les relations : trois types de relations sont pris en charge par la norme UML et sont
graphiquement représentés par des types particuliers de ces relations. Les relations
indiquent que le cas d’utilisation source présente les mêmes conditions d’exécution
que le cas issu. Une relation simple entre un acteur et une utilisation est un trait
simple.
Acteur Rôle
Visiteur C’est un individu qui télécharge
l’application cherchant des mémoires et des
rapports de stage.
Etudiant C’est un étudiant ayant un compte sur notre
application. Il peut donc consulter les
mémoires et les rapports ainsi que les
télécharger
L’administrateur C’est l’individu qui assure le dynamisme de
l’application ; les mises à jour de
l’application, de leur disponibilité ainsi la
gestion des comptes des étudiants.
Figure 3-5: Tableau des acteurs de notre système
N° Cas d’utilisation
1. Se connecter
SOMMMAIRE
Titre Identification
But Saisir une adresse email et un mot de passe afin de pouvoir se connecter
Résumé Apres avoir entré son adresse email et son mot de passe, l’utilisateur peut
accéder à une interface si il ses données sont valides et peut ainsi accéder
à toutes les fonctionnalités de l’application.
Acteur Administrateur et l’étudiant
DESCRIPTIONS DES ENCHAINEMENTS
Préconditions Post –conditions
- Il accède à l’interface de connexion - Saisir son adresse mail ainsi que son
de connexion login
Scenario nominal
1. L’utilisateur est authentifié
2. Si les données sont correctes le contenu de la plateforme s’affiche
3. L’ensemble des taches s’affiche et il peut ainsi consulter ses taches par simple clic.
Enchainement alternatif
L’utilisateur n’a pas rempli tous les champs ou les données sont incorrectes
Le système affiche un message d’erreur
Retour à l’étape 1 du scenario nominal pour lancer à défaut la connexion
A défaut le client clique sur mot de passe oublié il est invite à saisir son adresse email
Un message est envoyé vers sa boite email avec son nouveau mot de passe
Description du cas d’utilisation « Gestion des comptes étudiants »
Dans le tableau suivant nous allons détailler le cas d’utilisation « Gestion des comptes
étudiants » qui s’accompagne du scenario nominal
SOMMMAIRE
Titre Ajouter des comptes étudiants
But Permettre à l’administrateur d’ajouter des comptes des étudiants
Résumé Apres avoir entré son adresse email et son mot de passe, l’administrateur
peut accéder à une interface si il ses données sont valides et peut ainsi
accéder à la fonctionnalités lui permettant de gérer les comptes des
étudiants.
Acteur Administrateur de l’application mobile
DESCRIPTIONS DES ENCHAINEMENTS
Préconditions Post –conditions
- L’administrateur est authentifie - Il clique sur l’option « Ajout des
comptes »
Scenario nominal
1. L’administrateur est authentifié
2. Si les données sont correctes le contenu de la plateforme s’affiche
3. L’ensemble des taches s’affiche et il peut ainsi consulter ses taches par simple clic.
4. Il clique sur l’option d’ajout des comptes étudiant
5. Le système affiche une interface présentant un formulaire et il peut ainsi ajouter les
comptes en remplissant formulaire
Enchainement alternatif
L’utilisateur n’a pas rempli tous les champs ou les données sont incorrectes
Le système affiche un message d’erreur
Retour à l’étape 1 du scenario nominal pour lancer à défaut la connexion
A défaut le client clique sur mot de passe oublié il est invite à saisir son adresse email
Un message est envoyé vers sa boite email avec son nouveau mot de passe
Description du cas d’utilisation « Ajouter des documents »
Dans le tableau suivant nous allons détailler le cas d’utilisation « Gestion des mémoires et des
rapports de stage » qui s’accompagne du scenario nominal
SOMMMAIRE
Titre Ajouter des documents
But Pouvoir ajouter les mémoires et rapports des étudiants.
Résumé Après avoir entré son adresse email et son mot de passe,
l’administrateur peut accéder à une interface si ses données sont valides
et peut ainsi accéder à la fonctionnalité lui permettant de gérer des
documents et rapports.
Acteur Utilisateur de l’application mobile
DESCRIPTIONS DES ENCHAINEMENTS
Dans le tableau suivant nous allons détailler le cas d’utilisation « Modifier des mémoires et
des rapports de stage » qui s’accompagne du scenario nominal
SOMMMAIRE
Titre Modifier des documents
But Pouvoir modifier les mémoires et rapports des étudiants.
Résumé Après s’être authentifié l’administrateur peut accéder à une interface si
ses données sont valides et peut ainsi accéder à la fonctionnalité lui
permettant de modifier des documents et rapports.
Acteur L’administrateur de l’application mobile
DESCRIPTIONS DES ENCHAINEMENTS
Préconditions Post –conditions
Dans le tableau suivant nous allons détailler le cas d’utilisation « Supprimer les documents »
qui s’accompagne du scenario nominal
SOMMMAIRE
Titre Supprimer les documents
But Permettre à l’administrateur de pouvoir supprimer les mémoires et
rapports.
Résumé Apres s’être authentifié , l’administrateur accède à la tache de gestion des
comptes au cours duquel il peut modifier supprimer des rapports et
mémoires
Acteur Administrateur
DESCRIPTIONS DES ENCHAINEMENTS
Préconditions Post –conditions
- L’administrateur est authentifié - Il choisit l’option de gestion des
documents
Scenario nominal
1. L’administrateur est authentifié
2. Si les données sont correctes le contenu de la plateforme s’affiche
3. L’ensemble des taches s’affiche et il peut ainsi consulter la tache de gestion des
documents par simple clic.
4. Il clique sur la tache de gestion des documents et accède a la liste des documents
il peut ainsi sélectionner un document et le supprimer
Enchainement alternatif
L’utilisateur n’a pas rempli tous les champs ou les données sont incorrectes
Le système affiche un message d’erreur
Retour à l’étape 1 du scenario nominal pour lancer à défaut la connexion
A défaut le client clique sur mot de passe oublié il est invite à saisir son adresse email
Un message est envoyé vers sa boite email avec son nouveau mot de passe
Description du cas d’utilisation « consulter la liste des mémoires »
Dans le tableau suivant nous allons détailler le cas d’utilisation « consulter la liste des
mémoires » qui s’accompagne du scenario nominal
Tableau 3- 11: Description du cas d'utilisation « consulter des mémoires en fonction des
écoles »
SOMMMAIRE
Titre Consulter la liste des mémoires en fonction des écoles
But Lister les mémoires stockés dans le système
Résumé Apres le téléchargement de l’application l’utilisateur est dirigé vers une
page ou est répertorié l’ensemble des mémoires et rapport classifiés par
école
Acteur Visiteur
DESCRIPTIONS DES ENCHAINEMENTS
Préconditions Post –conditions
- L’utilisateur télécharge l’application - Afficher l’interface présentant la
- L’utilisateur clique sur le bouton classifications des mémoires
«Mémoire en ligne»
Scenario nominal
Dans le tableau suivant nous allons détailler le cas d’utilisation « effectuer une recherche »
qui s’accompagne du scenario nominal
SOMMMAIRE
Titre Effectuer une recherche
But Lister les mémoires stockés dans le système par filière
Résumé L’utilisateur accède à la liste des mémoires, il clique sur le menu de
recherche, l’action se déclenche et il peut ainsi saisir le titre du mémoire
recherché. Apres validation le résultat de sa recherche s’affiche.
Acteur Utilisateur de l’application mobile
DESCRIPTIONS DES ENCHAINEMENTS
Préconditions Post –conditions
- L’utilisateur télécharge l’application - Il sélectionne le menu de recherche
et saisi le titre du mémoire
recherché
Scenario nominal
1. Le client télécharge l’application
2. Il clique sur le bouton « Mémoire en ligne »
3. Il est renvoyé vers une page où se trouve l’ensemble des sujets traités
4. Il clique sur le menu de recherche
5. Il saisit le titre du mémoire recherché
Enchainement alternatif
Dans le tableau suivant nous allons détailler le cas d’utilisation « Afficher les informations
des mémoires » qui s’accompagne du scenario nominal.
Tableau 3-13: Description détaillée du cas d'utilisation « Afficher les informations d'un
mémoire »
SOMMMAIRE
Titre Afficher les informations relatives à chaque mémoire
But De permettre à l’étudiant d’obtenir d’amples informations concernant un
mémoire ou un rapport
Résumé L’interface de liste des mémoires et rapports étant chargé, l’étudiant a la
possibilité de cliquer sur l’icône de vue et peut ainsi accéder à une
interface ou sera affiché les informations concernant ce mémoire.
Acteur Etudiant
DESCRIPTIONS DES ENCHAINEMENTS
Préconditions Post –conditions
- L’étudiant est authentifié - Les informations concernant le
thème est affiché
Scenario nominal
1. Il accède à l’espace étudiant
2. Il fait le choix de la catégorie d rapports qu’il souhaite consulter
3. Le système expose la liste des titres des mémoires suivis du nom de l’étudiant et de
l’aperçu du résumé du mémoire.
4. L’utilisateur clique sur un titre
5. Le système affiche les informations du mémoire en question
Enchainement alternatif
Dans le tableau suivant nous allons détailler le cas d’utilisation « Télécharger les mémoires et
rapports » qui s’accompagne du scenario nominal.
SOMMMAIRE
Titre Télécharger les fichiers numériques des mémoires
But Cliquer sur le bouton de téléchargement
Résumé Lorsque l’étudiant est authentifié il a possibilité d’accéder à la
fonctionnalité de téléchargement des mémoires
Acteur Etudiant
DESCRIPTIONS DES ENCHAINEMENTS
Préconditions Post –conditions
- L’étudiant est authentifié - Il clique sur l’icône de
téléchargement
Scenario nominal
1. Le client se connecte à l’application par le login et un mot de passe.
2. Le système le renvoi l’espace étudiant
3. Le client clique sur la rubrique documents qu’il souhaite consulter
4. Il clique sur le titre d’un document et le système affiche une interface contenant les
informations du document choisi
5. Il clique sur l’icône de téléchargement
Enchainement alternatif
Les classes : une classe représente la description formelle d’un ensemble d’objets
ayant une sémantique et des caractéristiques communes. Elle est représentée en
utilisant un rectangle divisé en trois sections :
La section supérieure est le nom de la classe, la section centrale définit les propriétés
de la classe alors que la section du bas énumère les méthodes de la classe.
Les associations : une association est une relation entre deux classes (association
binaire) ou plus (association n-aire) qui décrit les connexions structurelles entre
plusieurs instances. Une association indique donc que les liens peuvent exister entre
des instances des classes associées.
Les attributs : les attributs représentent les données encapsulées dans les objets des
classes. Chacune de ces informations est définie par un nom, un type de données, une
visibilité et peut être initialisé. Le nom de l’attribut doit être unique a une classe
L’organisation globale d’une interface graphique est souvent délicate. Bien que la façon MVC
d’organiser une interface graphique ne soit pas la solution miracle. Elle fournit une première
approche qui peut ensuite être adaptée. Elle offre aussi un cadre pour structurer l’application
3.4.2.1 Le modèle
Il contient les données manipulées par le programme. Il assure la gestion de ces données et
garantit leur intégrité. Dans le cas pratique d’une base de données c’est le modèle qui la
contient. Le modèle offre les méthodes pour mettre à jour ces données (insertion, suppression
changement de de valeur) il offre aussi les méthodes pour récupérer ces données, le résultat
renvoyé par le modèle sont dénués de toute présentation.
3.4.2.2 La vue
La vue correspond à l’interface avec lequel l’utilisateur interagit. Sa première tâche est de
présenter les résultats renvoyés par le modèle. Sa seconde tâche est de recevoir toutes les
actions de l’utilisateur (clic de souris, sélection d’une entrée boutons) ces différents
évènements sont envoyés au contrôleur. La vue n’effectue aucun traitement. Elle se contente
d’afficher les résultats de traitements effectuées par le modèle et interagit avec l’utilisateur.
3.4.2.3 Le contrôleur
Le contrôleur prend en charge la gestion des évènements de synchronisation pour mettre à
jour la vue ou le modèle et les synchroniser. Il reçoit tous les évènements de l’utilisateur et
enclenche les actions à effectuer. Si une action nécessite un changement des données le
contrôleur demande la modification des données au modèle. Ce dernier avertit la vue que les
données ont changés pour qu’elle se mette à jour. Certains évènements de l’utilisateur
concernent nt pas les données mais la vue. Dans ce cas le contrôleur demande à la vue de se
modifier le contrôleur n’effectue aucun traitement, ne modifie aucune donnée. Il analyse la
requête du client et se contente d’appeler le modèle adéquat et de renvoyer la vue
correspondant à la demande.
Nous allons donc présenter dans un premier temps la conception graphique de notre
application ainsi que l’environnement matériel et logiciel de développement.
4.1.1.2.1 Le logo
4.1.1.2.2 Les couleurs
Le bleu : c’est une couleur que l’on habitude de voir notamment dans la nature (le ciel
et la mer). Et d’ailleurs couleur de l’océan ; le bleu évoque ainsi les idées de voyage,
de découvertes, d’horizons lointains. Dans cette perspective ; le bleu dans notre
contexte évoque la connaissance c'est-à-dire la compréhension, aux question
fondamentales ; à la profondeur des choses
Le jaune : c’est une couleur associée à la joie, la bonne humeur il est synonyme de
soleil par extension la vie, la puissance, l’énergie.
Le blanc : il suggère la pureté, la propreté et la perfection. Considérée comme une
couleur froide il apporte de la brillance et de la clarté.
Le rouge : c’est une couleur fascinante qui aime jouer sur les paradoxes. Elle
représente à la fois l’amour et la colère ; la sexualité et le danger. C’est une couleur
très vive qui évoque dans ce contexte le labeur, la souffrance
4.2 Outils
4.2.1 Choix technique
4.2.1.1 Choix de développement
4.2.1.1.1 Ionic
Le Framework Ionic est un mélange d’outils pour développer des applications hybrides
rapidement et facilement. En effet, ce Framework est une surcouche du Framework
AngularJs, Angular2 ou Angular4 (dépendant de la version d’Ionic). IONIC dispose de
plusieurs avantages car il permet de produire des applications hybrides. C’est à dire on aura
besoin d’un seul code source pour créer des versions sous Android, iOS, Windows Phone ou
encore BlackBerry. Tout ceci se fait avec l’appui d’Apache Cordova qui génèrera un
exécutable avec l’extension « APK » pour la plateforme ANDROID.
De plus c’est un Framework Open source basé sur le langage HTML 5, SCSS et JavaScript.
L’objectif de ce Framework est d’offrir un développement court, efficace et ne nécessitant pas
de grandes connaissances dans le domaine. Le développement Web étant souvent la première
chose que tout informaticien apprend, il est donc très facile e sa lancer dans la création d’une
application utilisant le Framework Ionic.
Apache Cordova est un Framework de développement mobile open source qui permet
d’exploiter les technologies telles que le HTML 5, le CSS 3 et le Javascript pour développer
des applications multiplateformes. Les applications s’exécutent dans les wrap pers ciblés pour
chaque plateforme, elle s’appuient sur des API conformes aux standards permettant l’accès
aux capteurs de chaque appareils ainsi qu’à l’état du réseau.
L’essentiel de la technologie cordova est une API JavaScript. Elle joue le rôle de « Wrapper »
(enveloppeur) pour le code natif afin de rendre cohérente l’application avec les dispositifs
mobiles. On peut considérer cordova comme un conteneur d’application qui s’intègre avec le
WebView pour l’affichage de la page Web quel que soit son contenu (JQuery, Angular JS).
Suivant le système d’exploitation Cordova s’adresse par exemple à la classe native Objective
C UNWebView sur Ios ou à la classe Android android.webkit.WebView
4.2.1.1.3 Angular
Le Framework Ionic embarque la dernière version du HTML. La version html 5 a été finalisée
en octobre 2014. Le html est un langage balisé permettant de structuré les données d’une page
internet.
4.2.1.2.2 LE SCSS
Le Framework Ionic embarque également aussi le SCSS. Ce format de fichier a la même
particularité que les fichiers CSS pour formater le texte. Cependant il dispose de
fonctionnalités syntaxiques en plus comme les variables par exemple. Il est à noter qu’un
fichier CSS est un fichier SCSS valide car le SCSS n’est qu’une extension de ce format.
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 auto intelligente du code.
4.2.1.2.4 NODEJS
NodeJs est une plateforme logicielle permettant d’exécuter du code JavaScript coté serveur. Il
se démarque par l’utilisation d’un système de boucle qui permet l’exécution d’opérations de
manière asynchrone. On en effet besoin de NodeJs pour texter les scripts Anguler 2 en mode
développement.
Pour tester le rendu de l’application, nous avons utilisé dans un premier temps le navigateur
avec le serveur de NodeJs ensuite, pour rendre le travail moins laborieux nous nous sommes
tournés vers un smartphone Android ou nous pouvions effectuer de manipulation sur le
téléphone avec la souris.
4.2.1.2.6 SQLite
SQLite est un système de base de données ou une bibliothèque proposant un moteur de base
de données relationnelle. Il repose sur une écriture en C ; un langage de programmation
impératif, et sur une accessibilité via le langage SQL( Structured Query Language)
4.2.1.2.7 Firebase
Firebase est le nom d’une plateforme mobile Google qui facilite la création de back end à la
fois scalable et performant. En d’autres termes il s’agit d’une plateforme qui permet de
développer rapidement des applications pour mobile et pour le web.
Elle propose un ensemble de services d’hébergement pour n’importe quel type d’application.
Nous avons fait usage des services d’hébergement afin de stocker les fichiers numériques des
rapports et mémoires
Ce logiciel nous a été très utile en ce qui concerne les requêtes SQL puisqu’il nous permettait
de tester les requêtes avant même de les mettre dans le code de l’application. En effet SQLite
est comme son nom l’indique « léger ».
4.2.1.2.9 EdrawMax
Conclusion Générale
Le présent rapport a été rédigé dans le cadre de la réalisation de notre projet au sein de la
Catho Saint-Jérôme de Douala durant une période de 02 mois. Aujourd’hui, l’informatique
mobile atteint une prodigieuse évolution technologique. Cette évolution est nécessaire pour
remédier aux problèmes rencontrées dans la vie courante. Dans ce contexte il a donc été pour
nous de trouver et d’implémenter une application mobile conçu pour effectuer la mise en
ligne des mémoires et des rapports de stage des étudiants. Nous sommes arrivés à développer
une application mobile multiplateforme dont l’objectif majeur est d’effectuer l’archivage des
documents.
La réalisation de ce travail est organisée en 03 grandes phases, tout d’abord nous avons
commencé par une étude préalable de notre de notre projet visant à assimiler le système déjà
existant permettant ainsi de définir les principaux intervenants et d’identifier les besoins. La
deuxième phase de notre travail concerne la conception d’une architecture de base stable qui
est le point de départ à la conception dans laquelle nous avons utilisé UML comme langage de
modélisation. Enfin nous avons réalisé un outil simple et efficace qui permet à l’utilisateur de
consulter les mémoires et rapports des étudiants en ligne.
L’outil réalisé est satisfaisant cependant de nouvelles perspectives reste envisageable comme
la conception d’un site web permettant une gestion globale par l’administrateur ; permettre à
l’utilisateur de stocker ses documents. Ce travail est une œuvre humaine, n’est pas un modèle
parfait. C’est donc pourquoi nous restons ouverts à toutes les critiques et sommes prêts à
recevoir toutes les suggestions et remarques tendant à améliorer d’avantage cette étude.
REFERENCES BIBLIOGRAPHIQUES
WEBTOGRAPHIE
[1] https://www.freakyjolly.com/ionic-alert-this-alertcontroller-create/ consulté le 2 Avril
2020 à 16h
[2] https://www.memoireonline.com/11/13/7773/Conception-et-developpement-d-une-
application-mobile-de-vente-flash-sous-android.html.Consulté le 22 Avril 2021 à 14h
[3] https://medium.com/ampersand-academy/ionic-4-modal-example-da9694fa0f53.
Consulté le 29 Avril 2021 à 09 h.
[4] https://github.com/bharathirajatut/ionic4-higher-example/tree/master/cart-crud-php-
mysql-example/cart-ui. Consulté le 29 Avril 2021 à 17h
[5] https://forum.ionicframework.com/t/how-to-use-the-ion-searchbar-with-databases/
79863/2 Consulté le 30 Avril 2021 à 12h
[6] https://www.remotestack.io/ionic-sqlite-database-crud-offline-mobile-app-tutorial/.
Consulté le 29 Avril 2021 à 21 h
[7] https://www-positronx-io.cdn.ampproject.org/v/s/www.positronx.io/how-to-build-list-
filtering-and-searching-in-ionic/amp/?
amp_js_v=a6&_gsa=1&usqp=mq331AQHKAFQArABIA%3D
%3D#aoh=16229897815497&referrer=https%3A%2F%2Fwww.google.com&_tf=Source
%C2%A0%3A%20%251%24s. Consulté le 30 Avril 2021 à 05h .
[8 https://www.joshmorony.com/high-performance-list-filtering-in-ionic-2/.Consulté le
30 Avril 2021 à 12 h.
[9] https://rosedienglab.defarsci.org/a-quoi-sert-une-architecture-mvc-son-
fonctionnement/.Consulté le 01 Mai 2021 à 9h
[12] https://laurent-audibert.developpez.com/Cours-UML/?page=diagramme-classes
consulté le 3 Mai 2021 a 23h
[13] https://openclassrooms.com/fr/courses/4670706-adoptez-une-architecture-mvc-en-
php/4678736-comment-fonctionne-une-architecture-mvc Consulte le 03 mai 2021
Avril à 5h
[15] file:///storage/emulated/0/Download/projet-fin-dtude-application-mobile-33-638.jpg
Consulté le 20 Mai 2021 à 7h
[17] https://www.remotestack.io/ionic-angular-firebase-authentication-example-tutorial/
Consulté le 30 Mai 2021 à 17h
[21] https://stackoverflow.com/questions/46767431/how-to-implement-searching-and-
filtering-in-ionic Consulté le 02 Juin 2021 à 17h .
[23] https://manurenaux.wp.imt.fr/2013/09/25/uml-pour-modeliser-les-donnees-2/.
Consulté le 04 Juin 2021 à 10h.
[24] https://laurent-audibert.developpez.com/Cours-UML/?page=diagramme-classes
Consulté le 05 Juin 2021 à 5h.
ANNEXES