Nghiên cứu phát triển ứng dụng mạng xã hội hỗ trợ trên thiết bị di động

 Về kỹ năng: Nắm vững và sử dụng thành thạo các công nghệ về lập trìnhứng dụng di động, hoàn thiện kỹ năng xây dựng giao diện phù hợp với cácđối tượng người dùng  Về kết quả: Xây dựng

ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT

KHOA CÔNG NGHỆ SỐ

ĐỒ ÁN TỐT NGHIỆP

ĐẠI HỌCNGÀNH: CÔNG NGHỆ THÔNG TIN

Đà Nẵng, 02/2022

ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT

KHOA CÔNG NGHỆ SỐ

ĐỒ ÁN TỐT NGHIỆP

ĐẠI HỌCNGÀNH: CÔNG NGHỆ THÔNG TIN

Đà Nẵng, 02/2022

NHẬN XÉT CỦA NGƯỜI HƯỚNG DẪN

NHẬN XÉT CỦA NGƯỜI PHẢN BIỆN

- Nghiên cứu lý thuyết

- Nghiên cứu về công nghệ

- Nghiên cứu về các công cụ

Báo cáo tổng quan

LỜI NÓI ĐẦU

Em xin gửi lời cảm ơn chân thành và sự tri ân sâu sắc với những thầy cô của trườngĐại Học Sư Phạm Kỹ Thuật Đà Nẵng đặc biệt là thầy cô bộ môn Công Nghệ ThôngTin em đang học tập đã tạo điều kiện để em đi thực tập và có thời gian để làm đồ án

Em xin chân thành cảm ơn thầy Võ Trung Hùng đã hướng dẫn, chỉ bảo tận tình để emhoàn thành được đồ án của mình

Trong quá trình làm đồ án chắc chắn em còn mắc phải nhiều sai sót rất mong các thầy

cô bỏ qua Đồng thời, với kinh nghiệm và kiến thức còn hạn chế em xin sự đóng góp

từ thầy cô để đồ án của em được hoàn thiện hơn

Em xin chân thành cảm ơn!

MỤC LỤC

NHẬN XÉT CỦA NGƯỜI HƯỚNG DẪN

NHẬN XÉT CỦA NGƯỜI PHẢN BIỆN

NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP

LỜI NÓI ĐẦU

CAM ĐOAN

MỤC LỤC

DANH SÁCH CÁC BẢNG, HÌNH VẼ

DANH SÁCH CÁC KÝ HIỆU, CHỮ VIẾT TẮT

MỞ ĐẦU 1

CHƯƠNG 1: NGHIÊN CỨU ĐỀ TÀI 1

1.1 Nghiên cứu lý thuyết 1

1.2 Nghiên cứu về công nghệ 1

1.2.1 JavaScript 1

1.2.2 Framework React Native 1

1.2.3 Firebase 2

1.3 Nghiên cứu về các công cụ 3

1.3.1 Visual Studio Code 3

1.3.2 Android studio 3

1.3.3 StarUml 4

1.3.4 Figma 4

CHƯƠNG 2: PHÂN TÍCH THIẾT KẾ 5

2.1 Tác nhân và Chức Năng 5

2.1.1 Khác vãng lai: 5

2.1.2 Admin: 5

2.1.3 Khách thành viên 5

2.2 Sơ đồ Use-case 6

2.3 Cơ sở dữ liệu 8

2.3.1 Sử dụng cơ sở dữ liệu Cloud Firestore 8

2.3.2 Firebase Storage lưu trữ file tải lên của người dùng 9

2.4 Phân tích thiết kế 9

2.4.1 Use-case “Đăng nhập” 9

2.4.2 Use-case “Đăng Ký” 11

2.4.3 Use-case “Cập nhật thông tin cá nhân” 13

2.4.4 Use-case “Đăng bài viết lên bản tin” 15

2.4.5 Use-case “Chỉnh sửa bài viết” 17

2.4.6 Use-case “Xoá bài viết” 19

2.4.7 Use-case “Bình luận bài viết” 21

2.4.8 Use-case “Tìm kiếm” 23

2.4.9 Use-case “Tạo hội nhóm” 25

2.4.10 Use-case “Mời người dùng vào Hội nhóm” 27

2.4.11 Use-case “Rời khỏi nhóm” 29

2.4.12 Use-case “Xem_Gỡ thông báo” 31

