Rapport Pfe [PDF]

Zitiervorschau

DIPLOME UNIVERSITAIRE DE TECHNOLOGIE GENIE INFORMATIQUE

RAPPORT DE PROJET DE FIN D’ETUDES Sous le thème : Sport news Mobile Application

Réalisé par : − Idbaba Asmae − Erraha Malouha − Kazaz Mariam

Encadré par : − Dr Salek RIADI : Enseignant-chercheur à l’EST de Laâyoune − Soutenu devant le Jury composé de : − Dr Salek RIADI : Enseignant-chercheur à l’EST de Laâyoune − Période de projet : − Du 20/02/2022 au 20/03/2022

Année universitaire 2022/2023

Remerciement Avant de commencer la présentation de ce projet, nous tenons à profiter de cette occasion pour remercier toutes les personnes qui ont contribué de près ou de loin à la réalisation de ce projet. Tout d'abord, nous tenons à exprimer notre profonde gratitude à tous nos professeurs, enseignants et à tous ceux qui travaillent à EST pour les soutiens et l'accueil cordial qu'ils nous ont reçus. Ainsi que M. SALEK Raidi, mon professeur et superviseur pour tous ses conseils et son soutien tout au long du projet et pour avoir partagé avec nous toute son expérience et ses compétences. Enfin, nos remerciements particuliers vont à nos familles pour l'amour, le soutien, la patience et les encouragements sans fin, non seulement au cours des deux dernières années, mais tout au long de mon éducation.

1

Table des matières Chapitre 1.

Introduction ...................................................................................................................... 3

1.1

Présentation de la plateforme Sportnews .............................................................................. 3

1.2

Présentation de Sportnews Mobile Application ..................................................................... 4

Chapitre 2. Analyse et conception de Sportnews Mobile Application ................................................... 5 2.1

Architecture globale de la plateforme .................................................................................... 5

2.2

Architecture de Sportnews Mobile Application ...................................................................... 6

2.2.1

Diagramme de classe ...................................................................................................... 6

2.2.2

Diagramme de cas d’utilisation ....................................................................................... 7

2.2.3

Diagramme de séquence ................................................................................................ 7

2.2.4

Diagramme d’activité ...................................................................................................... 8

Chapitre 3. Choix techniques.................................................................................................................. 8 3.1

Outils de développement ........................................................................................................ 8

3.1.1

Java .................................................................................................................................. 8

3.1.2

Spring ............................................................................................................................... 9

3.1.3

MySQL............................................................................................................................ 10

3.1.4

. JavaScript ..................................................................................................................... 10

3.1.5

CSS3 ............................................................................................................................... 10

3.1.6

HTML5 ........................................................................................................................... 11

3.2

Outils de tests ........................................................................................................................ 11

3.2.1

Android studio ............................................................................................................... 11

3.2.2

Xampp............................................................................................................................ 11

3.2.3

Intellij IDE....................................................................................................................... 12

Chapitre 4. Réalisation .......................................................................................................................... 13 Chapitre 5. Conclusion et Références ................................................................................................... 18

2

Chapitre 1.

Introduction

C’est grâce à ce projet de fin d’études que nous avons eu l’opportunité de cumuler les connaissances théoriques avec celles de la pratique. Tout ça en vue de l’obtention du diplôme universitaire de technologie (DUT) en génie informatique au sein de l’école supérieure de technologie à Laâyoune. Le projet qui nous a été proposé « Sport news Mobile » une application mobile utile pour consulter les actualités des compétitions de football. Cette Etude entre dans l’objet de la conception et le développement d’une application mobile.

1.1 Présentation de la plateforme Sportnews Une création application mobile à également besoin d’une plateforme pour fonctionner, ANDROID et IOS sont deux principaux systèmes d’exploitation mobile du marché. Le système d’exploitation IOS est utilisé seulement sur les supports Apple tels que les IPhone et les IPAD. La société Apple Inc., ne délivre pas de licence IOS pour l’exploitation de matériel tiers, de sorte que système est disponible uniquement sur leurs propres appareils. Le développement IOS fait référence au processus de développement mobiles/tablettes basés sur APPLE IOS.

