Just In Time
WaveMaker Visual Ajax Studio is an easy-to-use visual builder that enables the drag & drop assembly of scalable, web-applications using Ajax widgets, web services and databases.
Key Features:
Hello there 
,
I think the best way to Do a CVS ( Concurrent versions system ) are using a CMS(Blog) on your local web server, like ” WordPress ” by creating categories (your projects) and writing articles every update ( what did you do on this update ?) and joining a zipped file of your updated project , doing this you got a lovely version control system
1- you can find it easily ( tag , date , categories (project name))
2- clients , colleagues or project manager can comment your update
…
L’API Ext 2.0 est très vaste , se souvenir de toutes les fonctions, propriétés ou des configurations disponibles est pratiquement impossible. La documentation de l’API est très poussé, mais il serait bien que si Des IDEs permettrait d’assister a fournir du code en javascript comme ils le font dans d’autres langages tels que Java et C #. Heureusement, il existe des IDE et plugins disponibles avec aussi un soutien direct de Ext 2.0 .
Voici quelques-uns :
SpketDW (Dreamweaver MX 2004 or higher)
 Free form text field for entering search terms. Results displayed integrated or on a results page. |
 Songza Displays the search results integrated on the same page |
 Clipfire Displays search results on a separate page |
02. Simple Search/ Results with Refine & Sort Options
 Free form text field for entering search terms. Once displayed, the result list can be refined/narrowed. |
 Roost Search results can be dynamically refined by adjusting the filters on the left. |
 LLBean Search results can be narrowed by drilling into one of the offered categories. |
03. Simple Search/ Grouped Results
 Free form text field for entering search terms. Results are displayed, already grouped. |
 Flickr Displays the search results in groups, across tabs: Photos, Groups, People… |
 Spotlight on the Mac Displays search results in groups by Kind: Document, Image, Folder… |
04. Pre-Filtered Search / Results
 Free form text field for entering search terms, with category selector available for pre filtering the results. |
 Ask Provides categories as tabs above the search field. Options to search within: Web, Images, City News. |
 Amazon Provides categories as a select box next to the search field. Options to search within: Accessories, Books, Electronics… |
05. Criteria Based Search/ Results
 Multiple criteria must be entered to perform the search. Results usually displayed in a sort-able grid. |
 Travelocity Requires multiple criteria to perform search. Results are displayed in a matrix for easy comparison, and in a grid that can be sorted. |
 Realtor Requires at least one selection to perform search. Results can be sorted at a column level. |
06. Simple Search w/ Advanced Search Alternative (Criteria Based Search)
 A simple search is available by default, and the advanced search allows multiple criteria to be specified. |
 Google Simple free form search is the default. Criteria based search is available on the ‘Advanced’ search screen. |
 eBay Pre-filtered search is the default. Criteria based search, and a list of saved searches is available on the ‘Advanced’ search screen. |
07. Saved Searches
 Users can explicitly chose to ‘Save a search’ that they can run again later, or request notification of matching results when they are added. Note: the search criteria is saved, not the result set. ‘Recent Searches’ may also be cataloged and displayed. |
 Roost Offers an option to ‘Save this Search’. Saved searches are displayed on the right side, and can be selected (run) or removed. |
 Indeed Automatically saves and displays all recent searches on the left. Also offers an option to be updated by e-mail when something new matches the search constraints. A separate page provides management of for the ‘saved searches’. |
The Show Paradigm: Display everything up front, and let the user explore and organize it
This paradigm has existed in desktop applications since the first GUI. It may also contain a search feature, but the primary focus of the interface is to allow for optimal viewing and organization of the full set of data. Here are 3 common patterns.
01. View Based Lists
 Data containers (views) are displayed on the left, their contents listed on the right. Custom views can be created and are shown beneath the default views. |
 Outlook Default views (Inbox, Drafts, Sent, Trash) are available on the left. The highest level views contains all the data, and cannot be removed. Custom views can be added to mange the data views. |
  iPhoto Very similar. Actions (buttons in the toolbar) are available for individual or multiple records. Selecting a record discloses more available actions. A pre-filtered search feature is available to quickly find an item. Any refined data set or search result set can be saved as a new view and will show up on the left. ‘Searches’ themselves are not saved. |
02. View Based Lists with Facetted Browse
 Views are available on the left, the right pane offers a way to browse the data in a view, and refine the display. Custom views can be created, and will be accessible on the left. |
 Songbird Media Player Default views (Music, Movies, TV Shows…) are available on the left. Within a view, the 3 panel browser is available to explore data from multiple facets: Year, Genre, Artist, Album… |
  iTunes ery similar. Single or multiple items can be selected and acted upon via action buttons or right-click menu options. A pre-filtered search feature is available to quickly find an item. Any refined data set or search result set can be saved as a new view and will show up on the left. ‘Searches’ themselves are not saved. |
