22
UNIVERSITE DE TUNIS CARTHAGE Institut des Hautes Etudes Commerciales de Carthage Réalisation d’une application mobile bancaire Réalisé par : Khaled FAYALA Samy ATROUS Année universitaire 2014-2015

Développement d’une application mobile bancaire pour QNB Tunisie

Embed Size (px)

Citation preview

Page 1: Développement d’une application mobile bancaire pour QNB Tunisie

UNIVERSITE DE TUNIS CARTHAGE

Institut des Hautes Etudes Commerciales de Carthage

Réalisation d’une application

mobile bancaire

Réalisé par :

Khaled FAYALA

Samy ATROUS

Année universitaire 2014-2015

Page 2: Développement d’une application mobile bancaire pour QNB Tunisie

~ i ~

Introduction générale ..........................................................................................................................1

1. Contexte générale ....................................................................................................................1

2. Cadre du projet ........................................................................................................................1

3. Le Mobile Banking..................................................................................................................2

4. Organisation du manuscrit .......................................................................................................2

Cadre général ......................................................................................................................................3

1. Introduction.............................................................................................................................3

2. Etude des utilisateurs ...............................................................................................................3

2.1 Marché visé .....................................................................................................................3

2.2 Attentes des utilisateurs ...................................................................................................3

3. Etude de l’existant ...................................................................................................................4

3.1 Application BNP Paribas « Mes comptes » ......................................................................4

3.2 Attijari mobile .................................................................................................................5

3.3 UBCI Mobile ...................................................................................................................5

4. Notre application .....................................................................................................................6

4.1 Besoin fonctionnels et non fonctionnels ...........................................................................6

4.2 Positionnement ................................................................................................................7

5. Conclusion ..............................................................................................................................7

Réalisation ..........................................................................................................................................8

1. Introduction.............................................................................................................................8

2. Logiciels et matériels utilisés ...................................................................................................8

3. Le système Android ................................................................................................................9

4. Travail réalisé..........................................................................................................................9

5. Conclusion ............................................................................................................................ 16

Conclusion générale .......................................................................................................................... 17

Références ........................................................................................................................................ 18

TABLE DES MATIÈRES

Page 3: Développement d’une application mobile bancaire pour QNB Tunisie

~ ii ~

Figure 1. Quelques interfaces de l’application « Mes comptes » ..........................................................4

Figure 2. Quelques interfaces de l’application Attijari mobile ..............................................................5

Figure 3. Quelques interfaces de l’application UBCI Mobile ...............................................................6

Figure 4. Page d'accueil ......................................................................................................................9

Figure 5. Menu principal ................................................................................................................... 10

Figure 6. Annuaire des agences ......................................................................................................... 11

Figure 7. Convertisseur de devises .................................................................................................... 11

Figure 8. Page d'authentification ....................................................................................................... 12

Figure 9. Authentification non validé ................................................................................................ 12

Figure 10. Menu réservé aux abonnés ............................................................................................... 13

Figure 11. Page de consultation de compte ........................................................................................ 13

Figure 12. Page de commande de chéquier ........................................................................................ 14

Figure 13. Page de modification de mot de passe ............................................................................... 14

Figure 14. Modification erronée de mot de passe ............................................................................... 15

Figure 15. Page de désactivation du compte ...................................................................................... 15

Figure 16. Page à propos ................................................................................................................... 16

TABLE DES FIGURES

Page 4: Développement d’une application mobile bancaire pour QNB Tunisie

1

Introduction générale

1. Contexte générale

L'essor des technologies de l'information et de la communication (TIC) a marqué sans

doute de façon décisive une évolution majeure ces dernières décennies. Cette évolution,

notamment dans le domaine de l’informatique, a donné naissance à des nouvelles

équipements mobiles tels que les Smartphones, les tablettes, etc. Le secteur bancaire n’a donc

pas fait figure d’exception face au phénomène de l’émergence des TIC. Les banques essaient

