Solution de gestion et de facturation Invokit

Pourquoi cet enthousiasme?

• Avec Invokit un devis de 3 pages est fait en 5 minutes (oui oui 5 minutes). Avec la gestion du catalogue (produits et services) on ajoute ses lignes rapidement et tout se calcule automatiquement
• L’interface est simple, épurée, efficace et ergonomique : c’est vraiment ce qu’on demande à ce genre de service
• La gestion des factures récurrentes est vraiment pratique
• Les filtres permettent de retrouver facilement ses documents
• Le rendu des documents avec la possibilité de les personnaliser (devis, factures…) est vraiment top
• La synchronisation avec Mailjet, mailchimp et dropbox qui sont 3 solutions qu’on aime beaucoup
• La gestion des relances, alertes, envois… directement depuis l’interface
• Le fait que ce soit une solution cloud
• Les tags, qui permettent d’organiser facilement toutes les informations
• Le fait que Invokit soit orienté multi-utilisateurs
• La gestion des achats et frais (Bientôt nous pourrons rattacher un achat a un client)
• Les tableaux de bords, bien pratiques pour suivre son activité

Et dernier point vraiment cool : ils sont super dispo sur Twitter et à l’écoute des suggestions des utilisateurs ce qui permet d’enrichir l’outil à une vitesse impressionnante.

Je vous laisse le découvrir mais sincèrement je trouve le résultat très particulièrement réussi.

Visiter le minisite

Ce site permet de trouver des films dans lesquels 2 acteurs ont joués ensemble. Simplissime d’utilisation : vous choisissez un acteur A, puis le B et le site vous sort des résultats s’ils éxistent.

Ce projet va rapidement évoluer, n’hésitez pas à faire remonter vos commentaires

Allez découvrir ce site que tous les fans de cinéma apprécieront : beeninamoviewith.com

Site développé avec WordPress

J’avoue être fier de l’équipe, et comme dirait un certain Bernard : « Super boulot! »

Agence web Axome

Le petit plus c’est le konami code par @Gouz : haut haut bas bas gauche droite gauche droite B A

• L’importance et l’intérêt d’un tableau de bord e-commerce
• Le choix et la mise en place d’indices de performances (KPI)
• La création de son propre tableau pas à pas (Avec exemple disponible)
• L’évolution de votre tableau et son utilité pour vos partenaires

Aller lire l’article complet sur le site d’Axome : Suivi et tableau de bord pour site e-commerce

Après quelques mails reçus de personnes qui me lisaient via la.Crea et une envie de plus en plus pressante de me remettre à bloguer je vous propose ce nouveau site tout neuf (bon ok avec 2 ou 3 finitions encore).

Je n’avais plus de blog depuis mi-juin… Enfin reparti…

Les choses ont changées, ici plus de demande de devis, plus de prestations, ceux qui me connaissent le savent j’ai revendu ma société pour mon plus grand bonheur et j’ai rejoind l’équipe d’Axome (Vous savez, Axome, cette superbe agence Stéphanoise connue pour Archiduchesse).

Maintenant je ne propose que des articles parce que le web me plait, parce que j’aime écrire et surtout partager.

(Ci dessous vous retrouverez peu à peu certains de mes anciens articles (sélection oblige) que je remet en page au fur et à mesure; oui l’import c’est bien passé mais alors la mise en page je vous passe le massacre)

édit : articles restaurés : 82 – articles jetés : 80

Ce matin je travaille sur un dossier et en observant la concurrence je me suis rapidement rendu compte qu’ils sont tous numéro 1. Incroyable me direz vous mais non sur Internet nous sommes tous les meilleurs de notre propre activité.

Vous l’aurez compris je prend le sujet avec humour mais croyez vous pour autant que les clients soient dupes. Il est de plus en plus compliqué de provoquer des clics car l’internaute moyen est de plus en plus éduqué alors pensez vous sérieusement lui faire avaler des pilules pareilles ?

Sur les sites des constructeurs automobiles on ne vois pas « je suis numéro 1 des voitures à 4 roues » parce que les gens savent ce qui rendrais l’argument complètement idiot alors pourquoi toutes les sociétés, positionnées sur la toile, sont numéro 1 ?

La preuve en image, le secteur concerne la VAE :

Nous, la.Crea Studio sommes numéro 1 des agences web ayant une cafetière Severin noire et ayant une porte de bureau verte dans un rayon de 150 km.

Cet article est issu de l’article de Ludovic Passamonti : http://www.ludovicpassamonti.com/archive/2010/06/10/on-est-tous-des-leaders-du-e-commerce-en-france.html.

Elles permettent d’avoir des info sur le type de serveur, la date où le script est appelé, l’adresse IP du client….

Pour avoir des informations sur le client, en voici la liste :

Petit mémo bien pratique

