tbergeron->myHeadInsideOut(); » Programmation http://tbergeron.com Tue, 20 Jul 2010 06:19:03 +0000 en hourly 1 http://wordpress.org/?v=3.0.2 Cappuccino, framework Javascript pour créer des Applications http://tbergeron.com/technologie/cappuccino-framework-javascript-pour-creer-des-applications/ http://tbergeron.com/technologie/cappuccino-framework-javascript-pour-creer-des-applications/#comments Tue, 07 Jul 2009 14:38:37 +0000 tom http://tbergeron.com/?p=1094 cappuccino-iconLe mois dernier, j’ai entendu parler de Cappuccino: un framework javascript permettant de créer des applications web. Mais pas de vulgaires pages avec quelques lignes de CSS. Des applications web, des vrais. Voyez par exemple: 280slides et almost.at

C’est géant. Ils sont présentement entrain de travailler sur Atlas, une version javascript de XCode pour coder en Objective-J. Et oui, Objective-J. Ils ont même fait une version du fameux Objective-C d’Apple. La syntaxe est vraiment pareil.

Voyez ce vidéo démontrant comment on créer un simple RSS Reader avec leur kit de développement.

Ceci est le future, tout simplement. Des applications, dynamiques, avec interfaces, sans être ancrées dans un système d’opération, ni dans un appareil.

Si ça vous intéresse voici quelques démos et tutoriaux:

http://cappuccino.org/learn/demos
http://cappuccino.org/learn/tutorials

]]> http://tbergeron.com/technologie/cappuccino-framework-javascript-pour-creer-des-applications/feed/ 0 Créer un traducteur grace à l’API de Google http://tbergeron.com/technologie/creer-un-traducteur-grace-a-lapi-de-google/ http://tbergeron.com/technologie/creer-un-traducteur-grace-a-lapi-de-google/#comments Thu, 04 Jun 2009 17:00:28 +0000 tom http://tbergeron.com/?p=791 googleDans la lancé d’article informative que je suis entrain de vivre, aujourd’hui nous verrons comment créer un simple traducteur à l’aide de l’API de Google. Le concept est simple et sera créer en un fichier seulement.

Étape 1: Structure HTML

Tout d’abord, nous allons créer une structure HTML très simple. Quoi peu attrayante visuellement, elle sera fonctionnel.
Voici une structure bien simple et commune à tout les projets d’aujourd’hui.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<title>Mini Traducteur</title>
</head>

<body>
</body>

</html>

Étape 2: Structure HTML du traducteur

Mais qu’est-ce que cette structure contiendra-t-elle? Et bien ce sera les boîtes de textes, le bouton, et les boîtes déroulantes! Voici le code qui ne pourra pas bien bien être plus simple:

	<div id="translator">
		<table>
			<tr>
				<td colspan="2">
					<textarea class="text" rows="5" cols="25"></textarea><br />
					<input type="submit" class="send" value="Traduire!" />
				</td>
			</tr>
			<tr>
				<td>
					<select class="from">
						<option>De...</option>
						<option value="en">Anglais</option>
						<option value="fr">Français</option>
						<option value="es">Espagnol</option>
					</select>
				</td>
				<td>
					<select class="to">
						<option>À...</option>
						<option value="en">Anglais</option>
						<option value="fr">Français</option>
						<option value="es">Espagnol</option>
					</select>
				</td>
			</tr>
		</table>
		<h3>Résultat:</h3>
		<div class="result"></div>
	</div>

Étape 3: Inclure les librairies requises

Les librairies que nous nous servirons seront l’API de google, et jQuery. Pour la simple raison que nous ne voulons pas télécharger rien et que je vous ai promis de faire cet exemple en un fichier.

Alors incluons nos deux librairies!

	<script type="text/javascript" src="http://www.google.com/jsapi"></script>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script>

Étape 4: Le javascript!

Le code javascript a utilisé est très court, j’ai été bien surpris de voir que nous pouvions utiliser la traduction d’une aussi pure et simple façon. Le code sera bien documenté afin que vous vous retrouviez un coup rendu à l’interieur.

Remarque: J’utilise jQuery pour tout les besoins de javascript, alors ne vous surprenez pas à voir la syntaxe. N’oubliez pas d’utiliser le tag « script » pour éxécuter ce code!

		//Chargement l'api de langage de Google.
		google.load("language", "1");
 
		//Fonction qui nous permet de traduire d'un language à l'autre.
		function translate(text, from, to) {
			//On appel l'API de Google avec nos paramètres.
		  google.language.translate(text, from, to, function(result) {
				//Si on reçoit un résultat, on fait l'action.
		    if (result.translation) {
					//Dans ce cas, on met le résultat dans l'élément .result
		      $('#translator .result').html(result.translation);
		    }
		  });
		}
 
		//On attend que la page soit complètement chargé.
		$(function() {
			//Quand l'utilisateur clique sur traduire on utilise notre fonction.
			$('#translator .send').click(function() {
				translate($('#translator .text').attr('value'), $('#translator .from :selected').val(), $('#translator .to :selected').val());
			});
		});