3

pour les appareils

ANDROID est le système d'exploitation mobile crée par Google. Il équipe la majorité des téléphones portables du moment (smartphones). Son principal concurrent est Apple avec l'iPhone. Android est un système vous permettant de personnaliser votre téléphone, télécharger des applications (navigateur Internet, GPS, Facebook...). Android équipe également l.

1.2

Présentation de Sportnews Mobile Application

Tout d’abord une application mobile est un logiciel à télécharger et à installer sur votre Smartphone, votre tablette. Elle fonctionne comme un logiciel classique sur votre ordinateur, elle requiert un développement particulier pour chaque type de système d’exploitation sur lesquels vous voulez pouvoir utiliser votre application (ANDROID, IOS, Windows phone). Application mobile sportnews est un programme téléchargé able sur des smartphone ou des tablettes, il occupe une place très importante dans notre vie quotidienne car il permet aux utilisateurs de consulter les actualités des compétitions sportives.

4

Chapitre 2.

Analyse et conception de

Sportnews Mobile Application 2.1 Architecture globale de la plateforme ✓ Architecture d’Android Au niveau technique, le système d’exploitation Android est composé de 5 couches distinctes (Lee, 2012) comme illustré dans l’image au-dessus Le noyau Linux (Kernel) permet de faire le lien entre l’aspect logiciel d’Android et l’aspect matériel. Nous pouvons y retrouver, par exemple, un pilote pour contrôler la caméra. La couche librairies contient un panel de librairies natives au smartphone comme SQLite, un gestionnaire pour des bases de données. Une de ces couches, appelées Android runtime, contient un panel de plusieurs librairies afin que les développeurs puissent écrire des applications Android en Java. Cette couche comporte une machine virtuelle, Dalvik, qui exécutera les applications écrites en Java. Les API (Application Programming Interface) sont fournis par la couche Applications Framework. La dernière couche, applications, correspond aux nombreuses applications se trouvant sur le smartphone tel que les contacts, les sms ou le calendrier.

✓ Architecture de iOS Comme expliqué précédemment, les appareils d’Apple tournent sous un système d’exploitation appelé iOS. Ce système contient 4 couches distinctes illustré dans la Figure 4 : Architecture de iOS. (Mercy, 2011). 5

La première couche, Corê OS, est la couche basse du système. C’est elle qui gère par exemple le système sécurité ou bien même les certificats (Martin, 2012). Les Corés Services peuvent supporter, par exemple, l’accès vers une base de données SQLite. La couche Média, comme son nom l’indique, permet de gérer les médias audios ou vidéo. La dernière, quant à elle, est l’API qui est constituée de plusieurs programmes pré-écrits. Elle est dédiée à l’écriture des applications (Martin, 2012).

2.2 Architecture de Sportnews Mobile Application 1.2.1 Diagramme de classe

6

2.2.2 Diagramme de cas d’utilisation

2.2.3 Diagramme de séquence

7

2.2.4 Diagramme d’activité

Chapitre 3. Choix techniques 1.1 Outils de développement 3.1.1 Java Java est un langage de programmation et une plate-forme informatique créée par Sun Microsystems. Utilisé par 9 millions de développeurs dans le monde, ce langage est nécessaire pour le fonctionnement de beaucoup d’applications et de sites Web. Il est la base de la plupart des applications en réseau : des jeux, des téléphones portables à Internet, du contenu web et des logiciels entreprises. Grâce aux technologies Java, les développeurs peuvent écrire des logiciels sur une plate-forme, les exécuter sur d’autres plateformes, créer des programmes qui peuvent être exécutés dans un navigateur web, développer des applications côté serveur, combiner des applications ou des services basés sur le langage Java et écrire des applications efficaces pour les téléphones portables. Java est disponible dans tous les systèmes d’exploitation tels que Windows, Mac, Linux et dans les téléphones portables sous Android. Cette multiplicité de support est avantageuse, car cela permet aux développeurs de créer un programme et de le faire fonctionner sur plusieurs ordinateurs sans devoir recréer un nouveau programme.

8

