Đồ án cơ sở 4 xây dựng ứng dụng chat & call, nhắn tin và gọi Điện

Ứng dụng sẽ yêu cầu hầu hết tất cả người dùng phải thực hiện bướcxác thực người dùng nếu muốn sử dụng các dịch vụ của ứng dụng.. Nếu chưa có tài khoản, người dùng sẽphải tạo một tài khoả

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN &

TRUYỀN THÔNG VIỆT HÀN

Khoa Khoa Học Máy Tính

ĐỒ ÁN CƠ SỞ 4

Xây dựng ứng dụng Chat & Call, nhắn tin và gọi điện

Sinh viên thực hiện: Hoàng Lê Huy

Giảng viên hướng dẫn: THS Lương Khánh Tý

Đà Nẵng, tháng 05 năm 2021

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN &

TRUYỀN THÔNG VIỆT HÀN

Khoa Khoa Học Máy Tính

ĐỒ ÁN CƠ SỞ 4

Xây dựng ứng dụng Chat & Call, nhắn tin và gọi điện

Giảng viên hướng dẫn: THS Lương Khánh Tý

Đà Nẵng, tháng 12 năm 2022

ii

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

LỜI CẢM ƠN

Trong thời gian làm báo cáo, chúng em đã nhận được nhiều sự giúp đỡ, đónggóp ý kiến và chỉ bảo nhiệt tình của thầy cô và bạn bè Chúng em xin gửi lờicảm ơn chân thành đến thầy ThS Lương Khánh Tý đã tận tình hướng dẫn,chỉ bảo chúng em trong suốt quá trình làm báo cáo Chúng em cũng xin chânthành cảm ơn các thầy cô giáo trong trường Đại học công nghệ thông tin vàtruyền thông Việt Hàn nói chung, các thầy cô trong Khoa công nghệ thôngtin nói riêng đã dạy dỗ cho chúng em kiến thức về các môn đại cương cũngnhư các môn chuyên ngành, giúp chúng em có được cơ sở lý thuyết vữngvàng và tạo điều kiện giúp đỡ chúng em trong suốt quá trình học tập Cuốicùng, chúng em xin chân thành cảm ơn gia đình và bạn bè, đã luôn tạo điềukiện, quan tâm, giúp đỡ, động viên em trong suốt quá trình học tập và hoànthành báo này

Do điều kiện thời gian có hạn và kinh nghiệm làm báo cáo chưa có nhiều nên

em không thể tránh khỏi những thiếu sót trong lúc trình bày cũng như làmbáo cáo, kính mong nhận được những ý kiến đóng góp từ quý thầy cô

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

MỤC LỤC

DANH MỤC CÁC TỪ VIẾT TẮT vi

DANH MỤC HÌNH VẼ .vii

Chương 1 TỔNG QUAN VỀ SẢN PHẨM 2

1. Tên Đề tài: .2

2. Giới thiệu về các công nghệ: .2

2.1. WebRTC: .2

2.2. NodeJS: .3

Chương 2 PHÂN TÍCH THIẾT KẾ HỆ THỐNG 4

1. Đặc tả yêu cầu .4

2. Xây dựng các biểu đồ .4

Chương 3 Một số hình ảnh demo sản phẩm .11

Chương 3 KẾT LUẬN 13

1 Kết quả đạt được 13

2 Hướng nghiên cứu 13

DANH MỤC CÁC TỪ VIẾT TẮT vi

DANH MỤC HÌNH VẼ .vii

No table of figures entries found vii

Chương 1 TỔNG QUAN VỀ SẢN PHẨM .2

1.Tên Đề tài: .2

2.Giới thiệu về các công nghệ: .2

2.1 WebRTC: .2

2.2 NodeJS: .3

Chương 2 PHÂN TÍCH THIẾT KẾ HỆ THỐNG .4

1.Đặc tả yêu cầu .4

2.Xây dựng các biểu đồ .4

3.Kết chương 2 .4

Chương 3 XÂY DỰNG … 5

1.AAAAA .5

2.BBBBBBB .5

3.Kết chương 3 .5

KẾT LUẬN .6

1.Kết quả đạt được .6

2.Hướng nghiên cứu .6

Với những hạn chế và tồn tại nêu trên, hướng nghiên cứu …dự kiến như sau: .6

