darma | développement web freelance

Outils d'administration

darmk©, back-office sur mesure

darmk© est un outil d'administration de contenu web (CMS) performant, sur mesure, et utilisable sans aucune connaissance technique spécifique.

Il permet de gérer des données de type media, éditorial et presse, site vitrine, site corporate, site associatif, etc. et convient à de nombreux cas d'utilisations grâce notamment à son support de larges structures de données (optimisation des requêtes SQL / algorithmes testés sur des tables ˜ 100.000 enregistrements sans baisse dramatique de performance) et ses types de données et rubriquages totalement adaptables à chaque projet.
darmk© est basé sur des technologies open-source :

Mode liste / édition en Ajax

darmk© fonctionne en mode classique « liste / édition ».
Le mode « liste » comportant lui-même un switch « liste éditable / liste triable en drag&drop ».
Sa gestion des sources de données en Javascript permet entre autres :
  • l'enregistrement et l'upload de fichier en Ajax.
  • l'inclusion de sources en mode « liste » au sein d'une page d'édition.
  • la gestion d'évènements sur les seuls champs modifiés, qui rend ainsi possible le mode édition en liste, même contenant de nombreux éléments et attributs.

Exemples d'utilisation et captures d'écrans

back-office soirées back-office soirées back-office disques

Caractéristiques techniques

Environnement

  • PHP5 + MySQL.
  • encodage UTF-8 (caractères internationaux).
  • code client basé sur des librairies open-source à communauté large et active, suivis et régulièrement mis à jour :
    • librairie Javascript jQuery.
    • éditeur WYSIWYG TinyMCE (édition intuitive des contenus).
  • compatibilité navigateurs pour le back-office : Firefox16+ recommandé (testé sous IE9+, Safari6+, Google Chrome23+ et Firefox16+ pour MAC et PC).
  • URL rewriting en front-office (optimisation du référencement).
  • adapté par défaut aux serveurs type hébergement mutualisé grand public (OVH).

Performances

  • temps de calcul de page pour le back-office ˜ 10-100ms.
  • suivant les besoins du projet (site à fort trafic), utilisation d'un système de cache à 2 niveaux (cache Template et cache HTML) côté front-office, pour l'optimisation maximale des ressources machine.
  • exemple de service constaté, avec un trafic fluide en front et back-office (utilisation CPU à 10% en moyenne) sur serveur dédié EG BestOF (OVH) :
    • travail quotidien de 10 administrateurs en back-office.
    • 10.000 visiteurs / jour.
    • 170.000 pages vues / jour.

Caractéristiques fonctionnelles

Gestion utilisateurs

  • accès par login / mot de passe.
  • limitation des erreurs de tentatives de login (protection contre les attaques « par force brute »).
  • stockage des sessions en base.
  • verrous sur les pages en cours d'édition (multi-utilisateur).
  • gestion sur mesure des droits utilisateurs et niveaux d'accès.
  • suivant les besoins du projet, back-office bilingue anglais / français.
  • captchas (en front-office).

Gestion des données

  • ensemble des données accessible en mode liste et édition (ajout, modification, suppression).
    • liste éditable : pagination, tris sur colonnes, filtres, recherche.
    • liste triable : pagination, tri en drag&drop (en tri vertical ou en vignettes).
    • conservation des paramètres d'affichage en session (listes « sticky » : pagination, critères de filtres et tris).
  • nombre illimité de sources de données distinctes (news, brèves, produits, disques, tags, images, galeries d'images...) au sein d'un même projet.
  • nombre illimité d'attributs par source (éditables sous forme de champs inputs, passwords, selects, checkboxes, boutons radio, textareas, éditeurs WYSIWYG, autocompletes, calendriers...).
  • nombre illimité d'inclusions de sources parent / enfant en Ajax (ex : liste d'images dans l'édition d'un évènement, liste de liens d'achat dans l'édition d'un disque).
  • affichage / masquage facile des éléments (en ligne ou hors ligne).
  • aperçu avant mise en ligne.
  • alerte de modification non enregistrée au changement de page.
  • autocomplete (pour les larges datasets : données de type géographie, sélection d'artistes ou de produits dans un catalogue...).
  • génération automatique d'images et de vignettes (resize, crop, background, ajout de png transparent...) pour intégration à la charte graphique.
  • génération automatique de textes images.
  • formats de sortie libres : HTML / XHTML, XML (pour Flash), RSS...
  • multi-sélecteurs checkbox (ex : «tous en ligne / tous hors ligne»).
  • édition des contenus en WYSIWYG :
    • insertion et mise en page d'images (jpg, gif, png) uploadées depuis un ordinateur : modification possible de la taille réelle de l'image, des balises « alt » et « title ».
    • insertion et mise en page de fichiers (pdf, doc, zip) uploadés depuis un ordinateur.
    • insertion et mise en page de vidéos YouTube, Dailymotion et Vimeo (plug-ins) : modification possible de la taille de la vidéo.
    • insertion et mise en page de liens.
    • suivant les besoins du projet, insertion et mise en page d'embeds media (Flash, Quicktime, Windows Media, Real Media) : modification possible de la taille de l'embed, des paramètres « loop », « autostart », « affichage ou non des boutons de contrôle » ainsi que « flashvars » et « background-color » pour un embed flash.
    • édition des marges media (image ou embed), top+bottom+right+left.
    • styles de polices pré-définis et correspondant à la charte graphique du front-office.
    • autres plug-ins, wizards, templates spécifiques développables sur demande.

Extensions

Une structure souple en évolution permanente, permettant d'imaginer de nombreuses extensions (sur demande) - pour exemples :
  • intégration GoogleMaps en back-office et front-office.
  • parsing et récupération de données provenant de flux RSS.
  • media library avancée (gestion des tags ID3, classement des medias par dossiers arborescents).
  • import / export CSV.
  • [...]

Pourquoi darmk?

darmk© ne fait pas tout, mais il existe car :
  • il permet des structures de données plus complexes que Spip, Joomla et Wordpress.
  • il est plus léger, rapide et performant que Wordpress, Joomla, Drupal et Typo3.
Pour plus d'informations, contactez darma.