Catégories
Design

Améliorez le design de votre site internet

Grâce à 3 gros projets en cours, j’en profite pour revister les classiques. Ci dessous une liste de 22 adresses proposant des kits graphiques ( web templates ) gratuits pour vous aider à construire un site internet qui corresponde au mieux à son contenu:
Améliorez le design de votre site internet -

  • Freshtemplates.com
  • Effex-media
  • Zerodollartemplates
  • Templatesbox
  • Mastertemplates
  • Freewebsitetemplates
  • Anvisionwebtemplates
  • Templateyes
  • Templateworkz
  • 4layouts
  • Freetemplates
  • Freephotoshoptemplates
  • Allfreetemplates
  • Freetemplatedesigns
  • Zymic
  • Freepsd
  • Mamboteam

D’ici quelques jours, je reviendrai sur de nombreux aspects de la gestion de projet web dans le cas de la refonte d’un site et de la récuperation des specifications.

Catégories
Productivité

Gratuit : tout MS Office et Adobe Creative Suite en quelques fiches

Fiches visio par Customguide
Fiches visio par Customguide

Le site dreamweaver gratuit vient de publier une note couvrant la sortie d’une fiche pense-bête pour la version CS3 du logiciel d’adobe. Initialement gêné par le fait que ce ne soit que pour CS3 alors que CS4 est sorti depuis quelques mois déjà, j’ai voulu creuser un peu la source citée. 2 clics plus tard, je découvre une page complète de fiches couvrant une grande majorité des outils que l’on peut utiliser aujourd’hui: la suite Office (2000 à 2007) et Adobe. Je doute qu’un pense-bête puisse faire découvrir quoique ce soit de vraiment nouveau, mais je me suis rendu compte à l’usage, que cela peut quand même vous faire gagner du temps. Ce n’est déjà pas si mal.

Cliquez-ici pour acceder à la page contenant toutes les fiches, libres de droits.

Puisqu’on aborde le sujet de la formation en ligne, je ne saurai trop vous inviter à jeter un coup d’œil sur l’excellentissime Net Tuts. Ce site, très 2.0, publie chaque jour une nouvelle formation en ligne qui peut toucher à n’importe quel logiciel, langage, technologie que vous pourriez être amener à utiliser.

Catégories
Découvrir

Recrutement : les bonnes questions pour recruter des chefs de projet internet

La fin de l’année est toujours une bonne période pour faire un point sur les ressources et la direction que l’on souhaite donner pour la rentrée. Qu’il s’agisse d’outsourcing, de candidats en interne ou de croissance organique, le contexte actuel rend la sélection des membres de vos équipes encore plus critique. Pour ne pas réinventer la roue à chaque entretien, voici quelques questions que j’ai pu mettre de côté au fur et à mesure.

Gestion de Projet

Le candidat doit se faire reconnaître dans sa capacité à atteindre se objectifs en temps voulu, organiser les activités et les ressources. Le candidat pourra aussi se démarquer de la concurrence en convainquant les recruteurs qu’il sait mettre en place des workflows fluides, qu’il mesure son impact et revient dessus, qu’il sait simplifier des procédures et enfin dans sa capacité a créer des synergies avec les autre membres des équipes.

Compétences clés

  • Une tendance naturelle à organiser les actions, à imaginer les séquences
  • Anticiper les conséquences et problèmes
  • Mettre en place des boucles de validation
  • Influencer sans imposer
  • Simplifier là où il y a de la complexité

Questions

  • Pouvez-vous revenir sur une procédure que vous avez imaginé, organisé et implémenté ? Quelles barrières avez-vous rencontré ?
  • Pouvez-vous  détailler une procédure que vous avez du remanier ? Comment s’est articulé le changement ? Qu’est ce qui a motivé ce changement ?
  • Avez-vous déjà géré des ressources qui dépendaient d’une autre autorité ?
  • Avez-vous déjà formé des ressources à une procédure ?

Mettre une équipe sur pied

Un bon gestionnaire doit savoir transformer des individualités en esprit d’équipe, partager les succès et les échecs, encourager le dialogue et surtout responsabiliser ses équipes. On peut découper ces points comme suit:

Compétences clés

  • Contruire une équipe
  • Recruter des coéquipiers
  • Motive ses partenaires
  • Sait s’impliquer dans le travail et les challenges des autres

Questions

  • Dans votre poste actuel, pouvez-vous donner un exemple d’un moment où vous avez eu des problèmes à aligner les membres d’une équipe ? Quel était ce problème ? Comment avez-vous trouvé une solution ?
  • Dans vos prétendantes collaborations (supérieurs, collègues ou employés), vous avez certainement déjà dû changer votre point de vue sur une situation pour comprendre les points bloquant. Pouvez-vous décrire cette expérience ?
  • Avez-vous eu une expérience où prendre le temps de construire un consensus était le meilleur moyen d’atteindre votre objectif ?
  • Avez-vous déjà travaillé en équipe à la résolution d’un problème ? En quoi était-ce une expérience différente ?  Comment partagiez-vous les responsabilités ?
  • Parfois il arrive que l’on se trouve dans une position de coach, que ce soit forme ou informel, volontaire ou non. Avez-vous déjà conseillé un collègue sur des démarches ou des directions ?
  • Avez-vous déjà fait face a un membre de votre équipe en totale opposition à votre plan ? Comment avez-vous renversé la situation ?
La réalité des entretiens

Communication vers le haut

En temps de crise encore plus qu’en temps normal, il est vital de savoir donner les bon signes à la ligne hiérarchique. Faire bien et en temps voulu n’est pas assez, il faut vendre ses résultats. Le candidat serait-il à l’aise avec des directeurs, sait-il changer de perspective et de langage et sait-il construire un réseau d’alliés ?

Compétences clés

  • Savoir être en désaccord avec sa hiérarchie
  • Capacité à anticiper les questions et doutes de sa hiérarchie
  • Capacité à s’adapter à une audience de directeurs
  • Capacité à se relever d’un échec

Questions

  • Avez-vos déjà eu des expériences conflictuelles ou des échecs dans votre communication N+1 ou +2 ?
  • Avez-vous déjà eu des collaborations significatives avec des dirigeants ? Comment s’est passé cette relation ?
  • Comment géreriez-vous l’annonce d’une mauvaise nouvelle à un directeur ou quelqu’un de plus « senior » que vous ? En quoi cela changerait votre préparation, votre message ?
  • Quelle était la dernière fois ou vous avez dû vendre un projet au comité de direction / de pilotage ?

Réactivité

On a tous autour de nous des exemples de profils assez différents. Qu’ils soient répertoriés par les méthodes FORTÉ, Myers-Briggs ou autres, la diversité est de plus en plus un critère qui peut faire la différence entre une équipe qui marche bien et une équipe qui change les choses. Outre le résultat, c’est bien la capacité à réagir à une situation « impossible » qui est observée ici.

Compétences clés

  • Avoir de la répartie (appropriée)
  • Démontrer sa personnalité au delà de l’entretien classique

Questions

  • Combien de balles de golf peuvent tenir dans un bus ?
  • Vous êtes rétrécis à la taille d’une pièce de monnaie et votre masse est proportionnellement réduite afin de maintenir votre densité initiale. Vous êtes alors jetés dans un mixer vide. Les lames commenceront à tourner dans 60 secondes. Que faites-vous ?
  • Expliquez le terme « base de données », en trois phrases, à votre neveu de 8 ans.
  • Combien de fois par jour les aiguilles d’une horloge se chevauchent-elles ?
  • Vous êtes à une soirée avec un ami. Dix personnes y sont présentes, dont vous et votre ami. Votre ami parie que si vous trouvez une personne qui est née le même jour que vous, il vous donne 1€; que pour chaque personne qu’il trouve n’étant pas né le même jour que vous, vous lui donnez 2€. Accepteriez-vous le pari ?

Evidemment, la liste n’est pas définitive et ne peut pas correspondre aux besoins de chacun, mais ça devrait j’espère que cela va pouvoir vous indiquer une direction pour orienter vos questions et allez plus loin ! N’hésitez pas à proposer vos propres questions type ou à revisiter la définition du poste de chef de projet internet.

Bons entretiens !

Catégories
Productivité

« Afficher (vraiment mieux) la source » de vos pages web

Afficher la source de votre page web

