FRESH -> the Hive

API

Tue, 09 Mar 2010 11:23:03 +0100

Parce que nous somme en train de développer en ce moment l’API d’UpShot, je me suis dis qu’un pti laïus serais peut-être intéressant…

Une API c’est quoi ?
Application Programming Interface ça ne parle pas forcement au commun des mortel…
Une API c’est une partie des fonctions d’un service à disposition du public…
En gros, vous allez pouvoir dans vos propres programmes (sites web, applications, …) lancer des appels à notre service UpShot sans passer par son interface Web…
Dans ce slide on apprend beaucoup sur l’art et la manière de concevoir une API :

How To Design A Good API And Why It Matters

Pour notre part, l’API d’UpShot sera RESTful, optimisée pour les formats JSON et XML, et… OAuth-ready ! L’authentification sera donc accessible à la fois via HTTP-Basic par un jeu de tokens mais également par le fameux protocole qu’utilisent déjà les grands…

Bientôt plus d’infos ;)

Plus d’infos sur OAuth :
OAuth pour ruby
Le Git repository d’OAuth
Tutorial pour créer un provider OAuth
Tutorial pour créer un client OAuth

37 Signals - Recap of our new way of working

Tue, 02 Mar 2010 18:08:20 +0100

37 Signals - Recap of our new way of working

* Math Goth Galerie *

Thu, 25 Feb 2010 16:52:58 +0100

www.mathgoth.com est une galerie virtuelle entièrement dédiée à l’art urbain !

A l’origine de cette galerie, ce sont deux passionnés du street art voulant faire partager leur amour pour cet art et faire découvrir des artistes peu connus mais très talentueux.

Gauthier l’un des deux fondateurs de cette galerie avait déjà relevé un autre défi. En effet, il avait réussi à réunir 400 artistes intercontinentaux pour l’exposition “400ml project”. Cette exposition a été inaugurée à la Maison des Métallos à Paris.

La galerie www.mathgoth.com regroupe des oeuvres d’artistes assez connus comme Conread et Taki 183 mais aussi des artistes jusque là encore inconnu mais très dans l’art urbain. Les fondateurs souhaitent exposer un nombre d’oeuvres assez restreint pour amener l’amateur a comprendre l’histoire de l’art urbain.

Oeuvre “L’orgasme Glacé” de Tom Tom (aka Hephaïstos) exposé dans la galerie.

“Break Time”, Pochoir sur toile de l’artiste A1one exposé dans la galerie.

Baseline - a designer framework by ProjetUrbain

Tue, 23 Feb 2010 15:40:53 +0100

Baseline - a designer framework by ProjetUrbain

Time to timelines

Mon, 22 Feb 2010 11:01:00 +0100

En ce jour de vieillesse, je me suis dis qu’une session Timelines était pile poil ce qu’il fallait :

Photoshop :

source :Journal du Geek

Frameworks Web :

source : Matt Raible

Je sais pas vous, mais moi ça me met un coup de vieux…

Mydeadpony

Thu, 18 Feb 2010 10:17:31 +0100

Cet illustrateur autodidacte belge est très influencé par la mode et le street art. Ses illustrations composées de couleurs à l’eau sont très précises et pleines de finesse.

www.mydeadpony.com

Nouvelles du front : Flash CS5 / iPhone

Wed, 17 Feb 2010 13:29:19 +0100

Entrons tout de suite dans le vif du sujet :
Non, il n’y aura pas de .swf sur iPhone
Oui, c’est bien du vrai code binaire iPhone (IPA) que CS5 va générer

Ceci dis, l’arrivée de programmes créés avec Flash CS5 sur iPhone ne sera pas forcement une révolution…
En effet comme on peut le lire dans cet article, beaucoup de fonctionnalités de l’iPhone ne seront pas accessibles…

Personnellement à part les jeux et les animations, je ne vois pas vraiment l’intérêt de Flash sur une plateforme mobile…
Certains me répondrons qu’on pourra faire tout ça avec HTML5, les Canvas, tout ça, mais attention :

Possible techniquement ? OUI
Aussi joli graphiquement ? JAMAIS

