Rapport du compte rendu

Sous le thème Application
: web de gestion de prise de notes

REALISÉ PAR :

Année Universitaire :
1
 TABLE DES MATIÈRES
Table des matières
INTRODUCTION GENERALE

CHAPITRE 1 : Présentation du projet et les outils de développement

1. Problématique :05
2. Cahier de charges : 05
3. Méthodologie de travail : 05
a. Les logiciels : 06
b. Les langages : 07

CHAPITRE 2 : Analyse et conception

1. Modèle de concept de donnée (MCD) : 09

2. Modèle logique de donnée (MLD) : 10
3. Réalisation sous Access : 11
c. Les tables : 11
d. Relations entre les tables : 12
e. Feuilles de données : 13
f. Formulaires : 13

CHAPITRE 3 : Réalisation du projet

1. Avant authentification 16
2. Après authentification 19
g. Enregistrement de notes : 19
h. Afficher/ Ajouter notes : 20
i. Afficher/ Ajouter modules : 22
j. Profil : 25

Conclusion
Webographie

INTRODUCTION GENERALE

2
 Lors d’une intervention orale, d’un cours, ou d’une recherche personnelle il est
toujours nécessaire de prendre des notes dans le but de mémoriser l’essentiel du
sujet traité.
Alors, la prise de notes désigne la transcription écrite résumée du langage parlé.
Elle est particulièrement utilisée en cours au niveau de l'enseignement secondaire et
des études supérieures. Contrairement à la sténographie, elle ne prétend pas
retranscrire l'intégralité du discours à l'aide de symboles standardisés, mais sert à
noter les principaux axes de l'exposé. Par ailleurs, elle diffère de cette dernière par
son unique destinataire, le preneur de notes, qui est libre de choisir ses propres
conventions.
Pour ces raisons je veux offrir une application web « Mémorisation des notes »
dédiée à la mémorisation des notes.
Ce mémoire est subdivisé en trois chapitres :
D’abord, le premier chapitre est une présentation de mon application et de la
méthodologie suivie.
Ensuite, le deuxième chapitre est consacré à la présentation d’analyse et de
conception.
Enfin, le troisième chapitre est dédié à la mise en place et à la présentation du projet.

3
 CHAPITRE I

PRÉSENTATION DU PROJET ET LES OUTILS DE

DÉVELOPPEMENT

4
 L’objectif de l’application est de réaliser une application web dédié aux
mémorisations de notes prises. Au niveau de ce chapitre, je détaillerai les besoins de
mon projet et les outils utilisés pour le réaliser.

1. Problématique :

Mon projet vise à réaliser une application qui permet à l’utilisateur la gestion de
prise de notes selon les modules concernés.
 Quelles technologies me permettraient d’atteindre mes objectifs ?
 Comment mémoriser les notes concernant chaque module ?
 Comment rectifier les notes prises à n’importe quel moment ?
 Comment bien organiser les notes prises ?

2. Cahier de charges :

Les objectifs principaux de l’application sont résumés dans :

 Saisir les notes de chaque module.

 Enregistrer les notes selon les dates.
 Modification et suppression de notes.
 Authentification des utilisateurs.
 Chaque utilisateur possède son propre compte.

3. Méthodologie de travail :

Afin de réaliser l’application de gestion de prise de notes, je vais utiliser plusieurs

techniques et outils.
Je peux regrouper ces outils par 2 catégories :

 Des logiciels.
 Des langages de programmation.

5
 a. Les logiciels :

WampServer :

WampServer (anciennement WAMP5) est une plateforme

de développement Web de type WAMP, permettant de
faire fonctionner localement (sans se connecter à un
serveur externe) des scripts PHP. WampServer n'est pas
en soi un logiciel, mais un environnement comprenant deux
serveurs (Apache et MySQL), un interpréteur de script
(PHP), ainsi que phpMyAdmin pour l'administration Web
des bases MySQL.
Il dispose d'une interface d'administration permettant de
gérer et d'administrer ses serveurs au travers d'un tray icon (icône près de l'horloge
de Windows).
La grande nouveauté de WampServer réside dans la possibilité d'y installer et
d'utiliser n'importe quelle version de PHP, Apache ou MySQL en un clic. Ainsi,
chaque développeur peut reproduire fidèlement son serveur de production sur sa
machine locale.

