< Anterior | Siguiente >

Lección 1: Planificar la aplicación de hipoteca

Diseñe su aplicación sobre el papel antes de empezar a codificar.
Cuando planifique una aplicación, realice lo siguiente:
  • Haga una lista de sus objetivos, tal como ha hecho antes esta guía de aprendizaje.
  • Haga un esbozo de la interfaz.
  • Identifique la estructura de la aplicación.

Realizar un esbozo de la interfaz

Utilice este esbozo como guía a la hora de crear los componentes de la interfaz:
El esbozo muestra tres secciones a la izquierda de la pantalla para la calculadora, el gráfico circular y el historial. En la parte derecha hay una sección que contiene una hoja de ruta.

Identificar la estructura de la aplicación

Cuando se escribe una aplicación de IU enriquecida compleja, se escribe código en varios manejadores de IU enriquecida, cada uno de los cuales se corresponde con una página web o con una sección de una página web. Como se ha indicado anteriormente, los manejadores pueden acceder a servicios, algunos de los cuales podría desarrollar utilizando un componente Service de EGL.

Siempre que sea posible, utilice los recursos preexistentes. Para un ejemplo, la aplicación de IU enriquecida accederá a un servicio alojado por Yahoo! para recuperar una lista de entidades de crédito hipotecario que están dentro de un determinado código postal. Para un segundo ejemplo, utilizará los siguientes proyectos EGL que se proporcionan con el producto:
com.ibm.egl.rui.dojo.samples
Proporciona los siguientes tipos de código y más:
  • Widgets que dividen la interfaz en secciones para proporcionar flexibilidad durante el desarrollo
  • Lógica que crea los recuadros de diálogo con los que notificará al usuario que proporciona datos no válidos
  • Widgets de Google Maps
com.ibm.egl.rui.dojo.widgets
Proporciona los siguientes tipos de widget para esta guía de aprendizaje:
  • DojoButton
  • DojoComboBox
  • DojoCurrencyTextBox
  • DojoPieChart
  • DojoTextField
  • PieChartData

Todos estos tipos de widgets se basan en Dojo, del mismo modo que muchos otros widgets que tiene a su disposición. Para obtener detalles de fondo sobre esta tecnología, consulte Toolkit Dojo (http://dojotoolkit.org).

com.ibm.egl.rui
Proporciona el Infobus de EGL, que permite la comunicación entre los manejadores de IU enriquecida que contribuyen a la interfaz. El proyecto también proporciona los siguientes tipos de widget para esta guía de aprendizaje:
  • Box
  • DataGrid
  • GridLayout
  • HyperLink
  • Image
  • TextField
  • TextLabel
Desarrollará la siguiente lógica:
MortgageCalculationService
Un servicio dedicado que calcula las cuotas mensuales
MortgageLib
Una biblioteca que proporciona código a varios manejadores
MainHandler
Un manejador que declara otros manejadores, cada uno de los cuales controla una sección de la página web o realiza otro trabajo en segundo plano
MortgageCalculatorHandler
Un manejador que calcula las cuotas mensuales
CalculationHistoryHandler
Un manejador que muestra una lista interactiva de cálculos de cuotas anteriores
CalculationResultsHandler
Un manejador que muestra un gráfico circular de pagos de intereses y principal.
MapLocatorHandler
Un manejador que muestra las ubicaciones de las entidades de crédito hipotecario

Punto de comprobación de lección

En esta lección, ha llevado a cabo las siguientes tareas:
  • Ha esbozado la interfaz de aplicación
  • Ha identificado la estructura de la aplicación

En la lección siguiente, importará el proyecto de ejemplos de Dojo y creará dos proyectos EGL para contener el código.

< Anterior | Siguiente >

Comentarios