© 2010 DH KHTN. 1

Nghiên Cứu Xây DựngHệ Thống Giao Diện Người

DùngTheo Hướng Tiếp Cận Mô

HìnhHọc viên Cao Học: Bùi Tấn LộcCán bộ hướng dẫn: TS. Trần Hạnh Nhi

© 2010 DH KHTN. 2

Sự phụ thuộc của ứng dụng vào platform

•Loại SDK•Phiên bản SDK

•API cộng thêm của nhà sản xuất thiết bị

•…

SDK•Loại OS•Phiên bản OS

•…OS

•Kích thước màn hình

•Có/không có cảm ứng

•Bàn phím•…

Hardware

© 2010 DH KHTN. 3

Nhu cầu của người phát triển ứng dụng

Skype trên AndroidSkype trên J2ME

Skype trên Windows Mobile

Vấn đề

Sự phụ thuộc của ứng dụng vào platform

Giảm chi phí cho việcphát triển cùng một ứng

dụngtrên những platform

khác nhau

© 2010 DH KHTN. 4

Nhánh nghiên cứu MUID

• MUID – Multiple User Interface Development [2]

STT Các nghiên cứu Năm công bố

Còn nghiên cứu

Ghi chú

1 CAMELEONE Reference Framework [13], [18]

2001 Dựa trên hướng tiếp cận MBUID [13] và MDD [5].Kết quả chưa hoàn chỉnh.

2 TERESA XML [1] 2005

3 UsiXML [4] 2005

4 MANTRA [16] 2006 (Chưa tìm được thông tin sau 2007)

5 ….

Ứng dụng

Mã nguồn 1 Platform 1

… …

Mã nguồn n Platform n

• Cùng ứng dụng

• Nhiều mã nguồn

• Nhiều platform

© 2010 DH KHTN. 5

Liệu có thể áp dụng các công trình nghiên cứu hiện tại về

MUID để phát triển ứng dụng form trên platform di động?

Nội dung và mục tiêu nghiên cứu

Trả lời câu hỏi nghiên cứu

Xây dựng DGUIMSE

Form

MDD,MBUID

.NET CF,Android

Câu hỏi nghiên

cứu

2.Giới hạn nghiên

cứu

1.Nội dung tìm hiểu, nghiên

cứu

3.Mục tiêu nghiên

cứu

• DGUIMSE – Dynamically Generating User Interface for Mobile System Environment

© 2010 DH KHTN. 6

Các nghiên cứu hiện tại về MUID theo hướng tiếp cập MDD và MBUIDSTT Nghiên cứu Bài toán giao

diện

Ngôn ngữ phát sinh Công cụ Ghi chú

1 Tổng quát N/A N/A N/A Còn nghiên cứu

2 CAMELEON

Reference

Framework

Web, Form Còn nghiên cứu Chưa công bố Các mô hình chưa đủ.

Còn nghiên cứu

3 TERESA

XML

Web XHTML,

VoiceXML, X+V,

SVG, Xlet

Đã công bố Còn nghiên cứu

4 UsiXML Form, Web HTML, Java, C++ Công bố một

phần

Các mô hình chưa đủ.

Còn nghiên cứu

5 MANTRA Form, Web ASP.NET, C#,

VB.NET

Chưa công bố Các mô hình chưa đủ.

Không tìm thấy thông tin

sau 2007

Liệu có thể áp dụng các công trình nghiên cứu hiện tại về

MUID để phát triển ứng dụng form trên platform di động?

Câu hỏi nghiên

cứu

Các công trình nghiên cứu hiện tại chưa giải quyết trọn vẹn bài toán

phát triển ứng dụng form trên platform di động

© 2010 DH KHTN. 7

Đề xuất phương pháp luận DGUIMS

Transformation model

MANTRA

AAUI, CUI metamodel

Transformation

metamodel

Áp dụng kiến trúc MDA

Áp dụng MDA View Point

Luật chuyển đổi m2m, m2t

Quy trình DGUIMS

Các metamodel

Kiến trúc MDA trong DGUIMS

MDA View Point trong DGUIMS

Phân loại mô hình

Môi trư

ờn

g p

hát triể

n D

GU

IMSE

AAUI, CUI model

© 2010 DH KHTN. 8

Các chức năng trong DGUIMSE

© 2010 DH KHTN. 9

Xây dựng DGUIMSE

© 2010 DH KHTN.

5.Case study

• Xét ví dụ giao diện của ứng dụng tìm kiếm các chuyến xe đi từ thành phố này đến thành phố khác.

10

Tiêu chuẩn tìm kiếm

Nơi khởi hành

Địa điểm

Ngày, giờ

Nơi đến

Địa điểm

Ngày giờ

Vận chuyển

Loại xe

Loại di chuyển

Kết quả tìm

kiếm

© 2010 DH KHTN. 11

Mô hình hóa AAUI

© 2010 DH KHTN. 12

Mô hình hóa AAUI trên .NET CF

© 2010 DH KHTN. 13

Mô hình hóa AAUI trên Android

© 2010 DH KHTN. 14

Ánh xạ chuyển đổi thông qua transformation model

© 2010 DH KHTN. 15

Phát sinh source code trên .NET CF

© 2010 DH KHTN. 16

Phát sinh source code trên Android

© 2010 DH KHTN. 17

Cảm ơn quý Thầy/Cô đã quan tâm theo dõi!

© 2010 DH KHTN. 18

Kiến trúc công cụ DGUIMSE

adaptedaui

cf35cui

android7cui

adaptedaui2cf35cui

adaptedaui2android7cui

AUI model

CUI model

CUI model

Transformation model

Transformation model