Tải bản đầy đủ (.pdf) (167 trang)

Xây dựng app mobile tư vấn sinh viên

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 (7.14 MB, 167 trang )

TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP. HỒ CHÍ MINH
KHOA CÔNG NGHỆ THÔNG TIN
BỘ MÔN CÔNG NGHỆ PHẦN MỀM

XÂY DỰNG APP MOBILE
TƯ VẤN SINH VIÊN
KHÓA LUẬN TỐT NGHIỆP KỸ SƯ CNTT

GIÁO VIÊN HƯỚNG DẪN
ThS. NGUYỄN HỮU TRUNG


ĐH SƯ PHẠM KỸ THUẬT TP.HCM

CỘNG HÒA XHCN VIỆT NAM

KHOA CÔNG NGHỆ THÔNG TIN

Độc lập – Tự do – Hạnh phúc

******

******

PHIẾU NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN

Chuyên ngành: Công nghệ phần mềm
Tên đề tài: Xây dựng App Tư vấn sinh viên.
Họ và tên giảng viên hướng dẫn: ThS. Nguyễn Hữu Trung
NHẬN XÉT
1. Về nội dung đề tài và khối lượng thực hiện: …………………………………………..


…………………………………………………………………………………………
…………………………………………………………………………………………
…………………………………………………………………………………………
2. Ưu điểm: ………………………………………………………………………………
………………………………………………………………………………………….
………………………………………………………………………………………….
3. Khuyết điểm: …………………………………………………………………………..
………………………………………………………………………………………….
………………………………………………………………………………………….
4. Đề nghị cho bảo vệ hay không? ………………………………………………………
5.

Đánh giá loại: …………………………………………………………………………

6. Điểm: ………………………………………………………………………………….

3


ĐH SƯ PHẠM KỸ THUẬT TP.HCM

CỘNG HÒA XHCN VIỆT NAM

KHOA CÔNG NGHỆ THÔNG TIN

Độc lập – Tự do – Hạnh phúc

******

******


PHIẾU NHẬN XÉT CỦA GIẢNG VIÊN PHẢN BIỆN

Chuyên ngành: Công nghệ phần mềm
Tên đề tài: Xây dựng App Tư vấn sinh viên.
Họ và tên giảng viên phản biện: ThS Nguyễn Minh Đạo
NHẬN XÉT
1. Về nội dung đề tài và khối lượng thực hiện: …………………………………………..
…………………………………………………………………………………………
…………………………………………………………………………………………
…………………………………………………………………………………………
2. Ưu điểm: ………………………………………………………………………………
………………………………………………………………………………………….
………………………………………………………………………………………….
3. Khuyết điểm: …………………………………………………………………………..
………………………………………………………………………………………….
…………………………………………………………………………………………
4. Đề nghị cho bảo vệ hay không? ………………………………………………………
5. Đánh giá loại: …………………………………………………………………………

6. Điểm: ………………………………………………………………………………….

4


LỜI CẢM ƠN
Để hoàn thành tốt đề tài và bài báo cáo này, chúng em xin gửi lời cảm ơn
chân thành đến giảng viên, thầy Nguyễn Hữu Trung, người đã trực tiếp hỗ trợ chúng
em trong suốt quá trình làm đề tài. Chúng em cảm ơn thầy đã đưa ra những lời
khuyên từ kinh nghiệm thực tiễn của mình để định hướng cho chúng em đi đúng với

yêu cầu của đề tài đã chọn, luôn giải đáp thắc mắc và đưa ra những góp ý, chỉnh sửa
kịp thời giúp chúng em khắc phục nhược điểm và hoàn thành tốt cũng như đúng thời
hạn đã đề ra.
Chúng em cũng xin gửi lời cảm ơn chân thành các quý thầy cô trong khoa
nói chung và ngành Cơng Nghệ Thơng Tin nói riêng đã tận tình truyền đạt những
kiến thức cần thiết giúp chúng em có nền tảng để làm nên đề tài này, đã tạo điều
kiện để chúng em có thể tìm hiểu và thực hiện tốt đề tài. Cùng với đó, chúng em xin
được gửi cảm ơn đến các bạn cùng khóa đã cung cấp nhiều thơng tin và kiến thức
hữu ích giúp chúng em có thể hồn thiện hơn đề tài của mình.
Đề tài và bài báo cáo được chúng em thực hiện trong khoảng thời gian ngắn,
với những kiến thức còn hạn chế cùng nhiều hạn chế khác về mặt kĩ thuật và kinh
nghiệm trong việc thực hiện một dự án phần mềm. Do đó, trong q trình làm nên
đề tài có những thiếu sót là điều khơng thể tránh khỏi nên chúng em rất mong nhận
được những ý kiến đóng góp q báu của các q thầy cơ để kiến thức của chúng
em được hoàn thiện hơn và chúng em có thể làm tốt hơn nữa trong những lần sau.
Cuối lời, chúng em kính chúc thầy ln dồi dào sức khỏe và thành công hơn
nữa trong sự nghiệp trồng người. Một lần nữa chúng em xin chân thành cảm ơn.

