View
110
Download
0
Category
Preview:
Citation preview
BERNARDIN Benoît Lycée Louis Pergaud
Présentation de l’AFSP25
Environnement / lieu du stage
Présentation du stage :
- Objectif principal
- Élargissement
PRESENTATIONPRESENTATION
BERNARDIN Benoît Lycée Louis Pergaud
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
2). Mise en œuvre et problèmes rencontrés
3). Résultats
III. Le forum actif1). Analyse des exigences
2). Mise en œuvre et problèmes rencontrés
3). Résultats
Conclusion
SOMMAIRE
BERNARDIN Benoît Lycée Louis Pergaud
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
2). Mise en œuvre et problèmes rencontrés
3). Résultats
III. Le forum actif1). Analyse des exigences
2). Mise en œuvre et problèmes rencontrés
3). Résultats
Conclusion
SOMMAIRE
BERNARDIN Benoît Lycée Louis Pergaud
Analyse du problème
- LE FOND : pertinence, exactitude, faisabilité de l ’information
- LA FORME : exposition pour une meilleure compréhension
L ’INFORMATION
BERNARDIN Benoît Lycée Louis Pergaud
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
BERNARDIN Benoît Lycée Louis Pergaud
Résolution et difficultés rencontrées
- LA FORME : exposition pour une meilleure compréhension
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)
BERNARDIN Benoît Lycée Louis Pergaud
Résolution et difficultés rencontrées
- LA FORME : exposition pour une meilleure compréhension
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
BERNARDIN Benoît Lycée Louis Pergaud
Résolution et difficultés rencontrées
- LA FORME : exposition pour une meilleure compréhension
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:fred15@wanadoo.fr" 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
BERNARDIN Benoît Lycée Louis Pergaud
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
BERNARDIN Benoît Lycée Louis Pergaud
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
2). Mise en œuvre et problèmes rencontrés
3). Résultats
III. Le forum actif1). Analyse des exigences
2). Mise en œuvre et problèmes rencontrés
3). Résultats
Conclusion
SOMMAIRE
BERNARDIN Benoît Lycée Louis Pergaud
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é
BERNARDIN Benoît Lycée Louis Pergaud
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
BERNARDIN Benoît Lycée Louis Pergaud
Réalisation classique
avec un formulaire modèle :
FORMULAIRE
Respect des conditions
BERNARDIN Benoît Lycée Louis Pergaud
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 :
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
BERNARDIN Benoît Lycée Louis Pergaud
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 ?
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
BERNARDIN Benoît Lycée Louis Pergaud
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
2). Mise en œuvre et problèmes rencontrés
3). Résultats
III. Le forum actif1). Analyse des exigences
2). Mise en œuvre et problèmes rencontrés
3). Résultats
Conclusion
SOMMAIRE
BERNARDIN Benoît Lycée Louis Pergaud
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
BERNARDIN Benoît Lycée Louis Pergaud
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
BERNARDIN Benoît Lycée Louis Pergaud
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
BERNARDIN Benoît Lycée Louis Pergaud
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
2). Mise en œuvre et problèmes rencontrés
3). Résultats
III. Le forum actif1). Analyse des exigences
2). Mise en œuvre et problèmes rencontrés
3). Résultats
Conclusion
SOMMAIRE
BERNARDIN Benoît Lycée Louis Pergaud
- Objectif principal et ses élargissements atteints
- Apports de connaissances techniques
- Autonomie et responsabilité
CONCLUSION
Recommended