Avec l’été vient le moment de s’inscrire pour la plus importante manifestation en France pour le Web. Vous pouvez donc dès aujourd’hui vous inscrire à Paris Web en profitant des tarifs pré-vente valable jusqu’au 14 juillet.

Le programme à l’heure actuelle n’est pas encore dévoilé, mais nul doute qu’il sera à la hauteur des attentes de chacun.

Point de multi-tâches, ni de caméra en façade ou un APN de 5 Millions de pixels. Par contre, vous pourrez découvrir un nouveau design, un contenu plus fouillé de nos prestations, nos principales références/dernières réalisations, sans oublier bien entendu les petites fiches détaillées de chaque membre de l’équipe.

Bon surf à vous.

Les fleurs et les critiques sont toujours les bienvenues (surtout si elles viennent de @segle u_u (Where are thou?))

Après avoir lancé le site vitrine fin Avril, débarque aujourd’hui le site de vente en ligne de Bois d’ange. Si vous avez craqué pour les doudous Moulins Roty ou certains lit-cabanes signé Ludolit, vous pourrez désormais les commander et vous faire livrer en vous rendant sur le site dédié.

Ce dernier vous propose un catalogue de plus de 180 marques, et des centaines de références produits dont les fiches techniques et les divers schémas sont consultables et imprimables.

Bois d’ange, à chacun sa chambre !
Site vitrine du magasin situé à Lyon vendant du mobilier pour bébés, enfants et adolescents. Le site de vente en ligne est en cours de production, Xuxu finit de le façonner avec amour et nous vous en reparlons bientôt !

La clinique du store
La Société Clinique du Store est votre spécialiste en installation et en rénovation de Stores, Volets Roulants, Fenêtres et Portes de garages.

A bientôt pour la présentation de nos dernières créations !

Etape # 01

Ouvrez Photoshop, le meilleur ami des designers puis ouvrez votre image.

Etape # 02

Sélectionnez l’outil « rectangle arrondi » sur votre barre d’outils et créer votre rectangle par dessus votre photo.

Etape # 03

L’image est en « arrière plan », double cliquer sur le calque pour la déverrouiller. Ensuite déplacez le calque avec le rectangle en dessous de votre image.

Etape # 04

Dans la fenêtre des calques, positionnez vous sur le calque de l’image, faire un « clic droit » et sélectionner « créer un masque d’ écrêtage ».

***********
Un autre moyen d’arriver au même résultat est de positionner le curseur de la souris entre les deux calques, d’appuyer sur la touche « alt » (un symbole avec deux ronds et une flèche apparait) et de cliquer.

Etape # 05

Et voilà le travail ! Vous avez une magnifique image avec des jolis angles ronds et ça ne vous a prit que 2 minutes !

***********
Photoshop étant un outil formidable, il y a bien sûre d’autres manières de faire. Alexandra par exemple utilise le système des « masques de fusion« .

***********

Etape #01

Ouverture de votre image. Je vous fais grâce de la capture d’écran.

Etape # 02

Vous allez répéter quasiment la même opération que l’étape # 02 précédente à un détail près.
Dans la barre horizontale, sélectionner la forme vectorielle avec la plume au centre. Ainsi, vous obtiendrez seulement le tracé de votre rectangle arrondi.

Etape # 03

« Clic droit » sur l’image et sélectionner « définir une sélection ».

Sélectionner les options telles qu’affichées sur la capture et valider.

Résultat : vous avez une sélection et toujours un seul et unique calque.

Etape # 04

Dans votre barre d’outils, vérifier que le noir est au dessus du blanc, puis en bas du bloc des calques, cliquez sur « ajouter un masque vectorielle ».

Etape # 05

Résultat : Tout pareil que ci-dessus, une belle image aux angles arrondis !

***********
That’s all folks !

***********

Avec une dizaine de jours de retard, toute l’équipe d’O2Sources vous souhaite ses meilleurs voeux pour cette nouvelle année .

Pour vous accompagner en cette année 2010, vous pourrez choisir de télécharger un des membres de l’équipe, et avec un peu d’habilité (et aussi de ciseaux et de colle), nous serons toujours à vos côtés sur un coin de votre bureau (ou pas).

Et comme disait l’autre, soyez gentil de ne pas tenter de magie voudou quand même u_u.

Pour mener cela à bien, nous avons décidé d’utiliser Geolite Country.
Celui-ci permet de géolocaliser l’utilisateur en fonction de son ip sur la base du Pays. Pour une recherche plus affinée, les services sont payants. Mais le client désire uniquement centrer sur le pays de l’utilisateur. L’offre gratuite est donc amplement suffisante.

L’application étant en Python et ayant décidé d’utiliser la base binaire, j’ai donc installé la librairie pygeoip.
Son utilisation est particulièrement simple.

gmaps = urllib.urlopen('http://maps.google.com/maps/geo?q=%s&output=csv' % urllib.quote(country)).read().rsplit(',')

Le fichier GeoIP.dat est la base de données binaire, accessible sur GeoLite via ce lien direct.
Ainsi notre variable « country » est un string contenant le nom du pays. Ici « France ».

Il faut par la suite obtenir la latitude et la longitude de ce pays. Pour cela, Google Maps API est particulièrement utile.

gi = pygeoip.GeoIP('lib/GeoIP.dat')<br />
country = gi.country_name_by_name('o2sources.com')

Notre variable « gmaps » contiendra ainsi un tableau pour lequel les deux derniers éléments sont respectivement la latitude et la longitude.
Il n’y a plus qu’à afficher notre carte Google Maps centrée sur des données

Et puisque du code sans son contexte est d’une utilité moyenne, voici la vue permettant d’obtenir ces données

from django.shortcuts import render_to_response
from django.template import RequestContext

import pygeoip
import urllib

def home(request):
  gi = pygeoip.GeoIP('lib/GeoIP.dat')
  country = gi.country_name_by_name(request.META['REMOTE_ADDR'])
  gmaps = urllib.urlopen('http://maps.google.com/maps/geo?q=%s&output=csv' % urllib.quote(country)).read().rsplit(',')
  return render_to_response('centers/home.html', { 'country': country, 'latitude': gmaps[2], 'longitude': gmaps[3] }, context_instance=RequestContext(request))

Et dans notre template nous n’avons plus qu’à traiter ces données comme nous le désirons. Dans mon cas en affichant une carte Google Maps.
Mais vos besoins peuvent varier et les possibilitées sont quasiment illimitées.

Toute l’équipe est très heureuse de la mise en ligne de ce dernier bébé et nous souhaitons beaucoup de succès à l’ hôte des futurs « lofteurs ».

Nous serons donc bien présent à Paris Web. Et pas seulement pour assister à l’évènement.
En effet Florent fera une intervention Webdesign et qualité en compagnie de Benjamin de Cock.

Quant à moi j’animerai un atelier Test automatisé d’applications JavaScript avec Qunit et Selenium.

Thanh sera également présent probablement derrière un objectif d’appareil photo.
Alors nous vous attendons à Paris début octobre !