Maxime THOMAS

Google Chrome

Thu, 04 Sep 2008 15:31:43 GMT

Never heard about it and now Google launches a new browser !

So, what's new in this browser ? Some good things, actually :

the omnibox : it's the merge of the search box and the address box in one box where you can type what you want to search or where you want to go. All the things you will type will be parsed and sent to Google Suggestions and the possible answers are suggested under the box.

a task manager : it allows you to manage the different processes launched by your browser and easily kill it if you got some troubles with one of it.

a javascript tool : to debug javascript. This the first browser to implement the JavaScript V8 engine which is faster and ready to support Web 2.0 application as Flicker or Facebook.

a source editor : with line numbers, coloration on search and position of the items found in the scroll bar.

Some humour on errors ?!?

Not a real revolution but a commercial product based on the Chrome Engine of the Mozilla platform and WebKit, the engine of Safari which exploits all your data and sell it to third partners.

Even if Google tries to impose is new product, the reaction of experts are very interesting concerning the security and the data stored and sent (fr) or the real performance of this new browser.

In my opinion, I'm not sure that a new interface is required for Firefox and that you really need to increase the chances of being bothered by companies which would like to sell you something ? However, if you install this browser, make sure to understand that all the content may be exploited freely by Google without any restrictions....

Firefox 3 - eZDebug extension

Mon, 18 Aug 2008 12:44:46 GMT

And I finally finished it, the new version is better, smaller, faster, stronger ?

Here are some screenshot of what it can do.

Some informations :

Click on the link to install the extension
To use it, you can click on the small icon on the bottom right corner, make CTRL+SHIFT+E combination or open the related sidebar in Firefox. Then just press Scan when you are on a page with debug inside.
Due to the differences between Firefox 2 and 3, it won't be updated fore Firefox 2. (And also because I'm lazy).
If there's no debug on the page, nothing happens.
If you got some trouble, you can mail me or just leave a message here.

You can download it on the official extension page on addons.mozilla.org. Please for this extension and leave a comment so it can be supported by the Mozilla Foundation.

Or you can download it here.

To install it, just click on it, Firefox will install it.

Ciao 3.x

Mon, 11 Aug 2008 15:37:25 GMT

It's done. We loved it, they stop it. Bye bye eZPublish 3.x series...

Yes, a bit sad but how good for developpers ! There were some features that eZSystems improved in the 3.x and which made this great software a more evolutive and scalable software for everyone. Here are the features I remember the most :

3.6

LDAP handler : connect eZPublish on a LDAP directory and to automatically create users in the eZ subtree.
Reverse features : get the objects which are relating the current object.
Remove subtree : useful to delete entire subtree.

3.7

Siteaccess settings in the extensions : you can put siteaccess settings in the extension. It allows you to design reusable extensions, overriding standards.
Developpement Mode : in dev mode it's not necessary to clear cache at each time...

3.8

Internationalisation : it is possible to translate any content in any language without having a content reference translated in a given language.
Clustering : you can put several instance of eZ on several hosts to share the load.
Group approval for workflows.
Serialization for all datatypes.
eZInfo() function for extensions.

3.9

Auto upload for files in Online Editor.
Diff.

And now ?

Some upcoming goodies for us ! Version 3.10.1 and 4.0.1 will be updated and 4.1 is announced for Q3. It seems that eZ gets behind...

No ?

eZDebug for Firefox3

Thu, 03 Jul 2008 05:40:12 GMT

After a fruitful conversation with Nicolas Pastorino, he said me that he was waiting the new version of eZDebug. I was focusing on other extension so I completely forgot that. So, I've started the development of the version 1.0 fore Firefox3, in six monthes dev tools have evolved (happily for me) and it will be easier to test and develop. I will make the following arrangements :

It won't be in a new window but in the sidebar or in a new tab (like the magic CTRL+MAJ+C).
It won't be necessary to hack the kernel --> So it can be used for any eZ instance.
It will be possible to filter by category or by typing something.
A clear "debug button" will allow to hide the debug in the internet page.

If you got some remarks or suggestions on this, just leave a comment.

The Norvegian Chronicles

Sat, 28 Jun 2008 15:54:30 GMT