2.4.13 Use-case “Báo cáo người dùng” 33

2.4.14 Use-case “Báo cáo bài viết” 35

2.4.15 Use-case “Báo cáo nhóm” 37

2.4.16 Use-case “Quản lý người dùng” 39

2.4.17 Use-case “Xử lý các báo cáo” 41

CHƯƠNG 3: XÂY DỰNG ỨNG DỤNG 43

3.1 Giao diện “Đăng nhập” 43

3.2 Giao điện “Đăng Ký” 44

3.3 Giao diện “Cập nhật thông tin cá nhân” 45

3.4 Giao diện “Đăng bài viết lên bản tin” 46

3.5 Giao diện “Chỉnh sửa bài viết” 48

3.6 Giao diện “Xoá bài viết” 50

3.7 Giao diện “Bình luận bài viết” 52

3.8 Giao diện “Tìm kiếm” 53

3.9 Giao diện “Tạo hội nhóm” 56

3.10 Giao diện “Mời người dùng vào hội nhóm” 58

3.11 Giao diện “Rơi khỏi nhóm” 60

3.12 Giao diện “Xem_Gỡ thông báo” 65

3.13 Giao diện “Báo cáo người dùng” 67

3.14 Giao diện “Báo cáo bài viết” 69

3.15 Giao diện “Báo cáo nhóm” 70

3.16 Giao diện “Quản lý người dùng” 71

3.17 Giao diện “Xử lý các báo cáo” 73

CHƯƠNG 4: KẾT LUẬN 75

DANH SÁCH CÁC BẢNG, HÌNH VẼ

Hình 1: Hình ảnh về Visual Studio Code 3

Hình 2: Sơ đồ Use-case các chức năng chính của hệ thống 6

Hình 3: Sơ đồ Use-case chức năng chi tiết trang Home 6

Hình 4: Sơ đồ Use-case chức năng chi tiết trang Group 7

Hình 5: Sơ đồ Use-case chức năng chi tiết trang Cá nhân 7

Hình 6: Cơ sở dữ liệu của User 8

Hình 7: Cơ sở dữ liệu của Group 8

Hình 8: File tải lên của người dùng 9

Hình 9: Sơ đồ hoạt động Đăng Nhập 10

Hình 10: Sơ đồ hoạt động Đăng Ký 12

Hình 11: Sơ đồ hoạt động Cập nhật thông tin cá nhân 14

Hình 12: Sơ đồ hoạt động Đăng bài viết lên bản tin 16

Hình 13: Sơ đồ hoạt động Chỉnh sửa bài viết 18

Hình 14: Sơ đồ hoạt động Xoá bài viết 20

Hình 15: Sơ đồ hoạt động Bình luận bài viết 22

Hình 16: Sơ đồ hoạt động Tìm kiếm 24

Hình 17: Sơ đồ hoạt động Tạo hội nhóm 26

Hình 18: Sơ đồ hoạt động Mời người dùng vào Hội nhóm 28

Hình 19: Sơ đồ hoạt động Rời khỏi nhóm 30

Hình 20: Sơ đồ hoạt động Xem_Gỡ thông báo 32

Hình 21:Sơ đồ hoạt động Báo cáo người dùng 34

Hình 22:Sơ đồ hoạt động Báo cáo bài viết 36

Hình 23: Sơ đồ hoạt động Báo cáo nhóm 38

Hình 24: Sơ đồ hoạt động Quản lý người dùng 40

Hình 25: Sơ đồ hoạt động Xử lý các báo cáo 42

Hình 26: Giao diện đăng nhập 43

Hình 27: Giao diện đăng ký 44

Hình 28:Giao diện cập nhật thông tin cá nhân 45

Hình 29: Giao diện Đăng bài viết lên bản tin_1 46

Hình 30: Giao diện Đăng bài viết lên bản tin_2 47

Hình 31: Giao diện chỉnh sửa bài viết_1 48

Hình 32: Giao diện chỉnh sửa bài viết_2 49

Hình 33: Giao diện Xoá bài viết _1 50

Hình 34: Giao diện chỉnh Xoá bài viết _2 51

Hình 35: Giao diện Bình luận bài viết 52

Hình 36: Giao diện Tìm kiếm_1 53

Hình 37: Giao diện Tìm kiếm_2 54

Hình 38: Giao diện Tạo hội nhóm_1 56

