26
Présentation du projet 1

I) Présentation de linstitut et du projet II) Les différentes parties du projet 1) Partie « kit graphique » 2) Partie « espace de stockage » 3) Partie

Embed Size (px)

Citation preview

Page 1: I) Présentation de linstitut et du projet II) Les différentes parties du projet 1) Partie « kit graphique » 2) Partie « espace de stockage » 3) Partie

Présentation du projet

1

Page 2: I) Présentation de linstitut et du projet II) Les différentes parties du projet 1) Partie « kit graphique » 2) Partie « espace de stockage » 3) Partie

Sommaire

2

I) Présentation de l’institut et du projet

II) Les différentes parties du projet

1) Partie « kit graphique »2) Partie « espace de stockage »3) Partie « formulaire de contact » et « partenaires »4) Partie « actualités »5) Partie « aide »

III) Conformité du site aux normes

IV) Conclusion

Page 3: I) Présentation de linstitut et du projet II) Les différentes parties du projet 1) Partie « kit graphique » 2) Partie « espace de stockage » 3) Partie

Présentation de l’institut

3

- Groupe d’Intérêt Spécifique (GIS) a été créé au début de l’année 1995.

- Fédérer les actions concernant l’optimisation des moyens de suppléance et d’insertion pour handicapés ou personnes âgées.

• Présentation de l’institut

Présentation du projet

• Présentation du projet

- Refonte complète du site de l’IRRH.

- Redonner à l’IRRH un nouvel élan et créer un dynamisme.

Page 4: I) Présentation de linstitut et du projet II) Les différentes parties du projet 1) Partie « kit graphique » 2) Partie « espace de stockage » 3) Partie

Partie « kit graphique »

4

- Améliorer considérablement l’aspect visuel du site.

• Objectifs à atteindre

- Proposer un design sobre, clair et en rapport avec la thématique du Nord.

- Développer l’accessibilité du site à travers une navigation plus intuitive.

- Intégrer un système de diapositive permettant l’interaction avec le visiteur.

Page 5: I) Présentation de linstitut et du projet II) Les différentes parties du projet 1) Partie « kit graphique » 2) Partie « espace de stockage » 3) Partie

Partie « kit graphique »

5

Page 6: I) Présentation de linstitut et du projet II) Les différentes parties du projet 1) Partie « kit graphique » 2) Partie « espace de stockage » 3) Partie

Partie « espace de stockage »

6

- Création d’un espace de stockage en ligne.

• Objectifs à atteindre

- Permettre aux chercheurs ainsi qu’à l’administrateur du site de déposer des fichiers.

- Mettre en place un système de restriction des droits.

- Intégrer un système de validation (modération) et publication des fichiers.

Page 7: I) Présentation de linstitut et du projet II) Les différentes parties du projet 1) Partie « kit graphique » 2) Partie « espace de stockage » 3) Partie

7

Partie « espace de stockage »

Page 8: I) Présentation de linstitut et du projet II) Les différentes parties du projet 1) Partie « kit graphique » 2) Partie « espace de stockage » 3) Partie

8

Partie « espace de stockage »

Page 9: I) Présentation de linstitut et du projet II) Les différentes parties du projet 1) Partie « kit graphique » 2) Partie « espace de stockage » 3) Partie

9

- Mettre en place un système d’envoi d’email entre visiteur et administrateur du site.

• Objectifs à atteindre

- Permettre au visiteur de joindre du contenu à leur message.

- Intégrer une sécurité anti-spam (captcha).

- Consulter l’historique de tous les messages envoyés.

Partie « formulaire de contact »

Page 10: I) Présentation de linstitut et du projet II) Les différentes parties du projet 1) Partie « kit graphique » 2) Partie « espace de stockage » 3) Partie

Partie « formulaire de contact »

10

Page 11: I) Présentation de linstitut et du projet II) Les différentes parties du projet 1) Partie « kit graphique » 2) Partie « espace de stockage » 3) Partie

Exemple d’une soumission

11

Ce formulaire a ete envoye le 28/03/2010 - 13:57 Ce formulaire vous a ete envoye par un utilisateur anonyme : [XX.XXX.XXX.XX] Les valeurs transmises sont : Civilité : Mr. Nom : Delgrange Prénom : Matthieu Adresse électronique : [email protected] Sujet : Test du formulaire de contact. Joindre un fichier : (Aucun fichier attache) Message : Une simple vérification pour le formulaire, histoire d'avoir un email type. Les résultats de cette soumission peuvent être vus ici :http://maxime.colmant.free.fr/?q=node/1/submission/13

Page 12: I) Présentation de linstitut et du projet II) Les différentes parties du projet 1) Partie « kit graphique » 2) Partie « espace de stockage » 3) Partie

Partie « partenaires »

12

- Création d’une page publique regroupant les différents partenaires de l’IRRH.

• Objectifs à atteindre

- Permettre à l’administrateur d’ajouter et supprimer librement des partenaires.

