BỘ GIÁO DỤC VÀ ĐÀO TẠO

TRƯỜNG ĐH NGOẠI NGỮ TIN HỌC TP.HCM

KHOA CÔNG NGHỆ THÔNG TIN

Đồ án CNPMNC

Ứng dụng đăng tin

Rao Vặt

Hồ Tấn Hùng – 19DH110536

Nhóm sinh viên thực hiện Ngô Thị Thanh Ngân – 19DH110061

Nguyễn Lâm Ngọc Phước – 19DH111091

Giảng viên Th.S Đặng Thị Kim Giao

TP.HCM, 11/03/2022
 Mục lục
Mục lục..................................................................................................................... ii

Danh mục hình vẽ....................................................................................................v

Danh mục bảng......................................................................................................vii

Danh mục các từ viết tắt......................................................................................viii

Danh mục thuật ngữ..............................................................................................ix

Chương 1 Giới thiệu đề tài......................................................................................1

1.1 Đặt vấn đề..............................................................................................................1

1.2 Mục tiêu và phạm vi đề tài...................................................................................1

1.3 Định hướng giải pháp...........................................................................................2

1.4 Bố cục đồ án..........................................................................................................3

Chương 2 Khảo sát và phân tích yêu cầu..............................................................4

2.1 Khảo sát hiện trạng..............................................................................................4

2.2 Tổng quan chức năng...........................................................................................5

2.2.1 Biểu đồ use case tổng quan........................................................................5

2.2.2 Biểu đồ use case phân rã............................................................................9

2.2.3 Quy trình nghiệp vụ.................................................................................10

2.3 Đặc tả chức năng.................................................................................................12

2.3.1 Đặc tả use case Đăng nhập.......................................................................12

2.3.2 Đặc tả use case Đăng ký...........................................................................14

iii
 2.3.3 Đặc tả use case Tìm kiếm các tin Rao Vặt...............................................17

2.3.4 Đặc tả use case Lọc nâng cao...................................................................19

2.3.5 Đặc tả use case Xem duyệt qua các danh mục.........................................21

2.3.6 Đặc tả use case Xem các tin Rao Vặt đề xuất..........................................23

2.3.7 Đặc tả use case Xem chi tiết mô tả..........................................................25

2.3.8 Đặc tả use case Lấy lại mật khẩu.............................................................27

2.3.9 Đặc tả use case Đăng xuất........................................................................30

2.3.10 Đặc tả use case Quản lý tin Rao Vặt......................................................32

2.3.11 Đặc tả use case Đăng tin........................................................................34

2.3.12 Đặc tả use case Xóa tin..........................................................................36

2.3.13 Đặc tả use case Ẩn tin............................................................................38

2.3.14 Đặc tả use case Thêm vào danh sách yêu thích.....................................40

2.3.15 Đặc tả use case Xem mục yêu thích.......................................................42

2.3.16 Đặc tả use case Quản lý thông tin cá nhân.............................................44

2.3.17 Đặc tả use case Nhắn tin........................................................................46

2.3.18 Đặc tả use case Bình luận.......................................................................49

2.3.19 Đặc tả use case Đánh giá tin Rao Vặt....................................................51

2.3.20 Đặc tả use case Xét duyệt tin.................................................................53

2.3.21 Đặc tả use case Quản lý thành viên........................................................56

2.3.22 Đặc tả use case Quản lý danh mục tin....................................................60

2.4 Yêu cầu phi chức năng.......................................................................................62

2.4.1 Yêu cầu tiến hóa.......................................................................................62

2.4.2 Yêu cầu bảo mật.......................................................................................63

2.4.3 Yêu cầu công nghệ...................................................................................63

Chương 3 Công nghệ sử dụng..............................................................................64

iv
Chương 4 Phát triển và triển khai ứng dụng......................................................65

4.1 Thiết kế kiến trúc................................................................................................65

4.1.1 Lựa chọn kiến trúc phần mềm..................................................................65

4.1.2 Thiết kế tổng quan....................................................................................66

4.1.3 Thiết kế chi tiết gói..................................................................................66

4.2 Thiết kế chi tiết...................................................................................................66

4.2.1 Thiết kế giao diện.....................................................................................66

4.2.2 Thiết kế lớp..............................................................................................75

4.2.3 Thiết kế cơ sở dữ liệu...............................................................................75

4.3 Xây dựng ứng dụng............................................................................................76

4.3.1 Thư viện và công cụ sử dụng...................................................................76

4.3.2 Kết quả đạt được......................................................................................77

4.3.3 Minh hoạ các chức năng chính.................................................................77

4.4 Kiểm thử..............................................................................................................78

4.5 Triển khai............................................................................................................78

Chương 5 Các giải pháp và đóng góp..................................................................79

Chương 6 Kết luận và hướng phát triển..............................................................80

6.1 Kết luận...............................................................................................................80

6.2 Hướng phát triển................................................................................................80

Tài liệu tham khảo.................................................................................................81

Nhận xét của GVHD..............................................................................................82

v
 Danh mục hình vẽ
Hình 1: Sơ đồ UseCase Diagram........................................................................................5

Hình 2: UseCase Phân rã 01................................................................................................9

Hình 3: UseCase Phân rả 02..............................................................................................10

Hình 4: Quy trình Quản lý tin..........................................................................................11

Hình 5: Activity Diagram 01. Đăng nhập........................................................................14

Hình 6: Activity Diagram 02. Đăng ký.............................................................................17

Hình 7: Activity Diagram 03. Tìm kiếm các tin rao vặt.................................................19

Hình 8: Activity Diagram 04. Lọc nâng cao....................................................................21

Hình 9: Activity Diagram 05. Xem duyệt qua các danh mục........................................23

Hình 10: Activity Diagram 06. Xem các tin rao vặt đề xuất..........................................25

Hình 11: Activity Diagram 07. Xem chi tiết mô tả..........................................................26

Hình 12: Activity Diagram 08. Lấy lại mật khẩu............................................................30

Hình 13: Activity Diagram 09. Quản lý tin rao vặt.........................................................34

Hình 14: Activity Diagram 10. Đăng tin..........................................................................36

Hình 15: Activity Diagram 11. Xóa tin............................................................................38

Hình 16: Activity Diagram 12. Ẩn tin..............................................................................40

Hình 17: Activity Diagram 13. Thêm vào danh sách yêu thích.....................................42

Hình 18: Activity Diagram 14. Xem mục yêu thích........................................................44

Hình 19: Activity Diagram 15. Quản lý thông tin cá nhân............................................46

Hình 20: Activity Diagram 16. Nhắn tin..........................................................................48

vi
Hình 21: Activity Diagram 17. Bình luận........................................................................50

Hình 22: Activity Diagram 18. Đánh giá tin rao vặt.......................................................53

Hình 23: Activity Diagram 19. Xét duyệt tin...................................................................56

Hình 24: Activity Diagram 20. Quản lý thành viên........................................................60

Hình 25: Giao diện trang chủ chưa đăng nhập....................................................................69

Hình 26: Giao diện đăng tin mới.........................................................................................70

Hình 27: Giao diện chi tiết tin.............................................................................................71

Hình 28: Giao diện Quản lý Nhãn hiệu...............................................................................72

