NGHIÊN CỨU ỨNG DỤNG VAADIN XÂY DỰNG ỨNG DỤNG HỒ SƠ HÀNH CHÍNH TRONG CHÍNH PHỦ ĐIỆN TỬ

BỘ GIÁO DỤC VÀ ĐÀO TẠO
TRƯỜNG ĐẠI HỌC NÔNG LÂM TP HCM
KHOA CÔNG NGHỆ THÔNG TIN

LUẬN VĂN TỐT NGHIỆP

NGHIÊN CỨU ỨNG DỤNG VAADIN
XÂY DỰNG ỨNG DỤNG HỒ SƠ
HÀNH CHÍNH
TRONG CHÍNH PHỦ ĐIỆN TỬ
Giáo viên hướng dẫn:

Sinh viên thực hiện:

TS. Phạm Văn Tính

Nguyễn Phú Cường
Trần Văn Hoàng
Lê Thị Phương
Châu Thanh Thắng

TP.HỒ CHÍ MINH, tháng 9 năm 2011


CÔNG TRÌNH HOÀN TẤT TẠI
TRƯỜNG ĐẠI HỌC NÔNG LÂM TP HCM

Cán bộ hướng dẫn: TS. Phạm Văn Tính

Cán bộ phản biện: Công ty cổ phần phần mềm SÀI GÒN MỚI

Luận văn cử nhân được bảo vệ tại HỘI ĐỒNG CHẤM LUẬN VĂN CỬ
NHÂN TRƯỜNG ĐẠI HỌC NÔNG LÂM TP HCM ngày 31 tháng 8 năm
2011


CỘNG HOÀ XÃ HỘI CHỦ NGHĨA VIỆT NAM

Bộ Giáo Dục và Đào Tạo

Độc Lập-Tự Do-Hạnh Phúc

Trường ĐH NÔNG LÂM TpHCM

NHIỆM VỤ LUẬN VĂN CỬ NHÂN

Họ tên sinh viên: NGUYỄN PHÚ CƯỜNG
Ngày tháng năm sinh: 05/02/1989.
Chuyên ngành: Mạng máy tính.

Phái: Nam.
Nơi sinh: Đồng Nai
Ngành : CNTT

Họ tên sinh viên: TRẦN VĂN HOÀNG
Ngày tháng năm sinh:19/11/1989
Chuyên ngành: Mạng máy tính.

Phái: Nam.
Nơi sinh:Tây Ninh
Ngành : CNTT

Họ tên sinh viên: LÊ THỊ PHƯƠNG
Ngày tháng năm sinh: 20/03 /1989.
Chuyên ngành: Hệ thống thông tin.

Phái: Nữ.
Nơi sinh:Vũng Tàu
Ngành : CNTT

Họ tên sinh viên: CHÂU THANH THẮNG
Ngày tháng năm sinh: 20/10/1988.
Chuyên ngành: Mạng máy tính.

Phái: Nam.
Nơi sinh: Đắk Lắk.
Ngành : CNTT

I. TÊN ĐỀ TÀI: Nghiên cứu ứng dụng vaadin xây dựng ứng dụng hồ sơ hành chính
trong chính phủ điện tử.
II. NHIỆM VỤ VÀ NỘI DUNG: Tìm hiểu portal mã nguồn mở Liferay. Tìm hiểu Java
framework vaadin. Xây dựng ứng dụng portal một cửa theo yêu cầu của công ty Sài Gòn
Mới.
III. NGÀY GIAO NHIỆM VỤ: 01/04/2011
IV. NGÀY HOÀN THÀNH NHIỆM VỤ: 26/08/2011
V. HỌ VÀ TÊN CÁN BỘ HƯỚNG DẪN: TS. Phạm Văn Tính
Ngày /

/

CÁN BỘ HƯỚNG DẪN

Ngày /

/

CHỦ NHIỆM CHUYÊN NGÀNH

Ngày /

/

KHOA CNTT


LỜI CẢM TẠ

Lời cảm ơn đầu tiên, chúng em xin kính gửi lòng biết ơn
chân thành đến ông bà, cha mẹ đã nuôi dưỡng và dạy bảo để chúng
em có ngày hôm nay.
Xin cảm ơn quý Thầy, Cô trường Đại học Nông Lâm
TP.HCM, đặc biệt là các Thầy, Cô Khoa Công Nghệ Thông Tin đã
tận tình truyền đạt những kiến thức và kinh nghiệm cho chúng em
trong suốt thời gian học tập tại trường.
Cảm ơn thầy, TS Phạm Văn Tính đã tận tình hướng dẫn
chúng em trong suốt thời gian thực hiện đề tài này.
Cảm ơn tập thể quý công ty cổ phần phần mềm SÀI GÒN
MỚI đã tận tình hướng dẫn và giúp đỡ chúng em hoàn thành được
luận văn.
Mặc dù chúng em đã cố gắng hoàn thành đề tài này với tất cả
nỗ lực, nhưng vẫn không tránh khỏi những thiếu sót nhất định. Kính

mong nhận được sự chỉ bảo của quý Thầy, Cô và sự góp ý chân
thành của các bạn.
Kính chúc quý thầy cô mạnh khỏe, và quý công ty tiếp tục
đạt được nhiều thắng lợi trong giảng dạy, trong nghiên cứu khoa học
và trong sự nghiệp trồng người.
Xin chân thành cảm ơn !
Sinh viên thực hiện
Nguyễn Phú Cường
Trần Văn Hoàng
Lê Thị Phương
Châu Thanh Thắng


Nghiên cứu ứng dụng vaadin xây dựng ứng dụng hồ sơ hành chính trong chính phủ điện tử