alors de mettre à profit les avantages offerts par ces technologies en particulier l’accès à

l’internet. Le défi actuel des banques, est d’anticiper les demandes des consommateurs en

matière de rapidité d’accès et de services de haute technologie. L’adaptation de l’offre

bancaire en ligne au profil de la clientèle et à ses attentes est considérée comme étant un des

avantages les plus importants de l’internet.

Il est évident que le client d’aujourd’hui est tout-à-fait différent de celui de hier. Avec

l’apparition des distributeurs automatiques des billets et ensuite les applications mobiles, les

clients rencontrent de moins en moins leurs banquiers donc les concepts de temps et de

distance ont perdu leur significativité. Tout cela a modifié énormément la relation entre les

banques et leurs clients puisque ces derniers peuvent désormais accéder à leur banque

n’importe où et n’importe quand.

De ce fait, plusieurs banques ont adopté des solutions de Mobile Banking en profitant de la

prospérité du téléphone mobile afin d’augmenter la satisfaction du client et de créer des

opportunités stratégiques et commerciales.

C’est dans ce cadre que nous avons décidé de créer une application mobile bancaire sous la

plateforme Android.

2. Cadre du projet

Lorsque les premiers téléphones mobiles ont été lancés, ils étaient surtout destinés à passer

des appels par les utilisateurs. Aujourd'hui, le mobile n’est pas seulement un moyen de

communication mais aussi un moyen pour réaliser des opérations et des services à domicile

grâce à des applications mobiles.

Page 5: Développement d’une application mobile bancaire pour QNB Tunisie

2

À l’origine, ces applicatifs étaient réduites à de simples vitrines pour la présentation des

entreprises. Par la suite, ces moyens ont évolué vers des outils puissants offrant des services

utiles pour la clientèle.

Les institutions financières se sont rendu compte de l’importance de ces applications et de

leurs influences sur la clientèle. En effet, le client n’a pas besoins de se déplacer à sa banque

et attendre aux guichets pour bénéficier des services, c’est la banque qui lui rend visite.

3. Le Mobile Banking

Dans la littérature, nous rencontrons plusieurs définitions et divers acronymes qui

s’intéressent aux services bancaires par mobiles. Le terme Mobile Banking

(en français : Banque Mobile) correspondent aux services financiers tels que la consultation

des soldes, le transfert des sommes, le paiement des factures, etc. qui sont accessibles par un

téléphone portable ou un autre appareil portable connecté à internet.

Les applications mobiles « toujours accessibles » fournissent une communication

personnalisée très rapide et ciblée par l’envoie automatique des notifications à la clientèle.

4. Organisation du manuscrit

Ce manuscrit est organisé comme suit :

Dans le premier chapitre, nous présentons le cadre général de notre projet. Dans la

première partie, nous nous intéressons à l’étude des utilisateurs par la présentation de public

visé et les attentes des utilisateurs. Dans la deuxième partie, nous présentons quelques

applications existantes. Dans la troisième partie, nous décrivons les fonctionnalités attendues

de notre application. Enfin, dans la dernière partie nous clôturons ce chapitre par une

conclusion.

Dans le deuxième chapitre, nous présentons l’environnement logiciel de développement,

et quelques interfaces de notre application mobile. Finalement, nous achèverons ce chapitre

par une conclusion.

Finalement, nous terminons ce rapport par une conclusion générale.

Page 6: Développement d’une application mobile bancaire pour QNB Tunisie

3

Cadre général

1. Introduction

Les applications mobiles ont connu un grand succès aux prés de ses usagers. C'est la raison

pour laquelle les banques proposent de plus en plus des services en ligne. Dans ce chapitre,

nous présentons en premier lieu, une étude sur les utilisateurs de notre application, par la

suite, nous proposons quelques applications bancaires pour les téléphones mobiles au niveau

international et national, finalement nous présentons les fonctionnalités de notre application.

2. Etude des utilisateurs