Hình 29: Giao diện Quản lý danh mục................................................................................72

Hình 30: Giao diện Quản lý tin...........................................................................................73

Hình 31: Giao diện Quản lý danh sách ngưsach1 người dùng............................................73

Hình 32: Giao diện tạo mới tin cho Admin.........................................................................74

Hình 33: Giao diện Xét duyệt tin........................................................................................74

Hình 34: Giao diện Danh sách tin tức mới..........................................................................75

Hình 35: Data Model (SQL Server)....................................................................................76

Danh mục bảng

Bảng 1: Danh sách yêu cầu tiến hóa....................................................................................62

Bảng 2: Danh sách yêu cầu bảo mật....................................................................................63

Bảng 3: Danh sách yêu cầu công nghệ................................................................................63

vii
 Application Programming Interface
Giao diện lập trình ứng dụng

Danh mục
các từ viết
tắt
API

End-User Development
EUD
Phát triển ứng dụng người dùng cuối

Google Web Toolkit

GWT
Công cụ lập trình Javascript bằng Java của Google

HyperText Markup Language

HTML
Ngôn ngữ đánh dấu siêu văn bản

CNTT Công nghệ thông tin

ĐỒ ÁN CNPMNC Đồ án Công Nghệ Phần Mềm Nâng Cao

SV Sinh viên

Trình duyệt

Danh mục
thuật ngữ
viii
Browser

Cache memory Bộ nhớ đệm

E-commerce Thương mại điện tử

Bloatware Ứng dụng nhà sản xuất tích hợp vào thiết bị

Interpreter Trình thông dịch

Compiler Trình biên dịch

ix
 Chương 1 Giới thiệu đề tài
1.1 Đặt vấn đề

Sự phát triển không ngừng của mạng internet cùng tình hình dịch COVID - 19 đang diễn
biến phức tạp đã tạo tiền đề đánh dấu sự tăng trưởng mạnh mẽ và vượt bậc của thương mại
điện tử. Quả thật, sự diễn biến phức tạp của dịch bệnh đã có tác động mạnh mẽ khiến nhiều
ngành hàng “chao đảo”, tuy nhiên “thời thế tạo nên anh hùng” đây lại chính là cơ hội để
thương mại điện tử bứt phá và chứng minh được vị thế của mình trong thời đại số hiện nay.

Nắm bắt cơ hội này, nhóm chúng em quyết định xây dựng Website thương mại điện tử
Raovat. Một trong những thương hiệu rao vặt trực tuyến uy tín, hiệu quả, chất lượng và
trải nghiệm tốt nhất mà tụi em muốn mang lại cho người dùng.

1.2 Mục tiêu và phạm vi đề tài

Với mục tiêu trở thành cầu nối hiệu quả giữa người mua và người bán, website rao vặt
online Rao vặt đã ra đời với giao diện vô cùng thân thiện.

Sự phát triển của cách mạng công nghệ 4.0 đã có sự tác động mạnh mẽ đến mọi mặt của
đời sống xã hội, đặc biệt là mô hình kinh doanh online ngày càng hoạt động hiệu quả
nhanh chóng hơn dựa trên nền tảng công nghệ số.

Kết quả của nhiều cuộc thống kê gần đây cho thấy, Việt Nam đang nằm trong top 20 nước
có số người sử dụng internet cao nhất thế giới với 49 triệu người kết nối internet. Trong đó,
khoảng 23 triệu người thường xuyên mua sắm trực tuyến. Con số này đã cho thấy tiềm
năng và nhu cầu của thị trường mua sắm hàng hóa online là cực kỳ lớn.

Nắm bắt cơ hội này, rất nhiều kênh rao vặt đã ra đời khiến cho thị trường rao vặt thời gian
qua hoạt động khá sôi nổi. Một trong những website rao vặt “sạch” mang lại uy tín và hiệu
quả cao hiện nay đó là rao vặt.

1
Hướng đến những trải nghiệm thoải mái của người dùng, giao diện website Rao Vặt có
thiết kế khá gần gũi với các bước thao tác đơn giản giúp người bán dễ dàng đăng tin rao
vặt, người mua nhanh chóng tìm kiếm và lựa chọn được sản phẩm theo nhu cầu của mình.
Nhờ đó, quá trình mua bán trở nên đơn giản và tiết kiệm thời gian hơn.

Bên cạnh đó, Rao Vặt là một kênh rao vặt đa lĩnh vực, với rất nhiều chuyên mục hàng hóa
phong phú, đa dạng như thực phẩm, đồ điện tử, đồ gia dụng đến xe cộ, bất động sản. Trong
mỗi mục lớn lại chia thành nhiều mục nhỏ, giúp người bán có thể dễ dàng tiếp cận các
khách hàng tiềm năng.

Đặc biệt, làm một website rao vặt hướng đến lợi ích của người dùng nên đến với Rao Vặt,
bạn có thể đăng tin với số lượng lớn, không giới hạn, miễn phí 100%.

Hiện nay, một số kênh rao vặt tự phát, không có kiểm duyệt tin khiến khách hàng phải đợi
lâu, tin bài có nội dung kém chất lượng, thiếu độ tịn cậy. Khắc phục vấn đề này, Rao Vặt
đã đầu tư một đội ngũ duyệt tin nhanh để đảm bảo tin đăng của khách luôn xuất hiện nhanh
chóng và chất lượng thông tin đến với người dùng luôn được đảm bảo.

Với thái độ làm việc nghiêm túc, tôn trọng khách hàng và định hướng phát triển đầy sáng
tạo, rao vặt Tung tăng được kỳ vọng sẽ trở thành trong việc xây dựng website rao vặt uy
tín, chất lượng hàng đầu Việt Nam.

1.3 Định hướng giải pháp

- Phát triển giao diện: Giao diện website thường là giao diện mặc định được đơn vị thiết kế
website lên format sẵn, do đó tùy theo nhu cầu sử dụng website mà bạn có thể lựa chọn tùy
biến giao diện website sao cho phù hợp với sản phẩm kinh doanh của mình. Từ đó để hoàn
thiện tốt nhất giao diện web chính là “ấn tượng, dễ nhớ và dễ sử dụng”. Đừng đặt quá
nhiều thông tin lên trang chủ sẽ khiến website gây khó chịu cho người dùng.

- Xây dựng nội dung chỉnh chu hết mức có thể: Trong quá trình phát triển website, nếu như
giao diện web chính là yếu tố gây ấn tượng vào trí nhớ người truy cập, thì nội dung chính
là yếu tố giữ chân họ. Xây dựng nội dung cho website là công việc đòi hỏi người làm phải
có tầm hiểu biết nhất định, khả năng viết thu hút, hình ảnh bắt mắt và nội dung đảm bảo có
ích cho người đọc nữa.

2
- Cập nhật nội dung thường xuyên: Khi phát triển website và trở nên ổn định, thì việc cập
nhật nội dung thường xuyên chính là yếu tố mấu chốt để giúp website lấy được lòng tin
của khách hàng. Việc cập nhật thường xuyên giúp người truy cập cảm nhận được rằng
doanh nghiệp vẫn còn hoạt động tốt, đáng tin cậy hơn. Nếu không có thời gian cập nhật nội
dung, hãy liên hệ các đơn vị xây dựng nội dung chuyên nghiệp để chăm sóc tốt nhất cho
website của bạn.