DANH SÁCH CHỮ VIẾT TẮT
JDK

Java Development Kit

API

Application Programming Interface

AJAX

Asynchronous JavaScript and XML

AD

Active Directory

AWT

Abstract Window Toolkit

CSDL

Cơ Sở Dữ Liệu

CSS

Cascading Style Sheets

HTML

HyperText Markup Language

HTTP

HyperText Transfer Protocol

XML

EXtensible Markup Language

DCOM

Distributed Component Object Model

DNS

Domain Name System

LDAP

Lightweight Directory Access Protocol

XML

eXtensible Markup Language

JSR

Java Specification Request

JSP

JavaServer Pages

JSON

JavaScript Object Notation

SDK

Software Development Kit

SWT

The Standard Widget Tookit

GVHD: TS. Phạm Văn Tính

i

SVTH: Cường, Hoàng, Phương, Thắng


Nghiên cứu ứng dụng vaadin xây dựng ứng dụng hồ sơ hành chính trong chính phủ điện tử

SQL

Structured Query Language

GWT

Google Web Toolkit

RIA

Rich Internet Application

IDE

Integrated Development Environment

UI

User Interface

JSF

JavaServer Faces

IMAP

Internet Message Access Protocol

UML

Unified Modeling Language

UBND

Ủy Ban Nhân Dân

UIDL

User Interface Definition Language

URL

Uniform Resource Locator

UBND

Ủy Ban Nhân Dân

MVC

Model-View-Controller

RTF

Rich Text Format

GVHD: TS. Phạm Văn Tính

ii

SVTH: Cường, Hoàng, Phương, Thắng


Nghiên cứu ứng dụng vaadin xây dựng ứng dụng hồ sơ hành chính trong chính phủ điện tử

DANH MỤC HÌNH
Hình 3-1-Cơ chế xử lý request từ client của portlet..................................................13 
Hình 3-2- IPC event ...................................................................................................19 
Hình 3-3 - Vòng đời sử lý sự kiện của IPC................................................................20 
Hình 3-4- Cấu hình biến môi trường..........................................................................21 
Hình 3-5- Cấu hình biến môi trường (tt)....................................................................22 
Hình 3-6-Cài đặt liferay plugin trong eclipse ............................................................22 
Hình 3-7-Cài đặt liferay IDE .....................................................................................23 
Hình 3-8-Cấu hình liferay SDK .................................................................................23 
Hình 3-9- Cấu hình liferay SDK(tt) ...........................................................................24 
Hình 3-10-Cấu hình server.........................................................................................24 
Hình 3-11-Cấu hình server (tt) ...................................................................................25 
Hình 3-12-Cấu hình server (tt) ...................................................................................25 
Hình 3-13-Cấu hình server(tt) ....................................................................................26 

Hình 3-14-Tạo server .................................................................................................27 
Hình 3-15-Tạo server(tt) ............................................................................................27 
Hình 3-16-Cài đặt server thành công .........................................................................28 
Hình 3-17-Tạo liferay project ....................................................................................28 
Hình 3-18- Tạo liferay project (tt) .............................................................................29 
Hình 3-19- Tạo liferay project (tt) .............................................................................29 
Hình 3-20- Tạo portlet ...............................................................................................30 
Hình 3-21- Tạo portlet (tt) .........................................................................................30 
Hình 3-22- Tạo portlet (tt) .........................................................................................31 
Hình 3-23- Deloy portlet trong eclipse ......................................................................35 
Hình 3-24- Deloy portlet trong eclipse(tt) .................................................................35 
Hình 3-25- Deloy portlet trong eclipse(tt) .................................................................35 
Hình 3-26 - Kiến trúc vaadin .....................................................................................36 
Hình 3-27- Cấu Trúc vaadin ......................................................................................39 
Hình 3-28- Component-diagram ................................................................................40 

GVHD: TS. Phạm Văn Tính

iii

SVTH: Cường, Hoàng, Phương, Thắng


Nghiên cứu ứng dụng vaadin xây dựng ứng dụng hồ sơ hành chính trong chính phủ điện tử

Hình 3-29-Client-side ................................................................................................41 
Hình 3-30 -Data-model ..............................................................................................43 
Hình 3-31-Mở 1 cửa sổ ..............................................................................................45 
Hình 3-32-Sơ đồ hoạt động layout event ...................................................................47 
Hình 3-33- Đăng ký sự kiện thông qua class .............................................................48 

Hình 3-34 - Kết quả hiển thị label .............................................................................49 
Hình 3-35 - Kết quả hiển thị Link(tt) .........................................................................50 
Hình 3-36- Kết quả hiển thị TextField .......................................................................50 
Hình 3-37- Kết quả hiển thị của button .....................................................................51 
Hình 3-38 - Trước khi bấm vào button ......................................................................51 
Hình 3-39- Kết quả hiển thị checkbox .......................................................................52 
Hình 3-40- Kết quả hiển thị radioButton ...................................................................53 
Hình 3-41 - Kết quả hiển thị ListSelect .....................................................................53 
Hình 3-42- Kết quả hiển thị table ..............................................................................54 
Hình 3-43 – Ví dụ thêm layout và window................................................................54 
Hình 3-44 - Kết quả hiển thị HorizonLayout .............................................................55 
Hình 3-45 - Kết quả hiển thị HorizonLayout .............................................................56 
Hình 3-46 - Kết quả hiển thị GridLayout..................................................................57 
Hình 3-47 – Kết quả hiển thị merge trong GridLayout .............................................57 
Hình 3-48 – Kết quả hiển thị Absolute layout ...........................................................58 
Hình 3-49 - Ứng dụng iceface....................................................................................60 
Hình 3-50- Ứng dụng vaadin .....................................................................................61 
Hình 3-51- Ứng dụng iceface(tt)................................................................................61 
Hình 3-52- Ứng dụng vaadin(tt) ................................................................................62 
Hình 3-53- Ứng dụng icefaces(tt) ..............................................................................62 
Hình 3-54- Ứng dụng vaadin .....................................................................................63 
Hình 3-55- Lược đồ icefaces......................................................................................63 
Hình 3-56- Sơ đồ disign của vaadin...........................................................................64 
Hình 3-57 - Hello word ..............................................................................................74 
Hình 3-58 – Sơ đồ hoạt động vaadin .........................................................................75 
Hình 3-59- Cửa sổ chọn project vaadin .....................................................................77 
Hình 3-60-Cửa sổ đặt tên cho project ........................................................................77 
Hình 3-61-Cửa sổ chọn tạo project vaadin ................................................................78 
GVHD: TS. Phạm Văn Tính

