UNIVERSI TE “POLITEHNICA” DE BUCAREST FACULT E D’INGINERIE EN LANGU ES ETRANGERES ELECTRONIQUE PROJET DE FIN D’ETUDE Bucarest 2017 Coordinateur s… [632002]

UNIVERSI TE “POLITEHNICA” DE BUCAREST
FACULT E D’INGINERIE EN LANGU ES ETRANGERES
ELECTRONIQUE

PROJET DE FIN D’ETUDE

Bucarest
2017
Coordinateur s (Tuteurs) :
Sl.dr. Maria -Iuliana DASCĂLU
As.drd.ing. Dan Alexandru Mitrea
Etudiant e:
Delia GĂTEJE

“
UNIVERSITE “POLITEHNICA” DE BUCAREST
FACULTE D’ING ENIERIE EN LANGUE S
ETRA NGERES
ELECTRONIQUE

Tableau blanc virtuel pour am éliorer la
planification du projet

Coordinateur s(Tuteur s): Etudiant e:
Sl.dr. Maria -Iuliana
DASCĂLU
As.drd.ing. Dan Alexandru
MITREA
Delia GĂTEJE

Bucarest
2017

UNIVERSITE “POLITEHNICA” DE BUCAREST
FACULTE D’ING ENIERIE EN LANGUE S ETRANGERES
ELECTRONIQUE

Aprouvé
Direct eur de départment :
Prof. dr. ing. Georg e DRAGOI

SUJET DU PROJET DE FIN D’ETUDE POUR :
Delia GĂTEJE

1. Titre du thème (du sujet) :
Tableau blanc virtuel pour améliorer la planification du projet

2. Données initiales de conception :
Une application web ou on peut metre nos idees, effectuer des projets, travailler en
quipe

3. Cont ribution de l‟étudiant :
L’étude des applications similaires
Le developpment de l’application

4. Matériel graphique obligatoire :
Diagrammes d‟activités, diagramme de cas d‟utilisation, diagrammes de classes

5. Le mémoire est basé sur les connaissances acquises au fil des études des suivants
cours:
Programmation WEB, Programmation Orientée Objet, Structures de Donn ées et
Algorithmes , Langages de programmation

6. L‟environnement de développement de l‟ouvrage :
Wordpress , Wampp

7. Ce projet serve à :
Projet de fin d’ét ude

8. Délai de l‟ouvrage :
Juin 2017

Coordinateur s (Tuteur s) du projet Etudiant e:
Sl. Dr. Maria -Iuliana DASCĂLU
As.drd.ing. Dan Alexandru Mitrea Delia GĂTEJE

Academic Honesty Statement (Déclaration d’honnêteté
académique)

Je, soussigné , Delia GĂTE JE, déclare que le projet de fin d‟étude ayant le titre
Tableau blanc virtuel pour améliorer la planification du projet qui est soutenu publique
devant le jury pour les PFE‟s à l‟Université “POLITEHNICA” de Bucarest, Faculté
d‟Ingénierie en Langues Etrangè res, en vue d'obtenir le grade d‟ingénieur, est le résultat de
mon propre travail, basé sur mes travaux .
Le mémoire de la thèse, les simulations, les expériences et les mesures qui sont
présentés est entièrement réalisé par moi -même sous la direction de mon tuteur sans
l‟implication d‟autres personnes qui ne sont pas cités par leur nom et leur contribution
dans la partie Remerciements. Toutes les sources et les ressources utilisées sont indiquées
dans les références du mémoire de thèse et mentionnées au f il du mémoire.
Le projet n‟a jamais été présenté à un établissement d‟enseignement supérieur ou
institut de recherche dans le pays ou à l‟étranger.
Toutes les informations utilisées, y compris les ressources d‟Internet, sont obtenues
à partir des source s qui ont été cités et indiqués dans les notes et dans la bibliographie en
conformité avec les normes éthiques. Je comprends que le plagiat est une infraction et il
est punissable en vertu de la loi.
Les résultats des modélisations, des simulations, des e xpériences et des mesures
sont authentiques. Je comprends que la falsification des données et des résultats constitue
une fraude et est puni conformément à la réglementation et aux lois existantes. .

Delia GĂTEJE

Projet de fin d‟étude, Delia GĂTEJE , Faculté d‟Ingénierie en Langues Etrangères, UPB, 2017

1
Sommaire
1. Introduction
1.1 Introduction
1.1.1 Motivation
1.1.2 Mission, but , objectif
2. Présentation du domaine
2.1 La collaboration en ligne
2.2 La planification du projet
2.3 Les applications similai res
3. Présentation du logiciel
3.1 Méthodologie de développement du logiciel
3.1.1 Etude de marche
3.2 Technologies utilisés
3.2.1 Plateforme de CMS (Content Management System)
3.2.2 WordPress
3.2.3 WampServer
3.2.4 Appache
3.2.5 PHP
3.2.6 pypMyAdmin
3.2.7 MySQL
3.2.8 HTML, CSS, JavaScript
3.3 EzyProjects
3.3.1 Architecture
3.3.2 Fonctionnalités
4 Conclusions et futur améliorations
5 Bibliographie

Projet de fin d‟étude, Delia GĂTEJE , Faculté d‟Ingénierie en Langues Etrangères, UPB, 2017

2 1 Introduction

1.1 Introduction
La présente ouverture expose le projet de fin d‟étude s du cycl e de licenc e d‟ingénieur.
Dans un monde où la technologie avance avec la septième vitesse, j‟ai choisi pour mon
projet, sous la direction du professeur coordinateur, de ré aliser une application qui va
améliorer la planif ication des tâches et la collaboration en ligne entre les employés.
1.1.1 Motiv ation
Dans le mo nde d‟aujourd‟hui, on ne saurai pas vivre sans la technol ogie. La
technologie, par définition, est l‟élaboration et le perf ectionnem ent des méthodes permettant
l‟utilisation efficace des t echniques diverses prises isolément, en groupe ou dans leur
ensemble – qu‟il s‟agisse de techniques ou mécaniques, physiques ou intellectuelles – en vu
d‟assurer le fonctionnement des mécanismes de la production, de la consommation, de
l‟information, de la communication, de loisirs, de la construction et de la d estruction, ainsi
que des activités de la recherch e artistique et scientifique.

La technologi e, inévitablement, occupe un lieu dans la vie de chaque personne. On
l‟utilise pour faire le recherche pour le boulot, pour notre cul ture géné rale, pour lire ou écrire
des documentes, pour améliorer les méthodes d‟enseignement , pour communication et ainsi
de suite. La technologie va continuellement évoluer et chacun d‟entre nous doit apprendre à
la faire face . Elle se rendre utile si on se servir d‟elle pour simplification notre vie, mais si on
devient dépendante de la technologie, ça va affecter la santé, la relations avec les autres.

Parce que je suis pro technologie, mais aussi j‟encourage la collaboration, les relations
humaines, l‟ utilisa tion des outils quand on a besoi n d‟elle, pas dans chaque seconde , j‟ai
choisi de dé velopper une application qui va améliorer l‟organisation des tâches dans une
entreprise, donc la planification du projet et le travail d‟équipe. Dans ce manière, on va
éliminer la distance, on va ré aliser notre partie du projet de n‟importe quel coin du monde et
om va être en contact avec les collè gues.

Pour la réalisation d‟un projet, on doit avoir, tout d‟abord, une collaboration et les
outils nécessaires. Les col laborateurs doivent travailler ensemble pour atteindre les objectifs.
La collaboration en ligne est plus fréquent dans les domaines professionnel s et pour améliorer
l‟interaction entre l es membres on utilise des outil s. Le rôle des outils est d‟organiser l e projet
plus rapidement. Même si les outils sont importantes, ils ne sont pas magiques, ils ne se
réalisent pas seulement, ils r eprésentent une modalité par laquel le l‟utilisateur s‟exprime. Le
résultat du travail collaboratif dépend de la motivation de s es acteurs à collaborer, du nombre
de ces acteurs, du temps qu‟ils peuvent consacrer à travail et leur compétences. La
collaboration implique : conscience, motivation, auto -synchronisation(nous décidons comme
individus quand les choses doivent se passer), participation, réciprocité, médiation, réflexion.

Projet de fin d‟étude, Delia GĂTEJE , Faculté d‟Ingénierie en Langues Etrangères, UPB, 2017

3 1.1.2 Mission, but, objectif
Pour autant que je peux voir, o n vit dans une socié té désordo nnée. Peut -être je
n‟utilise pas correctement ce terme, mais je veux exprimer le fait que la plupart d‟entre nous
se concerne sur le travail, pour avoir un bon avenir, mais on n‟arrive pas ce avenir, parce que
dans tout le jour on le construit. On laisse le temp s passer. Et le temps est la s eule variable
qui seulement croî t.

Mon application d‟amélioration de planificati on du projet à un premier but de gagner
du te mps. Elle re présente une tech nologie de contribution et de coopé ration entre les
individus qui travail lent sur le même projet en ordre de résoudre les tâches plus rapide, mais
aussi dans le cadre d‟une équipe . Donc, un second but est constitué par la pr omotion du
travail collaboratif, d‟aug menter la qualité relationnelle.

Dans le passé, les personnes ont travaillé seulement sur des documents physiques.
Pour a envoyer un document on utilisait le courrier ou, si l a personne qui doit recevoir le
document est dans le même ville, on re ncontrait avec elle. Ce façon de rouler pose quelque
problèmes. Par exemple, on a fini un document et on l‟envoyer. L‟utilisateur qui a reçu les
papiers a trouvé des erreu rs. Il fait les modifications nécessaires et il envoie les document s.
L‟autre utilisateur reçoit les papi ers avec les correcteur, il les rafait et il renvoya une autre
fois. Ce proc essus peut être répé té plusieur s fois. On gaspillage temps, papiers et énergie. On
peut éviter ça en utilisant l‟environnement en ligne. En ce qui concerne la réunion de
collaborateur s, on a une autre problème : la synchronisation entre l‟emploi du temps d‟un
collègue avec l‟emploi du temps d‟autre collègue. Alors , on a plus de problèmes. Par suite, il
est plus facile d‟utiliser une plat eforme de planification du projet, car il y a la possibilité de
travailler à distance, quand tu as le temps.

Le tableau virtuel pour améliorer la planif ication du projet –EzyProjects – a l‟objectif ,
comme le no m indique, d‟améliorer la planification du projet et aussi le travail d‟équipe. La
plateforme a le suivantes caractéristiques : lorsque on l‟accès, on doit soit enregistrer, soit
faire une compte. De s uite, on doit créer notre projet . On le met un nom et on ajouter des
membres avec l‟aide de mail . Gardez votre équipe organisé par listes comme „à faire„, suivez
les points clés. La planification, la conception et la mise en œuvre peut être diffici le si vous
n‟avez pas les outils nécessaire s. Mais EzyProject s les vous offre. Il vous permet d'envoyer
des documents entre les membres de l'équipe pour faciliter leur travail.

Projet de fin d‟étude, Delia GĂTEJE , Faculté d‟Ingénierie en Langues Etrangères, UPB, 2017

4 2 Présentation du d omain e

2.1 La collaboration en ligne
Premièrement, on va parler sur la communication et sa importance dans la société.
Qu‟est -ce qu‟est la communication? On la peut dé finir comme étant l‟ensemble des
interactions avec lesquelles on est capables de transmettre l‟ information. La communication
représente l‟échange des messages entre au moi ns deux personnes: l‟une fou rnit une
information et l‟autre la reçoit, à condition que les partenaires connais sent le code (à savoir la
même langue).

