Quels outils (Designer, IDE) pour Ext-Js ?

[M4v3rick]

Bonjour,

J'aimerai quelques informations concernant la conception de sites Web ayant des thèmes, styles, couleurs, polices identiques - histoire d'uniformiser deux ou trois sites propres à une société.

Aujourd'hui, je fais parti d'une équipe d'une 10aine de développeurs et nous avons tous des profils de développeur d'applications de type Client-Serveur (en Java surtout et quelques C/C++).

Attention: il s'agit plus que de simples sites Internet car nous devons également développer des applications riches (RIA: Rich Internet Application) faisant intervenir des grilles, des onglets, des formulaires, des Wizards, des menus contextuels avec des actions ainsi que des aborescences...

Contrainte: notre société ne veut pas utiliser des solutions faisant intervenir un plugin Flash.

Aujourd'hui; après 3 mois de recherche et d'essais; nous en arrivons aux conclusions suivantes:


1. Flex (MXML, ActionScript3, Flash) est la meilleure solution (MAIS, elle ne peut être suivie de par "la contrainte du plugin Flash").

2. AJAX est l'alternative actuelle pourvu que l'on trouve le moyen de le générer au-travers d'un framework Java comme GWT (Google Web Toolkit) ou Eclipse RAP (Rich Ajax Platform). Nous préférons actuellement la solution RAP étant donné notre expertise Java sous Eclipse et spécialement dans les technos RCP que nous maîtrisons.

3. Pour des sites Internet "+/- statiques"; nous devons également envisager la possibilité de réaliser ces sites en faisant du HTML, CSS, JavaScript 'à la main' plutôt que de coder du Java et de le transformer ensuite en équivalent AJAX par le biais d'une boîte noire...

Attention: dans ce cas-ci, nous choisissons Ext-Js comme API graphique JavaScript



C'est donc pour ce 3ième point que je demande vos avis, votre aide, vos suggestions...

Que faut-il utiliser pour réaliser des sites dynamiques AJAX avec l'API Ext-Js (Sencha Product)?

Aujourd'hui, nous avons:
Eclipse Helios (3.6)
+ les plugins pour Web Developers (Javascript)
+ le plugin Aptana Studio
+ le plugin Skept pour intéragir avec la librairie Ext-Js 3.x

Comme "Web Designer", nous avons:
Dreamweaver CS5 et
Ext-Designer (Sencha Product)


Qu'utilisez-vous comme Designer Graphique pour construire vos interfaces Web avec l'api graphique Ext-Js?

- Dreamweaver avec le plugin Skept permet de coder et d'avoir une assistance par rapport à la librairie Ext-Js mais ne permet pas de créer les interfaces Ext-Js avec l'éditeur graphique

- Ext-Designer permet de créer des interfaces Ext-Js à l'aide d'un éditeur graphique mais ne permet pas d'éditer le code...

Auriez-vous ou connaîtriez-vous un produit permettant de CODER et de DESSINER des interfaces Web utilisants des Widgets issus de la librairie graphique Ajax qu'est Ext-JS ?


Merci d'avance.

[abraxis]

Bonjour,

Pour ma part j'utilise ExtJS pour un projet pro et j'utilise Ext-Designer juste pour le "gros oeuvre" et ensuite je fais un export du projet pour avoir mes pages que je travail avec Notepad++ ensuite je lance une fois mon application dans mon navigateur puis je ne fais que actualiser.
Un TRES utile pour ExtJS est, firebug (pour Firefox) qui aide énormément.
Dreamweaver est un bon outil mais à mon avis bien trop lourd faire du ExtJS.
Il existe des plugins pour certains IDE mais aucun à ma connaissance permet de faire l'édition de code et le mode graphique pour ExtJS.

En espérant avoir répondu à ta question.

[Antjac]

Bonjour,

Je bosse également sur une très grosse appli interne avec EXT-JS depuis 2 ans maintenant (ERP), comme abraxis, j'utilise Ext Designer pour la partie design pur et après notepad++ pour le coding.

Ca fonctionne plutôt bien et pour avoir aussi une formation de développeur d'applications de type Client-Serveur classique, c'est pas trop déroutant.

[toph_sic]

J'arrive un peu après la bataille mais en plus de firebug, j'utilise une extension de firebug très pratique pour ExtJS, c'est illuminations : http://www.illuminations-for-developers.com/

Même si à l'instant, leur serveur est en rade

[abraxis]

Je me permet de rajouter aussi que l'on peu utiliser Eclipse (un peu lours pour faire du web, je suis d'accord)
Il existe un plug-in qui permet de nous faciliter la vie avec ExtJS.
Un petit coup d’œil à l'adresse suivante pour savoir comment l'installer et le configurer. http://tutoriel.lyondev.fr/pages/28-...e-travail.html
Autre chose à savoir, Firefox est beaucoup moins sensible à certaines petites erreurs comme par exemple: une "," en trop dans la déclaration d'un composant.

Code :

1
2
3
4
5
6
7
8
9
...
{
    xtype: 'panel',
    id: 'mon_id',
    title: 'mon_titre',
    border: false,
    html: 'un petit texte pour montrer mon exemple',
}
.....

Internet explorer lui, ne pardonne pas ce genre d'erreur.

[kenny.kev]

Merci pour cette infos depuis le temps que je cherchais ça.
Par contre je ne suis pas sur qu'il soit compatible avec extjs4.
Je vais faire des tests pour confirmer ça.

[abraxis]

Envoyé par kenny.kev

Par contre je ne suis pas sur qu'il soit compatible avec extjs4.

Ne faisant pas encore de ExtJS4, je ne sais pas du tout (il n'y a pas de raison ^^ )

Envoyé par toph_sic

J'arrive un peu après la bataille mais en plus de firebug, j'utilise une extension de firebug très pratique pour ExtJS, c'est illuminations : http://www.illuminations-for-developers.com/

Même si à l'instant, leur serveur est en rade

En effet pour l'avoir testé ce plug-in est très pratique, dommage qu'il soit payant :/