Hình 39: Giao diện Tạo hội nhóm_2 57

Hình 40: Giao diện Mời người dùng vào Hội nhóm_1 58

Hình 41: Giao diện Mời người dùng vào Hội nhóm_1 59

Hình 42: Giao diện Rời khỏi nhóm_1 60

Hình 43: Giao diện rời khỏi nhóm_2 61

Hình 44: Giao diện rời khỏi nhóm_3 62

Hình 45: Giao diện rời khỏi nhóm_4 63

Hình 46: Giao diện rời khỏi nhóm_5 64

Hình 47:Giao diện Xem_Gỡ thông báo_1 65

Hình 48: Giao diện Xem_Gỡ thông báo_2 66

Hình 49:Giao diện Báo cáo người dùng_1 67

Hình 50:Giao diện Báo cáo người dùng_2 68

Hình 51: Giao diện Báo cáo bài viết 69

Hình 52: Giao diện Báo cáo nhóm 70

Hình 53: Giao diện Quản lý người dùng _1 71

Hình 54: Giao diện Quản lý người dùng _2 72

Hình 55: Giao diện Xử lý các báo cáo 73

Hình 56: Giao diện Quản lý người dùng _2 74

DANH SÁCH CÁC KÝ HIỆU, CHỮ VIẾT TẮT

MỞ ĐẦU

Trong thời đại công nghệ 4.0, nhu cầu giao tiếp và thông tin của con người trởnên cực kì được coi trọng Vì thế sự ra đời của Internet được coi là một trong nhữngphát minh vĩ đại của con người, thay đổi cuộc sống nhân loại, kết nối con người trênkhắp các châu lục Hiện nay Internet trở nên cực kì quan trọng với đời sống của conngười, đặc biệt là giới trẻ

Internet cho phép người dùng giao tiếp, kết nối với nhau bằng những thiết bị như máy tính, điện thoại thông minh, ti vi… Hiện nay Internet gắn liền với sự phát triển của xã hội, là một phần không thể thiếu trong cuộc sống của con người, gắn liền với tiến bộ xã hội, sự phát triển về kinh tế, văn hóa, tôn giáo…

Đây là ứng dụng mạng xã hội, nơi người dùng có thể làm quen, kết bạn, giao lưu với nhau, cập nhật thông tin, chia sẽ mọi điều trong cuộc sống với nhau

Mục tiêu đề tài:

 Về kiến thức: Nắm vững và trình bày một cách có hệ thống các cơ sở về kỹthuật phần mềm, ngôn ngữ javascript, Framework React Native, dịch vụ cơ

sở dữ liệu firebase, và các kiến thức liên quan khác

 Về kỹ năng: Nắm vững và sử dụng thành thạo các công nghệ về lập trìnhứng dụng di động, hoàn thiện kỹ năng xây dựng giao diện phù hợp với cácđối tượng người dùng

 Về kết quả: Xây dựng và thử nghiệm thành công ứng dụng mạng xã hội.Phương pháp thực hiện: Tìm hiểu về các ứng dụng mạng xã hội đã có sẵn (Facebook, Instagram, Twitter, v.v) Phân tích giao diện, chức năng nổi bật Từ đó, dựa vào nhữngchức năng đã lên kế hoạch từ đầu, đúc kết, và đưa ra các chức năng, yêu cầu hoàn chỉnh cho ứng dụng

Phạm vi đề tài: Đề tài áp dụng cho người dùng sử dụng Internet có nhu cầu giải trí, chia sẻ tin tức, kết nối giao lưu

Cấu trúc của đồ án tốt ngiệp:

 Chương 1: Nghiên cứu đề tài

 Chương 2: Phân tích thiết kế

 Chương 3: Xây dựng ứng dụng

 Chương 4: Kết luận

CHƯƠNG 1: NGHIÊN CỨU ĐỀ TÀI

1.1 Nghiên cứu lý thuyết

Tham khảo một số nguồn mạng xã hội hiện hành hiện tại như Facebook,Instagram, Twetter, …

1.2 Nghiên cứu về công nghệ

1.2.1 JavaScript

Javascript là một dạng ngôn ngữ lập trình thông dịch, được phát triển theo các ý