My badge at the eZConference

Few weeks ago, I participipated to the eZConference & Open Nordic 2008 in Skien in Norway. There's some things you must now about Norway :

It's difficult to get there, even by plane, or car or camel...
It's absurdly expensive (150€ to do 40km in cab)
There's no night
Most of Norvegian is speaking english, hopefully !
They eat caviar for breakfast
Salmon is absurdly cheap

By the way, as you can imagine, Norway is a big country with few persons in it. So there's a lot of space and they are very concerned by the quality of their life : cities are clean and services are perfect.

Open Nordic 2008

The conference stood in the Skien Ibsenhuset, a very large conference hall, where both conferences, eZConference and Open Nordic, happened.

The main subject on eZ were :

Multiple file upload in 4.1 : it has been made in complement of the webdav feature which does not work on all platforms (Did I say Windows ???).
OE 5 : integrating Tiny MCE, this WYSIWG editor rocks ! After having worked with HTMLArea, FCKEditor and the former OE, it seems to be the more powerfull and intuitive work ever done. At least, it is a very visible work.
Support for OpenOffice.org and Microsoft Office document import and export in eZ via a nested toolbar in the editor : you can open content directly on an eZ instance via a Java connector and modify it as you want. When you save it, it will send the data to the eZ instance and update your website. Very powerfull and I guess very similar to the Sharepoint feature.
Site factory and CSS Editor : two features which are made to ease the deployment and configuration of eZ websites. The first is a console tool allowing to deploy in one command an entire site with a specified configuration (it uses REST). The second one is a kind of webmaster gadget in full java which will allow people to modify their design in few clicks : you activate a design mode on your frontend and then you can select each element of the page and then change some defined css values, like background-color or what you want.
ezComponents integration : eZGuys are close to completely lighten the kernel libs by integrating the eZComponents. The most important change will happen when the integration of the ezcTemplate will be effective. It's a big step for the eZCommunity because we will have to deal with a strict template engine (at last !).
And some new components like Document and Search.

By the way, it was a great time, sharing our knowledge and drinking beers at the at the pub...

Nicolas Pastorino from eZSystems

Bård Farstad and Damien Pobel

Oslo

And then I travelled a bit to reach Oslo... Country, sea and half-light :

Countryside

Seaside

Opera

At night

Conclusion

It was a great trip, lot of emotions, lot of exchanges between people from different countries, and one pledge : next year I will be there, Monseigneur.

:-D

D-2

Tue, 17 Jun 2008 06:45:48 GMT

Exciting ! Only two days before eZConf and the eZAwards !

So a year is gone since last time I trampled the Norvegian floor and I'm ready to go there again. Why ? Simply for the best :

The bigger CMS conference in the world
The eZAward after party
Salmon
Grenland

As a nominee, I would like to wish a good luck to everybody.

However, I've got bad news for everyone, it won't be a pleasure like last year. It seems that we will have bad weather suring the conf but it will be better just after.

And now, a little trick in order to make accept eZFlow by women.

See you in Skien !

Little survey : Who's coming ?

Tue, 20 May 2008 06:23:17 GMT

Hey buddy,

Are you coming to the eZ Conference this year ?

If yes please leave me a comment !

jQuery Challenge - Part 2

Tue, 13 May 2008 08:23:58 GMT

It seems that the first version of the jQuery Who's Who library is finished. I present here what I've done and some feedbacks on the use of jQuery.

jQuery Who's Who 0.1

jquery_whoswho.zip 71.04 kB

How it works

It is very simple to use. You just have to include the javascript files (jquery and jquery.whoswho) and the stylesheet files (a CSS file I provided for the example). Then you must configure it :

IMAGE_ID : this the id of the image you would like to tag.
JSON_URL : URL which will provide content to the list. The format of this file must be :

{
 10:{"first_name" : "Kylie","last_name" : "Minogue"},
 20:{"first_name" : "Robbie","last_name" : "Williams"},
 30:{"first_name" : "Mickael","last_name" : "Jackson"},
 40:{"first_name" : "Madonna","last_name" : ""},
 50:{"first_name" : "Christina","last_name" : "Aguilera"},
...
}

SQUARE_BOUNDARY : size of the square. By default, I set it to 100px.