Car que ce soit HTML5, JavaScript, ou autre, tout ce qui comporte ou sous-entend le mot “joli” - c’est à dire une certaine qualité esthétique - implique l’intervention d’un vrai graphiste, qui lui ne fait pas de code. Lui, il utilise une palette graphique.
Donc entre créer un rond bleu qui bouge et faire une belle animation vectorielle, il y à encore une grand fossé…

A moins que CS5 nous génère aussi du HTML5… ?

Pour aller plus loin : (article technique, en anglais)
http://www.devwhy.com/blog/2009/10/8/flash-on-the-iphone.html
Tuto vidéos pour créer une appli iPhone avec Flash CS5 :
http://gotoandlearn.com/play?id=116
Doc pour optimiser vos programmes Flash sur mobile :
doc en ligne, ou le pdf

Cubedesigners

Wed, 17 Feb 2010 11:00:00 +0100

Cubedesigners est une agence de web interactive. Cette agence, créé en 2002, est basée sur Montpellier et sur Paris. Son coeur d’activté est avant tout la création sur mesure.

Cubedesigners est une agence de design du produit, graphisme et multimédia. Elle possède une grande expérience dans le design industriel et travaille sur un grand nombre de supports; des supports traditionnels comme les affiches, les brochures mais aussi des supports numériques tels que les sites internet et jeux vidéo.

Elle a créé Fluidbook. Fluidbook est une application qui permet de digitaliser un catalogue papier sur le web avec plusieurs autres fonctionnalités. Cette application est très bien pensée et permet à l’internaut de naviguer sur un catalogue comme si c’était un vrai support papier. Le design est de très haute qualité et je suis surprise par l’exellente visibilité du catalogue.

Création du site internet avec l’agence CLM/BBDO et Agence 4.

Cette agence a créé de très beaux sites et possède de très belles références. Son site internet témoigne de son professionnalisme et de son originalité.

www.cubedesigners.com

Delayed::Job ou comment executer des tâches de fond

Tue, 16 Feb 2010 09:04:00 +0100

Viens un moment dans le développement d’une application (qu’elle soit Web ou pas) ou la nécessité d’avoir des tâches qui s’exécutent de façon transparente, mais surtout qui ne ralentissent pas l’application ! Le cauchemard pour un utilisateur que d’attendre devant une page blanche le temps que tout les traitements côté serveur soit terminés.

Afin de pallier à ce problème, les tâches de fond sont la solution… Dans le monde (merveilleux) de Ruby on Rails, il existe plusieurs solutions

Pour UpShot nous avons choisi DelayedJob, pas l’original de Tobi, mais la version de ColectiveIdea.

Tout d’abord : pourquoi DelayedJob plutôt qu’un autre ?
Et bien après avoir lu les différents comparatifs, et constaté que Git lui même y était passé pendant un très long moment. Même si Git a récemment changé pour Resque, lui-même basé sur DelayedJob, en lisant l’excellent readme de Resque sur la comparaison entre Resque et DelayedJob, vous comprendrez pourquoi nous avons choisi DelayedJob.

Voyons maintenant le pourquoi du comment :
Les utilisateurs d’UpShot travaillent souvent avec des images haute résolution. Lorsqu’ils placent une note sur une image, ils provoquent le chargement de l’image depuis un service distant, que nous récupérons pour ensuite la re-tailler (crop) et afficher une miniature de la zone commentée. Ce traitement tel qu’il se fait actuellement prend 7 secondes. 6, 8 secondes de trop par rapport à ce qui est acceptable donc ;)

Intervention de delayed_job
Nous créons donc une tache de fond pour la récupération de l’image, le ‘cropping’, et l’enregistrement de la miniature. La ressource Git du projet explique parfaitement l’utilisation, après avoir installé le plugin (ou le gem, as you want), il suffit de créer sa propre tâche dans le répertoire lib de votre application Rails.

Installation de delayed_job
Lancement de la commande de migration (vous devriez voir une table delayed_job apparaitre dans votre BDD).
Nous créons donc un fichier my_cropping_job.rb dans le repertoire /lib de notre projet.
Puis nous y plaçons le code suivant :