5


Trường ĐH Sư Phạm Kỹ Thuật TP.HCM
Khoa: Công nghệ thông tin
Bộ môn: Công nghệ phần mềm

ĐỀ CƯƠNG LUẬN VĂN

Chuyên ngành: Công nghệ phần mềm
Tên đề tài: Xây dựng App Tư vấn sinh viên.
Giáo viên hướng dẫn: Th.S Nguyễn Hữu Trung


Nhiệm vụ của luận văn:
1. Lý thuyết: Dart, Flutter, Firebase.
2. Thực hành:
 Sử dụng Google Firebase để xác thực người dùng.
 Sử dụng Google Firebase Authentication để đảm bảo độ bảo mật và xác
thực người dùng cho hệ thống.
 Sử dụng Flutter Framework làm nền tảng để xây dựng các sản phẩm của đề
tài.
 Sử dụng Firebase Firestore để lưu trữ database.
 Sử dụng ngôn ngữ Dart để xây dựng các chức năng của phần mềm.
 Xây dựng các chức năng sau cho sản phẩm:
o Mobile Application:
 Đăng nhập, đăng ký, đăng xuất tài khoản.
 Quản lý thông tin người dùng.
 Quản lý câu hỏi, câu trả lời.
 Quản lý đội ngũ tư vấn viên, trưởng nhóm, manager.
 Hiển thị câu hỏi, câu trả lời cho người dùng.
 Hiển thị danh sách đội ngũ tư vấn viên.
6


 Cung cấp chức năng thống kê cho tư vấn viên, trưởng nhóm,
manager.
 Tìm kiếm tư vấn viên, bài đăng.
 Trả lời tin nhắn riêng, thư viện câu hỏi.
o Administrator Website:


Quản lý cơ sở dữ liệu.




Thống kế số liệu về khoa, số lượng câu hỏi, câu trả lời, đội ngũ
tư vấn viên, trưởng nhóm, manager.

Đề cương viết luận văn:
1. Phần mở đầu:
 Tính cấp thiết của đề tài
 Mục đích của đề tài
 Cách tiếp cận và phương pháp nghiên cứu
o Đối tượng nghiên cứu
o Phạm vi nghiên cứu
2. Phần nội dung:
 Chương 1: Cơ sở lý thuyết
 Chương 2: Khảo sát, phân tích, thiết kế
 Chương 3: Mơ hình hóa yêu cầu
 Chương 4: Thiết kế phần mềm
 Thiết kế giao diện xử lý
 Cài đặt và kiểm thử ứng dụng
3. Phần kết luận:
 Những kết quả đạt được
 Ưu điểm
 Nhược điểm
 Hướng phát triển
4. Danh sách tài liệu tham khảo:
7


5. Kế hoạch thực hiện:


STT
1

Thời gian

Công việc

Ghi chú

Thảo luận, quyết định và tổng hợp lại các
chức năng của hệ thống cần chỉnh sửa, bổ
sung từ Tiểu luận chuyên ngành.

2

Chỉnh sửa lại toàn bộ UI cho đối tượng
người dùng, tư vấn viên trưởng nhóm,
manager bao gồm màn hình đăng nhập,
đăng ký, màn hình home, màn hình thơng
tin cá nhân, màn hình câu hỏi, chi tiết câu
hỏi và câu trả lời, màn hình thơng tin tư
vấn viên, màn hình quản lý tư vấn viên,
trưởng nhóm, manager, màn hình thống kê.

3

Chỉnh sửa cơ sở dữ liệu, chỉnh sửa các
chức năng của ứng dụng cịn chưa chính
xác, chưa phù hợp từ Tiểu luận chun

ngành như quản lý người dùng, trạng thái
câu hỏi, router, quản lý thông tin cá nhân…

4

Cập nhật, bổ sung các chức năng mới cho
ứng dụng như tìm kiếm bài đăng, tìm kiếm
tin nhắn, gửi tin nhắn riêng cho tư vấn
viên, reset mật khẩu qua email, phân chia
luồng tin nhắn và câu hỏi chung cho đội
ngũ tư vấn viên, trang web admin…

5

Bổ sung các chức năng tương tác của người
dùng như duy trì trạng thái đăng nhập, lazy
load, reload page, cải thiện UI, UX người

8


dùng, kiểm tra ứng dụng trong trường hợp
khơng có kết nối internet.
6

Tìm hiểu Elastic Search hỗ trợ tìm kiếm
các câu hỏi liên quan

7


Hoàn thiện, gỡ lỗi các chức năng cho ứng
dụng.

8

Kiểm thử hệ thống, sửa chữa các lỗi phát
sinh, xuất file apk và ipa.

9

Hoàn thành báo cáo.

Ý kiến của giảng viên hướng dẫn

Người viết đề cương

9