- Création d’une page privée regroupant les emails du personnel des différents partenaires.

Page 13: I) Présentation de linstitut et du projet II) Les différentes parties du projet 1) Partie « kit graphique » 2) Partie « espace de stockage » 3) Partie

Partie « partenaires »

13

Page 14: I) Présentation de linstitut et du projet II) Les différentes parties du projet 1) Partie « kit graphique » 2) Partie « espace de stockage » 3) Partie

Partie « email du personnel »

14

Page 15: I) Présentation de linstitut et du projet II) Les différentes parties du projet 1) Partie « kit graphique » 2) Partie « espace de stockage » 3) Partie

Partie « actualités »

15

- Création d’une page publique regroupant les actualités de l’IRRH.

• Objectifs à atteindre

- Classer les actualités sous différentes catégories (News, Congrès, Lectures …).

- Mettre en place en système de navigation innovant pour ne pas surcharger la page.

- Intégrer un système de news dans un mini-bloc affichant les dernières news.

Page 16: I) Présentation de linstitut et du projet II) Les différentes parties du projet 1) Partie « kit graphique » 2) Partie « espace de stockage » 3) Partie

Partie « actualités »

16

Page 17: I) Présentation de linstitut et du projet II) Les différentes parties du projet 1) Partie « kit graphique » 2) Partie « espace de stockage » 3) Partie

Partie « actualités »

17

Page 18: I) Présentation de linstitut et du projet II) Les différentes parties du projet 1) Partie « kit graphique » 2) Partie « espace de stockage » 3) Partie

Partie « aide »

18

- Intégrer un système d’aide en ligne.

• Objectifs à atteindre

- Permettre à tout utilisateur Lambda, de comprendre facilement le fonctionnement du site.

- Faciliter la navigation avec un système de pop-up.

Page 19: I) Présentation de linstitut et du projet II) Les différentes parties du projet 1) Partie « kit graphique » 2) Partie « espace de stockage » 3) Partie

Partie « aide »

19

Système de pop-up

Page 20: I) Présentation de linstitut et du projet II) Les différentes parties du projet 1) Partie « kit graphique » 2) Partie « espace de stockage » 3) Partie

Les normes

20

• La W3C (World Wide Web Consortium)

- Conformité avec la loi 2005-102 art 47 « l'administration électronique à l'obligation d'être accessible aux personnes handicapées »

- Organisme de standardisation, c’est un consortium chargé de promouvoir la compatibilité des technologies du World Wide Web telles que HTML, XHTML, XML, CSS …

• La garantie d’une …

- Assurance qualité.

- Accessibilité pour tous.

- Compatibilité avec tous les navigateurs.• La WAI (Web Accessibility Initiative)

- Proposer des solutions techniques pour rendre le World Wide Web accessible aux personnes handicapées et d'une manière plus générale à toute personne sans nécessiter de prérequis particulier.

Page 21: I) Présentation de linstitut et du projet II) Les différentes parties du projet 1) Partie « kit graphique » 2) Partie « espace de stockage » 3) Partie

Validation HTML

21

Page 22: I) Présentation de linstitut et du projet II) Les différentes parties du projet 1) Partie « kit graphique » 2) Partie « espace de stockage » 3) Partie

Validation CSS

22

Page 23: I) Présentation de linstitut et du projet II) Les différentes parties du projet 1) Partie « kit graphique » 2) Partie « espace de stockage » 3) Partie

Validation WAI

23

Page 24: I) Présentation de linstitut et du projet II) Les différentes parties du projet 1) Partie « kit graphique » 2) Partie « espace de stockage » 3) Partie

Conclusion

24

Ce projet a permis à chacun d’entre nous de mettre en pratique les connaissances que nous avons acquis tout au long de notre DUT aussi bien en programmation, en gestion et en analyse qu’en communication.

En fin de compte, ce dernier s’est révélé être complet du début jusqu’à la livraison du produit au client et nous a ouvert quelques perspectives sur la vie dans l’entreprise.

Page 25: I) Présentation de linstitut et du projet II) Les différentes parties du projet 1) Partie « kit graphique » 2) Partie « espace de stockage » 3) Partie

Conclusion

25

M. Delgrange « un projet enrichissant avec une réelle finalité »

J. Kubiczek« un avant goût de la gestion d'un projet professionnel liant travail d'équipe et 

satisfaction personnelle »

N. Schouteden«  étoffement des connaissances informatiques et culturelles liées au projet  »

M. Colmant«  très bonne expérience permettant de mettre à profit mes connaissances et 

coordonner les actions entre les différents membres du groupe  »

N. Ducrey«  plus qu'un projet, une esquisse vers le post-DUT  »

Page 26: I) Présentation de linstitut et du projet II) Les différentes parties du projet 1) Partie « kit graphique » 2) Partie « espace de stockage » 3) Partie

26

 En vous remerciant pour votre attention