ĐẠI HỌC ĐÀ NẴNG KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG ĐỒ ÁN CƠ SỞ ĐỀ TÀI XÂY DỰNG ỨNG DỤNG MẠNG XÃ HỘI

ĐẠI HỌC ĐÀ NẴNG KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG - - ĐỒ ÁN CƠ SỞ ĐỀ TÀI XÂY DỰNG ỨNG DỤNG MẠNG XÃ HỘI Giảng Viên Hướng Dẫn: TS Nguyễn Đức Hiển Sinh Viên Thực Hiện: Phan Thanh Tùng 18IT2 Đồ án sở : Xây dựng mạng xã hội ZBIO GVHD: TS Nguyễn Đức Hiển Đà Nẵng, tháng năm 2020 LỜI MỞ ĐẦU Ngày nay, ứng dụng công nghệ thông tin việc người kết nối với để tương tác, trao đổi thông tin, nhu cầu thiết yếu giúp người dễ dàng kết nối với nhau, từ giúp người xích lại gần Mạng Internet sản phẩm có giá trị lớn lao ngày trở nên công cụ thiếu, tảng cho sự truyền tải, trao đổi thơng tin tồn cầu Với mong muốn tạo “Mạng xã hôi” để đáp ứng nhu cầu nêu trên, chúng em tìm hiểu thiết kế “Mạng xã hội ZBIO” dành cho người dùng Việt Nam Với sự hướng dẫn tận tình thầy Nguyễn Đức Hiển, người có đóng góp ý kiến để em hồn thành đồ án Mặc dù tìm hiểu kĩ phân tích thiết kế khó tránh khỏi thiếu sót khơng mong muốn Chúng em kính mong nhận sự thơng cảm góp ý q thầy Em xin kính chúc q thầy dồi sức khỏe, tiếp tục đào tạo hệ trẻ, nguồn nhân lực chất lượng tốt cho đất nước Em xin chân thành cảm ơn! Đồ án sở : Xây dựng mạng xã hội ZBIO GVHD: TS Nguyễn Đức Hiển NHẬN XÉT CỦA GVHD …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… Đà Nẵng, tháng , năm 2020 CHỮ KÍ GVHD TS NGUYỄN ĐỨC HIỂN Đồ án sở : Xây dựng mạng xã hội ZBIO GVHD: TS Nguyễn Đức Hiển MỤC LỤC Trang Chương GIỚI THIỆU 1.1 - Tên dự án .1 1.2 - Sinh viên thực .1 1.3 – Đặt vấn đề 1.3.1 - Mạng xã gì? 1.3.2 – Những mạng xã hội phổ biến hiện 1.3.3 Đặc điểm chung mạng xã hội 1.3.4 – Nhu cầu sử dụng mạng xã hội người Việt 1.3.5 Lợi ích mạng xã hội 1.4 - Mục tiêu dự án 1.5 - Phương pháp thực hiện: .4 1.6 - Nội dụng thực 1.7 - Kế hoạch thực .5 Chương NGHIÊN CỨU VÀ THIẾT KẾ .7 2.1 Framework hổ trợ, ngơn ngữ cơng cụ lập trình sử dụng: 2.1.1 Laravel Framework: 2.1.2 Android Studio: .7 2.1.3 Visual Studio Code (VS Code hay VSC): 2.1.4 XamPP: 2.1.5 Java (Android): 2.1.6 PHP (Hypertext Preprocessor): 2.1.7 Restful API: .9 2.1.8 Postman: 2.2 Phân tích thiết kệ hệ thống website: 2.2.1 Các actor phân tích chức năng: 2.2.2 Sơ đồ phân tích thiết kế hệ thống: 10 2.2.3 Mô tả chức 10 Chương TRIỂN KHAI XÂY DỰNG 12 Đồ án sở : Xây dựng mạng xã hội ZBIO 3.1 GVHD: TS Nguyễn Đức Hiển Kết xây dựng sở liệu: 12 3.1.1 Mô tả cấu trúc số bảng sở liệu: .12 3.1.2 Cơ sở liệu tổng thể: 14 3.2 Giao diện website 15 3.2.1 Trang đăng nhập 15 3.2.2 Trang đăng ký 15 3.2.3 Trang chủ .16 3.2.4 Trang cá nhân 17 3.2.5 Trang Nổi Bật 18 3.2.6 Trang Thông báo 19 3.2.7 Trang Tìm kiếm .20 3.2.8 Trang lời mời gợi ý kết bạn .20 3.2.9 Trang quản trị viên (admin) 21 3.3 Giao diện ứng dụng Android 24 3.3.1 Màn hình chờ 24 3.3.2 Đăng nhập, đăng ký .25 3.3.3 Trang chủ .26 3.3.4 Giao diện lời mời gợi ý kết bạn 26 3.3.5 Thông báo 27 3.3.6 Trang cá nhân 28 3.3.7 Tìm kiếm .29 3.3.8 Chi tiết viết chi tiết bình luận 30 3.3.9 Tạo viết 31 Chương KẾT LUẬN 32 4.1 Kết đạt 32 4.2 Hướng phát triển 32 Chương TÀI LIỆU THAM KHẢO 33 Đồ án sở : Xây dựng mạng xã hội ZBIO GVHD: TS Nguyễn Đức Hiển DANH MỤC HÌNH ẢNH Trang Hình 2-1 Sơ đồ Use-case Hình 3-1 Cơ sở liệu 11 Hình 3-3 Giao diện website đăng nhập .12 Hình 3-4 Giao diện website đăng ký 13 Hình 3-5 Giao diện website Trang chủ .13 Hình 3-6 Giao diện website Trang cá nhân -1 15 Hình 3-7 Giao diện website Trang cá nhân -2 15 Hình 3-8 Giao diện website Trang Nổi Bật .16 Hình 3-9 Giao diện website Thông báo 16 Hình 3-10 Giao diện website Tìm kiếm 17 Hình 3-11 Giao diện website Lời mời gợi ý kết bạn 18 Hình 3-12 Giao diện đăng nhập admin .18 Hình 3-13 Giao diện website Trang quản trị viên -1 19 Hình 3-14 Giao diện website Trang quản trị viên -2 20 Hình 3-15 Giao diện website Trang quản trị viên -3 20 Hình 3-16 Giao diện ứng dụng: Màn hình chờ 21 Hình 3-17 Giao diện ứng dụng: Đăng nhập / Đăng ký 22 Hình 3-18 Giao diện ứng dụng: Trang chủ .23 Hình 3-19 Giao diện ứng dụng: Lời mời gợi ý kết bạn 24 Hình 3-20 Giao diện ứng dụng: Thơng báo 24 Hình 3-21 Giao diện ứng dụng: Trang cá nhân 25 Hình 3-22 Giao diện ứng dung: Tìm kiếm 26 Hình 3-23 Giao diện ứng dụng: Chi tiết viết chi tiết bình luận .27 Hình 3-24 Giao diện ứng dụng: Tạo viết .28 Đồ án sở : Xây dựng mạng xã hội ZBIO GVHD: TS Nguyễn Đức Hiển DANH MỤC CÁC BẢNG Trang Bảng 3-1 Cấu trúc bảng – User 11 Bảng 3-2 Cấu trúc bảng - Relationship 12 Bảng 3-3 Cấu trúc bảng – Posts 12 Đồ án sở : Xây dựng mạng xã hội ZBIO Chương GVHD: TS Nguyễn Đức Hiển GIỚI THIỆU 1.1 - Tên dự án Ứng dụng mạng xã hội Android 1.2 - Sinh viên thực  Phan Thanh Tùng - MSV: 18IT115 1.3 – Đặt vấn đề Cùng với sự phát triển Internet mạng xã hội phát triển khơng ngừng ngày lớn mạnh với số lượng người dùng lên tới hàng chục triệu, trăm triệu hay hàng tỷ Có thể kể đến số mạng xã hội phổ biến hiện như: Facebook, Instagram, Youtube, Twitter, TikTok,… Mạng xã hội cho phép người dùng giao lưu chia sẻ thơng tin cách có hiệu quả, vượt giới hạn địa lý thời gian Ở Việt Nam có nhiều mạng xã hội đời, số tồn lâu Zalo.vn có lẽ mạng xã hội thành công Việt Nam từ trước đến nay, hiện thu hút 100 triệu tài khoản người dùng Việt Nam Điểm mạnh Zalo sự riêng tư, theo mặc định nội dung phần bình luận người khác hiển thị cho người xem họ kết bạn với Theo số liệu thống kê Internet Việt Nam đầu năm 2020, có tới 65 triệu người dùng mạng xã hội thiết bị di động tính đến đầu năm 2019, chiếm tỉ lệ 67% tổng toàn dân số Việt Nam theo số liệu thu được, người dùng Việt Nam dùng trung bình 33 phút ngày để dùng mạng xã hội, cao so với mức trung bình thới 16 phút Từ số liệu thống kê cho thấy nhu cầu sử dụng mạng xã hội người Việt Nam lớn ngày tăng lên 1.4 - Mục tiêu dự án - Xây dựng ứng dụng tảng android dựa tảng webstite xây dựng - Back-end restful API (Laravel Framework) Đồ án sở Page Đồ án sở : Xây dựng mạng xã hội ZBIO GVHD: TS Nguyễn Đức Hiển 1.5 - Phương pháp thực hiện: Tìm hiểu mạng xã hội hiện Facebook, Instagram, Gapo, Phân tích tính bật mạng xã hội lên nội dung kế hoạch thực hiện cho dự án 1.6 - Nội dụng thực - Xây dựng đề cương - Tìm hiểu ứng dụng mạng xã hội có - Kiểm tra, khắc phục lỗi website xây dựng - Phân tích thiết kế hệ thống sở liệu - Tìm hiểu xây dựng web service restful api - Tìm hiểu công nghệ sử dụng cho android - Thiết kế giao diện chức - Hoàn thiện, kiểm tra sửa lỗi - Thực hiện làm báo cáo Word bản thuyết trình 1.7 - Kế hoạch thực Thời gian Nội dung thực Tuần thứ - Xây dựng đề cương, tìm hiểu ứng dụng mạng xã hội ( Từ 11/05-17/05) hiện có Tuần thứ hai ( Từ 18/05-24/05) - Kiểm tra, khắc phục lỗi website xây dựng Tuần thứ ba ( Từ 25/05-31/05) - Phân tích thiết kế hệ thống sở liệu Tuần thứ tư ( Từ 01/06-07/06) Đồ án sở - Tìm hiểu xây dựng web service restful api Page Đồ án sở : Xây dựng mạng xã hội ZBIO GVHD: TS Nguyễn Đức Hiển - Xây dựng giao diện phát triển chức Tuần thứ năm ( Từ 08/06-14/06) + Đăng nhập, đăng ký + Bảng tin + Đăng viết - Tiếp tục xây dựng giao diện phát triển chức Tuần thứ sáu ( Từ 15/06-21/05) + Thích, bình luận, phản hồi bình luận + Trang cá nhân + Tìm kiếm - Tiếp tục xây dựng giao diện phát triển chức năng: Tuần thứ bảy ( Từ 22/06-28/06) +Danh sách bạn bè online + Đóng góp ý kiến người dùng ( website app) +Một số chức khác (nếu có) Tuần thứ tám - Hoàn thiện giao diện chức ( Từ 29/06-05/07) - Kiểm tra khắc phục lỗi (nếu có) Các tuần cịn lại - Thực hiện làm báo cáo Word bản thuyết trình (Từ 06/07 trở đi) Đồ án sở Page Đồ án sở : Xây dựng mạng xã hội ZBIO 3.2.6 - GVHD: TS Nguyễn Đức Hiển Trang Thông báo Trang thông báo hiện thị thông báo người dùng, người dùng nhấp vào để chuyển hướng tới chi tiết thơng báo Hình TRIỂN KHAI XÂY DỰNG-9 Giao diện website Thông báo 3.2.7 - Trang Tìm kiếm Tại trang tìm kiếm, người dùng tìm kiếm người viết cách nhập từ khóa vào form tìm kiếm thực hiện tìm kiếm Kết quả trả người dùng viết liên quan đến từ khóa tìm kiếm Đồ án sở Page 17 Đồ án sở : Xây dựng mạng xã hội ZBIO GVHD: TS Nguyễn Đức Hiển Hình TRIỂN KHAI XÂY DỰNG-10 Giao diện website Tìm kiếm 3.2.8 - Trang lời mời gợi ý kết bạn Hiển thị lời mời gợi ý kết bạn cho người dùng Người dùng trả lời lời mời kết bạn thêm bạn bè mới Hình TRIỂN KHAI XÂY DỰNG-11 Giao diện website Lời mời gợi ý kết bạn Đồ án sở Page 18 Đồ án sở : Xây dựng mạng xã hội ZBIO 3.2.9 GVHD: TS Nguyễn Đức Hiển Trang quản trị viên (admin) 3.2.9.1 Trang đăng nhập Admin - Admin đăng nhập tài khoản admin hệ thống để vào trang quản trị Hình TRIỂN KHAI XÂY DỰNG-12 Giao diện đăng nhập admin 3.2.9.2 Trang quản trị viên - Quản trị viên xem thống kê thành viên, viết, lượt thích lượt bình luận tồn hệ thống - Quản trị viên quản lý người dùng viết  Chặn xóa người dùng  Chặn xóa viết Đồ án sở Page 19 Đồ án sở : Xây dựng mạng xã hội ZBIO GVHD: TS Nguyễn Đức Hiển Hình TRIỂN KHAI XÂY DỰNG-13 Giao diện website Trang quản trị viên -1 Hình TRIỂN KHAI XÂY DỰNG-14 Giao diện website Trang quản trị viên -2 Đồ án sở Page 20 Đồ án sở : Xây dựng mạng xã hội ZBIO GVHD: TS Nguyễn Đức Hiển Hình TRIỂN KHAI XÂY DỰNG-15 Giao diện website Trang quản trị viên -3 3.3 Giao diện ứng dụng Android 3.3.1 - Màn hình chờ Khi khởi động ứng dụng, hình chờ xuất hiện, phiên đăng nhập người dùng thời hạn chuyển tới hình trang chủ Ngược lại phiên đăng nhập hết hạn, người dùng chuyển tới trang đăng nhập Đồ án sở Page 21 Đồ án sở : Xây dựng mạng xã hội ZBIO GVHD: TS Nguyễn Đức Hiển Hình TRIỂN KHAI XÂY DỰNG-16 Giao diện ứng dụng: Màn hình chờ 3.3.2 - Đăng nhập, đăng ký Tại giao diện đăng nhập, người dùng đăng nhập vào ứng dụng có tài khoản hệ thống, chưa có tài khoản người dùng nhấp vào nút Tạo tài khoản để tới hình đăng ký - Tại giao diện đăng ký, người dùng đăng ký tài khoản cách điền đầy đủ thông tin tiến hành tạo tài khoản mới cho Sau tạo thành cơng, người dùng chuyển tới hình đăng nhập để đăng nhập Đồ án sở Page 22 Đồ án sở : Xây dựng mạng xã hội ZBIO GVHD: TS Nguyễn Đức Hiển Hình TRIỂN KHAI XÂY DỰNG-17 Giao diện ứng dụng: Đăng nhập / Đăng ký 3.3.3 - Trang chủ Tại giao diện trang chủ, người dùng có thể:  Tạo viết cách nhấp vào “Bạn nghĩ gì?” nút (+) phía dưới navigation để chuyển tới hình tạo viết  Xem viết người: người dùng like, bình luận viết mà mong muốn Đồ án sở Page 23 Đồ án sở : Xây dựng mạng xã hội ZBIO GVHD: TS Nguyễn Đức Hiển Hình TRIỂN KHAI XÂY DỰNG-18 Giao diện ứng dụng: Trang chủ 3.3.4 - Giao diện lời mời gợi ý kết bạn Hiển thị lời mời gợi ý kết bạn cho người dùng Người dùng trả lời lời mời kết bạn thêm bạn bè mới Đồ án sở Page 24 Đồ án sở : Xây dựng mạng xã hội ZBIO GVHD: TS Nguyễn Đức Hiển Hình TRIỂN KHAI XÂY DỰNG-19 Giao diện ứng dụng: Lời mời gợi ý kết bạn 3.3.5 - Thông báo Trang thông báo hiện thị thông báo người dùng, người dùng nhấp vào để chuyển tới chi tiết thơng báo Hình TRIỂN KHAI XÂY DỰNG-20 Giao diện ứng dụng: Thông báo Đồ án sở Page 25 Đồ án sở : Xây dựng mạng xã hội ZBIO 3.3.6 - GVHD: TS Nguyễn Đức Hiển Trang cá nhân Trang cá nhân gồm có:  Ảnh bìa, ảnh đại diện người dùng  Thông tin người dùng  Thống kê viết, thích, bình luận viết người dùng  Hiển thị viết trang cá nhân  Tại trang cá nhân người dùng có thể:  Chỉnh sửa ảnh đại diện cách nhấp vào ảnh đại diện chọn ảnh  Chỉnh sửa thông tin cá nhân cách nhấp vào nút “Chỉnh sửa thông tin”  Tại trang cá nhân người khác, người dùng có thể:  Xem quan hệ bạn bè Có thể thêm, xác nhận bạn bè cách nhấp vào nút “Thêm bạn bè” “Xác nhận” Hình TRIỂN KHAI XÂY DỰNG-21 Giao diện ứng dụng: Trang cá nhân Đồ án sở Page 26 Đồ án sở : Xây dựng mạng xã hội ZBIO 3.3.7 - GVHD: TS Nguyễn Đức Hiển Tìm kiếm Tại hình tìm kiếm người dùng tìm kiếm người viết cách nhập từ khóa vào form tìm kiếm thực hiện tìm kiếm Kết quả trả người dùng viết liên quan đến từ khóa tìm kiếm Hình TRIỂN KHAI XÂY DỰNG-22 Giao diện ứng dung: Tìm kiếm Đồ án sở Page 27 Đồ án sở : Xây dựng mạng xã hội ZBIO 3.3.8 - GVHD: TS Nguyễn Đức Hiển Chi tiết viết chi tiết bình luận Tại hình chi tiết viết, người dùng xem chi tiết viết viết bình luận cho viết - Tại hình chi tiết bình luận: người dùng xem phản hồi viết phản hồi cho bình luận Hình TRIỂN KHAI XÂY DỰNG-23 Giao diện ứng dụng: Chi tiết viết chi tiết bình luận Đồ án sở Page 28 Đồ án sở : Xây dựng mạng xã hội ZBIO 3.3.9 - GVHD: TS Nguyễn Đức Hiển Tạo viết Tại hình tạo viết người dùng tạo viết cách điền nội dụng chọn ảnh từ album điện thoại sau nhấn nút “ĐĂNG” để đăng viết Hình TRIỂN KHAI XÂY DỰNG-24 Giao diện ứng dụng: Tạo viết Đồ án sở Page 29 Đồ án sở : Xây dựng mạng xã hội ZBIO Chương GVHD: TS Nguyễn Đức Hiển KẾT LUẬN 4.1 Kết đạt Mạng xã hội xây dựng có chức bản sau:  Đối với người dùng:  Đăng nhập, đăng ký  Đăng viết, chỉnh sửa viết  Thích, bình luận, trả lời bình luận viết  Tìm kiếm người dùng, viết  Xem trang cá nhân người khác  Cập nhập thơng tin cá nhân  Kết bạn với người  Nhắn tin với bạn bè  Đối với người quản lý (admin):  Quản lý tài khoản người dùng: chặn, xóa tài khoản  Quản lý đăng: chặn, xóa đăng 4.2 Hướng phát triển  Vì mạng xã mới nên cịn nhiều bất cập xảy ra, đóng góp ý kiến người dùng gửi giúp dễ dàng việc khắc phục nhược điểm mà người dùng trải nghiệm cho biết  Tìm hiểu, tiếp tục phát triển thêm chức mới như: o Báo cáo tài khoản người dùng xử lý tài khoản bị báo cáo o Báo cáo viết xử lý viết bị báo cáo o Album ảnh o Story (câu chuyện) o Chia sẻ viết o Đăng video,… Đồ án sở Page 30 Đồ án sở : Xây dựng mạng xã hội ZBIO Chương GVHD: TS Nguyễn Đức Hiển TÀI LIỆU THAM KHẢO https://laravel.com/docs/7.x https://developer.android.com/docs/ https://stackoverflow.com/ Đồ án sở Page 31