require ‘RMagick’
class MyCroppingJob < Struct.new(:my_image_object)
include Magick
def perform
@img = MyImageObject.find(my_image_object.id)
# Open the pic
img_temp = Magick::Image::read(@img.asset.file.url).first
# Get the zone
cropped = img_temp.crop(@img.x, @img.y, @img.w, @img.h)
#… other treaments
#.. but not interesting for you
@img.save!
end
end

Pour finir il suffira de placer l’appel à ce “job” lorsque cela est nécéssaire dans votre code :

Delayed::Job.enqueue(NoteThumbnailJob.new(@note.reload))

Et surtout : N’oubliez pas de lancer la commande rake jobs:works !

Le post-traitement
Dans notre cas précis, la note devant s’afficher immédiatement, le temps que la vraie image de la zone apparaisse, nous utilisons donc une image temporaire, que nous remplacerons simplement via JavaScript.

Déploiement
Lancer le traitement des tâches en fond avec la ligne de commande c’est faisable mais un peu fastidieux à chaque déploiement de l’application. Copiez/collez simplement les lignes suivantes à la fin de votre fichier de déploiement (/config/deploy.rb) :

namespace :delayed_job do
desc “Start delayed_job process”
task :start, :roles => :app do
run “cd #{current_path};#{rails_env} ./script/delayed_job start”
end
desc “Stop delayed_job process”
task :stop, :roles => :app do
run “cd #{current_path};#{rails_env} ./script/delayed_job stop”
end
desc “Restart delayed_job process”
task :restart, :roles => :app do
run “cd #{current_path};#{rails_env} ./script/delayed_job restart”
end
end

Le projet DelayedJob :
http://github.com/collectiveidea/delayed_job

Un très bon railsCast sur DelayedJob :
http://railscasts.com/episodes/171-delayed-job

Pour aller plus loin :
rails, les taches de fond distribuées, S3, EC2, …
http://www.slideshare.net/jondahl/asynchronous-processing-with-ruby-on-rails-railsconf-2008-443159

Présélections WIF - Le thème

Fri, 12 Feb 2010 14:07:27 +0100

Et voilà ! Le thème est tombé :

A travers une interface sensible, originale et poétique, proposer une application interactive permettant de partager ses souvenirs. Pouvoir partager ses photos, vidéos, textes, émotions, découvertes, amours, colères, émerveillements… à vos amis et pourquoi pas à vos ennemis. Cet «outil» (site web, application web, site mobile, application mobile, service en ligne, objets communiquant…) devra être accessible en ligne.

suivez-nous sur Twitter

WIF

Fri, 12 Feb 2010 13:30:04 +0100

C’est parti ! Nous venon de recevoir les accès FTP pour les préselection du WIF

Début dans 30 minutes !

Photoshop shortcuts

Wed, 10 Feb 2010 12:10:00 +0100

Smashing Magazine vient de sortir une petite “cheat sheet” pour Photoshop…

Enjoy ;)

Charles Hively

Wed, 10 Feb 2010 11:02:14 +0100

Charles Hively est directeur artistique et fondateur du magazine 3x3. C’est un ex-redacteur publicitaire et illustrateur. Son magazine américain est entièrement consacré à l’illustration contemporaine.

Charles Hively est avant tout un passioné de l’illustration. Tout petit, il dessinait déjà, il suit ensuite des études dans une école d’art. Très influencé par les oeuvres d’Alan Cober, Bernie Fuchs ou encore Franklin Mcmahon, Charles Hively essaye différentes techniques et outils. Après ses études, il fonde sa première agence de publicité. Plusieurs années plus tard, il décide de se détourner de son agence de publicité pour se consacrer à son nouveau projet, éditer un magazine d’illustration.

Stephan Venbroek, www.stephanvenbroek.com, illustration paru dans 3x3 en 2009.

A travers son magazine, il met l’accent sur l’illustration souvent délaissée par beaucoup de personnes au profit de la photographie ou d’autres domaines artistiques.

