Vous êtes sur la page 1sur 79

REPUBLIQUE DU BENIN

MINISTERE DE L’ENSEIGNEMENT SUPERIEUR ET DE LA RECHERCHE


SCIENTIFIQUE

ECOLE PIGIER BENIN


DOMAINE : SCIENCES ET TECHNOLOGIES

MENTION : INFORMATIQUE
SPECIALITE : LICENCE PROFESSIONNELLE EN RESEAUX ET GENIE
LOGICIEL

THEME :
CONCEPTION ET REALISATION D’UNE
APPLICATION MOBLIE SOUS ANDROID DE VENTE
DE LIVRE EN LIGNE : CAS DE BOOKCONEKT

Réalisé par :
Sessinou Messie Dieu-donné ADIGBONON & Mohamed Farouk Arèmou M.A. ATAOU

Sous la direction de :

MAITRE DE STAGE DIRECTEUR DES RECHERCHES


AGBEMAVO Augustino ALI Aboudou Karim
Directeur à BOOKCONEKT Ir Génie Log. Et Info. Décisionnelle
Enseignant à Pigier Benin

Session de Juin 2020


L’école PIGIER BENIN n’entend donner ni approbation, ni
improbation aux opinions émises dans ce mémoire. Ces opinions
doivent être considérées comme propres à leurs auteurs.

Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT


Conclusion générale

Dédicaces

Je dédie ce mémoire à :
 Ma mère, qui a œuvré pour ma réussite, de par son amour, son soutien, tous les
sacrifices consentis et ses précieux conseils, qui peut être fier et trouver ici le résultat
de longues années de sacrifices et de privations pour m’aider à avancer dans la vie.
Puisse Dieu faire en sorte que ce travail porte son fruit.

Messie S. ADIGBONON

i
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
Conclusion générale

Dédicaces

Je dédie ce mémoire à :
 Mes très chers parents, qui ont œuvrés pour ma réussite, de par leurs amours, leurs
soutiens, tous les sacrifices consentis et leurs précieux conseils.


Farouk M. ATAOU

ii
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
Remerciements

Remerciements

Qu’il nous soit permis d’adresser ici nos sincères remerciements à notre Directeur des études,
Monsieur Arsène VIGAN, à tous les membres de l’administration et à tous les professeurs de
l’Ecole UNIVERSITAIRE PIGIER-BENIN pour la formation de qualité et le suivi dont ils ont
fait preuve tout au long de notre formation.
Nous tenons à remercier particulièrement :
 Monsieur AGBEMAVO Augustino, Directeur Général de BOOKCONEKT pour avoir
accepté notre stage et pour son accompagnement tout au long de ce projet.
 Monsieur ALI Aboudou Karim, notre maitre de mémoire, qui n’a ménagé aucun effort
pour nous aider à la réalisation de ce projet ;
 Monsieur ALI Khaliq notre Co-maître de stage qui nous a permis de mener à bien notre
stage au service technique de Bookconekt.
 Tout le personnel de BOOKCONEKT pour la connaissance et les sages conseils qu’ils
ont pu nous transmettre au cours de notre stage.
 Tous les amis avec lesquels nous avons partagé du « miel et du vinaigre » durant toutes
ces années d’efforts et de sacrifice.
 Tous ceux qui de près ou de loin ont contribué à la réalisation de ce projet.

iii
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
Sommaire

Sommaire

Dédicaces ........................................................................................................... i
Dédicaces .......................................................................................................... ii
Remerciements .................................................................................................. iii
Sommaire ......................................................................................................... iiv
Liste des tableaux ............................................................................................... v
Listes des figures ............................................................................................... vi
Liste des abréviations ....................................................................................... vii
Résumé ........................................................................................................... viii
Introduction ........................................................................................................ 1
Chapitre I : Cadre et Problématique de la Recherche. ......................................... 2
CONCLUSION PARTIELLE I ........................................................................ 12
Chapitre II : Analyse et Spécifications du système ........................................... 13
CONCLUSION PARTIELLE II....................................................................... 31
CHAPITRE III : Réalisation du système .......................................................... 32
CONCLUSION PARTIELLE III ..................................................................... 55
Conclusion Générale ........................................................................................ 56
Bibliographie .................................................................................................... ix
Webographie ...................................................................................................... x
ANNEXE .......................................................................................................... xi
Tables des matières ......................................................................................... xiv

iv
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
Liste des tableaux

Liste des tableaux

Tableau 1 : Les acteurs de notre système ......................................................... 16


Tableau 2: Fiche de description du cas d’utilisation :Se Connecter ou
S’authentifier avec Facebook. .......................................................................... 18
Tableau 3: Fiche de description du cas d’utilisation : consulter la liste des
ouvrages........................................................................................................... 19
Tableau 4: Fiche de description du cas d’utilisation : Détails d’un ouvrage .... 20
Tableau 5 : Fiche de description du cas d’utilisation : Ajouter au panier ........ 21
Tableau 6: Fiche de description du cas d’utilisation : Supprimer un ouvrage du
panier ............................................................................................................... 22
Tableau 7: Fiche de description du cas d’utilisation : Procéder au paiement .. 23

v
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
Liste des figures

Liste des figures

Figure 1: Organigramme de Bookconekt ........................................................... 3


Figure 2 : Localisation Géographique de Bookconekt depuis Google Maps ...... 4
Figure 3 : Part du marché des OS mobiles dans le monde selon les données de
GlobalStat.. ...................................................................................................... 10
Figure 4 : Interfaces de l’application Booxup. ................................................. 12
Figure 5: Diagramme de cas d’utilisation globale ........................................... 17
Figure 6: Diagramme de séquence du processus d’achat « Consulter la liste des
ouvrages » ........................................................................................................ 25
Figure 7: Diagramme de séquence du processus d’achat« Rechercher un
ouvrage » ......................................................................................................... 26
Figure 8: Diagramme de séquence du processus d’achat « Ajouter au Panier
» ....................................................................................................................... 27
Figure 9: Diagramme de séquence du processus d’achat « Procéder au
paiement » ........................................................................................................ 28
Figure 10: Diagramme de séquence du processus d’achat « Se connecter ou
S’authentifier avec Facebook ». ....................................................................... 29
Figure 11: Diagramme de classe du processus d’achat du système.................. 30
Figure 12: Téléchargement de Android Studio ................................................. 35
Figure 13: Choix du système d’exploitation d’installation ............................... 37
Figure 14:Accueil d’Android Studio ................................................................. 37
Figure 15:Installation des API ......................................................................... 38
Figure 16: Interface Android Studio ................................................................ 39
Figure 17 : Interface de chargement de l’application ..................................... 42
Figure 18 : Interface de Connexion de l’application ........................................ 43
Figure 19 : Interface de Consulter la liste des ouvrages .................................. 44
Figure 20: Interface de détails d’un ouvrage. .................................................. 45
Figure 21 : Interface de Procéder au Paiement ................................................ 46
Figure 22: Code Java pour la Connexion avec Facebook ................................ 47
Figure 23 : Code JAVA pour connexion avec Facebook................................... 48
Figure 24 : Code JAVA pour le RecyclerViewAdapter ..................................... 50
Figure 25: Ecran de chargement de Bookconekt .............................................. 51
Figure 26: Ecran de connexion de Bookconekt ................................................ 52
Figure 27: Ecran de menu principal de Bookconekt ......................................... 53
Figure 28: Ecran de consulter la liste de Bookconekt ...................................... 54

vi
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
Liste des abréviations

Liste des abréviations

UML : Unified Modeling Language


JDK : JAVA Development Kit
SDK : Software Development Kit
POO : Programmation Orientée Objet
API : Application Programming Interface
IDE : Integrated Development Environment
XML : eXtensible Markup Language
OS : Operating System
AVD : Android Virtual Device
JVM : Java Virtual Machine

vii
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
Résumé

Résumé

Durant ce modeste travail, nous nous sommes intéressés au développement d’application


