Archives pour la catégorie ‘ Trucs et astuces’

Création d’un dépot Subversion chez ovh

Mise en place d’un dépôt svn chez ovh

Préalable :

  • Nécessite d’avoir un hébergement au minimum de type « Pro » chez ovh
  • Quelques connaissances en lignes de commandes

Ce tutoriel explique comment gérer un dépôt svn chez l’hébergeur ovh, et comment configurer son ordinateur tournant sous Windows pour utiliser ce dépôt.

Création du dépôt :

Avant toute chose, il est nécessaire de télécharger et d’installer l’utilitaire « Putty » depuis la page http://www.chiark.greenend.org.uk/~sgtatham/putty/download.html

  • Télécharger le fichier A Windows installer for everything except PuTTYtel
  • Procédez à l’installation du fichier téléchargé.
  • Lancez « Putty »

Connection ssh avec putty
Dans le host name, saississez ftp.yourdomain.com, laissez les autres options par défaut et cliquez sur le bouton « Open ».
Il vous est ensuite demandé votre nom d’utilisateur et votre mot de passe, qui correspondent à vos identifiants ftp principaux. (Les comptes ftp supplémentaires ne fonctionnent pas, il y’ a uniquement un utilisateur SSH par compte ovh)

Vous arrivez ensuite à la racine de  votre hébergement et vous pouvez listez le contenu de celui-ci via la commande linux « ls »


Créer un dossier « svn » si il n’existe pas, et attribuez lui un chmod de 755.…

2 commentaires

Création d’un plugin de suivi de temps pour Mantis Bugtracker

Mantis BugTracker : Création d’un plugin « Suivi du temps »

Edit 29/04/2013 :  Dernière informations sur le plugin : https://www.h-hennes.fr/blog/plugin-suivi-de-temps-pour-mantis-bugtracker/

J’utilise au quotidien la plateforme Mantis Bugtracker pour gérer mes tâches en cours, et suivre le temps que je passe sur les différents projets.

A ce titre j’ai customisé l’installation de base avec l’ajout de nouvelles fonctionnalités  tels que la mise en place d’un éditeur wysywig(TinyMce) ou la possibilité de créer un bug directement via l’envoi d’un email.

Aujourd’hui je vais vous présenter un plugin que je viens de développer pour afficher le temps que je passe sur chaque intervention.
Nous allons voir ensemble toutes les étapes de son développement.
( Ma version de mantis est la 1.2.4)

Voici un apperçu du rendu final du plugin :

Calendrier Mantis
Avant toute chose pour que ce plugin fonctionne il est nécessaire d’activer la gestion du temps dans Mantis.

Pour ce faire il est nécessaire de rajouter la ligne suivante dans le fichier « config.inc.php »

$g_time_tracking_enabled = ON;

Suivi du temps avec Mantis bugtracker

 

 

 

 

Cette ligne rajoute l’option “Suivi du temps (HH::MM) dans l’ajout des commentaires sur les bugs.…

12 commentaires

Mozilla Prism : Créer une application à partir d’une page web

Petite astuce pratique aujourd’hui avec l’utilisation de Mozilla Prism , ce logiciel vous permets de créer une application à partir d’une page web.
Cela vous permet donc d’accéder directement à la page internet de votre choix depuis un raccourci sur votre bureau !

L’arrivée de cette fonctionnalité n’est pas nouvelle mais j’ai redécouvert dernièrement son intérêt dans le cas suivant :

J’écoute de la musique toute la journée sur des sites de streaming de type GrooveShark ou Deezer qui tournent dans un onglet spécifique de mon navigateur.
Hors de temps de temps, une erreur de clic me faisait fermer cet onglet sans le vouloir….
Ces sites sont également de grands consommateurs de mémoire pour le navigateur, ce qui faisait ralentir et planter souvent firefox.

En utilisant Prism, il devient donc possible de s’affranchir de ces contraintes de manière simple et intuitive !

Mozilla Prism

Si vous aussi vous souhaitez profiter de ces fonctionnalités n’hésitez pas à télécharger ce logiciel : http://prism.mozillalabs.com/

Pas de commentaires

Les alternatives gratuites à deezer

La semaine dernière Deezer à lancé un pavé dans la mare en restreignant de manière conséquente l’accès gratuit et illimité à la musique en ligne sur son site.
Les nouvelles règles ne permettent plus à  un utilisateur au quotidien ce service comme moi de profiter de l’écoute de la musique gratuite, puisque celle-ci est limitée à 5 heures par mois

Autant dire très peu de temps, puisque j’ai épuisé ce crédit en moins d’une journée.
Avant de me poser la question si il était nécessaire de souscrire à un abonnement , j’ai tout de même cherché si il existait des alternatives gratuites.
( Même si en soit, je ne trouve pas l’abonnement à 5€/mois exhorbitant au vu de mon utilisation, je trouve que je paye déjà assez d’abonnements pour ne pas encore en souscrire un de plus…)

Et effectivement des sites gratuits existent encore  !

Je passerais rapidement sur Jamendo , qui propose des morceaux libres de droits, donc écoutables et téléchargeables gratuitement et de manière toute à fait légale.…