• AUTH_TYPE (méthode d’authentification qui a été utilisée par le client pour accéder au script)
• CONTENT_TYPE (type MIME des données)
• DOCUMENT_ROOT (Racine root des documents du serveur)
• DOCUMENT_URI (Adresse du script PHP en relatif)
• HTTP_ACCEPT (Types MIME reconnus par le serveur)
• HTTP_ACCEPT_ENCODING (encodage que le serveur supporte)
• HTTP_ACCEPT_LANGUAGE (langue utilisée par le serveur)
• HTTP_CONNECTION (connexion ouverte entre client et serveur)
• HTTP_HOST (Nom d’hôte de la machine du client)
• HTTP_REFERER (URL de la page qui a appelé le script)
• HTTP_USER_AGENT (système d’exploitation du client, son navigateur.)
• LAST_MODIFIED (Datetime de dernière modification du fichier)
• PATH_INFO (chemin d’accès au script en relatif)
• PHP_SELF (Nom du script)
• REDIRECT_STATUS (état de la redirection ==> echec ou succès)
• REDIRECT_URL (vers quelle adresse le client a été redirigé)
• QUERY_STRING (les variables GET, ou ce qui est après le ? de l’URl)
• REMOTE_ADDR (Adresse IP du client)
• REMOTE_PORT(sur quel port la requête au serveur a été envoyé)
• SCRIPT_FILENAME (Chemin d’accès absolu au script)
• SCRIPT_NAME (le même en relatif)

Pour avoir des informations sur le serveur :

• DATE_GMT (date actuel GMT)
• DATE_LOCAL (date actuel locale)
• DOCUMENT_ROOT (Racine des documents Web sur le serveur)
• HTTP_HOST ( Nom de domaine du serveur)
• SERVER_ADDR (Adresse IP du serveur)
• SERVER_ADMIN (email de l’admin serveur)
• SERVER_NAME (nom du serveur en local)
• SERVER_PORT (port associé au HTTP)
• SERVER_PROTOCOL (nom et version du protocole utilisé pour envoyer des requete au cript)
• SERVER_SOFTWARE (logiciel du serveur web)

Pour l’utilisation :

<?php
echo 'votre ip : '.$_SERVER['SERVER_ADDR'];
?>


Retournera :

Votre ip : XXX.XXX.XXX.XXX


Pour faire une connexion en php voici le code :

<?php
$pdo = new PDO(
'mysql:host=hostname;dbname=nomtable',
'username',
'password',
array(PDO::MYSQL_ATTR_INIT_COMMAND => "SET NAMES utf8")
);
?>

l’interet est surtout de pouvoir préparer ses requetes pour qu’elles soient plus génériques. par exemple :

$insertion = $db->prepare('INSERT INTO table (libele, url) VALUES (?, ?)');
$insertion->execute(array('les cours privés', 'cours-prives'));
$select = $db->prepare('SELECT id, libele, url FROM table');
$table = $select->fetchAll();
echo '<pre>';
print_r($table);
echo '</pre>';


Pour savoir le nombre d’entré, le fameux mysql_num_rows() (en utilisant la même requête que l’exemple précédent)

echo 'il y a '.count($table).' entrées';

Un autre avantage d’uliser PDO, c’est de pouvoir récuperer nos bonnes exceptions. Comme PDO est une extension orientée objet, il utilise un système d’exceptions.
L’instanciation d’un objet PDO doit se faire en utilisant les blocks try/catch. Surtout pour prévenir des fuites d’informations.

Par exemple :

try {
// Connexion bdd
$pdo = new PDO(
'mysql:host=hostname;dbname=nomtable',
'username',
'password',
array(PDO::MYSQL_ATTR_INIT_COMMAND => "SET NAMES utf8")
);
// Configuration du pilote : nous voulons des exceptions
$db->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION); // Obligatoire pour la suite
}
catch(Exception $e)
{
echo "Échec : " . $e->getMessage();
}

Pour faire une requete simple qui liste une table :

$resultats=$bdd->query("SELECT * FROM table ORDER BY libele ASC"); // on va chercher tous les membres de la table qu'on trie par ordre croissant
$resultats->setFetchMode(PDO::FETCH_OBJ); // on dit qu'on veut que le résultat soit récupérable sous forme d'objet
while( $ligne = $resultats->fetch() ) // on récupère la liste des membres {
echo 'Utilisateur : '.$ligne->membre.'
'; // on affiche les membres
}
$resultats->closeCursor(); // on ferme le curseur des résultats

Et pour faire des requetes non préparées mais tout en gardant de la sécurité :

$bdd->query("SELECT * FROM table WHERE libele = ".$bdd->quote($nom, PDO::PARAM_STR));


En utilisant la métode quote on protège la valeur. ICI une chaine de caractère dont PARAM_STR

Les valeurs possibles :

• PDO::PARAM_STR : pour une chaîne de caractères ;
• PDO::PARAM_INT : pour le type ‘integer’ de SQL ;
• PDO::PARAM_NULL : pour le type NULL de SQL ;
• PDO::PARAM_BOOL : pour un booléen ;

apt-get install backup-manager

Une fois installé, il reste à le configurer. Pour bien faire, évitez de mettre les sauvegardes sur le même disque que le systeme car en cas de crash disque… et faites des sauvegardes des sauvegardes au cas ou le disques de savegarde tombe… Enfin

Le principe de backup-manager, c’est qu’il fait une archive quotidiennement des dossiers que vous lui avez demandé de garder.

Backup manager permet aussi, pour des questions de sécurité, de faire les sauvegardes dans un répertoire protégé en lecture/écriture par une paire d’utilisateur/groupe
Les lignes dans le fichier de configuration (/ect/backup-manager.conf) sont :

export BM_REPOSITORY_SECURE="true"
export BM_REPOSITORY_USER="root"
export BM_REPOSITORY_GROUP="root"

