HỆ THỐNG THIẾT KẾ GIAO DIỆN CHO ỨNG DỤNG RIA

TRƯỜNG ĐẠI HỌC KHOA HỌC TỰ NHIÊN
KHOA CÔNG NGHỆ THÔNG TIN

SINH VIÊN THỰC HIỆN
PHẠM CAO HOÀNG ĐẠT – 0712057
NGUYỄN TRANG HỒNG BẢO – 0712082

KHÓA LUẬN TỐT NGHIỆP CỬ NHÂN TIN HỌC

GIÁO VIÊN HƯỚNG DẪN
NGUYỄN ĐỨC HUY

KHÓA 2007-2011


NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN
………………………………………………………………………………
………………………………………………………………………………
………………………………………………………………………………
………………………………………………………………………………
………………………………………………………………………………
………………………………………………………………………………
………………………………………………………………………………
………………………………………………………………………………
………………………………………………………………………………
………………………………………………………………………………
………………………………………………………………………………
………………………………………………………………………………
………………………………………………………………………………
………………………………………………………………………………
TpHCM, ngày ….. tháng …… năm ……

Giáo viên hướng dẫn
[Ký tên và ghi rõ họ tên]

i


NHẬN XÉT CỦA GIÁO VIÊN PHẢN BIỆN
………………………………………………………………………………
………………………………………………………………………………
………………………………………………………………………………
………………………………………………………………………………
………………………………………………………………………………
………………………………………………………………………………
………………………………………………………………………………
………………………………………………………………………………
………………………………………………………………………………
………………………………………………………………………………
………………………………………………………………………………
………………………………………………………………………………
………………………………………………………………………………
………………………………………………………………………………
Khóa luận đáp ứng yêu cầu của Khóa luận cử nhân CNTT.
TpHCM, ngày ….. tháng …… năm ……
Giáo viên phản biện
[Ký tên và ghi rõ họ tên]

ii


Chúng em xin chân thành cảm ơn Khoa Công Nghệ Thông Tin, trường Đại Học

Khoa Học Tự Nhiên, Tp.

đã tạo điều kiện tốt cho chúng em thực hiện

đề tài tốt nghiệp này.
Chúng em xin chân thành cảm ơn Thầy Nguyễn Đức Huy là người đã tận tình
hướng dẫn, chỉ bảo chúng em trong suốt thời gian thực hiện đề tài.
Chúng em cũng xin gửi lời cảm ơn sâu sắc đến quý Thầy Cô trong Khoa đã tận tình
giảng dạy, trang bị cho chúng em những kiến thức quý báu trong những năm học
vừa qua.
Chúng em xin gửi lòng biết ơn sâu sắc đến ba, mẹ, các anh chị và bạn bè đã ủng hộ,
giúp đỡ và động viên chúng em trong những lúc khó khăn cũng như trong suốt thời
gian học tập và nghiên cứu.
Mặc dù chúng em đã cố gắng hoàn thành Luận văn trong phạm vi và khả năng cho
phép, nhưng chắc chắn sẽ không tránh khỏi những thiếu sót, kính mong sự cảm
thông và tận tình chỉ bảo của quý Thầy Cô và các bạn.

Nhóm thực hiện
–

iii


ĐỀ CƯƠNG CHI TIẾT
Tên Đề Tài:

Giáo viên hướng dẫn:

Nguyễn Đức Huy

Thời gian thực hiện: từ ngày 01/01/2011 đến ngày 28/06/2011

Sinh viên thực hiện:
Phạm Cao Hoàng Đạt(0712057) – Nguyễn Trang Hồng Bảo(0712082)
Loại đề tài: Tìm hiểu công nghệ và xây dựng ứng dụng

