Thibault Desmoulins | CV – Book

Programmation, informatique, actualités, jeux vidéo

Lorsque l’on désire créer un site, on utilise souvent un CMS (Content Management System, soit en français Système de Gestion de Contenu). Ces derniers correspondent à des sites pré-construits. Il est par exemple possible en quelques clics, grâce à l’un des CMS les plus connus, WordPress, de créer un site de type blog pouvant également contenir quelques pages, etc. Dans cette article, nous allons voir comment créer un site e-commerce en quelques clics grâce à un autre CMS nommé Thelia.

 

1. Pré-requis

Avant de commencer à créer notre site, vous devez savoir comment utiliser un site en PHP, soit en possédant un serveur web, soit en sachant utiliser un logiciel tel que Wamp sour Windows, Mamp pour Mac ou Lamp pour Linux. Si vous ne savez pas comment utiliser un tel logiciel, je vous recommande ce tutoriel sur le Site du Zéro.

Nous allons également avoir besoin de télécharger le CMS en question. Pour ce faire, rendez-vous sur le site officiel de Thelia, puis dans la zone de téléchargement. Téléchargez ensuite la dernière version stable. Celle-ci est affichée au dessus de toutes les autres. Lors de l’écriture de cet article, il s’agit de la version 1.5.1, il est possible que votre version soit supérieure mais la procédure sera la même :

 

Une fois le fichier téléchargé, décompressez le et placez le dans le dossier local correspondant pour votre système (celui-ci porte généralement le nom www comme « /var/www » par exemple sous Linux, ou bien le dossier www du répertoire Wamp pour Window, etc.). Vous pouvez également renommer ce répertoire comme bon vous semble.

 

 2. Installation du CMS Thelia

A partir de maintenant, vous êtes supposés savoir comment lancer votre serveur local (wamp, lamp ou mamp) et vous avez placé Thelia dans le bon répertoire. Il vous suffit maintenant de vous rendre dans votre répertoire local avec un navigateur web (« http://localhost/ » le plus souvent) puis de cliquer sur le site correspondant à votre version de Thelia (le répertoire que vous avez décompressé précédemment). Vous devriez voir cette page :

Bravo, le plus dur est fait (si si). Pour lancer l’installation, cliquez sur continuer pour atteindre une nouvelle page affichant si tous les éléments sont corrects. Si c’est le cas, vous pouvez continuer et passer à l’étape suivante. Si ce n’est pas le cas et que votre version de PHP n’est pas la bonne, effectuez une mise à jour.

A l’étape suivante, renseignez vos identifiants de connexion à la base de données. Si vous travaillez en local, le serveur de base de données sera probablement localhost comme dans la capture d’écran ci-dessous. Si vous avez pris un hébergement comprenant une base de données chez un hébergeur comme OVH par exemple, vous pouvez retrouver ces identifiants dans votre espace utilisateur :

Si vos identifiants ne sont pas corrects, Thelia vous affichera un message d’erreur. Il faut impérativement que ce dernier établisse une connexion à la base de données pour s’installer.

A l’étape suivante, si vous êtes en local, je vous conseille de remplir le champ « Vous pouvez aussi choisir de créer une base : » en donnant un nom propre à votre base de données, comme par exemple « vente_peluches » si vous voulez faire un site de vente de peluches :) . Si vous êtes sur un hébergement, vous n’avez peut-être pas le choix et devrez utiliser l’unique base de données disponible. Une fois la base de données choisie ou créée (dans le cadre de cet article, la base de données s’appellera « site_test »), cliquez sur Continuer. Vous constaterez qu’il faudra un certain temps avant d’accéder à l’étape suivante. C’est normal car Thelia crée tout ce qui lui est nécessaire dans la base de données. D’ailleurs, si vous jetez un coup d’oeil à celle-ci, vous verrez qu’elle est déjà bien remplie :

