MINISTERE DE L'ENSEIGNEMENT SUPERIEUR DE LA RECHERCHE SCIENTIFIQUEUNIVERSITE MONASTIR---***---INSTITUT SUPERIEUR D'INFORMATIQUE ET DE MATHEMATIQUES MONASTIR

Rapport de projet de Fin dtudesEn vue d'obtention duDiplme de Licence Fondamentale en Sciences de l'InformatiqueRalisation d'une application Web Agrgateur Des Promotions

Ralis parROMDHANE AmiraBEN ABDELWAHED Slim

Sous la direction deMme BOUAZIZI Emna Mme ZARGA Amira

Chapitre 4 : Ralisation2012|2013

Anne universitaire: 2012/2013

APPRECIATION ET SIGNATURE DES SUPERVISEURS

INSTITUT SUPERIEUR DINFORMATIQUE ET DE MATHEMATIQUESMONASTIR

Mme Bouazizi Emna

APPRECIATION ET SIGNATURE DES SUPERVISEURS

Socit PROXYM-ITSOUSSE

Mme Zarga Amira

Rsum

Le prsent projet, Ralisation dune application web Agrgation Des Promotions, est ralis dans le cadre de la prparation du projet de fin dtude prsent en vue de lobtention du diplme de licence fondamentale en sciences de l'informatique linstitut suprieur dinformatique et de mathmatiques Monastir pour lanne universitaire 2012/2013. Il sagit dune application web appel "Agrgateur Des Promotions" qui est dveloppe en PHP5 sous la plateforme Symfony 2. Cette application consiste associer en ligne des offres promotionnelles internationales de tout type de commerants.

Mots cls

PHP5, JavaScript, Metro UI, Symfony 2, MySql, orient objet, produit, promotion

Ddicaces

A mon cher pre qui a toujours su me soutenir, me conseiller, massister, et mindiquer le bon chemin Lamour quil me voue est irremplaable ses sacrifices pour mon ducation et mes tudes sont normes. Je lui dois beaucoup, et je lui suis plus que reconnaissante.A ma chre mre, toujours serviable et dvoue, tout mon amour sans limites, pour sa douceur, sa tendresse et toute laffection quelle ma donn tout au long de ma vie Je lui dois beaucoup, et je lui suis plus que reconnaissante, elle demeurera pour moi, la source damour infiniCest mes parents qui nont cess de me soutenir et de mencourager que je ddie ce travail en leur exprimant ma gratitude, leur promettant de demeurer toujours la hauteur des espoirs quils placent en moi et de toujours honorer la familleA mes chers frres et ma chre sur. Puisse Dieu, le Tout Puissant, les garder en bonne sant.A tous mes amis pour les bons souvenirs et le beau temps que nous avons pass ensemble, en leur souhaitant le succs et le bonheur dans leurs vie.Toutes les personnes que jaime et qui maiment. Je vous remercie tous et je vous ddie ce travail, rsultat de plusieurs annes dtude et de stage. Je remercie Dieu tout Puissant de m'avoir permis de mener terme ce projet de fin dtude. Amira

Ddicaces

A mon cher pre qui a toujours su me soutenir, me conseiller, massister, et mindiquer le bon chemin Lamour quil me voue est irremplaable ses sacrifices pour mon ducation et mes tudes sont normes Je lui dois beaucoup et je lui suis plus que reconnaissante A ma chre mre, toujours serviable et dvoue, tout mon amour sans limites pour sa douceur, sa tendresse et toute laffection quelle ma donn tout au long de ma vie Je lui dois beaucoup et je lui suis plus que reconnaissante elle demeurera, pour moi, la source damour infini Cest mes parents qui nont cess de me soutenir et de mencourager que je ddie ce travail en leur exprimant ma gratitude, leur promettant de demeurer toujours la hauteur des espoirs quils placent en moi et de toujours honorer la familleA mes chers frres et ma chre sur. Puisse Dieu, le Tout Puissant, les garder en bonne sant ..... A tous mes amis pour les bons souvenirs et le beau temps que nous avons pass ensemble, en leur souhaitant le succs et le bonheur dans leurs vie...Toutes les personnes que jaime et qui maiment. Je vous remercie tous et je vous ddie ce travail, rsultat de plusieurs annes dtude et de stage. Je remercie Dieu tout Puissant de m'avoir permis de mener terme ce projet de fin dtude. Slim

Remerciements

En prambule ce rapport, nous souhaitons adresser ici tous nos remerciements aux personnes qui nous ont apport leur aide et qui ont ainsi contribu l'laboration de ce rapport.

Nous tenons remercier dans un premier temps, toute l'quipe pdagogique de l'ISIMM et les intervenants professionnels responsables de la formation sciences de l'informatique, pour avoir assur la partie thorique de celle-ci.

Nous tenons exprimer galement notre profonde reconnaissance Mme Bouazizi Emna qui nous a encadr durant ce projet de fin d'tude, pour l'aide et les conseils concernant les missions voques dans ce projet, qu'elle nous a apport lors des diffrents suivis.

Nous tenons remercier tout particulirement et tmoigner toute notre reconnaissance Mme Zarga Amira, pour son aide et la confiance qu'elle nous a accord durant la priode du stage.

Nous exprimons notre sincre gratitude aux membres du jury, qui ont accept d'valuer ce projet de fin d'tude.

Enfin, nous adressons nos plus sincres remerciements tous nos proches et amis qui nous ont toujours soutenu et encourag au cours de la ralisation de ce projet de fin d'tude.

Romdhane Amira et Ben Abdelwahed Slim

Sommaire