L’objectif principal de notre application est de rendre un ensemble de service de la banque

en ligne. Pour cela le produit devra aussi avoir une valeur ajoutée pour la clientèle. Dans ce

qui suit nous présentons le marché visé par notre application.

2.1 Marché visé

L’application pourra être mise sur la plateforme Android Market qui permet le

téléchargement des applications et leur installation automatique, l’application va être

distribuée gratuitement, ce qui élargit le cercle des utilisateurs potentiels par rapport à une

application payante. Notre application est destinée spécialement pour le marché local.

Donc le public visé est composé par :

Les propriétaires de Smartphones, tablettes, etc. qui utilisent comme système

d’exploitation Android et qui préfèrent une application gratuite offrant des

services à leurs besoins.

Les clients de la banque QNB désirant effectués des opérations à distance sans

avoir des contraintes de temps.

2.2 Attentes des utilisateurs

Le client cherche une information pertinente et rapide lui permettant de faire une décision

immédiate. Alors, le temps est primordial dans la délivrance de l’information.

CHAPITRE 1

Page 7: Développement d’une application mobile bancaire pour QNB Tunisie

4

L’un des points les plus critiques concerne particulièrement la sécurité des applications

pour cela il faut garantir une authentification fiable capable de confirmer l’identité du client.

La facilité d’utilisation est un des facteurs clés de succès de l’application. Elle considérée

aussi comme une nécessité pour la clientèle et notamment pour les novices.

3. Etude de l’existant

Dans cette partie, nous présentons des cas de figures des applications mobiles bancaire sur

l’échelle internationale et nationale.

3.1 Application BNP Paribas « Mes comptes »

L’application « Mes comptes » est une application française qui est disponible sur des

mobiles et sur des montres connectées. Elle offre un espace personnalisé et adapté aux besoins

des clients de la banque [1].

Figure 1. Quelques interfaces de l’application « Mes comptes »

Cette application propose de nombreux services :

Commander un chéquier et consulter l’historique des commandes ;

Localiser l’agence BNP Paribas la plus proche de client ;

Suivi des actualités de la banque sur facebook et twitter ;

Accéder au simulateur crédit pour un prêt Auto, conso, travaux.

Visualiser l’évolution de solde sous forme de graphique, etc.

Page 8: Développement d’une application mobile bancaire pour QNB Tunisie

5

3.2 Attijari mobile

Pour faciliter la gestion des comptes, Attijariwafa bank a créé l’application « Attijari

Mobile » qui permet de consulter et de gérer les comptes en toute confidentialité et en toute

sécurité, quel que soit le lieu ou l’endroit du client [2].

Cette application propose de nombreuses fonctionnalités :

Consultation des soldes et des extraits de compte ;

Consultation des dernières opérations ;

Effectuer et suivre des virements compte à compte ;

Commander des chéquiers ;

Cette application permet aussi d’accéder aux :

Offre produit et services d’Attijariwafa bank ;

La démo de l’application Attijari mobile ;

Un annuaire des contacts utiles ;

FAQ.

Figure 2. Quelques interfaces de l’application Attijari mobile

3.3 UBCI Mobile

L'Appli UBCI Mobile vous permet un accès direct, depuis votre Smartphone [3].

Page 9: Développement d’une application mobile bancaire pour QNB Tunisie

6

Figure 3. Quelques interfaces de l’application UBCI Mobile

Cette application propose de nombreuses fonctionnalités :

Localisez les agences, les DAB et les horaires d’ouverture des agences.

Indique également les agences et distributeurs du Groupe BNP Paribas à travers le

monde afin de ne pas payer de frais supplémentaires lors des retraits à l'étranger, etc.

4. Notre application

Cette partie vise à présenter respectivement les besoins fonctionnels et non fonctionnels de

notre application ainsi que leurs positions par apport aux applications existantes.

4.1 Besoin fonctionnels et non fonctionnels