La partie intéressa nte est que la capacité de communiquer est une condition préalable
pour le processus de construction de relations interpersonnelles et d‟intégration sociale.
Aujourd‟hui, si tu ne communiques pas, tu n‟existes pas. Donc, à comm uniquer plus, à
partager nos idé es, à maintenir nos opinions.

Deuxièmement, on va aborder le sujet en ce qui concerne le travail en équipe. L e
travail en équipe assume la communication entre plusieurs personnes et la realisation d‟un
objectif. Pour ça, les membre s d‟une équipe doivent avoir les mêmes intérêts.

Du point de vue de la communicatio n, la collaboration est la compé tence essentielle
pour avoir une bonne performance. Pour quoi? Parce que en fait, le tra vail en équipe est un
mode de répartition des tâches et des re sponsabilités partagées entre plusieurs perso nnes où
chaque membre tienne un rô le particulier. Mais la dynamique qui les uni t, possède, elle aussi,
des caracté ristiques qui lui sont propres. On ne travaille pas dans une équ ipe tout à fait de la
même maniè re que lorsque le s soins sont donnes de faç on individuelle. Dans l‟esprit de ce
type d‟organisation, les participants partage nt un but commun et la convergence de leurs
efforts donne à leur travail sa cohérence. Ils ressentent un sentiment d‟appartenance et, un
peu comme les joueurs d‟un même club, ils portent la responsabilité du succès ou de l‟échec.

Dans une équipe est consi dérable savoir écouter et se fair e comprendre. On doit créer
une ambiance de convivialité. Une autre condition nécessaire pour une bonne collaboration et
la circulation du savoir est la confiance mutuelle. Quand on n‟a pas des tensions dans le cadre
d‟une équipe on est plus détendu et plus innovant. Mais s‟ils existent, on doit les diriger.

Le conflit es t un affrontement entre des intérê ts, des valeurs, des actes ou des
procé dures. C‟est un désaccord, une idée s‟opposer à une autre. Il peut y avoir un dé saccord
sans qu‟il y ait un conflit. Un conflit peut ê tre la manifestation d‟une diffé rence, d‟un
antagonism e. Dans ce cas, il est néfaste et génère de graves perturbations dans l‟organisation.
Un conflit peut rendre compte d‟une réalité, d‟une mise au poi nt qui s‟impose face au
mouvement, à la vie. Alors, le conflit est une chose nécessaire, sinon positive. Et, quoi qu‟il
en soit, il est é phémère .

Projet de fin d‟étude, Delia GĂTEJE , Faculté d‟Ingénierie en Langues Etrangères, UPB, 2017

5 Les conflits sont de deux types: de valeurs et de be soins. La nature d‟un conflit
détermine la façon dont on doit y faire face. Les conflits de valeurs sont des divergences
d‟opinions aménées par des croyances ou des gouts opposes, des types de personna lité, des
origin es sociales différentes et autre choses comme ça. Les conflits de besoins surgissent
plutôt lor sque des membres d'une équipe éprouvent des besoins contradictoires ou
inconciliables. La définition des objectifs poursuivis, l'organisation du travail, le partage des
responsabilités deviennent souvent des sources de conflit de besoins. La réalisation d' une
tâche commune implique pourtant la participation active de tous et la convergence des efforts
de chacun des membres. Pour cette raison, lorsqu'un conflit de besoins survient, tous les
membres de l'équipe doivent participer à la recherche d'une solution satisfaisante; une
solution qui favorise la poursuite de la tâche commune.

On ne doit pas oublier la condition fondamentale qui ass ure le succè s d‟une équipe :
la bonne organisation. La formule du travail en équipe présente des avantages. On l‟utilise
comme moyen d‟apprentissage, comme ou til de formation personnelle et sociale.

Le travail d‟équipe o ccupe, bien entendu, un lieu trè s import ant dans le cadre d‟une
société . C‟est une compétence qui chaque employé doit l‟avoir. De nos jours, l‟internet a
éliminé les barrièr es de communication. Grâce à ça, on peut parler de travail d‟équipe en
ligne.

La plupart d‟entreprises utilise un application pour administrer les at tributions des
employés. C‟est un action d‟être bien or ganisé. Dans ce façon on peut être e n rapport avec les
gens dans le monde entier. L‟internet facile la communication, le flux d‟information et mettre
à ton disposition beaucoup des outils pour ré aliser l‟objectif.

La collaboration en ligne est ré alisée par un groupe des personnes qui trava illent
ensemble, ma is chacun d‟entre eux est, en ré alité, isolé d‟autres membres. Ce n‟est pas un
règle fixé, mais il y a un motif pour lequel on appelle „en ligne‟ – aucun contact physique est
fait.

Les outils collaborative sont toujour s de type web c‟e st à dire qu‟on rien à installer, on
ouvre son navigateur et on se rend à un adresse du genre www.quelquechose . Plusieurs
person nes peuvent se partager et implé menter les idées, leur contri bution dans le cadre d‟un
projet.

2.2 La planification du projet
La planification d‟un projet est une phase indispensable pour atteindre l‟objectif fixé.
Qu‟on dit qu‟on veut planifi er quelque chose ça est interpré té comme l‟activité qui consiste à
organi ser le déroulement des éta pes du projet dans le temps. La caractéristique principale
dans la planification est la dimension temps. Toujour s quand on a un projet, on pense au
temps qu‟on peut ou on veut le attribuer. La planification se fonde en géné ral sur une analyse

Projet de fin d‟étude, Delia GĂTEJE , Faculté d‟Ingénierie en Langues Etrangères, UPB, 2017

6 de la trajec toire passée de l‟organisation, des ressources à sa disposition, de sa situation
actuelle et des buts à atteindre.
Les différent es techniques de planification reposent toutes sur un découpage du projet
en taches élémentaires. Le découpage se fait par ordre chronologique:
 Ce qui doit être fait (t âches)
 Par qui cela doit être fait (ressources)
 Comment les résultats (livrables) doivent être présentes
 Comment les valider (jalon)
Après le découpage, on doit estimer la durée, identifier la séquence des étapes,
détérminer les étapes qui peuvent être conduites en parallèle, affecter des ressources
(financieres et humaines).

On doit fournir d‟importance au chemin critique et aux marges. Le chemin
critique correspond à la séquence de tâches qui détermine la durée to tale du projet. Ce
chemin est continu depuis le début jusqu‟à la fin du projet. Tout retard affectant une tâche du
chemin cri tique est intégralement répercut é sur la durée du projet et donc sa date de fin. La
tâche critique est une tâche du chemin critique . Toute modification sur la durée d‟une de ces
tâches critiques impacte d‟autant plus la durée totale du projet. La marge est la possibilité
qu‟à une tâche d‟être retardée sans impacter le projet. Les tâches qui sont sur le chemin
critique ont une marge nu lle. La marge totale (MT) est égale à la différence entre le début au
plus tard de la tâche suivante la plus contraignante et la fin au plus tôt de la tâche elle -même.
C‟est aussi la différence entre les dates au plus tard et les dates au plus tôt de la tâ che elle
même. La marge Libre (ML) est égale à la différence entre la date de début au plus tôt du
successeur le plus précoce, et la date de fin au plus tô t de la tâche elle -même.

Figure 1- Les etapes de la planification d'un pro jet

Projet de fin d‟étude, Delia GĂTEJE , Faculté d‟Ingénierie en Langues Etrangères, UPB, 2017

7 Diagramme de Pert
La technique PERT est une technique américaine de modélisation de projet qui vient
de l‟américain Program Evaluation and Review Technique, ou technique d‟évaluation et de
révision de Programme. Elle consiste à mettre en ordre sous fo rme de réseau plusieurs tâches
qui grâce à leurs dépendances et à leur chronologie permettent d‟avoir un produit fini. Les
caractéristiques de PERT sont les suivantes :
 Les t âches sont réprésentes par des fléches
 Le reseau visualise des dépendences entre t âches
 Limites de la téhnique Pert: pas de répresentation d e notion de durée et de date

Diagramme de Gantt
Le diagramme de GANTT est la technique et représentation graphique permettant de
renseigner et situer dans le temps les phases, activités, tâches et ressources du projet. En
ligne, on liste les tâches et en colonne les jours, semaines ou mois. Les tâches sont
représentées par des barres dont la longueur est proportionnelle à la durée estimée. Les tâches
peuvent se succéder ou se réaliser en parallèle entièrement ou partiellement. Ce diagramme a
été conçu par un certain Henry L. GANTT (en 1917) et est encore aujourd'hui la
représentation la plus utilisée .

L‟OBS (Organis ational Breakdown Structure)
Est un schema qui représente les responsabilité s de ch aque membre p our chaque tâche
d‟un projet.

La matrice des responsabilités
Elle indique les rôles et les responsabilités des intervenants au sein de chaque
processus et activité. Cette matrice représente l‟organisation du travail en reliant dans un
tableau commun la Structure Organ isationnelle du Projet (OBS).

Si on utilise l‟environnement en ligne, c‟est plus facile de suivi les projets. Les outils
de planification ont déjà une série de capacités intégrés. En lieu de faire tous les diagramme s
à la main ou dans un document électro nique, on les peut faire en ligne, à quelques clics
distance. Il y a des outils où on établi s le temp s pour un tâche, la date limite pour un projet,
choisir les membres et les donnée s des in structions précisé s. On a la possibilité de classifier
les membres en fo nction de leur activité. De suivi, on a la change de voir qui a fait les
dernières modifications , dans quel document/tâche, quel collègue à examiner le document .
Toutes ces caracté ristiques conduit à une facilité de suivre l‟évolution d‟un projet.

Nouveaux temps, nouveaux habitudes! Grâce à cette modalité de planification et
collaboration en ligne, on peut entre en contact avec quelqu‟un, n‟importe pas dans quel coin
du monde il se trouve. La distance est liée au passé. La gestion d‟un projet peut être realisé
sans problème s. On dit adieu aux feuilles avec des notes, qui avaient jeté dans un tiroir avec
un grande po ssibilité d‟oublier le lieu où on les met. L‟information est gardé en ligne, on le
peut accèder dans chaque in stant.

Projet de fin d‟étude, Delia GĂTEJE , Faculté d‟Ingénierie en Langues Etrangères, UPB, 2017

8 On peut être implique dans plusieurs projets. Ca peut conduir à une petite manque
d‟attention cause à l‟activité stressante. Pas de problemes! A l‟aide d‟un bon outil tu peut
récevoir des notification avec le deadline de ton projets et aussi des au tres rapports détaillés
en fonction de ton décision.

La collaboration en ligne peut aider les entreprises et les environnements
d‟enseignement parce q ue l‟internet a permis une main d‟ oeuvre de plus en plus dispersée, et
il ne est pas rare de voir des em ployés d'aujourd'hui travailler avec des gens de partout dans le
monde . La collaboration en ligne est le moyen idéal pour diminuer la distance entre les
employés, car ils pe uvent travailler ensemble sur les mêmes documents, en même temps
qu‟ils étaient to us dans la même chambre. Cela signifie que les projets peuvent se faire
beaucoup plus rapidement, car il n‟est pas nécessaire d'envoyer des documents d'avant en
arrière entre les bureaux, et cela signifie aussi que la communication entre les employés est
améliorée.