Access:

MS Access est composé de plusieurs

programmes : le moteur de base de données
Microsoft Jet, un éditeur graphique, une
interface de type Query by Example pour
interroger les bases de données, et le langage
de programmation Visual Basic for Applications.
Depuis les premières versions, l'interface de Microsoft
Access permet de gérer graphiquement des collections
de données dans des tables, d'établir des relations entre ces tables selon les règles
habituelles des bases de données relationnelles, de créer des requêtes avec le QBE
(Query by Example, ou directement en langage SQL), de créer des interfaces
homme/machine et des états d'impression. Comme pour les autres logiciels Office, le
VBA,Visual Basic for Applications, permet de créer des applications complètes et en
réseau local, y compris en utilisant, créant ou modifiant les fichiers (documents
Word, classeurs Excel, instances Outlook, etc.) des autres logiciels de la suite sans
quitter Access.

6
 b. Les langages :

MySQL :

MySQL est un système de gestion de bases de

données relationnelles (SGBDR). Il est
distribué sous une double licence GPL et
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, Informix et Microsoft SQL Server.

Son nom vient du prénom de la fille du cocréateur Michael Widenius, My. SQL fait
référence au Structured Query Language, le langage de requête utilisé.

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.

PHP :

UPHP: Hypertext Preprocessor, plus

connu sous son sigle PHP (acronyme
récursif), est un langage de
programmation libre, principalement
utilisé pour produire des pages Web
dynamiques via un serveur HTTP4,
mais pouvant également fonctionner
comme n'importe quel langage
interprété de façon locale. PHP est un
langage impératif orienté objet.
PHP a permis de créer un grand nombre de sites web célèbres, comme Facebook,
Wikipédia, etc. Il est considéré comme une des bases de la création de sites web
dits dynamiques mais également des applications web.

7
 CHAPITRE II

ANALYSE ET CONCEPTION

8
 Un diagramme UML est une représentation graphique, qui s'intéresse à un
aspect précis du modèle. Les différents types de diagrammes UML offrent une vue
complète des aspects statiques et dynamiques d'un système.

Dans ce chapitre nous allons présenter les diagrammes figurant notre application.

1. Model de concept de donnée (MCD) :

Le modèle conceptuel des données (MCD) a pour but de représenter de façon

structurée les données qui seront utilisées par le système d'information. Le modèle
conceptuel des données décrit la sémantique c’est à dire le sens attaché à ces
données et à leurs rapports et non à l’utilisation qui peut en être faite.

Le diagramme suivant figure les tables qui composent la base de données :

Figure 1 : Modèle conceptuel de données.

9
 2. Model logique de donnée (MLD) :

Le modèle logique des données consiste à décrire la structure de données utilisée

sans faire référence à un langage de programmation. Il s'agit donc de préciser le
type de données utilisées lors des traitements.

Le diagramme représente le MLD :

Figure 2 : Modèle logique de données.

10
 3. Réalisation sous Access:
Dans ce qui suit je vais présenter les étapes détailler de réalisation de la base de
données de mon application, en tous ce qui concerne création de tables et relations
entre elles.

 Base de données (vide) :

a. Les tables :

11
 b. Relation entre les tables :

c. Feuille de données :

12
 d. Formulaire :

On clique sur le menu « Créer » , puis le bouton « Plus de formulaire » ,ensuite on

choisit « Assistant Formulaire » .

Dans la fenêtre « Assistant Formulaire », on sélectionne la table « Note ». Après on

sélectionne tous les champs de la table Note en cliquant sur le bouton « >> » puis
sur « Suivant ».

13
 Dans la fenêtre suivante, je garde le nom du formulaire « Note » ou « Module » et
l’option « Ouvrir le formulaire » sélectionnée et je clique ensuite sur « Terminer ». Le
formulaire crée s’ouvre convenablement.