Au cours de cette étape nous allons extraire les différentes fonctionnalités qu’offrira notre

projet.

Les besoins utilisateur sont :

Consultation du cours des devises.

Consultation du solde.

Conversion des devises.

Localisation des différentes agences bancaires et les distributeurs (DAB).

Consultation l’annuaire de réseau des agences.

Commander des chéquiers.

Page 10: Développement d’une application mobile bancaire pour QNB Tunisie

7

Les besoins non fonctionnels décrivent toutes les contraintes techniques, ergonomiques

auxquelles est soumis le système pour sa réalisation et pour son bon fonctionnement. Donc,

l’application doit satisfaire les contraintes suivantes :

La disponibilité : l’application doit être disponible à tout moment pour être

utilisé par n’importe quel utilisateur.

Fiabilité des résultats : les résultats fournis par l’application doivent être

corrects.

Sécurité : La sécurité est assurée par la confidentialité des données de clients à

travers l’authentification.

Ergonomie : L’interface de l’application doit être conviviale et simple pour tout

type d’utilisateur car le design reste le point majeur qui influence le

consommateur.

Navigation : La navigation à l’intérieur de l’application doit être rapide.

4.2 Positionnement

Le positionnement de notre application par rapport aux autres applications mobiles

bancaires se décrit suivant les critères suivants :

Prix : Là où certains de nos concurrents proposent des applications payantes, notre

application sera gratuite. Plus d’utilisateurs pourront ainsi y accéder.

Canal de distribution : Comme pour nos concurrents, l’application sera disponible

sur Android Market.

Caractéristiques du produit : Application simple et rapide à utiliser avec plein

des fonctionnalités proposées.

5. Conclusion

Suite au développement des nouvelles technologies de l’information et de la

communication, le secteur bancaire a connu un changement rapide en terme de relation

banque-client. Dans ce chapitre, nous avons présenté une étude sur les utilisateurs de notre

application, une autre étude de l’existence et nous avons décrit les besoins fonctionnels et non

fonctionnels de notre application.

Dans le chapitre suivant, nous présentons les interfaces réalisées dans notre application.

Page 11: Développement d’une application mobile bancaire pour QNB Tunisie

8

Réalisation

1. Introduction

Cette partie constitue le dernier volet de ce rapport. Ce dernier chapitre est donc consacré à

présenter la réalisation du projet. Nous présentons en premier lieu l’environnement logiciel de

développement, par la suite, nous proposons quelques interfaces de notre application mobile.

Enfin, dans la dernière partie nous clôturons ce chapitre par une conclusion.

2. Logiciels et matériels utilisés

Environnement logiciels : pour la réalisation de notre application, nous avons utilisé :

Eclipse: C’est un environnement de développement intégré (ou IDE) le plus largement

utilisé pour la programmation Java; très performant, il est de plus gratuit et open source.

Android Developpement Tools (ADT) : Un plugin Eclipse utilisé dans le

développement des applications Android. Il fournit un environnement puissant et complet

pour l’implémentation, le débuggage et les tests. ADT est composé de plusieurs outils,

permettant de créer de nouvelles applications Android.

SDK Android : C’est l’outil le plus important, il est Facile à installer et il permet de

télécharger tous les outils indispensables au développement d’applications Android. Il

permet également de télécharger les différentes versions des Google APIs ou de la

documentation JavaDoc.

Environnement matériel

Concernant l’environnement matériel, nous avons utilisé une machine Intel Core I3 dont la

fréquence du microprocesseur est 1.80 GHz et dont la capacité de la RAM est 4 Go. Nous

avons aussi testé cette application sur un Smartphone Samsung Duos dont la fréquence de

processus est 1,2 GO et dont la version de système Android est 4.2.2.

CHAPITRE 2

Page 12: Développement d’une application mobile bancaire pour QNB Tunisie

9

3. Le système Android

Android est un système d’exploitation pour les terminaux mobiles. Ce système est basé sur

