BÁO CÁO CUỐI KỲWEBSITE FIND LOVE

ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ

CHÍ MINH
TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN
KHOA CÔNG NGHỆ PHẦN MỀM
BÁO CÁO CUỐI KỲ
WEBSITE FIND LOVE
Môn học: Xử lý phân bố
Lớp: SE213.E12
GVHD: ThS. NGUYỄN TRÁC THỨC
Nhóm:
1. LÊ VÂN THÀNH VĨ 10520046
2. HUỲNH NGỌC HIỆP 10520128
3. NGUYỄN TẤN HOAN 10520135
TP. Hồ Chí Minh, tháng 1 năm 2014
LỜI CẢM ƠN
Trong khoảng thời gian thực hiện báo cáo này, chúng em đã nhận được sự giúp
đỡ, chỉ bảo tận tình của thầy cô bộ môn. Chúng em xin gửi lời cảm ơn sâu sắc đến quý
thầy
cô. Đặc biệt xin chân thành cảm ơn thầy Nguyễn Trác Thức
là người hướng
dẫn, cung cấp cho chúng em những
tài liệu và tạo điều kiện thuận lợi giúp đỡ chúng
em để hoàn thành báo cáo một cách tốt
nhất.
Chúng em cũng gửi lời cảm ơn đến bạn bè đã giúp đỡ chúng em hoàn thành đề
tài này.
Do thời gian và kiến thức có hạn nên mặc dù đã cố gắng hết khả năng nhưng
báo cáo không thể nào tránh
khỏi những thiếu sót. Rất mong được sự đóng góp của
quý thầy cô để đề tài này hoàn

chỉnh hơn.
TP.HCM, tháng 1 năm 2014
Nhóm thực hiện
NHẬN XÉT



















MỤC LỤC

I. GIỚI THIỆU HỆ THỐNG
1. Ý tưởng:
 Lúc đầu khi mới học môn này cả nhóm đều phân vân và luôn đặt trong
đầu mỗi thành viên là hệ thống phân tán là gì?. Mọi người trong
nhóm đều rất khó có thể hiểu được những khái niêm trên internet,

nhưng qua một số bài giảng của Thầy nhóm đã phần nào hình thành
trong đầu được một số ý tưởng.
 Nhóm nhận thấy rằng hiện nay dân số việt nam nói riêng và thế giới
nói chung ngày càng tăng. Mọi người thường làm việc chuyên nghiệp
hơn là thông qua mạng internet. Cùng với sự phát triển không ngừng
của mạng xã hội thì mỗi người khi đủ tuổi biết mạng internet là gì
cũng muốn lập cho mình một facebook để tự sướng, chia sẽ hình ảnh,
tán gẫu với bạn bè trên thế giới thông qua cái gọi là FaceBook Dẫn
đến từ “FA”(độc thân….) đã xuất hiện ngay từ lúc nào không biết. Do
đó, nhóm quyết định làm một trang web giúp cho mọi người trên toàn
thế giới có thể tìm bạn khác giới thông qua web.
 Mọi người trên toàn thế giới có thể tìm thành viên trong trang web
hoặc đăng kí để trở thành thành viên và vô tư tìm kiếm bạn bè khác
giới trên toàn thế giới. Mỗi người đăng kí thì được đại diện bằng hình
ảnh theo giới tính…
2. Hệ thống:
Web Find Love gồm có 3 phần chính:
 User:
Những người khi mới lần đầu tiên truy cập vào web đều thuộc
thành phần user. Mỗi người khi vào web có thể đọc các tip để dễ tìm
bạn tình hay nhưng trang web khác để có thể dễ dàng tìm thông tin về
bạn tình…Tất cả các tab ở phần này để luôn luôn có phần tìm thành
viên để dễ dàng cho người dùng có thể tìm bất kì thành viên nào ở bất
kì tab nào
• Tab Home: Những thành viên đầu tiên của web sẽ được hiển thị ở
đây.
• Tab About Us: Là nơi nói về ý tưởng của nhóm. Tại sao nhóm lại
chọn đề tài này…
• Tab Appointment: Là nơi mọi thành viên mới có quyền được gởi
lời đề nghị hẹn gặp ai đó.

• Tab Extension: Là phần mở rộng của thành viên.
• Tab Contact Us: Là nơi mà mọi người có thể liên hệ với nhóm
thông qua mail hay số điện thoại.
• Tab Register: Người dùng có thể đăng kí để trở thành thành viên
một cách dễ dàng. User có thể chọn giá tương ứng với giá mà mình
muốn.
Webite Find Love Page 5

• Tab Login: Nếu đã có tài khoản rồi thì có thể đăng nhập để vào
phần thành viên hoặc là quản lí.
 Member:
• Tương tự như phần user về các tab About Us, Contact Us, Home,
Register.
• Tab Appointment: là để thành viên gởi lời hẹn gặp với một ai đó…
• Tab Extension: là thể hiện sự gia hạn tài khoản
• Đặc biệt trong phần member có phần profile để xem thông tin về
tài khoản.
 Admin:
Nếu là admin thì mọi người có thể thay đổi password, thêm country,
thêm city, thêm term, thêm charge….
Webite Find Love Page 6

II. KĨ THUẬT LẬP TRÌNH
1. Yêu cầu phần cứng
Máy tính có thể cài được Netbean, xampp…
2. Yêu cầu phần mềm
• Netbean 7.4.
• Xampp.
• Java Virtual Machine/J2EE server.
• Notepad/HTML editor/ Java Editor.