Mais aussi les droits des archives crées :

export BM_ARCHIVE_CHMOD="660"


La durée de vie des sauvegardes ou TTL pour Time To Live est une valeur en jour. SI cette valeur est vide, les sauvegardes ne seront jamais effacées

export BM_ARCHIVE_TTL="14"


Comme ça, j’ai une sauvegarde sur 14 jours.

Le nommage des sauvegardes permet de mieux s’y retrouver. On peut spécifier un préfix

export BM_ARCHIVE_PREFIX="$HOSTNAME"


La méthode de sauvegarde dite tarball :

export BM_ARCHIVE_METHOD="tarball"


Chaque jour, cette methode liste les fichiers à sauvegarder dans un fichier de type texte et fabrique l’archive.
Cette méthode est très simple a utiliser.
Elle peut compressier la sauvegarde en different type :

• tar
• tar.gz
• tar.bz2
• zip
• dar (pour découper le fichier)

Les dossier à sauvegarder :

export BM_TARBALL_DIRECTORIES="/var /etc /home/lacrea"


Les fichiers à ne pas sauvegarder :
Par défaut, le chemin des sauvegardes est : /var/archives.

Pour eviter de sauvegarder les dites sauvegardes :

export BM_TARBALL_BLACKLIST="/var/archives"


et on ne veux pas non plus sauvegarder ses musiques

export BM_TARBALL_BLACKLIST="/var/archives *.mp3"


Backup-manager gere aussi l’envois de cette sauvegarde sur un FTP ou par SSH.
Par exemple sur ftp :

export BM_UPLOAD_FTP_USER="sd-14146" # l'utilisateur de connexion FTP
export BM_UPLOAD_FTP_PASSWORD="lacreastudio" # le mot de passe de l'utilisateur
export BM_UPLOAD_FTP_TTL="7"
export BM_UPLOAD_FTP_DESTINATION="daily/" # le dossier de destination sur le ftp

Celui ci se base sur plusieurs indices comme l’optimisation des images, l’optimisation des feuilles de style ou encore les performances serveurs brutes.

Si vous péférez utiliser des extensions je vous recommande vivement d’utiliser YSlow pour Firefox qui vous permettra également de tester les performances de votre site directement via votre navigateur.

Ajax ytilise un ensemble de technologies libres comme :

• XHTML
• CSS
• DOM / javaScript
• XML

Pour en revenir à jQuery, voyons la fonction de base :

$.ajax({
type: "POST",
url: "script.php",
success: function(retour){
alert("la page script.php retourne : " + retour );
}
});

En faisant ça, vous verez que lorsque cette fonction est appelé, vous allez avoir une alert avec ce qui est affiché dans la page script.php

Par exemple, cette fonction sur un lien identifié par « monlien » : <a href= »script.php » title= »mon script php » id= »monlien » /> et qui va afficher ce qu’il y a dans la page dans une division identifé par « madiv »

$("#monlien").click(function() {
$.ajax({
type: "POST",
url: $(this).attr("href"),
success: function(retour){
$("#madiv").empty().append(retour);
}
});
return false;
});

NB : le return false à la fin permet de ne pas aller à la page lorsque vous cliquez sur le lien. Si vous ne le mettez pas, vous allez être dirigé vers la page script.php… le principe du lien…

Les paramètres de la fonction sont (les principaux) :

• datatype (xml, html, script, json)
• url (l’url du script)
• type (POST ou GET)
• error(fonction appelée en cas d’erreur, si le page n’est pas trouvé par exemple)
• succes(fonction appelée en cas de réussite du script, comme utilisé ci dessus)
• complete (fonction appellée, que ce soit réussi ou non)
• befoireSend (fonction appelée avant la requete sur la page externe)

Toutes ces fonctions sont disponible sur la catégorie ajax de jquery

• 3 procédures en 2 ans d’activité pour colis explosés ou perdus
• 1 colis sur 2 reçu en mauvais état
• Des retards de livraison fréquents

Chronopost laissez moi vous expliquer quelque chose : quand on charge un camion on pense à mettre les colis léger en haut et les lourds en bas. Ca peut paraitre idiot mais dans le cas contraire il y a un phénomène très simple qui se produit : l’écrasement.

Aussi je sais que vous êtes friands de recevoir des cadeaux pour vous mais quand l’adresse diffère de la votre sur le colis c’est que ce n’est malheureusement pas pour vous. Une autre fois peut être

Bref tout ca pour dire que je suis agacé de la qualité du service et que si de petites entreprises comme nous ne se permettaient que le quart de votre « foutisme » nous aurions disparus depuis longtemps…

Je ne devrais pas me soucier des transports mais ce n’est malheureusement pas le cas…

if($("#votreelement").length) {
// votre code
}


Une autre fonction sympathique, c’est parcourir tous les élements, par exemple parcourir tous les liens :

$("a").each(function(){
console.log($(this).attr("src"));
});


Ou alors insérer du code html avant un élément :

$(function(){
$("#element").before(''
+'<ul>'
+' <li>liste à puce</li>'
+' <li>liste à puce</li>'
+'</ul>'+
'');
});

Ou insérer vos animations flashs préférées (avec un petit plugin à télécharger sur jQuery Flash Plugin) :

