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 PR. 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 notre é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’Ecole 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 pour les appareils

mobiles/tablettes basés sur APPLE IOS.

3
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
Smartphone, la tablette. Elle fonctionne comme un logiciel classique sur l‘ordinateur, elle
requiert un développement particulier pour chaque type de système d’exploitation sur lesquels
les utilisateurs veulent utiliser l’application (ANDROID, IOS, Windows phone).

Application mobile sportnews est un programme téléchargeable 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
Chapitre2. 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-dessous 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.

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).

1.2 Architecture de Sportnews Mobile Application

2.2.1 Diagramme de classe

6
2.2.2 Diagramme de cas d’utilisation

2.2.3 Diagramme de séquence

2.2.4 Diagramme d’activité

7
*

Chapitre 3. Choix techniques

3.1Outils 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.

8
 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.

3.1.2 Spring
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

9
compatible avec presque toutes les plateformes notamment Linux, UNIX et Windows. Utilisé
pour toutes sortes d'applications.

3.1.4. JavaScript
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.

3. 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
11
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 !

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

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 :

15
Dashboard :

16
Ajouter article :

Ajouter catégories :
17
Ajouter compétition :

Chapitre 5. Conclusion
18
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 on utilise les diagrammes UML
pour décrire et visualiser les différentes parties de l’application. Cependant dans la phase de
réalisation, on utilise les langages des programmations pour traduire ces diagrammes UML en
code pour que l’application puisse fonctionnes.

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

20