MỤC LỤC
LỜI CẢM ƠN ...................................................................................................................... 5
DANH MỤC HÌNH ẢNH ................................................................................................. 18
DANH MỤC BẢNG ......................................................................................................... 20
ĐỀ CƯƠNG LUẬN VĂN ................................................................................................... 6
Nhiệm vụ của luận văn:.................................................................................................... 6
Đề cương viết luận văn: ................................................................................................... 7
PHẦN MỞ ĐẦU ............................................................................................................... 24
1. TÍNH CẤP THIẾT CỦA ĐỀ TÀI ............................................................................. 24
2. MỤC ĐÍCH CỦA ĐỀ TÀI ........................................................................................ 25
3. PHƯƠNG PHÁP THỰC HIỆN ................................................................................. 25

CHƯƠNG 1.

CƠ SỞ LÝ THUYẾT ............................................................................. 26

1.1 Flutter ....................................................................................................................... 26
1.1.1 Giới thiệu về Flutter ........................................................................................... 26
1.1.2 Điều làm Flutter trở nên độc đáo ....................................................................... 27
1.1.3 Các tính năng của Flutter ................................................................................... 27
1.1.4 So sánh Flutter và các đối thủ ............................................................................ 29
1.2 Dart ........................................................................................................................... 30
1.2.1 Giới thiệu về Dart .............................................................................................. 30
1.2.2 Ưu điểm ............................................................................................................. 31
1.3 Google Firebase ....................................................................................................... 31
1.3.1 Giới thiệu về Google Firebase ........................................................................... 31
10


1.3.2 Freebase Authentication .................................................................................... 32
1.3.3 Ưu điểm ............................................................................................................. 32
CHƯƠNG 2.

KHẢO SÁT, PHÂN TÍCH HIỆN TRẠNG ........................................... 33

2.1 Phân tích hiện trạng .................................................................................................. 33
2.2 Khảo sát một số phần mềm ...................................................................................... 34
2.2.1 Trang tư vấn sinh viên Trường Đại học Sư Phạm Kỹ Thuật Thành phố Hồ Chí
Minh ............................................................................................................................ 34
2.3 Phân tích yêu cầu của dự án ..................................................................................... 36
2.4 Danh sách yêu cầu chức năng nghiệp vụ ................................................................. 38
2.5 Danh sách yêu cầu chức năng hệ thống ................................................................... 39

2.6 Danh sách u cầu phi chức năng ............................................................................ 39
CHƯƠNG 3.

MƠ HÌNH HĨA YÊU CẦU .................................................................. 40

3.1 Lược đồ Usecase ...................................................................................................... 40
3.2 Phân hệ người dùng.................................................................................................. 41
3.2.1 Đăng nhập .......................................................................................................... 41
3.2.2 Đăng kí ............................................................................................................... 42
3.2.3 Đăng xuất ........................................................................................................... 43
3.2.4 Xem thông tin cá nhân ....................................................................................... 44
3.2.5 Thay đổi thông tin cá nhân ................................................................................ 44
3.2.6 Đổi ảnh đại diện ................................................................................................. 45
3.2.7 Xem giới thiệu về trường ................................................................................... 46
3.2.8 Xem các bài đăng ............................................................................................... 47
3.2.9 Gửi thắc mắc về bài đăng .................................................................................. 48
3.2.10 Xem danh sách tư vấn viên .............................................................................. 49
11


3.2.11 Xem thông tin tư vấn viên ............................................................................... 49
3.2.12 Đặt câu hỏi cho tư vấn viên ............................................................................. 50
3.2.13 Xem các câu hỏi của người dùng đã gửi.......................................................... 51
3.2.14 Xem chi tiết câu hỏi và câu trả lời ................................................................... 52
3.2.15 Đặt câu hỏi ....................................................................................................... 53
3.2.16 Đổi mật khẩu .................................................................................................... 54
3.2.17 Xem danh sách các câu hỏi được public.......................................................... 55
3.3 Phân hệ tư vấn viên .................................................................................................. 56
3.3.1 Đăng nhập .......................................................................................................... 56
3.3.2 Đăng xuất ........................................................................................................... 57

3.3.3 Xem thông tin cá nhân ....................................................................................... 58
3.3.4 Thay đổi ảnh đại diện ........................................................................................ 58
3.3.5 Thay đổi thông tin cá nhân ................................................................................ 59
3.3.6 Đổi mật khẩu ...................................................................................................... 60
3.3.7 Xem các bài đăng ............................................................................................... 61
3.3.8 Xem giới thiệu về trường ................................................................................... 62
3.3.9 Xem danh sách câu hỏi của tư vấn viên ............................................................ 63
3.3.10 Xem chi tiết câu hỏi và câu trả lời ................................................................... 63
3.3.11 Thêm câu trả lời ............................................................................................... 64
3.3.12 Chuyển câu hỏi ................................................................................................ 65
3.3.13 Xem danh sách các câu hỏi được public.......................................................... 66
3.4 Phân hệ trưởng nhóm ............................................................................................... 67
3.4.1 Đăng nhập .......................................................................................................... 68
3.4.2 Đăng xuất ........................................................................................................... 69
12