niệm nguyên mẫu Đồng thời đây cũng là ngôn ngữ lập trình phổ biến nhất trên thếgiới trong suốt 20 năm qua cùng với HTML và CSS Javascript được sử dụng rộng rãitrong các ứng dụng Website Javascript được hỗ trợ hầu như trên tất cả các trình duyệtnhư Firefox, Chrome, trên máy tính lẫn điện thoại JavaScript thường được nhúngtrực tiếp vào một trang web hoặc được tham chiếu qua file js riêng

Ngôn ngữ này được dùng rộng rãi cho phía client (phía người dùng) cũng nhưphía máy chủ (với Nodejs)

Hình 1: Hình ảnh ví dụ về Javascript

1.2.2 Framework React Native

1.2.2.1 Framework

Framework là các đoạn code đã được viết sẵn, cấu thành nên một bộ khung và

các thư viện lập trình được đóng gói Chúng cung cấp các tính năng có sẵn như môhình, API và các yếu tố khác để tối giản cho việc phát triển các ứng dụng web phongphú, năng động Các framework giống như là chúng ta có khung nhà được làm sẵn nềnmóng cơ bản, bạn chỉ cần vào xây dựng và nội thất theo ý mình

Framework cung cấp cho các nhà lập trình những chức năng cơ bản nhất Ở đó

các lập trình viên nhận được sự trợ giúp trong quá trình xây dựng và phát triểnwebsite, ứng dụng web của mình Chúng ta có thể ví framework như tập các “Vật liệu”cho từng lĩnh vực dành cho các lập trình viên Có framework các lập trình viên khôngcần phải đau đầu thiết kế trước khi dùng, điều này giúp họ tiết kiệm thời gian Vì vậySVTH: Nguyễn Hữu Thắng GVHD: PGS-TS Võ Trung Hùng

các lập trình viên chỉ cần tìm hiểu và sáng tạo trên những framework để tạo ra sảnphẩm theo mong muốn của mình.

1.2.2.2 Framework React Native

React Navive là một framework tạo ra bởi Facebook, chúng cho phép những

người developer xây dựng nên các ứng dụng cá nhân bằng ngôn ngữ lập trìnhJavascript Giao diện người dùng được thiết kế với các thẻ bố cục theo kiểu HTML vàcác stylesheet kiểu CSS

1.2.3 Firebase

Firebase là dịch vụ cơ sở dữ liệu hoạt động trên nền tảng đám mây – cloud Kèm

theo đó là hệ thống máy chủ cực kỳ mạnh mẽ của Google Chức năng chính là giúpngười dùng lập trình ứng dụng bằng cách đơn giản hóa các thao tác với cơ sở dữ liệu

Cụ thể là những giao diện lập trình ứng dụng API đơn giản Mục đích nhằm tăng

số lượng người dùng và thu lại nhiều lợi nhuận hơn

Đặc biệt, còn là dịch vụ đa năng và bảo mật cực tốt Firebase hỗ trợ cả hai nền

tảng Android và IOS Không có gì khó hiểu khi nhiều lập trình viên chọn Firebase làmnền tảng đầu tiên để xây dựng ứng dụng cho hàng triệu người dùng trên toàn thế giới

1.2.3.1 Firebase Authentication

Firebase Authentication là chức năng dùng để xác thực người dùng bằng

Password, số điện thoại hoặc tài khoản Google, Facebook hay Twitter, v.v Firebase Authentication giúp thực hiện việc chia sẻ ID giữa các ứng dụng, giúp người dùng dễ dàng tiếp cận sản phẩm hơn

1.2.3.2 Cloud Firestore

Cloud Firestore là một cơ sở dữ liệu NoQuery được lưu trữ trên đám mây mà các ứng dụng IOS, Android, Web có thể truy cập trực tiếp thông qua SDK.Cloud Firestore cũng có sẵn trong Node.js, Java, Python và Go SDKs, REST và RPC APIs

Được tổ chức theo mô hình dữ liệu NoQuery của Cloud Firestore, dữ liệu lưu trong các document ánh xạ tới các giá trị Các document này được lưu trữ trong các collection cho bạn tổ chức dữ liệu và thực hiện truy vấn

Cloud Firestore lưu trữ dữ liệu được sắp xếp trong các bộ sưu tập, điều này cũng giúp việc lưu trữ dữ liệu dễ dàng vì nó tương tự như JSON Dữ liệu phân cấp, phức tạp cũng dễ dàng tổ chức hơn để sắp xếp các tài liệu bên trong đó Nó cũng yêu cầu ít chuẩn hóa và làm gọn dữ liệu