I have tested it a lot but some bugs may remain. Just tell me.

Structure of the package

This is how I have organized the package :

data : some data for the tests
lib : where the libs are placed : jQuery 1.2.3 and jQuery Dump Plugin (for debug and dev purpose only)
packed : the packed versions of the jQuery Who's Who library and the CSS file.
source : the source. :-D
LICENSE : the license : GPL 3.0.
pack.bat / pack.sh : a little script to easily pack the files (reduces the files size to 50%). It requires the YUI Compressor (BSD).
README : the readme file, describes how to install this plugin.
test.html / test.packed.html : a test file to demonstrate the use of the jQuery Who's Who library.

Best practices

And a little feedback of my jQuery's use.

It's very easy to use it and to bind functions to events, however, this tutorial recomands to bind a function to an event only when it is required.

It may occur that the DOM you would like to access doesn't exist at the moment you are running it. It means that if your code is appending HTML after a DOM node on a button click, you would like to access and manipulate this new fresh inserted code. It is not possible unless you call the bind function at the perfect moment.

$(document).ready( function(){


$("#button").click(function(){


$("#test").append('');

});


});

In this exemple, when we click on the button element (could be a real HTML input button, or not), jQuery inserts some HTML (a new div in this case) at the end of the inner HTML of the test element. So you have a new div which wasn't there before.

Then you can bind some event on this new element by adding code just after the append function has been called. The issue is that at each click, you will bind the event. Then after two clicks, the HTML code will be appended two times rather than one time as expected. The solution is to separate the functions adding content to the DOM and the functions that bind it. The way to do it is to concretely create a function outside the click bind and put our new bind inside it. Then, at the end of the click bind function, we just call the function we have created.

The other point is the way to develop and to debug your own application :

the visibility of the function and the variables is reduced to the anonymous function declared in the $(document).ready() call. So it's a bit difficult to access it from outside and to know what is the value of the variable. I've found the provided plugin on the net, it is very useful and allow to easily debug your application.

the use of FireBug allows to quickly test the javascript, line by line. Moreover, you can test a piece of script in the console command line and inspect it in the DOM Inspector.

Command line
DOM Inspector

Next Step

And finally, the next step is to integrate this library in eZPublish, I thought about some interesting features like a generic db connector to extract data from db and output JSON. By the way, it will use eZComponents...

jQuery Challenge - Part1

Fri, 02 May 2008 21:27:24 GMT

During a mission, I discovered jQuery : a javascript library providing facilities and strong functionnalities to static web pages.

jQuery

The use of this library is very simple. It has been made to use the developper's life and specially the maintenance of functionnalities. The javascript entered is shorter and more simple. It has few concepts so it is very quick to learn.

There is only one entry point in jQuery : the $ function. It allows you to access some standard functions to select nodes in the DOM, to manipulate them or to handle events.

The selectors are very useful because you can select almost every item in the DOM using id, css class or javascript variable name. Then, if there is more than one occurence, the function will result an array. Moreover, you can use XPath expression as filters, to reduce the number of object returned.

The strength of jQuery is the chainability of the functions. It allows to increase readability and maintenance of a javascript. You can also combine jQuery with classical JavaScript scripts.

The Challenge

To test this library, I've decided to develop an eZPublish extension integrating the jQuery library.

As a user case, I've chosen the Facebook tagging functionnality : you choose a picture, you tag your friends, you save it, hovering the head of a friend, the name is shown...

I have first worked offline to design the javascript. Here's a snapshot of what I have done : image gallery

Conclusion : it's very easy to come to grips with jQuery and a bit hard to debug. So I've searched and found a plugin to debug my script. See below.

Other interresting libraries...

I also heard about the ExtJS library which is a professional javascript library providing user interface components to build professional applications. jQuery is also experimenting this way by launching jQuery UI. It will be at the end equivalent I guess, but you will be able to still use the jQuery library as an independant library.

Ressources

Here's some ressource :

jQuery : http://www.jquery.com

Visual jQuery : http://www.visualjquery.com/1.1.2.html

Dump Plugin for jQuery : http://www.netgrow.com.au/files/javascript_dump.cfm