PHỤ LỤC i

vii

DANH MỤC CÁC TỪ VIẾT TẮT

WebRTC

5E

Web Real-Time Communication Engagement, Exploration,

Explanation, Elaboration, EvaluationAPISTEM Application Programing InterfaceScience Technology

Engineering Mathematics

DANH MỤC HÌNH VẼ

No table of figures entries found.

ix

Chương 1 TỔNG QUAN VỀ SẢN PHẨM

1 Tên Đề tài:

Xây dựng ứng dụng Chat & Call, nhắn tin và gọi điện

2 Giới thiệu về các công nghệ:

2.1 WebRTC:

WebRTC (Web Real-Time Communication) là một tiêu chuẩn định nghĩatập hợp các giao thức truyền thông và các giao diện lập trình ứng dụng chophép truyền tải thời gian thực trên các kết nối peer to peer Điều này chophép các trình duyệt web không chỉ yêu cầu tài nguyên từ máy chủ mà còntruyền thông tin thời gian thực với trình duyệt khác Về bản chất, WebRTC

là tập hợp các chuẩn và giao thức cho phép trình duyệt web thực hiện trựctiếp các tính năng truyền thông đa phương tiện thời gian thực như gọi điện,truyền hình, truyền dữ liệu, gửi tin nhắn bằng các APIs Javascripts

Hình 1.1: WebRTC

2.2 NodeJS:

Node.js là một nền tảng JavaScript cực kì mạnh mẽ được sử dụng để pháttriển ác ứng dụng chat online, các trang phát video trực tiếp, các ứng dụngmột trang, và rất nhiều ứng dụng web khác Được xây dựng trênJavaScript V8 Engine của Google Chrome, nó được sử dụng rộng rãi bởi

cả các công ty lớn và các start-up mới nổity lớn và các startup mới nổi .Node.js có mã nguồn mở, hoàn toàn miễn phí và được hàng ngàn lập trìnhviên trên thế giới sử dụng Nó mang lại rất nhiều lợi ích so với các nềntảng phía máy chủ khác như Java hoặc PHP

Hình 1.2: NodeJS

3

Ứng dụng sẽ yêu cầu hầu hết tất cả người dùng phải thực hiện bướcxác thực người dùng nếu muốn sử dụng các dịch vụ của ứng dụng chủyếu là việc nhắn tin và gọi điện Nếu chưa có tài khoản, người dùng sẽphải tạo một tài khoản mới.

Người dùng khi đã vượt qua bước xác thực sẽ được sử dụng cácchức năng từ việc tìm người dùng muốn liên lạc và nhắn tin, nhắn tin vớingười dùng đã tìm thấy, call audio, video 1 – 1, xóa các cuộc trò chuyệnkhông mong muốn

2 Xây dựng các biểu đồ

2.1 Biểu đồ cơ sở dữ liệu:

Hình 1.3: Biểu đồ cơ sở dữ liệu2.2 Biểu đồ Use – Case

5

Kết chương 2

Hình 1.4: Biều đồ use – caseQuy trình …

- Đặc tả một số use – case cơ bản:

- Use – case đăng nhập:

o Đối tượng sử dụng: Người dùng.

o Tác dụng: Cho phép người sử dụng nói chung có thể đăng nhập

vào hệ thống và thực hiện các chức năng của hệ thống

o Tiền điều kiện: Người dùng chưa đăng nhập

o Hậu điều kiện: Người dùng đã đăng nhập

o Các bước thực hiện:

Bước 1: Người dùng truy cập vào phần đăng nhập.

Bước 2: Nhập tài khoản và mật khẩu.

Bước 3: Nhấp vào nút đăng nhập.

Bước 4: Hệ thống kiểm tra thông tin

Bước 5: Hệ thống sẽ trả về kết quả, nếu đăng nhập thành

công, người dùng sẽ được trả về trang chủ, ngược lại, người dùng sẽ phải đăng nhập lại

- Use – case nhắn tin:

o Đối tượng sử dụng: Người dùng.

o Tác dụng: Cho phép người dùng có thể thực hiện chức năng nhắn

tin khi đã tìm ra người mà người dùng đó muốn thực hiện cuộc trò chuyện

o Tiền điều kiện: Người dùng chưa nhắn tin

o Hậu điều kiện: Người dùng đã nhắn tin