Nội Dung Đề Tài (mô tả chi tiết nội dung đề tài, yêu cầu, phương pháp thực hiện,
kết quả đạt được, …):
Đây là đề tài thuộc về hướng tìm hiểu công nghệ và phát triển ứng dụng. Đề tài bao
gồm các phần sau:
• Tìm hiểu các hệ thống Mashup (về giao diện) hiện có: iGoogle, Dapper,…
• Khảo sát, tìm hiểu các công cụ và kỹ thuật thiết kế giao diện ứng dụng Web:
Microsoft Expression Blend 4, Wix, Moonfruit, SWiSH Max 4, … hiện
có.
• Khảo sát, tìm hiểu các công cụ và kỹ thuật giúp chuyển đổi công nghệ:
SilverX, Sothink SWF Decompiler, … hiện có.
• Thông qua việc khảo sát hiện trạng của các phần mềm trên, đánh giá mức

iv


thuận lợi và bất lợi khi thiết kế giao diện Web.
o Nêu lên nhu cầu phát triển ứng dụng Website trên nhiều công nghệ.
o Nêu lên những ưu điểm hạn chế của các công cụ hỗ trợ thiết kế Web
trên nhiều công nghệ khác.
o Đề ra giải pháp giúp thực hiện việc chuyển tiếp giao diện từ công
nghệ này sang công nghệ khác.
Trên cơ sở phát triển hệ thống này, nhóm xây dựng Website cung cấp dịch vụ Web
cho phép thiết kế và chuyển đổi giao diện Web trên nhiều công nghệ: Silverlight
3, Silverlight 4, Windows Phone 7.

Kế Hoạch Thực Hiện:
 01/01/2011 → 01/02/2011: tìm hiểu Silverlight 3, Silverlight 4,
Windows Phone 7, Flash, Flex.
 02/02/2011 → 15/02/2011: khảo sát các công cụ hỗ trợ thực
hiện thiết kế giao diện Web trên nhiều công nghệ, đánh giá
mức thuận lợi và khó khăn.
 16/02/2011→ 01/03/2011: phân tích các yêu cầu, vấn đề, giải
pháp khi xây dựng ứng dụng.
 02/03/2011 → 09/03/2011: xây dựng giao diện cơ bản
Website, xây dựng hệ thống quản lý thông tin người dùng.
 10/03/2011 → 24/03/2011: tìm hiểu các công cụ hỗ trợ thiết kế
giao diện Web (tạo lập các Controls, hiển thị thông tin thuộc
tính các Controls, giao diện khi thiết kế giao diện Website).
 25/03/2011 → 07/04/2011: xây dựng giao diện thiết kế
Website, các Controls hỗ trợ thiết kế Web.
 08/04/2011 → 22/04/2011: thực hiện các chức năng thiết kế
giao diện, đọc và lưu quá trình thiết kế của người dùng.
 23/04/2011 → 13/05/2011: thực hiện việc chuyển từ thiết kế

v


của người dùng sang cấu trúc của các công nghệ mà ứng dụng
hỗ trợ.
 14/05/2011 → 07/06/2011: thực hiện việc lưu trữ, chuyển đổi
cấu trúc của các công nghệ mà ứng dụng hỗ trợ.
 08/06/2011 → 14/06/2011: kiểm tra, hoàn thiện, sửa chữa các
chức năng của ứng dụng.
 15/06/2011 → 21/06/2011: thực hiện triển khai thử ứng dụng
và kiểm tra lại các chức năng của Website.

 21/06/2011 → 28/06/2011: Hoàn thành toàn bộ chương trình
dựa trên qui trình và giải pháp đã xây dựng.
Xác nhận của GVHD

Ngày 28 tháng 06 năm 2011
SV Thực hiện



vi


MỤC LỤC

ĐỀ CƯƠNG CHI TIẾT .......................................................................................... iv
MỤC LỤC ............................................................................................................ vii
DANH MỤC CÁC HÌNH ...................................................................................... xi
DANH MỤC CÁC BẢNG ................................................................................... xiii
............................................................................... xiv
TÓM TẮT KHÓA LUẬN ..................................................................................... xv
Chương 1 Mở đầu.................................................................................................... 1
1.1.

