SDIS 71 WordPress/CSS

Contexte

Le Service Départemental d’Incendie et Secours de Saône et Loire (SDIS 71) est chargé de la prévention, de la protection et de la lutte contre les incendies. Il concoure avec les autres services et professionnels concernés à la protection et à la lutte contre les autres accidents, sinistres et catastrophes, à l’évaluation et à la prévention des risques technologiques ou naturels ainsi qu’au secours d’urgence.

C’est un établissement public administratif autonome géré par un Conseil d’Administration composé d’élus représentant les collectivités territoriales de Saône-et-Loire.

Le SDIS 71 est placé sous la double autorité du préfet M. Yves Seguy pour l’activité opérationnelle et du Président du Conseil d’Administration M. André ACCARY pour la partie administrative et financière.

Le SDIS 71 est géré par le Colonel Frédéric PIGNAUD, Directeur départemental et chef de corps départementale de sapeurs-pompiers. Il est secondé par le Colonel Emmanuel VIDAL.

Fin 2021, on dénombre 2 864 pompiers volontaires et professionnels assistés de 83 personnels administratifs et techniques. Ils sont répartis dans 61 casernes sur le vaste territoire départemental qu’est la Saône et Loire, 6ème département français en superficie avec 8575 km².

Ils sont bien connus du public quand ils portent secours, soit plus de 39 000 fois sur l’année 2021.

Conduite de projet

Au cours de mes deux stages, les missions et les tâches que je devais ou que je réalisais étaient ajoutées dans Projeqtor afin que mes tuteur puivre suivre l’avancer de mes travaux. 

Du 23 mai au 01 juillet 2022

Objectifs

Les objectifs de ce stage étaient de réaliser :
  • les mises à jour des plugins du site public et de l’intranet du SDIS 71 afin d’assurer la sécurité des plugins des deux sites.
  • De réaliser des modifications graphiques du site public afin de le rendre plus à jours.

Technologies

Le site public et l’intranet sont tous les deux réaliser avec WordPress avec une base de donnée sous phpMyAdmin. Les langages utilisés sont :
  • CSS
  • HTML
  • SVG

Architecture

Travaux

  • Mise à jour des plugins de WordPress du site public et de l’intranet
  • Refonte graphique du site public avec les couleur de l’intranet du SDIS 71
  • Création d’une carte interactive pour la recherche des casernes.

Maquette

  • Aperçu du site public avant mes modifications ici
  • Aperçu du site après mes modifications ici
  • Les cartes interactives :
L’utilisateur clique sur l’une des zones colorées de la carte qui représentent chacune d’elle une compagnie territoriale. Au survol la zone ciblé se détour et le nom de la compagnie territoriale s’affiche. Il est ensuite redirigé vers la carte de la compagnie où se trouvent les points d’intérêt  qui représentent les casernes et leurs localisations sur le territoire. Au survole le point d’intérêt est entouré d’un cercle rouge et le nom de la caserne s’affiche. En cliquant sur le point d’intérêt l’utilisateur accède la page contenant les informations de la caserne sélectionnée.
Du 20 février au 31 mars 2023

Objectifs

Les objectifs de ce stage étaient de réaliser :
  • les mises à jour des plugins du site public et de l’intranet du SDIS 71 afin d’assurer la sécurité des plugins des deux sites.
  • D’améliorer la lisibilité du site afin de facilité l’accès au site pour tout utilisateur en s’appuyant sur le RGAA (Référentiel général d’amélioration de l’accessibilité)
  • Amélioration de l’intranet afin d’amener la dimmension des compagnies dans celui-ci et mettre à jour les informations de tous les centres
  • Refonte totale du site web afin de réorganiser les informations et que le SDIS 71 est une meilleur visibilité sur le web

Technologies

Le site public et l’intranet sont tous les deux réaliser avec WordPress avec une base de donnée sous phpMyAdmin. Les langages utilisés sont :
  • CSS
  • HTML
  • SVG

Architecture

Travaux

  • Mise à jour des plugins de WordPress du site public et de l’intranet
  • Amélioration de la lisibilité du site public (taille police, interligne, barre de recherche au dessus de la carte interactive)
  • Création des pages compagnies et implémentations dans une liste déroulante
  • Mise à jour des données des centres de l’intranet
  • Refonte totale du site public avec nouvelle charte graphique responsive et nouvelle arborescence de menu impliquant ainsi la création de nouvelles pages

Maquette

  • Aperçu du site public avant mes modifications ici
  • Le site public après refonte : https://www.sdis71.fr/ 
  • Création pages compagnie et accès
Cela est un exemple d’une page compagnie. Une liste déroulante permet à l’utilisateur d’accéder au centres qui constitue la compagnie. Une liste déroulante à été créer sur le même modèle que celle des centres déjà présente. Une fois dérouler elle se présente comme suit : Aussi pour chaque centre une section à été rajouter afin de pouvoir rejoindre la page de la compagnie auquel il appartient.

Compétences mobilisées

1. Gérer le patrimoine informatique

1.1. Recenser et identifier les ressources numériques
1.2. Exploiter des référentiels, normes et standards adoptés par le prestataire informatique

1.3. Mettre en place et vérifier les niveaux d’habilitation associés à un service

1.4. Vérifier les conditions de continuité d’un service informatique

1.5. Gérer des sauvegardes

1.6. Vérifier le respect des règles d’utilisation des ressources numériques

2. Répondre aux incidents et aux demandes d’assistance et d’évolution

2.1. Collecter, suivre et orienter des demandes
2.3. Traiter des demandes concernant les applications

3. Développer la présence en ligne de l’organisation

3.2. Référencer les services en ligne de l’organisation et mesurer leur visibilité
3.3. Participer à l’évolution d’un site Web exploitant les données de l’organisation

4. Travailler en mode projet

4.1. Analyser les objectifs et les modalités d’organisation d’un projet
4.2. Planifier les activités

4.3. Évaluer les indicateurs de suivi d’un projet et analyser les écarts

5. Mettre à disposition des utilisateurs un service informatique

5.1. Réaliser les tests d’intégration et d’acceptation d’un service
5.2. Déployer un service

5.3. Accompagner les utilisateurs dans la mise en place d’un service

6. Organiser son développement professionnel

6.1. Mettre en place son environnement d’apprentissage personnel
6.2. Mettre en œuvre des outils et stratégies de veille informationnelle

6.3. Gérer son identité professionnelle

6.4. Développer son projet professionnel