o C ác bước thực hiện:

Bước 1: Người dùng bắt buộc phải đăng nhập để có thể thực

hiện chức năng này

Bước 2: Tìm người dùng để thực hiện cuộc nhắn tin Bước 3: thực hiện nhắn tin

Bước 4: Nếu không có bất cứ lỗi gì xảy ra, tin nhắn đã được

gửi đi thành công

- Use – case gọi điện:

o Đối tượng sử dụng: Người dùng.

o Tác dụng: Cho phép người dùng có thể thực hiện chức năng gọi

điện khi đã tìm ra người mà người dùng đó muốn thực hiện cuộc gọi

o Tiền điều kiện: Người dùng chưa thực hiện cuộc gọi.

o Hậu điều kiện: Người dùng đã thực hiện cuộc gọi.

o Các bước thực hiện:

Bước 1: Người dùng bắt buộc phải đăng nhập để có thể thực

hiện chức năng này

Bước 2: Tìm người dùng để thực hiện cuộc gọi.

Bước 3: Thực hiện cuộc gọi.

Bước 4: Nếu không có bất cứ lỗi gì xảy ra, cuộc gọi đã được

thực hiện

-7

2.2 Biểu đồ hoạt động.

- Biểu đồ hoạt động mô tả việc đăng nhập:

Hình 1.5: Biều đồ Hoạt động đăng nhập

- Biểu đồ hoạt động mô tả việc đăng ký:

Hình 1.6: Biều đồ Hoạt động đăng ký

9

- Biểu đồ hoạt động mô tả việc nhắn tin:

Hình 1.7: Biểu đồ hoạt động nhắn tin

- Biểu đồ hoạt động mô tả việc gọi điện:

Hình 1.8: Biều đồ hoạt động gọi điện

11

Chương 3 Một số hình ảnh demo sản phẩm XÂY DỰNG …

- Giao diện đăng nhập:

phía người dùng & về phía người quản trị, giao diện…

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

- Giao diện đăng ký:

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

- Màn hình chat

Hình 1.11: Giao diện nhắn tin

13

- Màn hình gọi điện:

Hình 1.12: Giao diện gọi điện

Chương 3 KẾT LUẬN

1 Kết quả đạt được

- Nêu những gì mình học được, đạt được qua quá trình làm đồ án

về mặt lý thuyết, về mặt thực nghiệm, trải nghiệSản phẩm sau khi xây dựng đã có thể thực hiện được các chức năng cơ bản bao gồm việc xác thực người dùng và việc gọi điện nhắn tin cơ bản.m…

- Bên cạnh đó còn có nhiều mặt hạn chế ví dụ như việc chưa tối ưu giaodiện, độ bảo mật thấp, cũng như việc nhắn tin hay gọi điện chỉ diễn ra vớihình thức 1 – 1, chưa có trò chuyện hay giao tiếp nhóm Chỉ có thể gửi đi

dữ liệu dạng chuỗi, chưa đa dạng trong dữ liệu gửi đi như tập tin, ghiâm…Bên cạnh …

2 Hướng nghiên cứu

Với những hạn chế và tồn tại nêu trên, hướng nghiên cứu …dự kiến nhưsau:

- Tìm hiểu nhiều hình thức, giao thức bảo mật đa dạng khác

- Gia tăng sự đa dạng trong đó có đa dạng số lượng trong việc nhắn tin

và gọi điện

- Phát triển với các dữ liệu gửi đi (Tập tin, ghi âm)

- Khai thác…

15

TÀI LIỆU THAM KHẢO

[1].[1

]

[2].T C f S Exploration, "Why STEM Topics are Interrelated: The Importance of Interdisciplinary Studies in K-12 Education," 2008.[3].[2

"http://thoibaotaichinhvietnam.vn/pages/quoc-te/2015-12-08/10-[15] [

8]

[16] "http://truonghocketnoi.edu.vn/data/thuvien/DongPhD/hoclieu_3650611_1446867073.pdf"

[25] [

13

]

[26] stem"

[36]. Error! Hyperlink reference not

valid.https://cs231n.github.io/python-numpy-tutorial/

WebRTC Guiding doc: https://webrtc.org/

ii

Mozilla documentation for developer: https://developer.mozilla.org/en-US/

PHỤ LỤC