iv

SVTH: Cường, Hoàng, Phương, Thắng


Nghiên cứu ứng dụng vaadin xây dựng ứng dụng hồ sơ hành chính trong chính phủ điện tử

Hình 3-62-Cấu trúc project vaadin khi tạo mới .........................................................78 
Hình 3-63-Cửa sổ chọn tạo portlet vaadin .................................................................79 
Hình 3-64- Đặt tên class cho portlet vaadin...............................................................79 
Hình 3-65-Cấu trúc portlet mới được khỏi tạo ..........................................................80 
Hình 3-66- Thêm mới theme trong project vaadin ....................................................83 
Hình 3-67-Tạo mới theme (tt) ....................................................................................84 
Hình 3-68-Áp dụng theme .........................................................................................84 
Hình 3-69-Ví dụ theme ..............................................................................................85 
Hình 3-70-Tạo theme cho vaadin(tt)..........................................................................85 
Hình 3-71-Tạo project theme .....................................................................................87 
Hình 3-72-Cấu trúc thư mục của project vaadin ........................................................87 
Hình 3-73-Sử dụng theme trong liferay .....................................................................88 
Hình 3-74-Sử dụng thêm trong liferay(tt) ..................................................................88 
Hình 3-75-Danh sách các gói theme trong liferay .....................................................88 
Hình 3-76-Kết quả hiện thị của theme được chọn .....................................................89 
Hình 3-77-Tạo project vaadin ....................................................................................89 
Hình 3-78-Tao lớp model...........................................................................................90 
Hình 3-79 - Kết quả hiển thị của Bean ......................................................................92 
Hình 3-80 - Sắp xếp thứ tự hiển thị của component ..................................................93 
Hình 3-81 - Custom component trong form ..............................................................95 
Hình 3-82 - Kết quả hiển thị custom form .................................................................97 
Hình 3-83-Giao diện hiển thị khi setRepuired ...........................................................98 
Hình 3-84 - Thông báo lỗi không nhập dữ liệu .........................................................98 

Hình 3-85 - Giao diện kiểm tra độ dài dữ liệu ...........................................................99 
Hình 3-86-Tạo project keo thả .................................................................................101 
Hình 3-87-Tạo project keo thả(tt) ............................................................................101 
Hình 3-88- Giao diện kéo thả...................................................................................102 
Hình 3-89-Giao diện kéo thả(tt) ...............................................................................102 
Hình 3-90:Mô tả cách làm việc của lucene .............................................................107 
Hình 3-91- Giao diện hiển thị ..................................................................................110 
Hình 3-92 - Kết quả tập tin được xuất ra .................................................................110 
Hình 4-1-Quy trình hồ sơ hành chính ......................................................................115 
Hình 4-2- Sơ đồ usecase hồ sơ lao động (main) ......................................................115 
GVHD: TS. Phạm Văn Tính

v

SVTH: Cường, Hoàng, Phương, Thắng


Nghiên cứu ứng dụng vaadin xây dựng ứng dụng hồ sơ hành chính trong chính phủ điện tử

Hình 4-3- Sơ đồ usecase main(tt) ............................................................................116 
Hình 4-4 - Sơ đồ usecase main (tt) ..........................................................................116 
Hình 4-5 - Lượt đồ cập nhật sử dụng lao động .......................................................120 
Hình 4-6- Lược đồ activity tra cứu sử dụng lao động.............................................122 
Hình 4-7- Lược đồ activity tra in sử dụng lao động ................................................123 
Hình 4-8- Lược đồ activity in danh sách sử dụng lao động .....................................124 
Hình 4-9-Lược đồ activity của xem chi tiết sử dụng lao động ................................125 
Hình 4-10- Lược đồ activity của xoá sử dụng lao động ..........................................126 
Hình 4-11 - Lược đồ activity cập nhật tăng giảm lao động .....................................130 
Hình 4-12- Lược đồ activity tra cứu tăng giảm lao động .......................................132 
Hình 4-13 -Lược đồ activity in tăng giảm lao động ................................................133 