mobile sous la plateforme « Android ».
Ainsi l’application mobile Bookconekt est une application qui vient pour réduire le taux
de fréquentation des librairies traditionnelles et pour permettre aux utilisateurs d’acheter des
ouvrages sans se déplacer surtout dans cette période de pandémie. Pour mener à bien ce projet,
nous avons eu recours à l’environnement de développement intégré de Google (Android Studio)
et aux langages de programmation tels que JAVA et à des techniques avancées de la
programmation tels que la Programmation Orientée Objet (POO). Par ailleurs, vu qu’il
s’agissait de l’achat des livres, un soin particulier a été apporté aux images utilisées d’où, un
traitement professionnel d’image avec le logiciel Adobe Photoshop.

Abstract
During this modest work, we were interested in the development of mobile applications under
the "Android" platform.
The Bookconekt mobile application is an application that comes to reduce the attendance rate
at traditional bookstores and to allow users to buy books without having to travel, especially
during this pandemic period. To carry out this project, we used Google’s integrated
development environment (Android Studio) and programming languages such as JAVA and
advanced programming techniques such as Object-Oriented Programming (OOP). In addition,
since it was a question of purchasing books, particular care was taken with the images used,
hence, professional image processing with Adobe Photoshop software.

viii
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
INTRODUCTION

Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT


Conclusion générale

Introduction

Les technologies de l’information et de la communication ont été la révolution la plus


importante et innovante qui a marqué ces dernières années. Cette révolution a permis l’émergence
de la notion de mobilité qui permet un accès distant, instantané et un flux sans interruption de
l’information. En effet, cela est symbolisé par l’apparition des différents appareils de haute
technologie tels que les Smartphones et les tablettes qui sont dotés de plusieurs applications
pratiques. L’usage donc d’internet pour répondre aux besoins journaliers, est devenu
incontournable. Ainsi, le nombre d’opérations en ligne ne cesse de croitre, raison pour laquelle de
nouvelles applications mobiles ne cessent d’être crées. Ces applications mobiles représentent un
élément global ouvrant aux utilisateurs une porte vers le monde de l’information et des produits
en rapport avec leurs besoins.
Notre travail de fin d’étude intitulé « Conception et Réalisation d’application mobile de
vente d’ouvrage en ligne : Cas de Bookconekt » vise à concevoir et à réaliser une application
mobile d’achat des ouvrages en ligne. Passant de l’ancien paradigme des librairies traditionnelles
vers les librairies virtuelles, elle permettra aux utilisateurs (adolescents, jeunes et adultes)
d’acheter des livres depuis leurs Smartphones et sans surtout se déplacer dans cette période de
pandémie du COVID-19.
Pour ce faire nous avons utilisés des langages de programmation, des outils techniques
avancés et l’IDE d’Android Studio pour ses nombreuses fonctionnalités, discutés et explicités plus
loin dans ce document.
Le présent rapport est organisé comme suit :
Le premier chapitre est consacré au cadre et problématique de la recherche.
Quant au deuxième chapitre, il est dédié à l’analyse et spécification du système.
Et le dernier chapitre, est destiné à la réalisation pratique du système.

1
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
CHAPITRE I :

Cadre et problématique de la recherche

Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT


Chapitre 1 : Cadre et problématique de la recherche

Chapitre I : Cadre et problématique de la recherche.

Section I : Présentation de la structure d’accueil

Paragraphe 1 : Présentation de Bookconekt


Crée en 2016, Bookconekt est une entreprise spécialisée dans la distribution des livres.
Avec son site web WWW.BOOKCONEKT.COM , elle offre une librairie mobile, une
Bibliothèque numérique et une bibliothèque mobile.
Paragraphe2 : Organisation structurelle, fonctionnement et Organigramme
de Bookconekt.
Bookconekt est une jeune structure dirigée par une direction, un service communication et
marketing, un service technique et un service juridique.
1- Direction
Elle est gérée essentiellement par le Manager Général, elle regroupe le secrétariat administratif, la
comptabilité, la gestion des partenaires et le service de livraison. Il intervient aussi dans le
traitement des courriers (arrivée et départ).
2- Service Marketing et Communication
Ce service définit les stratégies marketing et de communication de chaque produit de
l’entreprise, assure sa mise en œuvre et son suivi. Il assure également le déploiement des produits
comme la Bibliothèque Mobile dans les écoles, le club de lecture pour enfants et la Biblio-vacance
à domicile. La communication online et offline de l’entreprise en générale revient à ce service.
3- Service Technique
Ce service s’occupe de l’administration du site web WWW.BOOKCONEKT.COM . C’est
un service très important puisque la plupart de nos produits sont accessibles depuis le site web. Ce
service travaille aussi en étroite collaboration avec la compagnie 41DEVS pour corriger tous les
dysfonctionnements du site web et ajouter de nouvelle fonctionnalité.
4- Service Juridique :
Il est géré par une personne externe à l’entreprise. Elle reçoit toutes les propositions de
contrat de partenariat et y apporte des amendements. Il est sous l’autorité directe de la Direction.
5- Organigramme de Bookconekt
La figure ci-dessous présente l’organigramme de Bookconekt.
2
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
Chapitre 1 : Cadre et problématique de la recherche

Figure 1: Organigramme de Bookconekt

Paragraphe 3 : Situation Géographique de Bookconekt

Bookconekt est située à Houénoussou, Cotonou derrière la pharmacie de Fidjrossè et non


loin de l’UNIVERSITE POLYTECNIQUE INTERNATIONALE OBIANG Nguema
Mbasogo (UPI-ONM)
La figure ci-dessous nous montre la localisation géographique de Bookconekt depuis Google
Maps.

3
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
Chapitre 1 : Cadre et problématique de la recherche

Figure 2 : Localisation Géographique de Bookconekt depuis Google Maps

Paragraphe 4 : Les offres et services de Bookconekt Sarl

La vision de Bookconekt est d’être le leader de la distribution du livre papier et numérique


au Bénin et en Afrique. Pour y arriver, nous avons développé :

 UNE LIBRAIRIE MOBILE : achat de livres papier en ligne, paiement via Mobile
Money et livraison à domicile.

AVANTAGES :

 Vérification de la disponibilité du livre.


 Connaissance du prix du livre à distance.
 Gain de temps précieux avec la livraison à domicile

4
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
Chapitre 1 : Cadre et problématique de la recherche

 UNE BIBLIOTHEQUE MOBILE : prêt de livres papier en ligne et livraison à


domicile.
AVANTAGES :

 Pas besoin d’un abonnement au préalable.


 Paiement pour le livre ou les livres empruntés.
 Gain de temps précieux avec la livraison à domicile.
 UN BIBLIOBUS : visite des écoles dépourvues de Bibliothèque avec divers livres
empruntés par les élèves pour deux semaines de lecture.
AVANTAGES :
 Le livre se déplace vers les élèves dans leurs écoles.
 Un prix bas pour le prêt par livre en fonction de la classe de l’élève.
 Un fonds documentaire riche et adapté aux besoins des élèves.

 UNE MARKET PLACE :

AVANTAGES :

 Vendre son livre d’occasion depuis son Smartphone.


 Gagnez plus de 50% de la valeur réelle du livre.
 Achetez du livre d’occasion depuis son portable avec la livraison à domicile.

Paragraphe 5 : Déroulement du stage

Notre stage a démarré du 21 Novembre 2019 au 27 février 2020 à Bookconekt soit une durée
de 3 mois. Nous avons effectué notre stage à la Direction Technique de Bookconekt qui est en
partenaire avec 41DEVS, une compagnie de développement d’applications web et mobiles qui
transforme des idées en force motrice pour les entreprises. Durant ces trois mois, nous avons acquis
de nouvelles connaissances, que nous avons mises en pratique dans le domaine de développement.
Les notions acquises pendant ce stage sont telles que : L’environnement de Développement
Intégrée d’Android Studio, les langages de programmation JAVA, KOTLIN et XML et aussi
les différents systèmes d’exploitation mobile utilisés dans le monde.

5
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
Chapitre 1 : Cadre et problématique de la recherche

1- Android Studio
Android Studio est un environnement de développement intégré crée par Google pour
développer des applications mobiles Android. Il est basé sur IntelliJ IDEA et utilise le moteur de
production Gradle. Il est open Source et permet de créer des projets sur différent type de support,
tablette et Smartphone.