• jdk-7u45-nb-7_4-windows-x64.exe.
• Glassfish-4.0.
• EJB Dev Kit.
• mysql-connector-java-5.0.8.
• JSP / Servlets.
3. Giới thiệu về Java EE và Java Web Application.
 Java Web Application:
• Java Web Application tạo ra các trang web tương tác có chứa các
loại markup language khác nhau (HTML, XML, ) và nội dung
động. Nó bao gồm các thành phần như Java Server Pages (JSP),
Servlet và JavaBeans để sửa đổi và lưu trữ tạm thời dữ liệu, tương
tác với cơ sở dữ liệu (Database) và các dịch vụ web (Webservices)
để đáp ứng được yêu cầu của khách hàng.
• Vì có rất nhiều công việc liên quan đến việt phát triển ứng dụng
web có thể được lặp đi lặp lại hoặc yêu cầu một khối lượng lớn mã
lệnh đã viết sẵn. Lúc đó web framework sẽ được áp dụng để giảm
bớt các chi phí liên quan đến hoạt động chung. Ví du, có rất nhiều
framework như JavaServer Faces, cung cấp các thư viện cho các
trang template, quản lý session và các đoạn mã có thể được sử
dụng lại.
• Java EE:
Java EE (Enterprise Edition) là một nền tảng được sử dụng rộng
rãi, chứa một tập hợp các công nghệ được phối hợp vào nhau, làm
giảm đáng kể chi phí và độ phức tạp của việc phát triển, triển khai và
quản lý các tầng làm việc, các ứng dụng máy chủ trung tâm. Java EE
được xây dựng dựa trên nền tảng Java SE và cũng cấp thêm một tập
các API (giao diện lập trình ứng dụng) để phát triển và hoạt động các
ứng dụng phía máy chủ (Server-Side Applications) một cách mạnh
mẽ, có khả năng mở rông, đáng tin cậy, di đông (portable) và bảo
mật.

Một số thành phần cơ bản của Java EE bao gồm:
• Enterprise Java Beans (EJB):
Webite Find Love Page 7

Một thành phần kiến trúc của các ứng dụng server được quản lý,
sử dụng để bao gói (encapsulate) các business logic của các ứng
dụng. Công nghệ EJB cho phép phát triển nhanh chóng và đơn giản
hóa các ứng dụng phân tán, các giao dịch an toàn và di động dựa trên
công nghệ Java.
• Java Persistence API (JPA):
Một framework cho pháp nhà phát triển quản lý dữ liệu bằng
cách sử dụng ánh xạ đối tượng quan hệ (Object Relational Mapping -
ORM) trong các dứng dụng được xây dựng trên nền tảng Java
4. Hướng dẫn cài đặt để chạy web trên localhost.
Để chạy được web thì cần cài đặt các chương trình sau:
• Cài đặt xampp: Xampp là chương trình tạo máy chủ Web để dễ dàng
tương tác với dữ liệu dựa vào phpMyAdmin. Để cài đặt bạn down
lên trang chủ xampp để down bản mới nhất về cài vào trong máy. Để
có thể tương tác với dữ liệu thì bạn khởi động Apache và MySQL
trong XAMPP Control Panel.
• Cài đặt JDK để chạy máy ảo java.
• Cài đặt Netbean 7.4.
• Chạy glashfish 4.0 trước. Nếu đúng thì sẽ được kết quả như hình
dưới:
• Hướng dẫn kết nối đến cơ sở dữ liệu
Webite Find Love Page 8

Click chuột phải vào Database của tab Services để tạo new connection.
Click New Driver… của phần Driver để tạo driver database mới. Click Add để add
mysql connection. Trỏ tới file mysql connect trong thư mục.

Webite Find Love Page 9

Thiết lập liên kết để cơ sở dữ liệu của trang web. Bao gồm Host: localhost; Port:
3306; Database là file dữ liệu của chúng ta: matrimony; User Name: root; Password:
để trống hoặc bạn có thể thiết lập. Click finish để hoàn tất quá trình connect database.
Click biểu tượng open project để mở project web. Trỏ đường dẫn đến project web của
chúng ta. Sau khi trỏ tới thì project của chúng ta như hình trên
Webite Find Love Page 10

5. Khắc phục khó khăn.
Dưới đây là một số khó khăn của nhóm trong quá trình làm đề tài:
• Xampp và skype trùng port. Khắc phục: 2 cách.
o Mở xampp lên trước rồi hãy mở skype.
o Thay đổi port của skype sang port 4040.
• Glashfish không chạy vì trùng port hay lí do gì khác…. Thì xóa và cài
lại netbean là cách tốt nhất.
Webite Find Love Page 11

III. THIẾT KẾ HỆ
1. Use Case
Usecase beanInfo
Webite Find Love Page 12

Usecase của beanCRUD
Webite Find Love Page 13

Usacase của beanControl
Webite Find Love Page 14

Usecase của Helper

Webite Find Love Page 15

2. Class Diagram
Usecase beanInfo
Webite Find Love Page 16

Webite Find Love Page 17

Usecase của beanCRUD
Webite Find Love Page 18

Webite Find Love Page 19

Webite Find Love Page 20

Usacase của beanControl
Usecase của Helper
Webite Find Love Page 21

3. Data Flow Diagram
DFD LEVEL 0 – Context Diagram
1-1:Admin management
Webite Find Love Page 22

1-2:Admin management
1-3:Admin management
Webite Find Love Page 23

1-4:Admin management
1-5:Admin management

Webite Find Love Page 24

1-6:Admin management
1-7:Admin management
Webite Find Love Page 25