3.4.3 Xem thông tin cá nhân ....................................................................................... 70
3.4.4 Đổi ảnh đại diện ................................................................................................. 70
3.4.5 Thay đổi thông tin cá nhân ................................................................................ 71
3.4.6 Đổi mật khẩu ...................................................................................................... 72
3.4.7 Quản lý tư vấn viên ............................................................................................ 73
3.4.8 Thay đổi lĩnh vực phụ trách ............................................................................... 74
3.4.9 Vơ hiệu hóa tài khoản ........................................................................................ 75
3.4.10 Reset mật khẩu ................................................................................................. 76
3.4.11 Kích hoạt tài khoản .......................................................................................... 77
3.4.12 Thêm tư vấn viên ............................................................................................. 78
3.4.13 Quản lý lĩnh vực .............................................................................................. 79
3.4.14 Chỉnh sửa lĩnh vực thuộc khoa ........................................................................ 79
3.4.15 Xóa lĩnh vực thuộc khoa .................................................................................. 80

3.4.16 Thêm lĩnh vực thuộc khoa ............................................................................... 81
3.4.17 Xem các bài đăng ............................................................................................. 82
3.4.18 Thêm bài đăng mới .......................................................................................... 83
3.4.19 Xem các câu hỏi thuộc khoa ............................................................................ 84
3.4.20 Xem chi tiết câu hỏi và câu trả lời ................................................................... 84
3.4.21 Thêm câu trả lời ............................................................................................... 85
3.4.22 Chuyển câu hỏi ................................................................................................ 86
3.4.23 Xem danh sách các câu hỏi được public.......................................................... 87
3.4.24 Xem thống kê của khoa ................................................................................... 88
3.5 Phân hệ manager ...................................................................................................... 89
3.5.1 Đăng nhập .......................................................................................................... 89
13


3.5.2 Đăng xuất ........................................................................................................... 90
3.5.3 Xem thông tin cá nhân ....................................................................................... 91
3.5.4 Đổi ảnh đại diện ................................................................................................. 92
3.5.5 Thay đổi thông tin cá nhân ................................................................................ 93
3.5.6 Đổi mật khẩu ...................................................................................................... 93
3.5.7 Xem giới thiệu về trường ................................................................................... 95
3.5.8 Xem thống kê ..................................................................................................... 95
3.5.9 Quản lý các khoa................................................................................................ 96
3.5.10 Chỉnh sửa tên khoa .......................................................................................... 97
3.5.11 Thay đổi trưởng khoa....................................................................................... 97
3.5.12 Thêm khoa mới ................................................................................................ 98
3.5.13 Xem các bài đăng ............................................................................................. 99
3.5.14 Xem danh sách các câu hỏi được public........................................................ 100
3.5.15 Xem chi tiết câu hỏi và câu trả lời ................................................................. 101
CHƯƠNG 4.


THIẾT KẾ PHẦN MỀM ...................................................................... 102

4.1 Lược đồ tuần tự ...................................................................................................... 102
4.1.1 Đăng kí ............................................................................................................. 102
4.1.2 Đăng nhập ........................................................................................................ 103
4.1.3 Chỉnh sửa thông tin cá nhân ............................................................................ 104
4.1.4 Đặt câu hỏi ....................................................................................................... 105
4.1.5 Trả lời câu hỏi .................................................................................................. 106
4.1.6 Chuyển câu hỏi ................................................................................................ 107
4.1.7 Reset mật khẩu ................................................................................................. 108
4.1.8 Vô hiệu hóa tài khoản ...................................................................................... 109
14


4.1.9 Thay đổi lĩnh vực tư vấn viên .......................................................................... 109
4.2 Lược đồ cơ sở dữ liệu............................................................................................. 110
CHƯƠNG 5.

THIẾT KẾ GIAO DIỆN VÀ XỬ LÝ .................................................. 111

5.1 Màn hình splash ..................................................................................................... 111
5.2 Người dùng............................................................................................................. 112
5.2.1 Đăng nhập ........................................................................................................ 112
5.2.2 Đăng ký ............................................................................................................ 114
5.2.3 Reset mật khẩu ................................................................................................. 116
5.2.4 Trang chủ ......................................................................................................... 117
5.2.5 Tìm kiếm bài đăng ........................................................................................... 119
5.2.6 Chi tiết bài đăng ............................................................................................... 121
5.2.7 Màn hình message ........................................................................................... 123
5.2.8 Màn hình tìm kiếm tư vấn viên ........................................................................ 125

5.2.9 Màn hình chi tiết tin nhắn ................................................................................ 127
5.2.10 Màn hình thơng tin tư vấn viên ...................................................................... 129
5.2.11 Lựa chọn chuyển hướng ................................................................................ 131
5.2.12 Màn hình thơng tin cá nhân ........................................................................... 133
5.3 Đội ngũ tư vấn viên ................................................................................................ 135
5.3.1 Trang home ...................................................................................................... 135
5.3.2 Thông tin cá nhân ............................................................................................ 137
5.3.3 Màn hình quản lý tư vấn viên .......................................................................... 139
5.3.4 Tạo tư vấn viên mới ......................................................................................... 142
5.3.5 Chỉnh sửa tác vụ với tư vấn viên ..................................................................... 144
5.3.6 Quản lý lĩnh vực trong khoa ............................................................................ 146
15


