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