Hình 4-14 -Lược đồ activity in danh sách tăng giảm lao động...............................134 
Hình 4-15-Lược đồ activity chi thiết tăng giảm lao động.......................................136 
Hình 4-16-Lược đồ activity xóa tăng giảm lao động ...............................................137 
Hình 4-17-Lược đồ activity của cập nhật thang lương bảng lương .........................139 
Hình 4-18-Lược đồ activity của tra cứu thang lương bảng lương ...........................142 
Hình 4-19-Lược đồ activity của in thang lương bảng lương ...................................143 
Hình 4-20-Lược đồ active của in danh sách thang lương bảng lương .....................144 
Hình 4-21-Lược đồ activity của xem danh sách thang lương bảng lương ..............145 
Hình 4-22: Lược đồ activity của xoá thang lương bảng lương ................................146 
Hình 4-23-Lược đồ activity của cập nhật thỏa ước lao động .................................149 
Hình 4-24-Lược đồ activity của tra cứu thỏa ước lao động .....................................151 
Hình 4-25- Lược đồ activity của in thỏa ước lao động ............................................152 
Hình 4-26-Lược đồ activity của in danh sách thỏa ước lao động ............................153 
Hình 4-27-Lược đồ activity của xem chi tiết thỏa ước lao động ............................154 
Hình 4-28-Lược đồ activity của xóa thỏa ước lao động ..........................................155 
Hình 4-29-Lược đồ activity cập nhật nội quy lao động ...........................................158 
Hình 4-30-Lược đồ activity tra cứu nội quy lao động .............................................160 
Hình 4-31-Lược đồ activity in nội quy lao động .....................................................161 
Hình 4-32-Lược đồ activity in danh sách nội quy lao động ....................................162 
Hình 4-33-Lược đồ activity chi thiết nội quy lao động ...........................................163 
Hình 4-34-Lược đồ activity xóa nội quy lao động...................................................164 
Hình 4-35 - Sơ đồ csdl .............................................................................................165 
GVHD: TS. Phạm Văn Tính

vi

SVTH: Cường, Hoàng, Phương, Thắng


Nghiên cứu ứng dụng vaadin xây dựng ứng dụng hồ sơ hành chính trong chính phủ điện tử

Hình 4-36-Màn hình đăng nhập ...............................................................................167 
Hình 4-37 Trang đăng nhập thành công ..................................................................168 

GVHD: TS. Phạm Văn Tính

vii

SVTH: Cường, Hoàng, Phương, Thắng


Nghiên cứu ứng dụng vaadin xây dựng ứng dụng hồ sơ hành chính trong chính phủ điện tử

DANH MỤC HÌNH PHỤ LỤC
Phụ Lục 1-Tra cứu sử dụng lao động ..........................................................................1 
Phụ Lục 2-Chi tiết sử dụng lao động ...........................................................................1 
Phụ Lục 3- Thêm mới sử dụng lao động......................................................................2 
Phụ Lục 4-Tra cứu thang lương bảng lương ................................................................2 
Phụ Lục 5-Đăng ký thang lương bảng lương...............................................................2 
Phụ Lục 6-Chi tiết thang lương bảng lương ................................................................3 
Phụ Lục 7-Chi tiết thỏa ước lao động ..........................................................................3 
Phụ Lục 8-Đăng ký thỏa ước lao động ........................................................................3 
Phụ Lục 9-Tra cứu thỏa ước lao động .........................................................................4 
Phụ Lục 10-Đăng ký nội quy lao động ........................................................................4 
Phụ Lục 11-Tra cứu nội quy lao động .........................................................................4 
Phụ Lục 12-Chi tiết nội quy lao động ..........................................................................5 
Phụ Lục 13-Tra cưu tăng giảm lao động......................................................................5 
Phụ Lục 14-Chi tiết tăng giảm lao động ......................................................................5 
Phụ Lục 15- Thêm mới tăng giảm lao động ................................................................6 
Phụ Lục 16-Danh mục nghề nghiệp.............................................................................6 

Phụ Lục 17-Quản lý mẩu mã, class phát sinh ..............................................................7 
Phụ Lục 18- Kỳ báo cáo ...............................................................................................7 
Phụ Lục 19-Danh mục quản lý địa điểm .....................................................................7 
Phụ Lục 20-Hướng dẫn download plugin Vaadin 1 ....................................................8 
Phụ Lục 21-Hình thành phần Plugin Vaadin 1 ............................................................8 
Phụ Lục 22-Hình quá trình cài đặt Plugin Vaadin 1 ....................................................9 
Phụ Lục 23-Cửa sổ tạo mới project Vaadin 1 ..............................................................9 
Phụ Lục 24-khởi chạy project bằng server 1 .............................................................10 
Phụ Lục 25-Màn hình hiển kết quả của một project 1 ...............................................10 

GVHD: TS. Phạm Văn Tính

viii

SVTH: Cường, Hoàng, Phương, Thắng


Nghiên cứu ứng dụng vaadin xây dựng ứng dụng hồ sơ hành chính trong chính phủ điện tử

TÓM TẮT

 Tên đề tài: Tìm hiểu về java Framework vaadin để xây dựng một ứng dụng
web trên môi trường portal liferay, xây dụng ứng dụng chính phủ một cửa .
 Thời gian thực hiện:
Ngày được giao đề tài: 01-04-2011
Ngày hoàn tất đề tài: 26-08-2011
 Nội dung nghiên cứu:
Tìm hiểu portal mã nguồn mở Liferay.
Tìm hiểu Java framework vaadin.
Xây dựng ứng dụng portal một cửa theo yêu cầu của công ty Sài Gòn Mới.

 Kết quả chủ yếu đã đạt được:
Nắm vững cơ chế hoạt động của Liferay.
Tìm hiểu và nắm vững qui trình nghiệp vụ của phần mềm.
Nắm vững được cách thức tạo và triển khai một ứng dụng web bằng vaadin
trên môi trường portal liferay.
Cùng với công ty đã xây dựng thành công phần mềm chính phủ một cửa.

GVHD: TS. Phạm Văn Tính

ix

SVTH: Cường, Hoàng, Phương, Thắng


Nghiên cứu ứng dụng vaadin xây dựng ứng dụng hồ sơ hành chính trong chính phủ điện tử

MỤC LỤC