L’étape suivante est la plus importante. La plupart des champs sont implicites, cependant pour le dernier, n’oubliez pas de donner l’url exacte du site en question (et non pas seulement « http://localhost »). Voici pour ma part le résultat :

Une fois l’installation terminée, Thelia vous demande de supprimer le répertoire install. Vous pouvez le faire sans hésiter :

Je vous laisse ensuite visiter votre tout nouveau site ! Testez également la partie d’administration qui est très bien faite. Vous pouvez ajouter des catégories, sous catégories, des produits :

Les modifications sont directement visibles sur le site, notez que la gestion des inscriptions, connexions, du panier, etc. est déjà faite. Vous n’avez quasiment plus rien à faire !

3. Et maintenant ?

Afin de personnaliser votre site internet, vous devrez principalement modifier le design. Le plus gros du travail s’effectuera donc dans le répertoire template du site, notamment dans le fichier styles.css. Des connaissances en design et en CSS sont requise pour ce travail. Si vous souhaitez modifier la structure même du site (en modifiant le header ou le footer par exemple), il faudra s’attaquer directement aux fichiers HTML de ce même dossier.

Enfin, nous verrons dans un prochain article qu’une des forces de Thelia est que l’on peut lui ajouter des plugins. En effet, pour l’instant nous ne pouvons pas utiliser le mode de paiement Paypal par exemple (qui est très utile pour les clients). Nous ajouterons donc ce système dans un prochain article. Jusque là, faites un tour sur l’interface d’administration, faites des tests, des tests, et encore des tests ;)

Bonjour à tous ! Jusqu’à présent, pour réaliser un site web je créais à chaque fois un fichier css vide qui se remplissait au fut et à mesure de la progression du site. J’ai récemment découvert le projet Bootstrap (fait par Twitter) qui permet d’avoir un css de base avec de nombreuses configurations préétablies !

 

Voici un exemple de design possible en liant ce css à votre site (cliquez sur l’image pour arriver sur la page de démonstration) :

Le CSS Bootstrap permet de mettre en forme les formulaires, tableaux, menus, boutons mais aussi de fournir des barres de progression, etc. En bref, si vous avez un petit site original à faire sans se prendre la tête dans le CSS, vous savez quoi faire maintenant !

Utilisateurs de python, je vous souhaite la bienvenue ! Cette semaine je vous offre 2 fonctions bien utiles dans certains cas. Elles permettent d’effectuer une empreinte de vos fichiers en utilisant le md5 et/ou le sha1. Ces 2 hash sont assez vieux et commencent à être obsolète toutefois ils sont encore très utilisés !
Une fonction effectuant un « hash » génère une empreinte qui est « normalement » unique pour chaque fichier (il y a parfois des collisions, c’est-à-dire 2 fichiers différents ayant la même empreinte, mais c’est extrêmement rare). Sans plus attendre, voici le code python permettant de calculer l’empreinte md5 ainsi que l’empreinte sha1 :

import hashlib
 
def sumFileMD5(filePath):
	fichier = open(filePath, 'r')
	c = hashlib.md5()
	while 1:
		try:
			d = fichier.next()
			c.update(d)
		except: break
	fichier.close()
	return c.hexdigest()
 
def sumFileSHA1(filePath):
	fichier = open(filePath, 'r')
	c = hashlib.sha1()
	while 1:
		try:
			d = fichier.next()
			c.update(d)
		except: break
	fichier.close()
	return c.hexdigest()

 

Les fonctions calculant des empreintes sont toutes différentes. C’est pour cela qu’il y en a plusieurs. Pour pouvoir utiliser ces 2 fonctions vous n’aurez qu’à envoyer en paramètre l’adresse du fichier. Exemple pour le fichier suivant :

?Download lorem.txt
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean elementum consectetur sapien, a ultrices orci pharetra eu. Aliquam adipiscing varius eleifend. Curabitur congue blandit odio sit amet aliquet. Cras accumsan mattis nibh non lobortis. Praesent pretium pellentesque euismod. Aliquam ac orci quis turpis lacinia sodales. Duis porta, elit in tempor tempor, leo dui ornare sapien, et sollicitudin mi metus quis felis. Nullam sed sapien purus, vel ultrices sem. Curabitur nec quam vulputate felis fermentum interdum id vitae justo. Donec vehicula augue a justo hendrerit in pellentesque elit mollis. Fusce at turpis at massa vehicula ornare vitae ut massa. Phasellus egestas, neque ut vehicula luctus, lacus tellus volutpat est, sed tincidunt lacus dolor ut lectus. Curabitur hendrerit ornare urna sit amet iaculis. Praesent eleifend placerat est, ut mattis lorem commodo vitae.

 

Ajoutez ces ligne en bas du fichier python :

?View Code PYTHON
md5 = sumFileMD5('lorem.txt')
sha1 = sumFileSHA1('lorem.txt')
 