1.2.3.3 Firebase Storage

Firebase Storage là một giải pháp độc lập cho việc tải lên nội dung của người dùng, như hình ảnh và video từ thiết bị iOS và Android cũng như Web Firebase Storage được thiết kế đặc biệt để mở rộng ứng dụng của bạn, cung cấp bảo mật và đảmbảo khả năng phục hồi mạng

SVTH: Nguyễn Hữu Thắng GVHD: PGS-TS Võ Trung Hùng

1.3 Nghiên cứu về các công cụ

1.3.1 Visual Studio Code

Visual Studio Code là một trình biên tập mã được phát triển bởi Microsoft dành

cho Windows, Linux và macOS

Visual Studio Code hỗ trợ chức năng debug, đi kèm với Git, có syntax

highlighting, tự hoàn thành mã thông minh, snippets, và cải tiến mã nguồn Nhờ tínhnăng tùy chỉnh, Visual Studio Code cũng cho phép người dùng thay đổi theme, phímtắt, và các tùy chọn khác

Hình 1: Hình ảnh về Visual Studio Code

1.3.2 Android studio

Android Studio là môi trường phát triển tích hợp (IDE) chính thức để phát triển

ứng dụng Android dựa trên IntelliJ IDEA Ngoài các công cụ dành cho nhà phát triển

và biên tập mã mạnh mẽ của IntelliJ, Android Studio còn cung cấp nhiều tính nănghơn nữa để nâng cao năng suất của bạn khi xây dựng các ứng dụng Android, chẳnghạn như:

 Hệ thống xây dựng dựa trên Gradle linh hoạt

 Trình giả lập nhanh và nhiều tính năng

 Một môi trường hợp nhất, nơi bạn có thể phát triển cho tất cả các thiết bị Android

 Áp dụng các thay đổi để đẩy mã và thay đổi tài nguyên cho ứng dụng đang chạy của bạn mà không cần khởi động lại ứng dụng của bạn

SVTH: Nguyễn Hữu Thắng GVHD: PGS-TS Võ Trung Hùng

 Các mẫu mà và tích hợp Github để giúp bạn xây dựng các tính năng ứng dụng phổ biến.

 Các công cụ kiểm tra và framework mở rộng

 Các công cụ của Lint để nắm bắt hiệu suất, khả năng sử dụng, khả năng tương thích của phiên bản và các vấn đề khác

kế hệ thống một điều mà bất cứ dự án nào đều cần có Ngoài ra dùng StarUML sẽ đảmbảo tối đa hóa năng suất và chất lượng của các dự án phần mềm của bạn Vì nó chophép mô hình hóa nên sẽ không phụ thuộc vào người code, ngôn ngữ code hay nền tảng

sử dụng Do mô hình hóa nên rất dễ đọc và dễ hiểu Một điều mình thích nhất ởStarUML là khả năng tự sinh code từ những mô hình class

1.3.4 Figma

Figma là phần mềm dựa trên nền tảng web (web - based app) chuyên dụng dùng

đê thiết kế giao diện người dùng UI/UX cho cả web và app Figma có thể làm việc trênmọi hệ điều hành, hoạt động nhanh và bao gồm các tính năng cộng tác làm việc nhóm(team work) trong thời gian thực Figma giúp các nhóm phát triển tạo, thử nghiệm vàchuyển giao các dự án thiết kế tốt hơn từ đầu cho đến khi hoàn thành

Những ưu điểm nổi bật của Figma

 Khả năng tương thích cao, có thể truy cập vào Figma trên bất cứ hệ điều hành nào, chỉ cần bạn có một trình duyệt web là có thể sử dụng Figma

 Giao diện tối giản, thân thiện với người dùng

 Cho phép chế độ Feedbacks, Comments ngay trên chính mỗi Project từ đó giúp cho các bạn thiết kế UI sẽ dễ dàng nhận được những góp ý đến từ Project Manager, User, … giúp cho công việc tiết kiệm được nhiều thời gian và nhanh chóng hoàn thành

 Hỗ trợ lưu trữ dữ liệu đám mây cực kỳ tiện lợi, không cần tốn quá nhiều tài nguyên trên máy

 Những tính năng độc đáo chuyên biệt cho thiết kế với bộ phím tắt đơn giản, nhanh chóng giúp các Designer tiết kiệm được nhiều thời gian cho một Project