3.1.2 Spring Un Spring se définit comme étant un Framework libre très riche, parmi les plus réputés au monde. Il permet de construire l’infrastructure d’une application Java et d’en faciliter le développement. Il faut savoir qu’à ses débuts, l’application Java était un langage de programmation, qui s’est peu à peu étendu à une variété de plateformes, allant de l’ordinateur au smartphone. Spring est considéré comme un projet Open Source, créé et développé par Rod Johnson en juin 2003, qui est par ailleurs le cofondateur de SpringSource.

3.1.3 MySQL Le système de gestion de base de données relationnelle (SGBDR) open source Oracle MySQL s'appuie sur le langage de requête structuré SQL (Structured Query Language). Il est compatible avec presque toutes les plateformes notamment Linux, UNIX et Windows. Utilisé pour toutes sortes d'applications.

9

3.1.4. JavaScript Le JavaScript est un langage de script incorporé dans un document HTML. Historiquement il s'agit même du premier langage de script pour le Web. Ce langage est un langage de programmation qui permet d'apporter des améliorations au langage HTML en permettant d'exécuter des commandes du côté client, c'est-à-dire au niveau du navigateur et non du serveur web.

3.1.5 CSS3 Le terme CSS est l’acronyme anglais de Cascading Style Sheets qui peut se traduire par « feuilles de style en cascade ». Le CSS est un langage informatique utilisé sur l’internet pour mettre en forme les fichiers HTML ou XML. Ainsi, les feuilles de style, aussi appelé les fichiers CSS, comprennent du code qui permet de gérer le design d’une page en HTML.

10

3.1.6 HTML5 Le langage de balisage hypertexte (HTML) est le langage de balisage standard pour les documents conçus pour être affichés dans un navigateur Web. Il peut être assisté par des technologies telles que les feuilles de style en cascade (CSS) et les langages de script tels que JavaScript.

1.2 Outils de tests 3.2.1 Android studio Android Studio permet principalement d’éditer les fichiers Java/Kotlin et les fichiers de configuration XML d’une application Android. Il propose entre autres des outils pour gérer le développement d’applications multilingues et permet de visualiser la mise en page des écrans sur des écrans de résolutions variées simultanément.

3.2.2 Xampp XAMPP est un ensemble de logiciels permettant de facilement créer une interface web interagissant avec une base de données SQL ! 11

o

X pour cross-plateforme (LAMPP pour Linux, WAMPP pour Windows,)

o

A pour Apache

o

M pour MySQL I P pour PHP

o

P pour Perl

Xampp : MYSQL MySQL est un système de gestion de bases de données SQL o Exécute des instructions SELECT, … o Déjà vu en cours !

3.2.3 Intellij IDE IntelliJ IDEA également appelé « IntelliJ », « IDEA » ou « IDJ » est un environnement de développement intégré (en anglais Integrated Développent Environnent - IDE) destiné au développement de logiciels informatiques reposant sur la technologie Java. Il est développé par JetBrains (anciennement

« IntelliJ »)

et

disponible

en

deux

versions,

l'une

communautaire, open source, sous licence Apache 2 et l'autre propriétaire, protégée par une licence commerciale. Tous deux supportent les langages de programmation Java,….

12

Chapitre 4. Réalisation Page user :

13

Page de post :

14

Login d’admin :

Dashboard :

15

Ajouter article :

16

Ajouter catégories :

Ajouter compétition :

17

Chapitre 5. Conclusion et Références Conclusion Ce travail a été réalisé dans le cadre de notre projet de fin d'études, et s'est basé sur la réalisation d'une application mobile, ceci qui nous amené à découvrir la plateforme de développement et à enrichir notre savoir et notre expérience. Au cours de la phase de réalisation de notre application, nous avons entamé par une étude préalable sur le domaine de sports et ses catégories pour assimiler le système, cette phase a constitué le point de départ à l'étape d'analyse pour créer une meilleure application possible. Puis nous avons procédé à la phase de l'analyse qui a permis la conception d'une architecture de base qu'est le point de départ à la conception dans laquelle nous avons utilisé les langages de programmation.

18

Références _ https://www.wikipedia.org/ _ https://www.beinsports.com/en/ _ https://www.google.com/

19