- Sử dụng các công cụ thống kê chuyên nghiệp: Nếu như ở cửa hàng truyền thống, bạn có
thể dễ dàng kiểm soát và sửa chữa lỗi thì ở website, các lỗi không thể kiếm tra nếu không
có các công cụ từ bên thứ ba. Với website, các công cụ như Open SEO status, Google
webmaster tool, Google analytics… cần được tích hợp và website để theo dõi tình trạng
hoạt động, lượt truy cập, lỗi url… và có phương pháp điều chỉnh thích hợp.

1.4 Bố cục đồ án

Chương 1: Giới thiệu đề tài

Chương 2: Khảo sát và phân tích yêu cầu

Chương 3: Công Nghệ sử dụng

Chương 4: Phát triển và triển khai ứng dụng

Chương 5: Các giải pháp và đóng góp

Chương 6: Kết luận và hướng phát triển

Chương 2 Khảo sát và phân tích yêu cầu

1.5 Khảo sát hiện trạng

• Hệ thống buôn bán qua mạng chạy trên nền web giúp công việc trao đổi
hàng hóa được tiến hành một cách nhanh chóng, tiện lợi và ít tốn kém nhất.
Cung cấp những dịch vụ và giải pháp quảng cáo rao vặt hàng đầu trên

3
internet. Hệ thống RaoVat ra đời nhằm đáp ứng mọi nhu cầu mua bán trao đổi
những sản phẩm, mặt hàng và cả dịch vụ cho những tổ chức công ty và cá
nhân có nhu cầu.

• Thông tin sẽ được truyền tải tới người sử dụng một cách nhanh chóng và
hiệu quả nhất giúp người dùng dễ dàng tìm kiếm thông tin sản phẩm mình cần
và giúp quảng bá sản phẩm tới tay người tiêu dùng một cách rộng rãi nhất.

• Website cho phép mọi người đăng kí làm thành viên và đăng tải tin rao vặt
của mình. Tin rao vặt có thể là mua, bán, trao đổi hoặc dịch vụ cho thuê, tư
vấn, việc làm Website sẽ giúp người dùng phát tán rin rao vặt lên các website
rao vặt khác và giúp quảng bá tin rao vặt tới tất cả mọi người ghé thăm
website. Tin rao vặt của người dùng sẽ có cơ hội rất cao để được một số
lượng người dùng lớn đang sử dụng các dịch vụ mua bán trực tuyến biết đến
và theo dõi.

• Hệ thống website còn được quản lý chuyện nghiệp cùng với hệ thống đánh
giá bài viết, đánh giá khách hàng giúp tạo niềm tin vào các thông tin rao vặt
trên internet.

• Hệ thống gồm 3 phân hệ: Phân hệ khách, phân hệ thành viên (người dùng)
và phân hệ Administrator.

4
1.6 Tổng quan chức năng

1.6.1 Biểu đồ use case tổng quan

5
 Hình 1: Sơ đồ UseCase Diagram

- Các tác nhân tham gia: Khách, Thành viên, Administractor

- Vai trò từng tác nhân

# Tên Actor Mô tả

1 Khách Có thể tìm, xem các mặt hàng cần mua, trao đổi, các
dịch vụ, nhu cầu về việc làm hay tư vấn. Liên hệ với
Người đăng tin Rao Vặt thông qua số điện thoại có sẵn
trong bản Tin Cá Nhân người đăng tin Rao Vặt để trao
đổi, thương lượng mua bán hàng hóa.

2 Thành viên Có thể đăng Tin Rao Vặt, quản lý Tin Rao Vặt Cá
Nhân. Và có các chức năng như actor Khách.

3 Administrator Quản lý thông tin thành viên và các nhóm bài đăng
Tin.

- Mô tả Use Case chính

# Code Name Brief Description

1 UC01 Đăng nhập Cho phép người dùng đăng nhập vào hệ
thống.

2 UC02 Đăng ký Cho phép người dùng có thể đăng ký để trở

thành thành viên.

3 UC03 Tìm kiếm các tin rao vặt Cho phép người dùng có thể tìm kiếm các
tin rao vặt khác nhau trong hệ thống.

4 UC04 Lọc nâng cao Cho phép người dùng có thể lọc tìm các sản
phẩm theo nhu cầu về giá cả từ thấp đến

6
 cao, chất lượng,…

5 UC05 Xem duyệt qua các Cho phép người dùng có thể xem các tin rao
danh mục vặt thông qua phần danh mục tin Rao Vặt.

6 UC06 Xem các tin rao vặt đề Cho phép người dùng có thể xem qua các
xuất tin rao vặt đã được đề xuất sẵn ở giao diện
trang chủ của hệ thống.

7 UC07 Xem chi tiết mô tả Cho phép người dùng có thể xem chi tiết
phần mô tả chi tiết của tin Rao Vặt.

8 UC08 Lấy lại mật khẩu Cho phép người dùng thành viên có thể lấy
lại mật khẩu khi quên mật khẩu.

9 UC09 Đăng xuất Cho phép người dùng thành viên có thể
đăng xuất khỏi hệ thống.

10 UC10 Quản lý tin rao vặt Cho phép người dùng thành viên có thể
chỉnh các tin rao vặt của mình.

11 UC11 Đăng tin Cho phép người dùng thành viên có thể
đăng Tin của mình lên hệ thống.

12 UC12 Cập nhật/Xóa tin Cho phép người dùng thành viên có thể xóa
Tin sau khi đăng tin.

13 UC13 Ẩn tin Cho phép người dùng thành viên có thể ẩn

tin sau khi đăng tin.

14 UC14 Thêm vào danh sách Cho phép người dùng thành viên có thể

7
 yêu thích thêm các tin rao vặt yêu thích vào danh sách
yêu thích của mình.

15 UC15 Xem mục yêu thích Cho phép người dùng thành viên có thể xem
và chỉnh sửa danh sách yêu thích của mình.

16 UC16 Quản lý thông tin cá Cho phép người dùng thành viên có thể
nhân quản lý các thông tin cá nhân của mình.

17 UC18 Nhắn tin Cho phép người dùng thành viên có thể
nhắn tin trực tiếp với người đăng Tin trên
hệ thống.

18 UC19 Bình luận Cho phép người dùng thành viên có thể
bình luận các tin rao vặt khác trên hệ thống.

19 UC20 Đánh giá tin rao vặt Cho phép người dùng thành viên có thể
đánh giá tin rao vặt theo mức thứ hạng 5
sao.

20 UC22 Xét duyệt tin Cho phép người quản trị viên duyệt các tin
trước khi đăng tin.

21 UC23 Quản lý thành viên Cho phép người quản trị viên có thể quản lý
tất cả thông tin tài khoản của người dùng
thành viên.

22 UC24 Quản lý danh mục tin Cho phép người quản trị viên có thể quản lý
tất cả các danh mục tin.

8
1.6.2 Biểu đồ use case phân rã

2.2.2.1. Biểu đồ Use Case phân rã Xem tin rao vặt