un noyau Linux et il a été publié le 5 novembre 2007 pour la première version.

Android est une plateforme puissante, moderne et ouverte puisque les utilisateurs peuvent

adapter les applications à leurs besoins et de ce fait, ils ont la possibilité de visualiser le code

source et de le modifier selon leurs envies.

Pour promouvoir les applications Android, Google a mis en place une boutique en ligne

appelé Android Market qui offre aux développeurs et aux utilisateurs du monde entier la

possibilité de publier et de télécharger des millions des applications.

4. Travail réalisé

Dans ce qui suit, nous présentons quelques interfaces de notre application.

La figure 4 représente la page d’accueil de notre application. Cette page est la première

page qui sera affichée pour l’utilisateur. À partir de cette page, l’utilisateur peut accéder au

menu principal.

Figure 4. Page d'accueil

Page 13: Développement d’une application mobile bancaire pour QNB Tunisie

10

Le menu principal est présenté par la figure 5. Nous avons décidé de faire une page assez

simple en termes de contenu et d’informations.

Ainsi pour rendre l’interface facile à utiliser, le visiteur peut accéder directement à

quelques services tels que le service de localisation, la consultation de cours devises et

l’annuaire des agences et il peut ainsi convertir des devises.

Figure 5. Menu principal

La figure 6 représente la page d’annuaire des agences. L’interface de cette page est

organisée d’une manière lisible pour l’utilisateur.

Les informations affichées sont :

Nom de l’agence,

Adresse ;

Numéro de téléphone.

Page 14: Développement d’une application mobile bancaire pour QNB Tunisie

11

Figure 6. Annuaire des agences

À Partir de l’interface 7, l’utilisateur choisit la devise à convertir, le montant et ensuite il

valide l’opération de conversion. C’est un convertisseur très facile et simple à utiliser.

Figure 7. Convertisseur de devises

Page 15: Développement d’une application mobile bancaire pour QNB Tunisie

12

La figure 8 représente l’interface d’authentification. À Partir de cette interface,

l’utilisateur remplit que deux champs (identifiant et mot de passe) et ensuit il clique sur le

bouton connexion.

Figure 8. Page d'authentification

Si l’authentification n’est pas validée par le système, le message suivant sera affiché « Les

données saisies sont erronées » comme montré dans la figure suivante.

Figure 9. Authentification non validé

Page 16: Développement d’une application mobile bancaire pour QNB Tunisie

13

Si l’authentification est validée, l’utilisateur accède au menu présenté par la figure 10. À

partir de ce menu, l’abonné peut consulter son compte, commander un chéquier, etc.

Figure 10. Menu réservé aux abonnés

Une fois l’abonné choisit le menu « Consulter compte » la page représenté par la figure 11

sera affiché. Cette page contient le numéro de compte et le solde.

Figure 11. Page de consultation de compte

Page 17: Développement d’une application mobile bancaire pour QNB Tunisie

14

Une fois l’abonné choisit le menu « Commander chéquier » la page représenté par la figure

12 sera affiché. À Partir de cette interface, l’utilisateur choisit le nombre de chèques (25 ou

50) et finalement, il valide l’opération de commande de chéquier.

Figure 12. Page de commande de chéquier

Une fois l’abonné choisit le menu « Modifier mot de passe » à partir de la figure 10, la

page représenté par la figure 13 sera affiché.

Figure 13. Page de modification de mot de passe

Page 18: Développement d’une application mobile bancaire pour QNB Tunisie

15

Si le système ne valide pas la modification de mot de passe, un message d’erreur sera

affiché pour l’abonné comme montré ci-dessous.

Figure 14. Modification erronée de mot de passe

Une fois l’abonné choisit le menu « Désactiver compte » à partir de la figure 10, la page

représenté par la figure 15 sera affiché.

Figure 15. Page de désactivation du compte

Page 19: Développement d’une application mobile bancaire pour QNB Tunisie

16

