1
Anarchy / Use ExtJS? Read this post
« on: June 18, 2009, 09:33:36 PM »
Well, as promised, I am re-posting to get opinions on my project (I will do my best to be short and to the point). For a short and simple answer, it blends the concept of a web OS with Mozilla Firefox's concept of using XUL for layout. The result is a XML file that is compiled by PHP to produce a JavaScript/XHTML interface. It uses ExtJS 2.2 as the front-end layout framework.
So, if you were to take a simple XML file like the following:
then the system would compile that into the proper JavaScript (this is human readable, the output is compressed):
If you work with ExtJS at all, you've seen something similar to the above 100's of times. It's nothing special. Except that it was generated from an XML file.
The following are snapshots of the interface as generated by the system:
The first is the default view, the second is after clicking on the 'Register' accordion bar.
Now, mind you, this is only a simple example. The overall system (which deals with it's own CLI and application delivery) is a lot more complex. I even went so far as to have the web OS back-end communicate with the front-end in 256 bit AES encrypted AJAX for security issues.
So, tell me, what do you think of this project? Would you find it useful in application development?
So, if you were to take a simple XML file like the following:
Code: [Select]
<window id="login-win" title="Access Restricted" width="310" height="186" layout="accordion" layoutConfig="animate:true">
<panel id="login-panel" title="User Login">
<form id="login-form" title="Credentials">
<textbox id="login-uname" label="Username"/>
<password id="login-pass" label="Password"/>
<submit text="Login"/>
</form>
</panel>
<panel id="login-register" title="Register">
Nothing, you can't register!
</panel>
</window>
then the system would compile that into the proper JavaScript (this is human readable, the output is compressed):
Code: [Select]
new Ext.Window({
constrainHeader:true,
maximizable:true,
minimizable:true,
border:false,
collapsible:true,
title:'Access Restricted',
layout:'accordion',
layoutConfig:{animate:true},
height:186,
width:310,
id:'login-win',
title:'User Login',
id:'login-panel',
items:[
{
xtype:'panel',
items:[
{
xtype:'form',
frame:true,
title:'Credentials',
id:'login-form',
items:[
{
xtype:'textfield',
fieldLabel:'Username',
id:'login-uname',
},{
xtype:'textfield',
fieldLabel:'Password',
inputType:'password',
id:'login-pass',
},{
xtype:'button',
text:'Login',
type:'submit',
}
]
}
]
},{
xtype:'panel',
html:'Nothing, you can\'t register!',
title:'Register',
id:'login-register'
}
]
});
If you work with ExtJS at all, you've seen something similar to the above 100's of times. It's nothing special. Except that it was generated from an XML file.
The following are snapshots of the interface as generated by the system:
The first is the default view, the second is after clicking on the 'Register' accordion bar.
Now, mind you, this is only a simple example. The overall system (which deals with it's own CLI and application delivery) is a lot more complex. I even went so far as to have the web OS back-end communicate with the front-end in 256 bit AES encrypted AJAX for security issues.
So, tell me, what do you think of this project? Would you find it useful in application development?