Lorsque l’on fait un clic droit dans Internet Explorer, le système ouvre par défaut le bon vieux Notepad. C’est un simple éditeur de texte qui n’offre pas d’option de formatage, du coup, s’il fait bien ce pour quoi il a été conçu, il ne répond pas vraiment à ce besoin. On regarde rarement le code source d’une page pour le plaisir, c’est avant tout pour y trouver un bout de quelques lignes que l’on souhaite repiquer, pour corriger une erreur ou pour trouver des infos diverses et variées. Il suffit donc de troquer notre ami Notepad pour un de ses confrères un peu plus orientés Web… et c’est là que le bât blesse : on ne peut pas changer ce paramètre si l’on se borne aux menus habituels de Windows (toutes versions).

Changer mais pour mettre quoi ?

Je trouve que Notepad++ répond parfaitement aux attentes qu’on peut avoir. Il est très léger, convivial, gratuit et offre énormément de fonctionnalités. Vous pouvez le télécharger directement ici. Par défaut, il ressemble à ça:

Notepad ++

Lors de l’installation, le logiciel vous proposera d’en faire le lecteur de code source par défaut pour Internet Explorer. Ça tombe bien, c’est ce qu’on veut !

Notepad++ peut devenir votre visionneur de code source en un clic

Si vous n’êtes pas emballés, des contributeurs ont crée une page sur Wikipédia pour comparer tous les éditeurs de texte ! Par contre, il vous faudra changer vous-meme les paramètres de Windows. Pas de panique, ca va vous prendre moins d’une minute.

La base de registre

La base de registre est un peu un annuaire qui permet à windows de s’y retrouver. Ce registre est utilisé par les programmes que l’on installe tous les jours pour stocker vos préférences, numéro de série et autres informations qui pourraient être utiles si vous deviez réinstaller ou mettre à jour l’application en question. On peut virtuellement faire tout et surtout n’importe quoi avec cette base. Évidemment, si on fait une mauvaise manipulation, c’est mauvais signe pour la durée de vie de installation de Windows. Avant de faire le moindre changement, on prendra soin de faire une sauvegarde du système en créant un point de restauration ou une simple sauvegarde de la base de registre. C’est fait ? Pret à bidouiller ?

1) Cliquez sur « Démarrer » -> « Exécuter », puis taper « regedit » (sans les guillemets…). Ça va lancer l’application qui ressemble un peu à n’importe quelle application Microsoft des années 90.

L'application de gestion de la base de registre

2) Parcourez l’arborescence:

  1. HKEY_LOCAL_MACHINE
  2. Software
  3. Microsoft
  4. Internet Explorer

3) Dans la partie droite de la fenêtre, faites un bouton droit et créez un nouveau répertoire « View Source Editor » dans le répertoire « Internet Explorer ».

Creer une clef dans la base de registre

4) Dans cette nouvelle clef « View Source Editor », créez maintenant une entrée « Editor Name »

Là !

5) Il vous suffira ensuite de changer la valeur de ce paramètre par le chemin pour accéder à l’application que vous souhaitez utiliser

Chemin vers le programme de votre choix

Il y a bien sur d’autres moyens d’effectuer cette manipulation ayant tous leurs inconvénients. Là au moins on sait ce qu’on fait.

Et voilà
Gregory Raby

Catégories
Productivité

8 outils vitaux pour auditer, sécuriser et optimiser votre projet web

Alors que je suis en cours de finalisation d’un site pour un client, je voulais en profiter pour partager une série d’outils en ligne et côté client permettant de disséquer vos pages.

Pourquoi se faire du mal quand tout à l’air d’aller bien ? Tout simplement parce que vous êtes assis sur une mine d’information non-exploitées qui vous permettrait d’améliorer la compatibilités cross-navigateurs, le temps de chargement, fermer les failles de sécurité et de savoir si le site est toujours disponible quand vous n’êtes pas là pour regarder.

Plugins Firefox

YSlow

Plugin pour Firefox: YSlow

Vous connaissez certainement le service YSlow de Yahoo!, il s’agit de la version déportée, en plugin pour firefox. Comme dans la version hébergée chez yahoo!, vous obtiendrez un score sur 100 vous suggérant des catégories d’amélioration possibles. Tout n’est pas pertinent (le CDN par exemple n’est pas réaliste pour les sites en début de carrière).
>> https://addons.mozilla.org/firefox/addon/5369