Hình 2: UseCase Phân rã 01

Mô tả Use Case phân rã Xem tin rao vặt: Người dùng có thể Tìm kiếm các bài đăng tin rao
vặt, Lọc nâng cao tìm kiếm tin rao vặt theo thông tin cụ thể. Có thể xem qua các tin rao vặt
ở danh mục hoặc ở mục đề xuất những tin rao vặt mới nhất. Ngoài ra còn Xem chi tiết mô
tả của mỗi bài đăng tin rao vặt.

2.2.2.2. Biểu đồ Use Case phân rã Quản lý tin rao vặt

9
 Hình 3: UseCase Phân rả 02

Mô tả Use Case phân rã Quản lý tin rao vặt: Mỗi thành viên có thể tự quả lý tin rao vặt của
mình, có thể Đăng tin, Xóa tin và Ẩn các tin rao vặt.

1.6.3 Quy trình nghiệp vụ

10
 Hình 4: Quy trình Quản lý tin

Khách hàng, Thành viên muốn đăng tin rao vặt phải tạo tài khoản cá nhân và đăng nhập tài
khoản vào hệ thống, Soạn tin và đăng tin rao vặt và chờ kiểm duyệt xét duyệt đăng tin. Sau

11
khi giao dịch xong các Thành viên phải ẩn hoặc xóa các bài đăng tin rao vặt đã được giao
dịch xong.

1.7 Đặc tả chức năng

1.7.1 Đặc tả use case Đăng nhập

Use Case Description

Name Đăng nhập Code UC01

Description Cho phép người dùng đăng nhập vào hệ thống.

Actor Thành viên Trigger Actor bấm nút đăng

nhập.

Pre- - Tài khoản người dùng phải được tạo sẵn.

condition
- Thiết bị của người dùng đã được kết nối Interner khi thực
hiện đăng nhập.

Post Người dùng đăng nhập vào hệ thống thành công.

condition

Activities

Actor System

Main Flow: Đăng nhập thành công

12
1 Actor nhập tên đăng
nhập/mật khẩu và click vào
button Đăng nhập trên trang
đăng nhập.

2 Kiểm tra tên đăng nhập/mật khẩu

là chính xác sau đó chuyển tới
trang default role tương ứng.

System Message

MS01 “Tên Đăng Nhập và Mật Khẩu của bạn không chính xác.
Vui lòng kiểm tra và thử lại.”

Message thông báo khi actor nhập sai tên đăng nhập/mật
khẩu.

13
 Hình 5: Activity Diagram 01. Đăng nhập

Activity Diagram 01: Đăng nhập

1.7.2 Đặc tả use case Đăng ký

Use Case Description

Name Đăng ký Code UC02

Description Cho phép người dùng có thể đăng ký để trở thành thành viên.

Actor Khách Trigger Actor bấm nút đăng ký.

Pre- Thiết bị của người dùng đã được kết nối Interner khi thực

14
 condition hiện đăng ký.

Post Người dùng đăng ký tài khoản thành công.

condition

Activities

Actor System

Main Flow: Đăng ký thành công

1 Actor nhập thông tin cá

nhân, Tên đăng nhâp, Mật
khẩu và click vào button
Đăng ký trên trang đăng ký.

2 Kiểm tra tên đăng nhập đã có

đăng ký trên hệ thống chưa và
chuyển tới trang default tương
ứng.

15
System Message

MS01 “Tên Đăng Nhập đã tồn tại trong hệ thống. Vui lòng kiểm
tra và thử lại.”

Message thông báo khi actor nhập trùng tên đăng nhập.

MS02 “Mật khẩu không khóp. Vui lòng kiểm tra và thử lại”

Message thông báo khi actor nhập sai xác nhận mật khẩu.

16
 Hình 6: Activity Diagram 02. Đăng ký

1.7.3 Đặc tả use case Tìm kiếm các tin Rao Vặt

Use Case Description

17
 Name Tìm kiếm các tin rao Code UC03
vặt

Description Cho phép người dùng có thể tìm kiếm các tin rao vặt khác
nhau trong hệ thống.

Actor Khách Trigger Actor bấm vào nút tìm

kiếm.

Pre- Thiết bị của người dùng đã được kết nối Interner khi thực
condition hiện tìm kiếm.

Post Chuyển tới trang hiển thị các kết quả cần tìm.
condition

Activities

Actor System

Main Flow: Tìm kiếm các tin rao vặt thành công

1 Actor nhập từ khóa cần tìm

và nhấn vào biểu tượng tìm
kiếm.

2 Kiểm tra các tin rao vặt liên quan

đến từ khóa cần tìm và chuyển

18
 đến trang default tương ứng.

Hình 7: Activity Diagram 03. Tìm kiếm các tin rao vặt

1.7.4 Đặc tả use case Lọc nâng cao

Use Case Description

Name Lọc nâng cao Code UC04

19
 Description Cho phép người dùng có thể lọc tìm các sản phẩm theo nhu
cầu về giá cả từ thấp đến cao, chất lượng,…

Actor Khách Trigger Actor bấm nút Lọc

Pre- Thiết bị của người dùng đã được kết nối Interner khi thực
condition hiện lọc nâng cao

Post Chuyển tới trang hiển thị kết quả sau khi lọc nâng cao.
condition

Activities

Actor System

Main Flow: Lọc nâng cao thành công

1 Actor nhập các giá trị cần

lọc và nhấn vào nút Lọc

2 Kiểm tra các tin rao vặt tương ứng

với các giá trị lọc nâng cao và
chuyển đến trang default tương
ứng.

20
System Message

N/A

Hình 8: Activity Diagram 04. Lọc nâng cao

1.7.5 Đặc tả use case Xem duyệt qua các danh mục

Use Case Description

21
 Name Xem duyệt qua các Code UC05
danh mục

Description Cho phép người dùng có thể xem các tin rao vặt thông qua
phần danh mục tin Rao Vặt.

Actor Khách Trigger Actor bấm vào các mục

thuộc danh mục

Pre- Thiết bị của người dùng đã được kết nối Interner khi thực
condition hiện xem mặt hàng qua danh mục.

Post Chuyển tới trang hiển thị các tin rao vặt thuộc danh mục đã
condition chọn.

Activities

Actor System

Main Flow: Xem duyệt qua các danh mục thành công

1 Actor chọn 1 trong các mục

thuộc danh mục

2 Chuyển đến trang hiển thị các mặt

hàng thuộc danh mục đã chọn.

22
System Message

N/A

Hình 9: Activity Diagram 05. Xem duyệt qua các danh mục

1.7.6 Đặc tả use case Xem các tin Rao Vặt đề xuất

Use Case Description

Name Xem các tin rao vặt đề Code UC06

xuất

Description Cho phép người dùng có thể xem qua các tin rao vặt đã được
đề xuất sẵn ở giao diện trang chủ của hệ thống.

23
 Actor Khách Trigger

Pre- Thiết bị của người dùng đã được kết nối Interner.

condition

Post
condition

Activities

Actor System

Main Flow: Xem các tin rao vặt đề xuất thành công

1 Nhấn vào nút trang chủ của

hệ thống

2 Hiện thị các tin rao vặt đề xuất ở