Quand on travail le dans l‟environnement en ligne, on a quelques doutes en ce qui
concerne la confident ialité des données. Mais on ne doit pas oublier que tous l‟espace en
ligne a des programmes de protection. Par exemple – firewall – qui filtre ce qui passé d‟un
réseau à un autre. Il est conçu par le fait qu‟il autorise les ordinateurs du réseau local à se
connecter à internet et de bloquer les tentatives de connexion d‟internet vers les ordinateur s
du réseau lo cal. Pour grandir la protection on peut installer un antivirus ou, mieux, on utilise
le cryptage, qui transforme les informations en documents illisibles. Il y a des outils qui, pour
assurer une m eilleur protection, a la caracté ristique de mettre d es niveaux a ses utilisateurs ;
ça signifie que les pers onnes non autorisés n‟ont accès . Par niveau on comprend une action
ou plusieurs attribué à une personne, par exemple: un personne peut seuleme nt lire les
document, une autre peut faire de changements, une autre peut inviter des autres pe rsonne s à
partic iper au projet et a insi de suite. Tous les outil s de collaboration et planifi cation en ligne
ont une bonne ré putation en ce qui concerne la sécurité.

La cré ation d‟un plan en ligne doit être le premier chose à penser qu‟on entend. Il y a
des pe rsonnes qui ignorent ca et ils préfè rent de le faire à main, style vieux . Ils réaliser ont que
le travail en l igne gain de temps, d‟argent, res sources. Ils réal iseront qu‟ils ne doivent pas
téléphoner à leur camarade, parce qu‟il déjà verra lui changements et es t en train de
commenter et dire son opinion. Il ne faut pas être p eur d‟utilisation l‟outil. D‟hab itude,
chaque application a un page destine à t‟expliquer comme il fonct ionne et quelles sont ses
caracté ristiques. Le gain de temps est le plus importan t! On doit profiter de cette opportunité.
La technologie avance et on doit suivre le rythme.

Le travail en équipe conduit, implicitement, au apprentissage collaborative –
distribution de savoir de l‟une à autre ou, autrement dit – la co construction du sa voir.. Tout le
temps on peut apprendre quelque chose de nouveau de nos collègues. L‟information signifie
puissance. Soyons plus puissante!

Projet de fin d‟étude, Delia GĂTEJE , Faculté d‟Ingénierie en Langues Etrangères, UPB, 2017

9 2.3 Les applications similaires
De nos jours , le travail en é quipe occupe un lieu trè s important dans le cadre d ‟une
compagnie . C‟est une compétence qui chaque employé doit l‟avoir. Et pour éliminer les
barrièr es de communication , du travail en équipe , les compa gnies utilisent des applications
pour améliorer la planification du projet. Celles -ci ont le but d‟organ iser les tâches dans une
équipe.

Pour cette pa rtie du projet de fin d‟étude j‟ai fait une recherc hé parmi les logicielles
qui amé liorent la pl anification du projet. J‟étai surpris de trouver beaucoup des applications
de ce type et aussi plupart entre ell e sont redondants en ce qui concerne les fonctionnalités
J‟ai sélectionné cinq produits qui sont pertinents et doivent ê tre pris en considé rations lorsque
on fait l‟étude des fonctionnalités de l‟application:

1. Trello
2. Pinnery
3. Conceptboard
4. Ziteboard
5. Basecamp

Chacune va être étudier après la fonctionnalité , prix et la facilité d‟utilisation .

1. Trello

Trello réprésente un manière simple, flexible, gratuite de gérer nos projets ,
d‟organiser quoi que ce soit. C‟est une application de gestion de projets en ligne crée par Fog
Creek Software en 2011. L‟outil est disponible en 23 langues. Le 16 september 2015, Trello
officialise la version de son interface en français. Le même mois, la société annonce que
l‟outil a passé la barre de dis millions d‟utilisateurs . En janvier 2017, Trello est racheté par
Atlassian pour $425 million.
Trello utilise le paradigme kanban pour la gestion d‟information. En dessous, on a un
brève description des caractéristiques.
 Fonctionnalité
On peut créer des tableaux qui contient l istes de carts qui peuvent inclure des fichiers ,
conversations ,checklists, membres , fixer une date pour compléter la tâche. Biensûr , on peut
changer les données initiales. Quand on accès pour la premiè re fois l‟application on doit créer
un compte ou on peut s‟identifi e avec le google compte. Après ç a , on a deux possiblités :
créer un tableau ou une équipe. On deja a un tableau crée.
L‟application a de s intéressantes avantagés . On peut ajouter des étiquettes codées par
couleur ou animé aux taches , chan ger le couleur de fond , les carts qui „agées‟ et ne sont pas
plus utilisées vont commencer a faner. L‟applications fournit également une série de filtres
qui ont pour but de simplifier d‟accès à différents t âches en fonction d‟étiquette , membre s ,
la dat e d‟échéance. Dans la partie droit on a un menu ou on peut trouver les ustensiles pour
modifier l‟apparence et a ussi on peut observer les derniè res activités réalisées. Elle est
accessible sur ord inateur , téléphone ou tablette .
 Prix
On peut l‟utiliser gr atuitement.

Projet de fin d‟étude, Delia GĂTEJE , Faculté d‟Ingénierie en Langues Etrangères, UPB, 2017

10  Facilité d‟utilisation
Le temps qu‟on familiarise avec l‟interface est inférieure à 5 minutes .

Figure 2- Un example de l'utiliser

Les technologies utilisées :

 Pour client:
– Mustache
– HTML5
– Backbone.js

 Pour le serveur:
– MongoDB
– HAProxy
– Node.js
– Redis
En plus:
 L‟encodage de caractère: UTF -8 ;
 Le format d‟image: PNG, JPEG, GIF, SVG;
 Les éléments du site: external CSS, embedded CSS, inline CSS, session
cookies, cookies expiring in days, non -httponly cookies, secure cookies,
Gzip Compression, Weak ETag;
 Certification SSL: DigiCert;
 Outils d‟analyse du traffic: Google Analytics, Quantcast, HubSpot;
 Réseau publicitaire: Google Ads;
 Service Proxy: Akamai;
 Localisations du serveur: United States , Netherlands;

Projet de fin d‟étude, Delia GĂTEJE , Faculté d‟Ingénierie en Langues Etrangères, UPB, 2017

11 2. Pinnery

Pinnery est un outil flexible pour organiser vos projets. C‟est fondée par Rowisoft
GmbH, une entreprise située en Allemand. Pinnery, comme Trello, utilise le paradigme
kanban pour la gestion d‟information. En dessous, on a un br ève description des
caractéristiques.
 Fonctionnalité
Pour cet application on peut organiser les tâches dans plusieurs colonnes. On peut
avoir des colonnes avec des titres representatives comme : Ideas , To Do , In Progess , Done.
Pour chaque colonne on peu t ajouter combien carts on a besoin. Les carts peuvent être
déplaces d‟une collonne à autre , sans l‟écrire. Par example, si on a crée un cart dans la
colonne „Ideas‟ et on veut développer ca , on va le déplacer dans la colonne „To Do‟.
Pour chaque cart on a la possibilité d‟établir plus details : la couleur , la date limite , le
temps estimé pour finir la tâche ; il y a l‟option d‟utiliser un minuteur : quand on commence
de travailler à un tâche on peut le démarrer et l‟arrêter qu‟on une pause , de cette f acon on va
savoir le temps utlilisé pour realiser une tâche. On peut ajouter des commentaires , voir les
dernières activités , joindre des documentes. On a un „like‟ bouton. Si on l‟appuie , on va
recevoir des notification quand un certain cart va être mod ifier.
On peut aussi changer la couleur d‟une colonne et de changer sa place dans le tableau.
Les membres d‟une équipe peuvent être divisés en :
-administrateur : il a le contrôle absôlu;
-chef d‟équipe : il n‟a pas l‟accès pour ajouter membres pour un tableau ou pour
modifier ses paramétres , mais il peut attribuer members pour un cart et il a accès dans le
contenu d‟un tableau;
-utilisateur : il ne peut que créer, eliminer et déplacer carts;
-visiteur : il ne peut que visualiser;

 Prix
– Pinnery free : c‟est gratuitem ment , mais on n‟a pas accès a tous les fonctions;
– Pinnery pro : 7,99eur/mois. Le premier mois est gratuit;

 Facilité d‟utilisation
L‟interface convivial, le temps d‟acco mmodation inférieure à 5 minutes ;

Figure 3- Une vue sur Pinnery

Projet de fin d‟étude, Delia GĂTEJE , Faculté d‟Ingénierie en Langues Etrangères, UPB, 2017

12 Les technologies utilisées:

 Pour client:
– JavaScript
– Flash
– jQuery
– HTML5

 Pour serveur:
– PHP
– Apache

En plus:
 L‟encodage de caractère: UTF -8 ;
 Le format d‟image: PNG, JPEG;
 Les éléments du site: external CSS, inline CSS, session co okies, non-
httponly cookies, secure cookies, Gzip Compression ;
 Certification SSL: Comodo ;
 Localisation du serveur: Allemand ;

3. Conceptboard

Conceptboard est un outil pour la collaboration en temps réel (en ligne), pour gestion
de projets. C‟est développé par Daniel Bohn et Christian Schroder en 2010. En dessous, on a
un brève description des caractéristiques.

 Fonctionnalité