Javascript benchmark : http://flesler.blogspot.com/2008/04/benchmarking-javascript-variables-and.html

Snack Culture, 99frs and co...

Wed, 23 Apr 2008 09:15:29 GMT

Snack Culture

Last week, I went to the eZSystem's Partner Day which was organized at Apple France headquarters. Vincent Bellissen's first slide was about Snack Culture, a new consumption habit based on bite-sized products. Minimal invest and maximum entertainment. You want to change, you can and it is easy.

A typical example is the success of the iTunes music library : once registered in the iStore, you can buy music files in just few clicks. The Amazon website allows too to buy books or dvds in two clicks maximum (one to login and one to buy).

So the consumption habit has evolved in the way that you can enjoy little part of a product instead of the full product. If we check the ratio part of product / price, we can see that the producer gets always great benefits. It's not new, you may buy a big pot of mayonnaise for 10€ or a tiny one for 3€ but you won't get the third of the big pot. What has changed is the way we can buy it, the product's availability and the way we can use it. You can check your mails while waiting a friend in a bar, watch a movie clip in the tube or even surf the net during a fly.

However, it's a bit threatening. I was thinking that in ten years, children won't read books anymore...

99 Francs

Still digesting this inner revolution, I watched the day after a French movie called “99 Francs”. The story is about a creative publicist who is working in the larger advertisement company in France and who has some issues with girls, drugs, his boss and the whole meaning of his life... I guess it is a good movie and it makes me wonder some things.

Our consumption habits are also enclosed in our today life. We are more receptive to advertisement using some classical symbols and values than original scripts and out of sequence art design. So, if we change the way to consume products by adding mobility and specific parts of products, may be we can break free from this chasm of consumption, classical one.

Moreover, I thought that it might be a catalyst for new shape of art and techniques. With smart phones, we will be able to add high enhanced applications as interactive games, shared software and other funny stuff (video chat or whatever).

Co ?

So, this is what we do. Causing people to buy our products or our services. We are creating desire around functionalities and freedom for a more or less convinced set of people.

The limit is what we can do to be pertinent : what functionality can I imagine that will be sold in the real life ? The business is restricting the scope of our ability and by this way only focusing on what is really important : users need.

That's why changing our consumption habit may change the way we are doing things. We may experiment some new techniques as the impact on bite-sized consumption is very thin.

eZCrop

Sun, 13 Apr 2008 10:53:40 GMT

Still trying to find ways to improve eZPublish, I've thought about a simple process to resize pictures without having to download the picture, to resize in whatever image software and then, upload it again in eZPublish.

My aim is resizing and not scaling. It means that we are losing some information by cropping the picture that we are not losing by resizing. I'm just specifying this point because it's not a extension of the image.ini / image_class mechanism, but a new functionality which allow the user to cut himself a square in his picture. I guess a picture of the result is more obvious :

You can download it as usually on ez.no.

It uses a JavaScript library coded by David Spurr and the Scriptaculous library.

Red5 documentation addon

Sun, 13 Apr 2008 10:52:24 GMT

eZ Systems has included in their last release of eZ Publish a client for the Red5 video streaming server.

The documentation is a bit short and you don't necessary have all the elements to complete a full installation. After two hours of hanging about, I succeeded. :-D

Apache configuration

About the Apache configuration, you must add the following lines :

"

Listen 100
NameVirtualHost *:100
Options FollowSymLinks
AllowOverride None
Allow From All
DocumentRoot path\to\Red5\webapps
ServerName localhost

"

The first two lines are declaring to Apache the use of port 100 and that some virtual host will listen to it.

The second part is the virtual host as well, what I've added is the "Allow From All" directive that forbidd everyone to access the video. We can tune that.

Content configuration

The Red5 flash client is set up with the content published. In the eZ Flow site package, you have a content named "Live Recorder" which will support the recoder and which can be configured by editing its content. We have three attributes:

Name : the name of the content : whatever.
Stream Server : it is the URL to the Red5 server. The protocole used is RTMP (watch out the spelling) and you must finish it by a slash :

"

rtmp://localhost:1935/test/

"

File Server : it is the URL of the Apache file server which deserves the saved files. It's not streams/streams like in the screenshot.