$("#exemple").flash({
src:"banniere.swf,
width:960,
height:300,
wmode:"transparent",
flashvars:{
param_1:"oui",
}},{
version:8
}
);

Pour ce qui est des animations avec jquery en voisi une liste non exhaustive:

• fadeIn()
• fadeOut()
• fadeTo()
• hide()
• show()
• slideDown()
• slideToggle()
• slideUp()
• toggle()

Tous ces effets sont disponiblr sur la catégorie effect de jquery

Dans la 3ème partie, nous allons voir comment utiliser la technologie AJAX avec notre belle librairie jQuery

Mais tout ces éléments sont disponible bien sûr sur l’api de jquery

Stickers : des murs vivants…

Quelle maman nʼa jamais rêvé dʼavoir la plus belle chambre pour son bout dʼchou ? Une
fée avec son prince, un ménestrel, des animaux, un château en fond, une forêt et que tout
cela reste cohérent … ou encore des personnages de jeu vidéo avec lʼimpression quʼon a
devant soit, un véritable écran de jeu … Cʼest lʻidée de départ du responsable
dʼeloustick.com à créer des thèmes comme on crée un oeuvre dʼart.

«Nous avons voulu des créations pures et non pas
de banales copies de ce qui existe déjà …»
«Je nʼaime pas top le stickers collé au centre dʼun
mur, sans rien autour, ça donne lʼimpression quʼon
lʼa collé là parce quʼon ne savait pas où le mettre
véritablement. Jʼai justement créé Eloustick pour
remédier à ce problème …» aime à préciser le
responsable, Sébastien MAURICE, Directeur
artistique et commercial dʼeloustick.com.

Cʼest dans cette idée de départ que ce responsable dʼentreprise a travaillé avec ses
illustrateurs (tous issus de lʼillustrations mais dans des domaines assez différents). Le site
propose des centaines de stickers, une vingtaine de couleurs pour les stickers unis et des
vinyles à effet, argenté, doré, pailletés, etc.

Ces stickers ne sont pas exclusivement créés pour les chambres, il en existe aussi pour
toutes les pièces à vivre, salon, cuifrigos ont le droit à leur décoration.

Voici la liste des participants :

• jibi18
• Light
• tictact
• LaFaucheuse
• Maximedt
• Robin
• BDB
• rewebdesign
• aurel
• Zouko
• FlorentM
• Jawaz
• gamaniak
• ringout
• ringout
• Bertimus
• darkmioche
• kiop
• ArnaudGuillaume
• DMWeb
• Batouta
• 512banque
• kiop
• skwall
• Thomas
• actupro
• Oussama
• xoom59
• christ15
• Oussama
• davidc1
• pozycjonowanie5
• Rico
• davidc1
• chocobn
• Mapics
• rewebdesign
• actupro

Je vous invite très fortement a aller voir ces sites qui sont non seulement très amusants mais aussi très enrichissant en terme de techniques SEO white hat et black hat.

Pour notre part nous n’avons malheureusement pas le temps d’y participer… Surement la prochaine édition

Les résultats de ce concours seront fixés le 30 juin à 18 heures précises avec des lots à la clé.

Je vous invite déjà à aller voir les résultats provisoires sur cette adresse qui sera celle utilisée pour le classement final :
http://66.102.7.104/search?hl=fr&q=motercalo&start=0

Pour plus d’informations sur l’organisation de ce concours : SEO chuck

Cette bibliothèque est sous licence GPL et MIT, donc on peut l’utiliser sur des projets professionnels.

Pour pouvoir utiliser cette librairie il faut avoir quelques connaissances en :

• JavaScript
• DOM (Document Object Model)
• CSS
• AJAX

1. Comment appeler cette librairie dans vos feuilles html ou php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="application/xhtml+xml;charset=UTF-8" />
<title>Exemple</title>
<script type="text/javascript" src="./js/jquery.js">
<script type="text/javascript" src="./js/fonctions.js">
</head>
<body>
Bonjour !
</body>
</html>

Explication :
On appelle notre librairie javascript jquery.js téléchargeable sur http://jquery.com/
Puis notre feuille JS où l’on mettra donc nos petites fonctions

2. Comment ça marche ?

En tout premier lieux, faut connaitre la fonction jquery() (oui oui, facile à retenir ce nom) ou écrit plus simplement $(). Comme toutes les fonctions JS, elle prend des paramètres, retourne un objet…

Dans la pratique, nous nous en servirons comme suit :

$(function(){
// ...
});

Grâce à ça, nous nous assurons que la page et plus particulièrement, l’arbre DOM est bien chargé.

3. Les selecteurs Jquery

La force de Jquery est dans ses sélecteurs… facile à retenir, c’est les mêmes qu’en CSS
Exemple, on veut sélectionner notre petit lien qui à un id= »monlien » donc :

var monlien = $("#monlien");


et voila, avec ça, on fait ce que l’on veut de notre lien identifié par #monlien

Pareil pour sélectionner tous les objets de class= »maclasse »

var monlien = $(".maclasse");


Ou pour aller plus loin, toutes les lignes impairs d’un tableau :

var monlien = $("tr:odd td");


Enfin bon, avec ces quelques exemples, on peut se rendre compte que c’est un jeu d’enfant ! (enfant geek certes, mais enfant quand même)