Webdevelopper Toolbar

Plugin Firefox : WebDevelopper Toolbar

C’est à peu près ce à quoi on peut s’attendre. Une bar d’outils qui vient se nicher dans Firefox et qui permet d’appliquer une série de filtres à vos pages, de les éditer à la volée et de valider la qualité du code employé.
>> https://addons.mozilla.org/firefox/addon/60

Plugins Internet Explorer

Et oui il y en a aussi et étant largement méconnus, ca valait bien une mention spéciale.

DebugBar

Plugins pour IE : Debug Toolbar

Cette toolbar pour IE est assez similaire à la Webdevelopper Toolbar disponible pour Firefox. L’image ci-dessus vous donne un apperçu de ce que vous y trouverez.
>> https://www.debugbar.com

Services en ligne

Si Firefox nous permet de charger beaucoup de plugins vraiment utiles et performants, on reste dans le cas ou c’est votre connexion qui va aller faire les tests. Pas génial d’un point de vue méthodologique, d’autant que plusieurs critères peuvent donner des réponses variables en fonction de l’heure de la journée. Grâce aux services en ligne, vous pourrez effectuer des tests transparents et suivre la disponibilité de votre serveur en permanence.

Pingdom

Services en ligne : Pingdom

Excellent service permettant de visualiser ce qui se passe quand un navigateur tente d’accéder à votre site sous la forme d’un diagramme de Gantt. Très efficace et simple à interpréter, ce test se combine très bien avec YSlow; l’un vous donne des directions vers lesquelles creuser et l’autre validera la mise en place de vos changements. C’est grâce à Pingdom que je me suis rendu compte que le temps de réponse de mon héberger pourrait être optimisé… c’est une autre discussion, mais je recommande ce test avant de choisir un héberger.
>> https://tools.pingdom.com

Woozweb

Services en ligne : Woozweb

Encore un excellent service en ligne que j’utilise au quotidien. Woozweb vous donne un historique de la disponibilité de votre site. Leurs serveurs vont « pinger » votre site et mesurer le temps de réponse. Dans le cas ou le site réponde lentement voire pas du tout, vous recevrez un email disant qu’il y a des lenteurs ou un réel problème de disponibilité. Le robot sonde votre url toutes les 15 minutes et les résultats viennent alimenter un graphique quotidien qui est ensuite archivé.
>> https://www.woozweb.com

Applications côté client

Le « tout internet » est clairement une bonne chose… oui mais voilà, tous vos projets web ne sont pas forcement accessibles librement sur le net, ou dans certains cas, particulièrement les grosses applications, le nombre de requêtes ne permet pas d’utiliser un service gratuit. C’est là que les applications côté client prennent tout leur sens.

SoftX HTTP Debugger Pro

Identifiez les paramètres utilisés par les formulaires, les cookies, le code source de la page, debuggez le code Javascript et VB, creusez les alertes d’erreurs sur vos pages… Bref tout ce qu’il faut pour que les webmasters / analystes / développeurs travaillent au debuggage et à l’optimisation de votre projet web.
>> https://www.httpdebugger.com

Fiddler HTTP Debugger

Cet outil permet d’intercepter et de modifier à la volée les données échangées entre votre navigateur et un serveur. En réalité, il fait un peu plus que ca, mais ca ne nous intéressera pas ici. C’est une version un peu sous-dimensionnée de HTTP Debugger Pro mais il à l’avantage d’être gratuit et d’avoir une série de plugins qui peuvent rajouter des fonctionnalités intéressantes.
>> https://www.fiddlertool.com/fiddler

Il existe bien sur des centaines d’autres services (gratuits ou non) offrant des options similaires. Certains s’attaquent spécifiquement à l’optimisation de votre référencement (SEO), d’autres aux failles de sécurité etc… Ce n’est que mon humble liste mais n’hésitez pas à contribuer !

Greg

NB: les rapports générés par ces services sont des candidats idéaux pour alimenter votre « Tableau de bord » dans la série des KPI sur la santé de votre projet.