DANH MỤC HÌNH ................................................................................................... iii 
DANH MỤC HÌNH PHỤ LỤC ............................................................................... viii 
TÓM TẮT .................................................................................................................. ix 
MỤC LỤC....................................................................................................................x 
CHƯƠNG 1 :  MỞ ĐẦU ..........................................................................................1 
1.1 

LÝ DO CHỌN ĐỀ TÀI..................................................................................1 

1.2 

MỤC TIÊU ĐỀ TÀI .......................................................................................1 

1.3 

PHẠM VI NGHIÊN CỨU .............................................................................2 
1.3.1  Về thời gian .............................................................................................2 
1.3.2  Về không gian ..........................................................................................2 
1.3.3  Về nội dung..............................................................................................2 

CHƯƠNG 2 :  TỔNG QUAN ...................................................................................4 
2.1 

ĐẶT VẤN ĐỀ ................................................................................................4 

2.2 

TÌNH HÌNH ỨNG DỤNG CHÍNH PHỦ ĐIỆN TỬ TRONG NƯỚC TA ... 4 

2.3 

KẾT LUẬN ....................................................................................................5 

CHƯƠNG 3 :  NỘI DUNG NGHIÊN CỨU .............................................................7 
3.1 

LIFERAY .......................................................................................................7 
3.1.1  Tổng Quan Liferay Portal ........................................................................7 
3.1.2  Tổng Quan Về Portlet ............................................................................10 
3.1.3  JSR168 và JSR286.................................................................................11 
3.1.4  Cài Đặt Và Cấu Hình .............................................................................20 

GVHD: TS. Phạm Văn Tính

x

SVTH: Cường, Hoàng, Phương, Thắng


Nghiên cứu ứng dụng vaadin xây dựng ứng dụng hồ sơ hành chính trong chính phủ điện tử

3.1.5  Tạo Liferay Project ................................................................................28 
3.1.6  Tạo liferay portlet ..................................................................................29 
3.1.7  Cấu trúc thư mục của một portlet ..........................................................31 
3.1.8  Deploy Portlet ........................................................................................34 
3.1.9  Thay đổi title và category ......................................................................35 
3.2 

JAVA FRAMEWORK VAADIN ................................................................36 
3.2.1  Giới Thiệu Vaadin .................................................................................36 
3.2.2  Ưu Điểm Của Vaadin ............................................................................38 
3.2.3  Kiến Trúc Vaadin ..................................................................................38 
3.2.4  Khái NiệmWindow ................................................................................44 
3.2.5  Sự Kiện Của Vaadin ..............................................................................46 
3.2.6  Một Số Component Cơ Bản Của Vaadin ..............................................49 
3.2.7  Một số layout trong vaadin ....................................................................54 
3.2.8  So Sánh Vaadin Và Icefaces ..................................................................58 
3.2.9  Ví dụ tổng quát ......................................................................................73 

3.3 

HƯỚNG DẪN CHUNG VỀ CÔNG NGHỆ ................................................76 

3.3.1  Hướng Dẫn Tạo Portlet Vaadin Trong liferay .......................................76 
3.3.2  Cách thức tạo một ứng dụng web vaadin ..............................................80 
3.3.3  Tạo Mới Và Thay Đổi CSS Cho Vaadin ...............................................81 
3.3.4  Binding ..................................................................................................89 
3.3.5  Validator ................................................................................................97 
3.3.6  Tạo project kéo thả ..............................................................................100 
3.3.7  Custom playout. ..................................................................................105 
3.3.8  Chuyển Trang Trong Vaadin ...............................................................106 

3.4 

Tìm kiếm Lucene ........................................................................................106 

3.5 

RTF Report .................................................................................................108 

GVHD: TS. Phạm Văn Tính

xi

SVTH: Cường, Hoàng, Phương, Thắng


Nghiên cứu ứng dụng vaadin xây dựng ứng dụng hồ sơ hành chính trong chính phủ điện tử

CHƯƠNG 4 :  ỨNG DỤNG VAADIN XÂY DỰNG ỨNG DỤNG CHÍNH PHỦ
ĐIỆN TỬ
.......................................................................................................111 
4.1 

Phát biểu bài toán .......................................................................................111 

4.2 

Quy trình của đăng ký hồ sơ lao động ........................................................111 

4.3 

Mô hình usecase .........................................................................................115 
4.3.1  Usecase Login ......................................................................................117 
4.3.2  Usecase Logout ....................................................................................117 
4.3.3  Usecase Cập Nhật Sử Dụng Lao Động ..............................................118 
4.3.4  Usecase Tra cứu Sử Dụng Lao Động .................................................121 
4.3.5  Usecase In Sử Dụng Lao Động ..........................................................122 
4.3.6  Usecase In Danh Sách Sử Dụng Lao Động ........................................123 
4.3.7  Usecase Xem chi tiết sử dụng lao động ...............................................124 
4.3.8  Usecase xoá sử dụng lao động .............................................................125 
4.3.9  Usecase cập nhật tăng giảm lao động ..................................................126 
4.3.10 

Usecase tra cứu tăng giảm lao động .................................................130 

4.3.11 

Usecase in tăng giảm lao động .........................................................132 

4.3.12 

Usecase in danh sách tăng giảm lao động ........................................133 

4.3.13 

Usecase xem chi tiết tăng giảm lao động .........................................134 

4.3.14 

Usecase xóa tăng giảm lao động ......................................................136 

4.3.15 

Usecase Cập nhật thang lương bảng lương ......................................137 

4.3.16 

Usecase Tra cứu thang lương bảng lương ........................................140 

4.3.17 

Usecase In thang lương bảng lương .................................................142 

4.3.18 

Usecase In danh sách thang lương bảng lương ................................143 

4.3.19 