tous les sélecteurs sont disponibles sur la docuementation de jquery

Après les sélecteurs, il existe quelques (doux euphémisme) méthodes comme .slideIn() etc… faut tout ça fera l’objet d’un article dont la sortie se fait proche !

Ah l’étape de l’annonce légale !! J’y suis rendu et je viens d’utiliser le service du site www.annoncelegale.com et je vous le recommande ;o))
Greg

Ce commentaire est relatif à mon article ou j’évoque les étapes de création d’une société.

Rassure toi ami splogueur j’ai mis ton lien en nofollow.

Spammeur, essayez au moins d’être intelligent

• Écrivez au moins un commentaire qui ressemble à quelque chose. Laisser un commentaire bidon sur un blog d’agence web est remarqué d’avance.
• Placez vos mots clés « Annonce » « légale » pourquoi pas mais alors la syntaxe « Ah l’étape de l’annonce légale !! » c’est comme si j’arrivais sur un site évoquant linux et que je disais « Ah les pingouin… »

Suite à ca je suis tombé sur un site qui m’a fait bien rire et qui résume parfaitement la technique de ce référenceur expert white hat : jespamlesblogs.fr

SPLOG : mot valise issu de la contraction de spam et blog visant à obtenir des backlinks

Tout simplement en entrant une petite commande dans la console (terminal.app dans Applications/utilitaires)

defaults write com.apple.dock showhidden -bool true


Et surtout de bien relancer le dock

killall Dock

Et vous voilà avec des icônes transparents si votre application est masquée.

Il existe pas mal d’autres petites commandes bien sympathiques sur mac, par exemple pour voir l’intérieur des dossiers ou répertoires de votre mac avec ce fameux QuickLook (ou coup d’oeil)

defaults write com.apple.Finder QLEnableXRayFolders 1


Bien sûr toujours en redémarrant le Finder en faisant

killall Finder

Voilà, vous pouvez avoir un aperçu de ce que cache votre petit dossier.

Mais tout ça met un problème en avant, c’est pas fort évident de commencer à taper quelques lignes de php ou de css ou encore d’html quand la seul couleur présente est le noir & blanc. heuresment, ce billet est là pour faire de vos édition une vraie partie de plaisir !

L’astuce réside dans /usr/share/nano/ qui un répertoire contenant plusieurs fichiers de formatés de cette manière : **.nanorc ou ** est un language.Par défaut il y a le langage C, le JAVA et HTML et quelques autres.

Pour les activés, rien de plus simple que d’écrire un petit fichier .nanorc dans votre répertoire personnel

Pour accèder à votre répertoire personnel, rien de plus rapide que la commande cd seul, sans rien

ici, il faut créer ce nouveau fichier .nanorc avec le code suivant :

## Nanorc files
include "/usr/share/nano/nanorc.nanorc"
## C/C++
include "/usr/share/nano/c.nanorc"
## HTML
include "/usr/share/nano/html.nanorc"
## TeX
include "/usr/share/nano/tex.nanorc"
## Quoted emails (under e.g. mutt)
include "/usr/share/nano/mutt.nanorc"
## Patch files
include "/usr/share/nano/patch.nanorc"
## Manpages
include "/usr/share/nano/man.nanorc"
## Groff
include "/usr/share/nano/groff.nanorc"
## Perl
include "/usr/share/nano/perl.nanorc"
## Python
include "/usr/share/nano/python.nanorc"
## Ruby
include "/usr/share/nano/ruby.nanorc"
## Java
include "/usr/share/nano/java.nanorc"
## Assembler
include "/usr/share/nano/asm.nanorc"
## Bourne shell scripts
include "/usr/share/nano/sh.nanorc"
## POV-Ray
include "/usr/share/nano/pov.nanorc"


Sauvegardez et voilà, c’est fini essayé d’éditer un fichier C ou encore java et vous voilà d’attaque en couleur

Seul dernier petit point me direz vous, c’est les fichiers .php ou encore .xml
deux solutions s’offrent à vous :

1. Créez les vous même !

Toujours dans /usr/share/nano créez un fichier nommé par exemple php.nanorc et metez le contenu suivant :

syntax "php" "\.php[2345s~]?$"
color brightblue start="<\?(php)?" end="\?>"
color blue start="<[^\?]" end="[^\?]>"
color cyan "\$[a-zA-Z_0-9]*"
color cyan "(\[)|(\])"
color red "(var|class|function|echo|case|break|\s"
color red "default|exit|switch|if|else|elseif|@|while)\s"
color red "="
color green "[,{}()]"
color green "=="
color white "('[^']*')|(\"[^"]*\")"
color yellow start="<!--" end="-->"
color yellow start="/\*" end="\*/"
color yellow start="#" end="$"


Sans oublier de l’appeler dans votre .nanorc avec 2 nouvelles lignes :

## PHP
include "/usr/share/nano/php.nanorc"


2. Téléchargez le pack de coloration syntaxe de nano ^^ c’est plus simple est plus efficasse.

Metez les fichiers dans /usr/share/nano et modifiez le .nanorc de la sorte :