"

http://localhost:100/test/streams/

"

And then you plug your webcam and you can start to make some funny films... live !

Conclusion

This feature is very powerful and stunning, however, I didn't find how we can put a live stream online and how we can list all the video we have taken.

Red5 Wiki

About a class heritage system

Sun, 13 Apr 2008 10:50:29 GMT

Main concept

A year ago, I was working on a project where we were confronted to a certain problematic. We had a lot of classes which really looked like each other and had the same schema of class. So, when we had to modify a class because an attribute was missing or not in the right datatype, we have been obliged to modify all classes and it's very very long when you've got a lot of content types. We were thinking at a solution : creating a class wich willl be a parent class for all the other classes. For exemple, your customer is selling furniture products via the webshop and here is a detail of how this solution could be applied :

You create a class Furniture Product with those very generic attributes : Name, Description and so on.
Actually, you have three types of furniture products, Table, Cupboard, Settee. In the normal way, you will have to create three different classes with common generic attributes and specific attributes. There, you will just create a class with the specific attributes, and choose via a list of classes from wich one you would like to inherit.
After that, when you are editing and publishing content, the content schema is based on the merge of the parent class attributes and the specific class attributes.

Implementation

To realize that, here's what I was thinking about :

Modify the SQL schema of the ezcontentclass table to add a integer attribute called parentclass_id.
Modify the kernel/classes/ezcontentclass.php file to add parentclass_id to the definition of the object.
Modify the kernel/classes/ezcontentclass_attribute.php file to process all the attributes, main class and parent class attributes, when we use a function.
Modify the design/admin/templates/class/edit.tpl file to add the list of classes who can be parent.
Modify the kernel/class/edit.php file to save the information.

Firefox Extension to ease debugging

Sun, 13 Apr 2008 10:49:10 GMT

Here's the first release of eZDebug.

The functionnalities of this extension are to browse dynamically the debug of eZ publish. When you are developping you can have a lot of issues in one template and loose time seeking where is the problem. Of course, you will look at the debug but if there's a lot information, you won't be able to find it quickly.
So you can do it clicking on the right corner of Firefox or doing a CTRL + SHIFT + Q.

Another interesting functionnality is that you can flush the page, cleaning the debug. You just have to click on the clean checkbox and then the Go button.

You can also filter on the type of debug message you are seeking.
The next step it to do the same for the attribute(show) operator. It already works for a attribute(show,1), but I except some problems to create several levels in the tree.

Download available here :

http://ez.no/developer/contribs/3rd_party/firefox_ez_debug_extension

Differences between Java's framework and eZ publish tools library and specific kernel functions

Sun, 13 Apr 2008 10:47:26 GMT

Here's a little comparison between a specific project designed in Java with some common framework and the same project realized with eZ publish.

Persistent layer

The persistent layer allows developper to use an abstract logical layer in their software to avoid manipulating specific instructions to get data from the data source. For example, you would like to access some data in a DB2 database. The first idea is to use APIs of your favorite language to access data through a SQL query, which means that if you decide to change your data source (another database or any storage system), you will have to change the access functions to your data. So, you can put a logical layer between your data source and your work oriented objects. By the way, you will avoid manipulating directly instructions to get your data (like SQL queries, file parsing, or whatever) and then only use objects instead of raw arrays of data.

The most common persistent layer for J2EE is Hibernate. The use of this one is really simple, you only have to set up a configuration file hibernate.cfg.xml and to indicate the mapping you would like to have between your data source and your objects. Then you have to create the classes you will use to access your data. All your relations will be managed by Hibernate. It's a bit restrictive because for complex applications because you will have a lot of classes to write. Fortunately, there's some software you can use to generate all directly.
In eZ publish, there's also a persistent layer which is divided in two parts. The first part is concerning the data connector eZ publish uses to get and store data from the data source : it's very similar to a JDBC connector. You have to specify some configuration in the site.ini.append.php for your site access like the DatabasImplementation (the connector) you would like to use. It allows you to access an object in your php file.

"

include_once("lib/ezdb/classes/ezdb.php");
$db =& eZDB::instance();

"

Then, you can run some queries like :

"

$db->query("SELECT * FROM ezcontentobject");