5.3.7 Màn hình tin nhắn ............................................................................................ 148
5.3.8 Màn hình chi tiết tin nhắn tư vấn viên ............................................................. 150
5.3.9 Chuyển câu hỏi ................................................................................................ 152
5.3.10 Thống kê ........................................................................................................ 154
5.3.11 Tạo bài đăng mới ........................................................................................... 156
5.4 Admin ..................................................................................................................... 158
5.4.1 Màn hình đăng nhập admin ............................................................................. 158
5.4.2 Màn hình trang chủ admin ............................................................................... 159
CHƯƠNG 6.

CÀI ĐẶT VÀ KIỂM THỬ ỨNG DỤNG ............................................ 160

6.1 Cài đặt .................................................................................................................... 160
6.2 Kiểm thử ứng dụng ................................................................................................ 160
6.2.1 Các chức năng thuộc phân hệ người dùng ....................................................... 160
6.2.2 Các chức năng thuộc phân hệ tư vấn viên ....................................................... 161

6.2.3 Phân hệ trưởng nhóm ....................................................................................... 162
6.2.4 Phân hệ Manager ............................................................................................. 163
PHẦN KẾT LUẬN ......................................................................................................... 165
1. NHỮNG KẾT QUẢ ĐẠT ĐƯỢC ........................................................................... 165
1.1 Về kiến thức ........................................................................................................ 165
1.2 Về đề tài .............................................................................................................. 165
1.3 Về kinh nghiệm ................................................................................................... 166
2. ƯU ĐIỂM VÀ NHƯỢC ĐIỂM ............................................................................... 166
2.1 Ưu điểm .............................................................................................................. 166
2.2 Nhược điểm ........................................................................................................ 166
3. THUẬN LỢI ............................................................................................................ 166
16


4. KHÓ KHĂN............................................................................................................. 167
5. HƯỚNG PHÁT TRIỂN ........................................................................................... 167
DANH SÁCH TÀI LIỆU THAM KHẢO ....................................................................... 168

17


DANH MỤC HÌNH ẢNH
Hình 1.1 Flutter.................................................................................................................. 27
Hình 1.2 Các tính năng của Flutter .................................................................................... 28
Hình 1.3: Ngơn ngữ Dart ................................................................................................... 31
Hình 1.4 Google Firebase .................................................................................................. 32
Hình 2.1 Trang chủ trang tư vấn sinh viên ....................................................................... 34
Hình 2.2 Đặt câu hỏi cho tư vấn viên ............................................................................... 34
Hình 2.3 Danh sách tư vấn viên ........................................................................................ 35
Hình 2.4 Thư viện câu hỏi ................................................................................................. 35

Hình 2.5 Câu hỏi và câu trả lời .......................................................................................... 36
Hình 3.1 Lược đồ usecase ................................................................................................. 40
Hình 3.2 Phân hệ người dùng ............................................................................................ 41
Hình 3.3 Quản lý tư vấn viên trong khoa .......................................................................... 67
Hình 3.4 Quản lý lĩnh vực trong khoa ............................................................................... 68
Hình 3.5 Phân hệ Manager ................................................................................................ 89
Hình 4.1 Lược đồ tuần tự đăng kí.................................................................................... 102
Hình 4.2 Lược đồ tuần tự đăng nhập ............................................................................... 103
Hình 4.3 Lược đồ tuần tự chỉnh sửa thơng tin cá nhân ................................................... 104
Hình 4.4 Lược đồ tuần tự đặt câu hỏi .............................................................................. 105
Hình 4.5 Lược đồ tuần tự trả lời câu hỏi ......................................................................... 106
Hình 4.6 Lược đồ tuần tự chuyển câu hỏi ....................................................................... 107
Hình 4.7 Lược đồ tuần tự reset mật khẩu ........................................................................ 108
Hình 4.8 Lược đồ tuần tự vơ hiệu hóa tài khoản ............................................................. 109
Hình 4.9 Lược đồ tuần tự thay đổi lĩnh vực .................................................................... 109
Hình 4.10 Lược đồ cơ sở dữ liệu ..................................................................................... 110
Hình 5.1: Màn hình splash ............................................................................................... 111
Hình 5.2 Màn hình đăng nhập ......................................................................................... 112
18


Hình 5.3 Màn hình đăng kí .............................................................................................. 114
Hình 5.4: Reset mật khẩu ................................................................................................ 116
Hình 5.5 Màn hình trang chủ người dùng ....................................................................... 117
Hình 5.6 Màn hình tìm kiếm bài đăng ............................................................................. 119
Hình 5.7 Màn hình chi tiết bài đăng ................................................................................ 121
Hình 5.8 Màn hình message ............................................................................................ 123
Hình 5.9 Màn hình tìm kiếm tư vấn viên ........................................................................ 125
Hình 5.10 Màn hình chi tiết tin nhắn ............................................................................... 127
Hình 5.11 Màn hình thơng tin tư vấn viên ...................................................................... 129