Usecase Xem chi tiết thang lương bảng lương ................................144 

4.3.20 

Usecase xoá thang lương bảng lương ..............................................146 

4.3.21 

Usecase Cập nhật thỏa ước lao động................................................147 

4.3.22 

Usecase Tra cứu thỏa ước lao động .................................................149 

GVHD: TS. Phạm Văn Tính

xii

SVTH: Cường, Hoàng, Phương, Thắng


Nghiên cứu ứng dụng vaadin xây dựng ứng dụng hồ sơ hành chính trong chính phủ điện tử

4.3.23 

Usecase In thỏa ước lao động...........................................................151 

4.3.24 

Usecase In danh sách thỏa ước lao động ..........................................152 

4.3.25 

Usecase Xem chi tiết thỏa ước lao động ..........................................153 

4.3.26 

Usecase xóa thỏa ước lao động ........................................................154 

4.3.27 

Usecase cập nhật thẩm nội quy lao động .........................................155 

4.3.28 

Usecase tra cứu nội quy lao động.....................................................158 

4.3.29 

Usecase in nội quy lao động .............................................................160 

4.3.30 

Usecase in danh sách nội quy lao động ............................................161 

4.3.31 

Usecase xem chi tiết nội quy lao động .............................................162 

4.3.32 

Usecase xóa nội quy lao động ..........................................................163 

4.4 

Sơ đồ database ............................................................................................165 

4.5 

CÁC VẤN ĐỀ VÀ GIẢI PHÁP ................................................................166 
4.5.1  Chuyển trang trong môi trường liferay ................................................166 
4.5.2  Trở lại trang trước đó ...........................................................................168 
4.5.3  Chuyển từ portlet này sang portlet khác ..............................................170 
4.5.4  Một số vấn đề về thiết kế giao diện .....................................................171 

CHƯƠNG 5 :  KẾT QUẢ ĐẠT ĐƯỢC VÀ HƯỚNG PHÁT TRIỂN ................173 
5.1 

KẾT QUả ĐẠT ĐƯỢC ..............................................................................173 

5.2 

Hướng phát triển .........................................................................................174 

TÀI LIỆU THAM KHẢO........................................................................................175 
PHỤ LỤC .....................................................................................................................1 
Hình Ảnh Kết Quả Đạt Được Ứng Dụng Hồ Sơ Lao Động, Danh Mục Dùng
Chung. ........................................................................................................................1 
Lab-Cài đặt và sử dụng vaadin plugin trong eclipse .................................................8 

GVHD: TS. Phạm Văn Tính

xiii

SVTH: Cường, Hoàng, Phương, Thắng


Nghiên cứu ứng dụng vaadin xây dựng ứng dụng hồ sơ hành chính trong chính phủ điện tử

CHƯƠNG 1 :

MỞ ĐẦU

1.1 LÝ DO CHỌN ĐỀ TÀI
Trong thời đại đổi mới ngày nay sự phát triển về kinh tế và xã hội ngày càng tăng
cao, đòi hỏi hệ thống pháp luật cũng phải được nhà nước quan tâm phát triển và áp
dụng chặt chẽ hơn, yêu cầu mọi văn bản giấy tờ phải hợp thức hóa pháp luật. Vì vậy
nhu cầu xử lý thủ tục hành chính trong bộ máy nhà nước là rất lớn. Tuy nhiên quy
trình xử lý hành chính còn nhiều hạn chế làm mất nhiều thời gian, không đáp ứng
được nhu cầu, lợi ích của nhân dân, gây trì trệ nền kinh tế và xã hội dẫn tới khoảng
cách của nhân dân và chính phủ ngày càng xa, gây mất lòng tin của nhân dân. Bộ
máy chính quyền tại các tỉnh, thành phố và các quận huyện hiện nay đã được trang
bị tin học tương đối hoàn chỉnh, trình độ tin học của nhân dân cũng nâng cao, đã tạo
điều kiện thuận lợi áp dụng công nghệ thông tin – truyền thông vào quá trình xử lý
hành chính của bộ máy nhà nước để các cơ quan chính phủ đổi mới, làm việc hiệu
lực, hiệu quả và minh bạch hơn, cung cấp thông tin, phục vụ tốt hơn cho người dân,
doanh nghiệp và các tổ chức, đồng thời tạo điều kiện thuận lợi hơn cho người dân
thực hiện quyền dân chủ của mình trong việc tham gia quản lý nhà nước. Điều này
trở thành động lực để ngành công nghệ thông tin áp dụng, phát triển các công nghệ
mới của thế giới sao cho phù hợp, xây dựng các phần mềm hỗ trợ quá trình xử lý thủ
tục hành chính của Nhà Nước được nhanh chóng, thuận tiện và rõ ràng hơn. Hiện
nay có rất nhiều tổ chức đã xây dựng và triển khai phần mềm hỗ trợ chính phủ trong
quá trình xử lý hồ sơ trên các nền tảng công nghệ như: jsp servlet, portal, jsf,

vaadin,…

1.2 MỤC TIÊU ĐỀ TÀI
Nghiên cứu các công nghệ Liferay Portal, Vaadin, Lucene, RTF template… Ứng
dụng vaadin để xây dựng giao diện cho phần mềm Hồ sơ một cửa của công ty Sài
Gòn Mới, Xây dựng bộ tài liệu hướng dẫn sử dụng vaadin trong liferay.

GVHD: TS. Phạm Văn Tính

1

SVTH: Cường, Hoàng, Phương, Thắng


Nghiên cứu ứng dụng vaadin xây dựng ứng dụng hồ sơ hành chính trong chính phủ điện tử

1.3 PHẠM VI NGHIÊN CỨU
1.3.1