## Sources.list
include "/usr/share/nano/sourceslist.nanorc"
## Config Files (.ini)
include "/usr/share/nano/ini.nanorc"
## Xorg.conf
include "/usr/share/nano/xorg.nanorc"
## CSS
include "/usr/share/nano/css.nanorc"
## XML
include "/usr/share/nano/xml.nanorc"
## Generic .conf
include "/usr/share/nano/conf.nanorc"
## PHP
include "/usr/share/nano/php.nanorc"

AuthName "Contenu protégé..."
AuthType Basic
AuthUserFile "/home/lacrea/gestionpass/.htpasswd"
<limit GET POST>
require valid-user
</limit>

Dans ce fichier .htaccess, il est important de noter l’utilité de la ligne AuthUserFile, c’est le chemin absolu vers votre fichier .htpasswd. Pour acroite votre sécurité, il est recommandé de ne pas le laissé accessible depuis le répertoire web, dans notre cas notre répertoire web peut être /home/lacrea/www

Ensuite nous voilà enfin à la création du fichier .htpasswd
Il contien le login et le mot de passe crypté des personnes dont vous voulez laisser l’accès. de type :
login:password_crypté
Par exemple

david:cajhOYhhDI6Zg
nicolet:cajhOYhhDI6Zg

Mais comment trouvé le mot de passe ?

Plusieurs solution s’offre à vous :
1. Avec PHP, vous pouvez utiliser la fonction crypt() qui prend en argument le mot de passe clair. exemple : crypt(« motdepasse »);

2. Avec un terminal, par exemple si vous avez un accès ssh vous pouvez utiliser la commande htpasswd

htpasswd /home/lacrea/gestionpass/.htpasswd utilisateur

Changez utilisateur par ce que vous voulez !. Le terminal va vous demander de taper un mot de passe suivi d’une confirmation.

Et voilà, votre dossier est protégé et lorsque vosu voulez y accéder, il y a une invite qui demande un utilisateur et un mot de passe.

Comme chaque fichier, il possède un Type MIME qui est text/csv ou text/comma-separated-values.

C’est donc un fichier de type texte où chaque ligne du fichier correspond à une ligne de ce fameux tableau de données et donc chaque cellule est séparée par ce point-virgule.
On peut voir un exemple :

Ref;Nom;CP
LC59;laCrea Studio;59600
PLAY59;Tartenpion;59600

Il est préférable lors d’un envoie sur un site de vérifier si le MIME correspond à nos attentes

$mime_types = array('text/csv','text/comma-separated-values');
/* informations sur le fichier envoyé */
$file = $_FILES('mon_fichier');
/* contrôle de son type mime */
if(in_array($file['type'], $mime_types)) {
/* traitement du fichier */
echo "ok";
} else {
/* annulation */
echo "pok";
}


Pour lire le fichier avec PHP il existe plusieurs méthodes et donc plusieurs fonctions comme fgets() ou fgetcsv().
Si on regarde du coté de fgets()

//Fichier CSV à parser
$fichier = 'fichier.csv';
//On vérifie que le fichier existe bien
if (file_exists($fichier))
{
//On l'ouvre en mode "read only"
$fp = fopen($fichier, 'r');
//On va générer l'affichage sous forme de tableau
echo '<table>';
//Tant que l'on n'a pas finit de lire le fichier
while (!feof($fp)){
echo '<tr>';
//On lit les 4096 caractères de la ligne
$ligne = fgets($fp,4096);
/* On met dans un tableau toutes les données, séparées par des points virgules */
$liste = explode(';',$ligne);
/* On crée une colonne contenant les données pour chacune d'entre elles en parsant le tableau */
foreach($liste as $element)
{
echo '<td>' . trim($element) . '</td>';
}
echo "</tr>";
}
//On ferme le fichier et la balise de tableau
echo '</table>';
fclose($fp);
}
else
echo "Fichier introuvable !";


De plus en plus, les sites sont encodés en UTF-8 et les fichiers csv sont parfois encodé en iso-8859-15. En utilisant ce code vous allez avoir des problèmes d’accents sur la récuperation des données alors il faut utiliser les belles fonctions utf8_decode() et utf8_encode()

echo '<td>' . trim(utf8_encode($element)) . '</td>';

Sur votre serveur Apache, le MOD_Rewrite doit être activé, pour utiliser la possibilité de faire vos selections de page avec expressions régulières
Avant toute chose, vous pouvez vérifier que ce module est bien actif en créant une page ne contenant que

<?php
phpinfo();
?>


Dans la section Apache Loaded Modules vous devez trouver la mention mod_rewrite.
Si ce n’est pas le cas alors rendez vous dans votre httpd.conf et décommenter les 2 lignes

LoadModule rewrite_module modules/mod_rewrite.so
AddModule mod_rewrite.c

Pensez à bien redémarer Apache apres avoir fait cette manipulation.

Pour tester que le module fonctionne bien, rien de mieux qui essaie !
Créer une page test.php avec comme contenu ce que vous voulez, par exemple « test d’url rewrite ^^ » et créez votre fichier .htaccess avec comme contenu

RewriteEngine on
RewriteRule ^test\.html$ /test.php [L]


Metez tout ça à la racine de votre hébergement et accédez à votre page avec http://www.votredomaine.tld/test.html.
Si vous voyez votre contenu de page c’est parfait ! Sinon vérifiez que vous avez bien tout d’activé.

Maintenant nous allons voir le plus intéressent, L’urlrewrite sur URL dynamiques
Pour que votre .htaccess soit bien complet, il vous ajouter quelques lignes pour pas mal de chose comme :