Hình 5.12 Lựa chọn chuyển hướng ................................................................................. 132
Hình 5.13 Màn hình thơng tin cá nhân ............................................................................ 133
Hình 5.14 Màn hình home tư vấn viên ............................................................................ 135
Hình 5.15 Màn hình thơng tin cá nhân tư vấn viên ......................................................... 137
Hình 5.16 Màn hình quản lý tư vấn viên ......................................................................... 139
Hình 5.17 Màn hình tạo tư vấn viên mới ........................................................................ 142
Hình 5.18 Màn hình tác vụ tư vấn viên ........................................................................... 144
Hình 5.19 Màn hình quản lý lĩnh vực trong khoa ........................................................... 146
Hình 5.20 Màn hình tin nhắn tư vấn viên ........................................................................ 148
Hình 5.21 Màn hình chi tiết tin nhắn tư vấn viên ............................................................ 150
Hình 5.22 Màn hình chuyển câu hỏi ............................................................................... 152
Hình 5.23 Màn hình thống kê .......................................................................................... 154
Hình 5.24 Màn hình tạo bài đăng mới ............................................................................. 156
Hình 5.31 Màn hình đăng nhập admin ............................................................................ 158
Hình 5.32 Màn hình trang chủ admin .............................................................................. 159
Hình 5.33 Màn hình thống kê admin ............................................................................... 159

19


DANH MỤC BẢNG
Bảng 1.1 So sánh Flutter và React Native ......................................................................... 29
Bảng 2.1 Nhận xét trang tư vấn sinh viên ......................................................................... 36
Bảng 2.2 Phân tích yêu cầu dự án ..................................................................................... 37
Bảng 3.1 Đăng nhập .......................................................................................................... 41
Bảng 3.2 Đăng ký .............................................................................................................. 42
Bảng 3.3 Đăng xuất ........................................................................................................... 43
Bảng 3.4 Xem thông tin cá nhân ....................................................................................... 44
Bảng 3.5 Thay đổi thông tin cá nhân ................................................................................. 45
Bảng 3.6 Đổi ảnh đại diện ................................................................................................. 45

Bảng 3.7 Xem giới thiệu về trường ................................................................................... 46
Bảng 3.8 Xem các bài đăng ............................................................................................... 47
Bảng 3.9 Gửi thắc mắc về bài đăng ................................................................................... 48
Bảng 3.10 Xem danh sách tư vấn viên .............................................................................. 49
Bảng 3.11 Xem thông tin tư vấn viên ................................................................................ 50
Bảng 3.12 Đặt câu hỏi cho tư vấn viên.............................................................................. 50
Bảng 3.13 Xem các câu hỏi của người dùng đã gửi .......................................................... 51
Bảng 3.14 Xem chi tiết câu hỏi và câu trả lời ................................................................... 52
Bảng 3.15 Đặt câu hỏi ....................................................................................................... 53
Bảng 3.16 Đổi mật khẩu .................................................................................................... 54
Bảng 3.17 Xem danh sách các câu hỏi được public .......................................................... 55
Bảng 3.18 Đăng nhập ........................................................................................................ 56
Bảng 3.19 Đăng xuất ......................................................................................................... 57
Bảng 3.20 Xem thông tin cá nhân ..................................................................................... 58
Bảng 3.21 Thay đổi ảnh đại diện ....................................................................................... 58
Bảng 3.22 Thay đổi thông tin cá nhân ............................................................................... 59
Bảng 3.23 Đổi mật khẩu .................................................................................................... 60
Bảng 3.24 Xem các bài đăng ............................................................................................. 61
Bảng 3.25 Xem giới thiệu về trường ................................................................................. 62
20


Bảng 3.26 Xem danh sách câu hỏi của tư vấn viên ........................................................... 63
Bảng 3.27 Xem chi tiết câu hỏi và câu trả lời ................................................................... 63
Bảng 3.28 Thêm câu trả lời ............................................................................................... 64
Bảng 3.29 Chuyển câu hỏi................................................................................................. 65
Bảng 3.30 Xem danh sách các câu hỏi được public .......................................................... 66
Bảng 3.31 Đăng nhập ........................................................................................................ 68
Bảng 3.32 Đăng xuất ......................................................................................................... 69
Bảng 3.33 Xem thông tin cá nhân ..................................................................................... 70

