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

BERNARDIN Benoît Lycée Louis Pergaud SOMMAIRE Introduction I. L ’information 1). Analyse des exigences 2). Mise en œuvre et problèmes rencontrés 3). Résultats II. Le formulaire de demande d ’inscription III. Le forum actif Conclusion BERNARDIN Benoît Lycée Louis Pergaud

BERNARDIN Benoît Lycée Louis Pergaud SOMMAIRE Introduction I. L ’information 1). Analyse des exigences 2). Mise en œuvre et problèmes rencontrés 3). Résultats II. Le formulaire de demande d ’inscription III. Le forum actif Conclusion BERNARDIN Benoît Lycée Louis Pergaud

BERNARDIN Benoît Lycée Louis Pergaud L ’INFORMATION Analyse du problème - LE FOND : pertinence, exactitude, faisabilité de l ’information - LA FORME : exposition pour une meilleure compréhension BERNARDIN Benoît Lycée Louis Pergaud

BERNARDIN Benoît Lycée Louis Pergaud L ’INFORMATION Résolution et difficultés rencontrées - LE FOND : pertinence, exactitude, faisabilité de l ’information Collecte d ’informations : COLLECTE D ’INFOS (correctes ou non) Interne à AFSP25 (moniteurs) Exposition des informations correctes TRI Respect des conditions Externe (Sites nationaux et régionaux ayant la même activité) Conditions de l ’AFSP25 : Informations exactes, pertinentes, correctes, vérifiables et sans aucune mention de prix. BERNARDIN Benoît Lycée Louis Pergaud

BERNARDIN Benoît Lycée Louis Pergaud L ’INFORMATION Résolution et difficultés rencontrées - LA FORME : exposition pour une meilleure compréhension Respect du code des couleurs : Bleu marine (#050782) Bleu ciel (#B9DDE4) Rouge (#DE0000) Les 3 couleurs principales du logo ont été les couleurs de base du « design » des pages du site. BERNARDIN Benoît Lycée Louis Pergaud

BERNARDIN Benoît Lycée Louis Pergaud L ’INFORMATION 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 class="bouton3"> <a href="bnssa.html"><img src="images/bouton_suivant.gif" alt="Bouton Page Suivante (Session BNSSA)" title="Session BNSSA" /></a> </div> Code EXEMPLE avec l’image bouton_precedent.gif constituant un lien de navigation pour chaque page BERNARDIN Benoît Lycée Louis Pergaud

BERNARDIN Benoît Lycée Louis Pergaud L ’INFORMATION 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; BERNARDIN Benoît Lycée Louis Pergaud

BERNARDIN Benoît Lycée Louis Pergaud 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 BERNARDIN Benoît Lycée Louis Pergaud

BERNARDIN Benoît Lycée Louis Pergaud SOMMAIRE Introduction I. L ’information 1). Analyse des exigences 2). Mise en œuvre et problèmes rencontrés 3). Résultats II. Le formulaire de demande d ’inscription III. Le forum actif Conclusion BERNARDIN Benoît Lycée Louis Pergaud

BERNARDIN Benoît Lycée Louis Pergaud LE FORMULAIRE Analyse du problème Avant : Après : Demandeur Un des 150 moniteurs de l ’AFSP25 PONTARLIER joint retransmet BESANCON Formulaire de demande d ’inscription MONTBELIARD Demandeur Responsable rempli redirigé BERNARDIN Benoît Lycée Louis Pergaud

BERNARDIN Benoît Lycée Louis Pergaud LE FORMULAIRE 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 ? BERNARDIN Benoît Lycée Louis Pergaud

BERNARDIN Benoît Lycée Louis Pergaud FORMULAIRE Réalisation classique avec un formulaire modèle : Respect des conditions BERNARDIN Benoît Lycée Louis Pergaud

BERNARDIN Benoît Lycée Louis Pergaud LE FORMULAIRE 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 : 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

BERNARDIN Benoît Lycée Louis Pergaud LE FORMULAIRE 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. BERNARDIN Benoît Lycée Louis Pergaud

BERNARDIN Benoît Lycée Louis Pergaud SOMMAIRE Introduction I. L ’information 1). Analyse des exigences 2). Mise en œuvre et problèmes rencontrés 3). Résultats II. Le formulaire de demande d ’inscription III. Le forum actif Conclusion BERNARDIN Benoît Lycée Louis Pergaud

BERNARDIN Benoît Lycée Louis Pergaud LE FORUM ACTIF 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. BERNARDIN Benoît Lycée Louis Pergaud

BERNARDIN Benoît Lycée Louis Pergaud 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 BERNARDIN Benoît Lycée Louis Pergaud

BERNARDIN Benoît Lycée Louis Pergaud 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 BERNARDIN Benoît Lycée Louis Pergaud

BERNARDIN Benoît Lycée Louis Pergaud SOMMAIRE Introduction I. L ’information 1). Analyse des exigences 2). Mise en œuvre et problèmes rencontrés 3). Résultats II. Le formulaire de demande d ’inscription III. Le forum actif Conclusion BERNARDIN Benoît Lycée Louis Pergaud

BERNARDIN Benoît Lycée Louis Pergaud CONCLUSION Objectif principal et ses élargissements atteints Apports de connaissances techniques Autonomie et responsabilité BERNARDIN Benoît Lycée Louis Pergaud