BERNARDIN Benoît Lycée Louis Pergaud Présentation de lAFSP25 Environnement / lieu du stage Présentation du stage : - Objectif principal - Élargissement

BERNARDIN Benoît Lycée Louis Pergaud

Présentation de l’AFSP25

Environnement / lieu du stage

Présentation du stage :

- Objectif principal

- Élargissement

PRESENTATIONPRESENTATION


Introduction

I. L ’information1). Analyse des exigences

2). Mise en œuvre et problèmes rencontrés

3). Résultats

II. Le formulaire de demande d ’inscription1). Analyse des exigences


3). Résultats

III. Le forum actif1). Analyse des exigences


3). Résultats

Conclusion

SOMMAIRE


Introduction



3). Résultats



3). Résultats



3). Résultats

Conclusion

SOMMAIRE


Analyse du problème

- LE FOND : pertinence, exactitude, faisabilité de l ’information

- LA FORME : exposition pour une meilleure compréhension

L ’INFORMATION


Résolution et difficultés rencontrées

- LE FOND : pertinence, exactitude, faisabilité de l ’information

Collecte d ’informations :

L ’INFORMATION

Interne à AFSP25

(moniteurs)

Externe (Sites nationaux et

régionaux ayant la même activité)

COLLECTED ’INFOS

(correctes ou non)

TRI

Conditions de l ’AFSP25 : Informations exactes, pertinentes, correctes, vérifiables et sans aucune mention de prix.

Exposition des informations correctes

Respect des conditions




Respect du code des couleurs :

L ’INFORMATION

Les 3 couleurs principales du logo ont été les couleurs de base du « design » des pages du site.

Bleu ciel (#B9DDE4)

Bleu marine (#050782)

Rouge (#DE0000)




Dynamisme du site : <div class="lien_bouton">

<span class="bouton1"> <a href="dsa.html"><img src="images/bouton_precedent.gif"

alt="Précédent (Session BSA)" title="Session BSA" /></a>

</span> <span class="bouton2"> <a href="accueil.html"><img src="images/bouton_accueil.gif" alt="Bouton Accueil (Page d'accueil)" title="Page d'accueil" /></a> </span> <span class="bouton3"> <a href="bnssa.html"><img src="images/bouton_suivant.gif" alt="Bouton Page Suivante (Session BNSSA)" title="Session BNSSA" /></a> </span></div>

L ’INFORMATION

Code

EXEMPLE

avec l’image bouton_precedent.gif constituant un lien de navigation pour

chaque page




Dynamisme du site :Extrait du code de la page accueil.html<div class="pied_de_page"> <hr/><a href="contact.html" title="Accès à la Page 'Contact'">Coordonnées de l'Association</a><br/>Pour tout autre renseignement, <a href="mailto:[email protected]" title="Contacter Le Responsable Du Site">cliquez ici</a> !<hr/></div>

Extrait du code de la page accueil.css.pied_de_page a{color: #B9DDE4;text-decoration: underline;}.pied_de_page a:hover{color: #FCF5F5;text-decoration: none;font-size: 14px;font-weight: bold;}

L ’INFORMATION


Résultats

- Informations complètes et correctes : contenu fiable

- Graphisme conçu : appliqué à chaque page (sauf personnalisation)

- Respect de l ’opposition entre l ’ambiance sympathique et le contenu sérieux

L ’INFORMATION


Introduction



3). Résultats



3). Résultats



3). Résultats

Conclusion

SOMMAIRE


Analyse du problèmeAvant :

Après :

LE FORMULAIRE

Formulairede demande d ’inscription

DemandeurUn des 150 moniteurs

de l ’AFSP25joint

PONTARLIER

BESANCON

MONTBELIARD

retransmet

Demandeurrempli

Responsableredirigé


Moyens mis en œuvre et problèmes rencontrés :

- Choix de technologie entre PHP et Java Script

- Réalisation classique avec un formulaire modèle

- Améliorations et personnalisations

- Déclarations auprès de la CNIL ?

LE FORMULAIRE


Réalisation classique

avec un formulaire modèle :

FORMULAIRE

Respect des conditions





- Améliorations et personnalisations :

LE FORMULAIRE

Permet d’envoyer les informations saisies au

responsable en utilisant la messagerie

du visiteur

Permet de visualiser, après validation, le

résumé des informations saisies par l’ouverture

d’une pop-up

Permet d’effacer tout ce qui a été saisi par l’utilisateur et donc

revenir au formulaire de base avec les pré-

inscriptions





- Améliorations et personnalisations

- Déclarations auprès de la CNIL ?

CNIL : Commission Nationale de l ’Informatique et des Libertés

Données personnelles : Informations permettant de reconnaître un individu.

Déclaration auprès de la CNIL : Est obligatoire lorsque les données personnelles sont enregistrées dans des bases de données.

LE FORMULAIRE


Introduction



3). Résultats



3). Résultats



3). Résultats

Conclusion

SOMMAIRE


Analyse des exigences

Avoir un lien sur le site permettant la re-direction à un forum actif de l ’AFSP25. Forum permettant :

- Inscription de membres

- La connexion/déconnexion d ’un visiteur

- L ’ interactivité entre les membres

- Sujets

- Panneau d ’administration

Des fonctionnalités basiques pour un forum mais non-connues personnellement.

LE FORUM ACTIF


Problème rencontré :

- Manque de connaissance

Solution proposée :

- Création d ’un forum actif

par un site spécialisé : forumactif.com

LE FORUM ACTIF


Résultats :

- Le site propose un lien de re-direction vers le forum actif

- Le forum actif de l ’AFSP25 est réalisé. Les conditions sont respectées

LE FORUM ACTIF


Introduction



3). Résultats



3). Résultats



3). Résultats

Conclusion

SOMMAIRE


- Objectif principal et ses élargissements atteints

- Apports de connaissances techniques

- Autonomie et responsabilité

CONCLUSION

Documents

BERNARDIN Benoît Lycée Louis Pergaud Présentation de lAFSP25 Environnement / lieu du stage Présentation du stage : - Objectif principal - Élargissement