Le nom du magazine, 3x3, vient du fait qu’il est produit trois fois par an et présente trois illustrateurs dans chaque numéro. Son but étant d’inspirer, encourager et éclairer ceux qui ont choisi ce domaine.

Oeuvre de l’artiste Krister en couverture de 3x3, www.flodin.biz.

www.3x3mag.com via http://3x3mag.com/blog

Nexus

Tue, 09 Feb 2010 12:29:27 +0100

Hier 8 février, à La Cantine a eu lieu l’Android Dev Lab. Un évènement dédié aux développeurs Android, donc très geek, mais surtout très intéressant puisque le marché mobile prend de plus en plus de place…

Avant que les conférences commencent à être abordées, l’intervenant venu de chez Google nous annonce in english of course :
- “You’ll all get a Nexus One”

Oui, oui-oui-oui, un Nexus One, le dernier téléphone Android sorti de chez Google itslef. Imaginez une soixantaine de geeks en effervescence comme des enfants de 6 ans à qui on dit que le père noël en personne vient distribuer les jouets.

Bon alors ici je suis relativement calme, mais pour ceux qui suivent un peu sur twitter, quelques twitpic montrent l’enfant qui vit en moi ;)
A l’allumage, mise à jour immédiate : multitouch(2.1), et nouvelle version de GoogleMaps(3.4).
Et le multicompte gmail c’est vraiment un bonheur ;)

Une soirée qui commence bien donc ! Et des conférences tout aussi intéressantes :

Le monsieur de chez Google (qui était devenu notre meilleur ami à tous pour le coup) nous a présenté les dernières nouveautés du SDK,
Archos était présent pour nous présenter son petit dernier sous Android ainsi que les spécificités du développement sur Archos,
Didier Girard nous a présenté les bonnes pistes pour lancer une application sur le marché mobile (ses slides seront dispo sur frandroid bientôt),
Ludovic Perrier nous a parlé 3D sur Android via OpenGL ES,
et pour conclure nous avons discuté avec Sylvain Maucourt sur applications natives VS applications web, HTML5, Flash, etc

Une autre session est prévue ce Vendredi 12, où Romain Guy sera présent, le french googler qui a développé l’interface graphique d’Android.

UpShooting

Mon, 08 Feb 2010 15:38:48 +0100

Nick Gentry est un jeune artiste anglais. Selon lui, l’existence humaine est régie par d’innombrables fichiers de données immatérielles. Cela donne des œuvres étonnantes à découvrir aujourd’hui sur son site.

Dan Stafford

Thu, 04 Feb 2010 09:18:14 +0100

Agé de 23 ans

Basé à Londrres

Site web : http://www.dan-stafford.com

Il a récemment été diplomé de l’université Loughborough d’art et de conception et réçu les honneurs de premier de la classe en conception visuelle.

Dan Stafford explore la communication visuelle dans un contexte Post- moderne.

Il travaille actuellement à Londres et à grandi à Manchester.

Il a essentiellement pour client des magazines tels que le Magazine Jack et Schön! Magazine.

Il est très influencé par le cinéma contemporain et le constructivisme.

Il possède un style originale et très particulier. Son travail confronte des idées de duplicité et d’identité d’individu dans une société post-moderne. En effet, on retrouve cette duplicité dans une dualité des couleurs, le noir contre les couleurs vive, où se mèle la douceur et le macabre.

N’ayant pas peur de peindre au grand jour les émotions souvent réfoulées et parfois crues, Dan Stafford commence à se faire un nom dans l’art contemporain.

Il prévoit prochainement d’exposer ses créations à Londres, Glasgow ou encore San Francisco.

La Guerre des boutons 2.0

Tue, 02 Feb 2010 14:55:56 +0100

Dans la gueguerre qui opposera toujours les compagnies privées entre elles et contre les standards, en ce moment c’est Apple qui s’attaque à Adobe, au travers du refus de Flash dans ses produits, avec pour veau d’or HTML 5.

D’un coté on peut lire le pertinent article d’Etienne Mineur, et de l’autre de nombreux -tout aussi pertinents- articles favorables au HTML5.