"

To access the data you would like to get back.

But it's only relying on connectors and not on persistent layer. So, we can extend that using the eZPersistentObject class wich allows you to use several methods to access the objects stored in the database not only as array of data but as a complete object. You can find some examples on the way to design this here.

The MVC concept

The MVC (Model, View, Controler) concept is a design concept used to design any kind of software. The main goal of this concept is to separate the data and all the process you have done to get it and to display it. For HTML pages, it's easy to understand. For example, have a look this HTML page :

"

This is as message stored in the database

"

The information content wich is important is the text nested in the paragraph and the path to the image. In an old school way to design website, we would have put the HTML page directly on the web server, but as we use dynamic technology such as J2EE or PHP or .NET, this page will be generated at the end of a very simple process for the most of the time. So, if you try to reach a page throught you browser typing an URL, if there is a dynamic server on the other side, your call will be transformed in a call to a certain method in a certain class somewhere on the server in order to generate HTML. And there is two points about that.

The first is, because to the use of a persistent layer, you won't put hard-coded data in your classes. And this matters in the two ways of sending data : from the server to the browser (Controler) and from the browser to the server (Model). In the Model, you will do the whole tests before saving, updating or removing your data.

The second is an extension of the first point, you will put all the data you would like to put in your classes in another object, and then in a data storage. For example, if you have some constants or messages not linked to the content but to the process you are running, you will keep them in some place and not necessary in the same than your content. You can also customize your code like adding some settings administrators can modify to change the behaviour of your application.

There is a direct impact in using this concept : your code is cleaner so you can modify it more quickly. The second point is very usefull too, because by this way you are adding some scalibility to the application and you improve it easily and quickly.

The other point on using an MVC framework is to separate the way you are displaying your information and the way you are controling it. Controling means running some tests on your data to decide wich view to display to the user.

For J2EE application, we use the Struts framework wich is the most advanced MVC framework developped in Java.

For eZ publish, a kind of MVC is defined through the use of modules and functions concepts but you can't use it for another application, its' nested in the eZ publish kernel. However, you can use it to design your own processes by creating some extensions for eZ publish.

And over all ?

And finally, I was wondering if another design concept / framework can be used in these kind of application.

In the Model layer of your MVC, you can divide this step in several steps.

It's common to use a DAO layer, static class, which will use the persistent layer to save / update your data or just store the queries. Then you can use a Services layer to separate the operations done on the data regardless to the way we are storing it.

For example, if I would like to save a User in my application, I will create a class for the User Object (with the attributes of the user and getter / setter methods), a static class for the Data Access Object (to store a user, modify it and search a specific one), and then a User Services static class to put my model processes and rules (if the user does not exist, I will create it).

We can go further and create a class to link your forms to an object and so reach directly all the data submited by the user in an object.

In eZ publish, the DAO Layer and the model class are merged due to the eZPersistentObject class. We don't have Services classes but for some kind of datatype, for example ezimage, we can have some classes to handle the data (ezimagealiashandler).

In J2EE application, the data entered by the user are stored in "Beans" object to ease the verification and process of the form.

Conclusion

Technologies are close due to the use of the same design concepts but the way it has been developped is a bit different and not with the same complexity or strictness.

By the way, designing a project in J2EE or in PHP would be conceptually the same but is easier with eZ publish due to the bundle functionnalities. Never the less, it's not fully exportable to another project which is demanding fewer functionnalities. This why eZ Systems is supporting the eZ Components project.

The other point which is very important is the integration with the application server which serves all this. Is there an asset to use a webapp server like TomCat to nest an application through servlets ? Or is it better to give full freedom with appliction "I'm running everywhere" with servers using PHP ? May we think to a PHP application server ?

Wascou.org 2.0

Sun, 30 Mar 2008 13:37:40 GMT

It has taken a long time but I finally updated this website in eZ 4.0.

I also has made some changes :

The design has changed
Now, I'm not alone, I share this palce with Xavier Gouley.
Less functionnalities, for the moment.
I improved the RSS feed (which was not working well on the former version (3.8.6))

In the future, I plan to add :

blogs of other persons
comment functionnality
vote functionnality
chat functionnality