Rapport de projet
Contents
1. 15 3 3 16 3 4 ane M 18 2222 Gestion d Profil 19 cs 20 Rapport d activit nU aM RIP 21 4 1 Cycle de d veloppements botes bak ge Ve Rhen 21 Pantalon 22 4 3 M thodes et outils d 22 IV Table des figures Figure 1 Arborescence des fichiers nues nie 5 Figure 2 Diagramme de 6 Figure 3 Table 7 Table si E E R 7 Figure 5 Diagramme UseCase d un utilisateur voulant modifier son arbre 8 Figure 6 Diagramme d activit s de la modification des donn es d un individu dans la ta ni 9 Figure 7 FACE de traits bestiis 10 Figure 8 Fonction 1s valide 10 Figure 9 Impression d cran d une erreur lors de la modification des donn es d un 10 Figure 10 Fonction Recherch 2 uv tec 11 Figure 11 Traitement du formulaire de contact 13 Figure 12 Inscription lre tape 14 Fig re 13 26 tape ssn ea2. 6 58 if GdMere P getnum individu 11 59 ArGdPere GdMere Individu GetIndividuByNumIndividu GdMere P gt getnum individu 69 61 62 if GdMere P getnum individu mere null 63 ArGdMere GdMere P Individu GetIndividuByNumIndividu GdMere P getnum individu mere 64 65 66 67 Parents du grand pere maternel 68 if isset GdPere M 59 if GdPere M getnum individu pere null 70 ArGdPere GdPere M Individu GetIndividuByNumIndividu GdPere M getnum individu 71 72 73 if GdPere_M gt getnum individu mere null 74 ArGdMere GdPere Individu GetIndividuByNumIndividu GdPere M gt getnum individu mere 75 76 77 78 Parents de la grand m re maternelle 79 if isset GdMere M 80 if GdMere M gt getnum individu 011 81 ArGdPere GdMere Individu GetIndividuByNumIndividu GdMere M gt getnum individu 8 83 8 if GdMere_M gt getnum individu null es ArGdMere GdMere M Individu GetIndividuByNumIndividu GdMere M getnum individu mere 86 87 88 include Vue mon_ arbre user php 8 0 Helse 91 include Vue mon arbre interdit php 92 93 94 include footer php 95 2 gt Annexe 2 Vue mon arbre 36 37 3B 39 40 41 42 43 4 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69
3. M UNIVERSIT MONTPELLIER 2 MONTPELLIER VA Rapport de projet Site de g n alogie participative R alis par Marl ne GUILLEMETTE et Morgane VIDAL Sous la direction de Alain SABATIER Pour l obtention du DUT informatique Ann e universitaire 2012 2013 II Remerciements Nous tenons remercier M Sabatier de nous avoir aid es et conseill es tout au long de la r alisation de notre projet Mme Mami pour l aide qu elle nous a fournie pour la r alisation des diagrammes et Mme Gelsomino pour nous avoir aid es r aliser le rapport de projet Nous remercions galement M Ga tan Chabert pour l aide qu il nous a fournie pendant le d veloppement de notre site web Enfin nous remercions nos proches pour leur participation la phase de test du site Sommaire 1 Cahier des 2 EM a de co 2 1 2 Besoins g n raux des 2 1 5 Analyse des besoins fonctionnels nes 2 1 4 Analyse des besoins non fonctionnels 3 Rapport teeinIQqUE a usan SURE ne 5 2 1 L arcbaecture du 5 2 2 1 1 des donn es due 5 2 08004 Pr Dp MENTOR 8 24 Sn 11 Mon Profil 12 2 5 Larobrnqgued POLVERE UL 13 Manuel d 14 14 225
4. adi E a 14 Figure 14 nn 14 153 Connexion Ie anne ea ean 15 Figure 16 Connexion 15 Figure 17 Connexion 08 15 Figure 18 Formulaire pour ajouter une personne 16 Figure 19 Modification d une p rsonne ees 16 Figure 20 Suppression d un 2 2 2 17 Figure 21 Impression de LagBre iu uuo ee din 17 Figure 22 Formulaire de recherche aae ee diem 18 Figure 23 Resultats de la recherche iu ooi sobre toi 18 Figure 24 Mom Profil 19 Figure 25 Tableau r capitulatif des informations personnelles 19 Figure 26 Gestion profil 19 Figure 27 Organisation du d veloppement sheet 21 Glossaire Les termes d finis dans ce glossaire sont identifiables dans le corps du texte au moyen d un ast risque G n alogie participative Les utilisateurs du site pourront cr er leur arbre et consulter les arbres des autres utilisateurs s ils en ont la permission Design pattern Recueil de bonnes pratiques de conception pour un certain nombre de probl mes r currents en programmation orient e objet VI Site de g n alogie
5. 15 Pere Individu GetIndividuByNumIndividu Moi getnum individu 16 17 18 Grands parents c t pere 19 5 on a le pere on peut maintenant cr er les grands parents du c t paternel 20 21 if Pere gt getnum individu mere null 22 GdMere P Individu GetIndividuByNumIndividu Pere gt getnum individu 23 24 25 if SPere getnum individu null 26 GdPere P Individu GetIndividuByNumIndividu Pere getnum individu 27 28 29 30 31 Grands parents de la mere 32 if isset sMere la mere on peut maintenant cr er les grands parents du c t maternel 33 1 34 if Mere gt getnum individu mere null 35 GdMere Individu GetIndividuByNumIndividu Mere gt getnum individu 36 37 38 if SMere getnum individu pere null 39 GdPere Individu GetIndividuByNumIndividu Mere gt getnum individu 40 41 42 43 ARRIERES GRANDS PARENTS 44 45 Parents du grand pere paternel 46 if isset GdPere P 47 if GdPere_P gt getnum individu pere null 48 ArGdPere GdPere P Individu GetIndividuByNumIndividu GdPere P getnum individu 49 50 51 if GdPere_P gt getnum individu null 52 ArGdMere GdPere P Individu GetIndividuByNumIndividu GdPere P getnum individu mere 53 54 55 56 Parents de la grand mere paternelle 57 if
6. 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 BB 89 80 91 92 93 94 95 96 97 98 99 100 101 102 104 lt div id Pere class tree gt lt div class tree box title gt Mon p re lt div gt if isset Pere lt div class tree box informations lt span class tree box informations title Pr nom lt span gt lt span class tree box informations value gt lt php echo Pere gt getprenom 2 gt lt gt div lt div class tree box informations lt span class tree box informations title Nom la naissance lt span gt lt span class tree box informations value gt lt php echo Pere getnom 2 gt lt gt lt div gt php if Pere gt getnom actuel null 2 gt lt div class tree box informations gt lt span class tree box informations title gt Nom actuel lt span gt lt span class tree box informations value gt lt php echo Pere gt getnom actuel gt lt gt lt div gt lt php 2 gt lt php if Pere gt getprofession null 2 lt div class tree box informations lt span class tree box informations title gt Profession lt span gt lt span class tree box informations value php echo Pere gt getprofession 2 gt lt gt lt div gt lt php 2 gt lt php if Pere getdate naissance 0000 00 00 lt div class tree
7. Pr paration de la base de donn es avec Windesign Initiation php et mysql 7 8 8 1011 13 15 16 D veloppement du site Pr paration du rapport pr liminaire E Pr paration de la base de donn es avec Windesign PERRET lien o D veloppement du site de test Finalisation R sum Notre projet de r alisation de site de g n alogie participative a pour but de permettre la cr ation d un arbre g n alogique son dition son impression et son partage avec les autres membres du site Les internautes doivent donc pouvoir s inscrire sur le site modifier leur compte acc der tout ce qui touche leur arbre et pouvoir rechercher dans les donn es du site des arbres d j existants cr s par d autres utilisateurs Notre site a t d velopp en suivant le mod le MVC mod le vue contr leur Il utilise en plus des langages basiques HTML CSS le langage PHP et des requ tes SQL car notre site repose sur un outil PhpMyAdmin qui nous a permis de rassembler toutes les donn es relatives notre site Mots cl s G n alogie participative arbre g n alogique PHP SQL MVC partage Summary Our project is to realize a genealogy website and to allow its users to create their own genealogic tree They should also have the possibility to edit it print it and share it with the other users re
8. Vidal et Guillemette Marl ne 2 6 La rubrique d aide 2 6 1 Conception La rubrique d aide est indispensable notre site pour permettre tous les utilisateurs qu ils soient invit s ou membres de t l charger le manuel d utilisation et de pouvoir contacter le cr ateur du site par mail en cas de probl me 2 6 2 R sultat Le fait de permettre le t l chargement du manuel d utilisateur n a pas t tr s difficile g rer En effet 1 suffit de faire un lien vers le fichier plac dans le dossier Download Le formulaire de contact est un formulaire basique Lors du traitement du formulaire on va envoyer le contenu saisi par l internaute au cr ateur du site 1 lt 2 titre Envoi mail include header php if POST nom amp amp empty S POST emaii amp amp empty POST message sage b POST emaii X Mailer PHP phpversion mail Sto Ssujet Scorps Sheaders 13 include Vue traitement contact php E elsei 17 include Vue formulaire non rempli php 20 include footer php 2128 95 Figure 11 Traitement du formulaire de contact On commence par v rifier que tous les champs ont bien t remplis S ils ont bien t remplis on va pr parer les l ments n cessaires pour utiliser la fonction mail On d finit le destinataire le sujet du mail qui sera l objet choisi par l utilisateur lorsqu il a rempli le form
9. avons ainsi pu r aliser plusieurs diagrammes sur lesquels nous nous sommes appuy es tout au long de la r alisation du projet La seconde tape fut la cr ation des pages du site web Nous avons donc bien suivi les diagrammes que nous avions produits afin de r pondre aux besoins d finis auparavant Durant cette tape nous avons effectu en parall le des test des pages que nous tions en train de cr er afin de pouvoir rectifier les erreurs le plus t t possible et donc nous viter d avoir reprendre tout le code de notre site lors de la phase de tests finaux Apr s avoir cr tout le site web la phase suivante concernait les tests finaux du site web Cette phase est cruciale dans le d veloppement car elle permet de v rifier l absence d erreurs qui pourraient g ner l utilisateur Par exemple un mauvais affichage peut perdre l utilisateur dans le site Pendant cette p riode nous avons donc enti rement test le site web nous avons test chaque page du site ainsi que toutes les fonctionnalit s que proposait notre site Des personnes ext rieures au projet ont aussi particip la r alisation des tests afin que nous ayons le plus de cas de figure diff rents En effet ces personnes ext rieures au projet et au monde de la programmation n ont pas le m me contexte perceptif que nous et donc ont 21 Site de g n alogie participative Morgane Vidal et Guillemette Marl ne permis de constater des nouveaux l ments g na
10. box informations lt span class tree box informations title Date de naissance lt span gt lt span class tree box informations value php echo Pere getdate 2 gt lt gt lt div gt lt php p lt div class tree box informations gt php if Pere getdate mort 0000 00 00 gt lt span class tree box informations title gt Date de mort lt span gt lt span class tree box informations value gt php echo Pere gt getdate_mort 2 gt lt gt php 1 2 gt lt div gt lt div class tree box _informations gt lt span class tree box informations title gt Sexe lt span gt lt span class tree box informations value gt lt php echo Pere getsexe 2 gt lt gt lt div gt lt a href Controleur modification arbre user php id php echo Pere gt getnum individu gt gt Modifier ses donn es lt a gt lt a href Controleur suppression personne arbre user php id lt php echo Pere getnum individu gt gt Supprimer cette lt gt lt php else lt a href Controleur ajout personne arbre php idenfant lt php echo Moi getnum individu amp lien pere Ajouter cette personne mon arbre lt a gt Annexe 3 Fonction supprimelndividu 242 243 244 fonction qui supprime un individu donn et tous ses ascendants public static function supprimeIndividu num individu Et
11. le lien supprimer cette personne dans le cadre qui est propre l individu que vous souhaitez supprimer Pr nom G raldine Nom la naissance Duras Profession Dentiste Sexe femme Modifiers Supprimer cette personne Figure 20 Suppression d un individu 3 3 4 Imprimer l arbre Pour imprimer votre arbre il faut consulter votre arbre en cliquant sur l onglet mon arbre Ensuite il vous suffit de cliquer sur le bouton impression situ en haut de la page Vous pourrez ainsi r gler les param tres sp cifiques votre imprimante dans la petite fen tre qui s ouvrira Print Printer Name Samsung CLX 3170 Series Status Ready Type Samsung CLX 3170 Series Where FILE Comment Print to file Print range Copies Number of copies Pages from 1 Selection Figure 21 Impression de l arbre 17 Site de g n alogie participative Morgane Vidal et Guillemette Marl ne 3 4 La recherche Vous avez construit votre arbre et vous voulez voir si d autres personnes n ont pas un anc tre commun avec vous Vous vous rappelez que votre grand m re citait un certain Adrienne Duras mais vous voudriez avoir plus d informations sur cette personne m me si vous n tes pas s r de l orthographe de son nom Il vous faudra alors aller dans la rubrique Recherche et saisir le nom de famille que vous souhaitez rechercher Mon profil Plan
12. leur 2 1 2 R sultat d Controleur 29 12 2012 18 41 File folder L Download 29 12 2012 18 41 File folder 1 Image 29 12 2012 18 41 File folder 4 Modele 29 12 2012 18 41 File folder d Vue 29 12 2012 18 41 File folder connection php 29 12 2012 18 41 PHP File 1 footer php 29 12 2012 18 41 PHP File 1 print css 29 12 2012 18 41 CSS File 2 KB style css 29 12 2012 18 41 CSS File 5 KB Figure 1 Arborescence des fichiers Dans les dossiers Controleur Modele et Vue nous avons respectivement les contr leurs les mod les et les vues Dans le dossier Download il y a le manuel de l utilisateur qui est t l chargeable sur le site dans la rubrique Aide Le dossier Image comprend toutes les images qui apparaissent sur le site Le fichier connexion n est pas dans un des dossiers cit s avant car il contient le script permettant de se connecter la base de donn es Le fichier footer est le pied de page de toutes les pages du site Les deux pages de style print et style sont des fichiers au format css La feuille de style s intitulant style permet la mise en forme du texte et des images sur tout le site La feuille de style print va servir uniquement lors de l impression de l arbre g n alogique 2 2 L enregistrement des donn es 2 2 1 Conception Le diagramme de classes de notre projet est relativement simple puisque nous avons la fin seulement deux classes Comme le montre
13. participative Morgane Vidal et Guillemette Marl ne Introduction De nos jours le nombre de Fran ais s int ressant leur g n alogie est en constante augmentation La g n alogie est la pratique qui a pour objet la recherche de l origine et des liens entre les personnes et les familles Sur internet nombreux sont les sites et logiciels libres permettant de cr er son propre arbre g n alogique Ces outils proposent l utilisateur d enregistrer les membres de sa famille dans son arbre Ces sites et logiciels sont parfois difficiles d utilisation et ne permettent g n ralement pas de partager l arbre cr et de consulter les arbres des autres membres Rem dier ces probl mes repr sente donc le c ur de notre projet Le projet que nous avons r alis cherche travers la cr ation d un nouveau site de g n alogie participative et le d veloppement de fonctionnalit s plus pouss es propres notre site am liorer la structure et l utilisation des outils d j disponibles sur le net Dans une premi re partie nous d crirons la conception du cahier des charges qui regroupe les besoins des utilisateurs et les objectifs du site Puis nous pr senterons le rapport technique dans lequel toutes les tapes de la conception et du d veloppement sont explicit es De ce fait nous montrerons les diff rents choix que nous avons effectu s les difficult s techniques que nous avons rencontr es et les erreurs concep
14. traits pour html5 canvas asp l arbre g n alogique Conclusion L objectif principal de notre projet tait de cr er un site de g n alogie participative Pour cela il tait n cessaire de g rer la cr ation modification et suppression des arbres De plus il tait aussi n cessaire de permettre la recherche dans la base de donn es d un arbre partir du nom de sa racine Nous avons g r les fonctionnalit s de base d un site classique en plus des fonctionnalit s propres la g n alogie participative Notre site de g n alogie participative r pond bien au cahier des charges G n al est finalement un site facile d utilisation fluide et agr able utiliser En effet le minimalisme au niveau des couleurs rend le site attrayant et adapt tous types d internautes Les fonctionnalit s demand es sont bien pr sentes sur le site Ce projet nous a permis d am liorer nos comp tences en programmation web en algorithmie gr ce la r cursivit Nous avons galement appris utiliser des fonctions php et JavaScript que nous n avions jamais vu auparavant De plus au niveau de la planification nous avons pu analyser les erreurs que nous avions faites au d part De ce fait nous saurons mieux g rer nos projets sur du long terme Nous avons galement appris utiliser des logiciels que nous ne connaissions pas comme GanttProject Toutefois afin d optimiser le site il y a plusieurs fonctionnalit s
15. une personne il est logique de supprimer tous ses anc tres en m me temps La logique est la suivante si la personne supprimer poss de un p re ou une m re enregistr s dans la base de donn es alors on va appliquer la fonction supprimer ses anc tres Lorsqu il n y a plus d anc tres supprimer alors on supprime la racine de l arbre c est dire la personne qu on voulait supprimer la base Sinon si la personne n a pas d anc tres on supprime uniquement cette personne de la base de donn es Pour cr er le bouton permettant l impression de l arbre nous avons du cr er une nouvelle feuille de style qui s applique lors de l impression Cette feuille de style permet de d finir quels l ments ne doivent pas tre imprim s en les rendant invisibles Par exemple les liens pour modifier ou supprimer une des personnes de l arbre ne devront pas tre imprim s 2 3 2 R sultat Dans l annexe 1 on peut voir le contr leur de la page mon arbre Le contr leur sert instancier les variables Par exemple si la racine de l arbre poss de un p re alors on va r cup rer toutes les informations dans la base de donn es sur ce p re Ensuite dans la vue annexe 2 nous afficherons ses donn es Si le p re n a pas t instanci dans le contr leur alors s affiche un lien vers un formulaire pour ajouter son p re son arbre Pour les traits entre les membres de l arbre nous avons utilis l l ment canvas prop
16. 5 Connexion 1re tape Il vous suffit ensuite de saisir votre adresse mail et votre mot de passe Plan du site Aide ACCUEIL RECHERCHE MON ARBRE Connexion Adresse Mot de passe Figure 16 Connexion 2e tape Si la connexion s est bien pass e la page suivante figure 17 s affiche site Aide ACCUEIL RECHERCHE MON ARBRE Bienvenue Laura g gmail fr Figure 17 Connexion r ussie Si cette fen tre ne s affiche pas vous avez fait une erreur en saisissant votre adresse mail ou votre mot de passe Un message d erreur s affichera et vous faudra remplir nouveau le formulaire de connexion 15 Site de g n alogie participative Morgane Vidal et Guillemette Marl ne 3 3 Mon arbre 3 3 1 Ajouter une personne mon arbre Vous tes inscrit et vous d sirez maintenant pouvoir construire votre arbre g n alogique Vous aurez le choix entre commencer par ajouter votre p re ou votre m re Pour cela il faudra cliquer sur un des liens entour s en rouge dans l annexe 4 Ces liens vous redirigeront vers un formulaire cf figure 18 qu il vous faudra remplir Les champs qui ne sont pas obligatoires pourront tre remplis plus tard lorsque vous aurez r ussi trouver les donn es qu il vous manquait Mon profil Plan du site ACCUEIL RECHERCHE MON ARBRE Pour ajouter cette personne votre arbre veuillez remplir ce formulaire Pr nom Nom de famill
17. Individu Individu GetIndividuByNumIndividu num individu l individu supprimer poss de un p re ou une m re qui ont t saisis par l utilisateur on passe dans cette boucle if Individu gt getnum individu pere null Individu gt getnum individu mere null if Individu gt getnum individu pere null si l individu poss de un pere Individu supprimeIndividu Individu getnum individu on applique la fonction supprimer au p re pour supprimer les anc tres de p re if Individu gt getnum individu mere null si l individu poss de une mere Individu supprimeIndividu Individu getnum individu mere on applique la fonction supprimer au p re pour supprimer les anc tres de ce quand les parents de l individu ont t supprim s req DELETE FROM Individu WHERE num individu Individu getnum individu mysql query req or die mysql error on remets z ro les attributs num individu pere et num individu mere pour l enfant de l individu req mysql query SELECT FROM Individu WHERE num individu pere num individu if data mysql fetch mysql query UPDATE Individu SET num individu pere null WHERE num individu data num individu or die mysql req mysql query SELECT FROM Individu WHERE num individu mere num individu if data mysql fetch array mysql qu
18. Sexe femme Pr nom Alain Nom la naissance Hech Profession H b niste Sexe homme Sa m re Pr nom Huguette Nom la naissance stou Nom actuel Hech Sexe femme Pr nom Jeannot Nom la naissance Dury Profession Jardinier Sexe homme Pr nom Amandine Nom la naissance Selmani Sexe femme Pr nom Boris Nom la naissance Vian Profession Matelot Sexe homme Sa m re Pr nom Laura Nom la naissance Tricor Profession Couturi re Sexe femme Annexe 6 Premier diagramme de gantt GANTT gt lt project 12 October 2012 du rapport pr liminaire Pr paration du rapport pr liminaire Analyse du sujet cr ation des diagrammes Initiation php et mysql Initiation php et mysql D veloppement du site Pr paration du rapport pr liminaire Analyse du sujet cr ation des diagrammes Initiation php et mysql D veloppement du site Phase de test Pr paration du rapport pr liminaire Analyse du sujet cr ation des diagrammes Initiation php et mysql Finalisation VIII Annexe 7 Diagramme de Gantt id al 25 59 C T 4 2012 October 2012 November 2012 Pr paration du rapport pr liminaire
19. alyse des besoins des futurs utilisateurs De m me nous avons pu constater que la phase de d veloppement du site web nous pris plus de temps que pr vu ce qui veut dire que nous aurions d pr voir plus de temps pour le d veloppement du site web et peut tre moins de temps sur la partie initialisation PHP et MySQL voire supprimer carr ment cette partie En effet nous n avions pas pris en compte dans notre diagramme de Gantt la pr sence de la semaine web qui a rendu inutile la phase d initialisation pr vue Enfin alors que nous avions pr vu d effectuer tous les tests apr s avoir enti rement programm le site web nous avons finalement d cid de tester le site web au fur et mesure des pages cr es De cette facon lors de la phase de tests nous avons eu beaucoup moins d erreurs corriger que si nous n avions pas effectu ses tests au fur et mesure De ce fait la phase de tests finale nous a surtout permis l optimisation ergonomique du site Le planning que nous aurions d respecter et qui aurait t plus juste aurait donc t celui se trouvant en annexe 7 4 3 M thodes et outils de travail Afin de r aliser un travail efficace nous avons d cid de nous r partir les r les et de diviser notre travail de fa on quitable afin que nous fassions autant de choses l une que l autre Ainsi nous avons commenc tout d abord par d cider ensemble quoi ressemblerait notre site web et nous avons d fini les
20. bien ces trois l ments dans la premi re boucle if Ensuite on va v rifier la validit de chacun de ces l ments en utilisant la fonction checkdate Cette fonction retournera faux si le mois est bien compris entre 1 et 12 si le jour est compris dans l ensemble des jours du mois correspondant et si l ann e est bien valide fonction qui permet de v rifier que la date ins r e est valide public static function is valide date date sep Et if list syear month day explode sep date en fonction du separateur et de la chaine date on arrive pas avoir une liste de la forme year return false return checkdate month day year cr e une date valide en fonction de month year date Figure 8 Fonction is valide date Le site dispose de messages d erreur sp cifiques et cibl s Par exemple lorsqu une personne veut modifier les donn es qu elle avait enregistr es pour un de ces pr d cesseurs un message d erreur cibl la pr vient si elle a oubli de remplir un champ Cf figure 9 Veuillez modifier les donn es incorrectes Pr nom Nom de famille la naissan Nom de famille actuel Veuillez compl ter ce champ Profession Dentiste Date de naissance 1992 12 11 Date de mort AAAA MM 1 Sexe Femme Enregistrer les modifications Figure 9 Impression d cran d une erreur lors de la modification des donn es d un individu 10 month sday S
21. ce 1998 12 11 Figure 25 Tableau r capitulatif des informations personnelles 3 5 2 Modifier ses donn es personnelles Pour modifier vos donn es personnelles il vous faudra utiliser le lien situ juste en dessous du tableau r capitulatif Nom de naissance Duval Durant Ann annette d gmail fr Peintre Date de naissance 1998 12 11 Vous voulez modifier vos donn es Cliquez ici Vous voulez vous d connecter Cliquez ici Vous voulez supprimer d finitivement votre compte Cliquez ici Figure 26 Gestion profil 19 Site de g n alogie participative Morgane Vidal et Guillemette Marl ne Dans la figure 26 vous pouvez voir que c est le premier lien en dessous du tableau Lorsque vous aurez cliqu sur ce lien vous acc derez un formulaire pr rempli avec vos donn es actuelles Vous n aurez plus qu modifier les donn es incorrectes puis cliquer sur enregistrer les modifications 3 5 3 Se d connecter Pour se d connecter il suffit de cliquer sur le deuxi me lien en dessous du tableau cf figure 26 Apr s avoir cliqu sur ce lien vous serez d connect et vous aurez un statut d invit sur le site faudra vous reconnecter pour pouvoir acc der votre arbre votre profil et la page de recherche 3 5 4 Supprimer mon compte Pour supprimer votre compte il vous suffira de cliquer sur le troisi me et dernier lien de la page de votre profil cf figure 26 Lorsqu
22. des pages du site Si la personne visitant le site n est pas connect e elle aura acc s aux pages pour s inscrire et se connecter Aide Cette rubrique mettra disposition des utilisateurs des moyens de contacter l administrateur du site Elle permettra ventuellement aux utilisateurs de t l charger le manuel d utilisation 1 3 3 Besoins des membres Lorsque l internaute se sera connect plusieurs rubriques se rajouteront au premier menu Recherche Cette rubrique permettra aux utilisateurs de rechercher d autres personnes sur le site et de consulter leur arbre si celles ci ont accept de le partager Mon arbre Cette rubrique permet de consulter diter et imprimer son arbre g n alogique Dans le deuxi me menu une autre rubrique apparaitra Mon profil Cette rubrique vous permettra de modifier vos informations personnelles vous d connecter et enfin supprimer votre compte Le site fera des rapprochements ventuels entre les familles inscrites sur le site gr ce la page recherche qui pour un nom donn renvoie toutes les personnes inscrites sur le site ayant un nom similaire Le membre pourra ensuite consulter son arbre 1 4 Analyse des besoins non fonctionnels 1 4 1 Sp cifications techniques Nous avons d cid d utiliser WinDesign et Modelio afin de r aliser les diagrammes Pour le calendrier pr visionnel nous avons utilis GanttProject qui est un logiciel qui permet de faire des diagrammes de Gan
23. diff rentes fonctionnalit s que nous voulions que notre site web propose De ce fait nous avons d fini le cahier des charges et les diagrammes gr ce 22 Site de g n alogie participative Morgane Vidal et Guillemette Marl ne Windesign Modelio et GanttProject Puis nous avons divis quitablement notre travail Nous travaillions chacune de notre c t puis nous nous r unissions afin de mettre notre travail en commun Lors de ces r unions nous en profitions pour discuter des ventuels probl mes que nous avions par rapport la programmation de certains aspects de notre site web et nous nous montrions mutuellement ce que nous avions fait Pour changer notre travail individuel distance notamment pendant les vacances ou les week ends nous avons utilis notre messagerie lectronique et Skype 23 Bibliographie sitographie OUVRAGES CONSULTES Mergnac Marie Odile Ma g n alogie Archives amp Culture 2011 pages consult es p 65 71 SITES INTERNET CONSULTES Adresse de la page Date de Type de site Information recherch e consultati on www siteduzero com 03 11 2012 Site communautaire Gestion des formulaires www siteduzero com 09 11 2012 Site communautaire Cr ation du menu https kuler adobe com 20 11 2012 Site de construction Choix de couleurs pour le site de chartes graphiques http www w3schools com html 08 12 2012 Site communautaire Cr ation des
24. du site Aide ACCUEIL RECHERCHE MON ARBRE Figure 22 Formulaire de recherche Apr s avoir cliqu sur rechercher un tableau contenant tous les r sultats s affichera Mon profil Plan du site Aide ACCUEIL RECHERCHE MON ARBRE R sultats de votre recherche Durant Ann 1998 12 11 Voir l arbre Duras Duraso Arnaud i 1993 12 10 femme Voir l arbre Dura Durat Jean 1993 12 11 femme Voir l arbre Durato Dura Julien 1975 11 05 femme Voir l arbre Durass Durass Adrienne 1985 01 05 femme Voir l arbre Figure 23 R sultats de la recherche Il vous suffira alors de cliquer sur voir l arbre pour consulter l arbre de chaque personne trouv e Dans l annexe 5 vous trouverez une impression d cran d un exemple d arbre consult suite une recherche 18 Site de g n alogie participative Morgane Vidal et Guillemette Marl ne 3 5 Gestion du profil 3 5 1 Consulter mon profil Pour consulter votre profil il vous faudra cliquer sur l onglet mon profil situ en haut droite de toutes les pages du site Mon profil Plan du site Aide ACCUEIL RECHERCHE MON ARBRE Figure 24 Mon profil Ensuite vous pourrez consulter un tableau r capitulatif de toutes vos donn es personnelles Nom de naissance Duval Nom actuel Durant Prenom Ann Email annette d gmail fr Profession Peintre Date de naissan
25. e la naissance Nom de famille actuel Nom apr s mariage Profession Date de naissance AAAA MM JI Date de mort AAAAMM Sexe Femme v Les champs suivis d une toile sont obligatoires Figure 18 Formulaire pour ajouter une personne l arbre Apr s avoir cliqu sur enregistrer vous serez redirig vers la page de votre arbre Il faudra proc der de cette fa on pour ajouter tout les membres de votre famille votre arbre 3 3 2 Modifier un des membres de mon arbre Pour modifier une des personnes de l arbre il faut cliquer sur modifier cette personne dans le cadre de la personne modifier Ma m re Pr nom G raldine Nom la naissance Duras Sexe femme Modifier ses donn es pprimer eette p rsonne 1 Figure 19 Modification d une personne 16 Site de g n alogie participative Morgane Vidal et Guillemette Marl ne Vous serez dirig sur un formulaire pr rempli avec les donn es que vous aviez enregistr pour cet individu Il ne vous restera plus qu corriger les valeurs ou rajouter celles qui manquent puis vous pourrez enregistrer ces modifications en cliquant sur enregistrer les modifications Apr s enregistrement vous serez redirig sur votre arbre 3 3 3 Supprimer un des membres de l arbre Pour supprimer un individu de votre arbre il vous faut consulter votre arbre en cliquant sur l onglet mon arbre Il vous suffira ensuite de cliquer sur
26. e vous cliquez sur le lien la suppression de votre compte se fait automatiquement Attention cette op ration est irr versible 3 6 Aide 3 6 1 Le manuel de l utilisateur Le manuel de l utilisateur est t l chargeable sur le site dans la rubrique Aide Lorsque vous cliquerez sur T l charger le manuel s ouvrira sous forme de PDF 3 6 2 Le plan du site Le sitemap est accessible dans la rubrique plan du site Ce plan du site comporte des liens vers toutes les pages du site 3 6 3 Le formulaire de contact Si malgr ce manuel et le plan du site vous n avez pas trouv de solution vos probl mes vous pouvez contacter le cr ateur du site en remplissant le formulaire pr sent dans la rubrique d aide 20 Site de g n alogie participative Morgane Vidal et Guillemette Marl ne 4 Rapport d activit 4 1 Cycle de d veloppement Pour le d veloppement de notre site web nous avons d cid de suivre un mode it ratif Comme on peut le voir dans le sch ma suivant le d veloppement de notre site web s est divis en plusieurs tapes pu tests finaux analyse gt programmation Figure 27 Organisation du d veloppement La premi re tape a t l laboration de tous les sc narios en utilisant des diagrammes adapt s Nous avons de ce fait analys les besoins des futurs utilisateurs du site web ainsi que les diff rents sc narios qui pouvaient avoir lieu partir de cette analyse nous
27. ersonne s inscrivant sur le site renseignera son pr nom son nom nom de naissance et nom actuel sa profession optionnel sa date de naissance son sexe son adresse mail et enfin son mot de passe Il devra galement choisir quel param tre de confidentialit il pr f re soit son arbre g n alogique sera visible par les autres utilisateurs soit il sera priv Chaque utilisateur pourra pr ciser qui est son p re et sa m re et donc par extension pr ciser les parents des membres de sa famille L arbre se construira donc au fur et mesure des ajouts que fait l utilisateur Certaines informations sont n cessaires pour ajouter une personne son arbre le pr nom de la personne son nom de naissance et son sexe D autres informations sont optionnelles le nom de famille actuel de la personne sa profession sa date de naissance de d c s 1 3 2 Besoins de l invit Pour un invit il y aura deux menus pr sents sur toutes les pages Le premier menu s agrandira lorsque vous serez connect En tant qu invit vous ne verrez qu une rubrique 2 Site de g n alogie participative Morgane Vidal et Guillemette Marl ne Accueil Cette rubrique pr sentera bri vement le site Elle comprend un lien vers le formulaire d inscription et vers celui de connexion Le deuxi me menu propose deux rubriques si l internaute est invit Plan du site Cette rubrique permettra l internaute d avoir un aper u de la totalit
28. ery UPDATE Individu SET num individu mere null WHERE num individu data num individu or die mysql Annexe 4 Ins rer mes parents dans l arbre Ajouter cette personne mon arbre 4 Nom la naissance Duval Nom actuel Durant Profession Peintre Date de naissance 1338 12 11 Sexe femme jouter cette personne mon arbre VI Annexe 5 Arbre de r sultat Pr nom Adrienne Nom la naissance Durass Nom actuel Durass Date de naissance 1985 01 05 Sexe femme Mon grand p re paternel Pr nom Jean Baptiste Nom la naissance Durass Profession Peintre Date de naissance 1370 10 04 Sexe homme Mon pere Pr nom Nom la naissance Durass Profession Joailler Sexe homme Ma grand m re paternelle Pr nom Jeanine Nom la naissance Hech Nom actuel Durass Sexe femme Mon grand p re maternel Pr nom Jean Nom la naissance Dury Profession Plombier Sexe homme Ma m re Pr nom Fran oise Nom la naissance Dury Nom actuel Durass Sexe femme Ma grand m re maternelle 3 Pr nom Martha Nom la naissance Vian Nom actuel Durass Profession Botaniste Sexe femme VII Pr nom Yvon Nom la naissance Durass Profession Libraire Sexe homme Pr nom Ursula Nom la naissance Poujas Nom actuel Durass Profession Peintre
29. gistered on the website Net users can connect themselves to the website modify their personal information access to everything that concerns their tree and research in the website s date trees that already exist and that were created by other users Our website was developed following the Model View Controller architecture In addition to basic languages like html and css our website was also developed using php and mysql queries since we decided to use phpmyadmin which helps us collect and save all the data needed for our website Key words Participative genealogy genealogy tree PHP SQL MVC sharing
30. ien vers un formulaire pour ajouter cette personne l arbre Pour ins rer un individu l arbre il faut remplir un formulaire Avant d enregistrer les donn es saisies par l utilisateur on proc de plusieurs v rifications des donn es On va d abord v rifier que les champs obligatoires ont t remplis soit le pr nom et le nom Ensuite on v rifie la coh rence des donn es les dates doivent tre au format valide AAAA MM JJ Ensuite on enregistre l individu dans la base de donn es Lors de la modification d un des individus de l arbre on veut v rifier que l utilisateur n a pas ins r des donn es aberrantes ou oubli de remplir des champs obligatoires Comme 8 Site de g n alogie participative Morgane Vidal et Guillemette Marl ne vous pouvez le constater dans la Figure 6 si ces deux conditions ne sont pas valid es on renvoie l utilisateur sur le formulaire pour qu il proc de une correction O Page de formulaire remplir pour modifier l individu Champ obligatoire non rempli N Q Date invalide O Page de traitement des donn es ins r es Modification dans la base de donn es Figure 6 Diagramme d activit s de la modification des donn es d un individu dans la base de donn es Pour permettre aux utilisateurs de supprimer un des membres de leur famille de leur arbre g n alogique nous avons du cr er un algorithme r cursif En effet lorsqu on supprime
31. ite de g n alogie participative Morgane Vidal et Guillemette Marl ne Pour supprimer un individu d un arbre nous avons galement cr une fonction visible dans l annexe 3 Cette fonction va tre r cursive car on souhaite que la suppression d un individu entraine la suppression de tous ses anc tres Tout d abord on va commencer par cr er un objet individu partir du num individu de l individu supprimer afin de pouvoir lui appliquer des fonctions propres cette classe Ensuite on va regarder si la personne qu on veut supprimer poss de des parents qui ont t cr s et enregistr s par l utilisateur S il en poss de on veut galement les supprimer C est pourquoi on va galement leur appliquer la fonction supprimer Apr s avoir fait cela dans la premi re requ te on supprime l individu de la base de donn es Ensuite on va r initialiser les attributs individu pere et num individu mere de l enfant de l individu supprim L impression de l arbre se fait gr ce la fonction window print qui est une m thode JavaScript Nous avons cr une feuille de style print css qui est rendue sp cifique pour le rendu de l imprimante gr ce l attribut media print Dans cette feuille de style nous avons d cid d afficher uniquement l arbre sans les liens pour ajouter supprimer ou modifier les membres Nous avons donc du cacher les liens le header et le bouton d impression gr ce au param tre display mi
32. la figure 2 ci dessous la classe Individu a 5 Site de g n alogie participative Morgane Vidal et Guillemette Marl ne tous les attributs n cessaires pour enregistrer une personne dans un arbre g n alogique La classe Utilisateur elle va servir enregistrer les donn es li es aux personnes s inscrivant sur le site La classe Utilisateur h rite de la classe Individu puisqu un utilisateur va aussi apparaitre dans un arbre g n alogique et donc avoir les m mes attributs que les autres membres de l arbre Individu num individu string prenom string nom naissance string nom actuel string 0 1 profession string E date naissance date Mere mort date sexe string num id pere string num id mere string Pere Utilisateur ad mail individu string mdp string confidentialite boolean id arbre string num individu string Figure 2 Diagramme de classes Un individu est caract ris par un num ro d individu qui est donc la cl primaire de cette table Le num individu est g n r par la fonction uniqid et permet d tre s r que tous les individus ont un identifiant unique Le num id pere et le num id mere sont les identifiants du p re et de la m re de l individu Un utilisateur est d fini par son adresse mail En effet il est impossible de cr er plusieurs comptes avec la m me adresse Pour des raisons de s curit nous
33. le sexe return users Figure 10 Fonction RechercheArbre 11 Site de g n alogie participative Morgane Vidal et Guillemette Marl ne Cette m thode est visible dans figure ci dessus et comme vous pouvez le voir n cessite une requ te SQL assez complexe Cette fonction prend en param tres le nom rechercher dans la base de donn es On va donc faire une jointure de la table Individu et Utilisateur afin de pouvoir r cup rer comme r sultat un tableau d individus puisque nous voulons afficher la fin les informations des individus obtenus par la recherche et bien videmment un lien vers leur arbre La jointure se fera sur l attribut num individu Dans le WHERE nous avons utilis LIKE pour obtenir dans les r sultats toutes les personnes dont le nom est compos du nom recherch et non pas uniquement ceux qui ont exactement le m me nom Il ne faut pas oublier la derni re condition que notre requ te doit prendre en compte le fait qu on n affichera que les personnes qui ont accept que l on partage leurs informations et leur arbre C est pourquoi dans la requ te on voit qu il est demand que le param tre de confidentialit de l utilisateur soit r gl 0 Ensuite on place les r sultats obtenus par la requ te dans un tableau deux dimensions La premi re dimension est le num ro de l individu car on obtient plusieurs individus La seconde dimension regroupe tous les attributs comme le nom de naissa
34. nce le nom marital le pr nom la profession la date de naissance et le sexe La fonction va ensuite retourner le tableau Pour l affichage des r sultats on n aura plus qu lire toutes les valeurs retourn es par cette fonction 2 5 Mon profil 2 5 1 Conception La rubrique mon profil est tr s utile pour les membres car elle leur permet de modifier leurs donn es personnelles de se d connecter et galement de supprimer d finitivement leur compte La suppression de compte n cessite une suppression dans la table Utilisateurs ainsi qu une d connexion Il parait logique que lorsqu on supprime son compte on se d connecte galement en m me temps 2 5 2 R sultat Nous avons d cid de vous expliquer quelques morceaux de code propres aux fonctionnalit s offertes par la rubrique mon profil Pour permettre au membre de se d connecter nous avons simplement utilis session destroy Cette m thode propre PHP va supprimer les donn es associ es la session en cours Pour permettre la modification des donn es d un membre nous avons utilis une simple requ te SQL comportant un UPDATE qui permet de mettre jour les donn es du membre en question Et enfin pour la suppression d finitive des comptes nous avons utilis une requ te DELETE pour supprimer l utilisateur de la table Utilisateur ainsi qu un session destroy qui permet la d connexion 12 Site de g n alogie participative Morgane
35. ne stockons pas les mots de passe en clair dans notre base de donn es Nous avons choisi de les crypter avant de les enregistrer dans la base de donn es gr ce la fonction md5 L attribut confidentialit est un bool en puisque l utilisateur n a le choix qu entre deux options rendre son arbre visible aux autres utilisateurs ou le garder priv Enfin l id arbre correspond l identifiant de l arbre de l utilisateur Ainsi dans la table utilisateur on a acc s tous les identifiants des arbres Le num individu dans la table Utilisateur est une cl trang re Elle permet de faire le lien entre l utilisateur et l individu Site de g n alogie participative Morgane Vidal et Guillemette Marl ne 2 2 2 R sultat Pour manipuler les donn es nous avons donc cr deux tables dans notre base de donn es Ces deux tables sont visibles dans les figures suivantes 3 et 4 Champ Type Interclassement Attributs Null D faut Extra Action num individu varchar 200 latin swedish ci Non Aucun 2 X prenom varchar 70 latini swedish ci Non Aucun EX 71 nom naissance varchar 70 latin swedish Non Aucun profession varchar 150 latin1_swedish_ci Non Aucun nom actuel varchar 70 latini swedish ci Non Aucun A date naissance date Non Aucun date_mort date Non Aucun Ex sexe varchar 10 latin swedish Non Aucun num individu pe
36. nts que nous n avions pas remarqu s Durant cette p riode nous avons pu constater quelques erreurs notamment des erreurs d affichage que nous avons ensuite rectifi Nous avons galement facilit la navigation sur le site afin d en am liorer la fluidit 4 2 Planification Au cours de la r alisation de notre site web nous avons pu constater que nous n avons pas r ellement suivi le planning que nous avions r alis visible dans l annexe 6 En effet au d but de la r alisation de notre site web nous nous sommes rendu compte que nous avions fait une erreur dans notre analyse de d part ce qui voulait dire que la base de donn es que nous avions cr e n tait pas correcte nous avons donc d recr er notre base de donn es Notre erreur tait d avoir cr une table Arbre qui s est r v l e inutile et redondante puisque nous avions d j l identifiant de l arbre dans la table Utilisateur De m me alors que th oriquement nous devions commencer la phase de test partir du 5 d cembre nous n avions ce moment l pas encore fini la phase de d veloppement du site web Nous n tions donc pas dans les temps par rapport notre calendrier pr visionnel Cette exp rience nous a permis de prendre conscience que le planning pr visionnel que nous avions r alis tait loin d tre parfait En effet nous aurions d accorder plus de temps au d part pour la conception des diff rents diagrammes et pour l an
37. onfidentialit que vous choisirez ne seront pas modifiables Veillez aussi bien remplir les champs obligatoires Plan du site ACCUEIL RECHERCHE MON ARBRE Remplissez le formulaire suivant pour vous inscrire Pr nom Nom de famille la naissance de famille actuel Nom apr s mariage Exemple 1993 12 10 Femme Les autres utilisateurs peuvent consulter mon arbre Les champs suivis d une toile sont obligatoires Figure 13 Inscription 2e tape Si tout se passe bien vous serez connect au site sur votre nouveau compte Plan du site ACCUEIL RECHERCHE MON ARBRE Vous avez bien t inscrit Figure 14 Inscription r ussie 14 Site de g n alogie participative Morgane Vidal et Guillemette Marl ne 3 2 Connexion La connexion sur le site est galement accessible d s la page d accueil Pour vous connecter il suffit de cliquer sur Connectez vous Plan du site Aide ACCUEIL RECHERCHE MON ARBRE Bienvenue sur G n al G n al est un site de g n alogie participative cr par Vidal Morgane et Guillemette Marl ne Ce site permet ses utilisateurs de facilement faire leur arbre g n alogique et de consulter les arbres des autres utilisateurs Si vous tes perdu vous pouvez acc der au plan du site ou la page d aide qui comprend un manuel d utilisateur t l chargeable et un formulaire de contact pour r pondre toutes vos questions Figure 1
38. os par html5 Cet l ment peut contenir des l ments graphiques qu il faut ensuite tracer l aide des m thodes en JavaScript 9 Site de g n alogie participative Morgane Vidal et Guillemette Marl ne les traits vers mon context beginPath context moveTo 110 578 context lineTo 260 578 context stroke context beginPath context moveTo 110 578 context lineTo 110 975 context stroke 1 Figure 7 Trac de traits Pour tracer un trait par exemple on commence par dire que l l ment qu on va tracer va tre un trait gr ce l instruction context beginPath Ensuite on pr cise le point d origine du trait avec l instruction context moveTo x y et le point d arriv e du trait avec context lineTo x y Les variables x et y sont les coordonn es des points par rapport la page L instruction context stroke va tracer le trait pr c demment d fini Dans notre cas nous avons du tracer un trait vers chacun des membres devant tre affich s dans l arbre Pour v rifier la validit d une date nous avons du cr er une fonction sp cifique Cette fonction est visible dans la figure ci dessous figure 8 La fonction is valide date prend en param tres la date valider Pour v rifier si la date est valide on va couper la date envoy e en trois l ments s par s par le s parateur Ces trois l ments sont l ann e le mois et le jour On v rifie donc qu il y a
39. que nous aurions pu ajouter Par exemple on pourrait proposer l utilisateur de construire son arbre sur un nombre de g n rations infini en lui proposant lorsqu il est sur son arbre de pouvoir centrer l arbre sur un de ses arri res grands parents L arri re grand parent concern deviendrait alors la racine de l arbre On pourrait donc lui ajouter des parents des grands parents etc Une autre fonctionnalit qui aurait t possible d ajouter est le fait qu un utilisateur puisse faire plusieurs arbres g n alogiques Il aurait fallu ajouter une table Arbre car un simple attribut n aurait plus suffit II Annexes Annexe 1 Contr leur mon arbres IV 2 gt mon BIDEB Annexe 3 Fonction supprimelndividu eese VI Annexe 4 Ins rer mes parents dans l arbre VI Annexe S Arbre de sultan ndlr VII Annexe 6 Premier diagramme de Pantera VII Annexe 7 Diagramme de Gantt IX Annexe 1 Contr leur mon arbre 1 lt php 2 include header php 3 include Modele utilisateur php 4 5 f jif isset SESSION urilisateur 6 Moi Utilisateur GetIndividuByAdmail SESSION utilisateur 7 8 On traite les parents 9 10 if Moi gt getnum individu mere null 11 Individu GetIndividuByNumIndividu Moi getnum individu 12 13 14 if Moi gt getnum individu pere null
40. re varchar 200 latin swedish ci Non Aucun Ex mum individu mere varchar 200 latin swedish ci Non Aucun X Im Figure 3 Table Individu Champ Type Interclassement Attributs Null D faut Extra Action admailindividu varchar 70 latini swedish ci Non Aucun X mdp varchar 50 latini_swedish ci Non Aucun SX confidentialite tinyint 1 Non Aucun J X R id arbre varchar 200 latini swedish ci Non Aucun num individu varchar 200 latini swedish Non Aucun SJ X m Figure 4 Table Users Si BI BI BEBE BE NS RI Rd NS NS Site de g n alogie participative Morgane Vidal et Guillemette Marl ne 2 3 Les arbres 2 3 1 Conception Un utilisateur peut consulter son arbre modifier des membres pr c demment ajout s sur l arbre les supprimer en ajouter et enfin imprimer son arbre Modifier arbre Modifier les Utilisate donn es d un individu Supprimer un individu de l arbre Imprimer l arbre Figure 5 Diagramme UseCase d un utilisateur voulant modifier son arbre Pour un individu il y a deux ascendants directs son p re et sa m re Chaque individu a donc dans ses attributs le num ro de sa m re et le num ro de son p re Lorsqu on veut afficher l arbre d une personne il suffit donc de prendre la racine de cet arbre c est dire la personne dont on veut voir l arbre Si son p re ou sa m re a t cr on affiche ses informations Sinon on affiche un l
41. s la valeur none 2 4 La recherche 2 4 1 Conception La page de recherche pour but de permettre aux utilisateurs de rechercher les anc tres qu ils pourraient avoir en commun avec les autres utilisateurs Pour ce faire il a t n cessaire de faire une fonction qui recherche des noms semblables celui saisi par le membre dans la base de donn es en tenant compte des param tres de confidentialit des utilisateurs 2 4 2 R sultat Apr s avoir r cup r le nom saisi par l utilisateur l aide d un formulaire on utilise une m thode RechercheArbre qui pour un nom donn va nous renvoyer un tableau des individus dont le nom correspond au nom recherch ou en est compos M thode qui pour un nom donn va r cuperer dans la bd tous les utilisateurs ayant un nom semblable E public static function RechercheArbre nomcherche req SELECT i res mysql_query req or requete users Array cr ation d un tableau on utilise un tableau plusieurs dimensions pour pouvoir r cuperer les infos de tous les utilisateurs r pondant la recherche B while Stuple mysql fetch 5 users Stuple num divid E Susers Stuple nun users Stuple n S users Stuple Susers Stuple Susers S tuple S users S tuple num du tuple m individu e tuple ais tuple no 1 Stuple _naissance tuple date naissance 1 tup
42. tt Pour communiquer entre nous et discuter du projet nous avons d cid d utiliser Skype Nous avons galement utilis nos messageries institutionnelles afin d changer des pages de code Nous ferons le code de notre site en utilisant plusieurs langages HTML PHP mySQL et CSS Nous utiliserons ventuellement quelques fonctions en JavaScript Notre site sera enti rement r alis en suivant le design pattern MVC Notre site sera conforme la norme W3C W3C est un site qui valide la construction des pages web Site de g n alogie participative Morgane Vidal et Guillemette Marl ne 1 4 2 Aspects ergonomiques Pour plus de fluidit dans la navigation l utilisateur pourra retourner la page d accueil partir de n importe quelle page Notre site web sera bien s r accessible tous les internautes et sera donc par cons quent facile d utilisation pour permettre aux personnes de tout ge de s en servir Site de g n alogie participative Morgane Vidal et Guillemette Marl ne 2 Rapport technique 2 1 L architecture du site 2 1 1 Conception Nous avons d cid de construire notre site en suivant une architecture MVC MVC mod le vue contr leur est un design pattern qui permet de s parer les donn es leur pr sentation et leur traitement C est donc un mod le qui permet de mieux organiser le code du site Nous avons choisi de trier les pages de code dans trois dossiers diff rents Mod le Vue et Contr
43. tuelles que nous avons du corriger par la suite Ensuite nous pr senterons le manuel d utilisation adress aux futurs utilisateurs de notre site web Et enfin nous rendrons compte de la planification et de l organisation travers le rapport d activit Site de g n alogie participative Morgane Vidal et Guillemette Marl ne 1 Cahier des charges 1 1 Sujet Mettre en place un site de g n alogie capable de stocker plusieurs familles d imprimer des arbres sous plusieurs formats et de faire des rapprochements ventuels entre des familles diff rentes sur des anc tres communs 1 2 Besoins g n raux des utilisateurs Les utilisateurs du site pourront soit tre connect s on les appelle alors des membres soit naviguer sur le site sans connexion pr alable on les appelle alors des invit s Il n y a pas d administrateur donc pas de back office sur le site 1 2 1 Besoins de l invit Les invit s pourront s inscrire sur le site et donc se connecter d connecter du site 1 2 2 Besoins des membres Les membres auront la possibilit de rechercher facilement une autre personne inscrite sur le site si celle ci a accept qu on regarde son arbre Lorsqu ils auront trouv la personne qu ils recherchaient ils pourront consulter leur arbre Chaque membre devra pouvoir acc der son arbre pouvoir le modifier et pouvoir l imprimer 1 3 Analyse des besoins fonctionnels 1 3 1 Fonctionnalit s communes Chaque p
44. ulaire de contact le corps qui sera le message que l utilisateur veut envoyer et enfin on d finit tous les l ments additionnels mettre dans l en t te du mail On va pr ciser l envoyer du mail dans chaque mail L instruction X Mailer PHP phpversion ajout e l ent te permet d viter les filtres de spam Il suffit ensuite d utiliser la m thode php mail en pr cisant tous les param tres n cessaires ligne 23 Si l internaute n a pas rempli les champs on lui envoie un message d erreur 13 Site de g n alogie participative Morgane Vidal et Guillemette Marl ne 3 Manuel d utilisation 3 1 L inscription L inscription sur notre site est accessible d s la page d accueil Pour vous inscrire il suffit de cliquer sur Inscrivez vous Plan du site Aide ACCUEIL RECHERCHE MON ARBRE Bienvenue sur G n al est un site de g n alogie participative cr par Vidal Morgane et Guillemette Marl ne Ce site permet ses utilisateurs de facilement faire leur arbre g n alogique et de consulter les arbres des autres utilisateurs Si vous tes perdu vous pouvez acc der au plan du site ou la page d aide qui comprend un manuel d utilisateur t l chargeable et un formulaire de contact pour r pondre toutes vos questions Figure 12 Inscription 1re tape Ensuite il faudra remplir le formulaire suivant Attention votre adresse mail votre mot de passe et le param tre de c
Download Pdf Manuals
Related Search