Mục tiêu của đề tài Mục tiêu của đề tài chúng em, bao gồm các ý chính sau đây: - Phát triển một ứng dụng hoàn chỉnh: Xây dựng một ứng dụng chat đa chức năng và có khả năng chia sẻ file q
Trang 1NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN
Trang 2
LỜI CẢM ƠN
Để đồ án này đạt kết quả tốt đẹp, chúng em đã nhận được sự hỗ trợ, giúp đỡ củathầy cô Với tình cảm sâu sắc, chân thành, cho phép chúng em được bày tỏ lòng biết ơnsâu sắc đến tất cả quý thầy cô đã tạo điều kiện giúp đỡ trong quá trình học tập,nghiên cứu
và phát triển đề tài
Trước hết chúng em xin gửi tới quý thầy cô Khoa Khoa học máy tính - Đại họcCNTT & TT Việt - Hàn - Đại Học Đà Nẵng lời chào trân trọng, lời chúc sức khỏe vàlờicảm ơn sâu sắc nhất Với sự quan tâm, chỉ bảo tận tình và truyền đạt những kiến thức bổích cho chúng em suốt thời gian học kỳ vừa rồi, giúp em có thêm nhiều kiến thức và hiểu
rõ hơn các vấn đề mình nghiên cứu, đến nay chúng em đã có thể hoàn thành đề tài Đồ án
cơ sở 1
Đặc biệt chúng em xin gửi lời cảm ơn chân thành nhất đến giảng viên TS Nguyễn
Sĩ Thìn đã quan tâm giúp đỡ tận tình chúng em hoàn thành tốt đồ án này trong thời gianqua
Với điều kiện thời gian cũng như kinh nghiệm còn hạn chế, đồ án này sẽ không thểtránh được những thiếu sót Chúng em rất mong nhận được sự chỉ bảo, đóng góp ý kiếncủa các thầy cô, để chúng em có thể bổ sung, nâng cao kinh nghiệm và kỹ năng của bảnthân để phục vụ cho công việc thực tế sau này.Chúng em xin chân thành cảm ơn!
Sinh viên,
Bùi Đặng Trung Kiên
Lê Anh Tú
Trang 3MỤC LỤC
NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN 3
LỜI CẢM ƠN 4
DANH MỤC CÁC TỪ VIẾT TẮT 7
DANH MỤC HÌNH VẼ 8
MỞ ĐẦU 9
1 Giới thiệu 9
2 Mục tiêu của đề tài 9
3 Nội dung và kế hoạch thực hiện 9
4 Bố cục báo cáo 10
Chương 1 TỔNG QUAN VỀ ĐỀ TÀI 11
1.2 Lý do chọn đề tài 11
1.3 Cơ sở lí thuyết 11
1.3.1 Tổng quan về ứng dụng chat 11
1.3.2 Các công nghệ sử dụng 11
1.3.3 Các công cụ sử dụng 12
1.4 Kết chương 1 12
Chương 2 PHÂN TÍCH THIẾT KẾ HỆ THỐNG 13
2.2 Phân tích yêu cầu 13
2.2.1 Yêu cầu người dùng 13
2.2.2 Yêu cầu chức năng 13
2.2.3 Yêu cầu phi chức năng 14
2.3 Thiết kế hệ thống 14
2.3.1 Biểu đồ usecase 14
2.3.2 Thiết kế CSDL 15
2.3.3 Sơ đồ trình tự 17
Chương 3 XÂY DỰNG ỨNG DỤNG 24
3.1 Chương trình phía Server 24
3.1.1 Giao diện server 24
3.1.2 Server lúc hoạt động 25
3.2 Chương trình phía Client 25
3.2.1 Giao diện đăng ký 25
Trang 43.2.2 Giao diện đăng nhập 26
3.2.3 Giao diện chat 26
KẾT LUẬN 28
1 Kết quả đạt được 28
2 Hướng nghiên cứu 28
TÀI LIỆU THAM KHẢO 29
Trang 6DANH MỤC HÌNH VẼ
Hình 1 – Biểu đồ usecase tổng quát _14 Hình 2 - Sơ đồ trình tự đăng ký 17 Hình 3 - Sơ đồ trình tự đăng nhập 18 Hình 4 - Sơ đồ trình tự gửi tin nhắn văn bản _19 Hình 5 - Sơ đồ trình tự gửi tin nhắn hình ảnh 19 Hình 6 - Sơ đồ trình tự gửi files 20 Hình 7 - Sơ đồ trình tự tải files 21 Hình 8 - Sơ đồ trình tự gửi lời mời kết bạn _22 Hình 9 - Sơ đồ trình tự thay đổi ảnh đại diện _23 Hình 10 - Màn hình chính của server _24 Hình 11 - Server lúc hoạt động 25 Hình 12 - Giao diện đăng ký 25 Hình 13 - Giao diện chính và khung chat 26 Hình 14 - Giao diện tab Find Friends _27 Hình 15 - Giao diện tab Requests _27
Trang 7MỞ ĐẦU
1 Giới thiệu
Trong thời đại công nghệ số phát triển hiện nay, việc giao tiếp qua mạng xã hội
và ứng dụng chat trở nên ngày càng phổ biến Với những tiện ích của công nghệ này, người dùng có thể kết nối với nhau một cách nhanh chóng và tiện lợi hơn bao giờ hết Với mục đích tạo ra một ứng dụng chat với trải nghiệm người dùng tốt nhất, nhóm củachúng tôi đã tạo ra một mẫu thiết kế đẹp mắt và dễ sử dụng Từ việc chia sẻ tin tức, hình ảnh đến tương tác trực tiếp với bạn bè và đồng nghiệp, ứng dụng chat sẽ đáp ứngđược nhu cầu của người dùng Chúng tôi mongmuốn mang đến cho người dùng một trải nghiệm tuyệt vời và một cách tiếp cận mới mẻ đối với giao tiếp trực tuyến Hãy cùng trải nghiệm và đóng góp ý kiến để chúng tôi ngày càng hoàn thiện hơn ứng dụng chat của mình
2 Mục tiêu của đề tài
Mục tiêu của đề tài chúng em, bao gồm các ý chính sau đây:
- Phát triển một ứng dụng hoàn chỉnh: Xây dựng một ứng dụng chat đa chức năng và có khả năng chia sẻ file qua mạng Đảm bảo tính hoàn chỉnh của ứng dụng với các tính năng cần thiết để người dùng có thể trò chuyện và chia sẻfile một cách thuận tiện
- Tính Ổn định và Hiệu suất: Xây dựng ứng dụng ổn định, đảm bảo hiệu suất hoạt động của ứng dụng ổn định Việc truyền tải dữ liệu liên tục và không gây gián đoạn trong quá trình sử dụng
- Tính Mở rộng và Tích hợp: Có khả năng mở rộng tính năng của ứng dụng theo thời gian và nhu cầu Cũng như khả năng tích hợp với các hệ thống khác ví dụ như đồng bộ với web
- Đảm bảo tính bảo mật: các thông tin nhạy cảm sẽ được mã hoá trước khi được gửi lên server và lưu vào CSDL
- Tương tác và Trải nghiệm người dùng: Tạo ra giao diện người dùng thân thiện và dễ sử dụng, cung cấp trải nghiệm tốt cho người dùng Bao gồm tính năng tương tác như gửi tin nhắn, chia sẻ file và ảnh một cách nhanh chóng,gửi và đồng ý lời mời kết bạn
3 Nội dung và kế hoạch thực hiện
Ứng dụng sẽ có giao diện trực quan dễ dàng sử dụng, cải thiện hiện năng của ứngdụng
Ứng dụng sẽ có các chức năng chính sau đây:
- Đăng kí, đăng nhập
- Chat 1 – 1 giữa các người dùng với nhau
- Chức năng kết bạn
- Đổi ảnh đại diện
- Tin nhắn sẽ được lưu trữ trên database để truy xuất vào lần sau
- Hiện trạng thái online của người dùng
Trang 8- Chia sẻ file, ảnh giữa các người dùng với nhau
8/4 đến 14/4 Thiết kế giao diện app
Bùi Đặng Trung Kiên
Lê Anh TúTuần thứ 3 từ
15/4 đến 21/4 Thiết kế giao diện app
Bùi Đặng Trung Kiên
Lê Anh TúTuần thứ 4 từ
22/4 đến 28/4 Xây dựng hệ thống đăng kí đăng nhập
Bùi Đặng Trung Kiên
Lê Anh TúTuần thứ 5 từ
5/5 đến 11/5 Hiện trạng thái online
Bùi Đặng Trung Kiên
Lê Anh TúTuần thứ 7 từ
12/5 đến 18/5 Chia sẻ file và ảnh
Bùi Đặng Trung Kiên
Lê Anh TúTuần thứ 8 từ
19/5 đến 25/5
Chia sẻ file và ảnhFix một số lỗi tồn đọng nếu có
Bùi Đặng Trung Kiên
Lê Anh TúTuần thứ 9 từ
26/5 đến 1/6 Slide báo cáo, Báo cáo đồ án
Bùi Đặng Trung Kiên
Lê Anh Tú
4 Bố cục báo cáo
Sau phần Mở đầu, báo cáo được trình bày trong ba chương, cụ thể như sau: Chương 1 Tổng quan về đề tài Trong chương này, báo cáo trình bày về lí do chọn
đề tài, các công nghệ và công cụ sử dụng trong đề tài
Chương 2 Phân tích thiết kế hệ thống Nội dung chương bao gồm các
Chương 3 Xây dựng ứng dụng Chương này đề xuất…
Cuối cùng là Kết luận, tài liệu tham khảo và Phụ lục liên quan đến đề tài.
Trang 9Chương 1 TỔNG QUAN VỀ ĐỀ TÀI
1.2 Lý do chọn đề tài
Trong thời đại công nghệ số phát triển hiện nay, việc giao tiếp qua mạng xã hội
và ứng dụng chat trở nên ngày càng phổ biến Với những tiện ích của công nghệ này, người dùng có thể kết nối với nhau một cách nhanh chóng và tiện lợi hơn bao giờ hết Với mục đích tạo ra một ứng dụng chat với trải nghiệm người dùng tốt nhất, nhóm củachúng tôi đã tạo ra một mẫu thiết kế đẹp mắt và dễ sử dụng Từ việc chia sẻ tin tức, hình ảnh đến tương tác trực tiếp với bạn bè và đồng nghiệp, ứng dụng chat sẽ đáp ứngđược nhu cầu của người dùng Chúng tôi mongmuốn mang đến cho người dùng một trải nghiệm tuyệt vời và một cách tiếp cận mới mẻ đối với giao tiếp trực tuyến Hãy cùng trải nghiệm và đóng góp ý kiến để chúng tôi ngày càng hoàn thiện hơn ứng dụng chat của mình
1.3 Cơ sở lí thuyết
1.3.1.Tổng quan về ứng dụng chat
Ứng dụng chat là một công cụ phần mềm cho phép người dùng gửi và nhận tin nhắn văn bản, hình ảnh, video và tài liệu trong thời gian thực Các ứng dụng chat hiện đại thường tích hợp nhiều tính năng như nhóm chat, thông báo đẩy, và mã hóa dữ liệu
để đảm bảo tính bảo mật Những ứng dụng này không chỉ phục vụ mục đích giao tiếp
cá nhân mà còn được sử dụng rộng rãi trong các môi trường doanh nghiệp để hỗ trợ làm việc nhóm, trao đổi thông tin nhanh chóng và hiệu quả
1.3.2.Các công nghệ sử dụng
Java: Java là một ngôn ngữ lập trình hướng đối tượng, đa nền tảng và rất phổ
biến trong phát triển phần mềm doanh nghiệp Java cung cấp một môi trường phát triển mạnh mẽ với nhiều thư viện và công cụ hỗ trợ, giúp xây dựng các ứng dụng lớn
và phức tạp với tính bảo mật và hiệu suất cao
JavaFX: JavaFX là một nền tảng mạnh mẽ để xây dựng giao diện người dùng
phong phú cho các ứng dụng Java Với JavaFX, các nhà phát triển có thể tạo ra các giao diện đồ họa hấp dẫn và trực quan, tích hợp các thành phần tương tác như nút bấm,bảng điều khiển, biểu đồ và nhiều hơn nữa
SocketIO: SocketIO là một thư viện mạnh mẽ giúp thực hiện giao tiếp thời
gian thực giữa máy khách và máy chủ thông qua giao thức WebSocket WebSocket là một giao thức cung cấp một kênh giao tiếp hai chiều giữa máy khách và máy chủ, giúptruyền tải dữ liệu ngay lập tức mà không cần thiết lập lại kết nối Socket.IO còn cung cấp các tính năng bổ sung như tự động phát hiện và xử lý kết nối thất bại, giúp đảm bảo tính ổn định và tin cậy của ứng dụng
MySQL: MySQL là một hệ quản trị cơ sở dữ liệu quan hệ mã nguồn mở được
sử dụng rộng rãi Nó cung cấp khả năng lưu trữ, truy xuất và quản lý dữ liệu hiệu quả MySQL hỗ trợ các truy vấn phức tạp và có khả năng mở rộng, đáp ứng nhu cầu lưu trữ
dữ liệu lớn của các ứng dụng chat
Cloudinary: Cloudinary là một dịch vụ đám mây cung cấp các giải pháp lưu
trữ và quản lý tệp đa phương tiện như hình ảnh và video Cloudinary không chỉ lưu trữcác tệp tin mà còn cung cấp các công cụ để tối ưu hóa và bảo mật tệp, giúp giảm tải cho máy chủ ứng dụng và cải thiện hiệu suất
Trang 101.3.3.Các công cụ sử dụng
IntelliJ IDEA: IntelliJ IDEA là một môi trường phát triển tích hợp (IDE) mạnh
mẽ cho lập trình Java Nó cung cấp nhiều công cụ và plugin hữu ích giúp tăng năng suấtlập trình, như tự động hoàn thiện mã, kiểm tra lỗi và gỡ lỗi
SceneBuilder: SceneBuilder là một công cụ hỗ trợ phát triển giao diện người
dùng cho JavaFX Nó cho phép các nhà phát triển thiết kế giao diện một cách trực quanbằng cách kéo và thả các thành phần UI, sau đó tự động sinh mã FXML tương ứng Điềunày giúp tiết kiệm thời gian và giảm thiểu lỗi trong quá trình phát triển giao diện
Figma: Figma là một ứng dụng web cộng tác để thiết kế giao diện, với các
tínhnăng ngoại tuyến bổ sung được kích hoạt bởi các ứng dụng máy tính để bàn chomacOS và Windows Bộ tính năng của Figma tập trung vào giao diện người dùngvà thiết
kế trải nghiệm người dùng, tập trung vào cộng tác thời gian thực,sử dụng nhiều công cụtạo mẫu và trình chỉnh sửa đồ họa vector Ứng dụng di động Figma dành cho Android vàiOS cho phép xem và tương tác với các nguyên mẫu Figma trong thời gian thực trên thiết
bị di động và máy tính bảng Trong ứng dụng này quá trình lên thiết kế cơ bản được thựchiện hoàn toàn trên figma
1.4 Kết chương 1
Thông qua phần tổng quan này, chúng ta đã hiểu rõ hơn về lý do chọn đề tài
"Xây dựng ứng dụng chat" cũng như các cơ sở lý thuyết liên quan Đề tài này không chỉ đáp ứng nhu cầu giao tiếp hiện tại mà còn cung cấp cơ hội học tập và thực hành quan trọng cho nhóm nghiên cứu Việc áp dụng các công nghệ và công cụ hiện đại sẽ giúp chúng ta xây dựng một ứng dụng chat hiệu quả, bảo mật và dễ sử dụng Những kiến thức và kinh nghiệm thu được từ đề tài này sẽ là nền tảng vững chắc cho các dự
án phát triển phần mềm trong tương lai Trong các chương tiếp theo, chúng ta sẽ đi vào chi tiết các bước triển khai, phát triển và kiểm thử ứng dụng chat này
Trang 11Chương 2 PHÂN TÍCH THIẾT KẾ HỆ THỐNG
2.2 Phân tích yêu cầu
2.2.1 Yêu cầu người dùng
Hệ thống phải đảm bảo các yêu cầu của người dùng sau đây:
- Chức năng gửi tin nhắn dưới dạng ảnh và file hoạt động mượt mà, không gâyxung đột với các tác vụ khác đang cùng chạy, người nhận sẽ nhận được file nhanh chóng,cho phép người nhận download file
- Cho phép người dùng thay đổi ảnh đại diện và thay đổi tên người dùng, cập nhậtthay đổi nhanh chóng đến các người dùng khác
- Các tác vụ sẽ được cập nhật nhanh chóng đến những người dùng khác
2.2.2 Yêu cầu chức năng
- Đăng ký: Người dùng sẽ nhập các trường thông tin cần thiết như tên người
dùng, email, mật khẩu, nhập lại mật khẩu để có thể tạo tài khoản Nếu như người dùngkhông nhập đủ các trường thông tin hoặc nhập không đúng yêu cầu thì sẽ thông báo chongười dùng biết
- Đăng nhập: cho phép người dùng đăng nhập từ tài khoản đã tạo trước đó Khi
đăng nhập thất bại hoặc thành công đều sẽ thông báo đến cho người dùng, nếu đăng nhậpthành công sẽ hiện giao diện chính của app
- Chỉnh sửa thông tin cơ bản: chức năng này giúp người dùng có thể tuỳ chỉnh
thông tin cơ bản của mình như avatar, tên người dùng Mặc định nếu người dùng khôngtuỳ chỉnh avatar thì người dùng sẽ dùng ảnh mặc định của app
- Chat 1-1: người dùng sẽ chat với những tài khoản mà họ đã kết bạn trước đó,
app hỗ trợ các dạng tin nhắn văn bản, tin nhắn ảnh, tin nhắn file Nếu người dùng gửi ảnhthì sẽ hiện ảnh và khi nhấn vào ảnh sẽ xuất hiện một popup để zoom ảnh giúp người dùng
dễ dàng xem ảnh hơn Trường hợp người dùng gửi file, thì người được nhận sẽ downloadđược file đó
- Kết bạn: Trong giao diện chính của app sẽ có một tab “Find Friends” để tìm gửi
lời mời kết bạn đến những tài khoản trong hệ thống, khi gửi kết bạn thì tài khoản đượcgửi lời mời sẽ trong trạng thái pending đợi xác nhận trong tab “Requests”, nếu được xácnhận thì tài khoản đó sẽ được nhảy vào tab “Messages” nếu không tài khoản đó sẽ quay
về tab “Find Friends”
- Hiển thị trạng thái online: Khi một người dùng là bạn bè online thì trong danh
sách bạn bè sẽ hiện chấm xanh hiển thị rằng người đó đang trực tuyến, nếu người dùng
đó thoát thì chấm xanh sẽ biến mất
2.2.3 Yêu cầu phi chức năng
- Với mục đích tập trung vào trải nghiệm người dùng ứng dụng sẽ được thiết kếvới giao diện tinh giản, giúp người dùng tập trung vào các chức năng chính của ứngdụng
Trang 12- Ngoài ra sẽ sử dụng những phương pháp giúp tăng hiệu năng của ứng dụng, vàgiúp tải cho hệ thống
2.3 Thiết kế hệ thống
2.3.1 Biểu đồ usecase
Hình 1 – Biểu đồ usecase tổng quát
Trang 132.3.2.Thiết kế CSDL
Gồm các bảng users, users_account, friends, messages, files để lưu trữ các thông tin đăng nhập của người dùng, bạn bè giữa các người dùng, lưu tin nhắn để load lại vào lần truy cập sau, và lưu các file đã gửi
Bảng `users`
Chức năng: Lưu các thông tin đăng nhập của người dùng
Danh sách các thuộc tính
STT Tên thuộc tính Kiểu dữ liệu Mô tả
2 userName VARCHAR(255) Tên hiển thị của user
4 password VARCHAR(255) Mật khẩu đăng nhập (mã hoá)
Bảng `users_account`
Chức năng: Lưu các thông tin về tài khoản người của người dùng
Danh sách các thuộc tính
STT Tên thuộc tính Kiểu dữ liệu Mô tả
tránh xung đột dữ liệu
Trang 143 userName VARCHAR(255) Tên hiển thị của user
5 image VARCHAR(255) Link ảnh đại diện của người dùng
Bảng `friends`
Chức năng: Lưu các thông tin về lời mời kết bạn của người dùng
Danh sách các thuộc tính
STT Tên thuộc tính Kiểu dữ liệu Mô tả
2 requestUserId INT ID của người dùng gửi lời mời
3 receiveUserId INT ID của người dùng nhận được lời
mời
4 pending TINYINT(1) Trạng thái của lời mời, nếu chưa
accept thì pending = 1, còn accept thì pending = 0
Bảng `message`
Chức năng: Lưu các thông tin về tin nhắn
Danh sách các thuộc tính
STT Tên thuộc tính Kiểu dữ liệu Mô tả
4 messageType TINYINT Loại tin nhắn:
messageType = 1 => textmessageType = 2 => filemessageType = 3 => image
5 msg VARCHAR(255) Lưu nội dung tin nhắn:
Text => lưu nội dungFile => lưu tên fileImage => đuôi ảnh
Bảng `files`
Chức năng: Lưu các thông tin về file mà người dùng gửi
Danh sách các thuộc tính
STT Tên thuộc tính Kiểu dữ liệu Mô tả
2 fileExtension VARCHAR(255) Đuôi của file
3 BlurHash VARCHAR(255) Ảnh được mã hoá dưới dạng
BlurHash sẽ được lưu ở đây
1 => file đã được sẳn sàng để server gửi đi
0 => Server đang nhận dữ liệu củafile từ người dùng