1. Le serveur doit suivre les liens symboliques

Options +FollowSymLinks

2. Activation du module de réécriture d’URL :

RewriteEngine On
RewriteBase /


3. Duplicate content , rediriger http://votredomaine.tld vers http://www.votredomaine.tld

RewriteCond %{SERVER_NAME} ^votredomaine.tld$ [nc]
RewriteRule ^(.*)$ http://www.votredomaine.tld/$1 [QSA,L,R=301]


4. Gestion des erreurs 404, 403 etc…

ErrorDocument 404 /erreur404.php
ErrorDocument 403 /erreur403.php


5. Vos règles de réécriture !

Vous pouvez utiliser les expressions régulières pour régler vos test et rediriger vers la bonne page !
prenons l’exemple d’un site où tous les liens sont du genre /index.php?page=12, /index.php?page=13 … le site fait le traitement sur cet identifiant pour resortir le bon résultat, mais le moteur de recherche pour indexer votre lien, dans l’url ne voit qu’un nombre, et l’URL est vraiment important pour mieux vous positionner sur vos moteurs de recherche favoris

On voudrait que le lien devienne /titre-de-page/12. Avec cette manipulation, vous serez référencé aussi sur les mots clés passés dans le lien
Comment faire cette règle de réécriture ? Prenons les choses dans l’ordre
1. Le premier « / » c’est la racine… Rien à faire ^^
2. « titre-de-page » représente une chaine de caractère composée de lettre majuscules, minuscules, des tirets « - » ou encore des chiffres ! donc l’expression régulière ou le Regex peut être celui-ci [a-z,A-Z,0-9,-]*

3. Le deuxième « / » pour faire office de séparation
4. et enfin pour finir l’identifiant ça ne doit être qu’une série de chiffre, l’expression alors est [0-9]*

La suite de votre .htaccess devrait être donc

RewriteRule ^([a-z,A-Z,0-9,-]*)/([0-9]*)$ /index.php?page=$2 [L]

le ^ pour annoncer le début de la chaine de caractères, et le $ pour annoncer la fin.
les parenthèses capturantes autour des expressions pour justement pouvoir ressortir un résultat
$0 correspond à la chaine entière, et $1, $2… est le numéro de notre résultat.

sur l’exemple précédent $1 vaut = titre-de-page et $2 = 12
[L] est un flag (drapeau) qui signifie que la règle est la dernière à être appliquée pour ce cas et que le module ne doit plus tenter de réécrire cette chaîne. En gros, on applique la règle une seule fois et basta.
le fichier .htaccess complet est donc

# Le serveur doit suivre les liens symboliques :
Options +FollowSymLinks
# Activation du module de réécriture d'URL :
RewriteEngine On
RewriteBase /
#--------------------------------------------------
# Duplicate content :
#--------------------------------------------------
RewriteCond %{SERVER_NAME} ^votredomaine.tld$ [nc]
RewriteRule ^(.*)$ http://www.votredomaine.tld/$1 [QSA,L,R=301]
#--------------------------------------------------
# Gestion des erreurs :
#--------------------------------------------------
ErrorDocument 404 /erreur404.php
#--------------------------------------------------
# Règles de réécriture d'URL :
#--------------------------------------------------
RewriteRule ^([a-z,A-Z,0-9,-]*)/([0-9]*)$ /index.php?page=$2 [L]

Initialement ce tableau a été fait par le site américain Cmo.com sur le blog de Grégory Pouy.

Je tiens d’ailleurs à remercier Ludovic pour sa traduction.

Ce tableau présente ce que permettent de manière plus ou moins efficace les différents réseaux sociaux en fonction de ce que une entreprise ou une marque souhaite :

• orienter sa communication vers ses clients,
• améliorer sa visibilité,
• créer du trafic vers son site
• ou améliorer son référencement naturel.

Agrandir l’image

Site Internet Design fotomaps

http://www.fotomaps.net/

Site Internet Design briterevolution

http://www.briterevolution.com/

Site Internet Design jonahl

http://www.jonahl.com/

Site Internet Design futureofwebdesign

http://futureofwebdesign.com/

Site Internet Design wedesignwise

http://wedesignwise.com/

Site Internet Design tj-todo

http://www.tj-todo.com/

Site Internet Design bootb

http://www.bootb.com/en/

Site Internet Design robocatapps

http://www.robocatapps.com/

Site Internet Design dyson

http://www.dyson.co.uk/

Site Internet Design zaum

http://www.zaum.co.uk/

Site Internet Design mutantlabs

http://mutantlabs.co.uk/

Site Internet Design visualboxsite

http://www.visualboxsite.com/

Site Internet Design edit-studios

http://www.edit-studios.com/

Site Internet Design wearecyan

http://wearecyan.com/

Site Internet Design nativetongue

http://www.nativetongue.com.au/catalogues.html

Site Internet Design m1k3

http://www.m1k3.net/

Site Internet Design davebarnes

http://www.davebarnes.com/

Site Internet Design Noir dgzoo

http://www.dgzoo.com/

Site Internet Design slovaczech

http://www.slovaczech.com/

Son approche sociologique et philosophique nous permet de comprendre pourquoi le net est un moyen nouveau qui engendre des transformations à l’échelle mondiale.