trang chủ.

System Message

N/A

24
 Hình 10: Activity Diagram 06. Xem các tin rao vặt đề xuất

1.7.7 Đặc tả use case Xem chi tiết mô tả

Use Case Description

Name Xem chi tiết mô tả Code UC07

Description Cho phép người dùng có thể xem chi tiết phần mô tả chi tiết
của tin rao vặt.

Actor Khách Trigger Actor bấm nút Xem chi

tiết

Pre- Thiết bị của người dùng đã được kết nối Interner khi thực
condition hiện xem chi tiết mô tả.

Post HIển thị chi tiết mô tả của tin rao vặt.

condition

25
Activities

Actor System

Main Flow: Xem chi tiết mô tả thành công

1 Actor chọn vào tin rao vặt

và nhấn cào nút Xem chi
tiết

2 Hiển thị thông tin chi tiết mô tả

tin rao vặt.

System Message

N/A

Hình 11: Activity Diagram 07. Xem chi tiết mô tả

26
1.7.8 Đặc tả use case Lấy lại mật khẩu

Use Case Description

Name Quên mật khẩu Code UC08

Description Cho phép người dùng thành viên có thể lấy lại mật khẩu khi
quên mật khẩu.

Actor Khách Trigger Actor bấm nút Quên mật

khẩu

Pre- - Thiết bị của người dùng đã được kết nối Interner.

condition
- Tài khoản đã được tạo.

Post Chuyển tới trang default với role tương ứng

condition

Activities

Actor System

Main Flow: Lấy lại mật khẩu thành công

1 Actor nhấn vào nút quên

mật khẩu.

27
 2 Hiển thị form điền Email hoặc
SĐT xác nhận danh tính.

3 Nhập Email hoặc SĐT

4 Kiểm tra và gửi mã xác nhận đến

Email hoặc SĐT sau đó chuyển
đến trang xác nhận mã code.

5 Nhập mã code đã được gửi

đến Email hoặc SĐT

6 Kiểm tra mã code và chuyển đến

trang nhập mật khẩu mới.

7 Nhập Mật khẩu mới

8 Thay đổi mật khẩu và chuyển đến

trang Đăng nhập

Exception Flo: Lấy lại mật khẩu không thành công

4’ Email hoặc mật khẩu không chính

xác

System Message

28
MS01 “Email/SĐT của bạn không chính xác. Vui lòng kiểm tra và
thử lại.”

Message thông báo khi actor nhập sai Email/SĐT.

MS02 “Mã xác nhận không chinh xác. Vui lòng kiểm tra và thử
lại.”

Massage thông báo khi actor nhập sai mã code.

MS03 “Mật khẩu không khớp. Vui lòng kiểm tra và thử lại.”

Massage thông báo khi actor nhập mật khẩu xác nhận
không chinh xác.

MS04 “Mật khẩu này bạn đã sử dụng trước đó. Vui lòng kiểm tra
và thử lại”

Massage thông báo khi actor nhập mật khẩu mới trùng với
các mật khẩu trước đó.

29
 Hình 12: Activity Diagram 08. Lấy lại mật khẩu

1.7.9 Đặc tả use case Đăng xuất

Use Case Description

Name Đăng xuất Code UC09

Description Cho phép người dùng thành viên có thể đăng xuất khỏi hệ
thống.
30
 Actor Thành viên Trigger Actor bấm nút Đăng xuất

Pre- - Thiết bị của người dùng đã được kết nối Interner.

condition
- Tài khoản đã được đăng nhập vào hệ thống.

Post Chuyển tới trang chủ chưa được đăng nhập.

condition

Activities

Actor System

Main Flow: Đăng xuất thành công

1 Actor nhấp chọn vào nút

đăng xuất.

2 Hiển thị form xác nhận đăng xuất

3 Chọn xác nhận đăng xuất.

3 Đăng xuất và chuyển đến trang

default với role tương ứng.

Exception Flo: Đăng xuất không thành công

3’ Chọn hủy đăng xuất.

31
System Message

MS01 “Đăng xuất thành công.”

Message thông báo khi actor Xác nhận đăng xuất thành
công.

1.7.10 Đặc tả use case Quản lý tin Rao Vặt

Use Case Description

Name Quản lý tin rao vặt Code UC10

Description Cho phép người dùng thành viên có thể chỉnh các tin rao vặt
của mình.

Actor Thành viên Trigger Actor bấm nút Quản lý

mặt hàng

Pre- - Thiết bị của người dùng đã được kết nối Interner.

condition
- Tài khoản đã được đăng nhập vào hệ thống.

Post
condition

Activities

32
 Actor System

Main Flow: Quản lý tin rao vặt

1 Actor nhấn vào nút Quản lý

tin rao vặt

2 Chuyển đến trang các tin rao vặt

đã được đăng lên bản tin.

System Message

N/A

Hình 13: Activity Diagram 09. Quản lý tin rao vặt

33
1.7.11 Đặc tả use case Đăng tin

Use Case Description

Name Đăng tin Code UC11

Description Cho phép người dùng thành viên có thể đăng Tin của mình
lên hệ thống.

Actor Thành viên Trigger Actor bấm nút Đăng tin

Pre- - Thiết bị của người dùng đã được kết nối Interner.

condition
- Tài khoản đã được đăng nhập vào hệ thống.

- Điền đầy đủ thông tin mô tả chi tiết và hình ảnh minh họa
của mặt hàng.

Post Tin rao vặt đã được đăng lên bản tin.

condition

Activities

Actor System

Main Flow: Đăng tin thành công

1 Actor nhập thông tin chi

tiết và hình ảnh của tin rao
vặt.

34
 2 Kiểm tra thông tin, xác nhận và
chuyển đến trang mặt hàng vừa
được đăng lên bản tin

System Message

MS01 “Đăng tin thành công.”

Message thông báo khi actor đăng tin thành công.

MS02 “Vui lòng cung cấp đầy đủ thông tin mặt hàng.”

Message thông báo khi actor điền thiếu thông tin chi tiết
hoặc chưa có hình ảnh.

Hình 14: Activity Diagram 10. Đăng tin

1.7.12 Đặc tả use case Xóa tin

Use Case Description

35
 Name Xóa tin Code UC12

Description Cho phép người dùng thành viên có thể xóa Tin sau khi đăng
tin.

Actor Thành viên Trigger Actor bấm nút Xóa tin

Pre- - Thiết bị của người dùng đã được kết nối Interner.

condition
- Tài khoản đã được đăng nhập vào hệ thống.

- Tin rao vặt đã được đăng lên bản tin.

Post Tin rao vặt đã được xóa.

condition

Activities

Actor System

Main Flow: Xóa tin thành công

1 Actor nhấp chọn tin rao vặt

cần xóa.

2 Xác nhận xóa tin và chuyển đến

trang Quản lý mặt hàng.

36
System Message

MS01 “Đã xóa.”

Message thông báo khi actor xác nhận xóa tin.

Hình 15: Activity Diagram 11. Xóa tin

1.7.13 Đặc tả use case Ẩn tin

Use Case Description

Name Ẩn tin Code UC13

Description Cho phép người dùng thành viên có thể ẩn tin sau khi đăng
tin.