Étape 5: Test!

Un coup la source bien terminée, il ne vous reste plus qu’à l’essayer!

Vous pouvez essayer cet exemple ici: Exemple de traducteur google.

Si vous avez des suggestions et/ou commentaires, lâchez-vous lousse!

]]> http://tbergeron.com/technologie/creer-un-traducteur-grace-a-lapi-de-google/feed/ 0 Update! http://tbergeron.com/blog/update/ http://tbergeron.com/blog/update/#comments Sun, 05 Apr 2009 14:28:59 +0000 tom http://tbergeron.com/?p=611 Voici ce qu’il se passe dans ma vie c’est temps-ci:

  1. Utilisation massive du framework PHP Symfony.
  2. Découverte de GIT (version management), ça torche svn. solide!
  3. Création d’un système de blog que j’avance très très rapidement fait avec symfony, et publié sur github.

Voici quelques screenshots:

picture-1 picture-3 picture-4 picture-5 a

En deux jour, j’ai beaucoup avancer, vous pouvez voir le code sur mon repo github. Je suis entrain de terminer la gestion des articles et ensuite je l’utiliserai pour un techblog perso à l’adresse http://pousli.net/blog

Mon but n’est pas de réinventé la roue, mais bien de créer un système versatile, et bien reprogrammable. Je me fou de la gestion des plugins car tout sera programmé quand j’en aurai envie et dans l’ordre que je veux. Une semaine ce sera un système de commentaire, l’autre ce sera un système de gestion de medias, etc. Un beau petit challenge qui est entre autre un bon passe temps.

Apart çà, et bien ça va toujours bien avec ma femme, au bureau aussi et pas mal partout héhé. La vie quand c’est bien balancé et organisé ça rock en modit. Moi qui croyait que de vivre tout croche c’était cool… c’est encore plus cool de savoir qu’ont est bien entouré et que je serai encore vivant demain matin… Héhé. Tsé c’est le fun faire le hors la loi, mais tsé les lois ça peut-être été inventé pour justement… vivre? ;)

Keep on rocking in a free world!

]]> http://tbergeron.com/blog/update/feed/ 0 Un matin de plus… http://tbergeron.com/blog/un-matin-de-plus/ http://tbergeron.com/blog/un-matin-de-plus/#comments Tue, 06 Jan 2009 14:25:43 +0000 tom http://tbergeron.com/2009/01/un-matin-de-plus/ … je ne suis plus capable de dormir depuis ton départ. L’oreiller sur laquelle, quelques moments plus tôt, reposait ta tête sent maintenant ton absence. Le vent cri ton nom en frottant brusquement sur le cadre de la fenêtre. Le future est incertain, va-t-ont vraiment nous revoir?
Tant de chose sans réponses, qu’encore une fois seul le temps sera capable de prédire. Dommage que nous ne puissions pas l’avancé…

WTF, trop bu de café… J’me prend pour Molière moi la… Anyway en gros sa veux dire que j’mennuie d’ma femme batard pis j’suis plus capable de dormir… Bon back to work a 1hr.
Entretemps regarder: nouvelles sections: photos & videos!

Fuck & Roll

]]> http://tbergeron.com/blog/un-matin-de-plus/feed/ 0 Bon oussé j’étais rendu déja? http://tbergeron.com/blog/bon-ousse-jetais-rendu-deja/ http://tbergeron.com/blog/bon-ousse-jetais-rendu-deja/#comments Wed, 10 Dec 2008 19:01:45 +0000 tom http://totototom.wordpress.com/?p=438 Ouf fait un bail! Et bien oui!

Voici du nouveau:

Je vie en appart depuis un bon bout, toujours avec Alex from Wake Up et une nouvelle petite dame très gentille. Cette dame s’appelle Marie-Pier et, est ma nouvelle copinne! (Bah nouvelle, fait quand même un mois! gnah!) Après ce cours mois, nous avons spontanément décidement d’eménager ensemble, alors elle vivera dorénavent dans la Shit Rocking Gang Bang Band Appart!

Moi j’suis maintenant programmeur web pour Le Petit Web (www.lepetitweb.com) depuis quelques mois, tout va très bien! Au fait j’suis présentement là et j’suis en heure de dinner. J’memmerde et j’mennuie d’mon bébé… Mais bon dans pas trop long!

Dans le même cadre du « WHAT’S UP?!!! »: Je suis entrain de faire une redirection de carrière, je part des langues pour aller en programmation. Je ferai mes cours de Math au cégep et j’irai faire mes études à l’université.

Apart de sa j’ai pas grand chose d’autres à dire pour le moment! So sayaunara bout’Criss!

]]> http://tbergeron.com/blog/bon-ousse-jetais-rendu-deja/feed/ 0