BÁO cáo môn học PHÁT TRIỂN PHẦN mềm mã NGUỒN mở đề tài xây DỰNG WEBSITE MẠNG xã hội CHIA sẻ HÌNH ẢNH và âm NHẠC INSTOTIFY
Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (1.95 MB, 58 trang )
lOMoARcPSD|20681854
UỶ BAN NHÂN DÂN TỈNH BÌNH DƯƠNG
TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT
VIỆN KỸ THUẬT – CÔNG NGHỆ
BÁO CÁO MÔN HỌC
PHÁT TRIỂN PHẦN MỀM MÃ NGUỒN MỞ
ĐỀ TÀI
XÂY DỰNG WEBSITE MẠNG XÃ HỘI
CHIA SẺ HÌNH ẢNH VÀ ÂM NHẠC INSTOTIFY
GIẢNG VIÊN HƯỚNG DẪN:
SINH VIÊN THỰC HIỆN:
ThS. NGUYỄN HỮU VĨNH
1. DƯƠNG LÊ PHƯỚC TRUNG 1824801030053
2. TRẦN MINH HIẾU
1824801030067
BÌNH DƯƠNG, 7/2021
lOMoARcPSD|20681854
UỶ BAN NHÂN DÂN TỈNH BÌNH DƯƠNG
TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT
VIỆN KỸ THUẬT – CÔNG NGHỆ
BÁO CÁO MÔN HỌC
PHÁT TRIỂN PHẦN MỀM MÃ NGUỒN MỞ
ĐỀ TÀI
XÂY DỰNG WEBSITE MẠNG XÃ HỘI
CHIA SẺ HÌNH ẢNH VÀ ÂM NHẠC INSTOTIFY
GIẢNG VIÊN HƯỚNG DẪN:
SINH VIÊN THỰC HIỆN:
ThS. NGUYỄN HỮU VĨNH
1. DƯƠNG LÊ PHƯỚC TRUNG 1824801030053
2. TRẦN MINH HIẾU
1824801030067
BÌNH DƯƠNG, 7/2021
lOMoARcPSD|20681854
VIỆN KỸ THUẬT – CÔNG NGHỆ
NHẬN XÉT VÀ CHẤM ĐIỂM CỦA GIẢNG VIÊN
Họ và tên giảng viên: Nguyễn Hữu Vĩnh
Tên đề tài: Xây dựng website mạng xã hội chia sẻ hình ảnh và âm nhạc Instotify
Nội dung nhận xét:
.......................................................................................................................................
.......................................................................................................................................
.......................................................................................................................................
.......................................................................................................................................
.......................................................................................................................................
.......................................................................................................................................
.......................................................................................................................................
.......................................................................................................................................
.......................................................................................................................................
.......................................................................................................................................
.......................................................................................................................................
Điểm:
Bằng số: ..................................................
Bằng chữ: ................................................
GIẢNG VIÊN CHẤM
(Ký, ghi rõ họ tên)
NGUYỄN HỮU VĨNH
lOMoARcPSD|20681854
MỤC LỤC
DANH MỤC BẢNG ........................................................................................................ i
DANH MỤC HÌNH ........................................................................................................ ii
DANH MỤC CÁC KÝ TỰ VIẾT TẮT ......................................................................... iv
LỜI NÓI ĐẦU ................................................................................................................. 1
CHƯƠNG 1: TỔNG QUAN ........................................................................................... 2
1. Giới thiệu ................................................................................................................. 2
1.1. Tên đề tài .......................................................................................................... 2
1.2. Lý do chọn đề tài .............................................................................................. 2
1.3. Mục tiêu của đề tài ........................................................................................... 2
2. Phương pháp nghiên cứu ......................................................................................... 2
3. Các chức năng ......................................................................................................... 2
CHƯƠNG 2: CƠ SỞ LÝ THUYẾT ................................................................................ 4
1. Khảo sát website tương tự ....................................................................................... 4
2. Nền tảng công nghệ ................................................................................................. 4
2.1. PHP ................................................................................................................... 4
2.2. Laravel .............................................................................................................. 5
2.3. MySQL ............................................................................................................. 6
CHƯƠNG 3: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG .............................................. 7
1. Tác nhân .................................................................................................................. 7
2. Các use case ............................................................................................................. 7
3. Sơ đồ use case .......................................................................................................... 8
2. Đặc tả use case ......................................................................................................... 9
2.1. Use case đăng nhập .......................................................................................... 9
2.2. Use case đăng ký ............................................................................................ 10
2.3. Use case đăng xuất ......................................................................................... 11
2.4. Use case xem bản tin ...................................................................................... 12
2.5. Use case đăng bài viết .................................................................................... 13
2.6. Use case thích bài viết .................................................................................... 13
2.7. Use case bình luận vào bài viết ...................................................................... 14
2.8. Use case chia sẻ bài viết ................................................................................. 15
2.10. Use case huỷ kết bạn .................................................................................... 16
lOMoARcPSD|20681854
2.11. Use case tìm kiếm ......................................................................................... 17
2.12. Use case nhắn tin .......................................................................................... 18
2.13. Use case xem tất cả tin nhắn......................................................................... 19
2.14. Use case xem thông báo ............................................................................... 19
2.15. Use case xem gợi ý kết bạn .......................................................................... 20
2.16. Use case chỉnh sửa thông tin cá nhân ........................................................... 21
2.17. Use case chỉnh sửa ảnh đại diện ................................................................... 22
2.18. Use case chỉnh sửa ảnh bìa ........................................................................... 23
2.19. Use case đổi mật khẩu .................................................................................. 23
3. Sơ đồ tuần tự .......................................................................................................... 24
3.1. Use case đăng nhập ........................................................................................ 24
3.2. Use case đăng ký ............................................................................................ 25
3.3. Use case đăng xuất ......................................................................................... 25
3.4. Use case xem bản tin ...................................................................................... 26
3.5. Use case đăng bài viết .................................................................................... 26
3.6. Use case thích bài viết .................................................................................... 27
3.7. Use case bình luận vào bài viết ...................................................................... 27
3.8. Use case chia sẻ bài viết ................................................................................. 28
3.9. Use case kết bạn ............................................................................................. 28
3.10. Use case huỷ kết bạn .................................................................................... 28
3.11. Use case tìm kiếm ......................................................................................... 29
3.12. Use case nhắn tin .......................................................................................... 29
3.13. Use case xem tất cả tin nhắn......................................................................... 30
3.14. Use case xem thông báo ............................................................................... 30
3.15. Use case xem gợi ý kết bạn .......................................................................... 31
3.16. Use case chỉnh sửa thông tin cá nhân ........................................................... 31
3.17. Use case chỉnh sửa ảnh đại diện ................................................................... 31
3.18. Use case chỉnh sửa ảnh bìa ........................................................................... 32
3.19. Use case đổi mật khẩu .................................................................................. 32
4. Lược đồ cơ sở dữ liệu ............................................................................................ 33
CHƯƠNG 4: GIAO DIỆN ............................................................................................ 34
1. Đăng nhập .............................................................................................................. 34
lOMoARcPSD|20681854
2. Đăng ký.................................................................................................................. 34
3. Đăng xuất ............................................................................................................... 35
4. Xem bản tin ........................................................................................................... 35
5. Đăng bài viết .......................................................................................................... 37
6. Thích bài viết ......................................................................................................... 38
7. Bình luận vào bài viết ............................................................................................ 38
8. Kết bạn và huỷ kết bạn .......................................................................................... 39
9. Tìm kiếm................................................................................................................ 40
10. Nhắn tin ............................................................................................................... 41
11. Thông báo ............................................................................................................ 41
12. Xem gợi ý kết bạn ............................................................................................... 42
13. Chỉnh sửa thông tin cá nhân, ảnh đại diện, ảnh bìa ............................................. 42
14. Các thành phần khác trong trang cá nhân ............................................................ 44
CHƯƠNG 5: TỔNG KẾT ............................................................................................. 49
1. Kết quả đạt được .................................................................................................... 49
2. Hạn chế .................................................................................................................. 49
3. Hướng phát triển .................................................................................................... 49
CHƯƠNG 6: TÀI LIỆU THAM KHẢO....................................................................... 50
1. Sách ....................................................................................................................... 50
2. Interrnet ................................................................................................................. 50
2.1. Tiếng Việt ....................................................................................................... 50
2.2. Tiếng Anh ....................................................................................................... 50
lOMoARcPSD|20681854
DANH MỤC BẢNG
Bảng 1 - Các tác nhân ...................................................................................................... 7
Bảng 2 - Các use case ...................................................................................................... 7
Bảng 3 - Bảng đặc tả use case đăng nhập ........................................................................ 9
Bảng 4 - Bảng đặc tả use case đăng ký ......................................................................... 10
Bảng 5 - Bảng đặc tả use case đăng xuất....................................................................... 11
Bảng 6 - Bảng đặc tả use case xem bản tin ................................................................... 12
Bảng 7 - Bảng đặc tả use case đăng bài viết.................................................................. 13
Bảng 8 - Bảng đặc tả use case thích bài viết ................................................................. 13
Bảng 9 - Bảng đặc tả use case bình luận vào bài viết ................................................... 14
Bảng 10 - Bảng đặc tả use case chia sẻ bài viết ............................................................ 15
Bảng 11 - Bảng đặc tả use case kết bạn......................................................................... 16
Bảng 12 - Bảng đặc tả use case huỷ kết bạn.................................................................. 16
Bảng 13 - Bảng đặc tả use case tìm kiếm ...................................................................... 17
Bảng 14 - Bảng đặc tả use case nhắn tin ....................................................................... 18
Bảng 15 - Bảng đặc tả use case xem tất cả tin nhắn ...................................................... 19
Bảng 16 - Bảng đặc tả use case xem thông báo ............................................................ 20
Bảng 17 - Bảng đặc tả use case xem gợi ý kết bạn ....................................................... 20
Bảng 18 - Bảng đặc tả use case chỉnh sửa thông tin cá nhân ........................................ 21
Bảng 19 - Bảng đặc tả use case chỉnh sửa ảnh đại diện ................................................ 22
Bảng 20 - Bảng đặc tả use case chỉnh sửa ảnh bìa ........................................................ 23
Bảng 21 - Bảng đặc tả use case đổi mật khẩu ............................................................... 24
i
lOMoARcPSD|20681854
DANH MỤC HÌNH
Hình 1 - PHP.................................................................................................................... 4
Hình 2 - Laravel ............................................................................................................... 5
Hình 3 - MySQL .............................................................................................................. 6
Hình 4 - Sơ đồ use case ................................................................................................... 9
Hình 5 - Sơ đồ tuần tự của use case đăng nhập ............................................................. 25
Hình 6 - Sơ đồ tuần tự của use case đăng ký ................................................................. 25
Hình 7 - Sơ đồ tuần tự của use case đăng xuất .............................................................. 26
Hình 8 - Sơ đồ tuần tự của use case xem bản tin........................................................... 26
Hình 9 - Sơ đồ tuần tự của use case đăng bài viết ......................................................... 27
Hình 10 - Sơ đồ tuần tự của use case thích bài viết....................................................... 27
Hình 11 - Sơ đồ tuần tự của use case bình luận vào bài viết ......................................... 28
Hình 12 - Sơ đồ tuần tự của use case chia sẻ bài viết.................................................... 28
Hình 13 - Sơ đồ tuần tự của use case kết bạn ................................................................ 28
Hình 14 - Sơ đồ tuần tự của use case huỷ kết bạn ......................................................... 29
Hình 15 - Sơ đồ tuần tự của use case tìm kiếm ............................................................. 29
Hình 16 - Sơ đồ tuần tự của use case nhắn tin .............................................................. 30
Hình 17 - Sơ đồ tuần tự của use case xem tất cả tin nhắn ............................................. 30
Hình 18 - Sơ đồ tuần tự của use case xem thơng báo .................................................... 30
Hình 19 - Sơ đồ tuần tự của use case xem gợi ý kết bạn ............................................... 31
Hình 20 - Sơ đồ tuần tự của use case chỉnh sửa thơng tin cá nhân ............................... 31
Hình 21 - Sơ đồ tuần tự của use case chỉnh sửa ảnh đại diện ....................................... 32
Hình 22 - Sơ đồ tuần tự của use case chỉnh sửa ảnh bìa ............................................... 32
Hình 23 - Sơ đồ tuần tự của use case đổi mật khẩu....................................................... 33
Hình 24 - Sơ đồ cơ sở dữ liệu ........................................................................................ 33
Hình 25 - Giao diện trang đăng nhập ............................................................................ 34
Hình 26 - Giao diện trang đăng ký ................................................................................ 35
Hình 27 – Menu đăng xuất ............................................................................................ 35
Hình 28 - Giao diện xem bài viết tại trang chủ ............................................................. 36
Hình 29 - Giao diện xem bài viết tại trang cá nhân ....................................................... 37
Hình 30 - Khu vực đăng bài viết ................................................................................... 37
Hình 31 - Cửa sổ đăng bài viết ...................................................................................... 38
ii
lOMoARcPSD|20681854
Phát triển phần mềm mã nguồn mở
Viện Kỹ thuật – Cơng nghệ
LỜI NĨI ĐẦU
Dưới sự phát triển của cơng nghệ thông tin hiện nay, việc gắng kết mọi người ở
khắp nơi trở nên dễ dàng hơn bao giờ hết nhờ sự có mặt của các mạng xã hội.
Nhu cầu sử dụng mạng xã hội của con người ngày càng tăng cao dẫn đến sự ra
đời của rất nhiều mạng xã hội ở nhiều nền tảng khác nhau như web, mobile, …
Nắm bắt được nhu cầu cũng như xu hướng đó, chúng em đã quyết định chọn đề
tài “Xây dựng website mạng xã hội chia sẻ hình ảnh và âm nhạc Instorify” làm đồ án
môn học “Phát triển phần mềm mã nguồn mở”.
Đề tài gồm các chương như sau:
Chương 1: Tổng quan
Chương 2: Cơ sở lý thuyết
Chương 3: Phân tích và thiết kế hệ thống
Chương 4: Giao diện
Chương 5: Tổng kết
Chương 6: Tài liệu tham khảo
Thực hiện đề tài này là cơ hội để chúng em tìm hiểu, làm quen và thử sức với một
lĩnh vực mới, trau dồi kiến thức và khả năng tự học. Trong quá trình thực hiện, chúng
em đã áp dụng được những kiến thức đã học trên lớp cũng như tìm hiểu thêm nhiều thơng
tin bổ ích.
Mặc dù đã rất cố gắng thực hiện đề tài nhưng do năng lực cũng như hạn chế về
thời gian nên chúng em khó tránh khỏi những sai sót, rất mong thầy, cơ thơng cảm bỏ
qua. Những góp ý của thầy, cô là bài học, là hành trang quý giá dành cho chúng em.
Chúng em cũng xin cảm ơn thầy Nguyễn Hữu Vĩnh đã hướng dẫn một cách tận
tình để chúng em có thể hồn thành đề tài này.
Xây dựng website mạng xã hội chia sẻ hình ảnh và âm nhạc Instorify
Trang 1
lOMoARcPSD|20681854
Phát triển phần mềm mã nguồn mở
Viện Kỹ thuật – Cơng nghệ
CHƯƠNG 1: TỔNG QUAN
Chương này trình bày những tổng quan về đề tài: giới thiệu đề tài, mục tiêu, đối
tượng và phương pháp nghiên cứu đề tài, các chức năng của website.
1. Giới thiệu
1.1. Tên đề tài
Xây dựng website mạng xã hội chia sẻ hình ảnh và âm nhạc Instorify
1.2. Lý do chọn đề tài
Cùng với sự phát triển của xã hội, phương tiện giao tiếp giữa mọi người với nhau
ngày càng đa dạng, trong đó mạng xã hội đang trở thành xu hướng. Nắm bắt được vấn
đề đó, nhóm chúng em đã chọn đề tài “Xây dựng website mạng xã hội chia sẻ hình ảnh
và âm nhạc Instorify” làm đồ án cho môn “Phát triển phần mềm mã nguồn mở”
1.3. Mục tiêu của đề tài
Ứng dụng các kiến thức về PHP, Laravel, MySQL và thiết kết website để xây
dựng website mạng xã hội chia sẻ hình ảnh và âm nhạc Instorify với đầy đủ các tính
năng.
2. Phương pháp nghiên cứu
- Phương pháp nghiên cứu lý thuyết:
+ Nghiên cứu các cơng nghệ liên quan
+ Khảo sát các website có chức năng tương tự
+ Nghiên cứu các phần mềm hỗ trợ
- Phương pháp nghiên cứu thực nghiệm:
Xây dựng website mạng xã hội chia sẻ hình ảnh và âm nhạc Instorify
3. Các chức năng
Website có những chức năng cơ bản như sau:
1. Đăng nhập
2. Đăng xuất
3. Đăng ký
4. Đổi mật khẩu
5. Xem bản tin
6. Đăng bài viết
7. Thích bài viết
8. Bình luận vào bài viết
Xây dựng website mạng xã hội chia sẻ hình ảnh và âm nhạc Instorify
Trang 2
lOMoARcPSD|20681854
Phát triển phần mềm mã nguồn mở
Viện Kỹ thuật – Công nghệ
9. Chia sẻ bài viết
10. Kết bạn
11. Huỷ kết bạn
12. Tìm kiếm
13. Nhắn tin
14. Xem tất cả tin nhắn
15. Xem thông báo
16. Xem gợi ý kết bạn
17. Chỉnh sửa thông tin cá nhân
18. Chỉnh sửa ảnh đại diện
19. Chỉnh sửa ảnh bìa
Xây dựng website mạng xã hội chia sẻ hình ảnh và âm nhạc Instorify
Trang 3
lOMoARcPSD|20681854
Viện Kỹ thuật – Công nghệ
Phát triển phần mềm mã nguồn mở
CHƯƠNG 2: CƠ SỞ LÝ THUYẾT
Chương này trình bày các cơ sở lý thuyết được áp dụng để thực hiện đề tài, bao
gồm khảo sát các website tương tự và các nền tảng công nghệ được áp dụng.
1. Khảo sát website tương tự
- Tên website: Instagram
- Liên kết: />- Chức năng: chia sẻ hình ảnh, tương tác giữa người dùng với bài viết (thích, chia
sẻ, bình luận), tương tác giữa người dùng với nhau (theo dõi, nhắn tin), …
- Ưu điểm: Giao diện trực quan, các chức năng dễ dàng tiếp cận.
- Nhược điểm: Chỉ hỗ trợ tải lên các file có định dạng ảnh hoặc video, giao diện
khơng bắt mắt.
2. Nền tảng công nghệ
2.1. PHP
* Tổng quát:
PHP (PHP: Hypertext Preprocessorl, viết tắt là PHP) là một ngôn ngữ lập trình
kịch bản hay một loại mã lệnh chủ yếu được dùng để phát triển các ứng dụng viết cho
máy chủ, mã nguồn mở, dùng cho mục đích tổng quát. Nó rất thích hợp với web và có
thể dễ dàng nhúng vào trang HTML.
Hình 1 - PHP
Xây dựng website mạng xã hội chia sẻ hình ảnh và âm nhạc Instorify
Trang 4
lOMoARcPSD|20681854
Viện Kỹ thuật – Công nghệ
Phát triển phần mềm mã nguồn mở
* Ưu điểm:
- Thân thiên và tương thích cao với mọi ngơn ngữ và trình duyệt web.
- Được sử dụng miễn phí.
- PHP sử dụng mã nguồn mở, mang lại sự linh hoạt cho các lập trình viên.
- Ngơn ngữ lập trình PHP kết nối tới các hệ cơ sở dữ liệu thơng dụng. Bởi
nó tích hợp sẵn nhiều Database Client.
- PHP có thể được sử dụng trên nhiều hệ điều hành khác nhau.
* Nhược điểm:
- PHP còn hạn chế về cấu trúc ủa ngữ pháp. Nó khơng được thiết kế gọn
gàng và không được đẹp mắt như những ngơn ngữ lập trình khác.
- PHP chỉ có thể hoạt động và sử dụng được trên các ứng dụng trong web.
2.2. Laravel
* Tổng quan:
Laravel là một PHP framework, có mã nguồn mở và miễn phí, được xây dựng
nhằm hỗ trợ phát triển các phần mềm, ứng dụng, theo kiến trúc MVC. Hiện nay, Laravel
đang là PHP framework phổ biến nhất và tốt nhất. Laravel Framework sở hữu một hệ
sinh thái lớn bao gồm các tính năng như: Instant Deployment, Routing, ORM, DB query,
Routing, …
Hình 2 - Laravel
* Ưu điểm:
- Sử dụng các tính năng mới nhất của PHP
- Nguồn tài ngun vơ cùng lớn và sẵn có
- Tích hợp với dịch vụ mail
Xây dựng website mạng xã hội chia sẻ hình ảnh và âm nhạc Instorify
Downloaded by heo ninh ()
Trang 5
lOMoARcPSD|20681854
Viện Kỹ thuật – Công nghệ
Phát triển phần mềm mã nguồn mở
- Tốc độ xử lý nhanh
- Dễ sử dụng
- Tính bảo mật cao
* Nhược điểm:
So với các PHP framework khác, Laravel bộc lộ khá ít nhược điểm. Vấn
đề lớn nhất có thể kể đến của framework này là thiếu sự liên kết giữa các phiên bản, nếu
cố cập nhật code, có thể khiến cho ứng dụng bị gián đoạn hoặc phá vỡ. Bên cạnh đó,
Lavarel cũng quá nặng cho ứng dụng di động, khiến việc tải trang trở nên chậm chạp.
2.3. MySQL
* Tổng quan:
MySQL là một hệ thống quản trị cơ sở dữ liệu mã nguồn mở (gọi tắt là RDBMS)
hoạt động theo mơ hình client-server. MySQL quản lý dữ liệu thông qua các cơ sở dữ
liệu. Mỗi cơ sở dữ liệu có thể có nhiều bảng quan hệ chứa dữ liệu. MySQL cũng có cùng
một cách truy xuất và mã lệnh tương tự với ngơn ngữ SQL.
Hình 3 - MySQL
* Ưu điểm:
- Dễ sử dụng
- Độ bảo mật cao
- Đa tính năng
- Khả năng mở rộng và mạnh mẽ
- Tốc độ thực thi nhanh
* Nhược điểm:
- Có một số hạn chế về chức năng
- Kém tin cậy hơn so với một số hệ quản trị cơ sở dữ liệu quan hệ khác
- Dung lượng hạn chế
Xây dựng website mạng xã hội chia sẻ hình ảnh và âm nhạc Instorify
Downloaded by heo ninh ()
Trang 6
lOMoARcPSD|20681854
Viện Kỹ thuật – Công nghệ
Phát triển phần mềm mã nguồn mở
CHƯƠNG 3: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG
Chương này trình bày nội dung việc phân tích hệ thống từ đó đưa ra thiết kế cơ
sở dữ liệu cho website.
1. Tác nhân
Bảng 1 - Các tác nhân
STT
Tác nhân
Mô tả
1
Người dùng
Là người sử dụng hệ thống, có quyền truy cập
vào hệ thống
2. Các use case
Bảng 2 - Các use case
Use case
Ý nghĩa
1
Đăng nhập
Đăng nhập vào website với tài
khoản đã được đăng ký
2
Đăng xuất
Đăng xuất khỏi website
3
Đăng ký
4
Đổi mật khẩu
Đổi mật khẩu đăng nhập
5
Xem bản tin
Xem các bài viết của bạn bè
6
Đăng bài viết
Đăng bài viết mới lên website
STT
7
8
Actor
Người
dùng
cuối
Thích bài viết
Bình luận vào bài viết
Đăng ký một tài khoản mới
Thích bài viết của bản thân hoặc
người dùng khác
Bình luận vào bài viết bất kỳ
9
Chia sẻ bài viết
Chia sẻ bài viết về trang cá nhân
10
Kết bạn
11
Huỷ kết bạn
12
Tìm kiếm
Tìm kiếm người dùng
13
Nhắn tin
Nhắn tin với người dùng đã kết bạn
14
Xem tất cả tin nhắn
Kết bạn với người dùng khác
Huỷ kết bạn với người dùng khác
Xem tất cả các tin nhắn đã gửi đi
Xây dựng website mạng xã hội chia sẻ hình ảnh và âm nhạc Instorify
Downloaded by heo ninh ()
Trang 7
lOMoARcPSD|20681854
Viện Kỹ thuật – Công nghệ
Phát triển phần mềm mã nguồn mở
15
Xem thông báo
Xem tất cả thông báo
16
Xem gợi ý kết bạn
Xem các gợi ý bạn bè
17
Chỉnh sửa thông tin cá nhân
18
Chỉnh sửa ảnh đại diện
19
Chỉnh sửa ảnh bìa
Chỉnh sửa các thông tin của cá
nhân
Chỉnh sửa ảnh đại diện của trang cá
nhân
Chỉnh sửa ảnh bìa của trang cá
nhân
3. Sơ đồ use case
Xây dựng website mạng xã hội chia sẻ hình ảnh và âm nhạc Instorify
Downloaded by heo ninh ()
Trang 8
lOMoARcPSD|20681854
Viện Kỹ thuật – Công nghệ
Phát triển phần mềm mã nguồn mở
Hình 4 - Sơ đồ use case
2. Đặc tả use case
2.1. Use case đăng nhập
Đây là bảng đặc tả use case cho chức năng đăng nhập của website
Bảng 3 - Bảng đặc tả use case đăng nhập
STT
Thành phần
Nội dung
Xây dựng website mạng xã hội chia sẻ hình ảnh và âm nhạc Instorify
Downloaded by heo ninh ()
Trang 9
lOMoARcPSD|20681854
Viện Kỹ thuật – Công nghệ
Phát triển phần mềm mã nguồn mở
1
Tóm tắt
Use case mơ tả cách người dùng đăng nhập vào hệ
thống
2
Actor
Người dùng
3
Dịng sự kiện
Dịng sự kiện chính: Use case này bắt đầu khi người
dùng cuối muốn đăng nhập vào ứng dụng.
+ Người dùng nhập tên đăng nhập và mật khẩu.
+ Hệ thống kiểm tra thông tin đăng nhập, nếu tài
khoản và mật khẩu nhập chính xác thì chuyển qua
màn hình chính.
Dịng sự kiện khác: Nếu trong dịng sự kiện chính,
người dùng nhập sai tên đăng nhập, mật khẩu thì hệ
thống sẽ hiển thị thơng báo lỗi. Người dùng có thể
chọn trở về đầu dịng sự kiện chính hoặc hủy bỏ việc
đăng nhập, lúc này use case kết thúc.
4
Các u cầu Khơng có
đặc biệt
5
Trạng thái hệ Đứng ở màn hình đăng nhập, các chức năng khơng
thống trước khi được hiển thị.
thực hiện use
6
Trạng thái hệ Nếu use case thành cơng, người dùng có thể sử dụng
thống sau khi các chức năng của website.
thực hiện use
7
Điểm mở rộng
Khơng có
2.2. Use case đăng ký
Đây là bảng đặc tả use case cho chức năng đăng ký của website
Bảng 4 - Bảng đặc tả use case đăng ký
STT
Thành phần
Nội dung
1
Tóm tắt
Use case mơ tả cách người dùng đăng ký tài khoản
hệ thống
2
Actor
Người dùng
3
Dòng sự kiện
Dịng sự kiện chính: Use case này bắt đầu khi người
dùng cuối muốn đăng ký một tài khoản trên hệ thống.
Xây dựng website mạng xã hội chia sẻ hình ảnh và âm nhạc Instorify
Downloaded by heo ninh ()
Trang 10
lOMoARcPSD|20681854
Viện Kỹ thuật – Công nghệ
Phát triển phần mềm mã nguồn mở
+ Người dùng nhấn nút Đăng ký, sau đó nhập
những thông tin cần thiết.
+ Hệ thống kiểm tra thông tin đăng ký, thơng tin
hợp lệ thì lưu vào CSDL và chuyển người dùng về
trang đăng nhập.
Dòng sự kiện khác: Nếu trong dịng sự kiện chính,
người dùng nhập dữ liệu khơng hợp lệ thì hệ thống
sẽ hiển thị thơng báo lỗi. Người dùng có thể chọn trở
về đầu dịng sự kiện chính hoặc hủy bỏ việc đăng
nhập, lúc này use case kết thúc.
4
Các u cầu Khơng có
đặc biệt
5
Trạng thái hệ Đứng ở màn hình đăng nhập, các chức năng khơng
thống trước khi được hiển thị.
thực hiện use
6
Trạng thái hệ Nếu use case thành cơng, người dùng có thể đăng
thống sau khi nhập và sử dụng các chức năng của website.
thực hiện use
7
Điểm mở rộng
Khơng có
2.3. Use case đăng xuất
Đây là bảng đặc tả use case cho chức năng đăng xuất của website
Bảng 5 - Bảng đặc tả use case đăng xuất
STT
Thành phần
Nội dung
1
Tóm tắt
Use case mơ tả cách người dùng đăng xuất tài khoản
khỏi hệ thống
2
Actor
Người dùng
3
Dòng sự kiện
Dòng sự kiện chính: Use case này bắt đầu khi người
dùng muốn đăng xuất khỏi hệ thống.
+ Người dùng nhấn vào biểu tượng ảnh đại diện
và chọn Đăng xuất.
+ Hệ thống xử lý và đăng xuất người dùng khỏi
hệ thống.
+ Người dùng được chuyển về màn hình đăng
nhập.
Dịng sự kiện khác: Khơng.
Xây dựng website mạng xã hội chia sẻ hình ảnh và âm nhạc Instorify
Downloaded by heo ninh ()
Trang 11
lOMoARcPSD|20681854
Viện Kỹ thuật – Công nghệ
Phát triển phần mềm mã nguồn mở
4
Các u cầu Khơng có
đặc biệt
5
Trạng thái hệ Đứng ở màn hình chính, các chức năng được hiển
thống trước khi thị.
thực hiện use
6
Trạng thái hệ Nếu use case thành công, người dùng sẽ được chuyển
thống sau khi về trang đăng nhập.
thực hiện use
7
Điểm mở rộng
Khơng có
2.4. Use case xem bản tin
Đây là bảng đặc tả use case cho chức năng xem bản tin (New Feed) của website
Bảng 6 - Bảng đặc tả use case xem bản tin
STT
Thành phần
Nội dung
1
Tóm tắt
Use case mô tả cách người dùng xem các bài viết trên
bản tin
2
Actor
Người dùng
3
Dịng sự kiện
Dịng sự kiện chính: Use case này bắt đầu khi người
dùng muốn xem các bài viết trên bản tin.
+ Người dùng đăng nhập vào website.
+ Các bài viết sẽ được hiển thị tại trang chủ của
website.
Dịng sự kiện khác: Khơng.
4
Các u cầu Khơng có
đặc biệt
5
Trạng thái hệ Đứng ở màn hình đăng nhập, các chức năng chưa
thống trước khi được hiển thị.
thực hiện use
6
Trạng thái hệ Nếu use case thành công, người dùng sẽ được chuyển
thống sau khi đến trang chủ.
thực hiện use
7
Điểm mở rộng
Không có
Xây dựng website mạng xã hội chia sẻ hình ảnh và âm nhạc Instorify
Downloaded by heo ninh ()
Trang 12
lOMoARcPSD|20681854
Viện Kỹ thuật – Công nghệ
Phát triển phần mềm mã nguồn mở
2.5. Use case đăng bài viết
Đây là bảng đặc tả use case cho chức năng đăng bài viết của website
Bảng 7 - Bảng đặc tả use case đăng bài viết
STT
Thành phần
Nội dung
1
Tóm tắt
Use case mơ tả cách người dùng đăng một bbaif viết
mới lên website.
2
Actor
Người dùng
3
Dòng sự kiện
Dòng sự kiện chính: Use case này bắt đầu khi người
dùng muốn đăng một bài viết mới.
+ Tại màn hình chính, người dùng nhấn vào ô
đăng bài viết và nhập những thông tin cần thiết.
+ Hệ thống xử lý dữ liệu và lưu vào CSDL, bài
viết mới sẽ được hiển thị trên trang chủ.
Dòng sự kiện khác: Nếu dữ liệu người dùng nhập
vào không hợp lệ, hệ thống sẽ thông báo lỗi và u
cầu ngươi dùng nhập lại.
Các u cầu Khơng có
đặc biệt
4
5
Trạng thái hệ Đứng ở màn hình chính, các chức năng được hiển
thống trước khi thị.
thực hiện use
6
Trạng thái hệ Nếu use case thành công, người dùng sẽ được chuyển
thống sau khi về màn hình chính và hiển thị bài viết mới.
thực hiện use
7
Điểm mở rộng
Khơng có
2.6. Use case thích bài viết
Đây là bảng đặc tả use case cho chức năng thích bài viết của website
Bảng 8 - Bảng đặc tả use case thích bài viết
STT
Thành phần
Nội dung
1
Tóm tắt
Use case mơ tả cách người dùng thích một bài viết
trên website
2
Actor
Người dùng
Xây dựng website mạng xã hội chia sẻ hình ảnh và âm nhạc Instorify
Downloaded by heo ninh ()
Trang 13
lOMoARcPSD|20681854
Viện Kỹ thuật – Công nghệ
Phát triển phần mềm mã nguồn mở
Dịng sự kiện chính: Use case này bắt đầu khi người
dùng muốn thích một bài viết nào đó.
+ Tại màn hình chính, người dùng tìm đến bài
viết muốn thích và nhấn vào biểu tượng hình trái
tim.
+ Biểu tượng trái tim sẽ chuyển sang màu đỏ và
số người thích tại bài viết sẽ được cập nhật.
Dịng sự kiện khác: Khơng.
Các u cầu Khơng có
đặc biệt
3
Dịng sự kiện
4
5
Trạng thái hệ Đứng ở màn hình chính, các chức năng được hiển
thống trước khi thị.
thực hiện use
6
Trạng thái hệ Nếu use case thành cơng, dữ liệu người thích của bài
thống sau khi viết sẽ được cập nhật.
thực hiện use
7
Điểm mở rộng
Khơng có
2.7. Use case bình luận vào bài viết
Đây là bảng đặc tả use case cho chức năng bình luận vào bài viết của website
Bảng 9 - Bảng đặc tả use case bình luận vào bài viết
STT
Thành phần
Nội dung
1
Tóm tắt
Use case mơ tả cách người dùng bình luận vào một
bài viết
2
Actor
Người dùng
3
Dịng sự kiện
Dịng sự kiện chính: Use case này bắt đầu khi người
dùng muốn bình luận vào một bài viết.
+ Tại màn hình chính, người dùng tìm đến bài viết
muốn bình luận và viết bình luận của mình vào ơ
bình luận rồi nhấn Enter.
+ Hệ thống sẽ xử lý và lưu dữ liệu vào CSDL,
bình luận sẽ được hiển thị bên dưới bài viết.
Dịng sự kiện khác: Khơng.
4
Các u cầu Khơng có
đặc biệt
Xây dựng website mạng xã hội chia sẻ hình ảnh và âm nhạc Instorify
Downloaded by heo ninh ()
Trang 14
lOMoARcPSD|20681854
Viện Kỹ thuật – Công nghệ
Phát triển phần mềm mã nguồn mở
5
Trạng thái hệ Đứng ở màn hình chính, các chức năng được hiển
thống trước khi thị.
thực hiện use
6
Trạng thái hệ Nếu use case thành cơng, dữ liệu bình luận của bài
thống sau khi viết sẽ được cập nhật.
thực hiện use
7
Điểm mở rộng
Khơng có
2.8. Use case chia sẻ bài viết
Đây là bảng đặc tả use case cho chức năng chia sẻ bài viết của website
Bảng 10 - Bảng đặc tả use case chia sẻ bài viết
STT
Thành phần
Nội dung
1
Tóm tắt
Use case mô tả cách người dùng chia sẻ một bài viết
trên website
2
Actor
Người dùng
3
Dịng sự kiện
Dịng sự kiện chính: Use case này bắt đầu khi người
dùng muốn chia sẻ một bài viết.
+ Tại màn hình chính, người dùng tìm đến bài viết
muốn chia sẻ và nhấn nút chia sẻ.
+ Hệ thống xử lý và lưu dữ liệu vào CSDL, bài
viết sẽ hiển thị trên trang cá nhân của người dùng.
Dòng sự kiện khác: Khơng.
4
Các u cầu Khơng có
đặc biệt
5
Trạng thái hệ Đứng ở màn hình chính, các chức năng được hiển
thống trước khi thị.
thực hiện use
6
Trạng thái hệ Nếu use case thành công, dữ liệu chia sẻ bài viết sẽ
thống sau khi được cập nhật.
thực hiện use
7
Điểm mở rộng
Khơng có
2.9. Use case kết bạn
Đây là bảng đặc tả use case cho chức năng kết bạn của website
Xây dựng website mạng xã hội chia sẻ hình ảnh và âm nhạc Instorify
Downloaded by heo ninh ()
Trang 15
lOMoARcPSD|20681854
Viện Kỹ thuật – Công nghệ
Phát triển phần mềm mã nguồn mở
Bảng 11 - Bảng đặc tả use case kết bạn
STT
Thành phần
Nội dung
1
Tóm tắt
Use case mơ tả cách người dùng kết bạn với một tài
khoản khác
2
Actor
Người dùng
3
Dòng sự kiện
Dòng sự kiện chính: Use case này bắt đầu khi người
dùng muốn kết bạn với một tài khoản khác.
+ Tại màn hình chính, người dùng tìm kiếm tài
khoản muốn kết bạn và nhấn vào nút Kết bạn tại
trang cá nhân của tài khoản đó.
+ Hệ thống xử lý và lưu dữ liệu vào hệ thống.
+ Tài khoản sẽ được bổ sung vào danh sách kết
bạn của người dùng, nút kết bạn sẽ chuyển thành
nút huỷ kết bạn.
Dịng sự kiện khác: Khơng.
4
Các u cầu Khơng có
đặc biệt
5
Trạng thái hệ Đứng ở màn hình chính, các chức năng được hiển
thống trước khi thị.
thực hiện use
6
Trạng thái hệ Nếu use case thành công, danh sách kết bạn của
thống sau khi người dùng sẽ được cập nhật.
thực hiện use
7
Điểm mở rộng
Khơng có
2.10. Use case huỷ kết bạn
Đây là bảng đặc tả use case cho chức năng huỷ kết bạn của website
Bảng 12 - Bảng đặc tả use case huỷ kết bạn
STT
Thành phần
Nội dung
1
Tóm tắt
Use case mơ tả cách người dùng huỷ kết bạn với một
tài khoản khác
2
Actor
Người dùng
Xây dựng website mạng xã hội chia sẻ hình ảnh và âm nhạc Instorify
Downloaded by heo ninh ()
Trang 16
lOMoARcPSD|20681854
Viện Kỹ thuật – Công nghệ
Phát triển phần mềm mã nguồn mở
Dịng sự kiện chính: Use case này bắt đầu khi người
dùng muốn huỷ kết bạn với một tài khoản khác.
+ Tại màn trang cá nhân, người dùng vào tab bạn
bè, tại đây người dùng tìm kiếm tài khoản muốn huỷ
kết bạn và nhấn Huỷ kết bạn.
+ Hệ thống xử lý và lưu dữ liệu vào hệ thống.
+ Danh sách bạn bè của người dùng sẽ được cập
nhật lại, nút huỷ kết bạn sẽ chuyển thành nút kết
bạn.
Dòng sự kiện khác: Khơng.
3
Dịng sự kiện
4
Các u cầu Khơng có
đặc biệt
5
Trạng thái hệ Đứng ở trang cá nhân, các chức năng được hiển thị.
thống trước khi
thực hiện use
6
Trạng thái hệ Nếu use case thành công, danh sách kết bạn của
thống sau khi người dùng sẽ được cập nhật.
thực hiện use
7
Điểm mở rộng
Không có
2.11. Use case tìm kiếm
Đây là bảng đặc tả use case cho chức năng tìm kiếm của website
Bảng 13 - Bảng đặc tả use case tìm kiếm
STT
Thành phần
Nội dung
1
Tóm tắt
Use case mơ tả cách người dùng tìm kiếm một tài
khoản trên website
2
Actor
Người dùng
3
Dịng sự kiện
Dịng sự kiện chính: Use case này bắt đầu khi người
dùng muốn tìm kiếm một tài khoản khác.
+ Tại màn hình chính, người dùng nhấn vào ơ tìm
kiếm sau đó nhập tên tài khoản cần tìm rồi nhấn
Enter.
+ Hệ thống xử lý và trả dữ liệu.
+ Người dùng sẽ được chuyển đến trang hiển thị
kết quả tìm kiếm.
Xây dựng website mạng xã hội chia sẻ hình ảnh và âm nhạc Instorify
Downloaded by heo ninh ()
Trang 17