Celui ci reviens également sur l’histoire de l’Internet en rappelant notamment le véritable succès de l’internet : 1.7 milliard de personnes interconnectées en 20 ans.

Son propos se concentre principalement autour du co-design, du crowdsourcing* et du déplacement de la valeur dans le réseau.

Vu sur Liberation.

Lire Serge Soudoplatoff :

• freebeer.org
• crowdspirit
• le blog de Serge Soudoplatoff

* Néologisme, littéralement l’approvisionnement par la foule. Le principe est ici de stimuler l’intelligence de la foule afin de pouvoir employer la créativité, le savoir faire d’un grand nombre d’individus, le plus souvent des internautes pour la commodité

defaults write com.apple.finder AppleShowAllFiles 1

Et pour les cacher

defaults write com.apple.finder AppleShowAllFiles 0

Pour que les modifications soient prises en compte, il faut bien sûr relancer le finder. Plusieurs solutions s’offrent à vous
1. Depuis cette même console tapez

killall Finder

2. le « Forcer à quitter… » du menu Pomme de votre mac ou encore le si connu « Commande + ALT + ESC » et relancer le Finder

3. Un simple click droit en maintenant la touche ALT sur votre icone de Finder dans le dock

Pour éviter de retenir toutes ces lignes de code, si vous avez un .bashrc d’actif sur votre Mac, pourquoi ne pas faire un alias ?
Si vous voulez un tutoriel sur la création d’un .bashrc sur mac rendez-vous sur l’article Parlant du bashrc
Pour créer votre alias entrez ceci à la fin du .bashrc

alias fichierscaches1="defaults write com.apple.finder AppleShowAllFiles 1; killall Finder"
alias fichierscaches0="defaults write com.apple.finder AppleShowAllFiles 0; killall Finder"

Pensez à relancer votre fichier en faisant

[15:26:13 laCrea@hemera ~] . .bashrc

Et voila le travail, vous voulez afficher les fichiers cachés tapez simplement dans votre console fichierscaches1 pour pour les cacher fichierscaches0

Pour accéder à votre home tapez simplement

hemera:~$ cd

Juste en tapant « cd » dans la console, vous vous retrouvez dans votre répertoire personnel.

L’un des deux fichiers cachés à créer est .profile.

Tapez juste dans la console

hemera:~$ nano .profile


Et y entrer les informations suivantes :

if [ -n "$BASH_VERSION" ]; then
# include .bashrc if it exists
if [ -f ~/.bashrc ]; then
. ~/.bashrc
fi
fi
# set PATH so it includes user's private bin if it exists
if [ -d ~/bin ] ; then
PATH=~/bin:"${PATH}"
fi

Pour enregistrer faite : ctrl + x, y, entrer

Ce code va permettre de lancer votre .bashrc lorsque vous lancer la console.

Maintenant il faut aussi créer le fichier .bashrc de la même manière

hemera:~$ nano .bashrc


Ce fichier vous permet de personnaliser votre shell (couleurs, alias…).

Un exemple de fichier .bashrc :

umask 022
#export CLICOLOR=1
function prompt
{
local CYAN="\[\033[0;36m\]"
local GRAY="\[\033[0;37m\]"
local BACK="\[\033[0;30m\]"
local RED="\[\033[0;31m\]"
PS1="${RED}[${GRAY}\T${RED} \u@\h\w ]${BACK} "
}
prompt


Après avoir enregistré et relancé le bashrc en faisant :

hemera:~$ . .bashrc


Attention ! Il y a un bien espace entre les deux points mais pas avant bashrc
Votre termial prend des couleurs !

[
15:28:27
laCrea@hemera
~
]


Une partie des codes pouvant être utilisé dans la personnalisation de votre terminal :

Couleurs :

• 30 -> Noir
• 31 -> Rouge
• 32 -> Vert
• 33 -> Jaune
• 34 -> Bleu
• 35 -> Magenta
• 36 -> Cyan
• 37 -> Blanc

Surligner ? aussi :

• 40 -> Noir
• 41 -> Rouge
• 42 -> Vert
• 43 -> Jaune
• 44 -> Bleu
• 45 -> Magenta
• 46 -> Cyan
• 47 -> Blanc

Le fichier .bashrc Permet aussi de créer des alias de commande c’est à dire donner un nom personnel à une commande. Par exemple :

alias ls="ls -h"
alias l="ls -lh"
alias ll="ls -alh"
alias df="df -h"


Mais aussi vos propres scripts !

alias lancer="~/scripts/votrescript.sh"


Voici l’exemple d’un site découvert ce matin et qui, malgré les apparences, n’utilise pas de flash.

Bon je ne suis pas un anti-flash (même si j’avoue ne pas être fan) mais ce site à l’avantage évident de n’avoir aucun facteur bloquant et d’être accessible.

Regardez le site sans les CSS et vous verrez quelque chose de quasi exemplaire.

Les effets sont propres, léger et bien suffisant pour habiller à juste titre un site au design moderne.

Pour moi ce site est une bonne alternative à Flash (quand flash n’est pas supporté notamment (iphone, iPad…)).

Si vous y allez, demandez Fred comme vendeur c’est un ami à moi qui y travaille. Il connait (et aime) particulièrement ces petites bêtes à la pomme.