CHAPITRE 1 : PROBLEMATIQUE ET POSITIONNEMENT11.Introduction gnrale22.Travail demand33.Cadre de stage33.1 Le stage33.2 L'entreprise34.Plan du rapport4CHAPITRE 2 : ETUDE DE L'EXISTANT ET SPECIFICATION DES BESOINS51.Introduction62.tude de l'existant62.1. Vente-privee72.2. Tunisiadeal82.3. lapromotion92.4. Promoalert102.5. Tunispromo112.6. Conclusion123.Spcification des besoins133.1. Spcification des besoins fonctionnels133.1.1. Gestion des promotion133.1.2. Gestion des utilisateurs143.1.3. Evaluation des promotions143.1.4. Abonnement aux commerants143.1.5. Statistiques143.1.6. Accs des utilisateurs153.2. Spcification des besoins non fonctionnels164.Conclusion17CHAPITRE 3 : CONCEPTION181.Introduction192.Vue fonctionnel du systme192.1. Identification des acteurs192.2. Diagramme des cas d'utilisation192.3. Cas d'utilisation Grer les promotions212.3.1. Cas d'utilisation Ajouter promotion 212.4.Cas d'utilisation Evaluer les promotions232.5. Cas d'utilisation Grer les utilisateurs242.6. Cas d'utilisation S'authentifier262.7. Cas d'utilisation S'inscrire282.8. Cas d'utilisation Consulter les promotions292.9. Cas d'utilisation Rechercher des promotions303.Vue statique du systme314.Vue dynamique du systme324.1. Diagrammes de squence: acteur/systme (Scnarios d'utilisation)324.2. Diagrammes de squence dtaills355.Conception dtaille de la base de donnes395.1. Modle conceptuel de donnes395.2. Modle logique de donnes395.2. Dictionnaire de donnes406.Conclusion43Chapitre 4: Ralisation441.Introduction452.Environnement technique452.1. Environnement matriel452.2. Environnement logiciel463.Rgles mises en place464.Dfinition : Style Mtro475.Implmentation475.1. Cration de la base des donnes485.2. Ralisation de la page d'accueil485.3. Authentification505.4. Inscription525.5. Traitement des promotions535.5.1. Gestion des promotions535.5.2. Recherche des promotions536.Conclusion55Conclusion et perspectives56Rfrences57Annexe 1BAnnexe 2CAnnexe 3EAnnexe 4H

Liste des figures

Figure 1: Etude de l'existant www.vente-privee.tn7Figure 2: Etude de l'existant www.tunisadeal.com8Figure 3: Etude de l'existant www.lapromotion.tn9Figure 4: Etude de l'existant www.promoalert.com10Figure 5: Etude de l'existant www.tunispromo.com11Figure 6: Diagramme des cas d'utilisation gnral20Figure 7: Diagramme de cas d'utilisation Grer les promotions21Figure 8: Diagramme de cas d'utilisation Evaluer les promotions23Figure 9: Diagramme de cas d'utilisation Grer les utilisateurs24Figure 10 : Diagramme des classes31Figure 11: Diagramme de squence d'authentification32Figure 12: Diagramme de squence d'inscription33Figure 13: Diagramme de squence d'ajout d'une promotion34Figure 14 : Diagramme de squence de recherche d'une promotion35Figure 15 : Diagramme de squence dtaill d'authentification36Figure 16 : Diagramme de squence dtaill de l'inscription37Figure 17 : Diagramme de squence dtaill d'ajout d'une promotion38Figure 18 : Diagramme de squence dtaill de la recherche des promotions39Figure 19 : Interface Accueil48Figure 22 : Tuile des promotions49Figure 20 : Tuile de connexion49Figure 21 : Tuile d'inscription49Figure 24 : Interface Client50Figure 23 : Barre de connexion50Figure 25 : Interface commerant51Figure 26 : Interface Administrateur51Figure 27 : Pop-up de choix d'inscription52Figure 28 :Contraintes du formulaire d'inscription52Figure 29 : Formulaire d'ajout d'une promotion53Figure 30 : Tuiles de recherche53Figure 31 : Les catgories des promotions54Figure 32 : Interface de recherche avance54

I

X

CHAPITRE 1 : PROBLEMATIQUE ET POSITIONNEMENT

1. Introduction gnrale

La promotion des ventes a longtemps t une parente pauvre du marketing, en particulier face la publicit. La promotion semblait limite des actions tactiques, portant sur des budgets limits, ayant quelques effets court terme, mais sans impact rel moyen terme. Cette vision s'est trouve totalement renverse par l'volution des dernires annes. Le budget total consacr la promotion aux Etats-Unis est aujourd'hui bien suprieur celui de la publicit. Mais surtout, on s'est rendu compte de la diversit des impacts de la promotion, et de ses enjeux stratgiques.Le facteur qui aide cette volution est l'Internet. L'usage d'Internet se rpand de plus en plus vite dans un contexte de mondialisation des changes de produits et de services, de concurrence de plus en plus exacerbe et de rapides mutations technologiques.De nos jours, une entreprise qui ne se trouve pas sur le Web est considre comme inexistante. Cependant il ne faut pas ngliger la puissance de la promotion en ligne. De plus, Le rseau permet d'offrir aux clients une information instantane et surtout interactive; c'est la grande diffrence.Au total, la promotion des ventes est devenu un domaine cl du marketing, une composante essentielle de l'attractivit des points de vente, un lment central des ngociations stratgiques entre fabricants et distributeurs. Les autres promotions offrent une riche gamme d'actions quantitatives et qualitatives. Et la promotion peut encore jouer d'autres rles que le manque de place nous empche de dvelopper, comme dans la communication ou dans le marketing direct.Notamment, lapplication Agrgateur Des Promotions facilite aux consommateurs la consultation des promotions rcentes et les offres qui surfent sur les tendances actuelles. Elle permet galement les commerants (htels, grandes surfaces, restaurants...) de promouvoir leurs produits ou services.

2. Travail demand

La mission qui nous a t confie au sein de Proxym-IT est la ralisation dune application Web avec le Framework Symfony 2. Ce pendant nous avons t confront des problmes de dveloppement, ce qui a engendr un effort supplmentaire pour la comprhension et la maitrise du langage PHP et le travail avec le Framework Symfony.

3. Cadre de stage

3.1 Le stage

Notre stage sest droul Sousse, au sein de la socit Proxym-IT du 01 Mars au 20 Mai 2013. Mme ZARGA Amira nous a encadr pendant cette priode de stage, sous la tutelle de M. Wassel Berrayana, le crateur et grant de la socit. Nous avons choisi cette entreprise car elle prsente un fort engagement envers les nouvelles technologies dans sa culture.Ce stage tait la hauteur de nos attentes. En effet il nous a offert loccasion de nous intgrer dans un environnement professionnel afin de nous initier aux exigences et aux attentes de cet environnement. Il nous a permis galement de mettre en application les diffrentes comptences acquises au cours de notre formation en tant que technicien suprieur en informatique ISIM Monastir, et pendant les diffrent stages que nous avons effectu.

3.2 L'entreprise

Cre en Janvier 2006, Proxym-ITest une socitNearShoreleader dans les prestations de services d'ingnierie informatique.

Fonde par un ancien collaborateur deSun Microsystemset elle a su dvelopper unerlle diversificationtechnologique autour de ses5 ples de comptences.Proxym-ITtravaille pour le compte des SSII, agences (web et mobile) et des diteurs europens.Proxym-IT pousse pour un modle de vente indirecte en privilgiant unerelation de confiance, decomplmentaritet durableavec ses clients.

Proxym-IT dispose d'une quipe de haut niveau, compose de plusieurs dizaines d'ingnieurs ayant une solide exprience, issus de diffrentes formations labores aux seins des coles d'ingnieurs Tunisiennes et Franaises.

4. Plan du rapport

Ce rapport sera devis en quatre chapitres. Le premier chapitre sera consacr ltude de primtre du projet. Dans cette partie, ltude de lexistant ainsi que la prsentation du projet raliser seront traits. Une description de la conception ralise fera lobjectif du second chapitre. Cette conception est effectue laide dUML. La description du travail ralis, limplmentation, ainsi que les diffrentes technologies utilises feront lobjet du troisime chapitre. Enfin, nous clturons par une conclusion et une srie de perspectives.

CHAPITRE 2 : ETUDE DE L'EXISTANT ET SPECIFICATION DES BESOINS

1. Introduction

Le travail qui nous a t confi pendant notre stage consiste dvelopper une application Web qui a pour objectif l'agrgation des promotions. Pour ce faire, il est indispensable de raliser une tude de ce qui existe dj dans le march pour comprendre, en premier, comment fonctionnent les applications existantes et, en second, sur quels points on va travailler . Dans cette optique, la premire section de ce chapitre sera pour analyser et critiquer les sites de promotions existants, pour ensuite donner un aperu de ce qui est demand : spcification des besoins fonctionnels et non fonctionnels de l'application.

2. tude de l'existant

D'aprs une tude du march, on a trouv une diversit des sites web et des applications ddis la consultation des promotions en ligne.On a pris titre d'exemple les sites web suivants:

2.1. Vente-privee

Figure 1: Etude de l'existant www.vente-privee.tnURL : www.vente-privee.tn

Description: C'est un site de ventes prives tunisien qui organise, pour ses membres exclusivement, des ventes vnementielles on-line, limites dans le temps, de produits des plus grandes marques tunisiennes et internationales.

Les points forts: Linscription la newsletter assure la rception des e-mails pour sinformer des nouveauts. On peut trouver les promotions de vente venir prochainement Les promotions sont bien prsentes et dcrites

Les points faibles: Le contenu est exclusivement pour les membres Le site ne contient que des promotions sur les vtements et les accessoires Il n'existe pas un moyen de recherche dans le site Les fournisseurs ne peuvent pas s'inscrire ou ajouter leurs promotions2.2. Tunisiadeal

Figure 2: Etude de l'existant www.tunisadeal.comURL : www.tunisiadeal.com

Description: C'est un site priv qui permet ses membres de profiter d'offres exceptionnelles des tarifs privilgis, limites dans le temps et exclusivement rserves aux membres du site.

Les points forts: Les promotions sont bien prsentes et dcrites Les promotions sont classes par rgion (facilit de trouver les offres les plus proches) Les promotions sont classes galement par thme Possibilit de publier les promotions sur Facebook et Twitter

Les points faibles: Le site ne contient que des promotions des htels, des centres d'esthtique et des salons de coiffure Les fournisseurs ne peuvent pas s'inscrire ou ajouter leurs promotions

2.3. lapromotion

Figure 3: Etude de l'existant www.lapromotion.tnURL : www.lapromotion.tn

Description: C'est un site de vente en ligne tunisien qui offre ses membres la possibilit de profiter des promotions sur des produits de certains commerants.

Les points forts: Linscription la newsletter assure la rception des e-mails pour sinformer des nouveauts. Les promotions sont bien prsentes et dcrites

Les points faibles: Les catgories des promotions sont limites Les fournisseurs ne peuvent pas s'inscrire ou ajouter leurs promotions Les promotions sont uniquement sur des produits tunisiens2.4. Promoalert

Figure 4: Etude de l'existant www.promoalert.comURL : www.promoalert.com

Description: PromoAlert est un site franais qui permet de guider les internautes des promotions du commerce traditionnel, il prsente les promotions des boutiques et magasins

Les points forts: Les promotions sont classs par des catgories et des sous-catgories ce qui facilite la recherche Les promotions sont bien prsentes et dcrites Les promotions peuvent tre prsentes sous forme de catalogue

Les points faibles: Le site ne contient pas des promotions internationales (les promotions dans la France uniquement) Il n'existe pas un moyen de recherche par mots-cls dans le site Les fournisseurs ne peuvent pas s'inscrire ou ajouter leurs promotions Les fournisseurs sont uniquement des boutiques, des magasins et des grandes surfaces2.5. Tunispromo

Figure 5: Etude de l'existant www.tunispromo.comURL : www.tunispromo.com

Description: Tunispromos s'impose comme la rfrence de la commercialisation promotionnelle. Une plateforme sur laquelle il est propos des offres promotionnelles exceptionnelles de plusieurs catgories : divertissements, mode et accessoires, meuble et dcoration, High Tech, lectromnager...

Les points forts: Possibilit de partager les promotions sur plusieurs sites tels que Facebook, Twitter, Google+, Blogger et l'envoyer galement par email Les promotions sont classs selon des catgories

Les points faibles: Les fournisseurs ne peuvent pas s'inscrire ou ajouter leurs promotions Les promotions ne sont ni bien prsentes, ni bien dcrites

2.6. Conclusion

Vu que les applications disponibles sur le march ne sont pas suffisantes, nous avons pens dvelopper une application en mettant l'accent sur la partie des fournisseurs, en incluant tous les types des promotions: de toutes les catgories et toutes les rgions.Nous avons pens aussi d'adapter le style Mtro qui facilite la consultation des pages du site sur les appareils mobiles et les tablettes.

3. Spcification des besoins

Dans cette partie, on explique en dtail ce que l'application est cense faire et ceci travers la spcification des besoins fonctionnels et non fonctionnels.

3.1. Spcification des besoins fonctionnels

La cration dun site web passe par l'laboration de deux parties, la premire partie concerne la cration et la mise en place des pages accessibles par tous les internautes (Front Office), la seconde partie c'est la configuration et la mise en place de l'espace dadministration (Back Office).Les pages accessibles par linternaute peuvent tre : Pages des promotions Page de recherche Page contact pour lenvoie de message. A traves lespace dadministration, ladministrateur du site web peut : Mettre jour la liste des promotions Gestion des utilisateurs (clients et commerants) Modifier ladresse e-mail pour lenvoie de message travers la page contact. Modifier le mot de passe daccs lespace dadministration. Consulter les statistiques du siteLes fonctionnalits du systme se compose donc de plusieurs parties:

3.1.1. Gestion des promotion

Le commerant peut grer ses promotions sur ses produits: les ajouter, les modifier et les supprimer.Ladministrateur est tenu de surveiller les publications et les commentaires des utilisateurs et vrifier leurs contenus. Si une publication viole les lois applicatives (favorise le piratage, de contenu violant, incitant la haine raciale, la vente ou change de drogues, les pages de phishing ou malware), ladministrateur peut la supprimer.

3.1.2. Gestion des utilisateurs

L'administrateur est capable de modifier les informations personnelles d'un utilisateur (client ou commerant) et de le dsactiver.

3.1.3. Evaluation des promotions

Un client inscrit et authentifi est capable de: Commenter les promotions pour donner des avis sur les produits ou les promotions Les options jaime et je naime pas Noter une promotion par toiles

3.1.4. Abonnement aux commerantsUn client inscrit est capable de s'abonner un commerant pour recevoir des alertes lorsque ce commerant partage une nouvelle promotion. Ces alertes peuvent tre sous forme d'un email ou galement un message sur son mobile.

3.1.5. Statistiques

Les statistiques de visite donnent ladministrateur les informations du trafic sur lapplication avec des indicateurs graphiques pour une priode donne: Lvolution du nombre de visites Lvolution du nombre de cliques pour chaque promotion et chaque commerant La provenance gographique des visiteurs Les pages les plus visites La dure des visites Les mots cls utiliss pour arriver lapplicationLe commerant peut consulter les statistiques qui concernent ses promotions: Le nombre quotidien de visites Le nombre quotidien de cliques sur chaque promotion Qualification des visiteurs par rgion, ge Les promotions les plus abonnes

3.1.6. Accs des utilisateurs

L'accs aux donnes et aux diffrentes pages se diffre selon les droits d'accs de chaque utilisateur et les tches qui est capable de faire afin de garantir la scurit des donnes. Ainsi, l'application doit rpondre aux exigences suivantes: Attribuer les droits d'accs par utilisateur Demande d'authentification chaque accs systme Adaptation de l'interface de travail selon les fonctionnalits ddies chaque utilisateur Expiration d'une session aprs 15 minutes d'inactivit

3.2. Spcification des besoins non fonctionnels

Ce sont des exigences qui ne concernent pas spcifiquement le comportement du systme mais plutt ils identifient des contraintes internes et externes du systme.Les principaux besoins non fonctionnels de notre application se rsument dans les points suivants: Performance Lapplication rpond toutes les exigences des internautes dune manire optimale

Fiabilit Bon fonctionnement de lapplication sans dtection de dfaillance

Rapidit Le dplacement entre les pages doit tre facile et rapide

Scurit Les comptes des utilisateurs sont scuriss par mot de passe (longueur, caractres spciaux, expiration, politique de rutilisation) Dconnexion aprs un tel temps dinactivit

Convivialit Un design clair Une bonne interface qui donne aux internautes lenvie dy utiliser Des notions faciles comprendre Respect de lergonomie Positionnement du contenu sur les pages de la manire la plus accessible

Portabilit Lapplication est multiplateforme: Elle fonctionne sur tout systme dexploitation Elle fonctionne sur tout type de terminal4. Conclusion

Cette premire partie de ce chapitre a t ddie une tude dtaille de l'application: son objectif, son fonctionnement et son environnement logiciel.On a consacr le premier mois de notre stage cette tude, ce qui nous a permis de bien comprendre l'environnement de l'application, son objectif ainsi que ses besoins fonctionnels et non fonctionnelsCette tude nous a permis de distinguer les diffrents points sur lesquels on va travailler et les technologies qu'on va utiliser pour raliser notre application.

CHAPITRE 3 : CONCEPTION

1. Introduction

Dans cette section, nous allons reproduire les diffrents besoins cits prcdemment mais sous la forme des diagrammes UML.

2. Vue fonctionnel du systme

2.1. Identification des acteurs

Les acteurs qui interagissent avec le systme sont:

L'administrateur : cest le responsable du bon fonctionnement du site

Linternaute : cest la personne qui visite le site pour rechercher des promotions sans inscription

Le client: cest lutilisateur inscrit qui consulte les promotions disponibles, il peut effectuer des recherches et des abonnements sur les promotions et les commerants

Le commerant: cest lutilisateur inscrit qui utilise lapplication pour promouvoir ses produits et informe les internautes de ses promotions

2.2. Diagramme des cas d'utilisation

Ce diagramme permet d'identifier les possibilits d'interaction entre le systme et les acteurs (intervenants extrieurs au systme). Il reprsente toutes les fonctionnalits que le systme doit fournir [Figure 6].

Figure 6: Diagramme des cas d'utilisation gnral

Sans authentification, l'internaute peut consulter les promotions disponibles et rechercher des promotions.Le client doit s'authentifier pour avoir accs aux fonctionnalits suivantes: le partage des promotions et l'valuation des promotions.Le commerant doit s'authentifier pour avoir accs aux fonctionnalits suivantes: la gestion de ses promotions et la consultation de ses statistiques.L'administrateur a le droit de grer les utilisateurs, supprimer les promotions, consulter les statistiques et traiter les factures des commerants.

2.3. Cas d'utilisation Grer les promotions

La figure ci-dessous [Figure 7] prsente le diagramme de cas d'utilisation Grer les promotions.

Figure 7: Diagramme de cas d'utilisation Grer les promotions

2.3.1. Cas d'utilisation Ajouter promotion

Acteur principal : Commerant

Objectif : Ce cas dutilisation vise dcrire toutes les tapes relatives lajout d'une promotion afin de la soumettre la validation de l'administrateur du site.

Pr-conditions : Le commerant doit tre authentifi.

Post-conditions : Une nouvelle promotion est ajoute la liste des promotions du commerant

Scnario nominal:1. Le commerant demande au systme la page de mise jour de ses promotions2. Le systme affiche la page ainsi que la liste des promotions et les diffrentes oprations possibles3. Le commerant choisit lopration dajout 4. Le systme affiche le formulaire d'ajout5. Le commerant remplit le formulaire et valide 6. Le systme met jour la liste des promotions et par dfaut la liste des promotions les plus rcentes

Scnario Alternatif: A1 : Dsactivation d'une promotion Aller a lopration qui suit 2 3- ladministrateur slectionne une news et valide la dsactivation 4- le systme dsactive laffichage de news dans la page de news et met jour la base de donnes A2 : Modification d'une promotion Aller a lopration qui suit 2 3- Ladministrateur slectionne une news et choisit lopration de modification 4- Aller lopration qui suit 4 A3 : Suppression d'une promotionAller a lopration qui suit 2 3- Ladministrateur slectionne une NEWS et choisit lopration de suppression. 6- le systme met jour la base de donnes

Scnario d'exception: E1 : Fermeture de session. Aller a lopration qui suit 2 et 4Le systme ferme la session aprs une priode dinactivit et invite le commerant sauthentifier nouveau

2.4.Cas d'utilisation Evaluer les promotions

La figure ci-dessous [Figure 8] prsente le diagramme de cas d'utilisation Evaluer les promotions.

Figure 8: Diagramme de cas d'utilisation Evaluer les promotions

2.5. Cas d'utilisation Grer les utilisateursLa figure ci-dessous [Figure 9] prsente le diagramme de cas d'utilisation Grer les utilisateurs.

Figure 9: Diagramme de cas d'utilisation Grer les utilisateurs

Le cas dutilisation Grer les utilisateurs englobe les oprations classiques qui peuvent tre excutes sur un utilisateur selon le type de ce dernier : Pour un client : Ajouter client Modifier client Dsactiver client Pour un commerant : Ajouter commerant Modifier commerant Dsactiver commerantUn client, ou galement un commerant, est capable de s'inscrire et modifier son compte.L'administrateur est capable d'ajouter, modifier et dsactiver un compte d'un client ou d'un commerant.

2.6. Cas d'utilisation S'authentifier

Acteur principal: Internaute

Objectif: Ce cas dutilisation vise dcrire toutes les tapes relatives lauthentification d'un utilisateur au niveau du serveur afin deffectue les diffrentes oprations correspondantes chaque utilisateur.

Pr-conditions: Disponibilit daccs au rseau Internet Serveur accessible 24 h/24h et 7j/7j Navigateur en bon tat de fonctionnement

Post-conditions: Accs ladministration du site ou du compte Ouverture dune session

Scnario nominal:1. L'internaute lance le navigateur 2. Linternaute tape ladresse URL du site3. Le systme affiche la page d'accueil4. L'internaute demande du systme la formulaire d'authentification5. Le systme affiche le formulaire dauthentification6. Linternaute saisit son adresse lectronique et le mot de passe et valide 7. Le systme vrifie l'adresse lectronique et le mot de passe.8. Le systme ouvre une session lutilisateur et affiche linterface daccueil

Scnario Alternatif: A2 : vrification du mot de passe au niveau du serveur Aller lopration qui suit 56-Le systme affiche un message derreur.Aller lopration 3

Scnario dexception : E1 : Erreur dans dadresse URL de ladministration Aller lopration qui suit 2 3- le navigateur affiche un message derreur E2 : Priode d'inactivit Le systme ferme automatiquement la session et invite lutilisateur sauthentifier nouveau.

2.7. Cas d'utilisation S'inscrire

Acteur principal: Internaute

Objectif: Ce cas dutilisation vise dcrire toutes les tapes relatives linscription d'un internaute afin deffectue les diffrentes oprations correspondantes chaque utilisateur soit client ou commerant.

Pr-conditions: Disponibilit daccs au rseau Internet Serveur accessible 24 h/24h et 7j/7j Navigateur en bon tat de fonctionnement

Post-conditions: Utilisateur inscrit et authentifi par une adresse lectronique et un mot de passe

Scnario nominal:1. L'internaute demande de sinscrire2. Le systme demande l'internaute de choisir le type du compte crer (compte client ou compte commerant)3. L'internaute choisit le type du compte4. Le systme affiche le formulaire dinscription5. L'internaute remplit les champs du formulaire puis il valide 6. Le systme vrifie si lutilisateur nest pas dj inscrit avec ladresse email donne puis enregistre le nouveau compte et envoie un email de confirmation linternaute

Scnario d'exception: Lors de la vrification, le systme trouve que l'internaute est dj inscrit.

2.8. Cas d'utilisation Consulter les promotions

Acteur principal: Internaute

Objectif: Ce cas dutilisation vise dcrire toutes les tapes relatives la consultation des promotions par linternaute.

Pr-conditions: Disponibilit daccs au rseau Internet Serveur accessible 24 h/24h et 7j/7j Navigateur en bon tat de fonctionnement Le systme en tat de fonctionnement.

Post-conditions: Page consulte

Scnario nominal: 1. Linternaute lance le navigateur. 2. Linternaute tape ladresse URL du site Web (le nom du domaine). 3. Le systme affiche la page daccueil o se trouvent les promotions les plus rcentes 4. L'internaute clique sur une promotion pour consulter sa description dtaille 5. Le systme affiche la page en consult.

Scnario d'exception: E1 : Erreur dans dadresse URL de ladministration Aller lopration qui suit 2 3- le navigateur affiche un message derreur

2.9. Cas d'utilisation Rechercher des promotions

Acteur principal: Internaute

Objectif: Ce cas dutilisation vise dcrire toutes les tapes relatives la recherche des promotions par linternaute.

Pr-conditions: Disponibilit daccs au rseau Internet Serveur accessible 24 h/24h et 7j/7j Navigateur en bon tat de fonctionnement Le systme en tat de fonctionnement.

Post-conditions: Page de rsultats affiche

Scnario nominal:1. L'internaute demande la page de recherche2. Le systme affiche la page de la recherche3. L'internaute choisit le mode de la recherche4. L'internaute choisit les critres de la recherche5. Le systme affiche la page des rsultats

3. Vue statique du systme

Le diagramme de classes exprime la structure statique du systme en terme de classes et de relations entre ces classes. L'intrt du diagramme de classes est de modliser les entits du systme d'information.Le diagramme de classes permet de reprsenter l'ensemble des informations finalises qui sont gres par le domaine. Ces informations sont structures, c'est dire qu'elles sont regroupes dans des classes.Le diagramme met en vidence d'ventuelles relations entre ces classes.Le diagramme de classes de notre application est le suivant [Figure 10] :

Figure 10 : Diagramme des classes

4. Vue dynamique du systme

4.1. Diagrammes de squence: acteur/systme (Scnarios d'utilisation)

Un diagramme de squence reprsente les objets participants une interaction particulire et les messages qu'ils changent, organis en squences horaires.

Authentification

La figure ci-dessous [Figure 11] prsente le diagramme de squence du systme du cas d'utilisation Authentification

Figure 11: Diagramme de squence d'authentification

InscriptionLa figure ci-dessous [Figure 12] prsente le diagramme de squence du systme du cas d'utilisation Inscription

Figure 12: Diagramme de squence d'inscription

Ajouter promotion

La figure ci-dessous [Figure 13] prsente le diagramme de squence du systme du cas d'utilisation Ajouter promotion

Figure 13: Diagramme de squence d'ajout d'une promotion

Recherche des promotions

La figure ci-dessous [Figure 14] prsente le diagramme de squence du systme du cas d'utilisation Recherche des promotions

Figure 14 : Diagramme de squence de recherche d'une promotion

4.2. Diagrammes de squence dtaills

Un diagramme de squence est un diagramme d'interaction qui expose en dtail la faon dont les oprations sont effectues.Ci-dessous, nous prsentons les diffrents diagrammes de squence dtaills:

Authentification

La figure ci-dessous [Figure 15] prsente le diagramme de squence dtaill du cas d'utilisation Authentification

Figure 15 : Diagramme de squence dtaill d'authentification

Inscription

La figure ci-dessous [Figure 16] prsente le diagramme de squence dtaill du cas d'utilisation Inscription

Figure 16 : Diagramme de squence dtaill de l'inscription

Ajouter promotion

La figure ci-dessous [Figure 17] prsente le diagramme de squence dtaill du cas d'utilisation Ajouter promotion

Figure 17 : Diagramme de squence dtaill d'ajout d'une promotion

Recherche des promotions

La figure ci-dessous [Figure 18] prsente le diagramme de squence dtaill du cas d'utilisation Recherche des promotions

Figure 18 : Diagramme de squence dtaill de la recherche des promotions

5. Conception dtaille de la base de donnes5.1. Modle conceptuel de donnes

5.2. Modle logique de donnesCe modle indique comment organiser les donnes. On reprsente le modle comme tant un ensemble de relations. On a des tables qui contiennent des champs (attributs). Le plus important est les relations entre les tables.

Ainsi, la traduction du modle conceptuel des donnes en modle logique se forme du schma conceptuel suivant:

Utilisateur (IdUtilisateur, emailUtilisateur, motdepasseUtilisateur, AdresseUtilisateur, CodePostalUtilisateur, VilleUtilisateur, PaysUtilisateur, datedenaissanceClient)Promotion(IdPromotion,TitrePromotion, DescriptionPromotion, DateDebutPromotion, DateFinPromotion, ReductionPromotion, AncienPrix, NouveauPrix, #IdCommercant)Commentaire(IdCommentaire, ContenuCommentaire, #IdClient, #IdPromotion)Aimer(IdAimer,IdClient, #IdPromotion)Notation(IdNotation,IdClient,#IdPromotion)Abonnement(IdAbonnement, #IdClient, #IdCommercant)

5.2. Dictionnaire de donnesLe tableau suivant illustre la liste exhaustive des diffrents attributs:

NomDsignationTypeLongueurIdentifiant

IdUtilisateurIdentifiant de l'utilisateurInteger50Oui

RoleUtilisateurRole de chaque utilisateur (Rle Client, Rle Commerant ou Rle Administrateur)String50Non

EmailUtilisateurEmail de l'utilisateurString50Non

MotdepasseUtilisateurMot de passe de l'utilisateurString50Non

NomClientNom du clientString50Non

PrenomClientPrnom du clientString50Non

DatedenaissanceClientDate de naissance du clientDateNon

TelClientStringString15Non

SexeClientSexe du client(Homme ou Femme)String1Non

AdresseClientAdresse du clientString50Non

CodepostalClientCode postal du clientInteger10Non

VilleClientVille du clientString50Non

PaysClientPays du clientString64Non

EtatcivilClientEtat civil du client (clibataire ou mari(e))String20Non

NombreenfantsNombre d'enfants du clientInteger2Non

Enfant1Intervalle de l'ge du 1er enfantString50Non

Enfant2Intervalle de l'ge du 2me enfantString50Non

Enfant3Intervalle de l'ge du 3me enfantString50Non

NomCommercantNom du commerantString50Non

DescriptionCommercantDescription de l'activit du commerantString100Non

AdresseCommercantAdresse du commerantString50Non

CodePostalCommercantCode postal du commerantInteger10Non

VilleCommercantVille du commerantString50Non

PaysCommercantPays du commercantString64Non

TelCommercant1Numro de tlphone du commerantString15Non

TelCommercant22me numro de tlphone du commerantString15Non

TelCommercant3me numro de tlphone du commerantString15Non

FaxCommercantFax du commerantString15Non

SitewebCommercantSite web du commerantString50Non

FacebookCommercantPage Facebook du commerantString50Non

TwitterCommercantPageTwitter du commerantString50Non

ImageCommercantImage du commerant (du local, de l'entreprise...)Image50Non

IdPromotionId de la promotionInteger50Oui

TitrePromotionTitre de la promotionString50Non

DescriptionPromotionDescription de la promotionString100Non

ConditionPromotionCondition de la promotionString100Non

CategoriePromotionCatgorie de la promotionString50Non

ReductionPromotionLe pourcentage de la rduction de la promotionIntegerNon

AncienPrixAncien prix avant la rductionIntegerNon

NouveauPrixNouveau prix aprs la rductionIntegerNon

DateDebutDate du dbut de la promotionDateNon

DateFinDate de la fin de la promotionDateNon

IdImageId de l'image de la promotionIntegerOui

SourceImageSource de l'imageString100Non

IdCommentaireId du commentaireIntegerOui

ContenuCommentaireContenu du commentaireString200Non

DateCommentaireDate du commentaireDateNon

IdAbonnementId de l'abonnementIntegerOui

IdAimerId de l'option aimerIntegerOui

IdNotationId de la notationIntegerOui

ValeurNotationValeur de la notation (nombre des toiles)IntegerNon

IdClicId du clic sur une promotionIntegerOui

DateClicDate du clicDateNon

6. Conclusion

Dans ce chapitre, nous avons prsent notre tude conceptuelle du systme. La vue fonctionnelle a t illustre par les diagrammes de cas dutilisation. Ensuite, la vue statique, ralise par le diagrammes des classes nous a permis de dfinir la structure du systme et de dgager les diffrentes entits le composant. Enfin, la vue dynamique nous a permis davoir une vue gnrale sur le droulement des cas dutilisation et leurs excutions, cette vue a t modlis par des diagrammes de squence du systme puis des diagrammes de squence dtaills afin de modliser linteraction des diffrents objets du systme et dcrivant ainsi son comportement. Dans le chapitre suivant, nous dtaillons quelques aspects de la ralisation.

Chapitre 4: Ralisation

1. Introduction

La phase qui suit une conception bien dtaille est ventuellement limplmentation. Le module additionnel sera implment en tant quune application web rpondant plusieurs exigences. En effet, le projet devrait tre orient objet, dvelopper en PHP et JavaScript et utiliser la base de donnes existante MySql.

2. Environnement technique

Il sagit dans cette partie didentifier les diffrentes caractristiques de lenvironnement matriel et logiciel qui nous ont servi limplmentation de notre application.

2.1. Environnement matriel

Les machines utilises pour raliser ce projet : Ordinateur portable HP qui dispose de la configuration suivante : Systme dexploitation : Windows 8; Processus Intel(R) Core(TM) i7 CPU; 8 Go de RAM; 1 To de disque dur Ordinateur portable HP qui dispose de la configuration suivante : Systme dexploitation : Windows 8; Processus Intel(R) Core(TM) i5 CPU; 6 Go de RAM; 750 Go de disque dur

2.2. Environnement logicielAfin de raliser notre site, nous avons eu recours MySQL comme serveur de notre base de donnes et NetBeans IDE 7.3[footnoteRef:1] comme outil de dveloppement. [1: Voir Annexe 4]

Le Framework Symfony 2 est l'environnement de travail qui sera utilis durant ce travail. Symfony 2 [Rf. 6] est un acronyme dsignant un ensemble de logiciels libres permettant de construire des serveurs de sites Web. L'acronyme original se rfre aux logiciels suivants : Windows , le systme d'exploitation Apache , le serveur Web MySQL , le serveur de base de donnes PHP , le langage de scriptPour la gestion des versions et le partage des fichiers entre les diffrents dveloppeurs dans la socit, ce sont SVN et Tortoise qui ont t retenus pour faciliter le travail en groupe.[footnoteRef:2] [2: Lenvironnement de dveloppement et partage de fichier seront dcrits dans lAnnexe 4]

3. Rgles mises en place

Afin de permettre au projet de se drouler convenablement et que tous puissent fonctionner de faon homogne, un certain nombre de rgles ont t mises en place. Dveloppement : Nom des variables Doit tre explicite quant lutilisation de celle-ci Si compose de plusieurs mots : le premier en minuscule, les suivants dbutent par une majuscule, pas de sparateur. Nom des fonctions Doit tre explicite quant lutilisation de celle-ci Si compose de plusieurs mots: le premier en minuscule, les suivants dbutent par une majuscule, pas de sparateurNom des classes Doit tre explicite quant lutilisation de celle-ci Si compose de plusieurs mots : En minuscule, chaque mot dbute par une majuscule, pas de sparateur. Systme : IDE (Environnement de Dveloppement) : Netbeans Systme dexploitation : Windows (install par dfaut sur les machines)

4. Dfinition : Style Mtro Metro est une nouvelle vague visuelle qui dferle sur le web. Des combinaisons de couleurs solides, des textes ancrs dans des formes gomtriques, un affichage clair, symtrique et pur, toutes ces techniques font partie de ce langage de design. Inspire par les symboles clbres des transports en commun (et en partie galement par le design classique suisse) cette forme desthtisme minimaliste permet de guider aisment lutilisateur et de focaliser son attention sur le contenu du site.[Rf.7]

5. ImplmentationLa ralisation de ce projet sest tendu sur trois phases programmes ds le dbut afin de pouvoir achever le projet dans le dlai prvu. Cration de la base des donnes Ralisation de la page d'accueil Ralisation de l'authentification Ralisation de l'inscription

5.1. Cration de la base des donnes

On a cre une base de donnes qui contient les tables suivantes: Utilisateur : pour enregistrer les informations relatives aux utilisateurs (clients, commerants et administrateur) Promotion : pour enregistrer les informations relatives aux promotions ImagePromotion : pour enregistrer les images des promotions Abonnement : pour enregistrer les abonnements des clients Commentaire : pour enregistrer les commentaires des clients Notation : pour enregistrer les notations des clients sur les promotions Aime : pour enregistrer les "aimes"/"likes" sur les promotions Clic : pour enregistrer les clics sur chaque promotion (pour les statistiques)

5.2. Ralisation de la page d'accueil

La figure suivante [Figure 19] montre les diffrentes composantes visibles de la page d'accueil de notre application ralise. Cette interface reprsente la page principale de notre application, elle se distingue des autres pages par le fait qu'elle est cense reprsenter, l'internaute visiteur, l'application sur lequel il se trouve de manire claire et forte [Rf. 8].

Figure 19 : Interface AccueilL'interface de la page d'accueil est compose des tuiles[footnoteRef:3] [3: Une tuile est l'lment emblmatique du style Mtro]

Les tuiles peuvent adopter deux formes : Les tuiles passives : elles ne font quafficher une icne fixe. Rien ne sert de les agrandir, elle ne feront que prendre plus de place sans rien apporter de plus, par exemple, la tuile de l'inscription [Figure 19] et la tuile de connexion [Figure 20]]

Figure 20 : Tuile de connexion

Figure 21 : Tuile d'inscriptionLes

Les tuiles vivantes : Sur la figure 19, on en dcouvre quelques unes mais faute davoir insrer une squence vido ou un gif anim il est difficile de voir lesquelles "bougent". Par exemple celle affichant les promotions gauche est une tuile vivante, son contenu change rgulirement, elle prsente en alternance les promotions les plus rcentes [Figure 22].

Figure 22 : Tuile des promotions

5.3. Authentification

Pour s'authentifier, l'internaute appuie sur le tuile "Connexion" et une barre de connexion s'affiche droite [Figure 23] : elle permet d'accder la page d'accueil en saisissant une adresse lectronique et un mot de passe attribus l'utilisateur en question ds sa cration en systme.

Figure 23 : Barre de connexion

Lorsque le client se connecte, il a l'accs une interface diffrente qui est compose des tuiles prsentes dans la figure ci-dessous [Figure 24].

Figure 24 : Interface ClientLorsque le client se connecte, il a l'accs une interface diffrente qui est compose des tuiles prsentes dans la figure ci-dessous [Figure 25].

Figure 25 : Interface commerant

Lorsque l'administrateur se connecte, il a galement l'accs une interface diffrente qui est compose des tuiles prsentes dans la figure ci-dessous [Figure 26]. Il peut consulter les promotions, les statistiques, la liste des clients et celle des commerants.

Figure 26 : Interface Administrateur

5.4. Inscription

Pour s'inscrire, l'internaute appuie sur la tuile s'inscription[footnoteRef:4] qui lui offre le choix du compte qu'il veut crer : compte client ou compte commerant [Figure 27]. [4: Voir Figure 20]

Figure 27 : Pop-up de choix d'inscription

Client : affichage du formulaire d'inscription d'un client Commerant : affichage du formulaire d'inscription d'un commerant Des contraintes de validation sont appliques sur les champs des formulaires afin de vrifier les valeurs entres. Un message d'erreur s'affiche au dessous du champ.Ci-dessous, on illustre des exemples d' erreurs traits dans le formulaire d'inscription [Figure 28].

Figure 28 :Contraintes du formulaire d'inscription5.5. Traitement des promotions

5.5.1. Gestion des promotions

Ds son authentification, le commerant peut ajouter des promotions.Le formulaire d'ajout d'une promotion [Figure 29] permet au commerant d'ajouter des informations sur la promotion qui sont accessibles par tous les internautes, alors, les informations doivent tre claires et simples.

Figure 29 : Formulaire d'ajout d'une promotion

5.5.2. Recherche des promotions

Figure 30 : Tuiles de rechercheOn a adapter plusieurs moyens de recherche dans l'application pour rendre la consultation des promotions plus facile et plus rapide pour les internautes: [Figure 30]. Les promotions les plus populaires sont les promotions les plus visite par les internautes Les promotions les plus rcentes sont les six promotions ajoutes rcemment par les commerants Les promotions les plus values sont les promotions qui possdent le plus grand nombre des commentaires, notations et aimes. Les promotions les plus proches ne sont accessibles que par le client inscrit et authentifi car on peut traiter l'affichage selon les informations de localisation qu'il possde.Les promotions sont classes des catgories [Figure 31], ce qui facilite aux internautes de trouver les promotions qu'ils cherchent facilement.

Figure 31 : Les catgories des promotionsLa recherche avance consiste chercher des promotions selon des critres spcifiques : les prix, les dates, les catgories, les fournisseurs... comme elle indique la figure suivant [Figure 32] :

Figure 32 : Interface de recherche avance6. Conclusion

Dans ce chapitre, on a prsent brivement les diffrents aspects dvelopps au cours du stage ; cration des tables ncessaires pour la base de donnes, ralisation des diffrentes interfaces graphiques et enfin implmentation des contrleurs.

Conclusion et perspectivesL'objectif vis travers ce rapport est de prsenter lapplication ralise au cours de notre stage de projet de fin dtude au sein de la socit Proxym-IT. Dans un premier temps, on a consacr nos rflexions ltude de lexistant, et on a critiqu les application existantes dans le march pour amliorer notre application. Cette tude nous a permis de passer une phase plus importante qui est : citer les besoins de la socit et les rpartir en besoins fonctionnels et non fonctionnels. Une phase de conception dtaille base sur UML et MVC, a prcd limplmentation de ce projet. En effet, on a pu, dans ce qui a rest du temps, dvelopper une interface qui rpond ventuellement aux exigences souligns pendant lanalyse et la conception. Certes, trois mois ne sont pas suffisants pour mener toute lapplication terme, mais la partie la plus complexe a t ralise et approuve par mes superviseurs. Au terme de ce travail, au cours duquel nous avons beaucoup appris, nous pouvons affirmer que ce stage a t enrichissant et plein dintrt. En effet lun des attraits du stage tait de pouvoir travailler sur des logiciels libres la pointe de la technologie. Durant ce stage, on a pu observer voir le droulement de la vie professionnelle et les difficults que rencontre chaque membre de la socit au quotidien pour faire voluer les projets. Chaque jour les membres de l'quipe alternent des tches d'organisation, de rflexion, de dbuggage, d'amlioration ou mme de documentation. Cela nous a permis de nous rendre compte des diffrentes tches auxquelles nous serons confront et que parfois la connaissance seule ne suffit pas pour rsoudre les problmes. Cela nous fait dire que rien n'est acquis et que le travail d'ingnieur est une formation et un apprentissage de tous les jours.

Rfrences

[Rf. 1] : http://www.siteduzero.com[Rf. 2] : http://www.developpez.com[Rf. 3] : http://www.metrouicss.com[Rf. 4] : http://www.webdesignertrends.com/2012/11/tendance-du-webdesign-windows-8metro-ui[Rf. 5] : [Rf. 6] : http://www.symfony.com[Rf. 7] : http://fr.wix.com/blog/2013/01/01/5-tendances-de-web-design/[Rf. 8] : http://fr.wikipedia.org/wiki/Page_d'accueil

A

53

Annexe 1

Outils de dveloppement

Symfony 2Symfony est un puissant framework. C'est un des frameworks les plus utiliss dans le monde, notamment dans les entreprises. La premire version de Symfony est sortie en 2005 et est aujourd'hui toujours trs utilise.La deuxime version, Symfony 2 est sortie en aot 2011,elle est dit par la socitSensioLabs, dont le crateur est Fabien Potencier.Symfony 2 est utilis pour dvelopper des applications Web en PHP rapidement, mais de faon structure et avec un code clair et maintenable en respectant l'architecture MVC (Modle - Vue - Contrleur).Les principales caractristiques de Symfony : Compatible PHP 5 totalement orient objet. Intgre larchitecture MVC et la mthode ORM. Licence MIT (tout ce qui est ralis avec Symfony peut tre vendu). Extensible et modulaire. Supporte ajax. Importante communaut trs active. Trs grand nombre de traductions. Conu pour une utilisation professionnelle.[http://www.comparatif-framework.com/symfony]

Annexe 2

Outils de conception

UML

UML ("Unified Modeling Language," ou "langage de modlisation objet unifi") est n de la fusion des trois mthodes qui ont le plus influenc la modlisation objet au milieu des annes 90: OMT, Booch et OOSE. Issu "du terrain" et fruit d'un travail d'experts reconnus, UML est le rsultat d'un large consensus. De trs nombreux acteurs industriels de renom ont adopt UML et participent son dveloppement. En l'espace d'une poigne d'annes seulement, UML est devenu un standard incontournable. La presse spcialise foisonne d'articles exalts et en croire certains, utiliser les technologies objet sans UML relve de l'hrsie. Lorsqu'on possde un esprit un tant soit peu critique, on est en droit de s'interroger sur les raisons qui expliquent un engouement si soudain et massif ! UML est-il rvolutionnaire ? L'approche objet est pourtant loin d'tre une ide rcente. Simula, premier langage de programmation implmenter le concept de type abstrait l'aide de classes, date de 1967 ! En 1976 dj, Smalltalk implmente les concepts fondateurs de l'approche objet : encapsulation, agrgation, hritage. Les premiers compilateurs C++ datent du dbut des annes 80 et de nombreux langages orients objets "acadmiques" ont tays les concepts objets (Eiffel, Objective C, Loops...). Il y a donc dj longtemps que l'approche objet est devenue une ralit. Les concepts de base de l'approche objet sont stables et largement prouvs. De nos jours, programmer "objet", c'est bnficier d'une panoplie d'outils et de langages performants. L'approche objet est une solution technologique incontournable. Ce n'est plus une mode, mais un rflexe quasi-automatique ds lors qu'on cherche concevoir des logiciels complexes qui doivent "rsister" des volutions incessantes. [http://laurent-piechocki.developpez.com/uml/tutoriel/lp/]

Annexe 3

Outils du design

Style Mtro

Mtro, c'est un design cr par Microsoft pour ses nouvelles plates formes. On le retrouve aussi bien pour linterface de Windows 8 que sur les tablettes Surface mais aussi sur les Smartphones bass sur la technologie Windows Phone. Les principes insuffls par cette interface moderne a donn des ides de nombreux designers. La preuve, on trouve plus en plus de sites inspir par le nouveau design de Microsoft. De plus avec le dploiement futur des nouvelles applications Metro, on peux rellement parler de tendance du design et du webdesign venir.

Avantages du style Mtro

Lunivers Metro est reconnaissable par quatre caractristiques fondamentales: la typographie, la mouvement, la mise en page de type grille et la simplicit.

La typographie : Principe de base de linterface, la typographie est mise au cur de lergonomique. Metro saffranchit ainsi des images et joue simplement avec diffrentes taille de typographie, de graisses et de jeux de couleurs. Couple avec des pictogrammes si besoin, mais toujours gre en tout simplicit. La police utilise par Metro est Sergoe UI, installe par dfaut sur les ordinateurs Windows.Le mouvement : Laspect lger et arien de linterface donne envie dy toucher ou dy cliquer pour provoquer le mouvement et ainsi naviguer travers les crans de manire horizontale. lutilisation, le mouvement offre une simplicit et une fluidit dutilisation facilement maitrisable. Le rafraichissement des applications en direct et les animations amnent de la vie linterface.Grille : Pour pouvoir tre adapt sur diffrentes rsolutions et plates-formes, le design a t pens de manire fluide. Le responsive design est la solution idale pour avoir le mme rendu partout. La grille est mise en place pour servir de base a ce systme de redimensionnement. Avec ce principe clair bien tabli, il est facile de crer des mises en pages dapplications Metro.Tout est prvu niveau design, la grille permet un zoning prcis selon les utilisations : par exemple une page de dtail possde un gros titre en haut, avec un fil darianeUn listing est prsent avec une suite de carr. De plus cest elle qui contribue donner cet effet ar et clair.Simplicit : Sinscrivant totalement dans la modernit, linterface laisse de cot tout les principes de design amen sur les OS prcdents (Windows 7 et bien avant). Ici pas de rfrences au physique ou au rel. Les pavs de couleurs caractristiques et les icnes simples en aplats de couleur replacent les icnes dtailles comme en peux en trouver dans les interfaces Apple par exemple. Laccent est mis avant tout sur le contenu.

Inconvnients du style Mtro

Le style plat du design ne permet pas lutilisateur didentifier facilement ce qui est cliquable. Le nouveau design sacrifie lergonomie sur lautel de la diffrenciation par rapport aux interfaces graphiques traditionnelles

Facilement adaptable sur le web, les outils et ressources disponibles pour le webdesign Metro fleurissent dailleurs de plus en plus.[http://www.webdesignertrends.com]

Annexe 4

Environnement de dveloppement

1. Netbeans IDE 7.3

NetBeans est un projet open source ayant un succs et une base d'utilisateur trs large, une communaut en croissance constante, et prs 100 partenaires mondiaux et des centaines de milliers d'utilisateur travers le monde. Sun Microsystems a fond le projet open source NetBeans en Juin 2000 et continue d'tre le sponsor principal du projet.L'EDI Netbeans 7.3est un environnement de dveloppement, c'est un outil pour les programmeurs pour crire, compiler, dboguer et dployer des programmes. Il est crit en Java, mais peut supporter n'importe quel langage de programmation. Il y a galement un grand nombre de modules pour tendre l'EDI NetBeans.[https://netbeans.org/index_fr.html]

2. TortoiseSVN

TortoiseSVN est un client open-source gratuit pour le systme de contrle de version Subversion. C'est--dire TortoiseSVN gre des fichiers et des rpertoires travers le temps. Les fichiers sont stocks dans un rfrentiel central. Le rfrentiel ressemble beaucoup un serveur de fichiers ordinaire, sauf qu'il se rappelle chaque changement jamais fait vos fichiers et rpertoires.

Cela vous permet de rcuprer les versions prcdentes de vos fichiers et examiner l'historique de comment et quand vos donnes ont chang. C'est pourquoi beaucoup de personnes pensent que Subversion et les systmes de contrle de version en gnral sont une sorte de machine remonter le temps . Quelques systmes de contrle de version sont aussi des systmes de gestion de configuration logicielle (GCL). Ces systmes sont spcifiquement conus pour grer des arborescences de code source et ont beaucoup de fonctionnalits spcifiques au dveloppement de logiciel - comme la comprhension de langages de programmation en natif, ou des outils d'approvisionnement pour construire le logiciel. Subversion, cependant, n'est pas un de ces systmes ; c'est un systme gnral qui peut tre utilis pour grer n'importe quelle collection de fichiers, y compris du code source.[http://tortoisesvn.net/docs/nightly/TortoiseSVN_fr]