Báo cáo Đồ Án Tốt Nghiệp

ĐẠI HỌC XÂY
KHOA CÔNG NGHỆ THÔNG
DỰNG
TIN

Đề Tài: Ứng dụng Chat, VideoAudio call
GVH
D
SV

ThS. Nguyễn Thanh Bản

Bùi Công Lợi –
142861

K61 - Đ1 26


Giới Thiệu Chung
Đặt Vấn Đề
Chức năng của ứng
dụng

Kết quả và hướng phát
2


Phần I
Đặt Vấn Đề

3

Lý do chọn đề tài
● Nhu cầu nhắn tin và gọi điện của mọi người ngày càng cao. Ứng dụng này sinh ra sẽ giúp mọi
người thực hiện điều đó.
● Ứng dụng giúp cho mọi người có thể kết nối với nhau 1 cách dễ dàng nhất chỉ bằng vài bước cơ
bản để tạo tài khoản.
● Chia sẻ các khoảnh khắc với chức năng Stories, giúp người dùng chia sẻ những hình ảnh thú vị
với bạn bè của mình.

4


Mục tiêu đề tài
● Đáp ứng nhu cầu nhắn tin của mọi người, hỗ trợ nhắn tin nhóm, video call hay cuộc gọi nhóm và
mọi người.
● Cho phép gửi các tập tin, nội dung đa phương tiện.
● Cá nhân hóa cài đặt, thay đổi màu sắc cuộc trò chuyện một cách dễ dàng nhất.
● Đặt biệt danh cho từng thành viên nhóm để gợi nhớ.
● Đổi tên, ảnh đại diện nhóm
● Thay đổi biểu tượng cảm xúc
● Bộc lộ cảm xúc với từng tin nhắn của người dùng/ nhóm
● Ẩn đang hoạt động giúp cho việc riêng tư
● Chức năng share vị trí chỉ đường giúp mọi người đến gần nhau hơn.
● Tự động dịch sang ngôn ngữ nội địa của bạn.
● Detect trạng thái hoạt động của người dùng bạn bè.
● Chia sẻ stories với mọi người
● Và một số chức năng khác.
5

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

6

Sử dụng Nodejs, Vuejs, MYSQL, REST API vào project.
Khảo sát, phân tích nghiệp vụ của hệ thống để nắm bắt các chức năng chính của hệ thống.
Ứng dụng mơ hình REST API để xây dựng.
Kết hợp các thư viện hỗ trợ như Socket để cho việc Realtime.
Công nghệ web RTC peer-to-peer.


Phần II
Chức năng ứng dụng

7


1. Đăng nhập và đăng kí

Giao diện đăng kí tài khoản
8

Giao diện đăng nhập

2. Giao diện màn hình chính

Video- Audio call

Stories
Danh sách
cuộc trị
chuyện gần
đây

Chỉnh sửa biệt danh
cho thành viên
nhóm

Thay đổi màu
cuộc trị chuyện
Thay đổi biểu tượng
cảm xúc mặc định
Thêm thành
viên mới vào
nhóm

9


3. Các trạng thái của tin
nhắn

10

4. Các loại tin nhắn
Tin nhắn văn bản
Tin nhắn hình ảnh

Tin nhắn video
Auto get metadata
nếu gửi 1 URL

11


Các loại tin nhắn

Tin nhắn gửi ảnh
gif
Tin nhắn dán
nhãn
Tin nhắn chia sẻ vị trí
Tin nhắn gửi 1 tệp
tin nhắn cuộc gọi
Tin
nhỡ

12


Bày tỏ cảm xúc và Reply tin
nhắn

Thả biểu tượng cảm
xúc tin nhắn

Reply 1 tin nhắn

13


6. Đổi màu và thay đổi biểu
tượng

Đổi màu cuộc trò chuyện
14

Đổi biểu tượng cảm xúc


7. Đổi màu và thay đổi biểu
tượng

Thực hiện cuộc gọi
15

Giao diện cuộc gọi audio


8. Chức năng xem Stories
Danh sách
những người
đã xem stories

Danh sách
Stories

16


9. Cài đặt cơ bản

Thay đổi ảnh đại diện.
Cài đặt thông báo.
Ẩn hoạt động.
Chấp nhận tin
nhắn đã từ chối

17


Phần III
Kết quả và hướng phát
triển

18


Kết quả đạt được
Sau một thời gian khảo sát, nghiên cứu, phân tích thiết kế và cài đặt thì chương trình đã có những kết
quả sau:
+ Cho phép người dùng gửi tin nhắn theo nhóm hoặc cá nhân
+ Gửi ảnh
+ Gửi video

+ Gửi tệp tin
+ Gửi ảnh Gift
+ Chia sẻ vị trí
+ Gửi labels
+ Tọa cuộc trị chuyện mới
+ Gọi video
+ Gọi Audio
+ Thay đổi giao diện cuộc hội thoại
+ Thay đổi icon riêng biệt
19


Hướng Phát Triển
- Tăng cường bảo mật cho ứng dụng
- Fix một số lỗi liên quan đến call nhiều người (Sử dụng media server riêng cho chức năng này cụ thể là
Kurento)
- Phát triển chức năng cuộc trị chuyện bí mật
- Hoàn thiện một số chức năng khác

20