print "Empreinte md5 = %s"%md5
print "Empreinte sha1 = %s"%sha1

 

Résultat lorsque vous exécutez le script :

Empreinte md5 = f0383024ac976ceb01cf6eb9f2bb4db2
Empreinte sha1 = d34d3b058b929ec271f63267b5f014db4210f8ec

Bonjour à tous !

Place maintenant au second jeu de Plurigames. Celui-ci s’appelle Sorting Balls. Le but du jeu est simple. Le fond est constitué de 2 ou 3 couleurs, il vous suffit de placer les balles dans les zones de leurs couleurs respectives pour remporter la partie. Pour ce faire vous n’avez qu’un moyen : les balles se déplacent chacunes dans un sens et vous ne pouvez déplacer que le mur central.

Aller sur la page du jeu

Bonjour tout le monde, aujourd’hui ce n’est pas une mais deux créations qui sont mises en avant. Tout d’abord celle de ma première application iPhone appelée Super Brick Breaker. Comme son nom l’indique il s’agit d’un jeu de casse brique classique avec un mode normal, des challenges à remporter, un générateur de niveaux, etc. Il n’y a pas moins de 120 niveaux en tout dans le jeu et il est disponible à cette adresse : Super Brick Breaker sur l’AppleStore.

Comme je l’ai dit plus tôt cette news contient une seconde création. Celle-ci est proche de la première puisqu’il s’agit d’un site que j’ai mis en place et qui sera consacré aux jeux que je ferai à l’avenir (en fonction du temps disponible). Celui-ci s’appelle Plurigames et contient seulement pour l’instant Super Brick Breaker. Un second jeu va bientôt faire son apparition mais je n’en dit pas plus (il fera l’objet d’une news le moment venu).

Toutes les informations concernant mes jeux seront donc sur Plurigames. A bientôt !

Aller sur le site Plurigames

Lorsque l’on programme pour iPhone, on commence par choisir un projet de base parmi ceux proposés par Xcode (Navigation-based Application, OpenGL ES Application, Split View-based Application, etc.). Cette phase a pour but de préparer un projet plus ou moins préparé pour le type d’application que l’on cherche à créer. Cependant, dans un certain nombre de ces projets, lorsque l’on en crée un et qu’on lance le simulateur, on s’aperçoit que la barre de status de l’iPhone est présente. Dans l’exemple ci-dessous, j’ai créé un projet « Navigation-based Application » appelé « Exemple », puis lancé le simulateur en cliquant sur le bouton « Run » :

 

Nous allons maintenant voir comment cacher cette barre de status gênante.

 

ATTENTION : la barre de status permet d’afficher à l’utilisateur certaines informations comme l’état de sa réception réseau, l’heure actuelle ainsi que son niveau de batterie. Cacher cette barre ne doit se faire que pour améliorer le confort de son application et donc seulement en cas de nécessité. Le meilleur exemple est celui d’un jeu vidéo pour iPhone dans lequel la barre de status est bien plus gênante qu’utile.

 

Si vous regardez bien votre projet, vous vous apercevrez que celui-ci comporte un dossier appelé « Supporting Files ». Déroulez le pour faire apparaître son contenu. Parmi ces fichiers, un seul nous intéresse : « exemple-Info.plist ». Cliquez dessus pour voir son contenu s’afficher sur la droite. Ce fichier contient certaines informations utiles pour votre application. Nous allons en ajouter une, celle demandant à l’iPhone de masquer la barre de status. Pour cela, faites un clic droit n’importe où dans ce document puis sélectionnez « Add Row » (ajouter une nouvelle ligne). Une clé vous est demandé, commencez à taper « Status » et vous verrez que Xcode vous propose de remplir le champ key par « Status bar is initially hidden ». Cliquez dessus (ou tapez l’intégralité de la clé comme vous voulez). Cette information attend un booléen qui est par défaut initialisé à NO. Double cliquez sur ce booléen pour pouvoir le modifier, tapez « YES » puis faites « Entrer », sauvegardez votre projet et enfin cliquez sur « Run » pour voir le résultat. Magie : plus de barre de status ! Voici la procédure en quelques captures d’écran :


Un nouveau site vient de voir le jour, celui des Têtes de Lapin !

« Les Têtes de Lapin s’inscrivent dans un courant de rock utile : agitateurs et séditieux où la musique doit porter un message.

