Thông tin tài liệu
BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC CÔNG NGHỆ TP HCM BÁO CÁO ĐỒ ÁN CHUYÊN NGÀNH MẠNG XÃ HỘI COVIDER Ngành: CÔNG NGHỆ THÔNG TIN Chuyên ngành: CÔNG NGHỆ PHẦN MỀM Giảng viên hướng dẫn: Trần Gia Huy Sinh viên thực hiện: MSSV: 1.Ngô Văn Tiểu Bảo 2.Nguyễn Bá Hiếu 3.Vũ Minh Chí 1811062710 1811061391 1811062584 Lớp: 18DTHC6 18DTHC6 18DTHC6 TP Hồ Chí Minh, 12/2021 NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN ………………………………………………………………… ………………………………………………………………… ………………………………………………………………… ………………………………………………………………… ………………………………………………………………… ………………………………………………………………… ………………………………………………………………… ………………………………………………………………… ………………………………………………………………… ………………………………………………………………… ………………………………………………………………… ………………………………………………………………… ………………………………………………………………… ………………………………………………………………… ………………………………………………………………… ………………………………………………………………… ………………………………………………………………… ………………………………………………………………… ………………………………………………………………… ………………………………………………………………… ………………………………………………………………… ………………………………………………………………… TP.HCM, ngày … tháng … năm 2021 Giáo viên hướng dẫn TRẦN GIA HUY MỤC LỤC CHƯƠNG 1: TỔNG QUAN ĐỀ TÀI 1.1 Giới thiệu đề tài 1.2 Ý nghĩa thực tiễn đề tài 1.3 Nhiệm vụ đề tài 1.3.1 Lý thực đề tài 1.3.2 Ý nghĩa khoa học thực tiễn: 1.3.3 Mục tiêu đề tài .6 1.3.4 Các bước xây dựng ứng dụng 1.4 Ưu điểm nhược điểm ứng dụng 1.4.1 Ưu điểm .6 1.4.2 Nhược điểm 1.5 Đối tượng 1.6 Xác định yêu cầu 1.6.1 Yêu cầu hệ thống 1.6.2 Yêu cầu chức .7 1.6.3 Chi tiết chức .8 2.1 Môi trường triển khai phát triển ứng dụng 10 2.1.1 Visual Code 10 2.1.2 Reactjs .12 2.1.3 Nodejs 14 2.1.4 API .15 2.1.5 MongoDB 16 2.1.6 Socket.io .19 2.2 Mơi trường làm việc nhóm 20 2.2.1 GitHub .20 2.2.2 Discord 21 CHƯƠNG 3: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 22 3.1 Mơ hình hóa u cầu hệ thống 22 3.2 Sơ đồ UseCase Diagram 23 3.3 Sơ đồ Activity Diagram 23 3.3.1 Sơ đồ Activity Diagram chức đăng .23 3.3.2 Sơ đồ Activity Diagram chức trò chuyện 24 3.4 Sơ đồ Class Diagram 25 3.5 Mơ hình luồng xử lý hệ thống .26 3.6 Mơ hình vật lý 27 CHƯƠNG 4: KẾT QUẢ THỰC NGHIỆM 29 4.1 Các thành phần chức hệ thống .29 4.1.1 Chức đăng nhập hệ thống 29 4.1.2 Chức người dùng .30 CHƯƠNG 5: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 34 5.1 Kết đạt 34 5.2 Định hướng phát triển 34 LỜI NÓI ĐẦU Trong thời đại bùng nổ phát triển vượt bậc công nghệ thông tin ngày nhân lên gấp bội lần, ứng dụng công nghệ thông tin vào đời sống xem yếu tố mang tính định hoạt động tổ chức, cơng ty, cửa hàng, đóng vai trị quan trọng, tạo bước đột phá mạnh mẽ Giờ đây, việc liên quan đến thông tin trở nên thật dễ dàng cho người sử dụng: cần có máy tính kết nối internet dịng liệu truy tìm gần giới vấn đề mà bạn quan tâm trước mắt bạn, có đầy đủ thơng tin hình ảnh chí nhiều thứ khác thú vị bạn tìm đến Trong thời kỳ bạo bệnh giới nói chung Việt Nam nói riêng nguyên mang tên Sars-CoV-2(biến thể CoVid-19) Qua đó, ý tưởng xây dựng mạng xã hội mang tên SocialCovider nhầm mục đích kết nối người, mạng xã hội dành cho tất người Xuất phát từ lợi ích thực tiễn ý tưởng mang lại niềm đam mê bất diệt, tinh thần học hỏi công nghệ với hướng dẫn thầy Trần Gia Huy, chúng em định thực đề tài này: “ Mạng xã hội Social Covider” để vận dụng kiến thức thông qua việc học tập công nghệ áp dụng vào thực tiễn để xây dựng mạng xã hội mang tên “Social Covider” CHƯƠNG 1: TỔNG QUAN ĐỀ TÀI 1.1 Giới thiệu đề tài Ngày nay, internet thiếu không sống sinh hoạt thường ngày tảng mạng xã hội giúp người kết nối với chia câu chuyện sáng tạo content riêng cho mình, …v.v… Mạng xã hội khơng cịn q xa lạ với người, để tạo mẻ gió mới, mạng xã hội Social Covider hẳn có nhiều khác biệt mặt nội dung lẫn khả kết nối người khung cảnh bạo bệnh giới mang tên CoVid-19 SocialCovider mang lại nhiều ý nghĩa thực tiễn, xuất phát từ lý nhóm định chọn xây dựng phát triển đề tài lần 1.2 Ý nghĩa thực tiễn đề tài Mạng xã hội Social Covider kết nối chia sẻ câu chuyện nội dung content mẻ: Dễ dàng chia sẻ viết,các câu chuyện thường Thỏa sức sáng tạo content riêng đậm chất cá nhân Trao đổi trị chuyện thơng qua chat realtime Và khả giải trí mà mạng xã hội mang lại …v.v… 1.3 Nhiệm vụ đề tài 1.3.1 Lý thực đề tài Thứ nhất, tạo mơi trường hịa nhập kết nối trao đổi, nhắn gửi liên lạc với tạo mạng xã hội mang tên Social Covider, người kết bạn trị chuyện với cách dễ dàng, hay chia câu chuyện, sáng tạo xây dựng content cho riêng khoảng thời gian dịch bệnh hạn chế mặt Do đó, mạng xã hội mang lại cảm xúc lạ có tiềm phát triển cao Bên cạnh tình hình Covid tồn giới nói chung Việt Nam nói riêng, đời sống sinh hoạt, trao đổi với hạn chế cách rõ rệt mạng xã hội Social Covider mang lại nhiều ý nghĩa thực tiễn Thứ hai, với đồ án chuyên ngành lần hướng dẫn giảng viên hướng dẫn “Trần Gia Huy”, nhóm chúng em xây dựng mạng xã hội “Social Covider”, mặt giúp chúng em nâng cao kỹ làm việc, trao dồi kỹ xây dựng website ứng dụng công nghệ Mặt khác giúp chúng em có thêm kinh nghiệm tích lũy cao khả thực tế sau Do nhóm định thực mạng xã hội với chức để phục vụ việc học tập, nghiên cứu công nghệ để xây dựng phát triển phần mềm 1.3.2 Ý nghĩa khoa học thực tiễn: Khả trao đổi kết nối người với phải mức tối ưu bảo mật thông tin cách tuyệt đối Website đáp ứng tác vụ bản, đồng thời phải hoạt động ổn định có hiệu suất cao, đảm bảo hiệu lượng liệu lớn Giao diện thân thiện giúp cho việc trao đổi để dàng, khả tương tác mang lại trải nghiệm cho người dùng 1.3.3 Mục tiêu đề tài Mục tiêu nhóm đề đề tài: Đảm bảo khả kết nối ứng dụng Thao tác truy xuất liệu ứng dụng đạt mức ổn định Giao diện người dùng bắt mắt tạo thu hút Dòng thời gian lưu trữ hiển thị cách xác Thơng tin người dùng bảo mật tối đa 1.3.4 Các bước xây dựng ứng dụng Lập kế hoạch phát triển ứng dụng Phân tích hệ thống Thiết kế Cài đặt Kiểm tra 1.4 Ưu điểm nhược điểm ứng dụng 1.4.1 Ưu điểm Môi trường thân thiện, khả kết nối cao, thỏa sức sáng tạo nội dung riêng, trao đổi thông tin cách dễ dàng Dễ dàng truy cập lúc, nơi Khắc họa tảng mạng xã hội với nhìn hồn tồn mẻ Cái nhìn hài hịa giao diện lẫn thao tác người dùng …v.v… 1.4.2 Nhược điểm Một số chức chưa thể thực Ứng dụng đơn giản Thao tác trải nghiệm người dùng hạn chế 1.5 Đối tượng Gồm đối tượng chính: Người dùng Người quản trị(mục tiêu phát triển ứng dụng) 1.6 Xác định yêu cầu 1.6.1 Yêu cầu hệ thống Hệ thống hoạt động mức ổn định Bảo mật thông tin người dùng mức tối đa Đảm bảo tiêu cần thiết đảm bảo hệ thống hoạt động bình thường 1.6.2 Yêu cầu chức STT CHỨC NĂNG Đăng ký tài khoản MÔ TẢ Người dùng cần đăng ký tài khoản để Đăng nhập tài khoản sử dụng Đăng nhập tài khoản sau đăng ký Xem chi tiết tài khoản thành công Người dùng xem thơng tin tài khoản cá nhân trang chi tiết tài khoản Đăng viết cơng Người dùng đăng viết khai Xóa viết dịng nhật ký Người dùng xóa viết Kết bạn hủy kết bạn dịng thời gian Người dùng theo dõi ngừng theo dõi viết thơng qua chức Người dùng trị chuyện với Trị chuyện thời gian thực bạn chung Xem danh sách viết cá Người dùng xem tồn viết nhân Xem chi tiết dịng thời Người dùng xem tồn viết gian(timeline) mình, bao gồm viết bạn bè … Bảng 1.1: Các chức ứng dụng 1.6.3 Chi tiết chức Đăng nhập: Người dùng phải đăng nhập tài khoản cá nhân để bắt bắt đầu sử dụng Đầu vào: Trang đăng nhập mặc định đầu vào hệ thống.Nhấn vào Đăng ký tài khoản để đăng ký tài khoản Xử lý: Dữ liệu lấy từ sở liệu lên từ bảng Users Đầu ra: Đăng nhập thành công đưa chanh chủ hiển thị dòng thời gian tài khoản Đăng ký: Bắt buộc người dùng phải đăng ký tài khoản để đáp ứng yêu cầu sử dụng hệ thống Đầu vào: Nhấn vào đăng ký tài khoản trang đăng nhập để thực tác vụ đăng ký Xử lý: Dự liệu lưu vào sở liệu bảng Users Đầu ra: Đăng ký tài khoản thành công trả trang đăng nhập Xem thơng tin tài khoản: Người dùng xem thơng tin cá nhân Đầu vào: Nhấp vào biểu tượng avatar để vào trang thông tin tài khoản Xử lý: Dữ liệu lấy từ sở liệu lên từ bảng Users Đầu ra: Hiển thị thông tin tài khoản bao gồm viết thông tin cá nhân Đăng viết : Người dùng chia sẻ viết lên dịng thời gian Đầu vào: Nhấp vào biểu tượng avatar để vào trang thông tin tài khoản Xử lý: Dữ liệu lưu vào bảng Posts Đầu ra: Hiển thị viết post viết đăng trước Xóa viết : Người dùng xóa viết trước Đầu vào: Nhấp vào menu lựa viết chọn xóa viết Xử lý: Dữ liệu lưu vào bảng Posts Đầu ra: Hiển thị viết post viết đăng trước Theo dõi bạn bè (bỏ theo dõi bạn bè): Người dung theo dõi bạn bè bỏ theo dõi bạn bè Đầu vào: Nhấp vào trang thông tin tài khoản bạn bè nhấn theo dõi (hoặc bỏ theo dõi) Xử lý: Dữ liệu lưu vào bảng Users Đầu ra: Hiển thị trạng thái mối quan hệ sau theo dõi (hoặc bỏ theo dõi) Trò chuyện (chat realtime): Người dùng theo dõi bạn bè bỏ theo dõi bạn bè Đầu vào: Nhấp vào biểu tượng chat menu Xử lý: Dữ liệu lưu vào bảng Messengers Đầu ra: Hiển thị tin nhắn với thời gian thực trạng thái online bạn bè CHƯƠNG 2: CƠ SỞ LÝ THUYẾT 2.1 Môi trường triển khai phát triển ứng dụng 2.1.1 Visual Code Giới thiệu VS: Đối với nhiều lập trình viên, trình soạn thảo code cơng cụ khơng thể thiếu q trình xây dựng ứng dụng web Ưu điểm chúng dung lượng nhẹ, tốn RAM tích hợp tính gần giống với IDE Trong đó, Visual Studio Code tên quen thuộc với dân IT Visual Studio Code (VS Code) trình soạn thảo mã nguồn mở gọn nhẹ có khả vận hành mạnh mẽ tảng Windows, Linux macOS phát triển Microsoft Nó hỗ trợ cho JavaScript, Node.js TypeScript, cung cấp hệ sinh thái mở rộng vô phong phú cho nhiều ngơn ngữ lập trình khác Có thể nói, VS Code kết hợp trình soạn thảo mã nguồn với công cụ phát triển mạnh mẽ Git, Debug hay Syntax Highlighter Các tính năng: Hỗ trợ nhiều ngơn ngữ lập trình 10 Thơng qua phần mềm máy tính app thiết bị di động, tảng cung cấp đầy đủ toàn chức Discord Sử dụng trực tiếp website: tảng phù hợp bạn cần lấy thông tin nhanh từ group với user name để đăng nhập sử Tuy nhiên, số chức web bị hạn chế so với app hay phần mềm 22 CHƯƠNG 3: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 3.1 Mơ hình hóa u cầu hệ thống Sơ đồ phân rã chức người dùng (BFD – Business Function Diagram) CƠ CHẾ HOẠT ĐỘNG CỦA HỆ THỐNG Hình 3.1 Sơ đồ phân rã chức người dùng (BFD – Business Function Diagram) 23 3.2 Sơ đồ UseCase Diagram Hình 3.2 Sơ đồ Use Case Diagram 3.3 Sơ đồ Activity Diagram 3.3.1 Sơ đồ Activity Diagram chức đăng 24 Hình 3.3 Sơ đồ Activity Diagram chức đăng 25 3.3.2 Sơ đồ Activity Diagram chức trị chuyện Hình 3.4 Sơ đồ Activity Diagram chức trò chuyện 26 3.4 Sơ đồ Class Diagram Hình 3.5 Sơ đồ Use Case Diagram 3.5 Mơ hình luồng xử lý hệ thống Hình 3.6 Sơ đồ tổng qt luồng xử lý 27 3.6 Mơ hình vật lý Thuộc tính bảng sở liệu – mongoDB Hình 3.7 Thuộc tính trường Users Hình 3.8 Thuộc tính trường Posts 28 Hình 3.8 Thuộc tính trường Messengers Hình 3.9 Thuộc tính trường Conversations 29 CHƯƠNG 4: KẾT QUẢ THỰC NGHIỆM 4.1 Các thành phần chức hệ thống 4.1.1 Chức đăng nhập hệ thống Đăng nhập để truy cập vào hệ thống Hình 4.1 Giao diện đăng nhập Nếu chưa có tài khoản, nhấp vào “Đăng ký tài khoản” để đăng ký tài khoản Hình 4.2 Giao diện đăng ký tài khoản 30 4.1.2 Chức người dùng Trang chủ(Home): Dịng trạng thái(timeline) Hình 4.3 Giao diện người dùng Xem danh sách viết Thêm viết Hình 4.4 Giao diện chức tạo viết 31 Xóa viết dịng thời gian Hình 4.4 Giao diện chức xóa viết Chat realtime Hình 4.5 Giao diện chức trò chuyện 32 Trang cá nhân(Profile) Xem thơng tin chi tiết tài khoản Hình 4.6 Giao diện thông tin tài khoản Cập nhật trang cá nhân Xem thông tin chi tiết bạn bè Hình 4.7 Giao diện thơng tin bạn bè 33 Xem danh sách bạn bè Hình 4.8 Giao diện thông tin danh sách bạn bè Theo dõi bỏ theo dõi bạn bè Hình 4.9 Giao diện chức theo dõi /hủy theo dõi bạn bè 34 CHƯƠNG 5: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 5.1 Kết đạt Với đề tài “Mạng xã hội Social Covider” lần này, nhóm khắc họa thực chức mạng xã hội củng cố kiến thức lập trình, tích lũy nguồn kiến thức va chạm hịa vào cơng nghệ Do thời gian làm đồ án có hạn trình độ cịn nhiều hạn chế nên tránh khỏi nhiều thiếu sót Nhóm mong nhận đóng góp ý kiến quý thầy cô 5.2 Định hướng phát triển Trong tương lai, nhóm em cố gắng tìm hiểu nhiều cơng nghệ , đồng thời nâng cao kiến thức javascript reactjs để xây dựng chức nâng cao cố gắng phát triển trang web cách hoàn thiện Một lần chúng em xin chân thành cảm ơn! 35 TÀI LIỆU THAM KHẢO https://stackoverflow.com/ https://github.com/ https://www.youtube.com/ https://viblo.asia/newest https://reactjs.org/ https://nodejs.org/en/ HẾT 36 ... thực đề tài này: “ Mạng xã hội Social Covider? ?? để vận dụng kiến thức thông qua việc học tập công nghệ áp dụng vào thực tiễn để xây dựng mạng xã hội mang tên ? ?Social Covider? ?? CHƯƠNG 1: TỔNG QUAN... người, để tạo mẻ gió mới, mạng xã hội Social Covider hẳn có nhiều khác biệt mặt nội dung lẫn khả kết nối người khung cảnh bạo bệnh giới mang tên CoVid-19 SocialCovider mang lại nhiều ý nghĩa thực... mạng xã hội Social Covider mang lại nhiều ý nghĩa thực tiễn Thứ hai, với đồ án chuyên ngành lần hướng dẫn giảng viên hướng dẫn “Trần Gia Huy”, nhóm chúng em xây dựng mạng xã hội ? ?Social Covider? ??,
Ngày đăng: 15/12/2021, 20:28
Xem thêm:
