I Xom sach ]Ị Lua chon Dàl hiir.ri Ị Thanh loa nị |~Tjhện han g [chám soc khách hâng í j Htorĩ ĩhĩ RiK.h '
J Thanh toàn bảng thẻ tin dụng
thẻ tin dụng f Thanh toán hồng I chuyền khoán r Nhản hảng lai cù a hãng gàn nhát Lấy ỹ kiér khách hãng Q u ổ n g c á o s á c h L . 1 m ớ i [ t l
ỉ linh 1: Sơ dô phân rã chức năng cho hệ thống “Cửa hàng sách di độrm” cho người dùng di động
5. Giai doạn thiết ke module: thiết ke giao diện người dùng cho thiết bị di động í. ()ini cloạn inict Ke mocluie: IIIICI kc giao chẹn ngươi dung cho tniet DỊ cit aọne
Các chức năng cơ sở có dược sau quá trình phán tích dược cân nhắc chuyển thành các chức nãny hệ thống. Dựa trên các công nghệ và công cụ phát triển ứng dụng không dây, người phản tích quyẽl định những chức năng cơ sờ nào sẽ được thực hiện băng chương trình ứng dụng và sử dụng công cụ nào. Thường thì một hệ thống được phát triển sử dụng một công nghệ duy nhất, tuy nhiên việc kết hợp nhiều cône nghệ cìing có thê xảy ra, ví dụ người ta có thể két hự!j áp dụng SMS thêm vào hệ thông ứng dụng sử dụng WẠP. Việc chọn m ột công nghệ cụ thê hay kết hợp nhiêu công nghệ hoàn toàn mềm dệo và dựa trẽn sự thuận tiện hay ưu điểm mà công nghệ đó mang lại cho hệ thông ứng dụng. Trong hệ thông “Cửa hàn" sách di đ ộ n ” ” n êu bên trên, m ọ i ch ứ c năng c ơ sờ đêu có th ê c h u y ê n thàn h các chức năn g hệ thông sử dụn<’ WAP hay J2ME. Chức năng Quàng cáo sách mới có thể thực hiện bằng SMS đẽ có thẻ phô cập
đến nhiều người dùng. .
Mỗi chức năng hệ thống dược chuyển thành một module chính và được chuyên sang bước Ihicl kc moclule. Bài báo nay li ưa ra một phương pháp thiết kế module, phần giaọ diện người dùng, có ihc áp (lụn., cho các cô n " nchệ khác nhau. WẠP. .Í2ME, SMS ... và dựa trên sự cân nhấc về kích thước màn hĩnh cũ nu như hộ nhơ cùa thiết bị. Sơ đồ logic cùa phương pháp này được biểu diễn trong hình 2.
'iiu ứ c / n ao h ĩn h / Ị_____/ ỵ m àn hình c h ứ c ► n àn g tối gián — ► T h ự c hiện cắt trang ■l \ , , Kùtii-ủc' Bố tri c á c p h an I tù' m àn hình ( thi/ửo bộ [ \ nhớ /
Hình 2: Sơ đồ các bước thiết kế giao diện người dùng
Đê minh hoạ cho các bước thiết kế giao diện người dùng trong hình 2, các ví dụ được lấy ra từ hệ (hống “Cửa hàng sách di động”.
Dịnli nghĩa. Phân tử màn hình hay phân lử của giao diện người dùng là một phần tử cuim cnp
hn-ị n g ô n ngũ' h a y c õ n g n g h ệ c ó lá c d ụ n g g ia o t iê p v ớ i n g ư ờ i d ù n g đ ồ n h ậ n d ữ liệ u d o n g ư ờ i cIìiiil: c u n g
cãp hoặc dè hiên Ihị dữ liệu ra. Mồi ngôn ngữ hay công nghệ hỗ trợ những phần tử màn hình cụ thề. Vi dụ. với SMS, phần từ màn hình duy nhất là text. Với J2ME, các phần từ màn hình có thể là Canvas, l.isl. TcxlBox, Alcrt. Stringllem, Imagcllem, TextPield DalePield, Gauge, ChoiceGroup, Spaccr ... w A p có các phồn lú' màn hình như: chữ, liên kết (link), ảnh, các trường nhập (input), danh sách chọn (selecl). ảnh (img), bàng (lahle).
Xác định các màn.hình chức năng tối giản là bưóc đầu tiên cần thực hiện cho module chính. Màn hình chức năng tối giàn là màn hình phục vụ cho một chức năng không thể rút gọn của module và bao eồm các phần lử màn hình cần thiết không thể tách rời. Vi dụ, với module Hiển thị theo loại sách nói trên, màn hình chức nănu toi eiàn dầu tiên của mođule bao gồm các phần tử màn hinh cho phcp người dù nu chọn loại sách muốn hiển thị. Các loại sách có thể là Sách mới, Sách bán chạy, Sách khuyến mại. Sách sắp phá.l hành. Niỉoài ra còn có phần lừ màn hình truyền đạt ý muốn thực hiện việc hiên thị lữ
n g ư ờ i d ì i n t ! . t h ụ c h iệ n v i ệ c g ử i d ữ l i ệ u lê n m á y CỈ1ÍI đ ê x ử lý .
Rước thực hiện cắt trang là hước dược thực hiện tiếp theo khi số lượng các phần tử mãn hình lớn cần (lược bố tri Ironq nhiều màn hình. Ycu tố Kích thước màn hình ảnh hường đến quyết định cắt tran!:. Vói n io d u lc H iể n thị tlico loại sách, d o m à n hình đầu liên có số lư ợng phần tử m àn hình nhò nên c ó thê chuyên sang bước Bố trí các phần lử màn hình.
Bổ (rí các phần lử màn hình có lác dụng dặt các phân tử màn hình vào trang theo thứ lự thích họp. K ích th ư ớ c m à n hìn h và kích thước bộ n h ớ cỏ tác động đên cách các phân tử được hiên thị (rong trnnu. Trong ví dụ trên, các phần tử của màn hình đầu tiên cùa module Hiên thị theo loại sách dược hô Iri như tron tỉ hình 3.
! • ĩ
Seịect Options