Méthodologie

  • Nos méthodes de gestion de projet sont fondées sur les méthodes dites « agile » et plus particulièrement sur Scrum – pour laquelle la page wikipédia est particulièrement explicite.
    Si nous ne pouvons l'appliquer au principe près – nous tentons de nous en approcher et de respecter notamment les principes suivants – les plus importants pour nous :

    • La qualité humaine des intervenants est plus importante que leur expertise technique, au moins pour garantir le bon déroulement du projet et la qualité de la collaboration
    • Processus d'avancée du projet itératif...
    • ... lié à une livraison « au fur et à mesure » des fonctionnalités pour tests
    • Étroite collaboration avec le client tout au long du projet
    • Répartition du projet en 3 grandes phases représentants chacune environ 1/3 du projet

     

    En résumé, l'objectif est sans cesse d'aller à l'essentiel du projet. Pour exemple : on commence par classer les modules par ordre d'importance pour la finalité du projet. En pratique, tout doit être sujet à transactions et négociations au cours du projet...

     

    Les 3 grandes phases d'un projet

    => Phase 1 : Préparation et étude autour du projet
    => Phase 2 : Développement
    => Phase 3 : Prise en main du site

     

    Easyprojects & autres outils

    Ebizproduction organise le suivi de projet via le logiciel easyprojects. Après décomposition du projet en tâches, celles-ci sont intégrées au logiciel ce qui permet un suivi au plus près de l'avancée générale et par fonctionnalités du site.

    Chaque intervenant sur le projet (agence - donneur d'ordres) dispose d'un accès lui permettant d'imputer le temps de travail, attribuer un statut à la tâche (en cours, en attente de tests, cloturée), émettre des commentaires, etc.

    L'avancée du projet collaborative en est ainsi facilitée.

     

    L'équipe dispose aussi d'une série d'outils développés en interne - et à usage interne - permettant de mieux gérer l'activité générale de l'agence. Notamment un logiciel de saisie d'heures - dit le Daily - et un intranet utilisé pour la gestion des plannings, le partage des résultats de veille, lancement de discussions, etc.

     

    Lire l'article sur la méthodologie de gestion de projet sur notre blog Drupal

    Gestion de projet
  • Plusieurs documents peuvent etre regoupés sous le nom de cahier des charges : 
     
    Cahier des charges de consultation
    C'est le document qui est fourni comme base aux prestataires pour cotation. Il détaille les souhaits du donneur d'ordres et est plus ou moins fourni. Dans l'idéal, il doit au moins contenir les informations relatives à l'arborescence du site internet, une liste des utilisateurs et les fonctionnalités par utilisateurs.
     
    Document de production
    Réalisé par le chef de projet en début de chaîne, ce document fait l'objet de nombreux échanges et négociations avec le donneur d'ordres. Il adapte les fonctionnalités demandées à la technologie choisies (Drupal ou sur-mesure) et ajoute le dictionnaire des données aux éléments déjà présents dans le cahier des charges de consultation.
    Avec les maquettes ergonomiques et graphiques, ce document est le socle de compréhension du projet pour l'équipe technique.
     
    Cahier des charges technique
    La rédaction de ce document intervient après étude technique du projet. Il intègre le choix des technologies employées, des modules à installer, des contraintes et paramétrages techniques.  Ce document servira uniquement aux développeurs. il est couplé à une décomposition de l'ensemble du projets en tâches.
    Cahier des charges
  • Avant tout travail de design, est nécessaire la conception de maquettes fonctionnelles du site, c'est-à-dire montrant uniquement le positionnement des éléments et les interactions entre eux. Ces maquettes ergonomiques, autrement nommées maquettes "fil de fer", sont impératives pour comprendre la structure générale du site et décider de l'importance attribuée à chaque "module".
     
    Autrement dit, c'est un ensemble de maquettes représentant le contenu des pages d'un site internet et les interactions entre ces pages. La création d'un wireframe permet de valider notamment la bonne compréhension des souhaits et besoin des clients avant de faire intervenir le graphiste et les développeurs. Le wireframe est en général réalisé par le chef de projet ou, mieux, un ergonome. L'objectif principal de la création de ces maquettes reste la séparation de la navigation et des fonctionnalités de l'apparence du site.
    Il existe de nombreux logiciels facilitant la création de ces maquettes. Un bon logiciel de wireframe permet de :
    => Faire des liens et interactions entre les maquettes
    => Exporter dans un format transmissible au client : le .html est bien mais pas obligatoire, un bon .pdf peut aussi tout à fait convenir.
     
    À l'agence nous utilisons par exemple Balsamic Mockup dont les principaux avantages sont le déploiement de l'intérgralité des pages du site, la simulation de la navigation via des liens, la visualisation des principaux éléments, etc
     
     
    maquette ergonomique exemple
     
     
    Une fois ces maquettes conçues et validées par le chef de projet et le donneur d'ordres, le graphiste n'a plus qu'à "habiller" ces maquettes.
    Maquettes ergonomiques
  • Partie visible de l'iceberg, le webdesign est ce qui séduit en premier dans un site. On parle aussi d' "habillage graphique" en ce qui concerne les maquettes ergonomiques. La création graphique donne le ton général du site et fait des choix concernant les couleurs, typographies, images, animations qui seront utilisées sur le site.
    Le maquettage graphique est soumis sous forme d'images JPEG statiques et non-fonctionnelles que l'on peut critiquer.
     
    Le webdesigner travaille à partir d'un brief fourni par le donneur d'ordres et/ou le chef de projet. Le brief détaille, au minimum, les contraintes de la charte graphique - s'il y en a une - les objectifs et cibles du site, des orientations souhiatées et des exemples de site.
    Les contraintes techniques devront aussi être développées. En effet, le graphiste ne réalisera pas le même travail s'il s'agit d'un site en flash ou d'un site réalisé avce un CMS, tel que le CMS Drupal.
    Web-design

  • L'essentiel du travail de développement consiste à déployer la solution choisie sur le serveur de test "à vide".

    Il est ainsi possible de tester le côté fonctionnel - par opposition à son apparence - au fur et à mesure du développement.

     

    Dans le cas du CMS Drupal, ce travail consiste en déployer le "core" de Drupal, d'installer et de paramétrer les principaux modules et de créer les blocs et les views nécessaires au site.

    Déploiement...
  • Vient ensuite l'intégration du design, c'est à dire tous les éléments graphiques et concernant l'apparence du site. Ces éléments seront intégrés via les styles CSS :
    => Typographies
    => Couleurs et couleurs de fond
    => Espacements entre chaque élément
    => Images
    => Etc.
    ...Intégration design

  • Le donneur d'ordres est directement intégré aux phases de tests. Dans la mesure du possible, les fonctionnalités sont livrées au fur et à mesure selon une décomposition des tâches préalablement définie.

     

    Une fonctionnalité est donc développée, immédiatement testée par le chef de projet puis soumise au donneur d'ordre qui peut alors à son tour tester en fonctionnement réel et émettre ses premiers retours.

     

    Ces premiers tests concernent uniquement le côté fonctionnel du module soumis et répondra donc aux questions suivantes :
    => Est ce que je peux réaliser les opérations prévues au cahier des charges ?
    => Est ce que lorsque je réalise telle action le site réagi comme il faut ?
    => Est ce l'internaute a accès aux bons éléments ?
    => Est ce qu'il existe des bugs* ?
    => Etc.

     

    En bout de chaîne, seront notés et corrigés tous les éléments correspondant au "tuning" du site, c'est-à-dire les styles : tailles et couleurs de police, position des éléments entre eux, ajustement sur les jquery (vitesse de l'animation par exemple), etc.

     

     

    * Définition d'un bug informatique :
    Un bug est un défaut de conception d'un programme informatique à l'origine d'un dysfonctionnement. Un bug peut être :
    => soit un non-respect de la spécification du système (c’est-à-dire de la définition de ce que le système est censé faire),
    => soit un comportement inattendu non couvert par la spécification (par exemple, cas non prévu de deux actions contradictoires à traiter simultanément, cas du bug de l'an 2000).
     

    Tests & tuning

  • L’hébergement d’un site internet consiste à localiser un nom de domaine sur un serveur web et à y stocker les éléments constitutifs du site (pages html, base de données, images...) pour les rendre accessibles sur le réseau internet.

     

    Lorsqu'un visiteur demande une page à son navigateur web (Internet explorer, firefox…), celui-ci interroge des serveurs DNS pour connaître l’adresse IP du serveur hébergeant ce site. Dès qu'il obtient la réponse, le navigateur va interroger ce serveur et lui demander cette page. Le serveur web va alors chercher la page sur son ou ses disques durs (s'il s'agit d'une page statique), ou la générer à l'aide d'un script (s'il s'agit d'une page dynamique), puis l'envoyer au navigateur, qui l'affiche sur l'écran du visiteur.

     

    Comment juger de la qualité d’un hébergement ?

    Le choix d'hébergement se fait à partir de quatre éléments : l'espace alloué, le trafic autorisé, la vitesse de connexion proposée et le niveau de service.

    Hébergement

  • La première composante du webmarketing est la définition de la stratégie. A l’instar des stratégies de communication traditionnelles, les outils webmarketing doivent être choisis en tenant compte des contextes (concurrentiels, technologiques, communicationnels, etc.), des cibles, du positionnement de la marque et doivent permettre de mener à bien des objectifs préalablement définis.

     

    Le webmarketing stratégique recouvre les interventions suivantes :

    • Analyse de la demande
    • Veille stratégique
    • Etude sur le positionnement du site : dans quels moteurs, sur quels mots-clefs, quelles sont les pages bien positionnées, analyse du volume du trafic, etc.
    • Plan d’actions : Choix des outils, définition du calendrier, répartition des rôles, etc.

    La stratégie est réévaluée au cours des actions en fonction des résultats obtenus.

     

    En pratique, une stratégie webmarketing peut s’articuler autour des actions et/outils suivants :

    • Référencement naturel (Analyse et choix des mots-clés, Optimisation de sites statiques et dynamiques, Placement de liens stratégiques, Suivi du positionnement et analyse de l’audience, Rapport de positionnement)
    • Social Media Optimization (SMO)
    • Référencement sponsorisé (SEM)
    • Campagnes de publicité en ligne (e-publicité)
    • Analyse du trafic d'un site internet
    • Programme d'affiliation
    • Fidélisation Clients
    • Etc.

     

    Découvrir Ebiz-webmarketing - Internet marketing services provider

    Web-marketing
  • La formation des divers administrateurs des sites requiert une attention toute particulière afin d’atteindre les objectifs d’animation du site et d’évolution des fonctionnalités. Ces formations doivent induire une parfaite autonomie des divers contributeurs au contenu du site et un transfert de compétences aux administrateurs.
     
    Afin d’atteindre ces objectifs, nous mettons en place dès le début des prestations une méthode pour une prise en main progressive de l’outil par un administrateur principal. Ce dernier sera associé à l’ensemble du déploiement et formé progressivement à l’utilisation de la plateforme.
     
    Parmi les thèmes abordés les plus courants pour une formation à un site Drupal, nous retrouverons :
    • Présentation et utilisation des principaux modules par défaut comme la taxonomie, les menus, les permissions utilisateur…
    • Publication des premières pages avec Drupal et création d’un menu de navigation.
    • Présentation et utilisation de modules indispensables sur drupal.org comme tinymce, image, panels...

     

    Ebizproduction dispose de l’agrément « Organisme de formation » enregistré sous le n° 93131327613.

    Formation
  • Un site internet est "vivant" - fini les sites entièrement statiques en html - les internautes et google aiment le renouvellement et la nouveauté. L'idéal est que le donneur d'ordres soit l'administrateur direct du site. Ce n'est pas toujours le cas. L'agence prend alors le relai et peut intervenir pour les prestations suivantes :
    • Intégration des contenus à la création du site
    • Mises à jour simple
    • Création / rédaction de contenus
     
     
    L'agence peut aussi intervenir sur la production des contenus et leur relai hors-site :
    • Sur les réseaux sociaux (twitter / facebook / linkedin / viadéo)
    • Diffusion de communiqués de presse en ligne
    • etc.
    Webmastering

  • Au delà de la phase initiale de développement du site, il convient de maintenir le site et il est parfaitement possible de le faire évoluer, même après la mise en ligne. L'agence web intervient pour :

    • La maintenance de la plateforme technique qui correspond à toutes les interventions de maintenance régulière sur le CMS Drupal (Mise à jour des patsch, mises à jour sécurité, interventions en urgence comprises)
    • Ebizproduction assure le support technique et la maintenance corrective du socle technique et des modules associés. Interventions relatives à des problèmes intrinsèques à l'application.
    • Maintenance évolutive sur demande

     

    Les interventions listées pendant la semaine sont réalisés à partir du lundi suivant dans la limite de 5 jours, sauf exception signalée lors de l'accord sur les opérations à réaliser.

    Maintenance

Twitter

Facebook