Principalement utilisé pour éditer les fichiers Java étant le langage d’une application Android
native ainsi que des fichiers de mise en page XML avec la possibilité de visualiser le rendu et les
manipuler en utilisant une interface graphique.

2- JAVA
Java est un langage de programmation moderne développé par Sun
Microsystems (aujourd'hui racheté par Oracle). Il est le langage Android le plus utilisé dans le
développement mobile.

3- KOTLIN
Annoncé en 2017 pendant la conférence Google I/O, KOTLIN devient le second langage de
programmation orientée objet avec un typage statique qui s’exécute sur la JVM officiellement pris
en charge par Android. Android Studio prend entièrement en charge Kotlin, vous permettant de
créer de nouveaux projets avec des fichiers Kotlin, d'ajouter des fichiers Kotlin à votre projet
existant et de convertir le code du langage Java en Kotlin. Vous pouvez utiliser tous les outils
existants d'Android Studio avec votre code Kotlin, y compris l'achèvement de code, la vérification
des peluches, la refactorisation, le débogage, etc.

4- XML
XML est un langage de balisage utilisé pour gérer l’affichage des contenus sur l’écran. Il
facilite le développement en permettant de séparer l’affichage des contenus sur l’écran. Avec
XML, on gagne du temps et on simplifie le code de l’application, ce qui permet d’éviter des
erreurs.

6
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
Chapitre 1 : Cadre et problématique de la recherche

5- Les différentes plateformes mobiles utilisées dans le monde.


Le marché des téléphones mobile est aujourd’hui dominé par cinq grandes entreprises de
technologie Smartphone qui sont Apple, Google, Microsoft, Nokia et RIM qui développent
respectivement les systèmes d’exploitation Ios, Android, Windows Phone, Symbian OS et
BlackBerry OS.

Dans ce volet, nous allons présenter brièvement chacun des systèmes et déterminé le
système qui pourra répondre le plus aux besoins de l’application.

A- IOS

IOS est le système d'exploitation mobile développé par Apple pour l'iPhone, l'iPod touch, et
iPAD. Il est dérivé de Mac OSx dont il partage les fondations (le Keren hybride XNU basé sur le
micronoyau Mach, les services Unix et Cocoa, etc.). iOS comporte quatre couches d'abstraction,
similaires à celles de Mac OS X : une couche « Core OS », une couche « Core Services », une
couche « Media » et une couche « Cocoa ».

7
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
Chapitre 1 : Cadre et problématique de la recherche

B- Symbian OS
Symbian OS a été développé par la société Symbian, il comprend trois types de couche de
l’interface de l’utilisateur (UI layer ou middleware du SE Symbian), nous distinguons : La couche
S60 développée par Nokia, UIQ par Sonny Ericsson et MOAP par NTT DoCoMo.

C- Android OS

Android a été développé par l’Open Handset Aliance. Il a été annoncé en 2007 et il est
devenu une plateforme ouverte en 2008. Android est un OS gratuit et complètement ouvert. C'est-
à-dire que le code source et les APIs sont ouvertes. Ainsi, les développeurs obtiennent la
permission d’intégrer, d’agrandir et de replacer les composants existants.

D- Windows mobile (Windows Phone)

Windows Mobile a été développé par l’entreprise Microsoft. Pour cette raison, Windows
Mobile fonctionne uniquement sous « Windows », il est compatible avec tous les logiciels
Windows. Il offre la possibilité de télécharger, de jouer les chansons et de regarder la TV en ligne.
Windows Mobile supporte aussi beaucoup de types d’audio et de vidéo.

8
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
Chapitre 1 : Cadre et problématique de la recherche

E- BlackBerry OS

BlackBerry a été créé par Research In Motion (RIM). BlackBerry fournit le service
électronique pour les entreprises en utilisant BlackBerry Enterprise Server.
De plus, le fournisseur offre aux abonnés des fonctions push de messagerie et d'accès mobile
pratique qui a du contenu Internet pour leurs terminaux. Il comporte aussi la technologie de la
pièce jointe qui supporte divers types de pièces jointes telles que les fichiers d’extensions .zip,
.html, .doc, .dot, .ppt, .PDF, etc. C’est pourquoi son service de messagerie électronique est meilleur
que les autres plateformes.

6- Part du marché des systèmes d’exploitation mobiles.

A l’échelle mondiale, le marché des systèmes d’exploitation pour téléphones mobiles se


réduit à trois grands acteurs : Ios(iPhone), Android (Google) et Windows (Microsoft).
Si iOS équipe uniquement les iPhone, Android est lui un système d’exploitation proposé par de
nombreuses marques de smartphones à travers le monde. De son coté, Windows essaye tant bien
que mal de se faire une place entre les deux principaux acteurs mondiaux.
Quel système d’exploitation prend le lead à l’échelle mondiale ? Voici la réponse en image
(parts de marché Novembre 2017 selon GlobalStat)
 Android (73,11%)
 iOS (20,34%)
 Windows (0,71%)
 Nokia (0,53%)
 BlackBerry (0,2%)
 Autres (5,11%)

9
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
Chapitre 1 : Cadre et problématique de la recherche

Figure 3 : Part du marché des OS mobiles dans le monde selon les données de
GlobalStat..

Section II : Problématique de la Recherche

Paragraphe I : Ciblage de la Problématique

Les librairies mobiles sont des services qui permettent l’acquisition et la vente des ouvrages
depuis un site web ou une application mobile. Ces services offrent plusieurs avantages aux
utilisateurs tels que : la vérification de la disponibilité du livre à distance, la connaissance du prix
du livre à distance, le gain de temps précieux avec la livraison à domicile, la facilité d’accéder à
des ouvrages où que vous soyez. L’entreprise Bookconekt est une jeune entreprise travaillant dans
ce secteur et qui dispose une plateforme web BOOKCONEKT.COM mise en ligne depuis Aout
2018 qui intègre aussi le service de Bibliothèque Mobile. Malheureusement, les statistiques
d’utilisations de la plateforme web révélés par Google Search Console nous ont montré que 80%
des utilisateurs de cette plateforme utilisent des téléphones mobiles pour effectuer leurs opérations.
Aussi le processus d’achat de ces ouvrages via la version web n’est pas optimal. De plus la
pandémie de COVID-19 a comme effet, la limitation des déplacements et certainement la
réduction du taux de fréquentation des librairies traditionnelles.

Pour pallier à ces faiblesses, l’application mobile que nous avons mise en place fonctionnera
rapidement que la plateforme web, augmentera non seulement la satisfaction clientèle mais aussi
de s’approvisionner en livres sans se déplacer « Stay home and buy online ».

Paragraphe 2 : Ciblage des objectifs

Le but de ce projet est principalement de mettre en place une application mobile permettant à toute
personne disposant d’un Smartphone sous Android OS d’acheter un ouvrage.

10
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
Chapitre 1 : Cadre et problématique de la recherche

De façon spécifique, toute personne :

 Depuis chez lui, ou tout autre endroit, peut faire ses achats d’ouvrages et le
paiement via Mobile Money ;
 Peut accéder à plus de produits (livres) ;
 Peut limiter ses déplacements dans les librairies traditionnelles ;
 A la possibilité de choisir où et quand recevoir la commande.

Paragraphe 3 : Revue de littérature

Ce projet a été proposé par la société Bookconekt. Il consiste à réaliser une application
mobile Android permettant aux utilisateurs d’acheter des ouvrages depuis leurs Smartphones.
Notons qu’il existe des applications mobiles pour l’achat et la vente des ouvrages en ligne. On
peut citer entre autres :

Booxup
« Booxup est une application pour acheter des livres moins chers ou pour revendre les vôtres.
 C’est rapide
Pour vendre un livre il suffit de scanner son code barre et de choisir un prix
de vente et voilà !
 C’est rentable
Grâce à booxup vous pouvez lire de vrais livres imprimés beaucoup moins
chers et vous pouvez aussi gagner de l’argent en revendant rapidement vos
livres près de chez vous !
 C’est légal
Oubliez les fichiers PDF à la provenance douteuse et la fatigante lecture sur
écran, grâce à booxup les livres imprimés n’ont jamais été aussi accessibles ! »
Source : www.booxup.com

11
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
Chapitre 1 : Cadre et problématique de la recherche

Figure 4 : Interfaces de l’application Booxup.

CONCLUSION PARTIELLE I

Ce chapitre introductif nous a permis de détailler le cadre général du système. Et ce en


présentant l’entreprise d’accueil, l’application que nous avons conçue et développer, ainsi les
objectifs visés. Dans ce qui suit nous allons entamer la première phase de la conception de notre
projet « Spécification des besoins » pour identifier les différentes fonctionnalités de l’application.

12
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
CHAPITRE II :

Analyse et spécifications du système

Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT


Chapitre 2 : Analyse et spécifications du système

Chapitre II : Analyse et Spécifications du système

Une étape essentielle de tout cycle de développement logiciel ou conceptuel consiste à


effectuer une étude préalable. Le but de cette phase est de comprendre le contexte du système.
Il s’agit d’éclaircir au mieux les besoins fonctionnels et non fonctionnels et identifier les cas
d’utilisation.
Dans ce chapitre, nous allons essayer d’exprimer les besoins sous forme de diagrammes
de cas d’utilisation et de représenter les diagrammes de classes et séquences en se basant sur le
langage de modélisation unifié UML.

Section I : Spécifications des besoins.

La spécification de besoins constitue la phase de départ de toute application à développer


dans laquelle nous allons identifier les besoins de notre application. Nous distinguons des
besoins fonctionnels qui présentent les fonctionnalités attendues de notre application et des
besoins non fonctionnels pour éviter le développement d’une application non satisfaisante ainsi
de trouver un accord commun entre les spécialistes et les utilisateurs pour réussir le projet.

Paragraphe 1 : Spécifications des besoins fonctionnels.

Après une étude détaillée de système, cette partie est réservée à la description des exigences
fonctionnelles des différents acteurs de l’application. Ces besoins se regroupent dans les
diagrammes des cas d’utilisation.
Les besoins utilisateur :
 Consulter la liste des ouvrages.
 Voir la fiche d’un ouvrage.
 Ajouter un ouvrage à son panier.
 Retirer un ouvrage du panier.
 Procéder au paiement.
 Se connecter ou s’authentifier avec Facebook.
 Contacter Bookconekt.

13
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
Chapitre 2 : Analyse et spécifications du système

Paragraphe 2 : Spécifications des besoins non fonctionnels.

Les besoins non fonctionnels décrivent toutes les contraintes techniques, ergonomiques et
esthétiques auxquelles est soumis le système pour sa réalisation et pour son bon
fonctionnement. Et en qui concerne notre application, nous avons dégagé les besoins suivants :
• Ergonomie et souplesse :
L’application doit offrir une interface conviviale et ergonomique exploitable par l’utilisateur.
• Rapidité :
L’application doit optimiser les traitements pour avoir un court temps de réponse.
• La sécurité de l’accès aux informations critiques :
Nous devons prendre en considération la confidentialité des données de clients surtout au
niveau de l’authentification. Pour cela nous devons restreindre l’accès à ces informations à
l’administrateur.

Section II : Conception détaillée

Après avoir tracé les grandes lignes de phase de spécification de besoins, mettons l’accent
maintenant sur une phase fondamentale dans le cycle de vie d’un, la phase de conception. C’est
une étape préliminaire et primordiale qui doit précéder l’étape de développement de toute
application informatique.
Pour décrire la conception de l’application, nous commencerons par la présentation de la
méthode UML (Unified Modeling Language). Par la suite nous décrirons les diagrammes de
cas d’utilisation, de séquence et de classe.

Paragraphe I : Présentation d’UML

UML signifie « Unified Modeling Language » ou Langage de modélisation unifié en


français. C’est un langage de modélisation qui permet de représenter graphiquement les besoins
des utilisateurs. UML nous fournit donc des diagrammes pour représenter le logiciel à
développer : son fonctionnement, sa mise en route, les actions susceptibles d’être effectuées par
le logiciel etc. Réaliser ces diagrammes revient donc à modéliser les besoins du logiciel à
développer.

14
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
Chapitre 2 : Analyse et spécifications du système

Les avantages d’UML


- Universel.
- Adopté par les grandes entreprises.
- Notation unifié
- Facile à comprendre.
-Adopté par plusieurs processus de développement
- Limite les risques d’erreur.
- N’est pas limité au domaine informatique

Paragraphe II : Diagramme de cas d’utilisation

Le diagramme de cas d’utilisation est une représentation du comportement du système du point


de vue de l’utilisateur. C’est une définition des besoins qu’attend un utilisateur du système et il
contient tous les cas d’utilisation en liaison directe ou indirecte avec les acteurs.

Acteur : un acteur est un utilisateur qui communique et interagit avec les cas d’utilisation
du système. C’est une entité ayant un comportement comme une personne, système ou une
entreprise.

Système : cet élément fixe les limites du système en relation avec les acteurs qui l’utilisent
(en dehors de système) et les fonctions qu’il doit fournir (à l’intérieur du système).

Cas d’utilisation : un cas d’utilisation représente un ensemble de séquences d’actions à


réaliser par le système et produisant un résultat observable intéressant pour un acteur particulier
représenté par des ellipses et limité par un rectangle pour représenter le système.

15
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
Chapitre 2 : Analyse et spécifications du système

A- Identification des acteurs de notre système.

Acteur Rôle

 Consulter la liste des ouvrages.

 Voir les détails d’un ouvrage.


Utilisateur mobile
(Client de Bookconekt)  Ajouter un ouvrage à son panier

 Retirer un ouvrage de son panier

 Procéder au paiement.

 Se connecter ou s’authentifier avec Facebook.

 Contacter Bookconekt.

Utilisateur système (Système


Login Facebook)  Se connecter avec Facebook (Récupère les
informations de compte de l’utilisateur mobile)

Tableau 1 : Les acteurs de notre système

16
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
Chapitre 2 : Analyse et spécifications du système

B- Diagramme de cas d’utilisation globale


Le figure ci-dessous, nous présentons le diagramme de cas d’utilisation pour la compréhension
du fonctionnement du système.

Figure5 : Diagramme de cas d’utilisation globale

17
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
Chapitre 2 : Analyse et spécifications du système

C- Description textuelle de quelques cas d’utilisation.


La description textuelle d’un cas d’utilisation consiste à recenser toutes les interactions entre
les acteurs et le système qui ont lieu lors de l’exécution.

 Description textuelle de cas d’utilisation : Se Connecter ou S’authentifier


SOMMAIRE

Titre : Connexion ou Authentification (Via Facebook)

Résumé : Ce cas permet à l’utilisateur de créer son compte grâce à ses


informations saisies ou la création du compte de l’utilisateur grâce à
ces informations fournis par Facebook.
Acteur : L’utilisateur de Bookconekt

Précondition : L’utilisateur doit avoir nécessairement un compte Facebook

Scénario Nominal
Acteur Système :

1- L’utilisateur demande l’ouverture 2-Le système vérifie les informations


du système.
3-Le système lui affiche l’interface de
4-L ’utilisateur tape sur le bouton de connexion.
connexion via Facebook
5-Le système procède à la création du compte
et affiche le menu.

Scénario Alternatif
A-1-L’utilisateur décide de quitter la page de connexion. Il se trouve donc hors du
système.
2- Après vérification des informations au niveau 2, le système affiche le menu si
l’utilisateur a déjà une session en cours.

Tableau 2 : Fiche de description du cas d’utilisation : Se Connecter ou S’authentifier


avec Facebook.

18
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
Chapitre 2 : Analyse et spécifications du système

 Description textuelle de cas d’utilisation : consulter la liste des ouvrages.


SOMMAIRE

Titre : Consulter la liste des ouvrages

Résumé : Ce cas permet à l’utilisateur de consulter la liste des livres et de rechercher si


possible un livre de son choix.

Acteur : L’utilisateur de Bookconekt

Précondition : L’utilisateur s’est connecté au système.

Scénario Nominal
Acteur Système :

1-L’utilisateur se connecte au système à 2-Le système affiche les deux boutons principaux :
travers son compte Facebook. « Achat de Livre » et « Vente de Livre ».

3-L’utilisateur clique sur le bouton 4-Le système expose les ouvrages disponibles.
« Achat de Livre ».

5-L’utilisateur défile pour voir


l’ensemble des ouvrages.

Scénario Alternatif

1-L’utilisateur recherche un ouvrage existant dans le système :


a- Le système filtre la liste et l’affiche l’ouvrage recherché

2-L’utilisateur recherche un ouvrage n’existant pas dans le système :


a- Le système lui notifie que l’ouvrage recherché n’existe pas

Tableau 3: Fiche de description du cas d’utilisation : consulter la liste des ouvrages

19
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
Chapitre 2 : Analyse et spécifications du système

 Description textuelle de cas d’utilisation : Détails d’un ouvrage.


SOMMAIRE

Titre : Détail d’un ouvrage

Résumé : Ce cas permet à l’utilisateur d’avoir les informations d’un ouvrage (nom de
l’ouvrage, nom de l’auteur, prix de l’ouvrage).

Acteur : L’utilisateur de Bookconekt

Précondition :
L’utilisateur s’est connecté au système et défile l’ensemble des ouvrages.
Scénario Nominal

Acteur Système :

1-L’utlisateur clique sur un ouvrage du 2-Le système affiche les informations concernant
système. l’ouvrage.

3-Le système propose l’ajout au panier.

Scénario Alternatif
1-L’utilisateur clique sur ouvrage qui n’a pas d’informations supplémentaires
a- Le système lui notifie à l’utilisateur que l’ouvrage sélectionné ne dispose pas
d’informations.

Tableau 4: Fiche de description du cas d’utilisation : Détails d’un ouvrage

20
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
Chapitre 2 : Analyse et spécifications du système

 Description textuelle de cas d’utilisation : Ajouter un ouvrage dans le panier.


SOMMAIRE
Titre : Ajouter au Panier

Résumé : Ce cas permet à l’utilisateur d’ajouter un ou plusieurs ouvrages dans


son panier.

Acteur : L’utilisateur de Bookconekt


Précondition : L’utilisateur est connecté au système et a cliqué sur un ouvrage.

Scénario Nominal
Acteur Système :
1-L’utilisateur demande à ajouter l’ouvrage 2-Le système ajoute l’ouvrage dans le panier de
dans son panier en cliquant sur le bouton. l’utilisateur et le lui notifie.
3- Le système permet à l’utilisateur de poursuivre
sa navigation.

Scénario Alternatif
1-Le système échoue dans l’ajout de l’ouvrage :
a- Le système affiche un message d’erreur et permet à l’utilisateur de ressayer.

Tableau 5 : Fiche de description du cas d’utilisation : Ajouter au panier

21
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
Chapitre 2 : Analyse et spécifications du système

 Description textuelle de cas d’utilisation : Supprimer un ouvrage dans le panier.


SOMMAIRE

Titre : Supprimer un ouvrage du Panier

Résumé : Ce cas permet à l’utilisateur de supprimer un ouvrage du panier au cas où ce


dernier n’est plus intéressé de son choix

Acteur : L’utilisateur de Bookconekt.

Précondition : L’utilisateur est connecté au système et a ajouté au moins un ouvrage.

Scénario Nominal

Acteur Système :

1-L’utilisateur clique sur le panier. 2-Le système affiche la liste des ouvrages que contient
3-L’utlisateur clique sur un ouvrage le panier.
pour sa suppression. 4- Le système supprime donc l’ouvrage spécifié.

Scénario Alternatif
1-Le système échoue dans la suppression de l’ouvrage :
a- Le système affiche un message d’erreur et permet à l’utilisateur de ressayer.

Tableau 6: Fiche de description du cas d’utilisation : Supprimer un ouvrage du panier

22
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
Chapitre 2 : Analyse et spécifications du système

 Description textuelle de cas d’utilisation : Procéder au paiement


SOMMAIRE

Titre : Procéder au paiement

Résumé : Ce cas permet à l’utilisateur de procéder au paiement des frais d’achat des
ouvrages et de la livraison.

Acteur : L’utilisateur de Bookconekt.

Précondition : L’utilisateur est connecté au système et a ajouter produits dans son panier.

Scénario Nominal

Acteur Système :

1-L’utilisateur clique sur le panier. 2-Le système affiche la liste des produits(ouvrage) que
3-L’utilisateur clique sur le bouton contient le panier.
« Paiement ». 4-Le système demande son numéro MTN Mobile
5-L’utilisateur tape son numéro et Money ou Moov Money.
confirme 5- Le système confirme le paiement et informe
l’utilisateur de la livraison.

Scénario Alternatif
1-L’echec du paiement :
a- Le système lui notifie l’échec et lui permet de ressayer.

Tableau 7: Fiche de description du cas d’utilisation : Procéder au paiement

23
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
Chapitre 2 : Analyse et spécifications du système

Paragraphe III : Diagramme séquence

Un diagramme de séquence est un diagramme d’interaction dont le but est de décrire comment
les objets collaborent au cours du temps et quelles responsabilités ils assument. Il décrit un
scénario d’un cas d’utilisation. Le diagramme de séquence représente donc les interactions entre
objets, en insistant sur la chronologie des envois de message.

Les composants d’un diagramme de séquence sont les suivants :


Les objets : Sur un diagramme de séquence, les objets apparaissent toujours dans la partie
supérieure, ce qui facilite l’identification des classes qui participent à l’interaction.
Le message : Elément de communication unidirectionnelle entre objets qui déclenche une
activité dans l’objet destinataire. La réception d’un message provoque un événement dans
l’objet récepteur. La flèche pointillée représente un retour au sens UML. Cela signifie que le
message en question est le résultat direct du message précédent.

Dans ce paragraphe, nous allons décrire les scénarios les plus importants ainsi que les
représentations par les diagrammes de séquences.

24
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
Chapitre 2 : Analyse et spécifications du système

A- Diagramme de séquence du processus d’achat « Consulter la liste des ouvrages »

Figure 6 : Diagramme de séquence du processus d’achat « Consulter la liste des ouvrages »

25
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
Chapitre 2 : Analyse et spécifications du système

B- Diagramme de séquence du processus d’achat « Rechercher un ouvrage »

Figure 7 : Diagramme de séquence du processus d’achat « Rechercher un ouvrage »

26
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
Chapitre 2 : Analyse et spécifications du système

C- Diagramme de séquence du processus d’achat « Ajouter au Panier »

Figure 8 : Diagramme de séquence du processus d’achat « Ajouter au Panier »

27
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
Chapitre 2 : Analyse et spécifications du système

D- Diagramme de séquence du processus d’achat « Procéder au Paiement

Figure 9 : Diagramme de séquence du processus d’achat « Procéder au paiement »

28
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
Chapitre 2 : Analyse et spécifications du système

E- Diagramme de séquence du processus d’achat « Se connecter ou S’authentifier avec


Facebook »

Figure 10 : Diagramme de séquence du processus d’achat « Se connecter ou S’authentifier


avec Facebook ».

29
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
Chapitre 2 : Analyse et spécifications du système

Paragraphe IV : Diagramme de classe

A- Diagramme de classe du processus d’achat du système


Le diagramme de classes est le point central dans le développement orienté objet. Coté analyse,
il a pour objectif de décrire la structure des entités manipulées par les utilisateurs. Coté
conception, le diagramme de classes représente la structure d’un code orienté objet ou, à un
niveau de détail plus important, les modules du langage de développement. Une classe est
composée d’un nom, d’attributs, d’opérations et admet des associations et multiplicité. Notre
diagramme de classe se présente comme suit sur la figure 11 :

Figure 11 : Diagramme de classe du processus d’achat du système.


B- Schéma Logique Relationnelle.
Le schéma relationnel des tables que nous implémenté dans notre base de données se présente
comme suit :
Utilisateur (idfacebook, nom, prenom, datenaiss, sexe, telephone, email )
Livre (idlivre, nomlivre, prixlivre, nomauteur )
Panier (idpanier, etat, quantitelivre )
Paiement (idpaiement, statut, montant, datepaiement )
Catégorie (idcategorie, nomcategorie, description )

30
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
Chapitre 2 : Analyse et spécifications du système

CONCLUSION PARTIELLE II

Tout au long de ce chapitre, nous avons analysé notre système et détaillé la conception
de notre application à travers les différents diagrammes afin que la phase réalisation et la mise
en place de l’application soit plus souple et plus aisée. Le chapitre suivant mettra en évidence,
le fruit de ce passage et les différents résultats du développement de l’application demandée.

31
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
CHAPITRE III :
Réalisation du système

Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT


Chapitre 3 : Réalisation du système

CHAPITRE III : Réalisation du système

Cette partie constitue le dernier volet de ce projet. Après avoir terminé la phase de spécification
et conception, il est nécessaire de choisir des technologies permettant de simplifier sa
réalisation. Pour cela nous allons exposer le choix des outils et environnement utilisés, présenter
ensuite l’implémentation et enfin les tests réalisés.

Section I : Choix des outils et environnement.

Paragraphe 1 : Outils techniques.

A- Les Logiciels utilisés

STARUML
StarUML est un logiciel de modélisation UML, qui a été cédé comme open source par son
éditeur, à la fin de son exploitation commerciale (qui visiblement continue ...), sous une licence
modifiée de GNU GPL. Ici, nous avons utilisé ce logiciel pour la modélisation (UML) des
diagrammes de séquences et de classes.

Photoshop CS6
Photoshop est un logiciel de retouche, de traitement et de dessin assisté par ordinateur édité
par Adobe. Il est principalement utilisé pour le traitement de photographies numériques, mais
sert également à la création d’images. Nous avons utilisé ce logiciel pour réaliser la maquette
de notre application mobile.

32
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
Chapitre 3 : Réalisation du système

Edraws
Edraws Max est un logiciel de création de diagrammes techniques commerciaux 2D qui aide à
créer des organigrammes, des organigrammes, une carte mentale, des diagrammes de réseau,
des plans d'étage, des diagrammes de flux de travail, des diagrammes commerciaux et des
diagrammes d'ingénierie. Nous avons utilisé ce logiciel pour la réalisation de notre diagramme
de cas d’utilisation.

JDK (Java Development Kit)


C’est un ensemble de bibliothèques logicielle de base du langage de programmation Java avec
lesquels le code Java est compilé, transformé en bytecode destiné à la machine virtuelle Java.

B- Les Langages de programmation

Java
Java est le langage natif dédié à l’OS Android. Cette langue de programmation Android aide
à créer une app native. C’est le langage le plus populaire pour le développement sur systèmes
embarqués et Android. Savoir programmer avec ce langage natif ouvre des portes pour tout
développeur. Il a la facilité de développer des applications natives pour plus de 3 milliards de
smartphones. Langage open source, Java est partagé par une très grande communauté de
développeurs. Techniquement, le développement pour Android avec Java favorise l’accès aux
fonctionnalités natives du smartphone.

33
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
Chapitre 3 : Réalisation du système

Programmation Orientée Objet (POO)


Il s’agit en la définition et l’interaction de briques logicielles appelés objets ; un objet représente
un concept, une idée ou toute entité du monde physique, comme une personne, un pays ou
encore une page d’un livre. Il possède une structure interne et un comportement, et il sait
interagit avec ses pairs. Il s’agit donc de représenter ces objets et leurs relations ; l’interaction
entre les objets via leurs relations permet de concevoir et de réaliser les fonctionnalités
attendues, de mieux résoudre le ou les problèmes.

C- Choix de l’architecture de l’application

Client/serveur

34
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
Chapitre 3 : Réalisation du système

Dans l’architecture à trois niveaux, les applications au niveau serveur sont délocalisées, c’est-
à-dire que chaque serveur est spécialisé dans une tâche (serveur web/ serveur de base de
données par exemple).
Cette architecture (appelée 3 tiers) fait intervenir trois parties indépendantes les unes des autres
:
 La couche de données liée au serveur de base de données (SGBD) : stockage et
accès aux données. Le système de stockage des données a pour but de conserver
une quantité plus ou moins importante de données de façon structurée. Nous
pouvons utiliser pour cette partie des systèmes très variés qui peuvent être des
systèmes de fichiers, des mainframes, des systèmes de bases de données
relationnelles, etc.
 La logique applicative : il se compose généralement d’un script ou d’un
programme qui constitue les traitements métiers nécessaires sur l’information
afin de le rendre exploitable par chaque utilisateur.
 La couche présentation (ou affichage) associé au client qui de fait est dit « léger
» dans la mesure où il n’assume aucune fonction de traitement à la différence du
modèle 2-tiers. C’est la partie la plus immédiatement visible pour l’utilisateur.
Elle a donc une importance primordiale pour rendre l’information lisible,
compréhensible et accessible.

Paragraphe 2 : Environnement de développement.

A- Android Studio
Android Studio est un environnement de développement pour développer des applications
mobiles Android.
7- Installation
L’installation consiste à d’abord télécharger et installer le logiciel JDK (Java Development Kit)
via le lien suivant :
http://www.oracle.com/technetwork/java/javase/downloads/index.html
Ensuite télécharger l’IDE d’Android studio à travers le lien :
https://developer.android.com/sdk/

35
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
Chapitre 3 : Réalisation du système

Les figures 11 et 12 présentent respectivement le téléchargement de l’IDE d’Android Studio et


le système d’exploitation sur lequel sera installé Android :

Figure 12 : Téléchargement de Android Studio

36
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
Chapitre 3 : Réalisation du système

Figure 13 : Choix du Système d’exploitation d’installation

Après avoir installé les deux logiciels précèdent puis lancer l’IDE, on obtient cette interface
comme l’indique la figure 13 :

Configuration de Android Studio


Figure 14 : Accueil de Android Studio

37
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
Chapitre 3 : Réalisation du système

La configuration de Android studio consiste d’abord à cliquer sur « configure » (voir figure
13 ) afin de configurer le SDK Manager et installer les API comme l’indique la figure 14. L’API
est une valeur unique qui identifie la version de la plateforme Android comme par exemple API
5 pour la plateforme Android 2.0.

Figure 15 : Installation des API

Pour chaque version d’API, on a en général :

 Le SDK Platform, qui sera nécessaire pour le développement de l'application ;


 Les Samples for SDK qui sont des applications exemples pour tester les nouveautés
;
 Les Systèmes image qui seront utile pour lancer des AVD (émulateur virtuelle qui
permet de tester notre application) ;
 Les Google APIs : contient les fonctions nécessaires pour les applications Google
(Maps,) ;
 Les Sources for Android SDK : le code source de l'API, qui n'est pas nécessaire pour
le développement d’application.

38
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
Chapitre 3 : Réalisation du système

8- Présentation de l’interface
Après configuration et lancement du premier projet d’Android studio, nous avons l’interface
suivante à la figure 15.

Figure 16 : Interface Android Studio

 la barre d’outils et de menu (vert) : elle est composée des boutons « Run », « AVD Manager
» pour créer une nouvelle machine virtuelle, SDK Manager pour l’installation des paquets
du Kit de développement Android et « Android Devise Monitor » pour visualiser les
informations d’utilisation de la machine virtuelle.
 L’explorateur de projets (Bleu) ;
 La Console (Rouge) ;
 Le Layout Editor ;

39
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
Chapitre 3 : Réalisation du système

 Permet d’effectuer les mises en page de manière graphique, pour manipuler les fichiers
XML en ajoutant, supprimant, modifiant des composants à intégrer dans l’interface de
notre application.
 Il est composé :
 (Marron) d’une fenêtre de prévisualisation ;
 (Jaune) d’un tableau de bord et d’une barre d’outils, pour modifier le mode
d’affichage ;
 (Violet) d’un volet de sélection éléments graphiques à intégrer ;
 (Orange) l’ensemble des éléments graphiques sélectionnés et les propriétés de
ces éléments.

9- Système de gestion de base de données


MySQL est un système de gestion de base de données (SGBD). Selon le type d'application, sa
licence est libre ou propriétaire. Il fait partie des logiciels de gestion de base de données les plus
utilisés au monde, autant par le grand public (applications web principalement) que par des
professionnels, en concurrence avec Oracle et Microsoft SQL Server. MySQL AB a été acheté le
16 janvier 2008 par Sun Microsystems pour un milliard de dollars américains. En 2009, Sun
Microsystems a été acquis par Oracle Corporation, mettant entre les mains d'une même société les
deux produits concurrents que sont Oracle Database et MySQL. Ce rachat a été autorisé par la
Commission européenne le 21 janvier 2010. MySQL est un serveur de bases de données
relationnelles SQL développé dans un souci de performances élevées en lecture, ce qui signifie
qu'il est davantage orienté vers le service de données déjà en place que vers celui de mises à jour
fréquentes et fortement sécurisées. Il est multi-thread et multi-utilisateur.

40
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
Chapitre 3 : Réalisation du système

10- Services utilisés


a- KKiaPay
KKiaPay est une solution qui a pour but de fédérer les différents moyens de paiement mobile.
Autrement dit, c’est une solution technique qui permet à tout marchand, toute entreprise qui
possède ou veut démarrer une activité en ligne, de pouvoir intégrer dans son activité, la possibilité
de se faire payer par ses clients. Que ceux-ci utilisent le Mobile Money MTN ou Moov money
(Flooz) ou carte bancaire, ils peuvent acheter sur la plateforme marchande avec ces différents
moyens de paiement.

b- Mailgun Android
Mailgun est un service de messagerie tiers qui permet aux utilisateurs de Compute Engine
d’envoyer jusqu’à 10000 e-mails gratuits par mois. Mailgun propose également une API RESTful
pour effectuer les opérations de messagerie, ainsi que des fonctionnalités de conservation des
journaux, de personnalisation des e-mails, d’analyse, de validation des e-mails et bien plus.

Section II : Réalisation de l’application.

Paragraphe1 : Implémentation de l’application Mobile

Cette partie montre les résultats de la réalisation de l’application. Nous y montrerons les imprimes-
écran des principales interfaces réalisées.

41
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
Chapitre 3 : Réalisation du système

A- Interface de Chargement (Splashscreen)


Le splashscreen est un ecran de chargement qui s’active au démarrage de l’application afin de faire
patienter l’utilisateur pour que les ressources de l’application se chargent.

Figure 17 : Interface de chargement de l’application

42
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
Chapitre 3 : Réalisation du système

B- Interface de Connexion ou Authentification avec Facebook


Au cours de cette phase, l’utilisateur a deux possibilités de connexion. Il peut se connecter à travers
la saisie de ses données ou grâce à ses informations personnelles.

Figure 18 : Interface de Connexion de l’application

43
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
Chapitre 3 : Réalisation du système

C- Interface de Consulter la liste des Ouvrages


Dans cette interface, l’utilisateur consulte la liste des produits disponibles dans l’application
Bookconekt et peut aussi rechercher un produit de son choix.

Figure 19 : Interface de Consulter la liste des ouvrages

44
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
Chapitre 3 : Réalisation du système

D- Interface de détails d’un Ouvrages


Dans cette interface, l’utilisateur prends connaissance des détails (Prix du livre, Nom de l’auteur,
la Catégorie du livre) du produit recherché et peut faire l’ajout dans son panier.

Figure 20 : Interface de détails d’un ouvrage.

45
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
Chapitre 3 : Réalisation du système

E- Interface de Procéder au Paiement


Dans cette interface, l’utilisateur finalise son achat à l’aide des informations sur cette interface et
discuteras des frais de livraison avec l’administrateur.

Figure 21 : Interface de Procéder au Paiement

Paragraphe2 : Présentation des Résultats.

Ce dernier paragraphe donne l’aperçu de quelque bout de codes qui nous ont permis d’obtenir les
résultats de l’application mobile que nous présenterons par la suite.
46
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
Chapitre 3 : Réalisation du système

A- Code JAVA pour la Connexion avec Facebook


Le SDK Facebook pour Android permet aux utilisateurs de se connecter à Bookconekt à l’aide de
la fonctionnalité Facebook Login. Lorsque les utilisateurs se connectent à Bookconekt avec
Facebook, ils peuvent autoriser Bookconekt à récupérer des informations sur leur compte (nom,
prénom, id, email et photo de profil).

Figure 22 : Code Java pour la Connexion avec Facebook

47
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
Chapitre 3 : Réalisation du système

Figure 23 : Code JAVA pour connexion avec Facebook

48
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
Chapitre 3 : Réalisation du système

B- Code JAVA pour le RecyclerviewAdapter


Le Recyclerview est une liste, une grille ou une représentation structurée permettant à l’utilisateur
de visualiser ces données et scroller à travers cette liste. L’utilisateur peut interagir via des
évènements « onClick » ou « onTouch ».

49
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
Chapitre 3 : Réalisation du système

Figure 24 : Code JAVA pour le RecyclerViewAdapter

50
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
Chapitre 3 : Réalisation du système

Paragraphe3 : Travail Réalisé

Cette partie nous montre les résultats obtenus après la réalisation de l’application. Pour le testage
de notre application nous avons utilisé un smartphone INFINIX HOT4.

Figure 25 : Ecran de chargement de Bookconekt

51
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
Chapitre 3 : Réalisation du système

Figure 26 : Ecran de connexion de Bookconekt

52
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
Chapitre 3 : Réalisation du système

Figure 27 : Ecran de menu principal de Bookconekt

53
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
Chapitre 3 : Réalisation du système

Figure 28 : Ecran de consulter la liste de Bookconekt

54
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
Chapitre 3 : Réalisation du système

CONCLUSION PARTIELLE III

Dans ce dernier chapitre de notre travail, nous avons présenté l'environnement de développement
et les principaux outils techniques, ainsi que les services utilisés, qui nous ont permis la réalisation
de notre application en respectant les normes et standards d'un bon système. Nous avons présenté
également, notre application mobile à travers une arborescence des vues de cette dernière.

55
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
CONCLUSION GENERALE

Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT


Conclusion générale

Conclusion Générale

Au terme de ce rapport, nous pouvons conclure que ce stage de fin d’études nous a donné
une occasion opportune nous permettant de confronter l’acquis théorique à l’environnement
pratique.
En effet, le stage nous a permis de prendre certaines responsabilités, par la suite de consolider
de plus en plus nos connaissances théoriques et pratiques. C’est là que réside la valeur d’un tel
projet de fin d’études qui combine les exigences de la vie professionnelle aux cotés bénéfique de
l’enseignement théorique que nous avons eu à l’école PIGIER.
Ce projet de fin d’étude a consisté à réaliser une application mobile d’achat des ouvrages
en ligne. Nous avons tout d’abord entamé notre étude par l’analyse des besoins qui est une étape
cruciale et nécessaire pour mieux assimiler le système, puis par la définition des principaux acteurs
et l’identification des besoins. Ensuite, nous avons fait la conception en utilisant le formalisme
UML et mis en œuvre la base de données avec MySQL. Enfin, nous avons procédé au choix des
outils et environnement qui nous a permis de développer l’application mobile.
Par ailleurs, avec cette application mobile que nous avons réalisée, les internautes depuis
tout endroit, peuvent effectuer l’achat d’ouvrages sans avoir à se déplacer.
Notre système étant un prototype, la base de données reste à compléter, le processus de
vente d’ouvrage reste à finaliser et le développement de cette application sous le système
d’exploitation iOS reste à faire aussi. Ce travail sera fait de concert avec Bookconekt qui est
commanditaire du présent projet.

56
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
Bibliographie

Bibliographie

[1] APPLICATION WEB ET MOBILE DE SOUSCRIPTION A UNE ASSURANCE SANTE

2018-2019 Khaliq Batawenam ALI

[2] REALISATION D’UNE APPLICATION WEB ET MOBILE : NASUBA+


2018-2019 Ramadane AMADOU et Vénérius S. DAKO

[3] Programmation Android De la Conception au déploiement avec le SDK Google Android


« Damien Guignard ; Julien Chable ; Emmanuel Robles »

[4] Apprendre à Programmer en Java, OpenClasSsroom ;

ix
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
Webographie

Webographie

[5] https://developper.android.com/, consulté le 21, 22 Février 2020

[6] https://stackoverflow.com/, consulté le 11, 12, 13 mars 2020

[7] https://openclassroom.com/, consulté le 15 Avril 2020

[8] https://www.youtube.com/, consulté le 11, 12, 13 Avril 2020

[9] https://www.memoireonline.com/, consulté le 18 mars 2020

[10] https://www.simplifiedcoding.net/, consulté le 20 mars 2020

[11] https://www.kkiapay.me/, consulté le 10 Mai 2020

[12] https://www.medium.com/, consulté le 02 Mai 2020

x
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
ANNEXES

Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT


Annexes

ANNEXES

ANNEXE 1 : code source du fichier de définition des chaines de caractères dans Android
Studio strings.xml

<resources>
<string name="app_name">Bookconekt</string>
<string name="Tv1">Mot de Passe</string>
<string name="facebook_app_id">226965508300578</string>
<string
name="fb_login_protocol_scheme">fb226965508300578</string>
</resources>
ANNEXE 2 : Code source de fichier qui permet de générer des couleurs dans Android Studio.

<?xml version="1.0" encoding="utf-8"?>


<resources>
<color name="colorPrimary">#2D383F</color>
<color name="colorPrimaryDark">#2D383F</color>
<color name="colorAccent">#FF6C02</color>
<color name="Background">#EEEDEF</color>
<color name="mycolor">#FA8206</color>
</resources>
ANNEXE 3 : Code source de fichier qui permet de générer des Styles dans Android Studio.

<resources>

<!-- Base application theme. -->


<style name="AppTheme"
parent="Theme.AppCompat.Light.DarkActionBar">
<!-- Customize your theme here. -->
<item name="colorPrimary">@color/colorPrimary</item>
<item name="colorPrimaryDark">@color/colorPrimaryDark</item>
<item name="colorAccent">@color/colorAccent</item>
</style>

</resources>

xi
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
Annexes

ANNEXE 4 : Code source du fichier drawable pour la gestion de la forme des boutons

<?xml version="1.0" encoding="utf-8"?>


<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">

<solid
android:color="@color/colorPrimary"/>

<corners
android:radius="35dp"
/>
</shape>

ANNEXE 5 : Code source du fichier build.gradle.


Le Gradle est un moteur de production permettant d’automatiser des actions comme la
compilation et les dépendances.

apply plugin: 'com.android.application'

android {
compileSdkVersion 29
buildToolsVersion "29.0.2"
defaultConfig {
applicationId "bj.FarouckMessie.splashscreen"
minSdkVersion 15
targetSdkVersion 29
versionCode 1
versionName "1.0"
testInstrumentationRunner
"androidx.test.runner.AndroidJUnitRunner"
}
buildTypes {
release {
minifyEnabled false
proguardFiles getDefaultProguardFile('proguard-android-
optimize.txt'), 'proguard-rules.pro'
xii
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
Annexes

}
}
}

dependencies {
implementation fileTree(dir: 'libs', include: ['*.jar'])
implementation 'androidx.appcompat:appcompat:1.0.2'
implementation 'androidx.constraintlayout:constraintlayout:1.1.3'
testImplementation 'junit:junit:4.12'
androidTestImplementation 'androidx.test.ext:junit:1.1.0'
androidTestImplementation 'androidx.test.espresso:espresso-
core:3.1.1'
implementation "androidx.cardview:cardview:1.0.0"
implementation "androidx.recyclerview:recyclerview:1.1.0"
// For control over item selection of both touch and mouse driven
selection
implementation "androidx.recyclerview:recyclerview-selection:1.1.0-
rc01"
implementation 'com.google.android.material:material:1.0.0'
implementation 'com.facebook.android:facebook-login:[5,6)'
implementation 'de.hdodenhof:circleimageview:3.1.0'
implementation 'com.github.bumptech.glide:glide:4.11.0'
annotationProcessor 'com.github.bumptech.glide:compiler:4.11.0'
}

xiii
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
Tables des matières

Tables des matières

Dédicace ..................................................................................................................................... i
Dédicace .................................................................................................................................... ii
Remerciements .......................................................................................................................... iii
Sommaire ................................................................................................................................. iiv
Liste des tableaux ....................................................................................................................... v
Listes des figures ....................................................................................................................... vi
Liste des abréviations ............................................................................................................. vvii
Résumé ................................................................................................................................... viii
Introduction ................................................................................................................................ 1
Chapitre I : Cadre et Problématique de la Recherche................................................................... 2
Section I : Présentation de la structure d’accueil ...................................................................... 2
Paragraphe 1 : Présentation de Bookconekt ......................................................................... 2
Paragraphe 2 : Organisation structurelle, fonctionnement et Organigramme de Bookconekt . 2
1- Direction Générale ................................................................................................... 2
2- Service Marketing et Communication ........................................................................ 2
3- Service Technique ..................................................................................................... 2
4- Service Juridique : .................................................................................................... 2
5- Organigramme de Bookconekt Sarl ........................................................................... 3
Paragraphe 3 : Situation Géographique de Bookconekt ........................................................ 3
Paragraphe 4 : Les offres et services de Bookconekt ............................................................ 4
Paragraphe 5 : Déroulement du stage.................................................................................... 5
1- Android Studio .......................................................................................................... 6
2- JAVA ........................................................................................................................ 6
3- KOTLIN .................................................................................................................... 6
4- XML.......................................................................................................................... 6
5- Les différentes plateformes mobiles utilisées dans le monde. ..................................... 7
6- Part du marché des systèmes d’exploitation mobiles. ................................................ 9
Section II : Problématique de la Recherche ............................................................................ 10
Paragraphe I : Ciblage de la Problématique ........................................................................ 10
Paragraphe 2 : Ciblage des objectifs ................................................................................... 10
Paragraphe 3 : Revue de littérature ..................................................................................... 11
CONCLUSION PARTIELLE I ................................................................................................ 12

xiv
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT
Tables des matières

Chapitre II : Analyse et Spécifications du système .................................................................... 13


Section I : Spécifications des besoins .................................................................................. 113
Paragraphe 1 : Spécifications des besoins fonctionnels ....................................................... 13
Paragraphe 2 : Spécifications des besoins non fonctionnels ................................................ 14
Section II : Conception détaillée ............................................................................................ 14
Paragraphe I : Présentation d’UML .................................................................................... 14
Paragraphe II : Diagramme de cas d’utilisation .................................................................. 15
Paragraphe III : Diagramme séquence ................................................................................ 24
Paragraphe IV : Diagramme de classe ............................................................................ 3030
CONCLUSION PARTIELLE II ............................................................................................... 31
Chapitre III : Réalisation du système ........................................................................................ 32
Section I : Choix des outils et environnement. ....................................................................... 32
Paragraphe1 : Outils techniques. ........................................................................................ 32
Paragraphe2 : Environnement de développement................................................................ 35
1- Installation ............................................................................................................. 35
2- Présentation de l’interface ...................................................................................... 39
3- Système de gestion de base de données ................................................................... 40
4- Services utilisés....................................................................................................... 41
Section II : Réalisation de l’application . ............................................................................... 41
Paragraphe1 : Implémentation de l’application Mobile ....................................................... 41
Paragraphe2 : Présentation des Résultats. ........................................................................... 46
Paragraphe3 : Travail réalisé. ............................................................................................. 51
CONCLUSION PARTIELLE III .............................................................................................. 55
Conclusion Générale ................................................................................................................ 56
Bibliographie ............................................................................................................................. ix
Webographie .............................................................................................................................. x
ANNEXE .................................................................................................................................. xi

xv
Conception et réalisation d’une application mobile sous Android : cas de BOOKCONEKT

Vous aimerez peut-être aussi