Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

Copy of Untitled Prezi

No description
by

Gtîtâ Mîmîshâ

on 5 September 2013

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Copy of Untitled Prezi

2 - Analyse && Conception
L'objectif de l'analyse est d'accéder à une compréhension des besoins et des exigences du client.Il peut être considéré comme une première ébauche du modèle de conception, qui permet d'envisager plusieurs solutions aux problèmes posés, et étudier leurs faisabilité

On va travailler sur deux axes


3- Réalisation de l 'application

1- Etude préliminaire et spécification des besoins

Dans cette phase on va essayer d’effectuer un premier repérage des besoins du système
définissent les contours du système et fournissent la base de la planification du reste des activités de développement . on va suivi deux étapes :

ÉTAPE 1
Remaniement de cahier des charges
on va réaliser une application web d'enseigement à distance pour les étudiant de département de "TLSI"
Notre application doit permettre aux :


Visiteur


Enseignant

Étudiant

Administrateur
ÉTAPE 2

Identification des besoins
et spécification des fonctionnalités
on va modéliser ce qui est dit dans le cahier
des charges , quatre étapes vont être suivi :
* Élaboration de diagramme de cas d'utilisation
* Description textuelle des cas d'utilisation
* Élaboration des diagramme de séquence
* Élaboration des diagrammes d'activité
VISITEUR

Il n'a pas un compte , il peut bénéficier de :

- Consulter document


- Rechercher un document
Enseignant
C'est le fournisseur du contenu pédagogique il peut :
- S'identifier
- Rechercher document
- Consulter document , cours , Td , et corrigé type de Td
- Gérer les contenu pédagogique càd cours , Td et corrigé type Td (Ajouter , Supprimer)
- Évaluer les proposition envoyées par les étudiants
- Éditer les informations de son compte
- Commenter les contenues pédagogiques


Étudiant

C'est l 'apprenant de notre application, il peut:
- S'inscrire
- S'identifier
- Rechercher document
- Consulter document , cours , Td , et corrigé type Td
- Proposer une solution de Td
- Consulter résultat de ses proposition
- Commenter les contenus pédagogiques
- Éditer les informations de son compte