Quand on accès pour le premier temps l‟application , on doit s‟enregistrer. On va
creér une équipe et ajouter des membres,utilisant l eur émails. Ce tres facile de realiser un
nouveau tableau – on a un bouton „+ new board” et on a plusieurs facons d‟additionner le
contenu :drag&drop des fichiers/photos from ordinateur ou internet; Insérer des
fichier/photos from ordinateur; Prendre des captures d‟écran à l‟aide du presse -papier; Coller
directement à partir d‟applications externes; Coller le contenu d‟un tableau dans l‟autre;
Ajouter de vidéo&audio. Pour le contenu on peut changer le couleur du texte ou fond,ajouter
notes,zones de texte, commentaires.
Les membres peuvent être classer en : éditeurs(ils peuvent participer à la
modification du contenu),critiques(ils peuvent des commentaire concernant le
contenu),lecteurs(ils peuvent seulement de voir le contenu). On les peut toujours changer .
On peut creér des projets qui suivent le principe:‟share -review -approve‟.
Un caracteristique importante:collaboration en temps réel (les participants vont voir
immédiatement les modifications apportées -on peut voir aussi le curseur de chaque
participant ,présentations intéractives,conférence vidéo.

 Prix
Gratuitement pour le premier mois
Cloud(collaboration en temps réel pour les équipes) :$29/mois

 Facilité d‟utilisation

Projet de fin d‟étude, Delia GĂTEJE , Faculté d‟Ingénierie en Langues Etrangères, UPB, 2017

13 Il y a un vidéo qui explique les principales caracteristiques . Pas dificile à utili ser.

Figure 4- Une vue sur ConceptBoard

Les technologies utilisées:

 Système de gestion du contenu:
– WordPress

 Pour client:
– JavaScript
– jQuery
– HTML5

 Pour serveur:
– PHP
– Nginx

En plus:
 L‟encodage de caractère: UTF -8 ;
 Le format d‟image: PNG, JPEG, GIF;
 Les éléments du site: external CSS, inline CSS, session cookies, non –
httponly cookies, secure cookies, Gzip Compression;
 Certification SSL: GlobalSign;
 Localisation du serveur: United States;

Projet de fin d‟étude, Delia GĂTEJE , Faculté d‟Ingénierie en Langues Etrangères, UPB, 2017

14 4. Ziteboard

Ziteboard est une appl ication en ligne avec un tableau blanc zoomable pour la
collaboration sur n'importe quel ordinateur de bureau ou mobile. C‟est fondée par Richard
Gellai. En dessous, on a un brève description des caractéristiques.

 Fonctionnalité
On peut s‟identifier avec Facebook,Twitter,Slack,Google ou créer un nouveau
compte. Le tableau est semblable à Paint. Caracteristiques:dessiner,peindre,annuler,
sélectionner, déplacer, mesurer, tourner, utiliser des images. Si on utilise un dispositif avec
écran tactile ,on peut fa ire tout avec le doigt.
L‟application est en temps réel. L‟administrateur crée un tableau et le partage avec
autres utilisateurs.Chaque modification est automatiquement sauvergardé.

 Prix
Gratuitement ,mais on n‟a pas toutes les caracteristiques
$8/utilisa teur/mois , on a toutes les caractersitiques

 Facilité d‟utilisation
Tres facile , on ne doit pas apprendre quelque chose de nouveau pour l‟utiliser.

Les technologies utilisées:

 Système de gestion du contenu:
– WordPress

 Pour client:
– JavaScript
– jQuery
– HTM L5

 Pour serveur:
– PHP
– Appache

En plus:
 L‟encodage de caractère: UTF -8 ;
 Le format d‟image: PNG, SVG ;
 Les éléments du site: external CSS, inline CSS, Gzip Compression;
 Certification SSL: Comodo ;
 Outils d‟analyse du traffic: Google Analytics;
 Localisation du serveur: United States;

Projet de fin d‟étude, Delia GĂTEJE , Faculté d‟Ingénierie en Langues Etrangères, UPB, 2017

15 5. Basecamp

Basecamp est un outil web de gestion de projets devéloppé par 37signals et lancé en
2004. On peut dire que Basecamp est le parent du framework Ruby on Rails, parce que ce
framework a été etrait du projet Basecamp . En dessous, on a un brève description des
caractéristiques.
 Fonctionnalité
Pour cette application,quand on crée le compte, on doit specifier le nom de
l‟entreprise et l‟information est organisé en lignes. Dans le premier ligne , on a un groupe
principal ou tous les employés de l‟éntreprise sont ajoutes, une petite partie destiné a poser le
logo et une partie ou je peux visualiser mes affectations et les modifications que je les ai fait.
Dans le suivant ligne, on a les équipes et dans le dernier on a les p rojets.
Pour chaque groupe(principal/équipe/projet) on a les mêmes caractéristiques. Les
tâches sont structurer en groupes:
– Campfire: bavarder avec les membres;
– Message Board: publier des annonces,choisir des idées,discuter sur un sujet de
travail;
– To-do: créer des list de travail à faire,assigner des élements,fixer les dates
d‟échéance;
– Schedule: fixer des dates avec un calendrier partagé;
– Automatic check -ins: créer des questions récurrentes;
– Docs&Files: partager des images,fichiers,documentes;

 Prix
Gratuitement: 1 mois pour tous et toujours pour profseseurs et étudiants;
$99/mois pour entreprise;

 Facilité d‟utilisation
Le temps qu‟on familiarise avec l‟interface est inférieure à 5 minutes;

Figure 5- Une vue sur BaseCamp

Projet de fin d‟étude, Delia GĂTEJE , Faculté d‟Ingénierie en Langues Etrangères, UPB, 2017

16 Les technologies utilisée s:

 Pour client:
– JavaScript
– HTML5

 Pour serveur:
– Ruby on Rails
– Nginx

En plus:
 L‟encodage de caractère: UTF -8 ;
 Le format d‟image: PNG, SVG;
 Les éléments du site: external CSS, inline CSS, Gzip Compression, Strong
Etag;
 Certification SSL: Thawte;
 Outils d‟analyse du traffic: Google Analytics;
 Localisation du serveur: United States;

Projet de fin d‟étude, Delia GĂTEJE , Faculté d‟Ingénierie en Langues Etrangères, UPB, 2017

17 3 Présentation du logiciel

3.1 Méthodologie de dé veloppement du logiciel
3.1.1 Etude de marche

L‟étude de marche a été effectuée parmi l es étudaintes de plusieurs Facultés de
l‟Université Politehnica de Bucarest et l‟Université des études économiques de Bucarest. Le
but de cette étude a été de voir s‟il existe un intérêt pour ce type de plateforme de
collaboration et de comprendre quelles sont les attends des étudiantes.
Pour être plus f acile et plus rapide, la recher che a eu lieu en ligne. Les étudiantes ont
du completer un questionnaire. Ce questionnaire comprend des questions qu‟ont comme
options de réponse limitées et des questions ouv ertes, ou les étudiantes peuvent donner une
réponse libre.
A ce questionnaire ont repondu 50 participants. La majorité des participants
appartienne à la catégorie d‟age 18 -25 ans. Le groupe de participants a été divisé entre 23
étudiants et 27 employès.

Figure 6- L’age et l’occupation des participants au questionnaire

Apres ces informations, j‟étais curieuse si l‟implémentation d‟une telle a pplication
semble une bonn e idée. Et si non, quel s sont les raisons? La majorité (32 personnes) croit que
ce une bonne idé e, mails il y a des participants qui conside rent qu‟on déjà plusieurs type
d‟applications et les autres qui n‟croient pas que ce une bonne idee sans donner une
explication.

Figure 7-Les perceptions concernant l'implementation

Projet de fin d‟étude, Delia GĂTEJE , Faculté d‟Ingénierie en Langues Etrangères, UPB, 2017

18 Pour savoir si les participants préfèrent de collaboration en ligne, face en face ou les
deux on a ajouté cette question dans le quest ionnaires. Apres la recherche, on a trouve que
48% pourcents des participants ont opté pour la collaboration en ligne. Mais c‟est un
pourcent proche de 36% – répésentent les deux type de collaboration.

Figure 8- Le moyenne prefere de collaboration

Pour savoir quelles sont les fonctionnalités qu‟ils doivent être implémentés dans
l‟application, on a posé une question qui nécessite une réponse libre.
Parmi l es réponses fournies , la plupart ne contient pas des fonctionnalit és que on n‟a
pas les vues quand on a étudié les applications similaires :
-> s‟indentifer avec le compte facebook ou google ;
-> recevoir les notifications par emails ;
-> la po ssibilit é d‟éditer le profile ;
-> la possibilité d‟ajouter des nouveaux mem bres ;
-> à chaque tache d‟attribuer différents membres ;
-> l‟éxistence d‟une chat ;
-> drag&drop options ;
-> la possibilité d‟attribuer aux taches un temps limite, d‟être informes quand ce temps
s‟approche de la date de achèvement ;
-> la possibilité d‟ utiliser des couleurs dans le cadre du projet, pour le personnaliser ;
-> la possibilité de charger et télécharger des documents, fichier, photos ;
-> interface facile à l‟utiliser ;
-> avoir une page destiné à expliquer comme tu peux utiliser l‟applicatio n ;
-> avoir des templates ;
-> création des templates ou la modification de ceux qui existent déjà ;
-> la classement dans les colonnes ;
-> des activités en temps réel ;

Projet de fin d‟étude, Delia GĂTEJE , Faculté d‟Ingénierie en Langues Etrangères, UPB, 2017

19 3.2 Technologies utilisés
3.2.1 Plateforme de CMS (Content Management Sy stem)
CMS est l‟acronyme de content management system, soit, en français « système de
gestion de contenu ». Il s‟agit d‟un programme informatique utilisant une base de données et
permettant de gérer de A à Z l‟apparence et le contenu d‟un site web. Il perm et, à des
individus ou à des groupes hiérarchisés, de mettre à jour le contenu d‟un site web à partir
d‟un panneau d‟administration.
Aujourd‟hui, le CMS est une plate -forme de développement de sites très populaires,
permettant de créer des sites web comple xes à moindre coût, grâce aux nombreux CMS Open
Source existantes sur le marché.

Les avantages de système de gestion de contenu :
Simple d’utilisation : c‟est le principal avantage ! Un CMS permet de créer un site
basique sans connaissance particulière en développement, car il est géré par des modules ;
Flexibilité : les développeurs peuvent utiliser des thèmes qui existent déjà ou ils peut
réaliser un design unique, et dans ce cas, le CMS apportera l'‟avantage d‟avoir des règles
d‟intégration et perme ttra de gagner du temps lors d‟éventuelles modifications.
Utilis ation des différents plug -in : il y a une variété grande des plugins disponibles
que vous aiderez à ajout er de nouveaux fonctionnalités, selon les besoins du client ;
Accès à distance : tout ce que vous avez besoin pour travailler à votre site est une
connection à l‟internet ;
Mobile technologie : adaptation aux différents environnements mobiles selon leur
dimensions ou au tres caracté ristiques ;
Le réfréncement : on sait que pour assurer un e bonne position dans les moteurs de
recher che on a un ensemble de règles à respecter et à appliquer sur le site web, mais en
utilisant un CMS, on bénéficie d‟une structure HTNL de base qui est déjà opti misée pour
l‟ensemble de règles ;

Les inconvénients de systèmes de gestion de contenu :
Migration : une site sous CMS est plus compliqué à migrer qu‟un simple site
classique ;
Sécurité : comme tous les sites utilisant le même CMS parta gent un co de source
commun, il est nettement plus aisé de pirater un C MS, sourtout s‟i l est mal protégé ou
implémenté ;

Projet de fin d‟étude, Delia GĂTEJE , Faculté d‟Ingénierie en Langues Etrangères, UPB, 2017

20 Types de CMS :
WCMS – Web Content Management System
Les systèmes de gestion de contenu web sont des logiciels qui visent à géré les
différentes contenus d‟un ou plusieurs sites web et surtout d‟ assurer la mise en page des
informations.
Exemples : WordPress, Drupal, Joomla
Selon une statistique réalisée par le site opensourceCMS.com, le plus utilisé c‟est
wordpress :

Figure 9

ECMS – Enterprise Management System
Les systè mes de gestion de contenu d‟entreprise sont des logiciels (intranet) qui
permet aux employees d‟une entreprise d‟accéder, gestionner et voir des documents, themes
ou autres informations.
Exemples: Atlassian Confluence, Oracle WebCenter

CCMS – Component C ontent Management System
Les systèmes de gestion de contenu de component sont des logiciels utilisés en
general pour le XML parce qu‟ils permettent de gestionner la relation entre les différentes
categories.
Exemples: SDL LiveContent, XDocs, Vasont

EDRMS – Electronic Document and Records Management System
Ces types des systèmes de gestion sont des logiciels utilisés pour sauvegarder et
festonner les processus lient aux informations digitales.

LCMS/LMS – Learning Content Management System
Ces types des sy stèmes de gestion de contenu sont des logiciels qui permettent
sauvegarder, gestionner et publier du contenu de learning pour les utilisatuers.

DMS/EDM – Document Management System/ Electronic Document Management
Ces types des systèmes de gestion de cont enu sont des logiciels qui permettent
sauvegarder, gestionner les PDFs, les documents Word et aussi types de documents.
Exemples: DocPath , SharePoint, LiveLink

Projet de fin d‟étude, Delia GĂTEJE , Faculté d‟Ingénierie en Langues Etrangères, UPB, 2017

21 Le CMS est un type de platform collaborative. En general, il y existe des rôles
suivantes du côté utilisateurs:
– Créateur: responsable avec la creation et l‟édition du contenu
– Editeur : responsible avec la correction du contenu et le design
– Publisher : celui qui publie le contenu
– Administrator : celui qui of fer des droits aux ceratines utilisateurs
– Viewer or Guest : la personne qui lit le contenu, mais n‟a aucun droit de publier ou
éditer

Figure 10- Statistiques pour les sites Web utilisant les technologies CMS

Figur e 11- Legende

Projet de fin d‟étude, Delia GĂTEJE , Faculté d‟Ingénierie en Langues Etrangères, UPB, 2017

22 3.2.2 WordP ress
WordPress est une plate -forme open source de CMS. Ce logiciel écrit en PHP repose
sur une base de données MySQL et est distribute par l‟éntreprise américaine Automattic. Les
fonctionnalités de WordPress lui permettent de céer et gérer différents types de sites internet:
blog, site e -commerce, site vitrine ou encore portfolio. Il est distribute selon les termes de la
licence BNU GPL version 2. Le logiciel est aussi à l‟origine du service WordPress.com.

Figure 12- Brief Information

WordPress peut étre installé localement sur l‟ordinateur ou sur un Intranet. Si on veut
l‟installer localement, on a besoin d‟un en vironment du developpement web et l‟archive
wordpress.zip. On crée, à l ‟aide de l‟environment web, une base de données et on commence
la configuration. Autrement, on doit choisir un nom de domaine( le nom du site) et un
hébergement (ici les fichiers de site sont stockés).
On a nombreuses fonction nalités a l‟aide on peut cré er de pages et d‟articles. Afin de
render les pages plus attractive s, il existe plus plugins de for matage de texte pour enrichir le
contenu et gérer la typographie. Aussi, les plugins offrent la possibilité d‟écrire de filtres,
actions et templates tags, l ire et sauvegarder des infromations dans une base de donnnées.
Les programmeurs ont la possibilité de construire des nouveau x sites ou fonctions pour les
plates -formes développées sur WordPress ou d‟utiliser un code déjà existant. WordPress a
comme but d‟ être accessible aux personnes non techniques, mais on peut modifier le contenu
en utilisant la programmation.
Afin d‟aider les utilisateurs à la construction de site, WordPress met à disposition de
plusieurs themes , gratuits et payants, prêts à l‟emploi. Un theme contient de fichiers php et
les fichiers CSS associé.
Dans une installation Word Press, on a généralement les fontionalités suivants (les autres,
doivent être implementer à l'aide de plugins ou de la programmation):
 System de layers pour les droit s: les utilisateurs peuvent recevoir des permissions
différents.
 Auteurs multiples : un blog peut avoir plusieurs contributeurs avec des permissions
différents.
 Portabilité : le system peut être facilement transféré sur un autre system.

Projet de fin d‟étude, Delia GĂTEJE , Faculté d‟Ingénierie en Langues Etrangères, UPB, 2017

23  Profil des utilisateu rs: chaque utilisateur a son profil, et peut le completer avec des
informations sur lui de différente nature.
 Installation très rapide et possibilité de faire des updates .
 Localisation : WordPress est traduit en plusieurs langues et la présentation des date s
peut-être aussi adapté selon la position géographique de l'utilisateur.
 RSS feeds – Reach Site Summary: possibilité de les générer en plusieurs formats.
 SEO et URLS : liens URL vers posts, catégories, archives, tags et optimisation de la
position du site dans les searchs engine.
 HTML génerés en conformité avec les standards.
 Archive des posts et search engine à l'intérieur de la plate -forme.
 Catégories et tags: tous les posts peuvent être attribué une catégorie ou/et un tag de
façon qu'elles peuvent être t rouvés plus facilement.
 Protection du contenu: les blogs peuvent être protegés avec l'aide d'une password.
 Transformation du texte automatiquement: WordPress corrige automatiquement le
texte posté par l'utilisateur.
 Images et contenu media: les utilisateur s peuvent ajouter des images, fichiers audio ou
video.
 Customisation rapide : WordPress peut être adapté au niveau du design ou
fonctio nnalités très facilement, soit a l'aide de plugins, soit en travaillant sur le code
source.
 Connection avec des autres blo gs.
 Interface XML -RPC : Ça permet aux autres applications, comme celles mobile de se
connecter à la plate -forme Word Press.

L‟architecture WordPress est basé sur cinq types de composants:

1. Display
Le display consiste sur plusieurs containers qui réprésente nt des différentes parties de la
pages . Par exemple: header, footer, sidebar et content, mais on peut ajouter des autres.

2. Templates
Les templates sont le layout d‟une page. Chaque page a un template. Par exemple, il y a
des templates qui peuvent être util izes pour la page frontale: index.php et pour les pages
single post: header.php, sidebar.php, footer.php, comments.php, single.php.

3. Le Loop
Les programmeurs ont crée un mechanism qui est responsa ble avec l‟affichage de chaque
page. C‟est le moteur core de l‟application parce qu‟il cherche dans la base de données pour
collecter les post es correspondant à la page.

4. Back End
Communication avec d‟auters components( serveur de base de données, systems des
fichiers, du mail etc)

5. Metadata

Projet de fin d‟étude, Delia GĂTEJE , Faculté d‟Ingénierie en Langues Etrangères, UPB, 2017

24 C‟est l‟information néc essaire pour les pages du site. Ils sont sauvegardes dans une base
de données et utilisent quand la page s‟affiche.

WordPress dispose de deux mé thodes pour gestion des discussion et commentaires:
trackback ey pingback. Trackback c‟est une technique qui pe rmet aux sites de communiquer
dans le cas s‟il y a des ressources lient de point de vue du contenu. Pingback c‟est une
methode pour que les admins web soient notifies qund quelqu‟un fait référence à leurs
documents.
Les pas d‟une post qui contient du ping back sont :
~ la personne A publie une information sur son blog contenant un lien vers un post sur
le blog de la personne B ;
~ si les deux personnes ont la fonctionnalité de ping -back active, le system du blog de
la personne A fait une notification vers le blog de B pour annoncer la référence vers son
contenu ;
~le blog B inclue un lien dans son contenu vers le blog A ;
~les visiteurs du blog de B peuvent voir le leint et accéder au blog de A ;

Exemple d‟une cas pour trackback (le but est d‟introduir e plusieurs personnes dans la
conversation):
~ la personne A écrit quelque chose sur son blog ;
~ la personne B fait un comment sur le blog de A, mais veut aussi que les visiteurs de
son site voient ce qu‟il a dit ;
~ la personne B fait un post sur son blog et envoie un trackback vers A ;
~ la personne A recoit le trackback et l‟affiche comme un comment sur son post. Ce
commetaire contient un lien vers le blog de B.

Il y a aussi options de moderation pour lutter contre les spams:
Akismet : C`est un plugin qui a comme but de gestioner les commentaires spam et
d`assurer que le spam n`influence pas la classification dans les engines SEO. Chaque fois
qu`un commentaire. Trackback ou pingback sont soumis dans un site, Akismet fait des
differents t ests pour verifier s`il s`agit du spam ou pas.
Moderation des commentaires : sont affiches les plus récents commentaires sur
n‟importe quell article posté;

Mots Spam : une liste avec les mots qui apparaissent d‟habitude dans les
commentaires spam;

Blac klist: une liste avec les mots interdits sur un site; on ne peut pas poster des
commentaires contient un de ces mots;

CAPTCHA (Completely Automated Public Turing): s‟assure que la réponse n‟est pas
générée par un ordinateur; (WordPress par exemple fait l‟ utilisateur d‟introduire des mots
qu‟il voit dans un image);

Authentification : c‟est l‟action de confirmer la validité des certaines utilisateurs; [18]

Projet de fin d‟étude, Delia GĂTEJE , Faculté d‟Ingénierie en Langues Etrangères, UPB, 2017

25 3.2.3 WampServer

WampServer est une plate -forme de développement Web sous Windows pour des
applications Web dynamiques à l‟aide du serveur Apache, du langage de scripts PHP et d‟une
base de données MySQL. Il possède également PHPMyAdmin pour gérer plus facilement les
bases de données.
Le plus grand avantage de Wa mp est qu‟il offre au programmeu rs la possibilité de
travailler au sites web sans se connecter à l‟internet, mais sur localhost.

Figure 13- Wamp

3.2.4 Apache
Apache est un serveur HTTP crée et maintenu au sein de la foundation Apache et c‟est
le plus populaire du World Wide Web. Il y a de modules qui lui donna nt des fonctionnalités
supplémentaires: interpretation du langage Perl, PHP, P ython et Ruby, serveur proxy,
negotiation de contenu, protocol es de communication additionnels. Il est recommandent de
charger que les modules util es.
Un serveur est un ordinateur relié à internet. Son role est de server des données à celui
qui lui en demande. Les données servies peuvent être de toute nature: sons,images, texte,
résultats mathematiques etc. Afin de remplir sa tache de serveur, cet o rdinateur execute des
programmes. Chaqu‟un execute une tache precise: l‟un se charger de server des pages web,
l‟autre de faire tourner des bases de données etc.

Projet de fin d‟étude, Delia GĂTEJE , Faculté d‟Ingénierie en Langues Etrangères, UPB, 2017

26
3.2.5 PHP

C‟est un langage de scripts du côté serveur, conçu pour le développement
d‟application s web. Le code PHP peut être intégré facilement dans le code HTML ou il peut
être utilisé en combinaison avec des divers systèmes de modèle web -templates -, des systèmes
de gestion du contenu web et des frameworks. Le code PHP est habituellement traité par un
interpréteur PHP mis en œuvre en tant que le serveur web ou comme une interface Common
Gateway (CGI) exécutable . Le serveur web combine les résultats du code PHP interprété et
exécuté avec la page web générée. Le code PHP peut être utilisé pour implémen ter des
applications graphiques autonomes.
L‟implémentation des référen ces PHP est produit par le groupe PHP. PHP, a l‟origine,
signifiait Personal Home Page, mais maintenant il fait référence au backronym récursif PHP :
Hypertext Preprocessor. PHP a été l argement porté et peut être déployé gratuitement sur la
plupart des serveurs web, surs presque tous les systèmes d‟exploitation et plateformes.

La mascotte PHP s‟appelle ElePHPant. Le
logo a été à l‟origine présenté et crée en 1998
pour la communauté PH P par Vincent Pontier – le
père spirituel de milliers d‟ElePHPants dans le
monde entier. Pour les sites web dynamiques il y
avait en 1998 des scénarios CGI utilisés. L'ami de
Vincent, François BUFFIÈRE, l'a introduit dans
le langage PHP. Vincent a inventé l 'ElePHPant en
dessinant des lettres PHP sur un papier et jouant
un peu avec eux. Il a remarqué qu'ils étaient en
forme d'éléphant. Figure 14- Le logo PHP
A ce moment -là, en France, seulement peu de s ites parlaient de PHP. L‟un ét ait le site
de Jean -Pierre Dezelus, qui était aussi un collecteur d‟éléphants. Il a demandé à Vincent de
rendre un logo d'éléphant pour PHP avec le même style que le logo PHP orig inal – un ovale
bleu avec le gradient de contour noir. Alors le logo original ElePHPant est apparu.

Le langage PHP a évolué sans une spécification ou une norme officielle écrite jusqu'en
2014, en laissant l'interpréteur PHP canonique comme un standard de facto. Depuis 2014 le
travail a continué pour créer une spécification formelle de PHP. Pendant les années 2010 il y
a eu des efforts accrus vers la standardisation et la partage de code dans les applications PHP
ainsi que le gestionnaire de la dépendance C omposer et le référentiel Packagist.
La version que j'ai utilisé est PHP 5, qui a été alimentée par Zend Engine II et publiée
le 14 Juillet 2004. PHP 5 inclue de fonctionnalités telles que le support améliorée pour la
programmation orientée objet, l'extens ion PHP Data Objects (PDO), qui définit une interface
légère et cohérente pour accéder aux bases de données, et de nombreuses améliorations de
performances. En 2008 PHP 5 est devenu la seule version stable en cours de développement.
Les liaisons statiques ont été ajoutées dans la version 5.3. Au fil du temps, les interpréteurs
PHP sont devenus disponibles pour la plupart des systèmes d'exploitation existants sur 32 bits
et 64 bits.

Projet de fin d‟étude, Delia GĂTEJE , Faculté d‟Ingénierie en Langues Etrangères, UPB, 2017

27 3.2.6 phpMyAdmin

phpMyAdmin est un système de gestion des bases de données MySQ L, gratuite, écrit
en PHP et destiné à l‟administration d‟une base de donnée en utili sant un navigateur web. Par
son utilisation il peut être fait plusieurs actions et opérations comme la création, la
modification ou l‟effacement d‟une base, d‟un tableau, d‟un champ, l‟exécution d‟ une
commande SQL. Avec ce logiciel on a la possibilité d‟actionner sur la base de donné
directement sur l‟ interface, tant que on a encore la possibilité d‟exécuter ces modification
avec du code SQL.

Figure 15- Logo et l'interface du start
Les caractéristiques principales sont :
~ une interface intuitive
~ supporter les caractéristiques du MySQL
~ éxecuter, marquer et éditer les déclarations SQL
~ gérer des utilisateur MySQL
~ cherche d ans la base de données, dans les tableaux
~ créer, copier, effacer, renommer les tableaux
~ maintenir le serveur, les bases de données, les tableaux
~ créer, éditer, appeler, exporter des procédures stockées, d‟événements, déclencheurs et des
fonctions

Projet de fin d‟étude, Delia GĂTEJE , Faculté d‟Ingénierie en Langues Etrangères, UPB, 2017

28 3.2.7 MySQL

MySQL est l‟une de plus populaire logiciel utilisé pour les bases de donnés. Le motif
principal qui assure la popularité c‟est que ce système diminue les problèmes au temps
d‟arrêt, les problèmes de l‟administratio n et de la maintenance pour les applications en ligne.
Il est aussi le plus utilis é dans le cadre des open -source web applications comme
Wamp. WodrPress est un des plateformes CMS qui utilise le langage MySQL pour le
gestionement de ses bases de donn ées.
Pour utiliser les commandes MySQ L, il faut installer un outil comme MySQL
Workbench, HeidiSQL ou phpMyAdmin. Dans le cadre de ce projet l‟outil choisit est
phpMyAdmin qui est en fait forunit par WampServer.

Figure 16- Logo
Les caract éristiques du MySQL :
~ support multi plateforme
~ vues actualisables
~ plusieurs extensions
~ librairies intégrés pour la base de données
~ contient un moteur de stockage
~ schéma infomationnelle et de performance
~ procédures intégrés

Dans la figure suivante on trouve un statistique réalisé par le site DB -Engines. On
observe que MySQL est sur le deuxième rang dans les préférences des programmeurs.

Figure 17- Statistique

Projet de fin d‟étude, Delia GĂTEJE , Faculté d‟Ingénierie en Langues Etrangères, UPB, 2017

29 3.2.8 HTML, CSS, JavaScript
HTML, CSS et JavaScript forment une triade de technologies de pierre angulaire pour
World Wide Web.
HTML – Hypertext Markup Language
C‟est le langage utilisé pour la conception de sites web . Les navigateurs web reçoivent
des documents HTML à partir d'un serveur web ou d'un stockage local et les rendent dans des
pages web multimédia. HTML décrit la structure d'une page web de manière sémantique et à
l'origine inclut des indices pour l'apparen ce du document. Les éléments HTML sont les
éléments constitutifs des pages HTML. Avec les constructions HTML, les images et autres
objets, tels que les formulaires interactifs, peuvent être incorporés dans la page rendue. Il
fournit un moyen de créer des d ocuments structurés en désignant la sémantique structurelle
pour le texte, comme des rubriques, des paragraphes, des listes, des liens, des citations et
d'autres éléments. Les éléments HTML sont délimités par des balises, écrites en utilisant des
crochets : <exempleDeBalise> et ils viennent d‟habitude en paire.
<html> et <body> sont les balises les plus importantes. Avec eux on peut commencer a
construire une page. Il y a plusieurs, selon le rôle qu‟ils doivent remplir dans la page web.
Par exemple, le hea der d‟un document : <head> et le paragraph <p>. Si on veut ajouter un
lien : <a href= http://google.com > Lien vers le google </a>. Chaque balise doit être fermé. <
> </a>. Les heading sont définis avec les balises suivan tes :
<h1>Heading niveau 1</h1>
<h2>Heading niveau 2</h2>
<h3>Heading niveau 3</h3>
<h4>Heading niveau 4</h4>
<h5>Heading niveau 5</h5>
<h6> Heading niveau 6 </h6>
Chaque élément HTML peut avoir des attributs concernant le style, le font, la couleur
du texte , la taille du font etc.
A l‟aide des attribut „id‟ et „class‟ on peut fair la liaison entre les éléments HTML et
CSS.

Figure 18- Structure classique HTML

Projet de fin d‟étude, Delia GĂTEJE , Faculté d‟Ingénierie en Langues Etrangères, UPB, 2017

30 CSS – Cascading Style Sheets
CSS est un langage de style qui définit la p résentation des documents HTML. Par
exemple, CSS couvre les polices, les couleurs, les marges, les lignes, la hauteur, la largeur,
les images d'arrière -plan, les positionnements évolués et bien d'autres choses. HTML peut
être (mal)utilisé pour la présentat ion des sites Web. Mais CSS offre plus d'options et se
montre plus précis et sophistiqué. CSS est pris en charge par tous les navigateurs actuels.
HTML sert à structurer le contenu, CSS sert à formater un contenu structuré.
Il y a trois façon de définir de s styles CSS : dans le corp du code HTML , dans l‟en-
tête de la page et dans une feuille de style totalement séparée du code HTML. Le dernier
facon est le plus utilisé.
Il y a de multiples avantages à séparer les feuilles de styles du contenu :
~ la réduct ion de la taille des pages : les définitions de style sont faites qu‟une seule fois,
même si elles sont utilisées plusieurs fois
~ la réduction des temps de connexion : les navigateurs garderont en mémoire( en chache)
le contenu de la feuille de style CSS qui s‟appliquera sur toutes les pages du site. Seuls les
contenus des pages devront être chargés au cours de la navigation
~ une mise à jour plus facile : vous n‟aurez besoin que de changer la feuille de style pour
mettre à jour la présentation de l‟ensem ble de votre site
~ scinder le travail de rédaction et le travail de présentation : vous pouvez commencer à
rédiger le contenu de vos pages sans vous soucier de leur pré sentation finale

JavaScript

JavaScript (JS) est un langage de programmation de haut n iveau, dynamique et
interprété. Il est un des trois technologies principales de production de contenu de World
Wide Web, à côté du HTML et CSS; la majorité de sites Web l'emploient et il est supporté
par tous les navigateurs modernes sans plug -ins.
JS est basé sur des prototypes avec des fonctions first class , ce qui le fait un langage
multi -paradigme qui soutient des styles de programmation orientés objet, impérieux et
fonctionnels. Il a une API pour travailler avec le texte, les tableaux, les dates et le s
expressions régulières, mais n'inclut pas des fonctionnalités d'entrée -sortie, telles que la
gestion de réseau, le stockage ou les installations graphiques.
Le JS a été influencé par les langages de programmation comme Self et Scheme. Il y a
des ressembl ances fortes entre Javascript et Java, y compris le nom du langage, la syntaxe et
les bibliothèques standard, mais les deux sont des langages distincts et différents dans leur
design. Les caractéristiques suivantes du JS sont des traits communs pour toutes les
implémentations de l‟ECMAScript. Le langage a quatre traits importants:

1.Impérative et structure
Javascript supporte une grande partie de la syntaxe de programmation structurée du
langage C (déclarations if et switch , boucles do while , etc) et fait la distinction entre les
expressions et les déclarations. Une différence structurelle est l'insertion automatique du
point -virgule, ce qui permet l'omission de ceci dans quelques situations.

Projet de fin d‟étude, Delia GĂTEJE , Faculté d‟Ingénierie en Langues Etrangères, UPB, 2017

31 2.Dynamique
~ Dactylographie dynamique
Comme dans la plupart de langages de scripting, dans JS un type est sont associé avec
chaque valeur et pas avec chaque expression. Par exemple, une variable qu'est liée à un
numéro peut être plus tard reliée à un String . Javascript supporte beaucoup de méthodes pour
tester le typ e d'objet.
~Evaluation au moment de l‟éxécution
Javascript inclut une fonction eval qui peut exécuter des déclarations pourvus comme
Strings au moment de l'exécution. Le DHTML (HTML Dynamique) permet aux langages de
scripting de changer les variables des pages web. Cela change en fait l'aspect visuel et la
fonction du contenu autrement statique.

3.Fonctionnel
Les fonctions qui sont de type first class sont des objets eux -mêmes et ont des
propriétés et des méthodes comme .call() et .bind() . Cela permet le passage des fonctions
comme arguments d'autres fonctions, en retournant la valeur donnée par la fonction
argument, qui sera stocké dans une variable ou dans autres structures de données.

4.Basé sur des prototypes
Javascript est un langage basé presqu e complètement sur des objets. Ces objets sont
des tableaux associatifs et leurs noms des propriétés sont des clés String . Les propriétés
peuvent être ajoutés, modifiées ou effacées au moment de l'exécution. La plupart de
propriétés d'un objet peuvent être énumérés en utilisant une boucle for…in . Javascript a aussi
un petit nombre d'objets prédéfinis, tels que Function et Date .
Là ou les autres langages de programmation orientés objet utilisent des classes pour
l'héritage, Javascript utilise des prototypes. Il est possible de simuler les caractéristiques
basées sur des classes en utilisant des prototypes.
En préfixant un appel de fonction avec new, on créera une nouvelle instance d'un
prototype qui héritera les propriétés et les méthodes du constructeur. Les nouvelles méthodes
peuvent être ajoutées en modifiant le prototype de la fonction utilisée comme constructeur.
Les constructeurs incorporés du Javascript ( Array , Object etc) ont aussi des prototypes
modifiables.
Contrairement aux autres langages orientés objet, dans Javascript il n'y a pas une
distinction entre la définition d'une fonction et la définition d'une méthode. La distinction
apparait plutôt pendant l'appel; quand une fonction est appelée comme méthode d'un objet,
son mot clé this est lié à l'ob jet spécifique de l'appel.

JavaScript est un langage comme les autres. Il a les concepts de variables, fonctions et
programmation orient é objet. Et, en plus, il introduit le concept des events qui se declanchent
quand l`utilisateur fait une action particu lier, par exemple: cliquer sur un bouton etc.
Chaque s équence du code JavaScript est mise entre les balises <script> </script> si on
met le code dans le HTML. Sinon, on fait un fichier separé avec la extension .js

Projet de fin d‟étude, Delia GĂTEJE , Faculté d‟Ingénierie en Langues Etrangères, UPB, 2017

32 3.3 EzyProjects

3.3.1 Architecture
L‟arch itecture de WordPress est à la base de type : « Event – Driven Architecture ».
Ca veut dire que c‟est une architecture centrée sur des différentes events déclenchées
par certaines actions. Dans ce type d‟architecture, on a deux concepts : les créateurs des
événements et les consommeurs des événements.
Le créateur d‟événement est la source , celle qui produit le changemen t et il sait
seulement qui l‟événement s‟est passé. Les consommeurs savent que l‟événement s‟est passé
et ils sont affecté s par lui ou ils f eront partie dans le processus qui comprend les effets de
l‟événement.

Chaque personne a le droi t de se créer un compte pour WordPress. Apres la création
de ce compte, l‟utilisateur peut mener des activites spécifiques. Il a aussi le dorit de changer
le desing de la page : il peut choisir des thèmes, les personnaliser en fonction du type du
compte qu‟il a crée au moment de l‟inscription sur WordPress, de choisir les widgets (petites
portions de code qui exécutent un certain tache) ou de créer le menu pour la page
Pour ce pr ojet, j‟ ai utilisé la thème « Spacious », parce que c‟est responsive – ca veut
dire qu‟il s‟adapte pour les dispositifs mobiles et a une design modern et facile à le
personnaliser. WordPress a déjà ses propres fonctionnalités et c‟est à p artir d‟ elles que on
commen ce à implémenter des autres nouvelles ; pour ça, j‟ai aussi installé les plug -in (les
plugins sont des fonctionnalités déjà implémentes qui sont juste installées sur ta plateforme) :
wordpress importer, widget importer and export er qui permettent à importer le contenu
démonstr atif qui ré presente une structure de base contient un e page d„accueil et modèles
pour les sous -pages. On peut installer combien de plugins on veut, mais pour bénéficier de
leur fonctionnalités, on doit les actives. Les plugins sont installés dans le chemin
suivant: \wamp \www \ezyprojects \wp-content \plugins. Ils sont juste des fichiers .php.

En WordPress, pour changer le desing de
la page il faut entrer dans le fichier style.css. Il
est possible d‟éditer t on CSS dans le fenêtre de
contrôle sans avoir un compte premium ( type de
compte qui t‟offre la permission d‟éditer
directement dans la plateforme, sans installer
WordPress sur tot machine locale). C‟est ici que
on a fait certaines modifications concernant les
couleurs, l‟arangement dans le page de la thème
choisie.

Avec l‟aide d‟un plugin, dans ce cas – Script n Styles – , on
peut aussi éditer ou ajouter le code JavaScript. Le plugin permet
d‟inclure une source de script externe ou de copier – coller le p ropre
JavaScript dans le balises <head> ou au -dessus de la balise </body>.

Projet de fin d‟étude, Delia GĂTEJE , Faculté d‟Ingénierie en Langues Etrangères, UPB, 2017

33 Comme on a vu, l‟implémentation de chaque événement et son effet est réalise par
plusieurs méthodes, soit en utilisant des plugins déjà existant, soit en adaptant la structure d e
la plateforme, soit en adaptant le code CSS ou JS. Pour cela, on a utilisé la communication
avec une base de données, pour sauvegarder et utiliser des informations utiles pour les
fonctionnalités implémentés.
Tous les informations concernant les identif iants des utilisateurs ou des posts, des
commentaires, des taches etc sont sauvegardés dans la base de donnée (qui contient plusieurs
tableaux).
A l‟aide de WampServer, on peut accéder facilement au base de donnée de l‟application en
utilisant « phpMyAdmin ». On peut donc voir tous les tableaux crées pour l‟application, faire
des commande SQL sur eux et ajouter des nouveau ou même de supprimer celles qui existent.
Voici un exemple en ce qui concerne le tableau wp_users :

Figure 19- Commande SQL

Figure 20- Resultat de la commande SQL

3.3.2 Fonctio nnalités

EzyProjects propose une modalité en ligne d‟amélioration de planification des projets.
C‟est accessible à tout moment, n‟importe pas dans quel co in du monde tu es. Tout ce tu as
besoin c‟est du connexion à l‟internet. EzyProjects pemet un accès instantané à votre equipe
et vos projet sans complications. Dans un monde en continue évolution, il est nécessaire
d‟avoir les principaux outils pour rester connecté avec vos collègues pour résoudre des
problèmes essentiels.
Cette application d‟amélioration de planification du projet à un premier but de gagner
du temps. Elle représente une technologie de contribution et de coopération entre les
individus qui travaillent sur le même projet en ordre de résoudre les tâches plus rapide, mais
aussi dans le cadre d‟une équipe. Donc, un second but est constitué par la promotion du
travail collaboratif, d‟augmenter la qualité relationnelle.

Projet de fin d‟étude, Delia GĂTEJE , Faculté d‟Ingénierie en Langues Etrangères, UPB, 2017

34
Figure 21- Dashboard

Pour utilis er l‟application, l‟utilisateur doit premi èrement s‟inscrire. Une fois
enregistré, l‟utilisateur peut accéder à tous les ressources disponibles au sein de l‟application.
Il a aussi la possibilité d‟éditer ses données pers onnelles et de changer son mot de passe. Si
quelqu‟un ne se rappelle plus son mot de passe, il a la possibilité de le demander en cliquant
sur un lient correspondant qui se trouve dans le formulaire de login. L‟utilisateur a aussi la
possibilité de contact er le développeur du EzyProjects en remplissant un formulaire.

Figure 22- Cree compte Figure 23-Log in

Projet de fin d‟étude, Delia GĂTEJE , Faculté d‟Ingénierie en Langues Etrangères, UPB, 2017

35
Nom du cas d’utilisation : Register
Description du cas d’utilisation : La procède d‟enregistrement s‟ applique aux
visiteurs du site. Ils doivent fournir un nom d‟utilisateur, une address d‟email valide et un
mot de passe pour complèter le processus.
Pré-conditions : Le système fonctionne, l‟application est connectée au serveur et à la
base de données.
Post-conditions : L‟utilisateur est crée et obtient l‟accès dans l‟application
Flux principal des événements :
Utilisateur Système
1. Register
2. Introduit un n om d‟utilisateur, une
adresse email valide et deux fois le
même mot de passe

5.Ouvre l‟email reçu et clique sur le lient
d‟activation

7.L‟application affiche la fenetre
correspondante

3. Vérifie les données préexistantes dans
la base de donnée s pour ne pas avoir
des conflits
4. Envoie un email contenant le lien
d‟activation

6.Confirme le Register

Flux des évènements alternatif : Donées invalides – > Afficher l‟erreur.

Nom du cas d’utilisation : Login
Description du cas d’utilisation : La procé dure de login s‟applique aux utilisateurs. Ils
doivent fournir leur nom d‟utilisateur et le mot de passe correspondant pour valider le
processus.
Pré-conditions : Le système fonctionne, l‟application est conectée au serveur et à la
base de données.
Post-conditions :L‟utilisateur est indetifié et obtient l‟accès dans l‟application
Flux principal des événements :
Utilisateur Système
1. Login
2. Introduit le non d‟utilisateur et le mot
de passe

5. L‟application affiche la fenêtre
correspondante

3. Verifie les données preexistantes dans
la base de données
4. Confirme le Login

Flux des événements alternatif : Donées invalides -> Afficher l‟erreur

Projet de fin d‟étude, Delia GĂTEJE , Faculté d‟Ingénierie en Langues Etrangères, UPB, 2017

36 Nom du cas d’utilisation : Forgot
Description du cas d’utilisation : Cette procédure s‟applique aux utilisateurs. Ils
doive nt fournit leur nom d‟utilisateur pour compléter le processus
Pré-conditions : Le système fonctionne, l‟application este conectée au serveur et à la
base de données
Flux principale des événements :

Utilisateur Système
1. Forgot
2. Introduit son nom d‟utilisateur

5. Ouvre l‟email
6. L‟application affiche la fenetre
correspondante

3. Verifie les données préexistantes dans
la base de donées
4. Envoie un email contenant les
informations
Flux des événements alternatif : Données invalides : Afficher l‟erreur

Figure 24- Forgot

Une fois que tu a s crée un compte, tu peut commencer à réaliser tes projets.
L‟interface offre les informations néc essaires pour mieux comprendre les caractéristiques et
les avantage de ce type d‟application. Si tu n‟a pas un compte, mais quelqu‟un qui utilise
cette application et do nc a un compte veut que tu sois partie d‟une echipe, tu va s recevoir un
email -une invit ation – pour créer un compte. Apres ca, tu vas être dans son echipe et pouvoir
voir tous les details du projet, les informations sur des autres collaborateurs, les informations
concernant les modifications faits dans le cadre du projet.

Projet de fin d‟étude, Delia GĂTEJE , Faculté d‟Ingénierie en Langues Etrangères, UPB, 2017

37 Nom du cas d’utilisation : Création d‟un projet
Description du cas d’utilisation : Cette procédure s‟applique aux utilisateurs. Cliquant
« New Project » ils démarrent un nouveau projet.

Figure 25- Cree un nouveau projet
Après on a clique, une nouvelle fenêtra ouvrira. Dans cette nouvelle fenêtre on va
mettre le nom du projet. Additionnel, on peut ajouter des details concernant le projet. On doit
chosir ou é crire duquel c atégorie le projet fait partie ( par exemple : Android apps,
eCommerce, Web , Branding). Aussi, dans cette étape, on crée l‟équipe : on va ajouter les
utilisateurs qu‟on a besoin pour ce projet. Les données initiales d‟un projet peuvent être
édites ; par exemple, on peut changer le nom, modifier les utilisateurs.

Figure 26- Details sur le projet

Si un utilisateur n‟existe pas, on peut le créer :

L‟utilisateur va recevoir un email avec les details et il doit choisir un mot de passe.

Projet de fin d‟étude, Delia GĂTEJE , Faculté d‟Ingénierie en Langues Etrangères, UPB, 2017

38 Quand on ajoute l‟utilisateur, on peut choisir s‟il va être manger ou un collaborateur :

Figure 27- Choisir le type

On a fini d‟écrire les informations sur l e projet. Ici on a un vue d‟ensemble du projet :

Figure 28- Vue d'ensemble

On peut aussi voir les membres d‟une équipe et leur titre dans le projet :

Figure 29- Membres d'equipe

Nom du cas d’utilisation : Discussion
Description du cas d’utilisation : Cette procédure s‟applique aux utilisateurs. Ils
peuvent créent une conversation visible aux tous les membres d‟une équipe ou une
conversation privée. L‟administrateur peut toujours modérer ces discussions. Quand on fait
un nouveau discussion : on met le titre, le message, on set le milestone (définir les étapes
clés, le temps limite) et aussi on peut ajouter des fichiers.

Projet de fin d‟étude, Delia GĂTEJE , Faculté d‟Ingénierie en Langues Etrangères, UPB, 2017

39
Figure 30- Creer la discussion

Nom du cas d’utilisation : To-Do List
Description du cas d’utilisation : Cette procédure s‟applique aux utilisateurs. Ils
peuvent avoir tous les taches da ns une seule To -Do list. On peut utiliser ces listes pour diviser
un projet en plusieurs secteurs, le attribuer des collègues et vérifier les progrès. C‟est bine
qu‟on projet soit partitionner en sous -taches et de marquer les milestones.

Figure 31- Creer un To -Do list

Nom du cas d’utilisation : Task
Description du cas d’utilisation : Cette procédure s‟applique aux utilisateurs. Ils
peuvent ajouter des taches si seulement si ils o nt déjà crée un To -Do list ! Quand on fait la
tache, on peut ajouter des informations suplim entaires sur elle si on veut. On peut sélecter un
temps et attribue la tache à un ou plusieurs membres d‟équipe. On peut laisser des
commentaires. On va avoir bien défini les tache complets et les taches incomplets.

Projet de fin d‟étude, Delia GĂTEJE , Faculté d‟Ingénierie en Langues Etrangères, UPB, 2017

40

Figure 32- Creer un tache

On peut éditer les taches quand on veut. On peut ajouter de commentaires ou on peut
commencer une discussion concernant la tache respective. En droit de chaque tache, il va
apparitre : les membres qui doivent s‟occupe, le temps limite (il va être rouge si le temps a
passé ou vert si on a encore du temps pour r ésoudre le tache). Un petit e xemple :
Quand la tache a été r ésoudre, elle peut être
checked et dans une manière automatique elle va passer
dans la cat égorie « completed ».

Nom du cas d’utilisation : Milestone
Description du cas d’utilisation : Cette procédure s‟ap plique aux utilisateurs. Ils
peuvent utiliser milestones pour marquer les différentes étapes de projet et aussi pour aider
les personnes assignées à viser un date pour compléter le projet en fonctions de ces étapes.
On peut utiliser le m ilestone quand on veut établir un temps final pour le projet global, quand
on veut diviser le projet en sous -projet ayant chaqu‟un un temps pour être résoudre. Le
milestone, selon la définition, est utilisé en gestion de projet pour définir les étapes clés d‟un
projet.

Projet de fin d‟étude, Delia GĂTEJE , Faculté d‟Ingénierie en Langues Etrangères, UPB, 2017

41
Figure 33-Creer le milestone
Nom du cas d’utilisation : Files
Description du cas d’utilisation : Cette procédure s‟applique aux utilisa teurs. Tous les
fichies, images, documentes qu‟on a partagé dans une discussion, tache ou commentaire, on
les trouves dans la même place. Accéde à tous les fichiers de tous les sujets dans un seul lieu !
Nom du cas d’utilisation : Activites
Description du cas d’utilisation : Cette procédure s‟applique aux utilisateurs. Ici, les
utilisateur peuvent voir tous les modification, les nouvelles, les activités que leur
collaborateur ont fait. C‟est une bonne modalité pour l‟utilisateur de connaitre les
modificati ons apportées. Un petit exemple :

Figure 34- Activites

Nom du cas d’utilisation : Overview
Description du cas d’utilisation : Cette procédu re s‟applique aux utilisateurs. Les
utilisateurs ont une vue d‟ensemble du projet. Ils voient le nombre de discussion, to -do list,
taches, commentaires, files et milestones. Aussi, ils ont une statistique entre to -do & activity
pendant les dérniers 30 jour s. Dans ce partie – Overview – ils peuvent facilement voir ses
collaborateurs.

Projet de fin d‟étude, Delia GĂTEJE , Faculté d‟Ingénierie en Langues Etrangères, UPB, 2017

42 Avantages et inconv énients de la palteforme EzyProjects :
Avantages :
~ travailler en équipe en ligne ;
~ une bonne organisation ;
~ quelqu ‟un peut s ‟inscrire ;
~ l‟inscription est valid é si seulement si on cliqu é sur le lien de confirmation recoit
par email ;
~ si on oublie le mot de passe , il y a la poss ibilité de le récupérer ;
~ quand on cr ée le projet, on peut le mettre quelques informations concernant le but
du projet ;
~ on peut ajouter diff érent membres p our chaque projet cr ée ;
~ si on veut ajouter une personne qui n ‟a pas de compte, pas des probl èmes,on le peut
crée, mais la personne respect ive va recevoir un mail avec les informations et elle doit
choisir un mot de passe ;
~ produire to-do list ;
~ dans chaque to -do list on peut avoir plusieurs taches;
~ à chaque tache on peut attribuer diff érent memb res ;
~ milestone : attribuer le temps ;
~ couler pour temps : rouge – temps passe ; vert – il y a encore du temps ;
~ on peut ajouter de commentaires ;
~ on peut commencer une discussion ;
~ on peut charge r et télécharger diff érent documents et fichier ;
~ tous les document et fichier ce trouve dans la m ême place ;
~ dans une partie sp éciale, on peut v oir toutes les activi tés de chaque membre ;
~ on peut voir un ensemble de notre projet, de nombre totale de taches, milesto nes,
discussion ;
~ quand le projet est compl ète, on peut le marqu é : on va avoir bien d éfini les projets
compl ètes et les incompl ètes ;

Inconvénients :
~ pas des notifications par e mail concernant l ‟activité ;
~ pas de perso nnalise r le projet (avec couleur, par exemple) ;
~ pas la pos sibilit é de cr éer premi èrement l‟équipe ;
~ la seule modalit é d‟utiliser l ‟application est par cr éation d ‟un compte (pas avec
google compte ou facebook compte) ;
~ ils n ‟y ont pas des options drag&drop ;
~ pas l‟optio n d‟appeler les collèges par l‟application ;
~ pas bien défini les équipes : on a les projet s, chaqu ‟un a une équipe , mais il sera
mieux d ‟avoir aussi les équipe s et partir des eux commencer les projet s ;
~il n‟y a pas de notification qui on informe sur le temps qu ‟on a encore à la
disposition pour r ésoudre une tache , on doit le vérifier seuls ;
~ pas de calend rier pour bien voir les dates de taches ;
~ pas la possibilit é d‟organisation par colonnes ;
~ pas la possibilit é de conversion une task/to -do list dans un projet ;
~ pas de template pour projet , le projet a une structure bi en défini ;

Projet de fin d‟étude, Delia GĂTEJE , Faculté d‟Ingénierie en Langues Etrangères, UPB, 2017

43 4 Conclusions et futur amélioration s

Le but du projet a été le développ ement d‟une plateforme pour améliorer la
planification des projets. Aussi, c ette plateforme aura un impact positif sur le processus de
collaboration en ligne.
Cette application d‟amélioration de planification du projet à c omme deuxieme but de
gagner du temps. Elle représente une technologie de contribution et de coopération entre les
individus qui travaillent sur le même projet en ordre de résoudre les tâches plus rapide, mais
aussi dans le cadre d‟une équipe. Donc, un tro isieme but est constitué par la promotion du
travail collaboratif, d‟augmenter la qualité relationnelle. Dans une monde plein des gens très
occupés, cha qu‟un ayant ses propres probleme s, il semble que c‟est difficile d‟établir une
rencontre professionnelle . Donc, la collaboration e n ligne vient comme une solution.

Pour développer l‟application on a fait une étude de recherche sur le marché qui nous
a ajouté de voir comment il faut fonctionner une telle plateforme et quelles sont les requêtes
des utilisate urs.
En tenant compte que les applications web soufre constant des changements, pour les
version suivantes de la plateforme, on veut implémenter autres fonctionalités
supplémentaires. Une future amélioration de la page web sera la possibilité de t‟inscrir e avec
le compte google ou facebook. Une autre amélioration : prémierement de créer l‟équipe (pas
de projet) et dans le cadre de cet équipe de construire plusieurs projets. Une derniere
modification : à implémenter un tableau blanc, quelque chose similaire à Paint qui va être en
temps réel. Les utilisateur s pourront „dessiner‟ leurs idées. Je pense que c‟est utile, en
particulier, pour réaliser l‟interface d‟une application web. Ou peut -être sera une manière de
divertissement pour les collaborateurs.
En co nclusion, la plateforme dispose des tous les outiles necessaires pour assurer une
bonne planification des projets, pour encourager le collaboration en ligne, la communication,
représente une solution viable pour augmenter la motivation et l‟en gagement parm i les
utilisateurs.

Projet de fin d‟étude, Delia GĂTEJE , Faculté d‟Ingénierie en Langues Etrangères, UPB, 2017

44 5 Bibliographie

[1] Par S.K. Levan, 2016, Management et collaboration BIM
[2] Par Fabrice Sincere, Gestion de projet : Technique s de planification de projets
[3] Planification de projet/programme, Manuel d‟orientation
[4] La gestion de projet, http://www.gestiondeprojet.net/articles/gantt.html
[5] Définition d‟un CMS, https://www.cms.fr/definit ion-cms-content -management
system.php
[6] L‟introduction du temps dans un planning,
http://www.projectplanningoffice.com/plan -site-planification -projet -planning -pert/37 –
aliasmetier/technique
[7] Find out what websites are Built With, https://builtwith.com/
[8] HTML and CSS, https://www.w3schools.com/
[9] Trello https://trello.com/ ,Pinnery https:/ /www.pinnery.com/en/ , Ziteboard
https://app.ziteboard.com/ , Basecamp https://basecamp.com/ , ConceptBoard
https://conceptboard.com/
[10] Par Raphaele GRANGER, Outils et méthodes pour planifier un projet,
https://www.manager -go.com/gestion -de-projet/planification.htm
[11] L‟importance du travail en équipe, http://mlmconseilsetsolutions.com/travail -en
equipe/
[12] Meet WordPress, https://learn.wordpress.org/
[13] Par Syed Balkhi, How to install WordPress on your windows computer using
Wamp, http://www.wpbeginner.com/wp -tutorials/how -to-install -wordpress -on-your-
windows -computer -using -wamp/
[14] Par Margaret Rouse, Content Manage ment System,
http://searchcontentmanagement.techtarget.com/definition/content -management –
system -CMS
[15] https://learn.wordpress.com/
[16] Par Brenda Barron, https://www.elegantthemes.com/blog/tips -tricks/top -8-project –
management -plugins -for-wordpress
[17] WordPress, https://fr.wikipedia.org/wiki/WordPress
[18] Par Theodoros Polychniatis, Sande r van der Rijnst, Rube n van Vliet, Geert
Wirken, Software Architecture WordPress,
http://foswiki.cs.uu.nl/foswiki/pub/Swa/CourseLiterature/arch -E.pdf

Projet de fin d‟étude, Delia GĂTEJE , Faculté d‟Ingénierie en Langues Etrangères, UPB, 2017

45 [19] Par Burak Ozturk, http://www.supinfo.com/articles/single/1577 -wampserver
[20] Par Syed Balkhi, What i s: Apache, http://www.wpbeginner.com/glossary/apache/
[21] Par Mehdi Achour, F httpriedhelm Betz, Georg Richter,Antony dovgal, PHP
Manual, php.net/manual/en/
[22] What is MySQL?, https://dev.mysql.com/doc/refman/5.7/en/what -is-mysql.html
[23] Par Douglas K arr, 3 ways to insert JavaScript into WordPress pages or posts,
https://www.godaddy.com/garage/industry/tech -svcs/wordpress/3 -ways -to-insert –
javascript -into-wordpress -pages -or-posts/
[24] Par CreateAwebsite, Cum sa faci un site sau blog cu WordPress,