The Tryton Web Client http://sharoonthomas.blogspot.com.br/2012/03/tr...

12th March 2012 The Tryton Web Client

The subject has been a topic of immense interest since 2008, and some even believe that Tryton would
have had a wider acceptance if it had a web client. And with a lot of sarcasm Stefan Rijnhart tweeted a few
days back:

[http://2.bp.blogspot.com/-3VrkgGrLTpc/T11SZYZAtII
/AAAAAAAAAGI/USv1hau6i44/s1600/Screen+Shot+2012-03-11+at+9.31.37+PM.png]

Thanks to the motivation by Stefan, I finally decided to dedicate my weekend to learning ExtJS
[http://www.sencha.com/products/extjs] (a wonderful JS framework I had wanted to play with since its version 2)
and to try and build a proof of concept for the Tryton web client. From my previous conversations with Cedric
and prior experiences a.k.a disasters with the OpenERP web client, I had set my goals for the project:

1. Should be similar to the GTK client in look, feel and functionality.

2. Must be a JS client side application and the server side should only be the JSON RPC service of
trytond.
3. It is a client for an ERP system, so should have the feel of a desktop application and not a social
network or a blog.
4. Should work on tablets too (a picture from the ipad is attached).

So here is the result:

1. The source code: https://github.com/openlabs/trytonweb
2. A hosted link: http://openlabs.co.in/~st/trytonweb
3. WSGI script to run your tryton: https://gist.github.com/2019037
So what does it include ?
The client behaves exactly like a desktop app, so you can connect to remote/local tryton.
Uses HTML5 localstorage to save the connection profiles
A custom data handling proxy to easily use Tryton models

var ir_ui_menu_proxy = new Ext.createByAlias('proxy.tmodel', {

modelName: "ir.ui.menu"

1 de 6 14-11-2014 22:48
The Tryton Web Client http://sharoonthomas.blogspot.com.br/2012/03/tr...

});

ir_ui_menu_proxy.doRequest(

'search_read',

[['parent', '=', false], 0, 1000, null, ['name', 'childs']],

// Callback

function(result) {

console.log(result);

});

What does the WSGI script do ?

The script is the same as the one in the proposal by Cedric in Issue 92001 [http://codereview.tryton.org/92001/]
except that it adds a Middleware to handle OPTIONS requests and CORS headers.

Some screenshots:

2 de 6 14-11-2014 22:48
The Tryton Web Client http://sharoonthomas.blogspot.com.br/2012/03/tr...

[http://1.bp.blogspot.com/-yNYnSHINbs8/T11bYZm6h4I/AAAAAAAAAGw
/RMTEXEJTXqk/s1600/IMG_0033.PNG]
On the ipad

[http://1.bp.blogspot.com/-8JatfwyPZ1w/T11Xq9IBXVI
/AAAAAAAAAGQ/hFqkhoFWbZA/s1600/Screen+Shot+2012-03-11+at+9.19.13+PM.png]
The login Screen

3 de 6 14-11-2014 22:48
The Tryton Web Client http://sharoonthomas.blogspot.com.br/2012/03/tr...

[http://1.bp.blogspot.com/-N2B7HRm8lHw/T11XrTmW_HI
/AAAAAAAAAGY/fxZNyZAtohM/s1600/Screen+Shot+2012-03-11+at+9.19.19+PM.png]
Profile editor

[http://4.bp.blogspot.com/-YQvRi1zVsek/T11Xr0RK4mI
/AAAAAAAAAGg/26i--X5SssI/s1600/Screen+Shot+2012-03-11+at+9.19.35+PM.png]
Test with a bad password

[http://1.bp.blogspot.com/-0-axoAUxFl0/T11XsfJ2WHI
/AAAAAAAAAGo/x0z_zT0smG8/s1600/Screen+Shot+2012-03-11+at+9.19.43+PM.png]
After a successful login

4 de 6 14-11-2014 22:48
The Tryton Web Client http://sharoonthomas.blogspot.com.br/2012/03/tr...

That is all for now.

Catch me on #tryton freenode IRC channel if you have questions.

Posted 12th March 2012 by Sharoon Thomas

Labels: tryton extjs

8 View comments

Anonymous 1:37 pm
Using extjs is great idea, it is a very good framework. Which version are you using?
if this is really getting to a usable state I will consider Tryton seriously.
Reply

Anonymous 1:14 pm
Great Job. how far with the project. I can't wait
Reply

Anonymous 7:09 am
I have checked the github , there is no update of code. How is the latest status of the development ?
Reply

Replies

Sharoon Thomas 2:53 am

This POC was dropped too in favor of jquery+bootstrap based design. The development is in
full speed and completely funded. The repository for the same is at http://hg.tryton.org
/sandbox/sao

Reply

Anonymous 10:23 pm
I heard that some german guys are up to building an ecommerce front end for Tryton using Nereid:

http://nereid.openlabs.co.in/

Maybe Nereid could also be used in a web client.

Reply

5 de 6 14-11-2014 22:48
The Tryton Web Client http://sharoonthomas.blogspot.com.br/2012/03/tr...

Unknown 9:55 pm
We went the same direction via ExtJS for our software webUI needs. We dropped ExtJS just recently
because of the lack of mobile/touch support in ExtjS (sencha touch is a different animal and we wait to
long for sencha to merge the libraries). Anyhow, we changed to bootstrap as well for the pure view, tried
to work with Jquery, Backbone and spine. Finally we are using AngularJS now for the Models and
AngularUI incl. bootstrap directives. The result is just in review but looks promising.
Reply

Anonymous 8:00 pm
It depends on tastes, it's true you can make nicer looking things with web technology, but gtk solves the
problem and fast!
Reply

Fabio Negrini 12:07 pm

Which Tryton version this web client supports? I'm advanced in OpenERP and Tryton, but newbie in any
kind of web development. Is there a step-by-step to install it? Can it be installed in apache server?
Reply

Comment as: Select profile...

Publish Preview

6 de 6 14-11-2014 22:48