Administrateur
c'est le responsable de la gestion, pour assurer un meilleur service , il peut :
- S'identifier
- Gérer les comptes des enseignants (Ajouter , supprimer)
- Gérer les comptes des étudiants (Bloquer, Débloquer , Supprimer)
- Gérer les documents ( Ajouter , Supprimer)
- Éditer les informations de son compte
Élaboration des diagrammes de cas d'utilisation
Ce diagramme permet de présenter toutes les interactions possible entre un acteur et le système (les actions qu'un acteur peut effectuer), dans notre application on a quatre acteur donc on va présenter
* Diagramme de cas d'utilisation de
visiteur
* Diagramme de cas d'utilisation d'
enseignant
* Diagramme de cas d'utilisation d'
étudiant
* Diagramme de cas d'utilisation d'
Administrateur

Description textuelle des cas d'utilisation

À chaque cas d’utilisation doit être associée une description textuelle des interactions entre l’acteur et le système
On va présenter la description textuelle de cas d'utilisation " S' authentifier" comme un exemple
Élaboration des diagrammes de séquence
Au stade de la description graphique des cas d’utilisations, il est possible de donner une première présentation des diagrammes de séquence, en considérant les interactions entre les acteurs et le système pris dans son ensemble.

Ainsi, nous établissons le diagramme de séquence pour le cas d'utilisation "S' authentifier" par exemple .
Élaboration des diagrammes d'activité

Le diagramme d’activités permet de représenter la dynamique du système d’information.

On va présenter le diagramme d'activité de cas d'utilisation "S' authentifier" par exemple :
1- Analyse

2- Conception

1 - Analyse

Cette partie est accompagné d’un livrable contient :

- Un diagramme de
classe métiers
(l’analyse de domaine).

- Des diagrammes des
classes participantes
(la logique applicative).

- Des diagrammes d’
activité de navigation
(états des objets).
2 - Conception

On va représenter le résultat de cette étude dans des diagrammes d'
interaction
( Séquence détaillé).
Comme un exemple le diagramme d'interaction de cas d'utilisation "
Ajouter Commentaire
" suivant :
Analyse du domaine

La phase d’analyse du domaine permet d’élaborer la première version du diagramme de classes appelée modèle du domaine.
Pour élaborer ce diagramme il faut identifier les classes métiers qui le compose ,ces classes peuvent ne pas se concrétiser par des classes mais par des relations, au sens des bases de données relationnelles ,Le modèle du domaine issu de notre analyse comprend les classes suivantes :
Visiteur
Cette classe permet de représenter un visiteur
qui va bénéficier de notre site, tel qu’il peut
accéder à un ensemble de service sans l’identification.
Utilisateur
Les classes Étudiant, Enseignant, Administrateur qui possédant quelque caractéristique Commune : attributs (pseudo, mot de passe), associations, opérations. Les propriétés communes seront rassemblées dans une super classe qui nous l’avons nommé « Utilisateur »,
Étudiant
Regroupe les informations administratif de l’apprenant c’est-à-dire l’étudiant (le nom, le prénom, le numéro de carte).
Enseignant
Cette classe permet de représenter le
fournisseur de contenu pédagogique c’est-à-dire l’enseignant et ses informations (nom, prénom).
Administrateur
rassembler les informations permettant de représenter un administrateur dans notre système.
Document

Cette classe permet de représenter les informations relatives au document
(livre de la bibliothèque) avec lequel les visiteurs

vont bénéficier, ce dernier va être gérer par
l’administrateur.
Contenue Pédagogique
Les classes cours, Td, Corrigé type Td qui possédant quelque

caractéristique Commune : attributs (module,
rassemblées dans une super classe qui nous l’avons nommé
« contenue pédagogique »,

Cours


Cette classe permet de représenter les informations relatives au cours (Description).
titre , emplacement) les propriétés commune seront
Td
Corrigé type Td
Cette classe permet de représenter les informations relatives au corrigé type de TD (Num_td).
Cette classe permet de représenter les informations relatives au TD (Num_td).
Commentaire
rassembler les informations permettant

de représenter un commentaire d’un utilisateur (Contenu).
Proposition
Cette classe permet de représenter les informations relatives à la proposition d’un TD de l’étudiant (Emplacement).
Évaluation
Cette classe permet de représenter les informations relative à une évaluation d’une proposition d’étudiant (Note, Observation).
Élaboration des diagrammes des classes participantes

On se basant sur le
modèle MVC
on a essayé de réaliser les diagrammes des classes participantes associé à chaque entité de modèle du domaine .

On va présenter celui de l'entité "
contenue Pédagogique
" suivant :
Élaboration des diagrammes d'activité de Navigation
Les diagrammes d’activités de navigation sont à relier aux
classes de dialogue
du diagramme de classes participantes.
La modélisation de la navigation à intérêt à être structurée par
acteur
. donc on va associer à chacun de nos acteurs un
On va présenter la
plate forme matérielle
et
logicielle
de l’application, ainsi que la présentation de
l ' architecture
,
la base de données
dans notre application

Description de la Base de Données
On se basant sur les règles de passage de l’orienté objet vers le relationnel , on a construit les table de notre base de données
qui ont les schéma suivantes :
Document
(
id
, Titre , Emplacement )

Commentaire
(
id
,
id_user
,
id_ type
, type)
Administrateur
(
id
, pseudo , mot_passe )
Enseignant
(
id
, pseudo , mot_passe , nom , prénom )
Étudiant
(
id
, nom , prénom , num , pseudo , mot_passe , état )
Cours
(
id
, titre , emplacement , module , promos ,description ,
id_enseignant
)
TD
(
id
,
id_enseignant
, num , module , promos , emplacement , titre )
C_TD
(
id
,
id_enseignant
, num_td , promos ,module , titre , emplacement )
Proposition
(
id
,
id_td
,
id_étudiant
, emplacement )
Évaluation
(
id
,
id_solution
, note , observation )
Liste_étudiant
(
id
, nom ,prénom ,num)
Solution
(
id
,
id_td
,
id_etudiant
, promos, emplacement)
Plate forme Logicielle
Au cours de développement de notre application on a utilisé des plate formes logicielle selon l'étape de développement
on peut diviser notre développement selon deux étapes

1 - l'étude préliminaire ,l'analyse et et la conception de l'application

2 - réalisation de l'application
Étape 1
Durant cette étape , on a construit un ensemble des
diagrammes
(UML) en utilisant un outil de modélisation nommé
StarUml
Étape 2
Dans cette étape on a travaillé selon trois axes principaux on se basant sur le modèle MVC

-
L’implémentation de la base de données
, qui représente le modèle d’application

-
Le contrôle
et la gestion de contenu se fera coté serveur avec
le langage de développement java

- Réalisation des
interfaces graphiques
, c’est-à-dire la
vue de l’application
"
SQL
" qui est un langage de manipulation de bases

de données, qui permet trois types de manipulations :
- La maintenance des tables
- La manipulation des données
- La gestion des droits d'accès aux tables.
L’outil de développement qu’on a utilisé pour l’implémentation de la base de données de l’application est
EasyPHP
On a utilisé

java
avec l'outil de développement
Netbeans
qui intègre un serveur d'application
GlassFish
Pour le codage
on a utiliser le
langage
le client, c’est avant tout satisfaire le
Bien penser un site web
ce n’est pas uniquement satisfaire
public du site web, c’est pour eux que cette étape est importante
On se basant sur les règles d 'ergonomie , on a essayé de réaliser notre pages web en utilisant des différents techniques et outils.
JSP
,
CSS
,
JavaScript
,
JQyery
,
Flash
et comme des outils
DreamWeaver
,
WOWSlider
,
Photoshop
Plate forme Matérielle

Dans notre application , on doit intéresser au poste Serveur seulement , les caractéristiques
de notre serveur sont présentés dans ce tableau :
Architecture de l'application ( 3 tiers )

La Route du Savoir

Représentation

d'une Application Web

d'Enseignement à Distance
Réalisé par :
Moudjari Rayene
Foughali Marwa

Dirigé par :
Mme Boukhalfa

Plan de Travail

Introduction
1 - Étude préliminaire et spécification des besoins
2 - Analyse et Conception
3 - Réalisation de l'application
Conclusion
Session-Juin 2013
Introduction
Conclusion

Avec l'avènement des NTIC et l’usage des TIC, nous devons, dès à présent,
« penser apprentissage rapide et efficace »,
avec un minimum de problèmes d'organisation, de logistique et surtout de perte de temps.
c'est ce qu'on appelle
l'enseignement à distance
on va réaliser une application web d'enseignement
distance qui va être combiner avec l'enseignement
présentielle au niveau du département "TLSI" pour assurer un meilleur apprentissage
Notre développement est basé sur le processus UP et le langage de modélisation UML
Suite à cette étude nous pouvons
affirmer que ce projet a été avant tout une
synthèse de notions acquises durant les trois années précédentes et il permet d'acquérir de nouvelles connaissances.
Aussi à travers cette étude nous avons tenté de démontrer l’importance de l’application avec le but d’y intégrer certains aspects relatifs à la discipline du Génie logiciels.
Finalement, notre souhait ultime est que cette étude soit un modèle pour d'autres.
Merci pour votre attention
1
2
3
4
5
6
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
Full transcript