En tant que “techos”, je suis évidement ultra favorable au HTML5, mais de la à croire qu’il va enterrer Flash…
Il ne faut pas oublier que ces différentes technologies n’ont pas du tout la même audience d’utilisateurs :

HTML5 comme le reste est un langage, et est donc destiné aux programmeurs.
Flash est un outil d’animation vectoriel, et est donc destiné aux designers.

Que les geeks se croient capables de faire des animations et des “choses jolies” en général ne m’étonne plus (mais ça continue à me faire rire). Lire une vidéo et créer un gif animé n’as rien à voir avec savoir définir une ergonomie, créer une charte graphique, dessiner, réaliser une animation (mais une vraie, une jolie, avec du talent artistique), ou simplement créer un logo.

Plus sérieusement je pense qu’on va assister à (enfin) une vraie séparation des utilisations des technologies dans ce qu’elle doivent vraiment faire :

HTML5 va nous permettre (nous = geek/techniciens) d’intégrer facilement des vidéos dans nos pages en étant sûr que tout le monde pourra la lire.
Flash deviendra 100% dédié à ce qu’il sait faire : de l’animation vectorielle

Si j’aurais su, j’aurais po v’nu

Pour en revenir à Apple vs Adobe, je pense qu’il est dommage de se passer de Flash car si l’on pourra lire de très nombreuses vidéos, on ne pourra plus voir les sites full-Flash ni les différentes animations graphiques qui ne sont réalisables qu’avec Flash.

Workshop Wisibility: Détourage toshop CS4

Mon, 01 Feb 2010 18:02:17 +0100

Bonjour tout le monde !

Ca bouge bien chez nous, des nouvelles super rapidement mais on est un peu sous l’eau là :)

En attendant je vous conseille le Workshop sur le détourage Photoshop organisé par nos potes de chez Wisibility le 12 Février.

Et comme ils sont sympa voici un code à utiliser pour économiser 20€: WISIUP.

Workshop : Technique de détourage sur Photoshop CS3 et CS4 - Wisibility

Enjoy, à très bientôt !

Graphistes en détresse !!!

Mon, 01 Feb 2010 17:59:52 +0100

Quand je lis ça ce Tumblr, d’abord je rigole bien :D Ensuite je me dis que le métier de graphiste ne doit vraiment pas être évident.

Nous, développeurs, avons la chance que notre métier ne soit pas (ou peu) soumis à des critères esthétiques.

En effet, ils est plus facile pour un client de s’improviser graphistes que de s’improviser développeur. Je vois mal un client dire : “Je trouve que ton helper n’est pas bien défini, tu devrais plutôt faire comme ça”. Alors qu’un “Tu ne pourrais pas décaler le logo sur le côté sur la droite ? Et le mettre en plus gros !! C’est bien quand le logo est gros, il se voit mieux !!” est si vite sorti.

Bref, quand je vois ce genre de difficultés, je me dis que si UpShot peut éviter ne serait-ce qu’une infime partie des problèmes liés à la gestion client, c’est gagné !

Aouch † Sashimi’s Revenge By Serge Birault. Sympa et…...

Mon, 01 Feb 2010 15:05:59 +0100

Aouch † Sashimi’s Revenge

By Serge Birault. Sympa et… techniquement incroyable :)
artgasm via fuckyeahtentacles

FRESH -> the Hive

API

37 Signals - Recap of our new way of working

* Math Goth Galerie *

Baseline - a designer framework by ProjetUrbain

Time to timelines

*Mydeadpony*

Nouvelles du front : Flash CS5 / iPhone

Cubedesigners

Delayed::Job ou comment executer des tâches de fond

Présélections WIF - Le thème

WIF

Photoshop shortcuts

Charles Hively

Nexus

UpShooting

Dan Stafford

La Guerre des boutons 2.0

Workshop Wisibility: Détourage toshop CS4

Graphistes en détresse !!!

Aouch † Sashimi’s Revenge By Serge Birault. Sympa et…...

Aouch † Sashimi’s Revenge

Mydeadpony