Tổng quan về RIA và Silverlight ................................................................ 1

1.1.1.

Tổng quan về RIA ............................................................................... 1

1.1.2.

Đặc điểm của Silverlight ...................................................................... 3

1.2.

............................................................................... 4

1.3.

Mục tiêu của đề tài ..................................................................................... 5

1.4.

Nội dung của luận văn ................................................................................ 7

Chương 2 Khảo sát hiện trạng ................................................................................. 9
2.1.

Khảo sát các công cụ Mashup..................................................................... 9

2.1.1.

Khảo sát xu hướng Mashup hiện nay ................................................... 9

2.1.2.

iGoogle .............................................................................................. 11

2.1.3.

Dapper ............................................................................................... 13

2.2.

Khảo sát các công cụ RIA Web Designer ................................................. 15

2.2.1.

Microsoft Expression Blend ............................................................... 15

2.2.2.

Wix .................................................................................................... 17

2.2.3.

Moonfruit .......................................................................................... 20

vii


2.2.4.
2.3.

SWiSH Max ...................................................................................... 22

Khảo sát các công cụ giúp chuyển đổi giữa các công nghệ ....................... 24

2.3.1.

SilverX .............................................................................................. 24

2.3.2.

Sothink SWF Decompiler .................................................................. 25

2.4.

Bảng so sánh chức năng ........................................................................... 28

2.4.1.

Bảng so sánh chức năng các công cụ Mashup .................................... 28

2.4.2.

Bảng so sánh chức năng các công cụ RIA Web Designer ................... 28

2.4.3.

Bảng so sánh chức năng các công cụ chuyển đổi công nghệ............... 30

2.5.

Kết luận .................................................................................................... 31

Chương 3 Các vấn đề và giải pháp hỗ trợ thiết kế trực quan .................................. 33
3.1.

Giới thiệu chung ....................................................................................... 33

3.2.

.............................................. 33

3.2.1.

Hỗ trợ thiết kế model một cách trực quan .......................................... 33

3.2.2.

Xác định model được chọn trên giao diện thiết kế .............................. 35

3.2.3.

.............................................. 37

3.3.

...................... 37

3.3.1.

Xác định control được chọn trên giao diện thiết kế ............................ 37

3.3.2.

Hỗ trợ thiết kế kích thước control một cách trực quan ........................ 38

3.4.

Lấy, gán và hiển thị động danh sách các thuộc tính .................................. 41

3.4.1.

Lấy và gán giá trị các thuộc tính của control lúc runtime ................... 41

3.4.2.

Hiển thị động danh sách các thuộc tính ở dạng PropertyGrid ............. 43

3.5.

......................................................... 46

3.6.

...................................... 47

Chương 4 Các vấn đề và giải pháp hỗ trợ chuyển đổi công nghệ ........................... 49

viii


4.1.

Giới thiệu chung ....................................................................................... 49

4.2.

Làm sao để có thể chuyển đổi nhiều dạng file giao diện thành model ....... 49

4.3.

Tìm một cấu trúc phù hợp để mô tả lại một file giao diện bất kỳ .............. 50

4.4.

Load một tập tin giao diện vào hệ thống hỗ trợ thiết kế giao diện chung ... 51
.................................. 51

4.4.1.
4.4.2.

...................................... 52
4.5.

Hỗ trợ chuyển đổi từ Silverlight 3 qua Silverlight 4 .................................. 53

4.6.

Hỗ trợ chuyển đổi từ Silverlight 4 qua Windows Phone 7 ........................ 54
ống hỗ trợ thiết kế giao diện chung

4.7.

thành nhiều phiên bản ........................................................................................ 56
Chương 5 Các vấn đề và giải pháp trong mở rộng hệ thống ................................... 58
5.1.
..................................................................... 58

5.1.1.
................................................................................. 58
5.1.2.
5.2.

................................... 61

Xác định các

........ 61

