Archives pour la catégorie Outils

Développeur web, les liens utiles à garder sous le coudes

Les outils, c’est toujours quand on a besoin que l’on ne le retrouve plus ! Je prend sur moi et vous offre une liste de ressources vraiment utiles à garder sous le coudes (un autre traitant du sujet à lire par ici). D’ailleurs il faut vraiment le garder sous le coude puisque  j’ajouterai au fur et mesure d’autres liens (merci d’en soumettre en commentaire ;) ) Lire la suite

Gestion de projet, les outils indispensables

C’est un peu large de parler de gestion de projet, mais dans l’idée, ce billet va me permettre de recenser toute sorte d’outil inline ou desktop indispensable a la gestion d’un projet. Wireframe, outils de gestion collaborative, ou encore liste de tâches à faire.

Todo list

  • Je n’ai pas testé, mais de ce que j’ai pu en lire il mérite le coup d’œil : Hub List ,affectation des tâches multi-niveau, outil amené à se développer au vue des remarques utilisateur… à tester !
    http://hublistapp.com/
  • sur le papier, et comme m’en a parlé ce cher geekarlier, Pivotal Tracker a l’air vraiment pratique pour la gestion de tâches répartis par projet.
    http://www.pivotaltracker.com/
  • Proposé en commantaire, j’ai testé et je confirme, Taskii est simple d’utilisation, ergonomique et réponds bien aux attentes.  J’aime beaucoup cet outil, ce n’est pas une usine à gaz, on à l’essentiel et c’est efficace.
    http://www.taskii.com/
  • Propositions de tony en commentaire, Collabtive que je n’ai pas testé, todoyou dont la demo en ligne est out, mais qui me semble plus ergonomique que Manymoon, dont le principe est intéressant pour le couplage aux apps gmail qu’il est possible de lier.
    http://collabtive.o-dyn.de/
    http://www.todoyu.com/
    http://www.manymoon.com

Wireframes, Mockups

  • L’incontournable Mockups de Balsamick, super fun et convivial, outil desktop en AIR, mais une version payante en ligne est aussi dispo
    http://balsamiq.com/products/mockups
  • Le fameux Cacoo, dans le cadre d’échanges collaboratif en ligne et pour ses fonctionnalités avancés pour faire du zoning et des wireframe, il est au top !
    http://cacoo.com/

Joomla ! les meilleurs ressources

Un bon article qui recense les meilleurs ressources disponible pour Joomla ! Article qui va s’enrichir au fur et à mesure des trouvailles :)

Templates

Personnellement, je les fais moi même, mais il est parfois utile d’en utiliser (hop hop, c’est vite fait Msieurs, Dames !)

  • http://www.joomla24.com/

Générateur de fichier XML

C’est trop pratique, on crée notre composants / modules / templates et avec un de ces outils nous avons de jolis xml tout fait !

Générateur de module /templates complet

Très pratique !

Modules utiles, bien fait et efficace

Social

Docs pour le développement

  • Les JForms sous joomla 1.6

    http://www.howtojoomla.net/how-tos/development/getting-started-with-jform

  • Databases avec JdatabasesQuery, pour joomla 1.6

    http://www.theartofjoomla.com/home/9-developer/135-database-upgrades-in-joomla-16.html

Git, trucs et astuces

Recette du succès pour la gestion de vos projets sous GIT.

J’ai pas mal galéré, j’ai beaucoup fouiné, énormément lu pour utiliser GIT dans le cadre de la gestion de projets web(en agence ou à titre perso) et mes connaissances en administration système, étant relativement basique, m’ont franchement penalisé.

Ayant enfin l’impression d’avancer sur la partie « workflow » je vais décrire ci-dessous la méthodo et surtout expliquer la partie technique de mise en place de ce workflow.

Pour commencer l’environnement : Une debian sur un dedibox v3 avec Ispconfig en panel d’admin (très pratique pour la gestion des « sites », compte utilisateur FTP/SSH et base de données). Bon je passe sur les bases (PHP d’installé, MySQL, …)  et passons de suite sur un petit sommaire.

  • Création du dépot centrale
  • Création du projet en local
  • Configuration du système

Création d’un dépot central vide

Il faut au préalable crée un projet vide sur l’espace en ligne ou sont stocker tous les git –bare

git init --bare
git config user.name depo
git configure user.email depo@depo.com

On fait ensuite un clone en local

git clone ssh://user_git@git.depot.fr/~/projects/mon projet.git
git config user.name Fabien
git config user.email mail@gmail.com

