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

+ Đăng nhập: Khi có tài khoản thì người dùng có thể đăng nhập và sử dụng.. -Bảng tin: Hiện thị nội dung chính của ứng dụng bao gồm: + Tạo bài viết : Người dùng có thể tạo bài viết mìn

KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG

- -ĐỒ ÁN CƠ SỞ 3

ĐỀ 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ẵng, tháng 8 năm 2020

LỜI MỞ ĐẦU

Ngày nay, ứng dụng công nghệ thông tin và việc mọi người kết nối với nhau để tương tác, trao đổi thông tin, là một trong những nhu cầu thiết yếu giúp mọi người dễ dàng kết nối với nhau, từ đó giúp mọi người có thể xích lại gần nhau hơn Mạng Internet là một trong những sản phẩm có giá trị hết sức lớn lao và ngày càng trở nên một công cụ không thể thiếu, là nền tảng chính cho sự truyền tải, trao đổi thông tin trên toàn cầu

Với mong muốn tạo ra một “Mạng xã hôi” để đáp ứng nhu cầu nêu trên, chúng

em đã tìm hiểu và thiết kế “Mạng xã hội Bóng đá” dành cho người fan bóng đá Việt Nam chúng ta Với sự hướng dẫn tận tình của thầy Nguyễn Lê Tùng Khánh, người đã có những đóng góp ý kiến để em có thể hoàn thành đồ án này Mặc dù

đã tìm hiểu kĩ và phân tích thiết kế nhưng khó tránh khỏi những thiếu sót không mong muốn.Em kính mong nhận được sự thông cảm và góp ý của các quý thầy

cô

Em xin kính chúc quý thầy cô dồi dào sức khỏe, tiếp tục đào tạo ra những thế 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!

Nhận xét của GVHD

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

Đà Nẵng, tháng 8 , năm 2020

CHỮ KÍ GVHD

THS NGUYỄN LÊ TÙNG

KHÁNH

MỤC LỤC

Trang

Chương 1 GIỚI THIỆU 1

1.1 - Tên dự án 1

1.2 - Sinh viên thực hiện 1

1.3 - Lý do chọn đề tài 1

1.4 - Mục tiêu dự án 1

1.5 - Phương pháp thực hiện: 1

1.6 - Nội dụng thực hiện 1

1.7 - Kế hoạch thực hiện 2

Chương 2 NGHIÊN CỨU VÀ THIẾT KẾ 3

2.1 Cơ sở dữ liệu hổ trợ, ngôn ngữ và công cụ lập trình được sử dụng: 3

2.1.1 Firebase: 3

2.1.2 Android Studio: 3

2.1.3 Java (Android): 3

2.3 Cơ sở dữ liệu: 4

2.3.1 Mô tả một số bảng chính của hệ thống: 4

2.3.2 Cơ sở dữ liệu: 5

2.3.3 Mô tả các chức năng chính 5

Chương 3 TRIỂN KHAI XÂY DỰNG 6

3.1 Mục tiêu và phân tích: 6

3.2 Giao diện ứng dụng trên Android 6

3.3.1 Màn hình chờ 7

3.3.2 Đăng nhập, đăng ký 8

3.3.3 Trang chủ 9

3.3.6 Trang cá nhân 10

3.3.7 Tìm kiếm 11

3.3.8 Chi tiết bài viết và chi tiết bình luận 12

3.3.9 Tạo bài viết 13

Chương 4 KẾT LUẬN 14

4.1 Kết quả đạt được 14

4.2 Hướng phát triển 14

Chương 5 TÀI LIỆU THAM KHẢO 15

DANH MỤC HÌNH ẢNH

Trang Hình 2-1 Sơ đồ Use-case 4 Hình 2-2 Cơ sở dữ liệu 5

DANH MỤC CÁC BẢNG

Trang Bảng 2-1 Cấu trúc bảng – Users 4 Bảng 2-2 Cấu trúc bảng – Cơ sở dữ liệu 5