5.3.
5.4.

...................................... 63
Qu
) của hệ thống trên server .................................................... 64
.......................................... 66

6.1.

..................................................................... 66

6.2.

Kiến trúc hệ thống .................................................................................... 67

6.2.1.

Tầng Data .......................................................................................... 69

ix


6.2.2.

Tầng Data Service.............................................................................. 69

6.2.3.

Tầng Application ............................................................................... 70
................................................ 70

6.3.
6.3.1.

Giới thiệu........................................................................................... 70

6.3.2.

ột ứng dụng ...................................... 71

6.3.3.

Kiến trúc ............................................................................................ 71

6.3.4.

Quy trình sử dụng .............................................................................. 72

6.4.

Quy trình mở rộng công cụ ....................................................................... 75

6.4.1.

Mở rộng control ................................................................................. 75

6.4.2.

................................................................. 77

6.4.3.

............................................ 77

6.4.4.

Mở rộng Style .................................................................................... 77

6.5.

Phân hệ

......................... 78

6.5.1.

............................................................... 78

6.5.2.

Kiến trúc ............................................................................................ 78

6.5.3.

Quy trình sử dụng .............................................................................. 79

Chương 7 Kết luận ................................................................................................ 80
7.1.

Các kết quả đạt được ................................................................................ 80

7.2.

Hướng phát triển của đề tài....................................................................... 82

DANH MỤC TÀI LIỆU THAM KHẢO ............................................................... 84
–

.............................. 87

–

................... 90

x


DANH MỤC CÁC HÌNH

Hình 1-1 Kiến trúc Silverlight ................................................................................. 3
Hình 1-2 Các thành phần của Web 2.0 và ứng dụng trên đó ..................................... 4
Hình 2-1 Giao diện của iGoogle ............................................................................ 11
Hình 2-2 Giao diện của Dapper ............................................................................. 13
Hình 2-3 Giao diện tạo Flash Widget của Dapper .................................................. 14
Hình 2-4 Giao diện của Microsoft Expression Blend 4 .......................................... 15
Hình 2-5 Giao diện thiết kế của Wix...................................................................... 18
Hình 2-6 Giao diện SiteMaker của Moonfruit ........................................................ 20
Hình 2-7 Giao diện của phần mềm SWiSH Max 4 ................................................. 22
Hình 2-8 Giao diện của phần mềm SilverX ........................................................... 24
Hình 2-9 Giao diện của phần mềm Sothink SWF Decompiler ............................... 26
Hình 3-1 Phân vùng control để xác định khả năng resize ....................................... 40
Hình 3-2 Giao diện PropertyGrid với các control khác nhau .................................. 46
-

..................................... 47

-

............................... 48

Hình 3-5 Giao

7 ................................. 48

-

................................................ 53

-

...................................................... 57

-

....................................................................... 60

-

....................................................... 60

-

............................ 60

-

ugins và các tập tin liên quan ................. 62

-

....................................................................... 68

-

..................................................................... 70

Hình 6-3 Giao diện thiết kế chính .......................................................................... 72
-

................................................................................. 73

Hình 6-5 Giao diện chỉnh sửa kéo thả .................................................................... 73
-

........................................................................... 74

xi


Hình 6-7 Giao diện chỉnh sửa property ở Menu Ribbon ......................................... 74
Hình 6-8 Giao diện Editor chỉnh sửa màu sắc ........................................................ 74
-

..................................................... 75

-

................................................................. 79

xii


DANH MỤC CÁC BẢNG
Bảng 2-1 Bảng thống kê và phân loại Mashup Framework dựa theo chức năng [8] 10
Bảng 2-2 Bảng giá của phần mềm Microsoft Expression Blend 4 .......................... 16
Bảng 2-3 Bảng giá các loại tài khoản Premium của Wix........................................ 19
Bảng 2-4 Bảng giá các gói dịch vụ của Moonfruit ................................................. 21
Bảng 2-5 Bảng giá của phần mềm SWiSH Max 4.................................................. 23
Bảng 2-6 Bảng giá của phần mềm SilverX ............................................................ 25