Về thời gian

Đề tài được thực hiện trong khoảng thời gian từ 01/04/2011 đến 26/08/2011. Trong
thời gian làm luận văn luôn phân tích và triển khai khi có thay đổi về yêu cầu.
1.3.2

Về không gian

Đề tài được tiến hành thu thập yêu cầu và thực hiện tại công ty Sài Gòn Mới dưới sự
hướng dẫn của thầy Phạm Văn Tính khoa Công nghệ Thông tin trường Đại học
Nông Lâm TP. Hồ Chí Minh.

1.3.3

Về nội dung

Đề tài tập trung nghiên cứu về công nghệ Vaadin , Liferay Portal, và một số công
nghệ khác như Lucene, RTF template và PostgreSQL… Để xây dựng module quản
lý hồ sơ lao động của hệ thống quản lý hồ sơ hành chính một cửa cho Chính Phủ
Điện Tử.

GVHD: TS. Phạm Văn Tính

2

SVTH: Cường, Hoàng, Phương, Thắng


Nghiên cứu ứng dụng vaadin xây dựng ứng dụng hồ sơ hành chính trong chính phủ điện tử

GVHD: TS. Phạm Văn Tính

3

SVTH: Cường, Hoàng, Phương, Thắng


Nghiên cứu ứng dụng vaadin xây dựng ứng dụng hồ sơ hành chính trong chính phủ điện tử

CHƯƠNG 2 :

TỔNG QUAN

2.1 ĐẶT VẤN ĐỀ
Cổng thông tin là một trong những nguồn cung cấp thông tin đang được áp dụng
rộng rãi trên toàn thế giới. Khuynh hướng các dịch vụ cùng nhau chia sẽ dữ liệu
người dùng đang là hướng phát triển chung của công nghệ thông tin. Đồng thời cùng
với chính sách rút gọn thủ tục hành chính tại các cơ quan nhà nước ngày càng được
triển khai mạnh mẽ. Với nhu cầu như vậy việc xây dựng một cổng thông tin phục vụ
cho việc rút ngắn thủ tục hành chính là điều rất cần thiết. Nhưng để xây dựng một
ứng dụng web trên môi trường liferay được nhanh chóng và dễ dàng thì cần một
framework có khả năng cung cấp sẵn những thành phần để việc viết giao diện được
nhanh hơn, cho nên chúng em đã chọn lựa nghiên cứu xây dựng ứng dụng web trên
portal bằng Vaadin.

2.2 TÌNH HÌNH ỨNG DỤNG CHÍNH PHỦ ĐIỆN TỬ TRONG NƯỚC
TA
Tuy còn những hạn chế nhất định, sau bốn năm thực hiện, cùng với sự cố gắng của
các bộ, ngành, UBND các tỉnh, thành phố trong việc ưu tiên ứng dụng CNTT trong
quản lý nhà nước đã đạt được những kết quả đáng ghi nhận. Tạo ra một phương thức
làm việc mới có sử dụng công nghệ thông tin trong các cơ quan hành chính nhà
nước, nâng cao hiệu quả làm việc của cán bộ công chức nhà nước. Nhiều cơ quan
nhà nước đã chuyển từ điều hành thủ công truyền thống sang điều hành qua mạng
máy tính. Lần đầu tiên thiết lập được hệ thống thông tin điện tử trong cả nước, hình
thành hệ thống thông tin điện tử của Chính phủ, bao gồm trung tâm tích hợp dữ liệu
của các bộ, các tỉnh, mạng cục bộ (LAN) của mỗi cơ quan thuộc cơ cấu bên trong
của bộ, tỉnh, mạng diện rộng liên kết các hệ thống tin học của bộ, tỉnh. Trong đó
điểm hội tụ của toàn hệ thống thông tin điện tử của Chính phủ là cổng thông tin điện
tử Chính phủ được khai trương và đưa vào vận hành ngày 9-9-2005.
Hệ thống thông tin điện tử của các bộ, tỉnh đã vận hành các phần mềm ứng dụng tin
học hóa quản lý hành chính nhà nước và cung cấp thông tin phục vụ lãnh đạo của

GVHD: TS. Phạm Văn Tính

4

SVTH: Cường, Hoàng, Phương, Thắng


Nghiên cứu ứng dụng vaadin xây dựng ứng dụng hồ sơ hành chính trong chính phủ điện tử

bộ, tỉnh và Thủ tướng Chính phủ. Hơn 25 nghìn văn bản quy phạm pháp luật được
cập nhật và công bố trên Cổng thông tin điện tử Chính phủ. Hơn 300 hệ thống thông
tin điện tử được cài đặt tại các bộ, tỉnh, trong đó 35% hệ thống thông tin đã được
vận hành trong bộ máy hành chính. Hơn 60% số cán bộ công chức biết sử dụng thư
điện tử hành chính (dạng gov.vn) và khai thác mạng internet.
Về cơ bản, các hệ thống thông tin đã bắt đầu cung cấp thông tin phục vụ trực tiếp
cho công tác chỉ đạo điều hành của các cơ quan cấp bộ, tỉnh. Những kết quả của Ðề
án 112 kết hợp những kết quả đạt được của Ðề án 169 là những yếu tố cơ bản để
triển khai giai đoạn II tin học hóa quản lý hành chính Nhà nước và góp phần quan
trọng trong việc hiện đại hóa nền hành chính điện tử của nước ta.

