Site réalisé par monxoops : l'AGOPC

239
Author
Alain
Publication
2020/9/20 17:50
2020/9/20
Update
09/21/2020
Site réalisé par monxoops : l'AGOPC

Site réalisé par monxoops : l'AGOPC

L'équipe monxoops.fr est fière de vous présenter sa nouvelle réalisation, un site web 100% responsive.
Il s'agit du site web de l'AGOPC, l'Association Genevoise des Organisations de Protection Civile.


https://www.agopc.ch/


Voici quelques éléments techniques qui composent le site :
  • Thème xswatch4
    Nous avons initié le projet à partir du thème xSwatch 4, la variante css-cerulean et nous l'avons adapté en terme de couleurs au logo de l'AGOPC.
    Nous avons repensé le menu du haut, plus clair, avec des accès directs à certaines fonctionnalités et une signalétique contextuelle .
    Menu Top
    C'est un menu avec la fonction Sticky top (Menu qui colle en haut de page, même si on utilise l'ascenseur pour faire défiler le contenu sur la hauteur).
    Un carrousel a été ajouté et disparaît au défilement vertical.
  • Barre d'outils administrateurs
    Une barre d'outils adaptée aux besoins des gestionnaires du site a été configuré, le tout en responsive.
  • Modules utilisés
    Pour réaliser le site, nous avons utilisé :

    xmcontent pour le contenu principal des informations

    xmnews pour gérer l'actutalité de l'association

    extcal pour gérer les évènements de l'association

    xmdoc pour la gestion des documents

    xmcontact pour la fiche contact

  • Adaptation des surcharges pour le module agenda (extcal)
    Nous avons souhaité moderniser les templates boostrap4 de ce module.
    Voici 2 captures d'écrans, l'une avec une date de fin, l'autre non.
    1 date
    2 dates
  • TinyMCE
    TinyMCE 5
    Nous avons intégré le fameux et fabuleux éditeur wysiwyg TinyMCe V5 (Hors plugin XOOPS) afin de permettre aux rédacteurs de fournir des documents de haute qualité.
    Nous avons également réussi à intégrer Bootstrap 4 afin de pouvoir fournir un aperçu au moment de la rédaction au plus près du rendu final.
    Voici un exemple :
    Exemple TinyMCE
  • Organigrammes
    Nous avons construit des organigrammes en n'utilisant que des fonctionnalités CSS et Bootstrap 4, évidement, totalement responsive.
    Voici un exemple ici.