SVTH: Nguyễn Hữu Thắng GVHD: PGS-TS Võ Trung Hùng

CHƯƠNG 2: PHÂN TÍCH THIẾT KẾ

2.1 Tác nhân và Chức Năng

2.1.1 Khác vãng lai:

 Đăng Ký

2.1.2 Admin:

 Đăng nhập bằng quyền Admin

 Quản lý tài khoản người dùng

- Tìm kiếm người dùng

- Xem, khoá/mở khoá tài khoản người dùng

 Quản lý hội nhóm

- Tìm kiếm hộ nhóm

- Xem, khoá/mở khoá tài khoản hội nhóm

 Quản lý các báo cáo của người dùng

- Báo cáo về bài viết (Gỡ, giữ lại bài viết)

- Báo cáo về người dùng (Khoá, giữ lại người dùng)

- Báo cáo về hội nhóm (Khoá, giữ lại hội nhóm)

2.1.3 Khách thành viên

 Đăng nhập, đăng xuất tài khoản

 Cập nhật thông tin cá nhân

 Tạo, chỉnh sửa, xoá bài viết của mình trên bản tin

 Tạo, chỉnh sửa, xoá bài viết của mình trong nhóm

 Xem, bình luận các bài viết

 Xem, gỡ các thông báo

- Thông báo về người theo dõi mới

- Thông báo về bình luận, yêu thích bài viết của bạn

- Thông báo lời mời tham gia nhóm

 Báo cáo (nếu có vi phạm)

- Người dùng

- Bài viết

- Hội nhóm

 Tạo, chỉnh sửa, xoá hội nhóm của mình

 Tham gia, rời khỏi các hộ nhóm

 Mời mọi người tham gia hội nhóm

 Tìm kiếm bài viết, người dùng, hội nhóm

 Kết bạn, huỷ kết bạn với người dùng khác

 Nhắn tin với người dùng khác

SVTH: Nguyễn Hữu Thắng GVHD: PGS-TS Võ Trung Hùng

2.2 Sơ đồ Use-case

Hình 2: Sơ đồ Use-case các chức năng chính của hệ thống

Hình 3: Sơ đồ Use-case chức năng chi tiết trang Home

SVTH: Nguyễn Hữu Thắng GVHD: PGS-TS Võ Trung Hùng

Hình 4: Sơ đồ Use-case chức năng chi tiết trang Group

Hình 5: Sơ đồ Use-case chức năng chi tiết trang Cá nhân

SVTH: Nguyễn Hữu Thắng GVHD: PGS-TS Võ Trung Hùng

2.3 Cơ sở dữ liệu

2.3.1 Sử dụng cơ sở dữ liệu Cloud Firestore

Hình 6: Cơ sở dữ liệu của User

Hình 7: Cơ sở dữ liệu của Group

SVTH: Nguyễn Hữu Thắng GVHD: PGS-TS Võ Trung Hùng

2.3.2 Firebase Storage lưu trữ file tải lên của người dùng

Hình 8: File tải lên của người dùng

2.4 Phân tích thiết kế

2.4.1 Use-case “Đăng nhập”

2.4.1.1 Scenario Use-case “Đăng nhập”

ST

dụng

Thông tin tài khoản

2 Actor nhập thông tin tài khoản (tên tài khoản, mật khẩu), hoặc chọn đăng nhập với facebook, google

2b.1 Actor nhấn thoát ứng dụng  Use case kết thúc

mà chưa được đăng nhập2b.2 Actor chọn chưa có tài khoản  Use case chuyểnthành use case đăng kí

3b Nhập sai tài khoản hoặc mật khẩu (hoặc mật khẩukhông khớp với tài khoản)  Thông báo sai tài khoảnhoặc mật khẩu Quay lại bước 2

2.4.1.2 Activity Diagram “Đăng nhập”

Hình 9: Sơ đồ hoạt động Đăng Nhập

SVTH: Nguyễn Hữu Thắng GVHD: PGS-TS Võ Trung Hùng 10

2.4.2 Use-case “Đăng Ký”

2.4.2.1 Scenario Use-case “Đăng Ký”

ST

tài khoản)

Thông tin tài khoản mà khách hàng đăng kí chưa tồntại