Pas de commentaires

Truc et astuces : [Chrome] Contourner l’erreur d’affichage de la propriété background-image sur un tr

Un petit tip que je partage avec vous aujourd’hui car j’ai pas mal cherché sur internet une solution qui me convenait.

Le problème que j’ai rencontré est le suivant :
Sous Google Chrome et Safari, l’image de fond attribuée à ma ligne de tableau <tr> ne s’affichait pas correctement, et était reprise par chaque cellule du tableau.

Voici l’aperçu problématique :
erreur affichage

Voici le code html du tableau

<table border="0" cellspacing="1" cellpadding="1">
<tbody>
<tr class="bg_realisation_small">
<td class="bg_realisation_gauche_chrome">
<h3>AVANT</h3>
<img style="width: 260px; height: 195px;" src="realisations-5.jpg" alt="" /></td>
<td class="bg_realisation_droite_chrome">
<h3>APRES</h3>
<img style="width: 260px; height: 195px;" src="realisations-4.jpg" alt="" /></td>
</tr>
</tbody>
</table>

Le principe du hack constiste à supprimer le fond de la balise tr et à l’appliquer aux éléments td en spécifiant la position du fond.

Voici le Css du correctif :

tr.bg_realisation_small {
	width:550px;
	height:290px;
	background-image:url('bg-nos-realisations-small.gif');
	background-repeat:no-repeat;
}
//hack Safari
@media screen and (-webkit-min-device-pixel-ratio:0) {
 
tr.bg_realisation_small { background:none;}
tr.bg_realisation_small .bg_realisation_gauche_chrome,
 tr.bg_realisation_small .bg_realisation_droite_chrome{
 background-image:url('bg-nos-realisations-small.gif');
 }
.bg_realisation_gauche_chrome {
background-repeat:no-repeat;
background-position:top left;
}
.bg_realisation_droite_chrome {
background-repeat:no-repeat;
background-position:top right;
}
}

Une fois le hack appliqué, le rendu est maintenant OK sous Chrome !…

1 commentaire

Personnaliser son profil facebook

Avec la nouvelle version de facebook, il est désormais possible de personnaliser son apparence en jouant sur les tags.

Dans cet article je vais vous expliquer comment arriver au résultat ci-dessous.

Profil facebook personnalisé

Et comme je suis sympa je vous fournis même le psd pour réaliser la manipulation encore plus rapidement !
( Il est donc nécessaire d’avoir Adobe Photoshop, si vous le possédez pas vous pouvez télécharger une version d’évaluation depuis la page suivante : https://www.adobe.com/cfusion/tdrc/index.cfm?product=photoshop&loc=fr_fr )

Télécharger le psd

Voici maintenant la procédure à suivre dans Adobe Photoshop

  • Ouvrez le fichier profil-facebook.psd
  • Ouvrez l’image que vous souhaitez insérer comme profil facebook
  • Importez la dans le fichier facebook, en plaçant le calque en 2ème position
  • Disposez l’image comme vous le souhaitez

Voici l’apperçu dans photoshop

Profil Facebook Photoshop

  • Une fois que le rendu vous satisfait, faites « enregistrer pour le web » (Raccourci : Maj+Ctlr+Alt+S) ou via le menu Fichier/Enregistrer pour le web.
  • Dans les options d’enregistrement, prenez le format JPG, et cliquez sur enregistrer.
Pas de commentaires

E-book pour tirer le meilleur parti de Twitter !

Twitter

Tout comme moi vous ne parvenez pas à saisir l’intérêt du site de micro-Blogging Twitter ?
Rendez vous sur le blog du modérateur qui nous propose un e-book complet sur le sujet !

http://moderateur.blog.regionsjob.com/index.php/post/Ebook-Tirer-le-meilleur-parti-de-Twitter-2eme-edition

Après cela vous n’aurez-plus aucune excuse pour ne plus utiliser twitter ! ^^

(Pour ma part je l’utilise uniquement comme outil de suivi d’actualité, je ne poste quasiment jamais d’informations)…

Pas de commentaires

Conversion d’une police ttf en eot

Dans le cadre de l’intégration du nouveau design sur le site et le blog, je suis comment souvent confronté aux spécificités d’Internet Explorer qui ne fait jamais rien comme tout le monde.

Dans le cas présent je souhaitais importer une police spécifique pour les menus du haut et du bas.
Pas de problèmes sous Firefox et Google Chrome, j’ai récupéré la police souhaitée dans le dossier des polices de Windows (Windows/Fonts/) et je l’ai importé dans mon fichier de style via le code suivant  et le tour est joué.

@font-face {
font-family: « Segoe » ;
src: url(« ../font/segoeprb.ttf ») format(‘opentype’);
}

Après plusieurs recherches sur Internet je comprends que pour Internet Explorer il sera nécessaire de convertir cette police au format « .eot » afin de pouvoir réaliser cet import.
Un logiciel windows « archaïque » est disponible pour réaliser cette manipulation : WEFT (Web Embedding Fonts Tool), mais son fonctionnement est difficile à comprendre et il a été réalisé pour Windows 98 !!…

Pas de commentaires


Compte Github