Chương 1 GIỚI THIỆU

1.1 - Tên dự án

Ứng dụng mạng xã hội bàn luận bóng đá trên Android

1.2 - Sinh viên thực hiện

 Văn Viết Hiếu - MSV: 18IT136

1.3 - Lý do chọn đề tài

Với sự phát triển của bóng đá trên thế giới nói chung và ở Việt Nam nói riêng ngày càng tăng cao Nhằm tạo ra một mạng xã hội giúp mọi người có thể kết nối với nhau, có thể thể hiện cảm xúc của mình thông qua mạng xã hội Nên em quyết định chọn đề tài “ Xây dựng Mạng Xã hội Bàn luận bóng đá” để đáp ứng đúng yêu cầu của người dùng

1.4 - Mục tiêu dự án

- Xây dựng ứng dụng trên nền tảng android và firebase

1.5 - Phương pháp thực hiện:

Tìm hiểu các mạng xã hội hiện nay như Facebook, Instagram, Gapo, Phân tích những tính năng nổi bật của các mạng xã hội đó và lên nội dung và kế hoạch thực hiện cho dự án

1.6 - Nội dụng thực hiện

- Xây dựng đề cương

- Tìm hiểu các ứng dụng mạng xã hội đã có

- Kiểm tra, khắc phục lỗi trên website đã xây dựng

- Phân tích thiết kế hệ thống và cơ sở dữ liệu

- Tìm hiểu các công nghệ sử dụng cho android

- Thiết kế giao diện và chức năng

- Hoàn thiện, kiểm tra và sửa lỗi

- Thực hiện làm báo cáo Word và bản thuyết trình

1.7 - Kế hoạch thực hiện

Tuần thứ nhất

( Từ 11/05-17/05)

Xây dựng đề cương, tìm hiểu các ứ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 đi

Tuần thứ ba

( Từ 25/05-31/05) - Phân tích thiết kế hệ thống và cơ sở dữ liệu

Tuần thứ tư

( Từ 01/06-07/06) - Tìm hiểu và xây dựng

Tuần thứ năm

( Từ 08/06-14/06)

- Xây dựng giao diện và phát triển chức năng + Đăng nhập, đăng ký

+ Bảng tin + Đăng bài viết

Tuần thứ sáu

( Từ 15/06-21/05)

- Tiếp tục xây dựng giao diện và phát triển chức năng + 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 và phát triển chức năng:

+Danh sách bạn bè online +Một số chức năng khác (nếu có) Tuần thứ tám

( Từ 29/06-05/07)

- Hoàn thiện giao diện và các chức năng

- Kiểm tra và khắc phục các lỗi (nếu có) Các tuần còn lại

(Từ 06/07 trở đi)

- Thực hiện làm báo cáo Word và bản thuyết trình

Chương 2 NGHIÊN CỨU VÀ THIẾT KẾ

2.1 Cơ sở dữ liệu hỗ trợ, ngôn ngữ và công cụ lập trình được

sử dụng:

2.1.1 Firebase Database:

2.1.1.1 Firebase:

Firebase là một nền tảng để phát triển ứng dụng di động và trang web, bao gồm các API

đơn giản và mạnh mẽ mà không cần backend hay server

Gần một thập niên trước, Firebase ra đời với tiền thân là Envolve.Đây là một nền tảng đơn giản chuyên cung cấp những API cần thiết để tích hợp tính năng chat vào trang web Dù sao thì chúng ta cũng nên biết qua một chút lịch sử của thứ mà chúng ta đang học một chút chứ nhỉ? Trong ứng dụng này, Firebase dùng để xây dựng cơ sở dữ liệu

2.1.1.2 Firebase Authentication:

Firebase Authentication là xây dựng các bước xác thực người dùng bằng Email,