37
 Actor Thành viên Trigger Actor bấm nút Ẩn tin.

Pre- - Thiết bị của người dùng đã được kết nối Interner.

condition
- Tài khoản đã được đăng nhập vào hệ thống.

- Tin rao vặt đã được đăng lên bản tin.

Post Tin rao vặt đã được ẩn khỏi bản tin.

condition

Activities

Actor System

Main Flow: Ẩn tin thành công

1 Actor nhấn chọn tin rao vặt

cần ẩn và chọn vào nút ẩn
tin.

2 Xác nhận ẩn tin và chuyển đến

trang Quản lý mặt hàng.

System Message

MS01 “Tin rao vặt đã được ẩn.”

38
 Message thông báo khi actor xác nhận ẩn tin.

Hình 16: Activity Diagram 12. Ẩn tin

1.7.14 Đặc tả use case Thêm vào danh sách yêu thích

Use Case Description

Name Thêm vào danh sách Code UC14

yêu thích

Description Cho phép người dùng thành viên có thể thêm các tin rao vặt
yêu thích vào danh sách yêu thích của mình.

Actor Thành viên Trigger Actor bấm nút thêm vào

yêu thích.

39
 Pre- - Thiết bị của người dùng đã được kết nối Interner.
condition
- Tài khoản đã được đăng nhập vào hệ thống.

Post
condition

Activities

Actor System

Main Flow: Thêm vào danh sách yêu thích thành công

1 Actor xem tin rao vặt mình

thích và nhấn vào nút thêm
vào yêu thích.

2 Xác nhận và thêm vào danh sách

yêu thích.

System Message

N/A

40
 Hình 17: Activity Diagram 13. Thêm vào danh sách yêu thích

1.7.15 Đặc tả use case Xem mục yêu thích

Use Case Description

Name Xem mục yêu thích Code UC15

Description Cho phép người dùng thành viên có thể xem và chỉnh sửa
danh sách yêu thích của mình.

Actor Thành viên Trigger Actor bấm nút Xem mục

yêu thích.

Pre- - Thiết bị của người dùng đã được kết nối Interner.

condition
- Tài khoản đã được đăng nhập vào hệ thống.

41
 Post Chuyển đến trang danh sách yêu thích.
condition

Activities

Actor System

Main Flow: Xem mục yêu thích thành công

1 Actor nhấn vào nút Xem

mục yêu thích.

2 Xác nhận và chuyển đến trang

Danh sách yêu thích.

System Message

N/A

42
 Hình 18: Activity Diagram 14. Xem mục yêu thích

1.7.16 Đặc tả use case Quản lý thông tin cá nhân

Use Case Description

Name Quản lý thông tin cá Code UC16

nhân

Description Cho phép người dùng thành viên có thể quản lý các thông tin
cá nhân của mình.

Actor Thành viên Trigger Actor bấm nút Quản lý

thông tin cá nhân

Pre- - Thiết bị của người dùng đã được kết nối Interner.

condition

43
 - Tài khoản đã được đăng nhập vào hệ thống.

Post Chuyển tới trang thông tin cá nhân.

condition

Activities

Actor System

Main Flow: Quản lý thông tin cá nhân

1 Actor nhấn vào nút Quản lý

thông tin cá nhân

2 Xác nhận và chuyển đến trang

thông tin cá nhân.

System Message

N/A

44
 Hình 19: Activity Diagram 15. Quản lý thông tin cá nhân

1.7.17 Đặc tả use case Nhắn tin

Use Case Description

Name Nhắn tin Code UC17

Description Cho phép người dùng thành viên có thể nhắn tin trực tiếp với
người đăng Tin trên hệ thống.

45
 Actor Thành viên Trigger Actor bấm nút Nhắn tin

Pre- - Thiết bị của người dùng đã được kết nối Interner.

condition
- Tài khoản đã được đăng nhập vào hệ thống.

Post Tin nhắn đã được gửi.

condition

Activities

Actor System

Main Flow: Nhắn tin thành công

1 Actor xem chi tiết tin rao

vặt, sau đó nhấn vào nút
nhắn tin.

2 Xác nhận và chuyển đến trang

nhắn tin

3 Actor nhập tin nhắn xong

và nhấn vào nút gửi.

4 Xác nhận gửi tin nhắn và hiển thị

tin nhắn đã gửi.

46
System Message

N/A

Hình 20: Activity Diagram 16. Nhắn tin

47
1.7.18 Đặc tả use case Bình luận

Use Case Description

Name Bình luận Code UC18

Description Cho phép người dùng thành viên có thể bình luận các tin rao
vặt khác trên hệ thống.

Actor Thành viên Trigger Actor bấm nút Bình luận.

Pre- - Thiết bị của người dùng đã được kết nối Interner.

condition
- Tài khoản đã được đăng nhập vào hệ thống.

Post Bịnh luận đã được gửi.

condition

Activities

Actor System

Main Flow: Bình luận thành công

1 Actor xem tin rao vặt và

sau đó nhấn vào nút bình
luận.

2 Xác nhận và chuyển đến trang

48
 bình luận.

3 Actor nhập bình luận và

sau đó nhấn nút gửi.

4 Xác nhận gửi bình luận và hiển thị

binh luận đã được gửi.

System Message

N/A

49
 Hình 21: Activity Diagram 17. Bình luận

1.7.19 Đặc tả use case Đánh giá tin Rao Vặt

Use Case Description

Name Đánh giá tin rao vặt Code UC19

Description Cho phép người dùng thành viên có thể đánh giá tin rao vặt
theo mức thứ hạng 5 sao.

Actor Thành viên Trigger Actor bấm nút Đánh giá

tin rao vặt

Pre- - Thiết bị của người dùng đã được kết nối Interner.

50
 condition

- Tài khoản đã được đăng nhập vào hệ thống.

- Đã thực hiện giao dịch thành công.

Post Hiển thị số sao đanh giá.

condition

Activities

Actor System

Main Flow: Đánh giá tin rao vặt thành công

1 Actor xem tin rao vặt đã

giao dịch và nhấn vào nút
đánh giá tin rao vặt.

2 Xác nhận và hiển thị phần đánh

dựa trên tiêu chí 5 sao.

3 Nhấp chọn số sao muốn

đánh giá

4 Xác nhận và hiển thị số sao đã

được đánh giá.

51
System Message

N/A

Hình 22: Activity Diagram 18. Đánh giá tin rao vặt

52
1.7.20 Đặc tả use case Xét duyệt tin

Use Case Description

Name Xét duyệt tin Code UC20

Description Cho phép người quản trị viên duyệt các tin trước khi đăng
tin.

Actor Administrator Trigger Actor bấm nút Duyệt tin

Pre- - Thiết bị của người dùng đã được kết nối Interner.

condition
- Tài khoản đã được đăng nhập vào hệ thống.

Post Chuyển tới trang Xét duyệt tin

condition

Activities

Actor System

Main Flow: Xét duyệt tin thành công

1 Actor nhấn chọn mục Xét

duyệt tin

2 Chuyển tới trang hiển thị các tin

đang chờ xét duyệt

53
3 Actor chọn vào tin rao vặt
đang chờ xét duyệt xem và
nhấn vào nút duyệt tin