Đăng nhập  Bắt đầu use case

2 Actor nhập thông tin tài khoản (tên tài khoản, mật khẩu)

SVTH: Nguyễn Hữu Thắng GVHD: PGS-TS Võ Trung Hùng 11

2.4.2.2 Activity Diagram “Đăng Ký”

Hình 10: Sơ đồ hoạt động Đăng Ký

SVTH: Nguyễn Hữu Thắng GVHD: PGS-TS Võ Trung Hùng 12

2.4.3 Use-case “Cập nhật thông tin cá nhân”

2.4.3.1 Scenario Use-case “Cập nhật thông tin cá nhân”

ST

Thông tin muốn cập nhật

Trang cá nhân  Bắt đầu use case

2 Sủa thông tin ở ô input, chọn ảnh avatar, ảnh bìa

2.4.3.2 Activity Diagram “Cập nhật thông tin cá nhân”

Hình 11: Sơ đồ hoạt động Cập nhật thông tin cá nhân

2.4.4 Use-case “Đăng bài viết lên bản tin”

2.4.4.1 Scenario Use-case “Đăng bài viết lên bản tin”

SVTH: Nguyễn Hữu Thắng GVHD: PGS-TS Võ Trung Hùng 14

T name

Bắt đầu use case

2 Nhập nội dung, import ảnh vào form

3b Actor nhấn hủy  Use case kết thúc

SVTH: Nguyễn Hữu Thắng GVHD: PGS-TS Võ Trung Hùng 15

2.4.4.2 Activity Diagram “Đăng bài viết lên bản tin”

Hình 12: Sơ đồ hoạt động Đăng bài viết lên bản tin

SVTH: Nguyễn Hữu Thắng GVHD: PGS-TS Võ Trung Hùng 16

2.4.5 Use-case “Chỉnh sửa bài viết”

2.4.5.1 Scenario Use-case “Chỉnh sửa bài viết”

ST

hiện use-case đăng bàiThông tin muốn cập nhật

mình Chọn vào chỉnh sửa bài viết  Bắt đầu use case

2 Sửa nội dung ở form

2.4.5.2 Activity Diagram “Chỉnh sửa bài viết”

Hình 13: Sơ đồ hoạt động Chỉnh sửa bài viết

SVTH: Nguyễn Hữu Thắng GVHD: PGS-TS Võ Trung Hùng 18

2.4.6 Use-case “Xoá bài viết”

2.4.6.1 Scenario Use-case “Xoá bài viết”

ST

hiện use-case đăng bàiThông tin muốn cập nhật

mình Chọn vào xoá  Bắt đầu use case

2b Actor nhấn hủy Use case kết thúc

SVTH: Nguyễn Hữu Thắng GVHD: PGS-TS Võ Trung Hùng 19

2.4.6.2 Activity Diagram “Xoá bài viết”

Hình 14: Sơ đồ hoạt động Xoá bài viết

SVTH: Nguyễn Hữu Thắng GVHD: PGS-TS Võ Trung Hùng 20

2.4.7 Use-case “Bình luận bài viết”

2.4.7.1 Scenario Use-case “Bình luận bài viết”

ST

2 Nhấn Enter hoặc nút “Gửi”

3 Hệ thống ghi lại và cập nhật lên Bìa viết  Use case kết thúc

2.4.7.2 Activity Diagram “Bình luận bài viết”

Hình 15: Sơ đồ hoạt động Bình luận bài viết

SVTH: Nguyễn Hữu Thắng GVHD: PGS-TS Võ Trung Hùng 22

2.4.8 Use-case “Tìm kiếm”

2.4.8.1 Scenario Use-case “Tìm kiếm”

ST

SVTH: Nguyễn Hữu Thắng GVHD: PGS-TS Võ Trung Hùng 23

2.4.8.2 Activity Diagram “Tìm kiếm”

Hình 16: Sơ đồ hoạt động Tìm kiếm

SVTH: Nguyễn Hữu Thắng GVHD: PGS-TS Võ Trung Hùng 24

2.4.9 Use-case “Tạo hội nhóm”

2.4.9.1 Scenario Use-case “Tạo hội nhóm”

ST

nhóm

case

2 Nhập thông tin nhóm vào form

3 Nhấn vào button tạo

4 Hệ thống kiểm tra và trả về thông báo thành công  Kết thúc use case