Bảng 2-7 Bảng giá của phần mềm Sothink SWF Decompiler ................................ 27
Bảng 2-8 Bảng so sánh các chức năng của các công cụ đã khảo sát ....................... 28
Bảng 2-9 Bảng so sánh các chức năng của các công cụ RIA Designer đã khảo sát. 30
Bảng 2-10 Bảng so sánh các chức năng của các công cụ chuyển đổi công nghệ đã
khảo sát ................................................................................................................. 30
Bảng 6-1 Các thành phần chính của hệ thống ........................................................ 67
Bảng 6-2 Dữ liệu ở tầng Data ................................................................................ 69
Bảng 6-3 Các thành phần ở tầng Data Service ....................................................... 69
Bảng 6-4 Các thành phần ở tầng Application ......................................................... 70

xiii


DANH MỤC
RIA: Rich Internet Application
WCF: Windows Communication Foundation
XAML: eXtensible Application Markup Language
API: Application Programming Interface
GPU: Graphics Processing Unit
HTML: HyperText Markup Language .
RSS: Really Simple Syndication
XML: eXtensible Markup Language
SWF: Shockwave Flash
SL3: Silverlight 3
SL4: Silverlight 4
WP7: Windows Phone 7

xiv

TÓM TẮT KHÓA LUẬN
Với sự phổ biến của Internet trên toàn thế giới hiện nay, mọi người liên lạc
với nhau, làm việc cùng nhau, tìm kiếm thông tin, … được thực hiện rất nhiều trên
môi trường mạng. Các ứng dụng Web đã thay thế cho các ứng dụng trên desktop,
giao diện của các ứng dụng Web thường rất gần gũi với người dùng và gần giống
như một ứng dụng thông thường trên desktop. Các giao diện Web ngày càng bóng
bẩy, có nhiều hiệu ứng bắt mắt thu hút người dùng nhờ các công cụ hỗ trợ thiết kế
giao diện được xây dựng trên các công nghệ Rich Internet Application (RIA). Với
sự phát triển đa dạng của các công cụ hỗ trợ thiết kế giao diện Web, người dùng có
nhu cầu chọn lựa giải pháp xây dựng ứng dụng trên một

phát triển cụ thể.

Và người dùng cũng cần có nhu cầu chuyển đổi một ứng dụng trên
nên đã xuất hiện những ứng dụng hỗ trợ việc này, tuy nhiên các công cụ trên còn
nhiều mặt hạn chế. Xuất phát từ nhu cầu trên, cải thiện những hạn chế của các công
cụ hiện có, nhóm đã thực hiện ứng dụng theo công nghệ RIA giúp hỗ trợ người
dùng thực hiện thiết kế, chuyển đổi giao diện ứng dụng Web trên nhiều công nghệ.
Nội dung đề tài tập trung vào tìm hiểu các công nghệ hỗ trợ thiết kế giao diện
Web, đánh giá các ứng dụng hỗ trợ thiết kế, chuyển đổi giao diện ứng dụng Web để
xây dựng nên hệ thống Website giúp người dùng có thể thiết kế giao diện cho một
ứng dụng RIA một cách

, nhanh chóng và có khả năng lưu kết quả dưới

nhiều dạng công nghệ khác nhau, cũng như thực hiện chuyển đổi giao diện của các
công nghệ sang dạng khác.
Với công cụ này, người dùng có thể thiết kế giao diện
như: Web tin tức, Web giải trí, Web bán hàng, Blog cá nhân… một cách trực quan
với các control hỗ trợ đa dạng. Quá trình thiết kế có thể lưu lại dưới dạng các tập tin

trên nhiều công nghệ khác nhau.
Nội dung khóa luận bao gồm 7 chương:
Chương 1: Mở đầu
Chương 2: Khảo sát hiện trạng