Au cours de ce chapitre nous avons présenté la partie de la modélisation et la

conception de l’application en utilisant Merise et aussi la réalisation Access, en passant
par la présentation des différents diagrammes qui modélisent notre système. Cette
partie est la base de la partie suivante concernant la réalisation de l’application.

14
 CHAPITRE III

RÉALISATION DU PROJET

15
 Dans ce chapitre, je vais présenter la mise en œuvre de mon application.
La réalisation est la dernière étape de la mise en œuvre d’un projet après la
sélection de tous les outils nécessaires et la création de la base de données et la
conception.
Dans ce qui suit, je définirai les différentes pages de mon application.

1- Avant authentification :

Une fois les différents pages réalisées, l’application est accessible aux différents
types d’utilisateurs.

Figure 3 : Page d’authentification (1).

Cette page est destinée pour l’authentification.

Lorsque l’utilisateur se trompe dans la saisie de l’identificateur ou le mot de passe

le message d’alerte en rouge s’affiche pour l’informer.

16
 Dans le cas où l’utilisateur ne possède pas de compte, le bouton « S’inscrire » lui
permet de créer son propre compte.

Figure 4 : Page d’authentification (2).

Cette page est destinée pour l’authentification.

Pour s’inscrire l’utilisateur se dirige vers cette page qui lui permet d’entrer les
différentes informations qu’il faut pour créer un compte.

17
 Figure 5 : Page d’inscription.

Cette page est destinée pour l’inscription.

2- Après authentification :

18
 a. Enregistrement de notes :

Quand l’utilisateur s’authentifie, la page d’enregistrement de notes s’affiche.

Figure 6 : Page d’enregistrement des notes (accueil).

Cette page est destinée pour enregistrer les notes.

b. Afficher/Ajouter notes :

19
 Pour que l’utilisateur visualise les notes saisies, il se rend sur cette page. De plus il peut ajouter une
nouvelle note avec le bouton « Ajouter Note », et modifier une note avec le bouton « Modifier », et
supprimer une note avec le bouton « Supprimer ».

Figure 7 : Page de visualisation des notes.

Cette page est destinée pour afficher les notes.

Après avoir cliquer sur le bouton « Modifier » l’utilisateur se rend sur cette page pour modifier la
note en question.

20
 Figure 8 : Page de modification des notes.

Cette page est destinée pour modifier les notes.

c. Afficher/Ajouter modules :

Pour que l’utilisateur visualise les modules existants, il se rend sur cette page. De plus il peut
ajouter un nouveau module avec le bouton « Ajouter Module », et modifier un module avec le bouton
« Modifier », et supprimer un module avec le bouton « Supprimer».

21
 Figure 9 : Page de visualisation des modules.

Cette page est destinée pour afficher les modules.

Après avoir cliquer sur le bouton « Modifier » l’utilisateur se rend sur cette page pour ajouter
un nouveau module.

22
 Figure 10 : Page d’ajout de modules.

Cette page est destinée pour ajouter un module.

Après avoir cliqué sur le bouton « Modifier » l’utilisateur se rend sur cette page pour modifier le
module en question.

23
 Figure 11 : Page de modification de modules.

Cette page est destinée pour modifier un module.

d. Profil :
Si l’utilisateur veut visualiser ses propres informations il se dirige vers cette page qui lui affiche
toutes les informations concernant son compte.

24
 Figure 12 : Page de profil.

Cette page est destinée pour afficher les informations de l’utilisateur.

CONCLUSION 

25
 Ce projet sous thème : « Gestion de prise de notes » m’a permis de découvrir de
nouvelles technologies et de nouvelles pratiques en matière de programmation. Il m’a
permis aussi de confirmer mon intérêt pour ce secteur et m’a conforté dans mes choix
de poursuite de cursus universitaire.
Enfin, cette application web est un bon système pour les enregistrements ou la
mémorisation des notes prises par l’utilisateur.

WEBOGRAPHIE

26
  https://openclassrooms.com
 http://stackoverflow.com/
 http://www.w3schools.com
 https://stackoverflow.com
 http://fabrice-bouye.developpez.com

27