4 Xác nhận duyệt tin và chuyển về

trang Xét duyệt tin.

System Message

MS01 “Tin đã được duyệt.”

Message thông báo khi actor duyệt tin thành công.

MS02 “Tin đã được hủy.”

Message thông báo khi actor chọn không duyệt tin.

54
 Hình 23: Activity Diagram 19. Xét duyệt tin

1.7.21 Đặc tả use case Quản lý thành viên

Use Case Description

Name Quản lý thành viên Code UC21

Description Cho phép người quản trị viên có thể quản lý tất cả thông tin

55
 tài khoản của người dùng thành viên.

Actor Administrator Trigger Actor bấm nút Quản lý

thành viên

Pre- - Thiết bị của người dùng đã được kết nối Interner.

condition
- Tài khoản đã được đăng nhập vào hệ thống.

Post Chuyển tới trang Quản lý thành viên.

condition

Activities

Actor System

Main Flow: Quản lý thành viên thành công

1 Actor nhấn chọn Quản lý

thành viên.

2 Xác nhận và chuyển đến trang

quản lý thành viên.

3 Actor chọn xem các thông

tin tài khoản của thành viên
và có thể chỉnh sửa thông
tin tài khoản của thành viên

56
 như thêm, xóa, sửa.

4 Xác nhận thực hiện các thao tác

thêm, xóa hoặc sửa rồi sau đó
chuyển đến trang Quản lý thành
viên.

Business Rules

Rule No. Rule Description

System Message

MS01 “Thêm tài khoản thành viên thành công.”

Message thông báo khi actor thêm thành công tài khoản
thành viên vào hệ thống.

MS02 “Tài khoản thành viên đã được xóa khỏi hệ thống.”

Message thông báo khi actor chọn xóa tài khoản thành viên
ra khỏi hệ thống.

MS03 “Chỉnh sửa đã được lưu lại.”

57
Message thông báo khi actor lưu chỉnh sửa thông tin tài
khoản thành viên.

58
 Hình 24: Activity Diagram 20. Quản lý thành viên

1.7.22 Đặc tả use case Quản lý danh mục tin

Use Case Description

Name Quản lý danh mục tin Code UC22

59
 Description Cho phép người quản trị viên có thể quản lý tất cả các danh
mục tin.

Actor Administrator Trigger Actor bấm nút Quản lý

danh mục tin

Pre- - Thiết bị của người dùng đã được kết nối Interner.

condition
- Tài khoản đã được đăng nhập vào hệ thống.

Post Chuyển tới trang Quản lý danh mục tin.

condition

Activities

Actor System

Main Flow: Quản lý danh mục tin thành công

1 Actor nhấn vào nút Quản lý

danh mục tin.

2 Xác nhận và chuyển đến trang

quản lý.

3 Actor chọn xem danh mục

tin đã được xét duyệt của
và có thể chỉnh sửa danh

60
 mục tin.

4 Xác nhận thực hiện các thao tác

cập nhật và sau đó chuyển đến
trang Quản lý.

System Message

N/A

1.8 Yêu cầu phi chức năng

1.8.1 Yêu cầu tiến hóa

Bảng 1: Danh sách yêu cầu tiến hóa

Danh sách yêu cầu tiến hóa

ST Nghiệp vụ Tham số cần thay đổi Miền giá trị cần thay
T đổi

1 Thay đổi mô tả Nội dung mô tả tin

2 Thay đổi đơn giá Giá tiền tin được đăng

3 Thay đổi liên hệ Số điện thoại

4 Thay đổi địa chỉ mặt Địa chỉ hàng được đăng tin
hàng

61
1.8.2 Yêu cầu bảo mật

Bảng 2: Danh sách yêu cầu bảo mật

Danh sách yêu cầu bảo mật

ST Nghiệp vụ \ Nhóm người dùng Quản trị hệ Nhân viên

T thống

1 Cho biết người dùng mới và X

quyền hạn

2 Cung cấp tên và mặt khẩu X

3 Kiểm tra duyệt tin X

4 Kiểm tra thông tin bài đăng tin X

1.8.3 Yêu cầu công nghệ

Bảng 3: Danh sách yêu cầu công nghệ

Danh sách yêu cầu công nghệ

STT Yêu Mô tả chi tiết Ghi chú

cầu

1 Dễ sửa Xác định lỗi trung bình trong 15 Không sửa lỗi 1 chức năng
lỗi phút không ảnh hưởng đến các chức
năng khác

2 Dễ bảo Thêm chức năng mới nhanh Không ảnh hưởng các chức năng
trì đã có

62
 ChươngChương
4 Phát triển
3 Côngvà nghệ
triển sử
khai ứng dụng
dụng
1.9 Thiết kế kiến trúc

1.9.1 Lựa chọn kiến trúc phần mềm

Cơ bản, MVC framework là một framework cho JavaScript sử dụng mô hình MVC. MVC
là viết tắt của Model-View-Controller, đây là một mô hình kiến trúc chia một ứng dụng
thành 3 phần logic chính như sau:

 Model – Mô hình: Tượng trưng cho dữ liệu của chương trình phần mềm
 View – Khung nhìn: Các thành phần của giao diện người dùng
 Controller – Bộ điều chỉnh: Quản lý sự trao đổi giữa dữ liệu và các nguyên tắc nghề
nghiệp trong các thao tác liên quan đến mô hình.

MVC cung cấp các thành phần cơ bản để tạo nên một chương trình cho máy tính, thiết bị
di động hoặc các ứng dụng web. Mô hình MVC hoạt động tốt với lập trình hướng đối
tượng. Bởi lẽ, các mô hình, khung nhìn và bộ điều khiển khác nhau có thể được xem là đối
tượng và chúng được dùng lại trong một ứng dụng.

Mô hình MVC sẽ được chia thành 3 phần chính, mỗi thành phần sẽ có một nhiệm vụ riêng.
Dưới đây là thông tin cụ thể của 3 thành phần này:

o Model: Đây là bộ phận có nhiệm vụ lưu trữ toàn bộ dữ liệu của ứng dụng. Model
cũng là bộ phận kết nối giữa hai bộ phận còn lại là View và Controller. Nó được
thể hiện dưới hình thức là một CSDL hay chỉ là một file XML bình thường. Các
thao tác với CSDL như cho phép xem, xử lý hay truy xuất dữ liệu sẽ được Model
được thể hiện rõ.
o View: Thành phần này được dùng cho tất cả các logic UI của ứng dụng. View có
nhiệm vụ hiển thị thông tin, tương tác với người dùng. Nó là nơi chứa tất cả những

63
 đối tượng GUI như textbox, images,… View cũng chính là tập hợp các form hoặc
file HTML. Các ứng dụng web sử dụng nó như một thành phần của hệ thống hoặc
các thành phần HTML được tạo ra. View còn ghi nhận hoạt động của người dùng
để tương tác với Controller.
o Controller: Đây chính là bộ phận có chức năng xử lý những từ yêu cầu người dùng
đưa đến qua View. Controller sẽ từ đó đưa ra dữ liệu phù hợp với người dùng.
Ngoài ra, Controller còn có thêm chức năng là kết nối với bộ phận Model.