Facebook, Github, Google Đồng thời cũng xác thực nặc danh cho các ứng dụng Hoạt động xác thực có thể giúp thông tin cá nhân của người sử dụng được an toàn và đảm bảo không bị đánh cắp tài khoản

2.1.2 Android Studio:

Android Studio là một phầm mềm bao gồm các bộ công cụ khác nhau dùng để phát

triển ứng dụng chạy trên thiết bị sử dụng hệ điều hành Android như các loại điện thoại

smartphone, các tablet Android Studio được đóng gói với một bộ code editor, debugger,

các công cụ performance tool và một hệ thống build/deploy (trong đó có trình giả lập simulator để giả lập môi trường của thiết bị điện thoại hoặc tablet trên máy tính) cho phép các lập trình viên có thể nhanh chóng phát triển các ứng dụng từ đơn giản tới phức tạp

2.1.3 Java (Android):

Java là ngôn ngữ chính thức để phát triển Android Đây là ngôn ngữ có sự hỗ trợ nhiều

nhất từ Google Nó cũng là ngôn ngữ mà hầu hết các ứng dụng trên Play Store được xây dựng Nó cũng là ngôn ngữ chính thức của Android Hệ điều hành Android của Google sử

dụng Java như là cơ sở cho tất cả các ứng dụng Android.

2.2 Phân tích thiết kế hệ thống:

2.2.1 Các actor và phân tích chức năng:

Các tác nhân và chức năng:

 Người sử dụng (Users):

 Đăng nhập, đăng ký tài khoản

 Xem trang cá nhân của mình và người khác

 Chỉnh sửa thông tin cá nhân

 Đăng, chỉnh sửa, xóa bài viết của người dùng

 Xem bảng tin: các bài viết của mọi người

 Thích, bình luận

 Xem chi tiết bài viết

 Tìm kiếm: người dùng và các bài 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 2-1 Sơ đồ Use-case

2.3 Cơ sở dữ liệu:

2.3.1 Mô tả một số bảng chính của hệ thống:

2.3.1.1 Bảng User:

name varchar Tên

onlineStatus int Trạng thái tài khoản:

+ 0: online + 1: ofline timelast datetime Thời gian đăng xuất

Bảng 2-1 Cấu trúc bảng – Users 2.3.2 Cơ sở dữ liệu:

Hình 2-2 Cơ sở dữ liệu 2.3.3 Mô tả các chức năng chính

-Đă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 tại trang này

+ Đăng nhập: Khi có tài khoản thì người dùng có thể đăng nhập và sử dụng

-Bảng tin: Hiện thị nội dung chính của ứng dụng bao gồm:

+ Tạo bài viết : Người dùng có thể tạo bài viết mình muốn tại đây

+ Bảng tin: Hiện thị các bài viết của người dùng và bạn bè Tại đây người dùng có thể like, bình luận các bài viết mình muốn

- Tìm kiếm:

+ Người dùng có thể tìm kiếm bạn bè hoặc các bài viết tại đây

- Tin nhắn: Người dùng có thể nhắn tin với bạn bè của mình

-Menu bao gồm:

+ Trang cá nhân: người dùng có thể bấm vào xem trang cá nhân của mình tại đây + Danh sách bạn bè : Xem danh sách bạn bè online và offline

+ Tin nhắn: Người dùng có thể gửi tin nhắn tại mục này

+ Đăng xuất : Người dùng có thể đăng xuất ứng dụng bằng cách nhấn nút này

Chương 3 TRIỂN KHAI XÂY DỰNG

3.1 Mục tiêu và phân tích:

- Xây dựng ứng dụng android dựa trên firebase đã xây dựng cho người dùng

- Ứng dụng có nhiều chức năng đa dạng dễ sử dụng

- Ứng dụng trên android sẽ sử dụng restful api để thực hiện các tác vụ cũng như lấy thông tin từ cơ sở dữ liệu về

3.2 Giao diện ứng dụng trên Android

3.2.1 Màn hình chờ

