< Précédent | Suivant >

Leçon 1 : Planifier l'application de prêt hypothécaire

Concevez votre application sur papier avant de commencer le codage.
Lorsque vous planifiez une application, effectuez les opérations suivantes :
  • Répertoriez vos objectifs, comme cela a été fait plus tôt dans ce tutoriel.
  • Faites une esquisse de l'interface.
  • Identifiez la structure de l'application.

Esquisse de l'interface

Utilisez cette esquisse comme guide lorsque vous créez les composants de l'interface :
L'esquisse présente trois sections sur la gauche de l'écran pour le calculateur, le graphique à secteurs, et l'historique. Sur la droite, une section contient une carte routière.

Identification de la structure de l'application

Lorsque vous écrivez une application Rich UI complexe, vous écrivez du code dans plusieurs gestionnaires Rich UI, chacun correspondant à une page Web ou à une section d'une page Web. Comme indiqué précédemment, les gestionnaires peuvent accéder à des services. Vous pouvez développer certains de ces services à l'aide d'un composant Service EGL.

Lorsque c'est possible, utilisez des ressources préexistantes. Dans l'un des exemples, l'application Rich UI accède à un service hébergé par Yahoo! pour extraire la liste des société de prêt hypothécaire pour un code postal donné. Dans un deuxième exemple, vous allez utiliser les projets EGL suivants fournis avec le produit :
com.ibm.egl.rui.dojo.samples
Fournit notamment les types de code suivants :
  • Des widgets qui divisent l'interface en sections, pour plus de flexibilité pendant le développement
  • Une logique qui crée des boîtes de dialogue vous permettant d'avertir l'utilisateur qui saisit des données non valides
  • Des widgets de carte Google
com.ibm.egl.rui.dojo.widgets
Contient les types de widget suivants pour ce tutoriel :
  • DojoButton
  • DojoComboBox
  • DojoCurrencyTextBox
  • DojoPieChart
  • DojoTextField
  • PieChartData

Tous ces types de widget sont basés sur Dojo, comme beaucoup d'autres widgets dont vous disposez. Pour des informations détaillées sur cette technologie, voir Dojo toolkit (http://dojotoolkit.org).

com.ibm.egl.rui
Contient l'InfoBus EGL, qui permet la communication entre les gestionnaires Rich UI qui contribuent à l'interface. Le projet contient également les types de widget suivant pour ce tutoriel :
  • Box
  • DataGrid
  • GridLayout
  • HyperLink
  • Image
  • TextField
  • TextLabel
Vous allez développer la logique suivante :
MortgageCalculationService
Un service dédié qui calcule les mensualités
MortgageLib
Une bibliothèque qui fournit du code à plusieurs gestionnaires
MainHandler
Un gestionnaire qui déclare d'autres gestionnaires, chacun d'entre eux contrôlant une section de la page Web ou effectuant d'autres tâches en arrière-plan
MortgageCalculatorHandler
Un gestionnaire qui calcule les mensualités
CalculationHistoryHandler
Un gestionnaire qui affiche une liste interactive de calculs de mensualité précédents
CalculationResultsHandler
Un gestionnaire qui affiche un diagramme à secteurs représentant les intérêts et le capital
MapLocatorHandler
Un gestionnaire qui affiche l'emplacement des sociétés de prêt hypothécaire

Récapitulatif de la leçon

Dans cette leçon, vous avez effectué les tâches suivantes :
  • Dessiner l'interface de l'application interface
  • Identifier la structure de l'application

Dans la leçon suivante, vous allez importer le projet d'exemples Dojo et créer deux projets EGL pour y placer votre code.

< Précédent | Suivant >

Retour d'informations