On démarre notre projet ou l’on copie colle les fichiers existant d’un projet puis on push sur le depo central

git.exe push --progress  "origin" master:master

Voilou pour le partage d’un projet, il suffit de faire de même chez les collègues pour qu’ils puissent bosser sur le projet

Configuration du système

Ce qu’il faut maintenant c’est avoir une version en ligne de dev qui permet de partager le dev de tout le monde. Pour cela on va créer sur un espace de dev dédié et cloner notre projet comme on le fait en local (a noter que l’on reste sur la même machine dans cet exemple)

git clone  ... (path) (Attention : penser à redéfinir ensuite l'url du remote du fichier .git/config et le faisant pointer en direct. Ex : url = /var/www/site/projet.git)

Une fois cela fait il faudrait dans un monde parfait que cette version du projet en ligne se mette toute seule à jour au fur et à mesure des commits.

On va pouvoir faire cela grâce aux hooks de git. Il existe des fichiers de samples dans le repertoire hook de /.git. On va copier le post-receive.sample et le modifier

cp .git/hook/post-receive.sample .git/hook/post-receive && vim .git/hook/post-receive

Dans ce fichier on va appeler un script bash qui va s’occuper de faire un git pull pour le/les projets sous git de notre serveur

#!/bin/sh
sudo -u userdev /usr/local/bin/pullhere /var/www/html/dev/

Il faut à présent rendre le fichier executable :

chmod a+x hooks/post-receive

Le fichier pullhere est composé de ceci :

#!/bin/sh cd "$1" git pull 

Il faut lui aussi le rendre executable :

chmod a+x hooks/post-receive

Bon là on va avoir un gros problème … un très gros problème … un problème de droits. Alors pour se faire il faut passer par sudo et expliquer à ce monsieur qu’il n’a pas besoin de mot de passe pour se faire passer pour l’utilisateur a qui appartient l’espace de dev. Pour ça il faut editer la conf de sudo via « visudo » et ajouter la ligne suivante :

usergit ALL = (userdev) NOPASSWD: /usr/local/bin/pullhere

Voilà pour l’essentiel. Je reviendrais affiner ce billet pour détailler un peu plus les manips et surtout mettre en avant les problèmes liés à ce workflow.

Petite note pour ceux qui galère :

Pour ceux qui utilise tortoisegit il faut bien respecter une certaine « procédure » sinon on risque de se casser un peu les dents sur des erreurs à répétition. Il faut par exemple laisser tortoise créer le répertoire sur votre poste en local. Sinon il n’arrive pas à cloner si le nom du repertoire git distant est le même que le rep en local que vous avez créé. Du coté server aussi, pensez à bien indiquer le chemin du dépot (source de galère sans nom).

 Astuces :

Il m’est arrivé de récupérer un dépôt git no-bare (c’est à dire sans fichier directement exploitable). Evidement, simplement le stocker sur un serveur distant n’a pas suffit pour faire un clone (erreur d’INDEX-PACK). J’ai simplement rapatrié le dépôt sur mon disque dur, puis j’ai cloné en local. Plus qu’à, reboutiquer et renvoyer sur un dépôt en ligne.

Supprimer un fichier dans le suivi. Il arrive que l’on souhaite ne plus suivre un fichier que l’on aurait ajouté par inadvertance (git add .). Voici l’astuce :
Commencez par un git rm –cached nomdufichier (« –cached » pour conserver le fichier physique) puis faite la mise à jour du dépôt via un commit. Pensez à ajouter ensuite le fichier dans le .gitignore pour éviter qu’il se retrouve à nouveau dans le suivi.

A voir aussi

Les docs « officiels »

Les articles et autres tutos bien fait

Wiki, Cheat sheet, les commandes de base

  • http://www.devdaily.com/git/git-cheat-sheet-git-reference-commands

Noupe, à suivre !

Je suis abonné à la newsletter du site noupe et il y a quasiment une perle un billet par jour, je tags tout ça via mon compte deilicious, mais je pense que recenser ici les billets vraiment intéressants serait plutôt une bonne chose. Une espèce de synthèse du top de top du site noupe.  Les billets sont catégorisés pour plus de clarté

Photoshop

Illustrator

Les outils du Designer/Développeur web … et des autres !

http://www.openjs.com/scripts/jslibrary/demos/crontab.phpVoici ci-dessous une petite collection des outils indispensables pour tout bon Designer/Développeur web.

Générateur de code couleurs

Générateur structure html

Générateur de menu en CSS

Générateur de Sprite CSS

  • http://spritegen.website-performance.org/ : ce générateur est devenu indispensable pour moi. Créer un sprite de plusieurs image avec le code CSS qui va bien est l’affaire de 2 min chrono ! Indispensable je vous dis.
  • http://www.spritebox.net/ : encore plus fort, découpez en ligne votre composition graphique pour générer vos sprites !

Générateur de Formulaire

  • http://www.webformfactory.com/ : j’ai testé … et j’ai pas tout compris ! Il faut que test davantage cet outil. Il génère pas mal de ficheirs et de répertoire… à suivre
  • http://faary.com/ :  cet outil est plutôt bien fait, très simple d’utilisation. J’aime moins les fichiers générés et la structure html en ul li pour les champs !
  • http://www.phpform.org/ : pour généré rapidement et efficacement un formulaire, il est au top ! Par contre pas de traitement tout fait derrière (pour cela il faudra passer par la version payante)
  • http://wufoo.com/gallery/ : générer vos formulaire ou pompez-en 1 existant dans la galerie (possiblités de les télécharger) très tendance et plutôt  convivial, voir ludique

Générateur de Texte et CSS

Générateur d’images et background

Générateur de favicon

Générateur CCS et CSS3

Générateur de loader

Générateur de code 2D

Générateur … de n’importe quoi !

Générateur pour admin sys pas doué ou pas motivé !

Outils pratiques divers

Github

Aujourd’hui, petit détour sur github pour utiliser ce gestionnaire de version aux abords pas évident.

1ère étape : créer son compte sur github puis créez un dépôt qui servira pour stocker notre projet en ligne.
2ème étape : installer Git sur son poste (sous windows) http://git-scm.com/download, cela permettra d’utiliser un terminal pour la ligne de commande.
3ème étape : se rendre dans le répertoire en local qui contient le projet puis clic droit le repertoire et cliquez sur « Git bash here ». Cela aura pour effet de lancer un terminal pointant directement dans le repertoire du projet.

Voilà pour le principal en préparation. Maintenant passons aux différentes commandes possibles pour gérer son projet avec Github.

1) git init // pour créer le dépôt en local
2) git add . // ajouter le repertoire courant
git add *.php // ajouter tous les fichiers php dans le repertoire courant
git add index.php // ajouter le fichier index.php
3) git commit -m « Initial commit » // le -m permet de spécifier directement en ligne de commande le message, sinon un éditeur s’ouvre
3 bis)git commit -a // pour pousser les modifs dans le dépôt
4) git remote add origin git@github.com:bachkoutou/test.git // pour mettre en ligne sur github
5) git push origin master // on met à jour !