L’interface ci-dessus est compréhensible par l’utilisateur. Au début, nous avons décidé

d’informer l’utilisateur qu’il est sur le point de supprimer son compte. Ensuite, nous avons

ajouté une question pour savoir si l’utilisateur veut encore désactiver son compte ou non.

Une fois l’abonné clique sur oui, son compte sera désactivé.

Finalement, comme toute application professionnelle, nous avons ajouté une page nommé

« à propos ». Cette page contient les noms de développeurs qui ont créé cette application.

La figure 16 représente l’interface de la page à propos.

Figure 16. Page à propos

5. Conclusion

Dans ce chapitre nous avons pu voir en premier lieu l’environnement de travail de notre

projet. Par la suite, nous avons présenté quelques interfaces de notre application mobile. Nous

arrivons donc à la fin de notre rapport que nous clôturons par la conclusion générale.

Page 20: Développement d’une application mobile bancaire pour QNB Tunisie

17

Conclusion générale

L’accroissement du marché des mobiles est plus important que ceux des marchés des

ordinateurs, cet accroissement est traduit par des millions d’applications qui sont présentes en

ligne. Suite à l’émergence des nouvelles technologies de l’information et de la

communication, la plupart des secteurs ont connu des changements importants notamment le

secteur bancaire, avec l’avènement de Mobile Banking.

Les banques vont devoir redoubler d’efforts afin de proposer des applications plus

sophistiquées et contenant plus de fonctionnalités pour offrir aux clients des services rapides à

distance, en ligne et facile à utiliser.

Ce travail représente un rapport sur la réalisation d’une application mobile bancaire.

Durant ce projet, nous avons rencontré des difficultés dues notamment à la limite de temps.

Par contre, il faut tout de même mentionner que cette expérience a été bénéfique pour notre

formation. En effet, nous avons eu l’occasion d’utiliser de nouvelles technologies telle que le

système d’exploitation Android.

Perspectives de travail

Dans le but d’améliorer encore notre application, nous pensons qu’il est

certainement intéressant de compléter les autres services et d’ajouter d’autres

fonctionnalités telles que le virement entre les comptes, simulation des crédits, etc.

Nous pensons aussi de publier notre application sur le Market d’Android afin de

collecter les avis des utilisateurs.

Nous essayons d’ajouter la réalité augmentée c’est-à-dire superposés à la vue de la

caméra du téléphone des éléments géo localisés afin de pouvoir les situés par

apport à la position de clients.

Nous devons créer une application de BackOffice qui permet à un administrateur de

la banque de répondre aux demandes des abonnés (commandes de chéquier, etc.).

Ses perspectives permettent d’apporter un haut niveau de satisfaction pour les clients.

Finalement, nous espérons que le travail que nous avons effectué a été à la hauteur de la

confiance qui nous a été donnée.

Page 21: Développement d’une application mobile bancaire pour QNB Tunisie

Références

[1] https://play.google.com/store/apps/details?id=net.bnpparibas.mescomptes

[2] https://play.google.com/store/apps/details?id=com.attijariwafabank.main

[3] https://play.google.com/store/apps/details?id=com.ubci.mobile

Page 22: Développement d’une application mobile bancaire pour QNB Tunisie

Résumé

Ce travail se résume essentiellement dans la création d’une application mobile bancaire sur

la plateforme Android pour permettre aux utilisateurs de consulter des comptes, le cours des

devises, et l’annuaire des agences, etc. Les services offerts par notre application sont des

services à distance, rapide et facile à utiliser.

Abstract

This work is summarized mainly in the creation of a mobile banking application on the

Android platform to allow users to view accounts, check currency rates, consult the directory

of bank branches, etc. The services offered by our application are remote services, quick and

easy to use.

Réalisation d’une application mobile bancaire

Mots clés : Mobile, Android, banque, services en ligne, devises,

application.

Realization of a mobile banking application

Keywords : Mobile, Android, bank, Online services, currency,

application.