KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNGBÁO CÁO ĐỒ ÁN CƠ SỞ 3ĐỀ TÀI: ỨNG DỤNG WEBSITE TRÒ CHUYỆN TRỰC TUYẾN

Khoa CNTT TT – Đại học Đà Nẵng Nguyễn Quốc Cường – 17IT3 Lập trình mạng Ứng dụng website trị chuyện trực tuyến ĐẠI HỌC ĐÀ NẴNG KHOA CƠNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG BÁO CÁO ĐỒ ÁN CƠ SỞ ĐỀ TÀI: ỨNG DỤNG WEBSITE TRÒ CHUYỆN TRỰC TUYẾN Đà Nẵng, tháng 12 năm 2019 Trang Khoa CNTT TT – Đại học Đà Nẵng Nguyễn Quốc Cường – 17IT3 Lập trình mạng Ứng dụng website trò chuyện trực tuyến MỞ ĐẦU Những tiến to lớn công nghệ, đặc biệt công nghệ thông tin thập niên cuối kỷ 20 tạo bước ngoặt cho phát triển kinh tế xã hội toàn cầu Nhu cầu trao đổi thơng tin, liên lạc người ngày tăng cao Để đáp ứng nhu cầu đó, website, ứng dụng di động giúp người trao đổi, liên lạc trực tuyến xuất ngày nhiều Nhắc đến ứng dụng trao đổi thơng tin, liên lạc không nhắc đến gã khổng lồ Messenger Facebook, Zalo Việt Nam, vô số ứng dụng khác thị trường Mỗi ứng dụng có điểm mạnh yếu riêng Chung quy lại, chức ứng dụng để gửi nhận tin nhắn văn bản, hình ảnh tệp đính kèm Một số ứng dụng có chức hội thoại, chí trị chuyện video Điểm mạnh ứng dụng trò chuyện trực tuyến tính tiện lợi, nhanh chóng tiết kiệm Chỉ cần có internet, thơng tin hay tệp liệu bạn gửi đến đâu, lúc với tốc độ nhanh Không cần tốn tiền gửi thư, gửi bưu phẩm, hay phải chờ hàng tháng trời để nhận thư phản hồi Hiện website ứng dụng trò chuyện trực tuyến nhiều vô số kể, bên cạnh ứng dụng thành cơng khơng dụng chết bắt đầu hoạt động khơng thể cạnh tranh với ứng dụng mạnh mẽ trước Trang Khoa CNTT TT – Đại học Đà Nẵng Nguyễn Quốc Cường – 17IT3 Lập trình mạng Ứng dụng website trò chuyện trực tuyến LỜI CẢM ƠN Để thực hoàn thành tốt đồ án này, em nhận giúp đỡ hướng dẫn tận tình thầy thuộc Khoa Công Nghệ Thông Tin Và Truyền Thông – Đại Học Đà Nẵng Em xin cảm ơn thầy cô thuộc môn chuyên ngành cung cấp cho chúng em thông tin, kiến thức vô quý báu cần thiết suốt thời gian để em thực hồn thành đồ án Đặc biệt em xin chân thành cảm ơn thành thầy Lê Song Toàn người trực tiếp hướng dẫn chúng em thời gian thực đồ án Cuối cùng, xin chân thành cảm ơn bạn ngành công nghệ thông tin ủng hộ, giúp đỡ, chia sẻ kiến thức, kinh nghiệm tài liệu có giúp chúng tơi q trình nghiên cứu thực đề tài Do giới hạn mặt thời gian kiến thức kinh nghiệm thực tiễn nên đề tài khơng tránh khỏi sai xót Em mong nhận thông cảm quý thầy cô mong đón nhận góp ý thầy bạn Em xin chân thành cảm ơn! Trang Khoa CNTT TT – Đại học Đà Nẵng Nguyễn Quốc Cường – 17IT3 Lập trình mạng Ứng dụng website trò chuyện trực tuyến NHẬN XÉT (Của giảng viên hướng dẫn) ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… Đà Nẵng, ngày … tháng … năm 20… Giảng viên hướng dẫn Lê Song Toàn Trang Khoa CNTT TT – Đại học Đà Nẵng Nguyễn Quốc Cường – 17IT3 Lập trình mạng Ứng dụng website trò chuyện trực tuyến MỤC LỤC Chương 1: GIỚI THIỆU .7 1.1 Tổng quan: 1.1.1 Bối cảnh thực đề tài: .7 1.1.2 Vấn đề cần giải quyết: .7 1.1.3 Đề xuất nội dung thực hiện: 1.2 Phương pháp, kết quả: 1.2.1 Phương pháp: 1.2.2 Kết quả: 1.3 Cấu trúc đồ án: .8 Chương 2: 10 NGHIÊN CỨU TỔNG QUAN 10 2.1 Giới thiệu tổng quan trò chuyện trực tuyến: 10 2.2 Một số ưu nhược điểm trò chuyện trực tuyến: 10 2.2.1 Ưu điểm: .10 2.2.2 Nhược điểm: 11 2.3 Một số ứng dụng trò chuyện trực tuyến tiêu biểu: 11 2.3.1 Facebook Messenger: 11 2.3.2 Zalo: .11 2.4 Tổng quan cơng nghệ mơ hình sử dụng dự án: 12 2.4.1 Giao thức TCP/IP: 12 2.4.2 React: 15 2.4.3 NodeJs: 18 2.4.4 MongoDB: .20 2.4.5 Socket.IO: 21 Chương 3: 26 TỔNG QUAN DỰ ÁN 26 3.1 Các ngôn ngữ công nghệ sử dụng cho dự án: 26 3.1.1 Front-end: .26 3.1.2 Back-end: .26 3.1.3 Hệ quản trị sở liệu: .26 Trang Khoa CNTT TT – Đại học Đà Nẵng Nguyễn Quốc Cường – 17IT3 Lập trình mạng Ứng dụng website trò chuyện trực tuyến 3.2 Các chức website: 26 3.2.1 Sơ đồ mơ hình 26 3.2.2 Các chức chính: 26 3.2.3 Điểm mạnh: 27 3.2.4 Hạn chế tồn tại: .27 3.3 Mô tả chức năng: 27 Chương 4: 29 KẾT QUẢ VÀ HƯỚNG PHÁT TRIỂN 29 3.1 Kết quả: 29 3.1.3 Giao diện: 29 3.2 Hướng phát triển: 34 DANH MỤC THAM KHẢO 35 Trang Khoa CNTT TT – Đại học Đà Nẵng Nguyễn Quốc Cường – 17IT3 Lập trình mạng Ứng dụng website trị chuyện trực tuyến Chương 1: GIỚI THIỆU 1.1 Tổng quan: 1.1.1 Bối cảnh thực đề tài: Trong trình phát triển xã hội, công nghệ thông tin phát triển mạnh mẽ, ngày thâm nhập sâu, trở thành công cụ hỗ trợ đắc lực cho người lĩnh vực Và với phát triển nhu cầu liên lạc, trao đổi thông tin người với người ngày tăng cao cần thiết Dựa xu phát triển xã hội nhu cầu thiết thực người, ứng dụng website trò chuyện đời 1.1.2 Vấn đề cần giải quyết: Để đáp ứng nhu cầu liên lạc trực tuyến, chạy theo xu hướng phát triển xã hội Một website, ứng dụng trò chuyện trực tuyến cần đáp ứng yêu cầu thiết yếu trò chuyện văn bản, trao đổi hình ảnh, tệp liệu, hay chí thực hội thoại giọng nói hay trị chuyện hình ảnh trực tuyến (video chat) Vấn đề thứ cần giải đảm bảo ứng có đủ chức cần thiết Một website, ứng dụng trị chuyện muốn người dùng đón nhận cần phải hoạt động ổn định dễ sử dụng Một điều quan trọng bảo mật an tồn thơng tin liệu người dùng Vấn đề thứ hai tính ổn định, bảo mật website tránh việc lộ thông tin trị chuyện hay thơng tin người dùng Hiện website ứng dụng trò chuyện trực tuyến nhiều vô số kể, bên cạnh ứng dụng thành cơng khơng dụng chết bắt đầu hoạt động khơng thể cạnh tranh với ứng dụng mạnh mẽ trước Vấn đề thứ ba khả marketing cạnh tranh ứng dụng 1.1.3 Đề xuất nội dung thực hiện: Thực khảo sát nghiên cứu thị trường, nhu cầu cung ứng mảng Nghiên cứu, tham khảo ứng dụng có, điểm mạnh yếu Vì ứng dụng thành cơng thất bại Rút học từ người trước 1.2 Phương pháp, kết quả: Trang Khoa CNTT TT – Đại học Đà Nẵng Nguyễn Quốc Cường – 17IT3 Lập trình mạng Ứng dụng website trò chuyện trực tuyến 1.2.1 Phương pháp: Nghiên cứu thị trường, tham khảo ứng dụng có sẵn Tiếp thu điểm mạnh loại bỏ điểm yếu Thực nghiên cứu công nghệ, công cụ cần sử dụng để thực dự án Lựa chọn công nghệ tối ưu đại để bắt kịp xu phát triển không ngừng công nghệ Sau nắm bắt công nghệ hướng đi, bắt tay vào lập kế hoạch triển khai dự án, đứa công việc cụ thể cần thực Tiến hành phân tích thiết kế, rủi ro, tính khả thi bất khả thi cơng việc cần thực Sau phân tích, tiến hành thiết kế sở liệu, thiết kế giao diện bước hoàn thiện, ghép nối dự án thành sản phẩm hồn chỉnh Sau có sản phẩm hoàn chỉnh, tiến hành thử nghiệm chỉnh sửa, cập nhật sai sót Cuối tổng kết đưa hướng phát triển tương lai 1.2.2 Kết quả: Nghiên cứu học hỏi từ ứng dụng bật Zalo, Messenger, Telegram, … Nghiên cứu học tập công nghệ mới, áp dụng để phát triển ứng dụng Socket.IO, Puser Sau trình thực hiện, kết thu ứng dụng trò chuyện trực tuyến với chức năng:  Trò chuyện văn hai cá nhận  Trị chuyện văn nhóm gồm nhiều thành viên 1.3 Cấu trúc đồ án: Nguyên cứu tổng quan: giới thiệu sở nghiên cứu lý thuyết, mô hình, cơng nghệ áp dụng q trình xây dựng dự án:      Trò chuyện trực tuyến Ưu nhược điểm Một vài ví dụ điển hình Giải pháp thực cho ứng dụng Giới thiệu ứng dụng: Những cơng nghệ, mơ hình sử dụng Triển khai xây dựng:  Xây dựng cở sở liệu Trang Khoa CNTT TT – Đại học Đà Nẵng Nguyễn Quốc Cường – 17IT3 Lập trình mạng Ứng dụng website trị chuyện trực tuyến  Xây dựng giao diện  Kết hợp thành sản phẩm hồn thiện Kết luận hướng phát triển:  Nhìn nhận, đánh giá điểm chưa trình thực dự án Rút kinh nghiệm lần sau  Hoạch định hướng phát triển tương lai Trang Khoa CNTT TT – Đại học Đà Nẵng Nguyễn Quốc Cường – 17IT3 Lập trình mạng Ứng dụng website trò chuyện trực tuyến Chương 2: NGHIÊN CỨU TỔNG QUAN 2.1 Giới thiệu tổng quan trò chuyện trực tuyến: Trò chuyện trực tuyến (hay nhắn tin nhanh, tin nhắn tức khắc, chát – từ chat tiếng Anh, IM viết tắt Instant Messaging), dịch vụ cho phép hai người trở lên nói chuyện trực tuyến với qua mạng máy tính Mới IRC, nhắn tin nhanh trò chuyện mạng, phương pháp nói chuyện phổ biến Nhắn tin nhanh dễ dùng IRC, có nhiều tính hay, khả trị chuyện nhóm, dùng biểu tượng xúc cảm, truyền tập tin, tìm dịch vụ cấu hình dễ dàng liệt kê bạn bè Nhắn tin nhanh thúc đẩy phát triển Internet đầu thập niên 2000 Có nhiều cách để thực nhắn tin nhanh, thông qua dịch vụ IRC, hay dịch vụ Yahoo!, Microsoft, nhắn tin nhanh hỗ trợ nhiều giao thức khác Một số người dùng bị giới hạn sử dụng ứng dụng khách truy cập giao thức/mạng IM, MSN hay Yahoo! Một giao thức phổ biến giao thức XMPP (Jabber) Đây giao thức mở, an toàn, máy chủ hỗ trợ giao thức kết nối với Ứng dụng khách Jabber có khả truy cập giao thức/mạng IM: MSN Messenger, Yahoo!, AIM, ICQ, Gadu-Gadu, IRC SMS Chỉ chương trình Jabber nói chuyện với bạn bè mạng Có số ứng dụng khách Jabber phần mềm tự đa tảng dịch sang tiếng Việt Psi, Gaim JWChat Cũng có Gossip dành cho hệ điều hành Linux/UNIX Ứng dụng nhắn tin nhanh có khả VoIP, nói chuyện trực tiếp qua máy tính, điện thoại 2.2 Một số ưu nhược điểm trò chuyện trực tuyến: 2.2.1 Ưu điểm:  Khá dễ dàng tiếp cận sử dụng Trang 10 Khoa CNTT TT – Đại học Đà Nẵng Nguyễn Quốc Cường – 17IT3 Lập trình mạng Ứng dụng website trò chuyện trực tuyến alive” phải ln xảy q trình đồng Client-Server Socket mang lại khả trả lời tức từ bên bên đưa kiện, thay phải thực thi lại loạt thủ tục kết nối phức tạp trước, ứng dụng bạn trở thành ứng dụng thời gian thực ví dụ: Yahoo Messenger, Skype v.v… ứng dụng xây dựng theo mơ hình Socket  Trong lập trình web trước đây, việc xây dựng client-server theo mơ hình socket phải thơng qua phần mềm thứ Vì mơ hình socket khơng phù hợp với ngơn ngữ lập trình Server như: PHP, ASP.NET, JSP v.v… Các ngôn ngữ làm việc theo cách: Die connection Server trả lời Client xong Tuy nhiên, nhấn mạnh: Chúng ta làm web-socket với ngơn ngữ lập trình Chỉ có điều, với ngơn ngữ cũ, việc làm cần bạn phải am hiểu giao thức http, tcp; hiểu request header, v.v…  Socket điểm cuối (end-point) liên kết truyền thơng hai chiều (two-way communication) hai chương trình chạy mạng Các lớp Socket sử dụng để biểu diễn kết nối client server, ràng buộc với cổng port (thể số cụ thể) để tầng TCP (TCP Layer) định danh ứng dụng mà liệu gửi tới  Lập trình socket lập trình cho phép người dùng kết nối máy tính truyền tải nhận liệu từ máy tính thơng qua mạng  Hiểu đơn giản, socket thiết bị truyền thông hai chiều gửi nhận liệu từ máy khác b Websocket:  WebSoket công nghệ hỗ trợ giao tiếp hai chiều client server cách sử dụng TCP socket để tạo kết nối hiệu tốn Mặc dù thiết kế để chuyên sử dụng cho ứng dụng web, lập trình viên đưa chúng vào loại ứng dụng  Trong trình duyệt mà hỗ trợ WebSockets protocol, kết nối server browser tạo quanh HTTP gọi “HTTP hanshake” Một kết nối tạo trình duyệt server mở cổng giao tiếp liên tục thơng qua TCP socket Nó hỗ trợ cho việc gửi truy vấn message cổng kết nối Điều giúp server load hơn, giảm số message bị trễ  Tuy nhiên WebSocket mắc phải vấn đề HTTP proxies, firewall hosting provider Khi Websocket sử dụng phương thức giao tiếp ngồi HTTP, phần nhiều số chưa hỗ trợ block kết nối socket Vấn đề giải sử dụng thư viện trừu Trang 23 Khoa CNTT TT – Đại học Đà Nẵng Nguyễn Quốc Cường – 17IT3 Lập trình mạng Ứng dụng website trị chuyện trực tuyến tượng mà dễ dàng thay đổi giao thức dựa resoures có sẵn c Socket.IO: Socket.io xây dựng để giải vấn đề Websocket ln sẵn sàng sử dụng cho NodeJS developer  Để xây dựng ứng dụng realtime cần sử dụng socketio Socketio giúp bên địa điểm khác kết nối với nhau, truyền liệu thông qua server trung gian Socketio sử dụng nhiều ứng dụng chat, game online, cập nhật kết trận đấu xảy ra,  Socketio ngôn ngữ, mà module, công cụ giúp thực ứng dụng realtime Vì thế, khơng thể sử dụng socketio để thay hoàn toàn cho ngôn ngữ, mà phải sử dụng kết hợp với ngơn ngữ khác Ngơn ngữ php, asp.net, nodejs, d Cơ chế hoạt động socket.IO:  Cơ chế hoạt động ứng dụng realtime thơng qua server để lắng nghe (listen) data truyền data máy client Vì cần cài khai báo sử dụng socketio phía server client  Để lắng nghe data, ta sử dụng câu lệnh socket.on(), để phát liệu sử dụng lệnh socket.emit()  Khi include Socket.io module vào ứng dụng cung cấp cho hai object là: socket server quản lý functionality phía server socket client điều khiển funtionality phía client  Khi client muốn kết nối tới Socket.io server, gửi cho server “handshake HTTP request” Server phân tích request với thơng tin cần thiết suốt q trình kết nối Nó tìm cấu hình middleware mà đăng ký với server thực thi chúng trước đưa kiện kết nối Khi kết nối thành công connection event listener thực thi, tạo instance socket coi định danh client mà client kết nối tới có định danh  Một module khác Node.js LightStreamer-adapter có tạo kết nối từ client tới server không trực tiếp mà thông qua LightStreamer Server, máy chủ theo thời gian thực nằm ngồi tiến trình Node.js Server Trang 24 Khoa CNTT TT – Đại học Đà Nẵng Nguyễn Quốc Cường – 17IT3 Lập trình mạng Ứng dụng website trị chuyện trực tuyến Hình Mơ hình hoạt động Socket.IO Trang 25 Khoa CNTT TT – Đại học Đà Nẵng Nguyễn Quốc Cường – 17IT3 Lập trình mạng Ứng dụng website trò chuyện trực tuyến Trang 26 Khoa CNTT TT – Đại học Đà Nẵng Nguyễn Quốc Cường – 17IT3 Lập trình mạng Ứng dụng website trò chuyện trực tuyến Chương 3: TỔNG QUAN DỰ ÁN 3.1 Các ngôn ngữ công nghệ sử dụng cho dự án: 3.1.1 Front-end:  HTML (JSX), CSS  Bootstrap framework  React Js  Socket.IO client 3.1.2 Back-end:  NodeJS  Express JS framework  Socket.IO 3.1.3 Hệ quản trị sở liệu:  MongoDB 3.2 Các chức website: 3.2.1 Sơ đồ mơ hình Trang 27 Khoa CNTT TT – Đại học Đà Nẵng Nguyễn Quốc Cường – 17IT3 Lập trình mạng Ứng dụng website trị chuyện trực tuyến Hình 10: Mơ hình chat real time 3.2.2 Các chức chính:  Đăng ký  Đăng nhập  Trò chuyện hai cá nhân  Tạo trị chuyện nhóm  Trị chuyện nhóm nhiều người  Cập nhật trạng thái người dùng  Chỉnh sửa thông tin người dùng  Thay đổi mật  Cuộc trị chuyện gửi hình ảnh file với dung lượng giới hạn  Tin nhắn gửi gửi kèm với biểu tượng cảm xúc ngộ nghĩnh  Kết bạn có thơng báo có gửi lời mời kết bạn 3.2.3 Điểm mạnh:  Xây dựng API server sử dụng nodejs cho tốc độ truy cập xử lý nhanh giúp mở rộng sâu cho tảng khác  Sử dụng hệ quản trị sở liệu MongoDB cho tốc độ truy suất nhanh, liệu lưu trữ đa dạng (hình ảnh, tệp…)  Xử lý real-time (thời gian thực) tất thao tác gửi tin nhắn, lời mời kết bạn,… 3.2.4 Hạn chế tồn tại: Các chức dừng lại mức bản, tồn số hạn chế định:  Chưa có đăng nhập sử dụng tài khoản Google Facebook  Chưa có chức khơi phục mật Trang 28 Khoa CNTT TT – Đại học Đà Nẵng Nguyễn Quốc Cường – 17IT3      Lập trình mạng Ứng dụng website trị chuyện trực tuyến Chưa có chức khỏi trị chuyện, xố trị chuyện Chưa có trị chuyện gọi thoại, video call trang web Chưa gửi hình ảnh tệp Chưa hỗ trợ cho mobile Chưa tối ưu hố số trải nghiệm người dùng 3.3 Mơ tả chức năng:  Khi người dùng đăng ký, có mail xác nhận tài khoản gửi đến người dùng xác nhận tài khoản  Sau đăng nhập, người dùng truy cập vào giao diện sử dụng Thành phần giao diện trang chia gồm: chat, friend (bạn bè), thông báo, cài đặt tài khoản  Người dùng tìm kiếm tất user hệ thống để kết bạn gửi thông báo realtime đến người nhận  Khi nhấp chuột vào người dùng khác, hiển thị hình trị chuyện với người đó, trị chuyện nhóm tương tự  Người dùng truy cập vào trang cá nhân để chỉnh sửa thông tin, trang thay đổi mật để sửa đổi mật tài khoản Địa email chỉnh sửa  Người dùng tạo trị chuyện nhóm để thêm nhiều người vào Người dùng tiến hành tìm kiến chọn người muốn thêm, đặt tên cho trò chuyện tạo Tự động người thêm thấy xuất trị chuyện nhóm danh sách trị chuyện  Trong q trình chat người dùng gửi tin nhắn văn thơng thường, tin nhắn kèm biểu tượng cảm xúc ngộ nghĩnh, tin nhắn ảnh, tin nhắn file Trang 29 Khoa CNTT TT – Đại học Đà Nẵng Nguyễn Quốc Cường – 17IT3 Lập trình mạng Ứng dụng website trị chuyện trực tuyến Chương 4: KẾT QUẢ VÀ HƯỚNG PHÁT TRIỂN 3.1 Kết quả: 3.1.3 Giao diện: a Form đăng nhập: Trang 30 Khoa CNTT TT – Đại học Đà Nẵng Nguyễn Quốc Cường – 17IT3 Lập trình mạng Ứng dụng website trị chuyện trực tuyến Hình 11 Form đăng nhập Ở đây, người dùng đăng nhập tài khoản tạo trước Sau đăng nhập, người dùng truy cập vào trang giao diện Nếu chưa có tài khoảng, người dùng truy cập vào trang đăng ký đường dẫn b Form đăng ký: Trang 31 Khoa CNTT TT – Đại học Đà Nẵng Nguyễn Quốc Cường – 17IT3 Lập trình mạng Ứng dụng website trị chuyện trực tuyến Hình 12 Form đăng ký Sau đăng ký thành công, người dùng tự động chuyển qua trang đăng nhập chuyển vào trang giao diện c Giao diện trang chủ: Hình 13 Trang chủ Trang 32 Khoa CNTT TT – Đại học Đà Nẵng Nguyễn Quốc Cường – 17IT3 Lập trình mạng Ứng dụng website trị chuyện trực tuyến Bên trái bao gồm slidebar chứa tab chat, friends, notifications cài đặt Khi mặc định đăng nhập vào list trò chuyện Và chọn trị chuyện bất kỳ, phía bên phải xuất sổ trò chuyện tương ứng với trị chuyện Hình 14 Giao diện chat Hình 14 Giao diện bạn bè tìm kiếm người dùng để kết bạn d Trang chỉnh sửa thông tin người dùng: Trang 33 Khoa CNTT TT – Đại học Đà Nẵng Nguyễn Quốc Cường – 17IT3 Lập trình mạng Ứng dụng website trị chuyện trực tuyến Hình 15 Giao diện chỉnh sửa thông tin người dùng Tại người dùng thay đổi thơng tin cá nhân mình, thay đổi tên, ảnh đại diện, thông tin cá nhân địa số điện thoại Email thông tin bắt buộc không thay Hình 16 Giao diện đổi mật e Trị chuyện cá nhận: Trang 34 Khoa CNTT TT – Đại học Đà Nẵng Nguyễn Quốc Cường – 17IT3 Lập trình mạng Ứng dụng website trị chuyện trực tuyến Hình 17 Chức trò chuyện cá nhân Hệ thống cập nhật trạng thái người dùng nhập tin nhắn cho đối phương Người dùng gửi tin nhắn văn bản, biểu tượng cảm xúc, ảnh file Và tin nhắn thông tin ngày gửi kể từ thời điểm f Tạo trị chuyện nhóm: Hình 18 Chức tạo trị chuyện nhóm Khi nhấp chọn tạo trị chuyện cách click vào biểu tượng user mục chat xuất modal box người dùng điền thơng tin nhóm chat vào chọn thành viên có danh sách bạn bè, đổi với người dùng có nhiều bạn bè tiến hành tìm kiếm người dùng khác cách nhập tên địa email vào tìm kiếm Kết trả phía dưới, người dùng việc click vào để chọn Trang 35 Khoa CNTT TT – Đại học Đà Nẵng Nguyễn Quốc Cường – 17IT3 Lập trình mạng Ứng dụng website trò chuyện trực tuyến Sau tạo thành cơng, người dùng người dùng thêm vào trò chuyện tự động xuất trị chuyện danh sách trị chuyện, tất diễn theo thời gian thực g Trò chuyện nhóm: Hình 19 Chức trị chuyện nhóm Tại đây, người dùng thêm trò chuyện với tương tự trò chuyện cá nhân 3.2 Hướng phát triển:  Hồn thiện tính chưa phát triển  Phát triển ứng dụng tảng khác Trang 36 Khoa CNTT TT – Đại học Đà Nẵng Nguyễn Quốc Cường – 17IT3 Lập trình mạng Ứng dụng website trị chuyện trực tuyến DANH MỤC THAM KHẢO  [NodeJS documentation] - https://nodejs.org/en/docs/  [Express JS tempale engine] - https://expressjs.com/  [Socket.io documentation] - https://socket.io/docs/ Trang 37