Bảng 3.34 Đổi ảnh đại diện ............................................................................................... 71
Bảng 3.35 Thay đổi thông tin cá nhân ............................................................................... 71
Bảng 3.36 Đổi mật khẩu .................................................................................................... 72
Bảng 3.37 Quản lý tư vấn viên .......................................................................................... 73
Bảng 3.38 Thay đổi lĩnh vực phụ trách ............................................................................. 74
Bảng 3.39 Vơ hiệu hóa tài khoản ...................................................................................... 75
Bảng 3.40 Reset mật khẩu ................................................................................................. 76
Bảng 3.41 Kích hoạt tài khoản .......................................................................................... 77
Bảng 3.42 Thêm tư vấn viên ............................................................................................. 78
Bảng 3.43 Quản lý lĩnh vực ............................................................................................... 79
Bảng 3.44 Chỉnh sửa lĩnh vực thuộc khoa......................................................................... 80
Bảng 3.45 Xóa lĩnh vực thuộc khoa .................................................................................. 80
Bảng 3.46 Thêm lĩnh vực thuộc khoa................................................................................ 81
Bảng 3.47 Xem các bài đăng ............................................................................................. 82
Bảng 3.48 Thêm bài đăng mới .......................................................................................... 83
Bảng 3.49 Xem các câu hỏi thuộc khoa ............................................................................ 84
Bảng 3.50 Xem chi tiết câu hỏi và câu trả lời ................................................................... 84
Bảng 3.51 Thêm câu trả lời ............................................................................................... 85
Bảng 3.52 Chuyển câu hỏi................................................................................................. 86
Bảng 3.53 Xem danh sách các câu hỏi được public .......................................................... 87
Bảng 3.54 Xem thống kê của khoa .................................................................................... 88
21


Bảng 3.55 Đăng nhập ........................................................................................................ 89
Bảng 3.56 Đăng xuất ......................................................................................................... 90
Bảng 3.57 Xem thông tin cá nhân ..................................................................................... 91
Bảng 3.58 Đổi ảnh đại diện ............................................................................................... 92
Bảng 3.59 Thay đổi thông tin cá nhân ............................................................................... 93
Bảng 3.60 Đổi mật khẩu .................................................................................................... 94

Bảng 3.61 Xem giới thiệu về trường ................................................................................. 95
Bảng 3.62 Xem thống kê ................................................................................................... 95
Bảng 3.63 Quản lý các khoa .............................................................................................. 96
Bảng 3.64 Chỉnh sửa tên khoa ........................................................................................... 97
Bảng 3.65 Thay đổi trưởng khoa ....................................................................................... 98
Bảng 3.66 Thêm khoa mới ................................................................................................ 98
Bảng 3.67 Xem các bài đăng ............................................................................................. 99
Bảng 3.68 Xem danh sách các câu hỏi được public ........................................................ 100
Bảng 3.69 Xem chi tiết câu hỏi và câu trả lời ................................................................. 101
Bảng 5.1 Mơ tả màn hình đăng nhập ............................................................................... 113
Bảng 5.2 Mơ tả màn hình đăng ký .................................................................................. 115
Bảng 5.3 Mơ tả màn hình trang chủ người dùng ............................................................ 118
Bảng 5.4 Mơ tả màn hình tìm kiếm bài đăng .................................................................. 120
Bảng 5.5 Mơ tả màn hình chi tiết bài đăng...................................................................... 122
Bảng 5.6 Mơ tả màn hình message .................................................................................. 124
Bảng 5.7 Mơ tả màn hình tìm kiếm tư vấn viên .............................................................. 126
Bảng 5.8 Mơ tả màn hình chi tiết tin nhắn ...................................................................... 128
Bảng 5.9 Mơ tả màn hình thơng tin tư vấn viên .............................................................. 130
Bảng 5.10 Mô tả lựa chọn chủn hướng........................................................................ 132
Bảng 5.11 Mơ tả màn hình thơng tin cá nhân.................................................................. 134
Bảng 5.12 Mơ tả màn hình tin nhắn tư vấn viên ............................................................. 136
Bảng 5.13 Mơ tả màn hình thông tin cá nhân tư vấn viên............................................... 138
Bảng 5.14 Mô tả màn hình quản lý tư vấn viên .............................................................. 141
22


Bảng 5.15 Mơ tả màn hình tạo tư vấn viên mới .............................................................. 143
Bảng 5.16 Mơ tả màn hình tác vụ tư vấn viên................................................................. 145
Bảng 5.17 Mơ tả màn hình quản lý lĩnh vực trong khoa ................................................. 147
Bảng 5.18 Mô tả màn hình tin nhắn tư vấn viên ............................................................. 149

Bảng 5.19 Mơ tả màn hình chi tiết tin nhắn tư vấn viên ................................................. 151
Bảng 5.20 Mơ tả màn hình chủn câu hỏi ..................................................................... 153
Bảng 5.21 Mơ tả màn hình quản lý lĩnh vực ................................................................... 155
Bảng 5.22 Mơ tả màn hình tạo bài đăng mới .................................................................. 157
Bảng 6.1 Kiểm thử chức năng phân hệ người dùng ........................................................ 160
Bảng 6.2 Kiểm thử chức năng phân hệ tư vấn viên ........................................................ 161
Bảng 6.3 Kiểm thử chức năng phân hệ trưởng nhóm...................................................... 162
Bảng 6.4 Kiểm thử chức năng phân hệ manager ............................................................. 163

23


