Jurassic Geek Weblog

This blog has moved.

2007-10-16T11:55:00.000-07:00

For all people coming regularly on this blog....this blog has moved to http://www.laurentbois.com/ .
Please update your bookmarks and your RSS aggregator.

Top 10 little-known GMail features

2007-09-15T23:00:00.000-07:00

Sur le blog de Google Mail , 2 articles rappelant quelques fonctionnalites bien utiles de GMail
- Lire ici la 1ere Partie
- Lire ici la seconde partie

Hack The iPod Touch

2007-09-15T22:53:00.000-07:00

Alors que les premiers iPod Touch arrivent aux Etats Unis, voila que les applications manquantes (et presentes sur l'iPhone) sont deja installables.

Il s'agit de : Mail, Google Maps, Stocks & Weather..et tout ca grace au Jailbreak.

Bien sur , la vitesse a laquelle cela est arrive est tout bonnement du a une bonne capitalisation du travail effectue depuis des semaines sur l'iPhone.

Pour ceux qui hesitaient encore , parce que l'iPod Touch bien que ressemblant a l'iPhone, etait plutot un iPhone allege, desormais voila le probleme regle. Aujourd'hui le iPod Touch est un iPhone , sans le phone... chose qu'on avait encore entre nos mains jusqu'au desimlockage.

D'ailleurs, un sondage pourrait etre lance >

Preferez vous avoir un excellent telephone et un iPod Touch "hacke" ou un iPhone.

Tout sur hacktheipodtouch.com

Free Unlock iPhone software

2007-09-12T00:42:00.000-07:00

Ca y est, ils l'ont fait.

Après l'annonce en fanfare de la fin de semaine dernière par l'équipe de IPhoneSIMFree sur la certification que leur logiciel (payant) permettant de désimlocker l'iPhone ( vidéo Gizmodo et Engadget), l'équipe de Hackint0sh a mis à disposition cette nuit le "hack du hack".

Pour la petite histoire, ce qui a motivé Hackint0sh est tout simplement de contrer IPhoneSIMFree dans son élan d'enrichissement : la méthode de IPhoneSIMFree pour vendre son logiciel étant de repasser par des revendeurs, en leur vendant des lots de licences. Ces revendeurs revendent ensuite à l'unité ces licences à l'utilisateur final de l'iPhone. Ainsi tout problème juridique potentiel aurait lieu entre Apple/AT&T et ces revendeurs.

De plus, il faut savoir qu'il fallait enregistrer son iPhone sur un serveur (IMEI code, Serial Number de l'iPhone, Transaction ID Paypal) au préalable. Ensuite, lors de la procédure de désimlockage , le logiciel iPhoneSIMFree se connecte à ce serveur : une vérification contre la base de données est faite (pour vérifier que l'utilisateur a payé) et un bout de code essentiel pour le désimlockage est téléchargé.

Le hic dans tout ca est que :

- iPhoneSIMFree n'est qu'un client graphique finalement puisque : le iPhone doit être activé, jailbreaké (cela n'est possible qu'avec les logiciels sous licence GPL de Hackint0sh) et pire, d'après le wiki Hackint0sh et ce qu'il s'est dit sur l'IRC, le bout de code téléchargé serait tout simplement un code repris à George Hotz, le jeune Hacker du New Jersey qui avait désimlocké son iphone. Le hack s'appuie également sur un bug de l'iPhone.

Tous les logiciels nécessaires à cette opération sont disponibles...y a plus qu'à essayer.

Bien sûr, la question se pose toujours sur la perennité de ce hack. L'alternative par la TurboSIM s'avèrerait plus résistante (bien qu'elle peut tout de même être contrée par Apple à terme).

Tout le monde en parle sur :

FrenchIPhone

Blog de George Hotz

Unlock.no

Macapper.com

MacBidouille

Pour information (merci M-L), l'iPhone en import des US est disponible en Suisse chez Nextway.ch, ainsi que la TurboSIM.

Pré commande Leopard sur Amazon

2007-09-09T02:20:00.000-07:00

Juste une petite news pour signaler que Mac OS X Leopard ( dispo fin octobre) peut être pré commandé sur Amazon.
La licence est au prix de 129 dollars, le Family Pack (pour ceux qui ont plusieurs Mac) est au prix de 199 dollars.

Nota : une rebate de 20 dollars pour ceux qui achetent conjointement avec Leopard (Licence unique/family Pack) Parallels Desktop 3.0

Apple Keynote on 5 sept.

2007-09-08T23:56:00.001-07:00

Apple Keynote last wednesday has been rich in term of news.

First concerning iTunes :
People like create their ringtones. Now it will be possible through iTunes. Users could create ringtones for the iPhone from tracks bought on iTunes Music Store.

iPod shuffle : no big changes. More colors available.

iPod nano :

- Nike compatible
- storage x2 for the same price
- 149$ for ipod nano 4GO
- 199$ for ipod nano 8GO

- Videos

- slideshow of photos with music

- CoverFlow (a little bit slow, comparing to iPhone) but very impressive.

iPod Classic :
- Now there is 160 GB for the biggest model, and it's very impressive. 80GB for the first model
- Coverflow
- thin, all metal, black and grey

NEW : iPod Touch
- same size than iPhone, same screenplay, thin (8mm against 11mm for the iPhone)
- same icons/widgets than iphone
- same interface than iPhone for the music.
- Coverflow
- wifi
- Flash memory
- movement detector.
- 299 USD for the 8gigs, 399 USD for the 16 gigs
- Safari, YouTube, Calculator, Calendar, Contacts, Clock applications (where is Mail?)
- Powered by Mac OS X.

iTunes WiFi Music Store :
It's a light version of iTunes for iPod Touch and iPhone .
- you could access iTunes Music Store, buy and download songs directly on your mobile device.

Finally , the big news is a drop price for the iPhone 8gigs : 599 USD to 399 USD. Bad day for iPhone early adopters :-( (i'm an early adopter)
Apple does a price adjustment for an iPhone bought in the 14 days before the KeyNote (5 sept.).
Apple gives a coupon of 100 USD for people having bought their iPhone between 29th of June and the 5th of september.

"Getting real" Part One

2007-08-27T07:28:00.000-07:00

Do you really know how to make a project successful?

Let's speak about an excellent book delivered by the RoR team (the same who successfully released Basecamp, Tada List, Backpack, Writeboard, Campfire and Highrise) : "Getting Real" by the 37signals Team.

I'm really convinced today about the good practices related into this book.
By experience, many projects i participated on, applied exactly the opposite of "Getting Real"...all these projects have never been released on time and on budget or worth, nothing has been released at all. Most of these projects had in common a management by contract, long-term specification phase, customers unhappy after the (long) period of specs + development (their needs has changed in the interval), release more than competitors and all the features in version 1.0, too much bureaucracy, too much meetings, too much politics, too many project managers.

I will write 3 articles about the "Getting Real" book : i'll try to deliver a shrink overview by extracting lines from chapters of the book, being to my eyes some essential points that can help you in order to make a project real : release a quality product satisfying your customers.
The goal of these articles is also to give you the envy to read the original book (including many essays): it can be bought as a PDF or paper Back, or read freely online

** The starting line **

* Build less *

One first key point is "underdo your competitors". Many think you beat your competitors if you one-up them. If they have 4 features, you should deliver 5, 15 or 25 more. But this kind of defensive, paranoid and expensive way to build products should be forget. By doing this, you can't think ahead, but behind...so you don't lead but follow.

The answer is : do less.

Less features, Less options/preferences, less people and corporate structures, less meetings and abstractions, less promises

* Build software for yourself *

Solve your own problems. By doing this you're the target audience, and you'll know what's important and what's not.

* Constraints drive innovation *

Constraints force you to get your idea out in the wild sooner. After one month or two, you've a pretty good idea if you're onto something or not. If your idea is lemon, it's time to go back (opposed to months or years down the road).
Don't forget : build a quality tool that you & your customers can live with for a long time.

* Launch on time & on budget *

To launch on time and on budget : keep them fixed. Don't throw more time and money at a problem, just scale back the scope.

The myth "Launch on time, on budget and on scope" never happens, and when it does, the quality often suffers.

Lauching something great that's little smaller in scope than planned is better than launching something mediocre and full of holes.

* Prioritization *

You have to figure out what is really important, and what you're going to make for the initial release.

* Your passion - or lack of - will shine through *

If your product doesn't excite you, something's wrong. If you're only working on it to cash out, it will show. If you feel passionnately about your app, it will come through in the final product.

** Stay lean **

* Less mass *

The more massive is an object, the more energy is required to change its direction. It's true in the business world as in the physical world.

For web technology it's also true : changes must be easy and cheap. If you can't change on the fly, you'll lose ground to someone who can.

Mass is increased by : Long terms contracts, excess staff, permanent decisions, meetings about other meetings, thick process, hard / soft / technologies lock-ins, proprietary data formats, The past ruling the future, Long-Terms roadmaps, office politics.

Mass is reduced by : Just in time thinking, Multi Tasking team members, embracing constraints, less software & less code, less features, small team size, simplicity, pared down interfaces, open source products, open data formats, open culture that makes it easy to admit mistakes.

With less mass, you change of direction quickly. You can react and evolve. You can focus on good ideas and drop the bad ones. You can listen and respond to your customers. You can integrate new technologies now instead of later.

* Stay flexible *

if your competitors can change faster than you, you're at huge disadvantage. If changes get too expensive, you're dead.
The ability to change on a dime is one thing small teams have by default that big teams can never have.
Cheap and fast changes are small's secret weapon.
All the cash, all the marketing, all the people in the world can't buy the agility you get from being small.

* Use a team of 3 for version 1.0 *

For the first version of your app start with only three people. Start with a developer, a designer, a sweeper (someone who can roam between both worlds).
If you can't build your version with three people, then you either need different people or need to slim down your initial version.
Remember : keep your first version small and tight. You'll quickly get to see if your idea has wings, and, if it does, you'll have a clean, simple base to build on.

* Differentiate yourself from bigger companies by being personal and friendly *

A lot of small companies make the mistake of trying to act big. Being small can actually be a huge advantage, especially when it comes to communication.
Small companies enjoy fewer formalities, less bureaucracy, and more freedom. Smaller companies are closer to the customer by default.

** Priorities **

* What's the big idea *

Explicitly define the one-point vision for your app : What does your app stand for? What's it really all about?

Your vision should be brief too. A sentence should be enough to get the idea across.

* Ignore details early on *

Work from large to small.
Success is not the only thing you'll find in the details.
You'll also find stagnation, disagreement, meetings and delays. These things can kill morale and lower your chances of success.

Just get the stuff on the page for now. Then use it. Make sure it works. Later on you can adjust and perfect it.

* It's a problem when it's a problem *

Don't waste your time on problems you don't have yet.

Do you need to worry about scaling to 100 000 users today if it will take two years to get there.

Do you need to hire 8 programmers if you only need 3 today.

Do you really need 12 top-of-the-line servers now if you can run on two for a year?

* Hire the right customers *

Find the core market for your application and focus solely on them.

The customer is not always right. The truth is that you have to sort out who's right and who's wrong for your app.

If you try to please everyone, you won't please anyone.

* Scale later *
You don't have a scaling problem yet.

In the beginning, make building a solid core product your priority instead of obsessing over scalability and server farms.

Create a great app and then worry about what to do once it's wildly successful.

* Make opiniated software *

The best software has a vision. The best software takes sides.
When someones uses software, they're not just looking for features, they're looking for an approach. They're looking for a vision.

** Feature selection **

* Half and not Half-ass *

Stick to what's truly essential
Take whatever you think your product should be and cut it in half.
Pare features down until you're left with only the essential ones. Then do it again.

Start off with a lean, smart app, and let it gain traction. Then you can start to add to the solid foundation you've built.

* Start with No *
The secret to building half a product instead of half-ass product is saying no.
Don't be a yes man:
Every new feature that comes to us meets a no. We listen but don't act. The initial response is « Not now »
If a request feature keeps coming back, that's when we know it's time to take a deeper look. Then, and only then, do we start considering the feature for real.

* Hidden costs *

Expose the price of new features.

For every new feature you need to...

1.Say no
2.Force the feature to prove its value
3.If 'no' again end here...if yes continue
4.Sketch the screen(s)/UI
5.Design the screen(s)/UI
6.Code it
7.Test tweak test tweak test tweak...
8.Check to see if help text needs to be modified.
9.Update the product tour (if necessary)
10.Update the marketing copy (if necessary)
11.Update the terms of service (if necessary)
12.Check to see if any promises were broken.
13.Check to see if pricing structure is affected
14.Launch

* Can you handle it *

Build products and offer services you can manage.
It's easy to make promises. It's much harder to keep them.
Make sure whatever it is that you're doing is something you can actually sustain – organizationally, strategically, financially.

* Human solutions *

Build software for general concepts and encourage people to create their own solutions.
Don't force conventions on people. Instead make your software general so everyone can find their own solution.

* Forget feature requests *

Let your customers remind you what is important.
Customers want everything under the sun. They'll avalanche you with feature requests.
We'll hear about 'This little extra feature', or 'This can't be hard', or 'Wouldn't it be easy to add it' or 'It should just take a few seconds to put it in' or 'If you added this I'll pay twice as much' etc...
As said before, your first response should be a NO.
Where do you store theses request features? How do you manage them? You don't. Just read them then throw them away.
Don't worry about tracking and saving each request that comes in. Let your customers be your memory. If it's really worth remembering, they'll remind you until you can't forget.

* Hold the mayo *

Ask people what they don't want.
More isn't the answer. Sometimes, the biggest favor you can do for customers is to leave something out.

Finally, about Just Say No (that certainly will shock some readers), listen what Steve Jobs (CEO, Apple) said about innovation.

* Innovation comes from saying no *

[Innovation] comes from saying no to 1,000 things to make sure we
don’t get on the wrong track or try to do too much. We’re always
thinking about new markets we could enter, but it’s only by saying no
that you can concentrate on the things that are really important.

iPhone Remote

2007-08-16T16:21:00.000-07:00

To finish my evening with iPhone, i've installed iPhoneRemote on the Mac Mini (as Media Center at home).
It's a webserver+ application that enables to control applications of the host machine remotely with the iPhone (connecting by wifi with Safari on https://:5010

I launched VLC ..but couldn't then open files :-(

Finally launched iTunes then used the Remote on the iPhone to play tracks...

Fun

2007-08-16T15:55:00.001-07:00

YouTube with WIFI activated for iPhone tonight

I played with Meebo(.com) for mobile too...works well...

iphone binkit

2007-08-16T13:48:00.001-07:00

Despite not all UNIX commands exist on the iPhone, as a first try it's really nice to be able to navigate into the iPhone filesystem.
There is a mean to add additional commands by downloading the iphone-binkit.

This kit includes port to iPhone of common UNIX commands:

/bin:
chroot,dcgen,env,groups,login,nl,ps,setuidgid,shuf,sync,
uname,whoami,base64,cksum,dd,expand,head,logname,od,ptx,sh,
sleep,tac,unexpand,yes,basename,comm,df,expr,hostid,ls,osh,
pwd,sha1sum,sort,tail,uniq,bash,cp,dir,factor,hostname,md5sum,
paste,readlink,sha224sum,split,tee,unlink,cat,csh,dircolors,false,
join,mkdir,pathchk,rm,sha256sum,stat,test,uptime,chgrp,csplit,
dirname,fmt,kill,mkfifo,pinky,rmdir,sha384sum,stty,tr,users,chmod,
cut,ditto,fold,link,mknod,pr,sed,sha512sum,su,true,vdir,chown,date,
echo,install,ln,mv,printf,seq,shred ,sum,tsort,who

/sbin:
ifconfig, kextstat, kextunload, ping,route

/usr/bin:
awk, banner, crontab, curl, dropbear, grep,gzip,id,mesg,minicom,nc,nice,nohup,pico,printenv, python.bin,renice,sar,scp,srelay,tar,top,touch,tty,uname,vim,wc

/usr/sbin:
arp, cron, fdisk, iostat, netstat, sysctl, tcpdump, vipw.

You can then install what corresponds to your needs...

SFTP server, SSH Daemon, Apache, SQLlite, Python & Ruby are also available for the iPhone

Native apps on the iPhone

2007-08-15T16:34:00.001-07:00

Late in the evening i installed some native apps on the iPhone .
I began with the Terminal application.
With SSH it's a piece of cake : just push the Terminal.app (for the iPhone) to the /Applications folder from the iPhone by scp, then give the execution right to the binary (Terminal.app/Terminal) by ssh (chmod +x) .

Then i continued with the Voice recorder : This application records the voice as an .arm file (that can be read with QuickTime) in the /var/root/Media/Voicerecordings folder of the iPhone. Then get it by scp on your Mac/PC to read... Some says it can record the conversations during a call..cool.

Finally i installed the Installer Application : this applications when launched, shows you applications (Doom, Launcher) as packages to install on your iPhone.
With this Installer, i installed the Launcher Application ... as there is no scrolling on the SpringBoard of the iPhone, if you have a lot of applications installed, some are hidden.
So open the Launcher and simply chosse an application to run.

Here are some pictures :

Terminal

No more free space

Installer application

Launcher application

SSH daemon on the iphone

2007-08-13T17:02:00.001-07:00

A little post just to say tonight i have installed an SSH Daemon on the iPhone. During the procedure, scp and ls binaries have been installed too on the iPhone.

My first connection in SSH was successful and i could explore the filesystem.

Now it will be possible to install some native apps on the iPhone remotely, using SCP commands.

Lockdown patch on the iPhone

2007-08-10T23:53:00.001-07:00

Today i've "jailbreaked" the iPhone, then activated DEFINITIVELY the iPhone by the method "Lockdown Patch".
Doing this avoid reactivating the iPhone each time we change the SIM card.
Now the iPhone is in FactoryActivated mode.

After doing this, a new menu appeared in my iPhone "Settings" : "Carrier" .

I can see the 3 Networks : BYTEL / Orange & SFR.

I will continue this week end to tweak the iPhone in order to be able :
- to access the iPhone by SSH through wifi.
- to Install the application mobileTerminal on the iPhone.
- to install the Ruby programming language (yeah...) on the iPhone.

[RoR] File Upload with file_column plugin

2007-08-09T03:19:00.000-07:00

Several RoR plugins exist for File Uopload. The more celeb are:

File_Column

Attachment Fu

These two plugins can be combined to ImageMagick , when you need to do some operations on an uploaded image (resize, crop).

In this article , i will first speak about file_column.

Download

Install file_column plugin in your RoR application with this command:

./script/plugin install http://opensvn.csie.org/rails_file_column/plugins/file_column/trunk

Create a table, with a column "image" for the file information

Launch the following command to create model class and migration script

script/generate model TestUpload

Modify the migration script:

class AddTable < ActiveRecord::Migration

def self.up

create_table :test_uploads do |t|

t.column :title, :string

t.column :description, :string

t.column :image, :string

end

end

Modify the model class

class TestUpload < ActiveRecord::Base

file_column :image

end

Modify the view (Upload)

<% form_tag ({:action => 'create' }, :multipart => true) do %>

<fieldset>

<legend>Test upload
</legend>

<%= error_messages_for 'test_upload' %>
<br/>

<div id="test_upload" class="form">

<table border=0>

<tr>

<td align="right">

<label for="test_upload_titre">Title:
</label>
<br/>

</td>

<td>

<%= text_field "test_upload", "title", :size => 30 %>

</td>

</tr>

<tr>

<td align="right">

<label for="test_upload_description">Description:
</label>
<br/>

</td>

<td>

<%= text_field "test_upload", "description", :size => 30 %>

</td>

</tr>

<tr>

<td align="right">

<label for="test_upload_image">Upload image:
</label>
<br/>

</td>

<td>

<%= file_column_field "test_upload", "image" %>

</td>

</tr>

<tr>

<td colspan=2>

<input type="submit" value="Send" />

</td>

</tr>

</table>

</div>

</fieldset>

<% end %>

Save the record

In your controller , add the following action:

def create

#

test = TestUpload.create(:titre => params[:test_upload][:title], :description => params[:test_upload][:description], :image => params[:test_upload][:image])<

end

The uploaded file is saved in the folder :

public/:model/:column/:id/filename

Display the uploaded image

<%= image_tag url_for_file_column("test_upload", "image"), :border => 0 %>

Resize images with RMagick

Modify the model class:

class TestUpload < ActiveRecord::Base

file_column :image, :magick => {

:versions => { "thumb" =>
"50x50", "medium" => "640x480>" }

}

end

And diplay the thumb image as :

<%= image_tag url_for_file_column("test_upload", "image", "thumb"), :border => 0 %>

I played with iPhone tonight

2007-08-07T15:56:00.000-07:00

I first checked on some french forum, what happens with enabling telephone in Europe.
It seems one of the problem in France is to find the old SIM v1 : since 2002, we're in 3G and SIM cards are in v2 or v3.

So, tonight i played with Photo publishing to Flickr.

To publish by email photos from the iPhone , get an email address for your photoset in Flickr.
With the iPhone, i opened Safari and go to the URL : http://m.flickr.com
After authentication, Flickr gave me an email address for the publication.

I first sent to Flickr some shots i did with the iPhone:
I opened the Photo application on my iPhone then chose some photos, and sent them to my Flickr address.

Here they are :

Then i uploaded to one of my hosting site, an example web application from Apple, Puzzler.
It will be a good starting point for my next iPhonized web applications i will program.

Here is a photo of Puzzler.

Then other pictures of the iPhone here, i did with PhotoBooth. I sent them to Flickr from picnik.com :

FInally, i will continue to program a little redirection page , for people connecting to a website with a browser from their Mac/PC whereas it's done for the iPhone.
Two methods :
On client side with Javascript, on server side with Java, PHP or Ruby.

I will post this later...

Two days later...

2007-08-07T13:57:00.001-07:00

What's new since last post.

First i'd like to say that my first encoding (a divX to h.264) with Crunch was not really a success : i encountered problems when playing the movie on the iPhone because of a desynchro between audio and video..,
So i did new encodings : and one worked.
I could then watch my first movie on the iPhone .

Yesterday, i updated the firmware of the iPhone to 1.0.1 . No problems. No reactivation needed. All works perfectly. The update should be minor, i haven't seen abything changed (some folks say you have the BCC field now when writing an email). There was a vulnerability with Safari (calling someone directly from Safari thanks to the tel:xxxxx...equivalent of mailto:....) : it should be fixed too.

Before having the iphone, i watched videos from Apple to see how to optimize web applications for the iPhone. A document has been published by Apple about this.
There is a release of Aptana IDE for the iPhone too.
To summarize :
The Safari viewport size (minus status bar, navigation bar, form assistant height is 320 x 356)
You can limit this by creating a special CSS style for iPhone (text font should be around 17pt) :

<link media="screen and (min-device-width: 481px)"
href="not-small-device.css" type="text/css" rel="stylesheet" />

Detect the iPhone User Agent (in Javascript or on the server side) : you should search for the string "iPhone"

You can enable or disable the scaling (double tap or Pinch) by a meta tag in the header of your HTML page:
<meta name="viewport" content="initial-scale=2.3, user-scalable=no" />

And many more good practices should be followed.. I will post a complete article about this after my first development of web application optimized for the iPhone.

I surfed on the internet, looking for some web sites optimized for the iPhone :
- First i tried http://iphone.dailymotion.com/ : the iPhone version works fine. Videos have been reencoded to h.264 (initially , DailyMotion and Youtube videos are in FLV for Flash player...but on Safari for the iPhone, there is no Flash, no Java)

Then:
- http://www.appmarks.com/ : you get a kind of Dahsboard , with new Widgets. For each widget an application.
- I tried different RSS reader optimized for the iPhone : Digg.com and GoogleReader.
- For instant Messenging, i could access the version of Yahoo, initially done for the WAP. It's very simple and light, but works fine. In fact, (Windows) mobile versions of websites just need relooking, to have an iPhone look and feel, and some resizing for the Safari viewport...the content (size of fonts particularly) seems already fine.

Today, i went to my office with my Airport Express. I pluggued it to a router, and, could then access the Internet in Wifi ... it was a great experience for some of my colleagues.

Since sunday evening, we know that someone in Croatia could unlock (crack is the exact term) the SIM to make work the iPhone in Europe. The procedure is quite long and requires some materials... and is completely illegal. Let's wait and see for the moment.

Thanks to an unofficial developement kit for the iPhone, first applications appear :
- MobileTerminal
- Voice Recorder
- NES emulator
And tonight, i even saw Ruby could be installed on the iPhone.

Nice perspectives for the future.

The latest technical joy

2007-08-05T13:38:00.001-07:00

Nothing is more joyful than a new born in a family.. for me , it was about one month ago.
But this week end, from a geek point of view, i was happy with an Apple product as never since i bought my G5.

Before the week end i received an iphone bought in the U.S by a friend for me.
First of all, what you must know : using an iPhone outside the U.S.A has some limitations.
- The telephony could not be used : as iPhone is an exclusivity AT&T, and being in Europe, paying the fee for AT&T after activation with iTunes should be forget.
- YouTube application could not be used : apparently connecting to YouTube with this application requires a GPRS connection...

The first workaround to be able to use the iPhone (coming initially completely locked) at least as a super ipod 7G (Wifi, iPod, Video) is to unlock it.

Having only Macs at home, i found the Activation Toolkit for Mac. After connecting the iphone to my MacBook, disabling iTunes, and launching the unlock program...the message 'Activate your iphone' disappears, and the home page appears, with all application widgets...cool.

Then, enter an application that requires a wifi connection (Stock Quotes or Weather)
The iphone has detected my WiFi private network without problems, and a dialog box appeared asking me for the key.
I typed this key then launched Safari, and go to Google. All is fine , it works.

I could then go to my gmail account (in web mode), and retrieve my emails.

I began to use the keyboard to write an email : quite difficult with by big fingers..but after several lines of text, it is easier.

Then i configured the Mail application :
Choose first your email provider (Yahoo, AOL, Google).
After configuring my account (login/password), i could retrieve my last emails.
Using the mail app is more comfortable than accessing GMail by the Web UI.
You could easily navigate through the list of messages, dropping the unnecessary messages (there is a little trash at the bottom of the screen, with animation), disappearing with a little effect.

Then i returned to the Stock Quotes and Weather applications.
These 2 apps look like their equivalent on Apple Dashboard.
After adding a new town for the weather and new Quotes.
For the weather i could easily navigate by sliding panels horizontally to see all registered towns in the application.

For the Stock Quotes, you see the Quotes as a list, and a graphics at the bottom of the screen.

Then i did some shots with the camera. And played then with rotations (portrait to landscape), Pinch (for zooming), double Tap.

I did the same then in Safari to zoom over articles from Yahoo. I test the filling of forms with the keyboard...quite difficult.

What misses in the iPhone is iChat . You have anapplication to send some SMS (but in my case i should forget it).
An alternative is to use the web application at http://www.meebo.com/, a kind of Trillian or Adium in web mode, that could connects to your different Instant Messaging accounts (Google Talk, MSN, Yahoo, ICQ).
I test my Google Talk connection , sending some messages to friends, then receiving their messages. It works.

Now let's playing with iPod.
First of all, after connecting the iPhone to the MacBook, iTunes starts. iTunes asks for activation...but my iphone is already unlocked, so Cancel.
Then click on the tab Music, i checked the recent added music to iTunes, then synchronize the iPhone.
86 tracks have been transfered to my iPhone, including : Good Shoes, The Subways, The Raconteurs, The Smashing Pumpkins, Nine Inch Nails, Tom Yorke, Incubus , The Red Hot Chili Peppers..good rock music.
Launch iPod application, then rotate the iPhone, and..here comes the coverflow.
Pick an album and play it...

Then i continued , while listening my music, to play with Google Maps application.
Enter to the keyboard my address..rapidly i get the map and could check my house when switching to the satellite view.

Then i launched the Notes application : i could add an item to a todo list (ala GTD).

From here the i switched to the calendar application..adding some events for the month.

I then did some shots with the iPhone camera..then from the photo application i could launch a slideshow for all these photos.

There is a World Clock too. I added the Time for Geneva (near to Cupertino ;-)) ... other possibilities like Timer and Alarm are available.

Finally, the video.
First of all , i saw that Roxio releases an application named Crunch, for encoding your videos to Apple TV, iPhone or iPod.
I bought it (40 usd), then encoded for the iPhone one of my movies.
Crunch copies then the encoded movies to iTunes.
I connected again the iPhone to my Mac, launched iTunes, and synchronized this video...
Now i'm watching it, another Rock movie (School of Rock), so i leave you.

See you in a next article.

Find some photos of my iPhone on http://flickr.com/photos/lbois

Welcome to Maxine

2007-07-01T06:28:00.001-07:00

100_1896.JPG
Originally uploaded by lbois

Welcome to Maxine, my second daughter, born on 29th June 2007, 23:44 French Timezone.

Ajax pagination of a data table with Rails

2007-05-29T04:20:00.000-07:00

Create a controller and an action list to display first the paginated list and a protected method for the pagination:

class MyController < ApplicationController
def action list
page=1
per_page=12
page_count = -1
paginate_users(page, per_page, page_count)
end

protected

def paginate_users(page, per_page, count)
if (count < 0)
@users_count = User.count(:all, :conditions => ['created_on > ?', Time.now - (30 * 24 * 60 * 60) ])
else
@users_count = count
end
@user_pages = Paginator.new(self, @users_count, per_page, page)
@users = User.find(:all, :conditions => ['created_on > ?', Time.now - (30 * 24 * 60 * 60) ], :order => 'created_on DESC', :offset => @user_pages.current.to_sql[1], :limit => per_page)
end
end

The corresponding view (list.rhtml) would display the scrollable data grid as is :

<div style="width:820px;height:20px;background-color:#C1DDF3; border-color:#C1DDF3;color: #626262;border:1px solid;">
<table id="dg_header" border="0" cellspacing="0" cellpadding="0" style="width:100%">
<tr>
<td style="width:273px">First Name</td>
<td style="width:273px">Last Name</td>
<td style="width:273px">Email</td>
</tr>
</table>
</div>
<div style="overflow:auto;height:100px;width:837px">
<table id="dg_body" border="0" cellspacing="0" style="background-color:#ddd;width:822px;border-collapse:collapse">
<%= render :partial => 'row', :collection => @users %>
</table>
</div>

The _row.rhtml partial would be :
<tr id="row_<%=user.id.to_i%>" class='tableRow' >
<td style='width:273px'><%= user.firstname %></td>
<td style='width:273px'><%= user.lastname %></td>
<td style='width:273px'><%= user.email %></td>
</tr>

Now, in the list.rhtml file, insert the navigation bar as a footer of the data grid :

<div style="width:820px;height:20px;background-color:#C1DDF3; border-color:#C1DDF3;color: #626262;border:1px solid;">
<table id="dg_footer" border="0" cellspacing="0" style="WIDTH:100%">
<tr id="row_nav_links">
<%= render :partial => 'nav_links' %>
</tr>
</table>
</div>

The _nav_links.rhtml partial would be :

<td width="100%" align="center">
Pages <%= @user_pages.current.first_item %>
- <%= @user_pages.current.last_item %>
de <%= @user_pages.item_count %>
<%= if @user_pages.current.previous
link_to_remote("Previous page", :url => { :action=> 'next_prev_users', :page => @user_pages.current.previous, :count=> @user_pages.item_count} )
end
%>

<%= if @user_pages.current.next
link_to_remote("Next page", :url => { :action=> 'next_prev_users', :page => @user_pages.current.next, :count=> @user_pages.item_count } )
end
%>
</td>

Finally, add the action next_prev_users to your controller :

def next_prev_users
page=params[:page].to_i
page_count = params[:count].to_i
per_page=12

paginate_users(page, per_page, page_count)

render :update do |page|
# Repaint the data grid
page.replace_html "dg_body", :partial => 'row', :collection => @users
# Repaint the Navigation bar
page.replace_html "row_nav_links", :partial => 'nav_links'
page.visual_effect :appear, "dg_body"
end
end

Continuous integration with CruiseControl.rb

2007-05-20T01:20:00.000-07:00

What a nice tool CruiseControl.rb
Simply powerful.
If you're developing a new Rails application in a team, here is a tool that will help you with the builds.
The main goal of CruiseControl.rb is to alert developers of a project, committing their work into a source control during the day, when something break the build

Installing CruiseControl.rb

Download CruiseControl.rb tarball from RubyForge.
Unzip the archive: a folder we'll call [cruise] is created.

Add your project

CruiseControl.rb is a Rails application, so Ruby 1.8.4+ , Rails, SVN client are required. In my case i should install the gem RedCloth (gem install RedCloth). ruby and svn commands should be in the PATH
We suppose here you have imported already your project to a remote (or local) SVN repository
cd [cruise]
./cruise add [project name] --url [url of your SVN project trunk] --username [your user] --password [your password]

Example :
In my case, no username/password required as i uploaded my RSA pub. key to my RubyForge account (i use the svn+ssh// URL for SVN)
cruise add [my project] --url svn+ssh//[username]@rubyforge.org/var/svn/[project]

Start and build your project

Once your project has been added, start CruiseControl.rb application
[cruise]$ cruise start
The default port is 3333. You can change it by launching CruiseControl.rb as : cruise start -p [port]
Open a browser, go to URL http://localhost:3333/
Press the "Build now" button.
Then, let CruiseControl.rb web application up the time you develop (and your coworkers)
Developers commit regularly to SVN in the day. Your CruiseControl.rb will poll the SVN every N minutes (by default 30 seconds, change this to the interval you want)
You'll see on the Dashboard all the builds for the new revisions : you can check what breaks the build.

Deploy your application using Capistrano

2007-04-09T00:22:00.000-07:00

This procedure is the one i applied to deploy my Rails application to my ASO (ASmallOrange) account.

First ensure you have a complete SVN setup (read my previous article), and put your code in the SVN repo.

Install Capistrano on your local machine (http://manuals.rubyonrails.com/read/chapter/98)

'Capistranize' your Rails app :
$ cap --apply-to /path/to/my/app MyApplicationName

Where path/to/my/app corresponds to your 'rails root'

In your Rails app, you should have now the file config/deploy.rb . Edit this file :

Under the first group of settings, modify the lines :
$ set :application, "application_name"
$ set :repository, "svn+ssh://username@domain.com/home/username/path/to/app/repo"

Other informations can be changed as is :
$ role :app, "yourdomain.com"
$ role :web, "yourdomain.com"
$ role :db, "yourdomain.com"

In Optional settings uncomment the lines :
$ set :deploy_to, "/home/username/application_name"
$ set :user, "username"

Then run the command :
$ rake remote:exec ACTION=setup

At the bottom of your deploy.rb file, add the lines :

desc "Link in the production database.yml and fix permissions"
task :after_update_code do
run "find #{release_path}/public -type d -exec chmod 0755 {} \\;"
run "find #{release_path}/public -type f -exec chmod 0644 {} \\;"
run "chmod 0755 #{release_path}/public/dispatch.*"
run "mv #{release_path}/config/environment.rb #{release_path}/config/environment.rb~"
run "ruby -e 'readlines.each{ |l| if( l.include?(%q(RAILS_ENV)) ) then puts l[/[^# ]+.*/] else puts l end } ' #{release_path}/config/environment.rb~ > #{release_path}/config/environment.rb "
end

This fix the permissions (without doing this, you could encounter error 500)

Now deploy your application :
$ rake deploy

Connect now by SSH to your account :
You should find a folder : /home/username/application_name/current

Now link the public folder of your app to public_html :
If you want to deploy several applications :
$ cd ~
$ ln -sf ~/application_name/current/public ~/public_html/application_name

You'll then access your application by : http://www.yourdomain.com/application_name

If you want your application to be linked to the main directory at www.yourdomain.com :
$ cd ~
$ rm -rf ~/public_html
$ ln -sf ~/application_name/current/public ~/public_html

To use the FastCGI servertype:
$ cd ~/application_name/current/public
$ nano .htaccess

Find the following code :
RewriteRule ^(.*)$ dispatch.cgi [QSA,L]

Replace by :
RewriteRule ^(.*)$ dispatch.fcgi [QSA,L]

Now configure your database mySql by accessing the cPanel :
Create your production database, a user, and give the privileges to the user for working with your database.

Now you have the new database name, and the credentials of your user , edit your config/database.yml file.
Change the settings for the 'production' section

Create the datamodel :
$ cd ~/application_name/current
$ rake db:migrate RAILS_ENV="production"

Export/Import data :
Dump insert statements of your local database and import to your ASO mySQL database using phpMyAdmin.
A better way is to include setup in a migration script...to run once!

Now you should be able to connect to your Rails application successfully deployed.

Source : ASO Forum

Import your first Rails project by ASO

2007-04-07T07:06:00.000-07:00

Create SVN Repo by asmallorange (ASO) + websvn and import your project

Before to be able to connect to your SVN repo by svn+ssh protocol from your local machine:
Generate locally a ssh key pair by
$ ssh-keygen -t dsa (without passphrase to connect without password)

Puts the public key to your ASO account :
$ sftp {username}@{remote-host}:/home/{username}
$ put /Users/{username}/.ssh/id*.pub
$ bye

Reconnect by ssh to your account :
$ ssh {username}@{domain}
$ mkdir .ssh
$ cd .ssh
$ cat ../id*.pub >> authorized_keys2
$ chmod 700 authorized_keys2

Disconnect , then reconnect via SSH: your password is not asked...that does it!

Initial import of your current project, developed locally , to your SVN repo.

For the first import, we'll zip the local project, then push it to the ASO account.
$ tar cvfz {projectname}.tar.gz /path/to/project
$ scp {projectname}.tar.gz {username}@{domain}:/home/{username}
$ ssh {username}@{domain}

Connect by ssh to your account (eg. ssh {username}@{domain})

This installation is made for a single project in your repository : your Rails app root folder should be named {projectname}

$ mkdir ~/svn
$ svnadmin create --fs-type fsfs svn/{projectname}
$ export REPOS=file:///home/{username}/svn/{projectname}
$ svn mkdir --message="Initial project layout" $REPOS/trunk $REPOS/tags $REPOS/branches
Committed revision 1.

Move your project

$ mkdir ~/tmpdir
$ cd tmpdir
$ mv ~/{projectname}.tar.gz .
$ tar xzvf {projectname}.tar.gz
$ rm *.tar.gz
$ cd {projectname}
$ svn co $REPOS/trunk .
Checked out revision 1.

$ svn add --force .

This is called an 'In Place Import' . A whole import could have been done too.

Before commit , we're going to do some operations. Thus to ignore log files first :
$ svn revert log/*
Reverted 'log/development.log'
Reverted 'log/fastcgi.crash.log'
Reverted 'log/lighttpd.access.log'
Reverted 'log/lighttpd.error.log'
Reverted 'log/production.log'
Reverted 'log/server.log'
Reverted 'log/test.log'

$ svn propset svn:ignore "*.log" log
property 'svn:ignore' set on 'log'

$ svn revert config/database.yml
Reverted 'config/database.yml'

$ mv database.yml database.yml.template
$ svn add database.yml.template
$ svn propset svn:ignore "database.yml" config
$ cp database.yml database.yml.template database.yml

Ignore db/schema.rb, tmp/* , doc, script, public
$ svn propset svn:ignore "schema.rb" config
$ svn propset svn:ignore "*" tmp
$ svn propset svn:ignore "*doc" doc

Flag as executables script/* and public/dispatch.*
$ svn propset svn:executable "*" `find script -type f | grep -v '.svn'` public/dispatch.*

Finally, revert and remove index.html (we'll do a route for the application)
$ svn revert public/index.html
$ rm public/index.html

Commit :
$ svn commit --message="New {projectname} project"
...
Adding vendor/plugins/
Transmitting file data ..............................
Committed revision 2.

Install WebSVN to have remote access from an internet browser:

$ svn co http://wedsvn.tigris.org/svn/websvn/trunk www/websvn --username guest
Authentication realm: CollabNet SCM Repository
Password for 'guest': guest
...

Modify the config file :

$ cd www/websvn
$ cp include/distconfig.inc include/config.inc
$ vi include/config.inc

// Uncomment the next line if you're running PHP 4
//
$config->setPHPCompatEnabled();

// Uncomment and edit this line:
$config->addRepository("My Projects", "file:///home//svn/");

That should do it. Test with FF (eg : http:///websvn)

You should see your project

On Mac you should install SVN first (http://subversion.tigris.org/project_packages.html) then svnX (http://www.lachoseinteractive.net/fr/communaute/subversion/svnx/telecharger/)

Move your locally developped rails project :
$ cd /path/to/my/rails/projects
$ mv {projectname} {projectname}.orig

From SVNX , configure your Repositories (no login/password will be required, thanks to your ssh public key copied into your account):
Name : My ASO repo
Path : svn+ssh://{username}@{domain or ip}/home/{username}/svn/{projectname}

Click SVN Checkout
Folder to your working copy is asked :
/path/to/rails/projects/{projectname}

That's it .

Open /path/to/rails/projects/{projectname} in your IDE (TextMate, RadRails, Eclipse+RDT)
In RadRails create a new repository Location with the following path:
svn+ssh://{username}@{domain or ip}/home/{username}/svn/{projectname}

Ressource: http://blog.teksol.info/articles/2006/03/09/subversion-primer-for-rails-projects

Environnement de developpement Rails sur Ubuntu

2007-03-28T10:16:00.000-07:00

J’ai préparé récemment une image VMWare (a partir d’une appliance Ubuntu Edgy) pour en faire un environnement de développement relativement complet :

- Ruby 1.8.5
- Rails 1.2.3
- mySQL 5 / Php5 / phpmyadmin
- Mongrel/Lighty
- Java 5
- Eclipse Web Tools Platform + Plugin RDT (ruby)
- Groovy
- Grails
- Maven
- Subversion
- Flex2 SDK

J’ai rédigé en parallèle une documentation , pouvant être réutilisée pour créer un environnement similaire sur un environnement Linux Ubuntu/Debian natif.

Telecharger ici

Apollo, decollage immediat

2007-03-19T11:07:00.000-07:00

Suite à la soirée de lancement d'Apollo, l'Apollo Camp (http://apollocamp.eventbrite.com/) vendredi 16 Mars au soir, Adobe rend disponible en version Alpha le runtime Apollo ainsi que le SDK et les extensions pour Flex (disponible sur Mac & PC, a venir sur Linux) : http://labs.adobe.com/technologies/apollo/

Déjà disponible depuis quelques mois pour les développeurs (comme en témoigne cet article de TechCrunch (http://www.techcrunch.com/2007/02/28/best-apollo-demos/), répertoriant quelques démos, impressionnantes), Apollo devient enfin disponible.

Apollo est une plate-forme a part entière, associant les technologies de l'internet (HTML, Javascript, Ajax, Flash et Flex) et le monde des applications bureautiques riches, et fonctionnant de facon identique sur differents systemes d'exploitation (Mac , Windows, et bientot Linux), en dehors du navigateur.
Dans un premier temps l'ordinateur est le support cible, mais dans un futur proche Smartphone et Tablet PC (& Mac) seront de la partie.

nettoyage de printemps

2007-03-04T13:56:00.000-08:00

Depuis quelques temps, je laisse mon serveur up 24/24 pour un usage interne (et plutot ludique) sur mon reseau : diffusion de films, musique et backup.
Aujourd'hui, je me suis dit que je devrais le remettre a disposition sur internet comme au bon vieux temps.
Il s'agit d'un PowerMac G5 (ppc 64 bits), 1.5GB de RAM, 160+250GB HDD internes.

Tout d'abord, il sera utilise pour heberger le site grailsfrance.org . Pour cela , un conteneur J2ee (OC4J 10.1.3.2.0) sera utilise pour faire tourner XWiki, qui servira de moteur du site.

En parallele, ce serveur sera utilise comme plateforme de test pour mes applications Ruby on Rails, avant deploiement chez mon hebergeur.
Taches prevues :
- Upgrade de Ruby 1.8.2 vers 1.8.5+
- Upgrade RubyGems vers 0.9.2
- Upgrade de Rails 1.1 vers Rails 1.2
- Installation Capistrano
- Installation de Mongrel
- Installation RMagick
- Installation nginx, un Load Balancer, Reverse Proxy et Proxy IMAP/POP3 ecrit par Igor Sysoev.
- Upgrade mySQL

Avant de commencer, je voudrais juste preciser que sur un poste de developpement Mac, une solution beaucoup plus simple serait d'installer Locomotive, un bundle Ruby/Rails.

Upgrade Ruby/RubyGems :
Nota : Ruby 1.8.2 vient preinstalle avec Mac OS X Tiger, mais n'a jamais ete mis a jour jusqu'a la version 10.4.8 de Tiger. Il faudra attendre Leopard pour une version preinstallee et plus recente de Ruby (et de Rails!!).

Pour l'installation de Ruby / RubyGems , j'ai privilegie l'utilisation de DarwinPorts / MacPorts. Un autre systeme sur Mac OS X existe, Fink (inspire des installs sur Debian) , mais je ne l'ai pas teste pour Ruby/Rails.

Downloader l'installeur DarwinPorts depuis http://darwinports.opendarwin.org/getdp/ ou installer a partir des sources depuis http://svn.macports.org/repository/macports/downloads/

DarwinPort , et tous les futurs programmes installes via DarwinPort seront localises sous /opt/local.

Une fois DarwinPort installe, installer Ruby / RubyGems ainsi :

export PATH=/opt/local/bin:$PATH (ou l'ajouter dans le fichier .bash_profile)

sudo port install rb-rubygems

Ruby (1.8.5), RubyGems (0.9.1) et toutes les dependances vont s'installer (peut prendre quelque temps)

Ensuite, il y a juste un petit probleme sur RubyGems :
le test suivant :
gem install blah
provoque une erreur...
from /opt/local/lib/ruby/vendor_ruby/1.8/rubygems/custom_require.rb:27:in `require'
from /opt/local/lib/ruby/vendor_ruby/1.8/rubygems/source_info_cache.rb:6
from /opt/local/lib/ruby/vendor_ruby/1.8/rubygems/custom_require.rb:27:in `gem_original_require'
from /opt/local/lib/ruby/vendor_ruby/1.8/rubygems/custom_require.rb:27:in `require'
from /opt/local/lib/ruby/vendor_ruby/1.8/rubygems/remote_installer.rb:12
from /opt/local/lib/ruby/vendor_ruby/1.8/rubygems/custom_require.rb:27:in `gem_original_require'
from /opt/local/lib/ruby/vendor_ruby/1.8/rubygems/custom_require.rb:27:in `require'
from /opt/local/lib/ruby/vendor_ruby/1.8/rubygems.rb:112:in `manage_gems'
from /opt/local/bin/gem:10

Reinstaller RubyGems ainsi :
cd ~/Desktop
curl http://rubyforge.org/frs/download.php/16452/rubygems-0.9.1.tgz
gunzip rubygems-0.9.1.tgz
tar xvf rubygems-0.9.1.tar
rm rubygems-0.9.1.tar
cd rubygems-0.9.1
sudo ruby setup.rb

Au 5 mars 2007, une version 0.9.2 de RubyGems est disponible, lancer la mise a jour suivante :
sudo gem update --system

Installation Rails 1.2.2:
Une fois RubyGems installe, lancer la commande:
sudo gem install rails --include-dependencies

Il se peut que vous recuperiez l'erreur suivante :

ERROR: While executing gem …
(Gem::GemNotFoundException) Could not find rubygems-update (> 0) in any repository

lancer la commande : gem env

RubyGems Environment:
- VERSION: 0.9.2 (0.9.2)
- INSTALLATION DIRECTORY: /opt/local/lib/ruby/gems/1.8
- GEM PATH:
- /opt/local/lib/ruby/gems/1.8
- REMOTE SOURCES:
- http://gems.rubyforge.org

Aller dans le repertoire GEM_PATH, et supprimer le fichier source_cache

J'ai du relancer une fois la commande d'update de RubyGems :
sudo gem update --system

Suivi de :
sudo gem install rails --include-dependencies

Installation Capistrano :
Rien de plus simple :
sudo gem install capistrano

Installation Mongrel ;
Idem, easy man:
sudo gem install mongrel

A la question suivante, choisir en fonction de votre plateforme :

Select which gem to install for your platform (powerpc-darwin8.8.0)
1. mongrel 1.0.1 (ruby)
2. mongrel 1.0.1 (mswin32)
3. mongrel 1.0 (mswin32)
4. mongrel 1.0 (ruby)
5. Skip this gem
6. Cancel installation
> 1
Install required dependency daemons? [Yn] Y
Install required dependency fastthread? [Yn] Y
Select which gem to install for your platform (powerpc-darwin8.8.0)
1. fastthread 0.6.4.1 (mswin32)
2. fastthread 0.6.4.1 (ruby)
3. fastthread 0.6.3 (mswin32)
4. fastthread 0.6.3 (ruby)
5. Skip this gem
6. Cancel installation
> 2
Building native extensions. This could take a while...
Install required dependency gem_plugin? [Yn]
Install required dependency cgi_multipart_eof_fix? [Yn]
Building native extensions. This could take a while...
Successfully installed mongrel-1.0.1
Successfully installed daemons-1.0.5
Successfully installed fastthread-0.6.4.1
Successfully installed gem_plugin-0.2.2
Successfully installed cgi_multipart_eof_fix-2.1
Installing ri documentation for mongrel-1.0.1...
Installing ri documentation for daemons-1.0.5...
Installing ri documentation for gem_plugin-0.2.2...
Installing ri documentation for cgi_multipart_eof_fix-2.1...
Installing RDoc documentation for mongrel-1.0.1...
Installing RDoc documentation for daemons-1.0.5...
Installing RDoc documentation for gem_plugin-0.2.2...
Installing RDoc documentation for cgi_multipart_eof_fix-2.1...
$

Installation RMagick:
On installe via DarwinPort. Lancer la commande :
sudo port install rb-rmagick

(peut s'averer long , car beaucoup de dependances > libpng, bzip2, libxml(2), tiff, freetype, ImageMagick...)

Installation nginx :
On va installer nginx a partir des sources.

Installer PCRE (librairie pour les regular expressions, utile au rewrite d'URLs) au prealable:
cd ~/Desktop
url -O ftp://ftp.csx.cam.ac.uk/pub/software/programming/pcre/pcre-6.6.tar.gz
tar xzvf pcre-6.6.tar.gz
cd pcre-6.6
./configure --prefix=/usr/local /* ajouter CFLAGS=-O1 sur MacIntel */
make
sudo make install

Downloader NGINX depuis http://sysoev.ru/nginx/download.html
cd ~/Desktop
gunzip nginx-0.5.14.tar.gz
tar xvf nginx-0.5.14.tar
cd nginx-0.5.14
./configure \
--sbin-path=/usr/local/nginx/nginx \
--conf-path=/usr/local/nginx/nginx.conf \
--pid-path=/usr/local/nginx/nginx.pid \
--with-http_ssl_module \
--with-pcre=../pcre-6.6 \
make
make install

Upgrade mySQL :
Actuellement je suis en version mySQL 4.1.18 sur le ppc... petite envie d'aller vers mySQL 5.

Allez a l'adresse : http://dev.mysql.com/downloads/mysql/5.0.html
Downloader mySQL 5.0.27 (.dmg) pour votre plateforme (dans mon cas, je prends Mac OS X, PowerPC 64 bits)
Monter l'image et installer le package mySQL.
Installer le panneau de demarrage de mySQL dans System Preferences (double-click sur MySQL.prefPane)

Dans une fenetre de terminal:
cd /usr/local
Vous devriez voir le repertoire mysql-standard-5.0.27-osx10.4-powerpc-64bit
Si comme moi vous aviez un lien symbolique mysql sur une version anterieure: rm mysql
puis :
ln -s mysql-standard-5.0.27-osx10.4-powerpc-64bit/ mysql

Redemarrer mysql depuis System Preferences

Verifiez ensuite depuis phpMyAdmin par exemple que tout fonctionne.

Maintenant que l'environnement de test pour mes applis Rails, yapluka .
Dans un prochain article, j'expliquerai :
Deployer une application (dont les sources sont heberges dans un repository Subversion) avec Capistrano
Demarrer Mongrel en cluster et NGINX

Streamer de la video sur votre LAN avec VLC

2007-02-14T13:41:00.000-08:00

Vous connaissez certainement VLC, petit player video multi formats qu'on ne presente plus aujourd'hui. Mais saviez vous que depuis quelques versions deja, il inclut desormais un serveur de streaming (ce serveur s'appelait auparavant VLS et devait etre installe a part)

Imaginons : vous avez plusieurs machines (Mac, Linux, Windows) sur votre reseau local (filaire ou wifi)
Vous avez toute votre bibliotheque de videos divX sur une machine faisant office de serveur, et vous souhaiteriez la diffuser sur un portable ou un ordinateur media center branche a votre TV de votre reseau local.

Tout d'abord prenez la main a distance sur votre 'serveur' .. dans mon cas, cette machine est un PowerMac situe a l'etage (donc prefere le controler a distance que faire des allez retours entre le RDC et le 1er etage).
Lancer VLC, puis ouvrir un fichier Video (File -> Open File) . Lancer la lecture.

Sur le VLC 'serveur', ouvrir le menu Fichier -> Streaming/Exporting Wizard

Choisir 'Diffuser vers un reseau' puis 'Suivant'

Choisir 'Element de la liste de lecture' puis 'Suivant'

Choisir 'Unicast UDP' puis saisir l'adresse IP de la machine depuis laquelle vous visionner la video.

Transcodage de la video et de l'audio : ne touchez a rien car on ne souhaite pas transformer les formats intiaux.
Cliquer sur 'Suivant'

Methode d'encapsulation : laisser MPEG par defaut puis 'Suivant'

Options de diffusion supplementaires : ne touchez a rien puis 'Suivant'

Enfin on a un ecran de Resume : cliquer sur Termine.
L'image disparait du serveur

Maintenant il ne reste qu'a connecter le client.

Ouvrir VLC sur le poste client.
Menu Fichier -> Ouvrir un flux reseau ...

L'image (avec le son) doit desormais apparaitre a l'ecran.

Mais on prend le film en cours , puisque entre le lancement du streaming et l'ouverture sur le client il s'est deroule quelques secondes.

Pour cela, retourner sur le poste serveur.
Dans VLC, Menu VLC -> Ajouter une interface -> Web Interface

Sur le client , ouvrir un navigateur web, puis saisir l'adresse : http://<ip serveur>:8080

Vous obtenez l'interface d'admin suivante , et pouvez donc piloter un rembobinage de la video .

Bons visionnages

OpenId ou decentraliser l'identite numerique

2007-02-08T22:18:00.000-08:00

OpenID est au devant de la scene cette semaine depuis l'annonce d'une collaboration entre JanRain (la societe derriere openID), Microsoft, VeriSign et SXIP pour travailler sur l'interoperabilite entre OpenID et Windows CardSpace.

Microsoft reconnait le role majeur d'OpenID sur internet dans le domaine de l'identity management.

JanRain reconnait que Information Card, present dans Windows CardSpace, est un moyen d'anti phishing efficace. OpenID supportera Information Card dans son code.

OpenID, Verisign et SXip s'engagent a supporter Information Card comme solution de gestion d'identite.

Enfin, Microsoft va supporter OpenID au niveau des serveurs de gestion d'identites.

Aujourd'hui, il existe sur le web quelques implementations d'OpenID , tel que :
VeriSign Personal Identity Provider, iwantmyopenid.org et getopenid.com
Verisign contiendrait deja des dizaines de milliers d'iNames.

A peu pres 400 services en ligne implementant openID dont Technorati, Wikipedia, Zooomr, Openidenabled
Quelques logiciels compatibles : Plone, Apache, MediaWiki

Je me suis cree une identite sur VeriSign , et j'ai stocke sur le serveur :
mes nom, prenom, date de naissance
Emails et telephones personnels et professionnels
Mes adresses professionnelles et personnelles

On peut ensuite de creer des profils de confiance :

Anonymous : aucune information n'est divulguee
Blog : nom, prenom et blog
e-commerce : Nom, prenom, email, adresses de livraison et de facturation

Cette identite est disponible en ligne a l'adresse : lbois.pip.verisignlabs.com

Ensuite, pour tester, se connecter a Zooomr avec l'identite Verisign.

Zoomr redirige vers VeriSign pour :
l'authentification puis choisir le profil de confiance

Retour sur Zooomr pour completer l'enregistrement :

Enfin, verifier l'activite sur VeriSign:

OpenID ne dit pas 'la personne connectee est le vrai Laurent Bois' mais plutot 'C'est la meme personne qui a utilise ce service la derniere fois'

Des organismes (Twofina, Optinity) travaillent sur la verification.

A noter que du cote des entreprises , il existe un consortium Liberty Alliance (IBM, Oracle, Sun, Novell) ayant deja implemente une solution WS-Federation, apparemment plus complete que OpenID.

OpenID reste toujours tres interessant pour des applications webs hebergees.

Integrer OpenID dans son application web :

PHP
PHP OpenID API

Ruby
Ruby OpenID Library

Java
IDPrism

.NET
nterface ; .NET OpenID consumer library

Python
OpenID Server and Consumer

Source:

Tendances IT (Veille Techno SQLI)

Java n'est pas la solution a tous les problemes

2007-02-04T07:09:00.000-08:00

Avant de commencer, et avant qu'on me le signale, je souhaiterais juste ajouter que le titre de cet article peut s'adapter a d'autres langages ou frameworks :
Ca marche aussi pour Rails (par exemple) , qui n'est pas la solution a tous les problemes.

Aujourd'hui, il appartient a l'architecte et au developpeur, chacun s'appuyant sur son experience, de se faire un chemin sur les routes tortueuses des frameworks Web, et de s'adapter au besoin.
Dans certains cas par exemple, des frameworks lightweight seront suffisants (les RIFE, Stripes, Grails, Rails), dans d'autres cas, toute la batterie de services fournie par JEE sera nécessaire, et des frameworks sachant en tirer partie , comme Spring, seront adaptes.

Je suis tombe en cette fin de semaine sur un article de Bruce Eckel , "Hybridizing Java" sur Artima, dans lequel Monsieur 'Thinking in X', et particulierement de Thinking in Java (dont les différentes éditions ont été mon livre de chevet pendant quelques années), nous explique sa vision sur les RIAs , et pourquoi Java et Ajax ne font pas vraiment l'affaire.

Globalement je suis assez d'accord avec lui, a quelques differences que je vais tacher de mettre en evidence dans cet article.

Dans le meme esprit, Bruce Tate avait parle de J2EE (plus vulgairement, pourquoi J2EE est un beau bordel) dans son livre Beyond Java, et expliquait pourquoi un language comme Ruby et un framework comme Rails pouvait faire l'affaire, dans 80% des cas dirons nous.

Bruce Eckel commence son discours sur Java, et particulierement les Applets ainsi que les applications JavaWebStart:
pourquoi ne sont elles jamais devenues des technologies privilégiées pour les RIAs.

L'un des plus grands problemes etant :
- la barrière de l'installation du JRE sur le poste client pour les applets comme pour les applications desktop: difficile pour la plupart des utilisateurs lambda du web.

JavaWebStart quant a lui, a beaucoup ameliore les choses :
evidemment , le poste client doit toujours etre dote d'un JRE; dans une entreprise, ce n'est pas reellement une barriere sachant que la plupart du temps, les applications sont installees et mises a jour regulierement via le reseau depuis des serveurs.
Il souleve neanmoins les problemes de cohabitation de plusieurs Jdk (1.3, 1.4, 1.5, 6): nous, developpeurs, sommes habitues a switcher de jdk depuis notre IDE et lors de nos tests, mais pour un utilisateur lambda...c'est toujours le meme probleme.
JavaWebStart ameliore significativement le deploiement, mais fonctionne toujours dans le meme esprit qu'une applet, avec une "sandbox". Des policies de securite doivent etre configurees afin de donner des droits a l'application desktop (pour ecrire par exemple sur le disque dur du poste client). De meme , il faut signer les jars de l'application. Cependant , des solutions comme NetX facilitent les choses : permettent de profiter de la technologie JavaWebStart en faisant sauter quelques verrous (signatures des jars par exemple).

Il souligne le manque de support Multimedia de Java. L'API JMF (Java Media Framework) n'a jamais supporte le MP3 par exemple. Pour avoir travaille quelques temps avec JMF sur une application de visio-conference, je me suis bien rendu compte de de la difficulte a supporter les differents devices (WebCam, Audio).

Il ne faut pas oublier egalement la complexite de Swing au depart qui peut arreter bon nombre de developpeurs. Des API sont apparues telles que SWT (du cote d'Eclipse), et toutes les familles des RCP (Rich Client Platform) de chez Eclipse, Netbeans, et recemment Spring , pour tenter de remedier a ce probleme. Je ne serais pas aussi radical que Bruce Eckel, et je dirais que ces solutions devraient tout de meme etre etudiees sur tout projet , dans lequel une application desktop devrait etre implementee.

Viennent ensuite quelques explications sur les problèmes liés à Ajax :
- Coût : les applications ajaxifiées (HTML, CSS, Javascript) sont la plupart du temps difficiles et chères à développer.
- Confrontation du developpeur aux différences entre les navigateurs (IE 5/6/7, Firefox, Safari, Opera), plus varies aujourd'hui qu'au debut des annees 2000 (IE 4, Netscape).
Ormis les grosses différences pour XMLHttpRequest, on est toujours confronté a un moment ou a un autre à un problème quelconque lié aux navigateurs (Fonts, marges...). Bien qu'aujourd'hui certains frameworks 'cross browser' tels que Prototype ou Dojo (pour ne citer que les plus connus) resolvent ces problemes, dès qu'on veut coder soi-meme, pas d'autre choix que devenir un expert de chaque navigateur.

Plusieurs frameworks ont pourtant radicalement change la facon de developper des applications Ajax:
- je commencerai par Rails (s'appuie sur Prototype et script.aculo.us), qui permet de se passer de coder en Javascript pour tout ce qui est Ajax. Dans Rails, des helpers permettent de developper des composants ajaxifies en Ruby.
- Google a sorti son GWT (Google Web Toolkit), un framework 'serveur' , qui permet de developper des applications Ajax en Java. Le code client etant retranscrit ensuite en Javascript. Surveiller ce framework, qui est annonce comme un des frameworks phares de 2007.

Finalement , Bruce en arrive a la conclusion que Flash, et particulierement Flex, apparu en 2004 et aujourd'hui mature, serait la plateforme de choix des RIAs :
La présence du plugin Flash sur 98% des ordinateurs (d'apres Adobe), son portage sur les 3 principaux OS (Windows, Mac OS X, Linux), le support du multimedia (MP3, divers formats vidéo, webcams), le Look & Feel agreable des UIs, la capitalisation sur Javascript non perdue avec ActionScript (devenu OpenSource dans sa version 3.0 recemment), le paradigme 'write once run everywhere'.
Des frameworks autour de Flex existent, tel que Cairngorm, et surtout, l'annee 2007 va etre marquee par la sortie du tres attendu Apollo, qui permettra aux applications Flex/Flash de 'sortir du browser'.

Ce qu'il faut savoir au minimum sur Flex (2) :

Flex offre un langage de description d'UI appelé MXML, un langage de scripting (ActionScript) pour toute la logique.
Le Flex 2 SDK (compiler) est desormais gratuit (ce qui n'etait pas le cas avec la version 1.5), et ainsi, chaque developpeur est invité à consacrer un peu de temps pour tester le produit.
Adobe a rendu payant l'IDE FlexBuilder, réécrit il y a 2 ans sur une base d'Eclipse ( l'IDE peut être utilisé un mois a l'essai).
Certains composants, tels que Flex Charting, sont restes quant a eux payants.
Il existe aussi un bridge entre Flex et Ajax desormais (depuis la version 2.0).

L'UI Flex communique avec le serveur de plusieurs facons (plus ou moins performantes) :

AMF (Action Message Format): passerelle d'objets distants (Java Beans, EJB, POJO). AMF est un protocole binaire de transferts de données (son utilisation est conseillée par Adobe, car plus performant que SOAP).

XML avec les HTTPServices (REST) ou SOAP Service.

Il est egalement possible d'utiliser sur le serveur des services plus avancés :

le serveur Flex Data Services (gratuit pour une CPU) : Flex Data Services permet developper des applications non seulement riches en terme d'interface, mais aussi en terme d'échange des données entre les tiers. Déployé en tant qu'application J2EE, Flex Data Services offre une connectivité améliorée entre le client et les composants coté serveur (données, business logic). Basé sur une architecture orientée message, il s'intègre avec les middlewares du marché et fournit des services améliorés tels que :
Data push server (sans polling de la part du client), publish/subscribe messaging.
Il facilite le développement d'applications de collaboration, et d'applications disconnectées.

Flash Media Server (anciennement Flash Communication Server) : pour tout ce qui est diffusion (broadcast) de flux audio/video.

De facon generale, la plateforme de choix cote serveur est J2EE, avec une preference pour JRun , rachete par Macromedia a Allaire il y a quelques annees (mais pour Flex, d'autres serveurs sont supportes tels que Oracle AS 10g, Tomcat, JBoss, BEA). Neanmoins, les Labs d'Adobe travaillent sur des solutions d'integration avec d'autres technos; par exemple PHP ou Rails (Rails RIA SDK).
Un bresilien a recemment cree un Flex Scaffold, a l'image du scaffold dans Ruby on Rails.

Quelques exemples interessants :

Flex 1.5 Application Examples

Un BarCode Reader fait avec Flex. Fonctionnalite identique a la fonction de scan des barcodes dans Delicious Library.

Une alternative open-source à Flex est OpenLaszlo :
Comme pour Flex , l'UI est du Flash. Pour ce qui est scripting ce n'est plus ActionScript mais un dérivé de Javascript.
Quelques applications 'impressionnantes' développées avec OpenLaszlo :
Une version Flash de l'outil Visio, Gliffy .
Le service de 'discovery music', Pandora .

Sinon d'autres alternatives Open Source a certains composants Flash existent :
OpenAMF repond a Flash Remoting
Gnash repond au Flash Player

Il faut egalement savoir que des applications Flash peuvent etre declinees dans le monde de la mobilite (PDA, Smart Phone) grace a FlashLite.

Pour avoir travaille avec Flex quelques mois (etude de comparaison Flex, OpenLaszlo, Ajax - maquettage d'une RIA avec Flex 1.5 au dessus d'une BackEnd Java Struts deploye sur Oracle AS 10g) voila les conclusions dans les grandes lignes :
- FlexBuilder facilite grandement la tache pour la creation de l'UI (Layouter evitant d'ecrire le MXML a la main)... suffisant pour une application relativement simple.
- Par contre, pour une application plus complexe, l'immersion dans le codage ActionScript est obligatoire, et l'utilisation d'un Framework (Cairngorm ou fait maison) est conseillee.
- Ne pas sous-estimer la partie infographie : si vous en avez le talent , sinon faire appel a des infographistes, la composition de widgets graphiques sera necessaire dans le cas d'un Look & Feel sortant des sentiers battus pour votre application.
- Par contre le grand avantage (par rapport a Ajax) est que le paradigme 'Write Once Run EveryWhere' est respecte : on ne se soucie plus du type de navigateur, pourvu qu'on ait un Flash Player. En gros, connaitre Java, Php, .NET ou Rails pour la partie Serveur, et cote client, la connaissance du couple MXML/ActionScript suffit.

Pour conclure, les defenseurs de Flash craignent cette annee l'arrivee de Microsoft Sparkle / Interactive Designer, pour developper des applications basees sur WPF (Windows Presentation Foundation), ex-Avalon . A surveiller egalement de pres.

Lecture :

Programming Flex 2 : Rough Cuts version

Flexible Rails

Developper des Dahsboard Widgets avec Dashcode

2007-01-24T03:43:00.000-08:00

Dashcode est une nouvelle application pour développer des Widgets Dashboard, qui viendra préinstallée avec Mac OS X 10.5 (Leopard)

Néanmoins, il est deja possible de downloader une version beta pour Tiger (10.4) depuis le site Apple Developer Connection (inscription gratuite)

Pour rappel, développer un Widget Dashboard est très proche d'une déclinaison Ajax d'un élément graphique dans une page Web :

comme Ajax, c'est en effet un mélange de (D)HTML, CSS, Javascript (XMLHttpRequest).

Installé depuis peu sur mon Mac : cet outil s'avère tres facile d'emploi, intuitif (fidèle à l'esprit Apple) et permet de développer de tres beaux Widgets (une panoplie de templates est fournie). A noter que le moteur de Dashboard est le WebKit (le moteur de Safari) et est embarqué dans l'IDE pour tester.

Dans un futur proche, il devrait être possible de déployer vos Widgets sur l'iPhone, embarquant lui-même WebKit (avec Safari et Dashboard).

Plutot que recréer un article 'tutorial' , chose que j'ai déja faite il y a un an au sujet des Widgets, voici l'URL de la page Dashcode chez Apple.

Tutorial Dashboard Widgets chez ADC.

Sur Windows, on peut egalement développer des Widgets grâce a :

- Yahoo Widgets (ex-Konfabulator...apparu avant Dashboard Widgets)

- Google Desktop/Universal Gadgets.

- MicrosoftGadgets : une video est dispo >> ici

Belle initiative

2007-01-23T11:31:00.000-08:00

On applaudissait deja des deux mains le projet Wikipedia, voila un autre projet, Moulin, qui merite le detour.

Il s'agit de la version offline de Wikipedia, completement interactive (mais sans les images).
La premiere version , francaise, regroupe les 404 000 articles dans une image de 554 Mo prete a graver sur CD.

Pourquoi? La plupart des gens dans les pays en voie de developpement vivent sans connexion internet. Pour le prix d'un simple CD-R, voici l'encyclopedie en ligne disponible offline, et prete au partage avec un plus grand nombre de personnes.

La suite. Poursuivre le developpement de cette version, dans d'autres langues (Anglais, espagnol, portuguais, chinois et allemand), toujours pour un support CD ou DVD.

L'equipe initiatrice du projet est IESC Geekcorps Mali avec l'aide de USAID.

Pour la petite histoire technique (je ne peux pas m'en empecher) : Moulin est cross plateformes (Mac, Windows, Linux) car developpe avec une techno adaptee a cet effet, venant du groupe Mozilla: XUL(-Runner). XUL est utilise dans le developpement des extensions Firefox, de Thunderbird, et d'une autre belle application prometteuse, Joost (ex-Venice Project..par les createurs de Kazaa et Skype)

KDE (4) s'invite sur Mac

2007-01-22T14:21:00.000-08:00

Le voici le voila sur Mac, KDE 4.

Et cela s'installe tres bien, grace a une serie d'images .dmg successives.

1 - Downloader KDE 4 (Everything - 1.9 GB) par bitTorrent
2 - Monter l'image DMG
2- Installer dans l'ordre suivant les packages : Qt (GUI software toolkit/widget-kit), kdesupport, kdelibs, kdepimlibs, kdebase et koffice.
3 - Modifier ~/.bash_profile pour ajouter les lignes suivantes :

export PATH="/opt/kde4/bin:/opt/kde4-deps/bin:/opt/qt4/bin:$PATH"
eval `dbus-launch --auto-syntax`

4 - Lancer une application (le navigateur Web Konqueror par exemple)
cd /opt/kde4/bin/konqueror.app/Contents/MacOS/; ./konqueror

Tester de meme konsole, kwrite, kword ...

Creer sa distribution Linux online

2007-01-14T00:44:00.000-08:00

De par mon experience dans l'installation de distributions Linux (RedHat, Fedora, Suse, Debian, Ubuntu), j'ai souvent constate que cela installait evidemment des softs qui m'interessaient mais egalement une multitude de softs inutiles , et que ca prenait trop d'espace sur le disque dur.

Idealement, choisir une distribution Linux, et des softs/services au cas par cas, puis obtenir l'image ISO (allegee) prete a graver sur un CD-R.

Ce service existe sur Internet et s'appelle instalinux .
Sur leur site, on choisit tout d'abord une distribution Linux : CentOS (l'equivalent open-source de la RedHat 3, commerciale), Fedora (3, 4, 5, 6), Scientific, Debian (3.1), KUbuntu, Suse (9, 10, 10.1), Ubuntu (Dapper, Hoary, Breezy). Elles existent pour i386 et x386_64.

Ensuite les parametrages classiques : TimeZone, primary language, Keyboard, Mouse.

Et la ca devient interessant :
Choisir les bundles (classique) de la distribution :
Desktop environment (Gnome, KDE), Mail Server, News Server, DNS Server, Network Servers, Web Server, Database Server (mySQL, PostgreSQL), Windows FileServer, Administration Tools, Server Configuration, Development Tools, Eclipse (IDE Developpement Java, C , C++), Java, Ruby (eh oui il est propose dans la liste!!), Sound & Video, Office & Productivity...

Puis vient le type de partitioning pour le filesystem.

Pour finir on choisit un mot de passe pour root, et on cree son user.

Dernier step, l'ISO est disponible au download, prete a graver.

On peut ainsi aboutir au finish a une image ISO (suivant les services choisis precedemment) minimaliste, de taille pouvant etre inferieure a 10 Mo.

A decouvrir.

Travail collaboratif avec Google Docs

2007-01-06T02:10:00.000-08:00

Ce matin, j'etais en ligne avec un ami, sur Mac (comme moi) , et on cherchait un outil de partage d'application (e-meeting, Whiteboard) afin de travailler en temps reel tous les deux sur un document.

Quelques recherches sur Google nous ont mis sur la voie de SubEthaEdit et Marratech.

Ces deux applications s'averent difficiles a configurer pour un usage sur Internet : d'autant plus si on est derriere un routeur avec firewall et NAT.

Bref, on est alle voir sur Google Docs & Spreadsheets

On savait tous les deux qu'on peut mettre en partage un document (Word, OpenOffice, PowerPoint) entre differents utilisateurs Google , mais on ne savait pas si: en travaillant a deux en edition sur un document , on pouvait voir les modifications de l'autre en temps reel (au caractere pres).

Surprise, Google a fait les choses bien (vive Ajax!) :

Creer un nouveau document, ou uploader un document Word , OpenOffice, PowerPoint.
Editer le document, puis suivre l'onglet 'Collaborate': Inviter des collaborateurs (ayant un compte GMail), qui auront le droit d'ecriture. Des 'Viewers' peuvent egalement etre invites.

La personne invitee recoit une invitation par email, contenant le lien vers le document en partage.
Une fois les deux personnes connectees sur le document : chacun voit la modification (quasiment au caractere pres) de l'autre. Si le refresh echoue, un lien en bas de document existe pour forcer le rafraichissement du WhiteBoard.

Tres pratique, et surtout, aucune configuration particuliere requise sur son poste (juste un navigateur moderne supportant la techno Ajax).

bitTyrant

2007-01-06T00:47:00.000-08:00

Voici un nouveau client BitTorrent, bitTyrant

Le client est multi plateforme : en effet, c'est une modification du client bien connu Azureus, disponible sur sourceforge.net et developpe en Java.

bitTyrant est base sur un protocole compatible bitTorrent, sauf qu'il mise sur la performance : en effet, lors du download, il prend en priorite les sources ayant le meilleur debit montant: au finish les performances seraient ameliorees de 70% par rapport a Azureus.

Aujourd'hui bitTorrent est le protocole privilegie pour le transfert de fichiers en mode p2p : bien que dans la majorite des cas (suivant la legislation du pays), les downloads sont illegaux, car concernent des fichiers musicaux, des films ou encore des logiciels commerciaux, des editeurs en ont tout de suite compris le gain (de temps) et l'utilisent pour permettre le download de logiciels volumineux : c'est le cas des distributions Linux Ubuntu, Sabayon, openSuse, Fedora par exemple.

Faites en bon usage.

Mes premiers pas dans le jeu Second Life

2006-12-31T00:00:00.000-08:00

Sur conseil d'un ami, tonton pour pas le nommer, je me suis inscrit a Second Life hier (mon avatar porte le nom Laurent Brynner si parmi vous, certains voulaient m'y retrouver). Il s'agit d'un jeu, connecte sur Internet, qui represente un monde parallele a notre monde reel, dans lequel nous avons un double virtuel (avatar) a piloter et faire vivre ( un peu a la Sims)

Lors des premieres connexions, on arrive sur une ile d'entrainement (Orientation 17 dans mon cas), comportant un genre de parcours fleche : on apprend ainsi a se deplacer. Regulierement on croise des balises nous indiquant comment chatter avec ses congeneres virtuels, manipuler la camera , attraper des objets, remodeler son avatar...

Je ne peux pas dire grand chose pour l'instant, vu que je suis encore sur le parcours d'entrainement , mais ce que je sais, c'est que je n'y passerais pas des heures. J'y suis alle par simple curiosite, histoire de m'en faire une idee avant cette fin d'annee 2006.

On ne sait pas vraiment ce qu'on doit faire: on erre sur l'ile, on croise des inconnus, on discute un peu..c'est tout.

Ensuite on devrait avoir acces au vrai monde (si on peut le nommer ainsi), aller dans les magasins, se teleporter sur des iles. Pour que ce soit vraiment interessant (avoir des Linden Dollars , monnaie du jeu), acheter des batiments, des iles, creer un business, il faut upgrader son compte (basic, gratuit) vers Premium (6 usd par mois)...ce que je ne compte pas faire. Je crains qu'en restant sur un compte gratuit, il n'y ait pas un grand interet a jouer.

Aujourd'hui il semble y avoir un engouement autour de ce jeu : des societes comme IBM, Sun ou Dell y ont deja pignon sur rue. Effet de mode, ou nouvelle facon de naviguer dans un univers 3D ? (IBM y voit une future facon de naviguer sur le web) : l'avenir nous le dira...

Installation LightTPD

2006-12-02T06:51:00.000-08:00

Toujours sur le Mac Book Intel , installation du server LightTPD.
La procedure d'install. a ete reprise avec succes sur Hivelogic

Installation du module FastCGI :

curl -O http://www.fastcgi.com/dist/fcgi-2.4.0.tar.gz
tar xzvf fcgi-2.4.0.tar.gz
cd fcgi-2.4.0
./configure --prefix=/usr/local
make
sudo make install

Installation des Ruby bindings pour FastCGI:

curl -O http://sugi.nemui.org/pub/ruby/fcgi/ruby-fcgi-0.8.6.tar.gz
tar xzvf ruby-fcgi-0.8.6.tar.gz
cd ruby-fcgi-0.8.6
/usr/local/bin/ruby install.rb config --prefix=/usr/local
/usr/local/bin/ruby install.rb setup
sudo /usr/local/bin/ruby install.rb install
cd ..

Nous aurons besoin d'installer le GEM FastCGI:
La commande est on ne peut plus simple:

sudo gem install fcgi

PCRE:
Avant de pouvoir compiler LightTPD il faut installer PCRE (une librairie pour les regular expressions a la Perl)

url -O ftp://ftp.csx.cam.ac.uk/pub/software/programming/pcre/pcre-6.6.tar.gz
tar xzvf pcre-6.6.tar.gz
cd pcre-6.6
./configure --prefix=/usr/local CFLAGS=-O1
make
sudo make install

Note : CFLAGS=-O1 est utilise pour les Mac Intel

LightTPD:
Enfin compiler et installer le webserver LightTPD.

curl -O http://lighttpd.net/download/lighttpd-1.4.13.tar.gz
tar xzvf lighttpd-1.4.13.tar.gz
cd lighttpd-1.4.13
./configure --prefix=/usr/local --with-pcre=/usr/local
make
sudo make install

Test LightTPD with a freshly new Rails application :

$>:cd railsprojects
$>:rails myapp
$>cd myapp
$>:script/server
=> Booting lighttpd (use 'script/server webrick' to force WEBrick)
=> config/lighttpd.conf not found, copying from /usr/local/lib/ruby/gems/1.8/gems/rails-1.1.6/configs/lighttpd.conf
=> Rails application started on http://0.0.0.0:3000
=> Call with -d to detach
=> Ctrl-C to shutdown server (see config/lighttpd.conf for options)

Securiser vos applications Rails avec un CAPTCHA

2006-11-25T00:24:00.000-08:00

Depuis quelques annees on a vu apparaitre le CAPTCHA ("Completely Automatic Public Turing Test to Tell Computers and Humans Apart") sur tous les sites comportant une page d'enregistrement d'un nouvel utilisateur.

Le CAPTCHA permet d'eviter de se faire spammer une page de registration d'un nouvel utilisateur par des robots (programmes). Pour resumer, une image cote serveur est generee dynamiquement, affichant un texte aleatoire sur un fond avec bruit (quadrillage, pixellisation, bruit). Cette image est affichee dans la page en bas de formulaire, associee a un champs texte, dans lequel l'utilisateur devra recopier ce qu'il voit a l'ecran.
A la validation sont compares le texte saisi par l'utilisateur et celui ayant servi a generer l'image: si ils matchent, la sauvegarde du nouveau compte peut s'operer.

Un module (plugin) CAPTCHA pour Rails est disponible sur RubyForge. Il s'appuie egalement sur RMagick (gem), un binding Ruby de ImageMagick pour la generation dynamique de l'image.

Installer ImageMagick :
Sur Mac OS X Tiger, j'ai un peu galere. J'ai essaye plusieurs methodes : les binaires de ImageMagick, en passant par Fink. Sans succes.

Finalement je suis revenu aux 'sources' : Installer tout manuellement depuis le source. Une bonne adresse de la manip est sur Hivelogic

En gros installer freetype, libpng, jpeg, tiff ainsi:

Creer un repertoire delete_later dans votre repertoire home (mkdir ~/delete_later) pour tous les sources et compilations

cd ~/delete_later
curl -O http://download.savannah.gnu.org/releases/freetype/freetype-2.1.10.tar.gz
tar xzvf freetype-2.1.10.tar.gz
cd freetype-2.1.10
./configure --prefix=/usr/local
make
sudo make install

cd ~/delete_later
curl -O http://superb-west.dl.sourceforge.net/sourceforge/libpng/libpng-1.2.10.tar.bz2
bzip2 -dc libpng-1.2.10.tar.bz2 | tar xv
cd libpng-1.2.10
./configure --prefix=/usr/local
make
sudo make install

cd ~/delete_later
curl -O ftp://ftp.uu.net/graphics/jpeg/jpegsrc.v6b.tar.gz
tar xzvf jpegsrc.v6b.tar.gz
cd jpeg-6b
ln -s `which glibtool` ./libtool
export MACOSX_DEPLOYMENT_TARGET=10.4
./configure --enable-shared --prefix=/usr/local
make
sudo make install

cd ~/delete_later
curl -O ftp://ftp.remotesensing.org/libtiff/tiff-3.8.2.tar.gz
tar xzvf tiff-3.8.2.tar.gz
cd tiff-3.8.2
./configure --prefix=/usr/local
make
sudo make install

Enfin ImageMagick 6.3.0:

cd ~/delete_later
curl -O http://easynews.dl.sourceforge.net/sourceforge/imagemagick/ImageMagick-6.3.0-6.tar.gz
tar xzvf ImageMagick-6.3.0-6.tar.gz
cd ImageMagick-6.3.0
./configure --prefix=/usr/local
make
sudo make install

Sur Mac OS X, Ruby 1.8.2 est preinstalle. Apres moult soucis a l'install de RMagick, il m'a ete conseille (Thanks Tim Hunter), de rebasculer sur 1.8.5. Un excellente ressource a suivre sur HiveLogic.

Pour Ruby:
Modifier le .bash_profile et ajouter en debut de PATH : /usr/local/bin/src:/usr/local/bin:/usr/local/sbin

Preinstaller readline (necessaire a Ruby)

cd ~/delete_later
curl -O ftp://ftp.gnu.org/gnu/readline/readline-5.1.tar.gz
tar xzvf readline-5.1.tar.gz
cd readline-5.1
./configure --prefix=/usr/local
make
sudo make install

Installer Ruby 1.8.5

cd ~/delete_later
curl -O ftp://ftp.ruby-lang.org/pub/ruby/1.8/ruby-1.8.5.tar.gz
tar xzvf ruby-1.8.5.tar.gz
cd ruby-1.8.5
./configure --prefix=/usr/local --enable-pthread --with-readline-dir=/usr/local
make
sudo make install
sudo make install-doc

Installer RubyGems 0.9
cd ~/delete_later
curl -O http://rubyforge.iasi.roedu.net/files/rubygems/rubygems-0.9.0.tgz
tar xzvf rubygems-0.9.0.tgz
cd rubygems-0.9.0
sudo /usr/local/bin/ruby setup.rb

Installer RMagick 1.14.1 :

cd ~/delete_later
curl -O http://rubyforge.rubyuser.de/rmagick/RMagick-1.14.1.tar.gz
tar xvf RMagick-1.14.1.tar.gz
cd RMagick-1.14.1
./configure
make
sudo make install

Reinstaller Rails 1.1.6 (pour Ruby 1.8.5 situe dans /usr/local):

sudo gem install rails --include-dependencies

Installer le plugin CAPTCHA:
Dans votre application Rails, a la racine, executer la commande :

script/plugin install http://svn.2750flesk.com/plugins/trunk/validates_captcha

Preparer votre application pour CAPTCHA :

Creer le repertoire (var/data) a la racine de votre application, dans lequel un fichier PStore (contenant le mot de l'image, ou CAPTCHA challenge) sera stocke. Executer la commande :

script/generate captcha store_directory

Creer le repertoire ou seront stockees les images (public/images/captcha) avec la commande:
script/generate captcha image_directory

Une fois l'application prete, ne vous reste plus qu'a inclure le CAPTCHA dans votre signup page.

Supposons, comme moi, que vous avez un model User. Ajouter dans app/models/user.rb la ligne :

class User > ActiveRecord::Base

validates_captcha
...
end

Ajouter dans le formulaire de votre signup page :

<% c = prepare_captcha :type => :image -%>
<%= captcha_hidden_field c, 'user' %>
<%= captcha_image_tag c %>
<%= captcha_label 'user', 'Type in the text from the image above' %>
<%= captcha_text_field 'user' %>

A la racine de votre application, demarrer WebRICK:
script/server

Tester

Ubuntu:: deja 2 semaines

2006-11-04T22:32:00.000-08:00

Pas de remarques particulieres de mon pere apres deux semaines passees sur Ubuntu. Tout se passe bien: il joue principalement avec la messagerie, l'internet et Skype.

Il est tres etonne de trouver sa machine beaucoup plus veloce avec Ubuntu qu'avec Windows XP (la machine date de 2001 : Pentium 4 1.6GHz, 1GB Ram, 60GB HDD).

Skype marche a merveilles : et il trouve meme la qualite de son meilleure encore que sur Windows.

Pour le probleme d'imprimante, je lui ai conseille de remplacer le cable sur prise parallele par un cable USB : ce qu'il a fait.
Apres avoir change le reglage imprimante sur Ubuntu, tout maeche a merveille....donc un probleme de resolu.

Il faudra que je lui repasse sa version OpenOffice (actuellement en Anglais, et il est pas angliciste) par une version francaise.

Enfin, il ne reste que le probleme de l'acquisition de photos de son appareil numerique HP: Picasa ne fonctionnant pas, je vais le remplacer par GPhoto 2.

Enfin, pour l'instant il reste sur Ubuntu 6.0.6 Dapper Drake, et passera sur Efty Edge (6.10) ulterieurement.

Retour d'experience Ubuntu

2006-10-22T13:28:00.000-07:00

Je vais vous conter une petite histoire au sujet de Mac, Windows et Linux.
Mon pere, utilisateur de Windows depuis 7 ans environ, a recemment eu un probleme tres genant avec ce systeme. Je ne peux pas dire que mon pere est un utilisateur tres avance: il fait comme la plupart des gens...il ne fait que de la bureautique avec Word, Excel, naviguer sur l'internet (Firefox, Internet Explorer), relever et envoyer des emails (Incredimail), faire de la messagerie instantanee (MSN Messenger, Yahoo Messenger, Google Talk), faire du telephone sur IP (Skype) importer des photos de son appareil numerique (Picasa), ecouter de la musique (iTunes), regarder des films (Video Lan Client, QuickTime)

Du jour au lendemain Windows n'a plus marche: au demarrage, un ecran noir avec un message indiquant qu'un fichier System etait manquant. Une reparation etait necessaire.

Je ne cacherai pas que ca m'embetais de reinstaller un Windows sur le PC de mon pere.

Mon pere n'est certainement pas un cas unique, si je dis qu'il n'avait pas backupe ses donnees ( c'est a dire grave ses photos sur CD, ainsi que sa musique ou ses documents Word) Il fallait donc recuperer le contenu du disque dur.

Suite a son probleme, je lui ai prete un Mac Mini achete recemment pour le depanner. Grace a lui, il a pu naviguer sur Internet, consulter ses emails pendant une semaine.

Ce Mac Mini m'a bien servi dans l'operation de sauvetage des donnees du disque dur (Windows)
J'ai sorti le disque dur du PC, pour le remettre dans un boitier IDE externe, que j'ai ensuite branche au Mac Mini. J'ai ainsi pu recuperer tous les fichiers persos et les rapatrier sur le disque dur du Mac.

J'ai ensuite replace le disque dur dans le PC, avec la ferme intention d'installer une distribution Linux reputee pour sa facilite d'installation et son utilisation: Ubuntu Drapper Drake 6.06

Le CD de Ubuntu est un Live CD. Ubuntu demarre depuis lle CD. Une fois sous Ubuntu, il y a un bouton 'Install' sur le bureau, et le processus d'installation d'Ubuntu sur le disque dur demarre.

D'abord preparer le disque dur, c'est a dire partitionner pour Ubuntu.
Une partition primaire raiserfs ext3 de 5GB environ pour accueillir le systeme
Une partition etendue incluant la partition de swap (egale a 2 fois la RAM : dans mon cas, 2GB etaient necessaires pour cette partition), et la partition pour les donnees.

Apres les multiples steps de l'installation passees, je demarre Ubuntu et me voila sur Linux.
La version CD de Ubuntu arrive avec un lot d'applications bien pratiques, et correspondant tout a fait a l'usage que mon pere fait de son ordinateur .
Firefox pour naviguer sur le Web
Messagerie Ximian (Novell) pour les emails
OpenOffice , la suite libre incluant les equivalents de Word, Excel et PowerPoint
GAIM, messagerie instantanee pouvant se connecter a plusieurs reseaux dont MSN, Yahoo, AOL, ICQ
Une application pour ripper les Cds audio au format MP3
Une lecteur video
Un lecteur audio pour les MP3
Un graveur de CD
Une application de scanner de photos.

J'ai configure le reseau : le PC est branche avec cable reseau a la LiveBox Wanadoo (modem routeur ADSL). IP statique, gateway correspondant a l'IP du routeur (192.168.1.1)

Test de l'internet avec Firefox : Ok, pas de soucis.

Parametrage de sa messagerie Wanadoo sur Ximian: pas de soucis non plus.

Je lui ai installe deux applications manquantes : Skype et Picasa

La version Skype de Linux de supporte pas la video (premiere regression par rapport a Windows).
Neanmoins, apres avoir brancher Haut Parleurs et Micro ligne, les tests de conversation ont ete concluants.

Pour Picasa, ca s'est un peu complique. L'outil a commence a scanner le disque dur pour afficher toutes les images. Pas de problemes. Ensuite j'ai voulu tester l'import de photos depuis un appareil numerique : un HP Photosmart E317.
L'appareil a ete detecte mais l'acquisition des photos ne s'est jamais faite.
Je vais regarder si il y a une solution alternative a Picasa pour les appareils photos numeriques.

Le scanner : un Agfa Snapscan e52. J'ai du importer le firmware du scanner depuis le CD au prealable, puis ai effectue un test avec le logiciel de scan. Pas de problemes.

Enfin, l'imprimante, une Canon S400 branchee sur le port LPTR (parallele) : aucun cable USB n'avait ete livre avec l'imprimante.
Je vais dans l'Administration d'Ubuntu, section imprimante et ajoute cette nouvelle imprimante. Le driver de la Canon m'est propose dans une liste, je selectionne et applique les parametres.
Mais au test d'impression, le job a bien ete poste dans la file d'impression, mais le document n'a jamais ete imprime.
Chose etrange, apres un redemarrage du systeme, j'ai constate que le document etait imprime. En reessayant de nouveau d'imprimer depuis OpenOffice, toujours pas moyen. A pres un second restart du systeme, le document a ete imprime...etrange.

Donc au finish, les deux points noirs : acquisition des photos d'un appareil numerique, et impression avec la Canon.

J'ai donc decide de lui laisser egalement le Mac pendant un certain temps.
Je souhaite qu'il puisse tester Ubuntu et le Mac pendant une periode de 1 a 2 mois.
Au finish , a l'issue de son utilisation, il me dira ce qu'il prefere, et je lui laisserai la machine choisie.

Je posterai un article a l'issue de cette periode d'utilisation et de test. Car je rappelle, il etait habitue a Windows, il n'est pas un utilisateur avance.
Il va devoir s'habituer a Ubuntu, qui n'est pas si loin d'utilisation de Windows, ainsi qu'a Mac OS X.

Des copies d'ecrans d'Ubuntu pour les curieux a cette adresse.

Appeler un web service REST (Yahoo) avec Rails

2006-10-21T07:14:00.000-07:00

REST est souvent considere comme l'architecture la plus simple des services web. La plupart du temps, attaquer un service REST revient a appeler une simple URL en Http GET ou POST. Le serveur renvoie une reponse avec les resultats de la requete. La plupart du temps le document renvoye est au format XML. En fait si vous etes capable d'afficher du XML dans votre navigateur, vous pouvez simplement entrer l'URL dans la barre d'adresse pour voir en retour le document genere par le service REST.

Pour se connecter a un service REST avec un client Rails on doit:
1) Se connecter au service REST avec une requete en GET ou POST avec la librairie NET
2) Stocker le resultat en memoire dans un document REXML
3) Parser le resultat avec la librairie REXML pour affichage dans l'application Rails

Pour la demonstration nous allons nous connecter au service Search Yahoo (REST) et afficher le top 3 des resultats de recherche. L'API Yahoo search Service est gratuite, mais le nombre de requete est limite a 5000 requetes par IP et par jour. Il faut simplement une clef Developer. Aller a l'URL:
http://api.search.yahoo.com/webservices/register_application

Vous devez enregistrer un Application ID (par exemple: RailsApp) que vous passerez ensuite a chaque requete vers le service REST Yahoo! au moyen du parametre appid

Creer votre appli Rails: dans un terminal, taper $rails yahoorestapp
Remonter le projet dans votre IDE (Radrails, TextMate)

Creons un controller qui fera une recherche en mode GET sur le Web Service Yahoo!

Dans le repertoire yahoorestapp taper $script/generate controller yahoosearch

Ouvrir le fichier app/controllers/yahoosearch_controller.rb

class YahoosearchController < query =" CGI.escape(params[:search].to_s)" yahookey="RailsApp" url = "http://api.search.yahoo.com/WebSearchService/" appid="#{yahookey}&query="#{query}" results="3&start="1" result =" Net::HTTP.get(URI(url))" doc =" REXML::Document.new" action="">"do_yahoo_search"%>
<%= render_partial "form" %>
<%= submit_tag "Search" %>
<%= end_form_tag %>

La view fait appel a un sub form (render_partial) _form.rhtml

<p><label for="search_query">Keyword</label>

<%= text_field 'search', 'query' %>

Creons la vue qui correspond a la page de resultat: elle portera le nom de l'action appelee depuis la page de recherche : do_yahoo_search.rhtml

<% @doc.root.each_element do |res| %>
<b>Title: </b><%=res[0].text.to_s%>

<b>Summary: </b><%=res[1].text.to_s%>

<b>Link: </b><a href="<%=res[2].text.to_s%>"><%=res[2].text.to_s%></a>

<% end %>

Et voila, c'est fini. En quelques lignes de code nous avons fait notre client Web Service REST

Pour tester, il suffit de lancer WebRick et vous connecter a http://localhost:3000/yahoosearch

RoR::Day 4

2006-05-19T14:29:00.001-07:00

Aujourd'hui, le client, c'est a dire moi meme, propose de repasser sur les fonctionnalités de l'application.

Description fonctionnelle

l'application est relativement simple : dans une premiere version , nous autoriserons seulement une personne, que nous appelerons administrateur , a diffuser sa liste de fichiers musicaux. Donc cette personne, devra pouvoir accéder a l'application, avec un privilege administrateur, pour saisir et sauvegarder tous les artistes, albums et fichiers musicaux de sa mediatheque.

Cette application sera ouverte a n'importe quel utilisateur en consultation simple.

Neanmoins, nous permettrons a un utilisateur de pouvoir se composer une playlist a partir de la liste de fichiers musicaux de l'administrateur. L'utilisateur pourra se composer n playlists, chacune identifiée par un nom, unique. Pour sauvegarder sa playlist, l'utilisateur devra avoir un compte, et devra etre authentifié sur ce compte .

Dans une version ulterieure, nous autoriserons chaque utilisateur,
ayant au préalable créé son compte sur l'application, à saisir et
sauvegarder l'intégralité de sa médiathèque.

Description conceptuelle

Modélisation Database:
- 1 entité 'Users' : attributs nom, prenom, email, identifiant, mot de passe, groupp
- 1 entité 'Groups' : Nom du groupe (ADMIN/MEMBER)

- 1 entité 'Artists' : Nom, Origin
- 1 entité 'Albums' : Nom, artists
- 1 entité 'Tracks' : Nom, Album

- 1 entité 'Playlist' : Nom, Owner
- 1 entité 'PlaylistItems' : Nom du morceau, Album, Artists, Playlist

Modélisation applicative :

L'application aura donc 3 "zones" distinctes :

Une zone administration, ouvrant droit à :

Création d'une mediatheque : saisie et sauvegarde de tous les fichiers
musicaux, associés à des albums, eux mêmes associés à des artistes.

Modération des comptes membres : l'administrateur se donne le droit d'accepter ou refuser la création d'un nouveau compte.

Une zone membre :

création/suppression de 1 à N playlists : une playlist
etant un sous ensemble de la mediatheque de l'administrateur.

Une zone publique :

Consultation de la médiathèque de l'administrateur.

Création d'un compte pour l'accès membre.

Description des écrans :

- 1 ecran de registration pour la création d'un compte membre :
formulaire => Nom, prenom, email

-1 ecran d'authentification :
formulaire => Login , password

- 1 ecran de saisie de mediatheque :
formulaire Artists => Nom, origin
formulaire album => Nom, Artist
formulaire Tracks (n entrées) => Nom, Album

- 1 ecran Liste de la mediatheque (consultation publique)
=> formulaire de recherche sur le nom de l'artiste , ou le nom de l'album
=> Liste des morceaux

- 1 ecran Liste de la mediatheque (consultation) membre

=> formulaire de recherche sur le nom de l'artiste , ou le nom de l'album

=> Liste des morceaux avec choix autorisé sur chaque morceau pour ajout dans la playlist.

- 1 ecran de sauvegarde de la playlist courante :
=> formulaire : Nom de la playlist

- 1 ecran liste des playlists : possibilité de suppression d'une playlist

Suite a cette nouvelle directive pour notre application, le but de notre prochain article sera de modifier le datamodel de l'application.

RoR::Day 3

2006-05-12T23:24:00.000-07:00

Nous allons modifier la partie 'artists' afin que depuis l'ecran Show, on puisse entrer les albums associés. Nous avons deja relié les modèles artist et item dans l'article précédent. Nous allons modifier dans un premier temps la vue de l'ecran 'show' pour artist afin de :
- Lister les albums associés
- Offrir la possibilité de saisir le nom d'un album

cd mediatheque/app/views/artists
vi show.rhtml

Affichage de la liste des albums :

<%= link_to 'Edit', :action => 'edit', :id => @artist %> |
<%= link_to 'Back', :action => 'list' %>

<% if @artist.has_items? %>
<h3>Items</h3>
<table>
<% for item in @artist.items %>
<tbody><tr>
<td><%= item.name %></td>
</tr>
<% end %>
</tbody></table>
<% end %>

Ajout d'une formulaire

<%= start_form_tag :action => 'record', :id => @artist %>
<p>
Name <%= text_field 'item', 'name', :size => 25 %>
</p>
<%= submit_tag 'Record!' %>
<%= end_form_tag %>

Dans le formulaire, l'action appelée est 'record'
Ouvrons le controller artists_controller.rb :

vi mediatheque/app/controllers/artists_controller.rb

Et ajoutons la méthode 'record':

def record
Artist.find(params[:id]).items.create(params[:item])
redirect_to :action => 'show', :id => params[:id]
end

Ce qui donne a l'écran :

Décorer la page

Les pages d'un site partagent en général le même layout - le designer crée en général un template standard qui est utilisé quand on insère le contenu.

Heureusement, avec Rails on peut définir des layouts. Un layout est un template dans le quel on peut ajouter le contenu facilement. Il y a plusieurs moyens de spécifier et d'utiliser des layouts dans Rails. Nous allons passer par le moyen le plus simple.
Créer un template dans le répertoire app/views/layouts portant le même nom que le controller : toutes les vues rendues depuis ce controleur utiliseront par défaut ce template.
Notre controleur s'appelle artists, donc créons le layout artists.rhtml

<html>
<head>
<title>Artists: <%= controller.action_name %></title>
<%= stylesheet_link_tag 'mediatheque' %>
</head>
<body>
<div id="banner">
<img src="/images/banner.png" />
<%= @page_title || "Mediatheque" %>
</div>

<p style="color: green"><%= flash[:notice] %></p>
<div id="columns">
<div id="side">
<a href="#">Home</a>
<a href="#">News</a>
<a href="#">Contact</a>
</div>
<div id="main">
<%= @content_for_layout %>
</div>
</div>
</body>
</html>

A part les tags HTML, il y a 3 points spécifiques a Rails.
Le lien vers le fichier mediatheque.css avec stylesheet_link_tag
On position le titre de la page avec @âge_title.
Enfin, Rails insère automatiquement le contenu dans le template grace à @content_for_layout

Ajoutons le fichier CSS dans le répertoire : mediatheque/publique/stylesheets/

#banner {
background: #9c9;
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 2px solid;
font: small-caps 40px/40px "Times New Roman", serif;
color: #282;
text-align: center;
}

#banner img { float: left; }

#columns { background: #141; }

#main { margin-left: 7em;
padding-top: 4ex;
padding-left: 2em;
background: white;
}

#side {
float:left;
padding-top: 1em;
padding-left: 1em;
padding-bottom: 1em;
width: 6em;
background:#141;
}
Ajoutons l'image du logo banner.png dans mediatheque/public/images/

Le résultat est le suivant :

Conclusion :

Nous avons vu comment modifier une vue ( ajout d'une liste et d'un formulaire) et son contoleur (ajout d'une action)
Nous avons également vu comment ajouter un template pour un controleur particulier.

Bibliothèque Rails et Ruby

2006-05-07T01:30:00.000-07:00

Voici les quelques livres sur lesquels je m'appuie pour cette série d'articles.

1) Agile Web Development with Ruby On Rails (D. Thomas, D. Hansson, ....)

Achat sur Amazon

2) Rails recipes (Chad Fowler)

Achat sur Pragmatic Bookshelf

3) Enterprise integration with Ruby ( M. Schmidt )

Achat sur Pragmatic Bookshelf

4) Programming Ruby (D. Thomas, A. Hunt)

Livre en ligne à l'adresse

RoR::Day 2

2006-05-05T12:10:00.000-07:00

Nous allons revenir dans cette article au développement de notre application.

Dans l'article 1, nous avons créé une table, artists, et généré le scaffold.
Après avoir joué un peu avec l'écran d'édition, on s'aperçoit assez vite de sa simplicité. Notamment du coté de la validation: en effet, on peut laisser des valeurs vides et soumettre le formulaire.

Mais où mettre la validation dans Rails? La couche modèle est le garant entre le monde du code ruby et la base de données. Cela rend le modèle une place idéale pour insérer la validation. Si le modèle fait le check avant la sauvegarde en base, alors la base sera protégée d'une mauvaise donnée en entrée.

Ouvrons le fichier app/models/artist.rb

class Artist < ActiveRecord::Base
validates_presence_of :name, :origin
end

Le validates_presence_of() est un validator standard dans le monde Rails. Il checke qu'un ou plusieur champs sont presents et qu'ils ne sont pas vides.

Mais maintenant nous saisissons un nom d'artiste, et nous ne voulons pas qu'il soit répété :
ajoutons la ligne suivante dans le modèle :
class Artist < ActiveRecord::Base
validates_presence_of :name, :origin
validates_uniqueness_of :name
end

Modification du modèle

Nous allons rajouter 2 entités à notre modèle : items, qui contiendra la liste des albums associés à un artists, et tracks, la liste des pistes musicales associées à un album.

Nous allons toujours procéder avec notre outil de migration :
script/generate migration items

Fichier db/migrate/002_items.rb

class Items < ActiveRecord::Migration
def self.up
create_table :items do |table|
table.column :id, :integer
table.column :name, :string
table.column :type, :string
table.column :artist_id, :integer
end
end

def self.down
drop_table :items
end
end

On recommence pour la table tracks : Fichier db/migrate/003_tracks.rb
class Tracks < ActiveRecord::Migration
def self.up
create_table :tracks do |table|
table.column :id, :integer
table.column :order, :integer
table.column :item_id, :integer
table.column :name, :string
table.column :size, :float
end
end

def self.down
drop_table :tracks
end
end

Créons la structure en base avec la commande : rake migrate

Créons les modèles pour chacune des tables items et tracks

ruby script/generate model Item
ruby script/generate model Track

On n'a pas créé de foreign key en base , mais on remarque qu'on relie 'items' à 'artists' par la colonne artist_id, et la table 'tracks' à 'items' par <nom de la table cible>_item_id....c'est une convention : _id

Nous devons désormais dire à Rails, qu'un artiste a plusieurs albums et qu'un album appartient à un artiste. Ouvrons la classe modèle artist.rb , et faison un appel à has_many() :
class Artist < ActiveRecord::Base validates_presence_of :name, :origin
validates_uniqueness_of :name
has_many :items, :order => "name"
end

Faisons le lien dans l'autre direction , depuis la classe item: appelons la methode belongs_to()
class Item < ActiveRecord::Base validates_presence_of :name
belongs_to :artist
end

Réitérons entre items et tracks : ajoutons has_many() dans la classe item.rb
class Item < ActiveRecord::Base validates_presence_of :name
belongs_to :artist
has_many :tracks, :order => "order"
end

Ajoutons le lien dans l'autre sens depuis la classe track.rb :
class Track < ActiveRecord::Base belongs_to :item
end

Conclusion:
Dans cet article nous avons vu comment ajouter de la validation à un formulaire.
Comment ajouter plusieurs tables et créer des relations entre les classes du modèle.

Dans le prochain article nous rajouterons de nouvelles méthodes dans notre controller pour afficher les listes d'items de nos artistes.
Nous parlerons des layouts et templates (avec relooking de l'application)

RoR::Day One

2006-05-02T11:59:00.000-07:00

Le premier article a posé les bases de l'application mediatheque que je vais developper.
Le but de cet article et de tous ceux à venir dans la meme categorie 'RoR::Day XX' sera de suivre quasiment au jour le jour (si j'arrive a poster chaque jour..ce sera plutot tous les 2/3 jours je pense) le développement du début jusqu'à la version"finale" de l'application.

Avant de continuer les développements, j'ai jugé bon de présenter un outil indispensable, et intégré dans Rails : l'utilitaire de test.

Dans notre application, on est allé jusqu'à la génération du scaffold, pour une table : la table 'artists'.

Cet article va montrer comment on peut tester unitairement les opérations CRUD sur le modèle.

Si vous allez au niveau supérieur de l'application (cd mediatheque), vous remarquerez qu'il y a un répertoire nommé 'test'.
Un simple ls du répertoire renvoie les dossiers suivants :
fixtures functional mocks test_helper.rb unit

Donc toute l'infrastructure pour accueillir nos tests est déjà présente; c'est la commande 'rails' qui a généré le répertoire 'test' et tous ses enfants. Donc a chaque fois que vous lancez la commande 'generate' pour créer un modème ou un controleur, Rails crée un fichier de test correspondant.

Par convention, Rails appelle tous les test relatifs au modèle des tests unitaires, et tous les tests relatifs au controleur des tests fonctionnels.

> ls test/unit
artist_test.rb

>ls test/functional
artists_controller_test.rb

Tous les fichiers sont déjà présents : Rails nous laisse ainsi nous focaliser sur l'écriture de bons scenarii de tests.

Testons le modèle

Rappelez vous, en première partie on a Rails nous a créé 3 databases : une de développement, une de test et une de production. L'utilitaire de test travaille directement sur la base de test; sauf que pour l'instant il n'existe aucun objet dans notre base.

On va commencer par créer notre base de test, puis charger notre schéma.
> mysqladmin -u root -p create mediatheque_test

Rails fournit un outil pour cloner directement la base développement vers la base de test.
> rake clone_structure_to_test

Donc maintenant nous avons notre base et notre structure, mais pas encore de données. On pourrait entrer les données à la main, à partir d'un fichier .sql : le problème en faisant cela et que nous devrons recharger notre base avant chaque test.

Rails a la réponse avec les "test fixtures".
Le terme "test fixtures" signifie pour Rails une simple spécification du contenu initial pour le modèle. Si nous voulons être sur que la table des artistes contienne les bonnes données à chaque test unitaire, nous devons seulement spécifié ce contenu dans un "fixture" (garniture de test..traduction vue sur RailsFrance.org)...Rails s'occupe ensuite du reste.

Ouvrir le fichier du nom du modèle avec l'extension .yml, situé dans le répertoire test/fixtures :
iggy_pop_artist:
id: 1
name: Iggy Pop
origin: Etats Unis

morrissey_artist:
id: 2
name: Morrissey
origin: Royaume Uni

Le nom de la fixture n'a guère d'importance. Suivant ce nom, nous retrouvons un couple clef/valeur représentant le nom de la colonne et la valeur correspondante.

Rails lance la fixture au demarrage du test: ouvrir le fichier test/unit/artist_test.rb

require File.dirname(__FILE__) + '/../test_helper'

class ArtistTest < Test::Unit::TestCase

fixtures :artists

# Replace this with your real tests.

def setup

@artist = Artist.find(1)

end

def test_truth

assert true

end

end
Avant de lancer ce test, écrivons un test case. Renommons test_truth() en test_create() . Ensuite, dans test_create() nous vérifions que @artist matche les données des "fixtures":

def test_create
assert_kind_of Artist, @artist
assert_equal 1, @artist.id
assert_equal "Iggy Pop", @artist.name
assert_equal "Etats Unis", @artist.origin

end

Lancer le test grace à la commande :
ruby test/unit/artist_test.rb

Loaded suite artist_test
Started
.
Finished in 0.099296 seconds.

1 tests, 4 assertions, 0 failures, 0 errors

Ecrivons desormais un test d'update :

def test_update
assert_equal "Iggy Pop", @artist.name
@artist.name = "The Stooges"
assert @artist.save, @artist.errors.full_messages.join("; ")
@artist.reload
assert_equal "The Stooges", @artist.name
end

La methode test_update() vérifie d'abord que le nom de l'artiste représenté par @artist matche la fixture de artists.yml. Puis on change le nom, on sauve , on recharge et on reteste.

On relance le test :

> ruby test/unit/artist_test.rb
Loaded suite artist_test
Started
..
Finished in 0.09837 seconds.
2 tests, 7 assertions, 0 failures, 0 errors

Enfin pour terminer, on écrit un test qui va nous permettre de détruire la ligne de la table correspondant au modèle 'artist'. En testant un find sur notre enregistrement va provoquer une exception RecordNotFound lqncée pqr Active Record:

def test_destroy
@artist.destroy
assert_raise(ActiveRecord::RecordNotFound) { Artist.find(@artist.id) }
end

On exécute la commande :

> ruby test/unit/artist_test.rb
Loaded suite artist_test
Started
...
Finished in 0.09568 seconds.

3 tests, 8 assertions, 0 failures, 0 errors

Conclusion :
Dans cet article on a testé l'utilitaire de tests de Rails.
On a vu qu'on pouvait cloner la structure de notre base de développement vers notre base de test a moindre effort.
On a vu les "test fixtures"
On a fait des tests unitaires sur le modèle.

Dans un prochain article nous verrons comment tester la business logic ainsi que les controleurs.

Ruby On Rails..mes premiers pas

2006-04-23T05:27:00.000-07:00

C'est avec une certaine effervescence que je me suis lancé cette fin de semaine sur Ruby On Rails .
Ce petit article va decrire l'installation de Ruby sur Mac, et ma première application en Rails.

Installation

Plusieurs moyens.
Si vous etes sur Mac OS Tiger (10.4) vous n'avez pas besoin d'installer Ruby : la version 1.8.2 vient avec l'os. Si vous etes en version antérieure de Mac OS X, alors vous pouvez le downloader ici, compiler et installer.

Ensuite installer RubyGems. Aller a http://rubygems.rubyforge.org et suivez le lien 'download'.
Une fois l'archive downloadée, ouvrir une fenêtre de Terminal, aller dans le répertoire ou l'archive a été downloadée puis :

tar xvf rubygems-0.x.y.tar.gz
cd rubygems-0.x.y
sudo ruby setup.rb

Installer Rails en utilisant RubyGems. Toujours dans la fenêtre de Terminal :
sudo gem install rails --include-dependencies

Et voila!

Sur Mac, il existe aussi le package Locomotive, qui inclue grails, rubygem, le serveur LightTPD :
Downloader ici

J'avais installé Locomotive avant, et j'ai réappliqué les steps précédents (pour RubyGem et Rails)

Enfin, sur Mac OS X il ya des petits soucis avec Ruby pour Rails, et il faut passer un fix.

Pour cela, suivez l'article de Lucas Carlson posté sur son blog.

Maintenant vous etes pret pour commencer...

Introduction à Rails

La première chose a connaitre de Rails est son architecture MVC (model/view/controller).

Le modèle
La partie 'model' d'une application Rails est liée fortement à la base de données au dessous.
En fait, cela permet à une application Rails de faire des opérations en direct sur des données stockées dans la SGBD.

Un composant central de Rails est la classe ActiveRecord, qui permet de mapper des tables vers des objets Ruby, et donc les données manipulées depuis le controleur et affichées dans les vues.

Vous pouvez ajouter du code supplémentaire à une classe héritant de ActiveRecord de manière à ajouter des controles de validation, des relations entre les tables ou de nouvelles actions.

Le controleur

Les scripts Ruby présents dans le répertoire app/controllers/ chargent les données du modèle dans des variables, les manipulent et les sauvegardent pour une utilisation par la vue.

La vue

Rails contient un vrai système de templates pour les fichiers .rhtml, qui combine HTML et code Ruby. L'apparence des pages dans les applications Rails est en général controlée par des feuilles de style CSS. un simple fichier HTML peut être un template RHTML valide pour une application Rails.

La génération de code

Les outils que Rails fournit sont principalement des générateurs de code. Rails ne fait pas tout pour vous, mais épargne au programmeur une bonne partie de programmation manuelle, et facilite la vie pour les parties qui nécessitent du codage en fournissant en première partie la possibilité de construire l'échaffaudage (scaffold)

Le concept d'échaffaudage (scaffold) est un point central dans Rails. Pour de très simples applications, Rails permet de générer les pages dynamiques HTML sans aucune ligne de code ajoutée par le programmeur. En première passe, le scaffold est généré; ensuite on peut ajouter des controleurs ou des classes model spécifiques, faire de la customization.

Enfin, Rails impose une organisation des fichiers assez rigide : il est fortement déconseillé de jouer et de détourner cette organisation.

Créer une simple application

Cet article est le premier d'une série qui permettra de suivre pratiquement au jour le jour la construction d'une application Médiathèque.
Cette application sera divisée en une partie administration, pour charger les listes des artistes, albums musicaux, pistes musicales, films ou jeux.
Une deuxième partie concerne la consultation de la médiathèque par les utilisateurs.

Dans ce premier article nous irons jusqu'à la génération du scaffold, véritable point de départ de la construction de l'application , en suivant pas à pas les points suivants :

Génération de l'application (génération de code et des différents fichiers de l'application).
Création de la base mySQL et d'une table.
faire marcher Rails (et configurer l'accès à la base).
Créer un peu de contenu (génération du scaffold, modèle et controleur, et indiquer à l'application d'utiliser le scaffold)

Création de l'application

La première chose à faire est de simplement lancer rails pour générer les répertoires de l'application et le starter code:

> rails mediatheque

create
create  app/apis
create  app/controllers
create  app/helpers
create  app/models
create  app/views/layouts
create  config/environments
create  components
[...]
create  public/images
create  public/javascripts
create  public/stylesheets
create  script
[...]
create  README
create  script/generate
create  script/server
[...]

Nous irons dans les répertoires et fichiers un peu plus tard.
Démarrons notre server web et testons.
Se positionner dans le répertoire mediatheque et lancer la commande :
> ~/mesDevs/RailsProjects/mediatheque lbois$ script/server=> Booting WEBrick...
=> Rails application started on http://0.0.0.0:3000
=> Ctrl-C to shutdown server; call with --help for options
[2006-04-29 17:08:42] INFO WEBrick 1.3.1
[2006-04-29 17:08:42] INFO ruby 1.8.2 (2004-12-25) [powerpc-darwin8.0]
[2006-04-29 17:08:42] INFO WEBrick::HTTPServer#start: pid=1394 port=3000

Par défaut c'est le serveur purement écrit en Ruby, WebRick qui démarre.
Aller a l'URL http://localhost:3000/

Vous devriez avoir une page de bienvenue sur Rails comme suit :

Maintenant que la structure des répertoires est créée nous pouvons commencer à travailler sur notre application.

On va commencer a configurer la base de données.
> cd ./mediatheque/config
> vi database.yml

Vous verrez que 3 environnements distincts sont préparés : development, test et production.
Nous allons configurer l'environnement de développement pour mySQL:
development:


adapter: mysql
database: mediatheque_development
username: root
password:
socket: /tmp/mysql.sock

Créer la base de donnée:
> sqladmin -u root -p create mediatheque_development

Créer le schéma :

Maintenant que notre base est créée, nous n'avons pas encore de tables. On va commencer par créer une table artists pour stocker les chanteurs et les groupes de nos albums musicaux. Au lieu d'utiliser un fichier DDL ou un outil d'administration de base de données, nous allons utiliser l'outil de migration de Rails. En faisant ainsi, on est complètement indépendant de la base de données (pratique si notre serveur de production n'est pas le meme que celui de développement)
Créer tout d'abord la migration avec l'outil de génération de migration de Rails :

script/generate migration artists

La commande crée un fichier db/migrate/001_artists.rb qui définit une migration vide. Mettre à jour la classe de la façon suivante , pour ajouter le nom et l'origine:


class Artists < ActiveRecord::Migration

 def self.up

       create_table :artists do |table|

       table.column :id, :integer

       table.column :name, :string

       table.column :origin, :string

       end

 end



 def self.down

       drop_table :artists

 end

end

Maintenant appliquons la migration.

Utilisons Rake (l'equivalent Ruby de make), en tapant simplement la commande:

> rake migrate

Notre base mediatheque_development contient desormais la table artists ('rake migrate' est également un moyen rapide de tester la connectivité avec la base).

Scaffold

Maintenant qu'on a la base et le schéma de prêts, on doit commencer à créer de nouveaux artistes.
La méthode la plus rapide de remonter de la base vers l'interface Web est d'utiliser le scaffold (échaffaudage).
Le Scaffold est le starter pour la création de l'application MVC, qui supporte CRUD (create/read/update/delete).
Contrairement à la plupart des outils de génération qui ne sont pas destinés à permettre une modification manuelle ,
le scaffold de Rails est fait pour que le développeur mette ses doigts ensuite dans le code généré. Le scaffold est
le point de départ pour créer ensuite graduellement l'application.

On génère le scaffold en tapant la commande suivante:
> rails generate scaffold artist artists

Le premier paramètre de la commande (artist) correspond au modèle. Le fichier généré est situé dans mediatheque/app/models/artist.rb . Le second paramètre (artists) correspond au controleur : le fichier fénéré est situé dans mediatheque/app/controllers/artists_controller.rb . Le générateur de scaffold génère également les fichiers template et les vues de notre application.

Démarrer le serveur :
> script/server

Ouvrir le navigateur a l'adresse : http://localhost:3000/artists

Comme vous le voyez, le design de la page n'est d'aucune prétention, mais c'est fonctionnel et ca nous donne un bon point de départ pour charger des données.Sans aucune configuration le modèle, les vues et le controleur sont la et nous donnent une application quick and dirty prête a l'emploi.

Navigation dans le code généré:
Comment ca marche. Ce qu'il faut savoir est que Rails est basé sur des conventions pour éviter toute configuration. Suivez le lien 'Show' et vous verrez l'URL :

http://localhost:3000/artists/show/1

La première partie de l'URL (artists) correpond au controleur chargé de traiter les requêtes entrantes. La seconde partie, show, correspond à l'action du controleur (methode dans la classe controleur). Enfin, 1 correspond à l'id (primary key en base) de l'artiste à afficher.

En utilisant ces parties de chemin d'url (appelée route), Rails va invoquer la méthode show de ArtistsController. Le code de ce controleur est situé dans app/controller/artists_controller.rb

class ArtistsController < ApplicationController ...
def show @artist = Artist.find(params[:id])
end
end

La méthode show récupère l'id fourni par params[:id] pour retrouver et renseigner l'objet modèle Artist, contenant les valeurs de la ligne de la table artists correspondant à l'id en entrée. L'objet de retour Artist est référencé par la variable d'instance @artist . La classe modèle Artist est située dans app/models/artist.rb

class Artist < ActiveRecord::Base
end

A première vue cette classe parait vide, mais elle hérite en fait de la mécanique existant dans ActiveRecord::Base. Rails utilise la réflection et les conventions de nommage pour mapper de façon transparente les tables dans les objets modèle. Le modèle Artist encapsule tout l'accès à la base de données. Une instance de la classe Artist repésente une ligne en table, une colonne de table est représentée par un attribut de classe.

Une fois le modèle renseigné, et assigné à la variable d'instant @artist, l'action show procède au rendu html en appelant le template situé dans app/views/artists/show.rhtml . Le rendu de ce template est encore une fois implicite : si la redirection n'est pas faite vers un template nommé, alors Rails prend le template portant le même nom que l'action.

<% for column in Artist.content_columns %>

<%= column.human_name %>: <%=h @artist.send(column.name) %>

<% end %> <%= link_to 'Edit', :action => 'edit', :id => @artist %> | <%= link_to 'Back', :action => 'list' %>

Le template est un mélange de HTML et de code Ruby. Une expression entre <%= et %> est évaluée (code Ruby). et le résultat est remplacé pour cette expression. A noter, le template show a accès à la variable d'instance @artist , positionnée dans le controleur. Le template show affiche simplement les valeurs de chaque attribut de l'objet @artist. Les hyperliens Edit et List sont créés grace à la fonction link_to . Le résultat est le suivant :

Conclusion

Cet article a montré le point de démarrage de la construction d'une application : de la creéation de la base et du schéma, en passant par la configuration de la base, jusqu'à la génération et du scaffold.

D'autres articles sont à suivre : ils montreront de façon incrémentale le développement de mon application mediatheque.

A suivre....

Renouveau

2006-04-18T12:34:00.000-07:00

Après quelques semaines de silence, je me suis aperçu que mon blog chez Free n'était plus opérationnel. Après avoir compris qu'ils m'avaient supprimé toutes les tables de mon blog, je me suis tourné vers un service spécialisé , a savoir Blogger.

Surveillez ce blog dans les prochaines semaines, car je vais reprendre les publications d'articles.

First news

2006-04-18T10:13:00.000-07:00

This is a first news for testing purposes