2.3 KẾT LUẬN
Trước các nhận định đánh giá về tình hình chính phủ như trên, nhóm thực hiện luận
văn đã kết hợp với công ty Sài Gòn Mới đi sâu tìm hiểu thực tế quy trình xử lý hồ sơ
hành chính một cửa cho Chính Phủ Điện Tử nói chung và cụ thể là quy trình xử lý
hồ sơ lao động. Tiến hành triển khai module quản lý hồ sơ lao động của hệ thống
quản lý hồ sơ hành chính một cửa cho Chính Phủ Điện Tử trên nền Liferay Portal.

GVHD: TS. Phạm Văn Tính

5

SVTH: Cường, Hoàng, Phương, Thắng


Nghiên cứu ứng dụng vaadin xây dựng ứng dụng hồ sơ hành chính trong chính phủ điện tử

GVHD: TS. Phạm Văn Tính

6

SVTH: Cường, Hoàng, Phương, Thắng


Nghiên cứu ứng dụng vaadin xây dựng ứng dụng hồ sơ hành chính trong chính phủ điện tử

CHƯƠNG 3 :

NỘI DUNG NGHIÊN CỨU

3.1 LIFERAY
3.1.1

Tổng Quan Liferay Portal

Portal là cổng thông tin điện tử. Khác với các website thông thường portal là nơi tích
hợp hầu hết các thông tin và dịch vụ cần thiết cho người dùng. Sự ra đời của portal
nhằm giải quyết các nhược điểm mà các website thông thường mắc phải như khó
bảo trì, tích hợp, mở rộng, v.v… đặc biệt là khả năng tùy biến khá cao, cá nhân hóa,
tính bảo mật cao và đăng nhập một lần.
 Phân loại portal

Tùy thuộc vào mục đích cung cấp dịch vụ cho người dùng cuối mà ta có những cổng
thông tin như sau:
Cổng thông tin công cộng (Public portals): Khi muốn ghép nối các thông tin lại với
nhau từ nhiều nguồn, nhiều ứng dụng và từ nhiều người ta dùng loại cổng thông tin
này. Ngoài ra nó còn cho phép cá nhân hóa (personalization) các website theo từng
đối tượng người dùng. Ví dụ Yahoo.
Cổng thông tin doanh nghiệp (Enterprise portal hay Corporate Desktops): Cổng
thông tin này được xây dựng để cho phép các thành viên của doanh nghiệp sử dụng
và tương tác trên các thông tin hay ứng dụng nghiệp vụ tác nghiệp của doanh
nghiệp.
Cổng giao dịch điện tử (Marketplace portals): Là nơi liên kết giữa người bán và
người mua. Ví dụ: eBay, ChemWeb.
Cổng thông tin ứng dụng chuyên biệt (Specialized portals): Ví dụ như SAP portal,
cổng thông tin loại này cung cấp các ứng dụng chuyên biệt khác nhau.
 Tính năng cơ bản

GVHD: TS. Phạm Văn Tính

7

SVTH: Cường, Hoàng, Phương, Thắng


Nghiên cứu ứng dụng vaadin xây dựng ứng dụng hồ sơ hành chính trong chính phủ điện tử

Các loại cổng thông tin đều có chung một số tính năng cơ bản. Người ta xem các
tính năng đó như một tiêu chuẩn để phân biệt portal với một website tổng hợp tin
tức, ứng dụng quản trị nội dung website, hoặc một ứng dụng chạy trên nền Web.
Khả năng cá nhân hoá (Customization hay Personalization): Portal được hiển thị
theo nhiều cách khác nhau tùy thuộc vào đối tượng người dùng hay nhóm người sử

dụng. Mỗi cá nhân có thể tự chỉnh sửa cách thể hiện thông tin, ứng dụng theo yêu
cầu sử dụng.
Tích hợp nhiều loại thông tin (Content aggregation): Cho phép xây dựng nội dung
thông tin từ nhiều nguồn khác nhau cho nhiều đối tượng sử dụng. Sự khác biệt giữa
các nội dung thông tin sẽ được xác định qua các ngữ cảnh hoạt động của người dùng
(user-specific context).
Xuất bản thông tin( Content syndication): Thu thập thông tin từ nhiều nguồn khác
nhau, cung cấp cho người dùng thông qua các phương pháp hoặc giao thức
(protocol) một cách thích hợp. Có khả năng xuất bản thông tin với các định dạng đã
được quy chuẩn. Ngoài ra, các tiêu chuẩn dựa trên XML cũng phải được áp dụng để
quản trị và hiển thị nội dung một cách thống nhất, xuyên suốt trong quá trình xuất
bản thông tin.
Hỗ trợ nhiều môi trường hiển thị thông tin (Multidevice support): Portal phải có
khả năng vận hành đa nền đa phương tiện. Để truy xuất vào portal người dùng có thể
sử dụng nhiều loại thiết bị và nhiều trình duyệt khác nhau
Khả năng đăng nhập một lần: Đây là một tính năng rất quan trọng. Portal sẽ lấy
thông tin về người sử dụng từ các thư mục như LDAP, DNS hoặc AD.
Quản trị portal (Portal administration): Xác định cách thức hiển thị thông tin cho
người dùng cuối. Cho phép thiết lập các giao diện người dùng với các chi tiết đồ
hoạ, người quản trị phải định nghĩa được các thành phần thông tin, các kênh tương
tác với người sử dụng cuối, định nghĩa nhóm người dùng cùng với các quyền truy
cập và sử dụng thông tin khác nhau.
Quản trị người dùng (Portal user management): Cung cấp các khả năng quản trị
người dùng cuối tùy vào đối tượng sử dụng của portal. Người sử dụng có thể tự đăng
ký thành viên tại một cổng thông tin công cộng hoặc được người quản trị tạo tài
khoản và gán quyền sử dụng thích hợp.

GVHD: TS. Phạm Văn Tính

8

SVTH: Cường, Hoàng, Phương, Thắng