Dưới đây là quy trình mà mô hình MVC hoạt động trong dự án website, quy trình này
gồm 4 bước cụ thể sau đây:

 Bước 1: Người dùng gửi yêu cầu (HTTP Request) qua một trình duyệt web bất
kỳ. Yêu cầu này có thể kèm theo những dữ liệu nhập tới Controller xử lý. Bộ
Routing điều hướng sẽ xác định Controller xử lý.
 Bước 2: Khi Controller nhận được yêu cầu, nó sẽ kiểm tra yêu cầu đó có cần dữ
liệu từ Model không. Nếu có, nó sẽ dùng các class/function trong Model sau đó
trả ra kết quả. Khi đó, Controller cũng sẽ xử lý các giá trị đó và trả ra View để
hiển thị. Controller sẽ xác định các View tương ứng và hiển thị đúng theo yêu
cầu.
 Bước 3: Khi View nhận được dữ liệu từ Controller, chúng sẽ xây dựng các
thành phần hiển thị như hình ảnh, thông tin dữ liệu,… rồi trả về GUI content để
Controller đưa ra kết quả và hiển thị lên màn hình Browser.
 Bước 4: Browser sẽ nhận được giá trị trả về và hiển thị với người dùng và kết
thúc quá trình hoạt động.

1.9.2 Thiết kế tổng quan

1.9.3 Thiết kế chi tiết gói

1.10 Thiết kế chi tiết

1.10.1 Thiết kế giao diện

4.2.1.1.Tiêu chuẩn đối với các màn hình

Yếu tố Kích thước Canh lề Cách tổ Phím nóng / Yêu cầu kết

64
 chức phím tắt xuất

Màn hình 1920x1080 Left Dạng menu

chính

Màn hình 1920x1080 Center Tích hợp

nhập liệu

Màn hình 1920x1080 Center Tích hợp

tra cứu

Màn hình 1920x1080 Center - Thông báo

- Danh sách
kết quả
đơn

Màn hình 400x600 Center - Thông báo

thông báo

4.2.1.2.Tiêu chuẩn đối với các yếu tố trên màn hình

Yếu tố Font type Font size Font Color Canh lề Kích Hình
thước dạng

Tiêu đề Roboto 30px, White Left DxR Text

form 20px

Label Roboto 16px, Gray Left DxR Text

14px,
12px

Button Roboto 16px, Red/Blue/Green Left/right DxR Text

14px,

65
 12px

Link Roboto 10px, Blue Left Text

12px,
14px

Ô nhập Roboto 10px, White Left DxR Combo

liệu 12px, box
14px

4.2.1.3. Giao diện chi tiết

66
Hình 25: Giao diện trang chủ chưa đăng nhập

67
Hình 26: Giao diện đăng tin mới

68
Hình 27: Giao diện chi tiết tin

69
Hình 28: Giao diện Quản lý Nhãn hiệu

Hình 29: Giao diện Quản lý danh mục

70
 Hình 30: Giao diện Quản lý tin

Hình 31: Giao diện Quản lý danh sách ngưsach1 người dùng

71
Hình 32: Giao diện tạo mới tin cho Admin

Hình 33: Giao diện Xét duyệt tin

72
 Hình 34: Giao diện Danh sách tin tức mới

1.10.2 Thiết kế lớp

1.10.3 Thiết kế cơ sở dữ liệu

Category(IDCategory, Name, ImageCate)

SubCategory(IDSubCategory, IDCategory, Name, ImageSubCate)

Brand(IDBrand, IDSubCategory, Name, ImageBrand)

News(IDNews, IDUser, IDBrand, Name, Price, Time, Description, Address, Type, Status)

Reports(IDReports, IDNews, Content, TypeOfReport, Email, Name, Status)

ImgNews(IDImg, IDNews, ImgURL, NameImages)

Users(IDUser, UserName, Password, Type, DateCreate, FullName, Gender, Birth, Avatar,

Address, Phone, Email, IdentityCard, Balance, EmailConfirm)

RoomChat(IDRoom, IDUserA, IDUserB, status)

Message_S(IDMessage, IDRoom, Type, Content, Img, Time)

HistoryService(IDHistoryService, IDUser, IDService, Time)

Servicess(IDService, Name, Price, TotalTime)

73
Blog(IDBlog, Author, ImgURL, NameImage, DateCreate, Type, Title, Description,
Content, slug)

Hình 35: Data Model (SQL Server)

1.11 Xây dựng ứng dụng

1.11.1 Thư viện và công cụ sử dụng

Bảng 1 Danh sách thư viện và công cụ sử dụng

Mục đích Công cụ Địa chỉ URL

74
 IDE lập trình Eclipse Oxygen 64 bit http://www.eclipse.org/

v.v. v.v. v.v.

1.11.2 Kết quả đạt được

1.11.3 Minh hoạ các chức năng chính

75
1.12 Kiểm thử

1.13 Triển khai

Chương 5 Các giải pháp và đóng góp

BẢNG PHÂN CÔNG

STT Họ và Tên Công Việc

76
 Xây dựng và thiết kế
1 Nguyễn Lâm Ngọc Phước giao diện Admin,
thực hiện thao tác
chức năng tương tác
của Web với Admin,
tích hợp API
Xây dựng và thiết kế
2 Hồ Tấn Hùng giao diện, thực hiện
thao tác chức năng
tương tác của Web
với người dùng
Đăng nhập, đăng ký,
3 Ngô Thị Thanh Ngân up hosting

Chương 6 Kết luận và hướng phát triển

1.14 Kết luận

- Xây dựng tương đối đầy đủ tương đối các chức năng chính của Web Rao vặt như đăng
tin, xem chi tiết tin,….

1.15 Hướng phát triển

- Xây dựng thêm chức năng đanh giá tin, Chat, thêm vào yêu thích tin

Tài liệu tham khảo

[1] Hovy E. H., Automated Discourse Generation Using Discourse Structure Relations,
Artificial Intelligence, Elsevier Science Publishers, 63: 341-385, 1993.

[2] Peterson L. L. and Davie B. S., Computer Networks: A Systems Approach, 2nd ed.,
Mogran-Kaufmann, 1999.

77
[3] Nguyễn Thúc Hải, Mạng máy tính và các hệ thống mở, Nhà xuất bản giáo dục, 1999.

[4] Poesio M. and Di Eugenio B., Discourse Structure and Anaphoric Accessibility, In
Proc. of the ESSLLI Workshop on Information Structure, Discourse Structure and
Discourse Semantics, Helsinki, 2001.

[5] Knott D., A Data-Driven Methodology for Motivating a Set of Coherence Relations,
Ph.D. Thesis, University of Edinburgh, UK, 1996.

[6] Berners-Lee T., Hypertext Transfer Protocol (HTTP), CERN,

ftp:/info.cern.ch/pub/www/doc/http-spec.txt.Z, last visited May 2010.

[7] Princeton University, WordNet, http://www.cogsci.princeton.edu/~wn/index.shtml,

last visited May 2010

78
79
 Nhận xét của GVHD

………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………

………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………

………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………

80
………………………………………………………………………………………………
………………………………………………………………………………………………

81
1