Le clapier des Têtes de Lapin se compose de 4 musiciens prêts à monter sur la barricade pour percer avec une musique intense et énergique où la fragilité n’est jamais loin de la violence. Les fureurs sonores des Têtes de Lapin sont l’héritage d’influences rock de tous horizons et de toutes époques. Il y a d’abord la présence d’une section basse/batterie obsédante, colonne vertébrale rythmique qui distribue rage et tension aux autres membres. Mais c’est avant tout la percussion textuelle qui lie le groupe pour délivrer le son « lapinesque » tant attendu.

La colère est passion, l’exaspération est moteur d’une musique incisive. L’écoute des compositions des Têtes de Lapin révèle une musique travaillée, polymorphe, le son gagne en maturité pour se rapprocher des libellistes de Rage Against The Machine ou de No One Is Innocent pour une référence plus nationale.

Armés de leurs chansons, les Lapins sortent de leur clapier pour faire de leur infortune un cri de ralliement solidaire. Les grandes oreilles manifestent de plus en plus leur présence lors des concerts qui se multiplient. La révolution des lapinières est en marche, Les Têtes de Lapin ont enregistré un album qui est disponible depuis octobre 2010. Ralliez les « Grandes Oreilles » … »

Jeff Renaudie

Aller sur le site des Têtes de Lapin

Récemment, j’ai eu besoin d’intégrer un calendrier en javascript pour un formulaire sur un site web. N’ayant pas le courage de le faire moi-même et sachant qu’il y aurait surement plein de programmeurs ayant publié le leurs sur le net, je me suis donc mis à la recherche d’un script.
C’est ainsi que je suis tombé sur un code tout simple à programmer donnant le résultat suivant :

Affichage du calendrier lorsque l'internaute clique sur le champ texte

L’avantage d’un tel système est clair : l’utilisateur n’a plus qu’à naviguer dans les mois et à cliquer sur le bon jour pour que le champ texte prenne automatiquement la valeur souhaitée (par exemple : 13-02-2011).

Vous trouverez le code source sur espacejavascript.com. Toutefois je l’ai un peu adapté pour avoir le code source dans des fichiers séparés (afin d’avoir le JS, le CSS et le HTML à des endroits différents). Vous trouverez ces fichiers dans l’archive téléchargeable ci-dessous :

Cliquez ici pour télécharger le fichier ZIP contenant le code source



Cette semaine, clubic nous propose une sélection de jeux multijoueurs gratuits pour Mac, Linux et Windows.

Ceux-ci ne sont pas les plus connus (vous n’y trouverez pas de Quake ou de Trackmania Nations par exemple), mais ils valent le détour. Surtout que le coté multi plateforme est un avantage certain.



L’adresse du dossier est à cette URL : http://www.clubic.com/telecharger/article-394054-1-jeux-multijoueur-gratuit-windows-mac-linux.html

On ne demande qu’à en rire est une émission de France 2 animée par Laurent Ruquier qui propose de nous faire découvrir les nouvelles stars de l’humour. Voici ce qu’on trouve sur le site de France 2 :

Ils sont professionnels, pas encore sur le devant de la scène et espèrent percer dans le monde des humoristes.
Devant un public interactif, ces jeunes humoristes devront exercer tout leur talent pour faire la différence.
Les meilleurs reviendront régulièrement pendant l’année dans l’émission.

Et il s’avère que cette émission nous fais souvent passer du bon temps et nous fait découvrir de réels talents ! Voici pour vous ma sélection des meilleurs moments de l’émission jusqu’à présent (2 passages pour chacun des 5 meilleurs humoristes).

Numéro 1 : Olivier De Benoist


Thème du sketch : Maison Close, un succès !


Thème du sketch : Un inconnu surgit sur un plateau pour faire passer un message !

Numéro 2 : Les Lascars Gays


Thème du sketch : Encadrement militaire pour délinquants


Thème du sketch : Policier vous devez surveiller une école

Numéro 3 : Garnier & Sentou


Thème du sketch : Connard Awards


Thème du sketch : Quand on a un nouvel amour, on perd deux amis

Numéro 4 : Kev Adam’s


Thème du sketch : Procès, une fillette renverse une Grand Mère


Thème du sketch : L’argent de poche, un jeu d’enfant

Numéro 5 : Jerremy Ferrari


Thème du sketch : La roulette russe un jeu dangereux


Thème du sketch : Vous êtes trafiquant de faux médicament