< 上一個課程 | 下一個課程 >

第 1 課:計劃抵押應用程式

在開始編碼之前,請先在紙張上設計應用程式。
計劃應用程式時,請如下所示執行動作:
  • 列出目標,如本指導教學先前所列出的目標。
  • 繪製介面草圖。
  • 識別應用程式結構。

繪製介面草圖

使用此草圖作為建立介面元件時的手冊:
此草圖在畫面左側顯示 3 個區段:計算機、圓餅圖和歷程。在畫面右側,是包含路線圖的區段。

識別應用程式結構

撰寫複式「多元使用者介面」應用程式時,應將程式碼撰寫為數個「多元使用者介面」處理程式,其中每一個處理程式都對應於一個網頁或網頁的一個區段。如先前的附註所述,這些處理程式可以存取服務,其中部分服務可能是您透過使用「EGL 服務」組件進行開發的。

儘量使用既有資源。 針對第一個範例,「多元使用者介面」應用程式將存取由 Yahoo! 管理的服務,以擷取指定郵遞區號內的抵押貸方清單。針對第二個範例,您將使用隨附於產品的下列 EGL 專案:
com.ibm.egl.rui.dojo.samples
提供了下列類型的程式碼及更多內容:
  • 可將介面劃分為多個區段的小組件,用於提高開發時的彈性
  • 用於建立對話框的邏輯,您可以透過這些對話框來通知那些提供了無效資料的使用者
  • Google 地圖小組件
com.ibm.egl.rui.dojo.widgets
為本指導教學提供了下列小組件類型:
  • DojoButton
  • DojoComboBox
  • DojoCurrencyTextBox
  • DojoPieChart
  • DojoTextField
  • PieChartData

與您可以使用的許多其他小組件一樣,所有這些小組件類型都基於 Dojo。如需該技術的相關背景詳細資料,請參閱 Dojo 工具箱 (http://dojotoolkit.org)

com.ibm.egl.rui
提供 EGL Infobus,EGL Infobus 可提供「多元使用者介面」處理程式(用於構成介面)之間的通訊。該專案還為本指導教學提供了下列小組件類型:
  • Box
  • DataGrid
  • GridLayout
  • HyperLink
  • Image
  • TextField
  • TextLabel
您將開發下列邏輯:
MortgageCalculationService
用於計算每月付款金額的專用服務
MortgageLib
用於向數個處理程式提供程式碼的程式庫
MainHandler
用於宣告其他處理程式的處理程式,其中每一個處理程式都控制網頁的一個區段,或在背景執行其他工作
MortgageCalculatorHandler
用於計算每月付款金額的處理程式
CalculationHistoryHandler
用於顯示先前付款金額計算的互動式清單的處理程式
CalculationResultsHandler
用於顯示利息付款金額和本金的圓餅圖的處理程式
MapLocatorHandler
用於顯示抵押貸方位置的處理程式

課程檢查點

在本課程中,您完成了下列作業:
  • 繪製應用程式介面草圖
  • 識別應用程式結構

在下一節課程中,您將匯入 Dojo 範例專案並建立兩個 EGL 專案,以存放程式碼。

< 上一個課程 | 下一個課程 >

意見