ĐỒ ÁN CƠ SỞ ĐỀ TÀI XÂY DỰNG ỨNG DỤNG BÀN LUẬN BÓNG ĐÁ

ĐẠ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 BÀN LUẬN BÓNG ĐÁ Giảng Viên Hướng Dẫn: THS Nguyễn Lê Tùng Khánh Sinh Viên Thực Hiện: Văn Viết Hiếu 18IT3 Đồ án sở : Xây dựng Bàn luận bóng đá GVHD: THS Nguyễn Lê Tùng Khánh Đà 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ụ khơng thể 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 Bóng đá” dành cho người fan bóng đá Việt Nam Với sự hướng dẫn tận tình thầy Nguyễn Lê Tùng Khánh, 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.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 Bàn luận bóng đá GVHD: THS Nguyễn Lê Tùng Khánh Nhận xét GVHD …………………………………………………………………… …………………………………………………………………… …………………………………………………………………… …………………………………………………………………… …………………………………………………………………… …………………………………………………………………… …………………………………………………………………… …………………………………………………………………… …………………………………………………………………… …………………………………………………………………… …………………………………………………………………… …………………………………………………………………… …………………………………………………………………… …………………………………………………………………… …………………………………………………………………… Đà Nẵng, tháng , năm 2020 CHỮ KÍ GVHD THS NGUYỄN LÊ TÙNG KHÁNH Đồ án sở : Xây dựng Bàn luận bóng đá GVHD: THS Nguyễn Lê Tùng Khánh 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 - Lý chọn đề tài 1.4 - Mục tiêu dự án 1.5 - Phương pháp thực hiện: .1 1.6 - Nội dụng thực 1.7 - Kế hoạch thực .2 Chương NGHIÊN CỨU VÀ THIẾT KẾ .3 2.1 Cơ sở liệu hổ trợ, ngơn ngữ cơng cụ lập trình sử dụng: 2.1.1 Firebase: 2.1.2 Android Studio: .3 2.1.3 Java (Android): 2.3 Cơ sở liệu: 2.3.1 Mơ tả số bảng hệ thống: 2.3.2 Cơ sở liệu: 2.3.3 Mơ tả chức Chương TRIỂN KHAI XÂY DỰNG 3.1 Mục tiêu phân tích: 3.2 Giao diện ứng dụng Android 3.3.1 Màn hình chờ 3.3.2 Đăng nhập, đăng ký 3.3.3 Trang chủ 3.3.6 Trang cá nhân 10 3.3.7 Tìm kiếm 11 3.3.8 Chi tiết viết chi tiết bình luận 12 3.3.9 Tạo viết 13 Chương KẾT LUẬN 14 4.1 Kết đạt 14 4.2 Hướng phát triển 14 Chương TÀI LIỆU THAM KHẢO 15 Đồ án sở : Xây dựng Bàn luận bóng đá GVHD: THS Nguyễn Lê Tùng Khánh DANH MỤC HÌNH ẢNH Trang Hình 2-1 Sơ đồ Use-case Hình 2-2 Cơ sở liệu .5 DANH MỤC CÁC BẢNG Trang Bảng 2-1 Cấu trúc bảng – Users Bảng 2-2 Cấu trúc bảng – Cơ sở liệu Đồ án sở : Xây dựng Bàn luận bóng đá Chương GVHD: THS Nguyễn Lê Tùng Khánh GIỚI THIỆU 1.1 - Tên dự án Ứng dụng mạng xã hội bàn luận bóng đá Android 1.2 - Sinh viên thực  Văn Viết Hiếu - MSV: 18IT136 1.3 - Lý chọn đề tài Với sự phát triển bóng đá giới nói chung Việt Nam nói riêng ngày tăng cao Nhằm tạo mạng xã hội giúp người kết nối với nhau, thể hiện cảm xúc thơng qua mạng xã hội Nên em định chọn đề tài “ Xây dựng Mạng Xã hội Bàn luận bóng đá” để đáp ứng yêu cầu người dùng 1.4 - Mục tiêu dự án - Xây dựng ứng dụng tảng android firebase 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 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 sở Nội dung thực Page Đồ án sở : Xây dựng Bàn luận bóng đá Tuần thứ ( Từ 11/05-17/05) GVHD: THS Nguyễn Lê Tùng Khánh Xây dựng đề cương, tìm hiểu ứng dụng mạng xã hội hiện có Tuần thứ hai ( Từ 18/05-24/05) - Kiểm tra phát triển lối 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) Tuần thứ năm ( Từ 08/06-14/06) - Tìm hiểu xây dựng - Xây dựng giao diện phát triển chức + Đăng nhập, đăng ký + Bảng tin + Đăng viết Tuần thứ sáu ( Từ 15/06-21/05) - Tiếp tục xây dựng giao diện phát triển chức + Thích, bình luận + Trang cá nhân + Tìm kiếm Tuần thứ bảy ( Từ 22/06-28/06) - Tiếp tục xây dựng giao diện phát triển chức năng: +Danh sách bạn bè online +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 Bàn luận bóng đá Chương GVHD: THS Nguyễn Lê Tùng Khánh NGHIÊN CỨU VÀ THIẾT KẾ 2.1 Cơ sở liệu hỗ trợ, ngơn ngữ cơng cụ lập trình sử dụng: Firebase Database: 2.1.1 2.1.1.1 Firebase: Firebase tảng để phát triển ứng dụng di động trang web, bao gồm API đơn giản mạnh mẽ mà không cần backend hay server Gần thập niên trước, Firebase đời với tiền thân Envolve.Đây tảng đơn giản chuyên cung cấp API cần thiết để tích hợp tính chat vào trang web Dù nên biết qua chút lịch sử thứ mà học chút nhỉ? Trong ứng dụng này, Firebase dùng để xây dựng sở liệu 2.1.1.2 Firebase Authentication: Firebase Authentication xây dựng bước xác thực người dùng Email, Facebook, Github, Google Đồng thời xác thực nặc danh cho ứng dụng Hoạt động xác thực giúp thơng tin cá nhân người sử dụng an toàn đảm bảo không bị đánh cắp tài khoản 2.1.2 Android Studio: Android Studio phầm mềm bao gồm công cụ khác dùng để phát triển ứng dụng chạy thiết bị sử dụng hệ điều hành Android loại điện thoại smartphone, tablet Android Studio đóng gói với code editor, debugger, công cụ performance tool hệ thống build/deploy (trong có trình giả lập simulator để giả lập mơi trường thiết bị điện thoại tablet máy tính) cho phép lập trình viên nhanh chóng phát triển ứng dụng từ đơn giản tới phức tạp 2.1.3 Java (Android): Java ngơn ngữ thức để phát triển Android Đây ngơn ngữ có sự hỗ trợ nhiều từ Google Nó ngôn ngữ mà hầu hết ứng dụng Play Store xây dựng Nó ngơn ngữ thức Android Hệ điều hành Android Google sử dụng Java sở cho tất cả ứng dụng Android Đồ án sở Page Đồ án sở : Xây dựng Bàn luận bóng đá GVHD: THS Nguyễn Lê Tùng Khánh 2.2 Phân tích thiết kế hệ thớng: 2.2.1 Các actor phân tích chức năng: Các tác nhân chức năng:  Người sử dụng (Users):  Đăng nhập, đăng ký tài khoản  Xem trang cá nhân người khác  Chỉnh sửa thông tin cá nhân  Đăng, chỉnh sửa, xóa viết người dùng  Xem bảng tin: viết người  Thích, bình luận  Xem chi tiết viết  Tìm kiếm: người dùng viết liên quan  Nhắn tin cho bạn bè 2.2.2 Sơ đồ phân tích thiết kế hệ thớng: Hình NGHIÊN CỨU VÀ THIẾT KẾ-1 Sơ đồ Use-case 2.3 Cơ sở liệu: 2.3.1 Mô tả sớ bảng hệ thớng: 2.3.1.1 Bảng User: Tên Đồ án sở Kiểu Mô tả Page Đồ án sở : Xây dựng Bàn luận bóng đá uid name email password phone image cover onlineStatus timelast bigint varchar varchar varchar varchar varchar varchar int datetime GVHD: THS Nguyễn Lê Tùng Khánh ID người dùng Tên Email Mật Điện thoại Ảnh đại diện Ảnh bìa Trạng thái tài khoản: + 0: online + 1: ofline Thời gian đăng xuất Bảng NGHIÊN CỨU VÀ THIẾT KẾ-1 Cấu trúc bảng – Users 2.3.2 Cơ sở liệu: Hình NGHIÊN CỨU VÀ THIẾT KẾ-2 Cơ sở liệu 2.3.3 Mơ tả chức -Đăng nhập/ đăng ký: + Đăng ký: Người dùng sử dụng mạng xã hội Bàn luận bóng đá phải đăng kí tài khoản trang + Đăng nhập: Khi có tài khoản người dùng đăng nhập sử dụng -Bảng tin: Hiện thị nội dung ứng dụng bao gồm: + Tạo viết : Người dùng tạo viết muốn Đồ án sở Page Đồ án sở : Xây dựng Bàn luận bóng đá GVHD: THS Nguyễn Lê Tùng Khánh + Bảng tin: Hiện thị viết người dùng bạn bè Tại người dùng like, bình luận viết muốn - Tìm kiếm: + Người dùng tìm kiếm bạn bè viết - Tin nhắn: Người dùng nhắn tin với bạn bè -Menu bao gồm: + Trang cá nhân: người dùng bấm vào xem trang cá nhân + Danh sách bạn bè : Xem danh sách bạn bè online offline + Tin nhắn: Người dùng gửi tin nhắn mục + Đăng xuất : Người dùng đăng xuất ứng dụng cách nhấn nút Chương TRIỂN KHAI XÂY DỰNG 3.1 Mục tiêu phân tích: - Xây dựng ứng dụng android dựa firebase xây dựng cho người dùng Ứng dụng có nhiều chức đa dạng dễ sử dụng Ứng dụng android sử dụng restful api để thực hiện tác vụ lấy thông tin từ sở liệu Đồ án sở Page Đồ án sở : Xây dựng Bàn luận bóng đá GVHD: THS Nguyễn Lê Tùng Khánh 3.2 Giao diện ứng dụng Android 3.2.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 Hình TRIỂN KHAI XÂY DỰNG-3 Giao diện ứng dụng: Màn hình chờ Đồ án sở Page Đồ án sở : Xây dựng Bàn luận bóng đá GVHD: THS Nguyễn Lê Tùng Khánh 3.2.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 Hình TRIỂN KHAI XÂY DỰNG-4 Giao diện ứng dụng: Đăng nhập / Đăng ký Đồ án sở Page Đồ án sở : Xây dựng Bàn luận bóng đá - GVHD: THS Nguyễn Lê Tùng Khánh 3.2.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 (+) phía 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 Hình TRIỂN KHAI XÂY DỰNG-5 Giao diện ứng dụng: Trang chủ 3.2.4 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” Đồ án sở Page Đồ án sở : Xây dựng Bàn luận bóng đá GVHD: THS Nguyễn Lê Tùng Khánh Hình TRIỂN KHAI XÂY DỰNG-6 Giao diện ứng dụng: Trang cá nhân Đồ án sở Page 10 Đồ án sở : Xây dựng Bàn luận bóng đá GVHD: THS Nguyễn Lê Tùng Khánh 3.2.5 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-7 Giao diện ứng dung: Tìm kiếm Đồ án sở Page 11 Đồ án sở : Xây dựng Bàn luận bóng đá GVHD: THS Nguyễn Lê Tùng Khánh 3.2.6 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-8 Giao diện ứng dụng: Chi tiết viết chi tiết bình luận Đồ án sở Page 12 Đồ án sở : Xây dựng Bàn luận bóng đá GVHD: THS Nguyễn Lê Tùng Khánh 3.2.7 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-9 Giao diện ứng dụng: Tạo viết Đồ án sở Page 13 Đồ án sở : Xây dựng Bàn luận bóng đá Chương GVHD: THS Nguyễn Lê Tùng Khánh 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  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  Nhắn tin với bạn bè 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 Thêm bạn bè o Đăng video,… Đồ án sở Page 14 Đồ án sở : Xây dựng Bàn luận bóng đá Chương GVHD: THS Nguyễn Lê Tùng Khánh TÀI LIỆU THAM KHẢO https://firebase.google.com/docs/7.x https://developer.android.com/docs Đồ án sở Page 15