03. View Based Lists with Master/Detail
 Views are available on the left, the right pane provides a master/detail list of the view’s contents. Any item in the master list can also be opened in a new window. |
 Mac Mail Default views (Inbox, Drafts, Sent…) are available on the left. Items are listed in the top pane, the selected record’s details displayed below. Items can be acted on individually or en masse. Custom views can be added. |
 WebTop- Laszlo Mail Very similar. When a new view is created, the list of items is saved, but not the grid display preferences (sort order, showing columns are not persisted). |
When To Use:
The Seek paradigm should be used when the user is looking through data they don’t ‘own’ and are looking:
The user may want to save the search criteria they have entered so they don’t have to re-enter it again in the future. Saved searches can be presented in a variety of ways, typically displayed on the right side of the screen or on a separate page.
The Show paradigm should be used to present data the user (or user’s institution) ‘owns’. Data examples include:
The user will typically want to categorize the items into views-which can be accessed later to show items that have certain similar attributes. Default views are presented at the top. Actions may be applied to one or more items in a view, often to provide a more efficient mechanism for bulk transactions (delete, rate, e-mail, label, add to playlist, upload, mark as flagged, update). Items may also be opened individually, typically in a new window.
Débutons cette série d’articles sur les technologies riches par celle que je connais le mieux : Adobe Flex.
Adobe Flex
Historique
Lancé par Macromedia en mars 2004, Flex a ensuite été porté jusqu’à la version 1.5 avant le rachat de Macromedia par Adobe (en décembre 2005). Sentant le fort potentiel de cette technologie, Adobe a poursuivi le développement et en juin 2006 est sortie la version 2.0 de Flex, version enfin mature et présentant de très nombreuses nouveautés ainsi qu’un nouveau langage : l’Action Script 3. De nombreux bugs ont été conrrigés dans la version 2.0.1 sorti en janvier 2007, et déjà Flex 3 est annoncé pour l’année 2007 !
Présentation
Qu’est-ce qu’Adobe Flex ? C’est un ensemble d’outils formant un framework de développement d’applications en Flash. Précision : tout ce qui est fait avec Flex peut être fait avec Flash mais… en dix fois moins de temps. Au moins. Et c’est certainement là la première valeur ajoutée de Flex.
Le principe
Flex est basé sur un langage XML de description : le MXML (pour Macromedia XML). Sur le mode design de Flex Builder (l’IDE d’Adobe pour le Flex), ce xml est construit automatiquement, mais une utilisation plus poussée nécessitera de toucher au code, notamment pour y inclure de l’action script. Le code est ensuite compilé et un fichier .swf est généré.
Les outils
Les exemples
Pour bien comprendre Adobe Flex, le mieux est de prendre des exemples :
Les points forts
Adobe Flex est une solution pour développer des applications riches. Elle comporte de nombreux points forts : le développement est très rapide grâce à son IDE et son système WYSIWYG de drag’n'drop des composants Flash que l’on retrouve pour toute interface (boutons, liens, combo box, etc.). De nouveaux composants sont ajoutés, comme les accordéons ou les sliders, qui permettent d’enrichir les possibilités. De plus, Flex est maintenant doté du langage Action Script 3, langage objet à mi-chemin entre le Java et le C#. Ses possibilités sont très nombreuses et permettent une extension complète de l’ensemble des composants pré-définis, permettant la création de composant avec une liberté totale, et donc d’une richesse. Les appels à des Web Services sont très simplifiés, ce qui est un avantage à l’époque du Web 2.0.
Il existe évidemment d’autres avantages comme la communauté autour du produit qui commence à prendre de l’ampleur. Pour plus d’informations, veuillez-vous référez aux liens ci-dessous.
Liens, pour en savoir plus
Récapitulatif
Flex est basé sur Flash et offre donc visuellement des composants beaux et riches. Les possibilités offertes par l’action script 3 sont énormes et font de cette technologie un véritable instrument puissant pour la création d’applications web, voire d’applications d’entreprises. Flex commence donc à faire de plus en plus parler de lui et l’arrivée d’Apollo offre à Flex un environnement pour s’exprimer pleinement.
Le framework ExtJS, est une librairie JavaScript destinée à la création d’interfaces utilisateur dont le résultat visuel est assez proche de celui d’Apollo. Ce framework présente l’avantage de ne reposer que sur des technologies standard W3C, donc nul besoin de runtime flash ou java. Cette librairie est sortie récemment en version 2 et semble très bien finie.
Un petit tour sur le site de l’éditeur vaut bien mieux qu’un long discours, je vous invite donc à aller y faire un tour :
Cette librairie est d’autant plus intéressante qu’elle propose une licence LGPL v3, ce qui facilite son inclusion dans de nombreux projets.
Je ne connais pas assez ce type de librairies, mais il se pose à mon avis le problème du référencement du contenu d’applications exploitant ce type de technologies, attention donc à l’utilisation que vous souhaitez en faire.
A mon avis cette librairiea un grand avenir, c’est à mon avis la meilleur librairie de RIA JavaScript à l’heure actuelle.
Parmis les autres librairies JavaScript incontournables du momenton notera également JQuery, Prototype ou bien encore Scriptaculous.