- Khi khởi động ứng dụng, màn hình chờ sẽ xuất hiện, nếu phiên đăng nhập của người dùng còn thời hạn sẽ được chuyển tới màn hình trang chủ Ngược lại nếu phiên đăng nhập hết hạn, người dùng sẽ được chuyển tới trang đăng nhập

Hình 3-3 Giao diện ứng dụng: Màn hình chờ

3.2.2 Đăng nhập, đăng ký

- Tại giao diện đăng nhập, người dùng có thể đăng nhập vào ứng dụng nếu đã

có tài khoản trên hệ thống, nếu chưa có tài khoản người dùng có thể nhấp vào nút Tạo tài khoản để tới màn hình đăng ký

- Tại giao diện đăng ký, người dùng có thể đăng ký tài khoản của mình bằng cách điền đầy đủ các thông tin và tiến hành tạo tài khoản mới cho mình Sau khi tạo thành công, người dùng được chuyển tới màn hình đăng nhập để đăng nhập

Hình 3-4 Giao diện ứng dụng: Đăng nhập / Đăng ký

3.2.3 Trang chủ

- Tại giao diện trang chủ, người dùng có thể:

 Tạo bài viết của mình bằng cách nhấp vào (+) ở phía trên thanh navigation để chuyển tới màn hình tạo bài viết

 Xem bài viết của mọi người: người dùng có thể like, bình luận bài viết mà mình mong muốn

Hình 3-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ê bài viết, thích, bình luận của các bài viết của người dùng

 Hiển thị bài viết của trang cá nhân đó

 Tại trang cá nhân của mình người dùng có thể:

 Chỉnh sửa ảnh đại diện bằng cách nhấp vào ảnh đại diện và chọn ảnh

 Chỉnh sửa thông tin cá nhân bằng cách nhấp vào nút “Chỉnh sửa thông tin”

Hình 3-6 Giao diện ứng dụng: Trang cá nhân

3.2.5 Tìm kiếm

- Tại màn hình tìm kiếm người dùng có thể tìm kiếm mọi người hoặc bài viết bằng cách nhập từ khóa vào form tìm kiếm và thực hiện tìm kiếm Kết quả trả về sẽ

là những người dùng hoặc bài viết liên quan đến từ khóa tìm kiếm

Hình 3-7 Giao diện ứng dung: Tìm kiếm

3.2.6 Chi tiết bài viết và chi tiết bình luận

- Tại màn hình chi tiết bài viết, người dùng có thể xem chi tiết bài viết và có thể viết bình luận cho bài viết đó

- Tại màn hình chi tiết bình luận: người dùng có thể xem các phản hồi và có thể viết phản hồi cho bình luận đó

Hình 3-8 Giao diện ứng dụng: Chi tiết bài viết và chi tiết bình luận

3.2.7 Tạo bài viết

- Tại màn hình tạo bài viết người dùng có thể tạo bài viết của mình bằng cách điền nội dụng và chọn ảnh từ album điện thoại sau đó nhấn nút “ĐĂNG” để đăng bài viết

Hình 3-9 Giao diện ứng dụng: Tạo bài viết

Chương 4 KẾT LUẬN

Mạng xã hội được xây dựng có các chức năng cơ bản như sau:

 Đối với người dùng:

 Vì là mạng xã hôi mới nên sẽ còn nhiều bất cập xảy ra, vì thế những đóng góp ý kiến được người dùng gửi về sẽ giúp dễ dàng hơn trong việc khắc phục những nhược điểm mà những 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 các chức năng mới như:

o Báo cáo tài khoản người dùng và xử lý tài khoản bị báo cáo

o Báo cáo bài viết và xử lý các bài viết bị báo cáo

o Album ảnh

o Story (câu chuyện)

o Chia sẻ bài viết

o Thêm bạn bè

o Đăng video,…

Chương 5 TÀI LIỆU THAM KHẢO

1 https://firebase.google.com/docs/7.x

2 https://developer.android.com/docs