Cet article est en cours de rédaction, merci de votre clémence :)

réf: http://www.berejeb.com/2009/10/apprendre-a-utiliser-git/

Organiser/trier ses fichiers vidéos, photos et/ou autres

Un peu comme tout le monde, je suis souvent confronté à une gestion tentaculaire de mes fichiers. Que ce soit les milliers de photos (rien que pour une sortie au zoo, on est revenu avec 1230 photos !), les vidéos ou encore les multiples ressources téléchargés sur le net, c’est toujours une galère !

Donc voici quelques petites perles, c’est vrai que c’est important, correspondent parfaitement à ce que je souhaitais. En effet il existe beaucoup de solutions et souvent c’est le petit détail qui fait que la solution n’est pas adaptée au besoin(on remarquera que ça s’applique parfaitement et directement à mon boulot !).

Donc pour commencer voici un petit soft qui permet de copier (ou renommer directement) ses photos via leurs données exif. C’est tout simplement excellent car cela permet de les renommer de multiples façon par rapport aux infos exif (date de prises de vue mais aussi focal, diaphragme ou iso !)

Nom : Copie, Renommage selon les données EXIF ou SelonEXIFs
Url :  http://ericsfreew.chez-alice.fr/SelonEXIFs/index.htm

Je vous invite à consulter le site de l’auteur Eric Sagel, qui a développé d’autres outils simples mais très puissants : http://ericsfreew.chez-alice.fr/

Ensuite un autre soft pour là, trier et organiser tous vos fichiers en les renommant avec de multiples possiblités (date, numéro auto), etc…

Nom : Métamorphose
Url : http://www.framasoft.net/article4371.html ou directement : http://file-folder-ren.sourceforge.net/

J’espère que ces outils pourrons vous être utiles,  cela vous évitera peut-être des heures de recherches :)