xv


Chương 3: Các vấn đề và giải pháp trong việc hỗ trợ thiết kế trực quan
Chương 4: Các vấn đề và giải pháp trong việc hỗ trợ chuyển đổi công nghệ
Chương 5: Các vấn đề và giải pháp trong mở rộng hệ thống
Chương 6: Tổng quan toàn bộ hệ thống
Chương 7: Kết luận

xvi


Chương 1
Mở đầu
 Nội dung của chương này trình bày xu hướng phát triển của các thế hệ
Web hiện nay và nhu cầu của việc xây dựng các hệ thống xây dựng ứng dụng
RIA từ các hệ thống Website đã có trên Internet đồng thời nêu lên mục tiêu,
nội dung và ý nghĩa của đề tài.
1.1. Tổng quan về RIA và Silverlight
1.1.1. Tổng quan về RIA
Web, nền tảng ban đầu chỉ nhằm mục đích phân phát tài liệu trực tuyến, được
phát triển theo theo mô hình máy chủ (server). Hạn chế lớn nhất của kiến trúc này
, server

là

, còn client

chỉ có vai trò hiển thị nội dung tĩnh (HTML).
Sau đó, khi mô hình ứng dụng client-server xuất hiện, việc phát triển ứng
dụng web đã có một bước đáng kể.

ứng dụng Web đã có thể tương tác được với

người dùng
là mọi tương tác liên quan đến dữ liệu đều phải gửi
đ

server, server sẽ xử lý

)

về cho client,
.

trên nên server

xử lý rất lớn, đồng thời làm cho khả năng tương tác

với người dùng của ứng dụng trở nên chậm chạp do phải thực hiện

đồng bộ

. Để khắc phục hạn

giữa client và server
chế trên, khuynh hướng chung là client

các xử lý tương tác.

Java Applet, “Plug-in” của Netscape và “ActiveXControl’ của Microsoft lần
lượt xuất hiện

. Tuy nhiên
.
không theo quy trình đồng bộ thông thường

, tương tác giữa người dùng và ứng dụng web không bị ngắt quãng bởi việc nạp lại

1


trang web mỗi khi yêu cầu server xử lý

Ajax (Asynchronous JavaScript

And XML) xuất hiện [4]. Ajax dựa trên những nền tảng sẵn có như:
XmlHttpRequest, JavaScript, Document Object Model, Cascading Style Sheets
được hầu hết trình duyệt hỗ trợ nên không

cài đặt thêm bất cứ gì ở client và hầu

như các nhà phát triển đều có thể dễ dàng vận dụng,

Web 2.0

. Tuy nhiên, AJAX vẫn còn hạn chế ở khả năng
xử lý đồ họa và multimedia.
xử lý đồ họa và
multimedia
Macromedia giới thiệu v

3/2002 [6].

ứng dụng Web

có

giao diện đẹp, khả năng hoạt động độc lập platform, khả năng triển khai một
cách dễ dàng. Tuy

AJAX (2/2005 [4]), nhưng mãi đến gần đây RIA mới

được chú ý nhờ những cái tên đáng gờm như: Flex và AIR của Adobe, Silverlight
của Microsoft và JavaFX của Sun Microsystems, những công nghệ đang được chú ý
nhất hiện nay.
Do được xây dựng trên một nền tảng mới,
.
ứng dụng Web

, các framework RIA

cũng liên tục ra các phiên bản mới, gần đây nhất là JavaFX 2.0 và Silverlight 5.0.
.

RIA

(hai

).

2


1.1.2. Đặc điểm của Silverlight
trúc Silverlight đư

:

Hình 1-1 Kiến trúc Silverlight
(Nguồn: />
.
Phiên bản Silverlight 4 ra bản beta vào tháng 11/2009 và bản chính thức ngày
15/04/2010 với rất nhiều cải tiến nổi bật:
• Hỗ trợ mouse right button và mouse wheel.
• Hỗ trợ WCF RIA services.
• Hỗ trợ bảo vệ nội dung H.264 và nội dung DRM offline.
• Hỗ trợ nhiều control mới như RichTextBox, DataGrid…
• Hỗ trợ Microphone và Camera.
• Nâng cấp Deep Zoom.

3


• Hỗ trợ Managed Extensibility Framework.

• Hỗ trợ Clipboard và Drag and Drop.
• Hỗ trợ in ấn.
• Hỗ trợ truy xuất COM khi chạy out of browser.
Và gần đây nhất là vào tháng 13/04/2011 Silverlight 5 Beta được công bố đã
có thể sử dụng được với những cải tiến đặc sắc:
• Cải tiến các hỗ trợ đa phương tiện
• Cải tiến hiển thị văn bản
• Cải tiến về Model View ViewModel và Databinding giúp thao tác từ
XAML được nhiều hơn
• Cải tiến XAML Parser giúp tăng hiệu suất
• Hỗ trợ hệ điều hành 64-bits
• Chế độ đồ hoạ API cho phép trực tiếp render lên GPU
• Tăng tốc phần cứng với chế độ Windowsless bằng Internet Explorer 9
• Cùng các cải tiến về bảo mật, công cụ khác
1.2.

Hình 1-2 Các thành phần của Web 2.0 và ứng dụng trên đó
(Nguồn: />
4


Internet ra đời thực sự là một cuộc cách mạng vĩ đại. Internet đã mang lại cho
chúng ta một kho kiến thức mà không một thư viện, một bộ bách khoa toàn thư hay
một hệ thống thư viện nào khác có thể so sánh được. Internet cũng là môi trường
kinh doanh Nhanh - Rẻ - Hiệu quả nhất.
Internet cả về cơ sở hạ tầng lẫn những ứng
nhu cầu

dụng trên nó

ngày càng đa dạng,
thế hệ Web 1.0 đã không còn đáp ứng

được những nhu cầu trên. Với trào lưu Web 2.0, các ứng dụng Web ngày nay không
còn là các trang Web tĩnh, hoạt động độc lập nữa, mà nó đã mang tính tương tác
cao, tính cộng đồng, hướng về ngườ

thân thiện hơn.

khái niệm đầu tiên về thế hệ Web 3.0, Web 4.0 đã xuất hiện [13]
.
Nếu Web 2.0 quan tâm đến vấn đề tương tác (interaction) thì Web 3.0 quan
tâm đến vấn đề gom nhóm và tổ chức (organization) và Web 4.0 sẽ quan tâm đến
vấn đề liên kết lại (integration) để tạo ra một ứng dụng Web hoàn thiện.
Với khuynh hướng phát triển của các thế hệ Web, các ứng dụng Web các trở
nên hoàn thiện và dần thay thế các ứng dụng trên desktop. Bởi ứng dụng Web có
thể sử dụng mọi lúc ở mọi nơi có Internet, và hoàn toàn độc lập với Platform. Nắm
bắt được xu hướng đó, nhóm chúng em sẽ phát triển hệ thống công cụ hỗ trợ thiết
kế giao diện của ứng dụng Web trên nền tảng Web và sử dụng Silverlight 4 để làm
môi trường phát triển
1.3.

4.

Mục tiêu của đề tài
Mục tiêu đề tài nhằm khảo sát, tìm hiểu các công cụ và kỹ thuật để thiết kế

giao diện của ứng dụng Web; tìm hiểu các kỹ thuật để phát triển ứng dụng với
Silverlight 4; tìm hiểu các kỹ thuật chuyển đổi từ công nghệ Silverlight 3,
Silverlight 4, Windows Phone 7 với nhau; từ đó xây dựng thử nghiệm hệ thống

công cụ phần mềm cho phép thiết kế trực quan giao diện của ứng dụng Web sử
dụng Silverlight , lưu kết quả dưới nhiều dạng công nghệ khác nhau.
Nội dung chi tiết đề tài bao bao gồm:

5


 Khảo sát, tìm hiểu các công cụ và kỹ thuật thiết kế giao diện của ứng dụng
Web:
• Khảo sát hiện trạng các hệ thống mashup đang có trên thế giới:
iGoogle, Dapper,…; các website và phần mềm để thiết kế web dạng
RIA: Microsoft Expression Blend 4, Wix, Moonfruit, SWiSH Max
4, ….;
các website và phần mềm để thiết kế web dạng RIA và hỗ trợ chuyển
đổi công nghệ: SilverX, Sothink SWF Decompiler,….
• Tìm hiểu các kỹ thuật kéo thả trên giao diện.
• Tìm hiểu các kỹ thuật tạo control.
 Tìm hiểu các kỹ thuật phát triển ứng dụng với Silverlight 4:
• Tìm hiểu các layout manager được Silverlight 4 hỗ trợ.
•

rlight 4.

• Tìm hiểu kỹ thuật reflection để tạo và thay đổi giá trị của control.
 Xây dựng thử nghiệm hệ thống công cụ phần mềm cho phép thiết kế trực
quan giao diện của ứng dụng web sử dụng Silverlight:
• Xây dựng công cụ để hỗ trợ

n Web.

• Xây dựng công cụ để hỗ trợ kéo thả control.
• Xây dựng hỗ trợ

control.

• Tiến hành phân tích và xây dựng một vài control để thử nghiệm.
 Xây dựng thử nghiệm hệ thống

:

• Xây dựng công cụ

.

• Xây dựng công cụ

.

 Xây dựng thử nghiệm hệ thống công cụ phần mềm cho phép chuyển đổi giao
diện của ứng dụng Web giữa Silverlight 3, Silverlight 4, Windows Phone 7
với nhau:
• Xây dựng thành phần save và load giao diện từ các công nghệ vào dạng
kiến trúc ứng dụng qui định.

6


• Xây dựng thành phần save giao diện đã được thiết kế ra Silverlight 4
hoặc Windows Phone 7.
1.4.

Nội dung của luận văn

Luận văn bao gồm 7 chương, sau đây là nội dung chính của từng chương:
Chương 1: Mở đầu
Nội dung của chương này trình bày xu hướng phát triển của các thế hệ Web
hiện nay và nhu cầu của việc xây dựng các hệ thống xây dựng ứng dụng RIA
từ các hệ thống Website đã có trên Internet đồng thời nêu lên mục tiêu, nội
dung và ý nghĩa của đề tài.
Chương 2: Khảo sát hiện trạng
Nội dung của chương 2 trình bày về việc khảo sát hiện trạng của các công cụ
thiết kế Web theo công nghệ RIA hiện có trên thế giới, các công cụ hỗ trợ
chuyển đổi giữa các công nghệ hiện có.
Chương 3: Các vấn đề và giải pháp trong việc hỗ trợ thiết kế trực quan
Nội dung chương này sẽ trình bày về các vấn đề khi phát triển công cụ hỗ trợ
việc thiết kế trực quan giao diện ứng dụng W
pháp để xây dựng công cụ.
Chương 4: Các vấn đề và giải pháp trong việc hỗ trợ chuyển đổi công nghệ
Nội dung chương này sẽ trình bày về các vấn đề khi chuyển đổi giao diện từ
công nghệ này sang công nghệ, chuyển từ các công nghệ vào trong hệ thống
thiết kế

.

Chương 5: Các vấn đề và giải pháp trong mở rộng hệ thống
Nội dung chương này sẽ trình bày về các vấn đề cũng như giải pháp cho khả
năng mở rộng hệ thống công cụ thiết kế, chuyển đổi.

7

Chương 6: Tổng quan toàn bộ hệ thống
Nội dung chương này sẽ gi
.
Chương 7: Kết luận
Nội dung của chương này trình bày các kết quả đạt được và hướng phát triển
của đề tài.

8