PHẦN MỞ ĐẦU
1. TÍNH CẤP THIẾT CỦA ĐỀ TÀI
Cơng nghệ thông tin đã và đang ngày càng phát triển mạnh mẽ trong mọi lĩnh
vực của đời sống, kinh tế, xã hội. Đặc biệt trong cơ chế thị trường sự phát triển của các
quan hệ kinh tế cũng như sự mở rộng ngày càng lớn về quy mô của các doanh nghiệp,
xí nghiệp, cơ quan đã làm tăng các luồng và khối lượng thông tin, làm cho công tác
quản lý trở nên phức tạp hơn. Với việc làm công tác quản lý thủ cơng bằng sổ sách (như
trước kia) thì khơng thể đáp ứng được với sự phát triển như hiện nay. Trong xu thế ấy,
việc quản lý dựa vào máy tính là một nhu cầu thiết yếu của hầu hết mọi ngành, mọi
doanh nghiệp, việc tin học hóa từng bước trong công tác quản lý, khai thác, điều hành
sản xuất kinh doanh và quản lý hoạt động là một đòi hỏi ngày càng cấp thiết.
Trong môi trường giáo dục hiện nay, việc trao đổi thông tin, hỏi đáp giữa sinh
viên và các giảng viên là điều rất cần thiết bởi thắc mắc của sinh viên là khơng có giới
hạn. Nếu như tầm chục năm trước, khi một sinh viên có một thắc mắc với nhà trường,
sinh viên đó phải lên tận phịng tư vấn sinh viên để hỏi, và khơng phải lúc nào cũng có
người đủ chun mơn trả lời thắc mắc có mặt ngay lúc đó để trả lời, và việc di chuyển
như vậy cũng rất mất thời gian. Cịn bây giờ, nếu có một thắc mắc nào đó thì sinh viên
Sư phạm kỹ thuật có thể lên trang web tuvansinhvien.hcmute.edu.vn để được các tư

vấn viên tư vấn, giải đáp tận tình. Nhưng vấn đề đặt ra là, muốn đặt câu hỏi thì sinh
viên phải truy cập website của nhà trường, và các tư vấn viên cũng phải trực website
liên tục để việc tư vấn diễn ra nhanh chóng nhất. Vậy nên nhóm em nghĩ đến việc tạo
ra một ứng dụng mobile dựa trên ý tưởng và chức năng của website trên để sinh viên
có thể đặt câu hỏi ngay trên điện thoại di động, các tư vấn viên có thể nhận được thơng
báo trên điện thoại của mình, giúp việc tư vấn diễn ra dễ dàng hơn.
Xuất phát từ ý tưởng đó, nhóm em xin thực hiện đề tài Xây dựng ứng dụng
mobile tư vấn sinh viên.

24


2. MỤC ĐÍCH CỦA ĐỀ TÀI
Mục đích chính của việc xây dựng ứng dụng mobile tư vấn sinh viên đó là tạo
nên sự tiện lợi, tiết kiệm thời gian, kinh phí nhưng vẫn đem lại hiệu quả cao.
Ngồi ra cịn đem lại sự rõ ràng, rành mạnh của dữ liệu, tránh sai sót, mất mát
dữ liệu. Dữ liệu được lưu trên firebase nên sẽ dễ dàng xử lý realtime tạo nên sự nhanh
chóng cho q trình vận hành.

3. PHƯƠNG PHÁP THỰC HIỆN
Tìm hiểu các kiến thức cần thiết để thực hiện đề tài:
 Các kỹ thuật phân tích thiết kế hệ thống.
 Tìm hiểu ngơn ngữ lập trình Dart.
 Tìm hiểu Flutter, các thư viện hỗ trợ cho đề tài.
 Tìm hiểu Firebase Firestore

25


PHẦN NỘI DUNG


CHƯƠNG 1.

CƠ SỞ LÝ THUYẾT

1.1 Flutter
1.1.1 Giới thiệu về Flutter
Flutter là một bộ SDK đa nền tảng có thể hoạt động trên iOS và Android do
Google phát triển được sử dụng để tạo ra các ứng dụng dành cho di động (native
app).
Flutter gồm 2 thành phần quan trọng:


Một SDK (Software Development Kit): Một bộ sưu tập các công cụ sẽ
giúp bạn phát triển các ứng dụng của mình.



Một Framework (UI Library based on widgets): Một tập hợp các thành
phần giao diện người dùng (UI) có thể tái sử dụng (button, text inputs,
slider, v.v.) giúp bạn có thể cá nhân hóa tùy theo nhu cầu của riêng mình.

Flutter là một bộ công cụ giao diện người dùng để tạo các ứng dụng nhanh, đẹp,
được biên dịch nguyên bản cho thiết bị di động, web và máy tính để bàn với một ngơn
ngữ lập trình và cơ sở code duy nhất. Nó là miễn phí và code nguồn mở. Ban đầu nó
được phát triển từ Google và bây giờ được quản lý theo tiêu chuẩn ECMA. Ứng dụng
Flutter sử dụng ngơn ngữ lập trình Dart để tạo ứng dụng.
Flutter chủ yếu được tối ưu hóa cho các ứng dụng di động 2D có thể chạy trên
cả nền tảng Android và IOS. Chúng ta cũng có thể sử dụng nó để xây dựng các ứng
dụng đầy đủ tính năng, bao gồm máy ảnh, bộ nhớ, vị trí địa lý, mạng, SDK của bên thứ

ba, …

26


×