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

Viết báo cáo, slide tiếng Anh.Chương 2 Nghiên Cứu Thiết Kế 2.1 Ngôn ngữ, công cụ lập trình được sử dụng: 2.1.1 Android Studio: Android Studio là một phầm mềm bao gồm các bộ công cụ khác

Giảng Viên Hướng Dẫn: TS Nguyễn Đức Hiển

Sinh Viên Thực Hiện: Phạm Tấn Trung

18IT2

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

ĐẠI HỌC ĐÀ NẴNG

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

ĐỌC BÁO

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

LỜI CẢM ƠN

Sau một thời gian tìm hiểu đề tài: “Xây dựng ứng dụng đọc báo trên Android”,

em đã hoàn thành tiến độ dự kiến Để đạt được kết quả, em đã nỗ lực thực hiện vàđồng thời nhận được sự giúp đỡ của thầy cô cùng bạn bè

Em xin chân thành cảm ơn giáo viên hướng dẫn: TS Nguyễn Đức Hiển đã tận tình giúp đỡ em hoàn thành dự án lần này

Em xin chân thành cảm ơn các thầy cô và ban lãnh đạo trường Đại học Công nghệ Thông tin và Truyền thông Việt-Hàn đã nhiệt tình giảng dạy và truyền đạt kiến thức để hỗ trợ em trong quá trình thực hiện đề tài

Trong quá trình thực hiện và hoàn thành đề tài không thể tránh khỏi các thiếu sót,

em rất mong nhận được sự đóng góp ý kiến từ thầy cô Em xin chân thành cảm

ơn

MỞ ĐẦU

Ngày nay, ứng dụng công nghệ thông tin và việc tin học hóa được xem là mộttrong những yếu tố mang tính quyết định trong hoạt động của các chính phủ, tổchức, cũng như của các công ty, nó đóng vai trò hết sức quan trọng, có thể tạo ranhững bước đột phá mạnh mẽ

Việc tạo và phát triển các ứng dụng điện thoại để phục vụ cho các nhu cầu riêngcủa các tổ chức, công ty thậm chí các cá nhân, ngày nay, không lấy gì làm xa lạ.Với một vài thao tác đơn giản, một người bất kì có thể tải và cài đặt trên điệnthoại các ứng dụng liên quan đến lĩnh vực mà anh ta quan tâm, như là: về âmnhạc, tin tức, video, mạng xã hội, giáo dục, gia đình, nấu ăn ….v.v

Đối với các công ty, doanh nghiệp thì việc tạo và phát triển các ứng dụng trênđiện thoại thông minh là điều rất cần thiết để phát triển Thông qua những ứngdụng này, thông tin về họ cũng như các sản phẩm, dịch vụ mới của công ty sẽ đếnvới những người quan tâm, đến với khách hàng của họ một cách nhanh chóng kịpthời, tránh những phiền hà mà phương thức giao tiếp truyền thống thường gặpphải

Bắt nguồn với ý tưởng này, cùng với những gợi ý của thầy Nguyễn Đức Hiển,chúng em đã thực hiện đồ án: “XÂY DỰNG ỨNG DỤNG ĐỌC BÁO”

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 Bối cảnh thực hiện: 1

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

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

1.6 Kế hoạch thực hiện dự án 2

Chương 2 Nghiên Cứu Thiết Kế 3

2.1 Ngôn ngữ và công cụ lập trình được sử dụng: 3

2.1.1 Android Studio: 3

2.1.2 Java (Android): 3

2.1.3 Firebase: 3

Chương 3 Xây dựng ứng dụng android 3

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

3.2 Xây dựng: 3

3.2.1 Sử dụng thư viện Firebase: 3

3.2.2 Cấu trúc thư mục android: 5

3.3 Sản phẩm ứng dụng đọc báo “NewsSocial”: 6

3.3.1 Giao diện màn hình Đăng nhập – Đăng ký: 6

3.3.2 Giao diện chính: 7

3.3.3 Giao diện tìm kiếm người dùng: 11

3.3.4 Giao diện thông tin người dùng: 8

3.3.5 Giao diện sửa đổi thông tin người dùng: 13

Chương 4 Hướng dẫn sử dụng 11

4.1 Hướng dẫn sử dụng chức năng đăng ký tài khoản: 11

4.2 Hướng dẫn sử dụng chức năng thêm, xóa, sửa đổi bài viết: 12

4.2.1 Thêm một bài viết: 12

4.2.2 Sửa đổi và xóa một bài viết: 12

4.3 Hướng dẫn sử dụng chức năng tìm kiếm người dùng: 14

4.4 Hướng dẫn sử dụng chức năng bình luận: 14

4.4.1 Thêm một bình luận: 14

4.4.2 Xóa bình luận: 16

4.5 Cập nhật và sửa đổi thông tin: 19

KẾT LUẬN 21

1 Kết quả đạt được 21

2 Hướng phát triển 21

Chương 1 Giới thiệu

1.1 Tên dự án

ỨNG DỤNG ĐỌC BÁO TRÊN ANDROID

1.2 Sinh viên thực hiện

- Phạm Tấn Trung

- Lớp: 18IT2

- Mã sinh viên: 18IT112

1.3 Bối cảnh thực hiện:

Cùng với sự phát triển không ngừng về kỹ thuật máy tính và mạng internet, công nghệthông tin đang ngày càng chinh phục các đỉnh cao Mạng internet là một trong những sảnphẩm có giá trị hết sức lớn lao và ngày càng trở nên là một công cụ không thể thiếu trongmọi lĩnh vực cuộc sống

Với internet, chúng ta đã thực hiện được nhiều công việc với tốc độ nhanh hơn và chi phíthấp hơn nhiều so với cách thức truyền thống Chính điều này, đã thúc đầy sự khai sinh vàphát triển của thương mại điện tử và chính phủ điện từ trên khắp thể giới, làm biến đối đáng

kể bộ mặt văn hóa, nâng cao chẩt lượng cuộc sống con người

Trong những năm gần đây, do CNTT đang phát triển rất mạnh nên việc ứng dụng tin họcđời sống ngày càng được quan tâm hơn

Dự án em đề xuất là ứng dụng về tin tức, cung cấp cho người dung thông tin về tình hìnhđời sống, xã hội hiện nay

Sử dụng sử dụng Firebase – 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

Sử dụng phần mềm Android Studio để tạo ứng dụng hoàn chỉnh

Viết báo cáo, slide tiếng Anh.

Chương 2 Nghiên Cứu Thiết Kế

2.1 Ngôn ngữ, công cụ lập trình được sử dụng:

2.1.1 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ậpsimulator để 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épcá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.2 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âydự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.1.3 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

Chương 3 Xây dựng ứng dụng android

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

- Xây dựng sản phẩm ứng dụng android hoàn chỉnh cho người dùng

- Sản phẩm chỉ dành cho người

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

3.2 Xây dựng:

3.2.1 Sử dụng thư viện Firebase:

 Cài đặt Firebase cho dự án android:

- Đưa các implementation sau vào file build.gradle (app) của project:

- Các implementation trên bao gồm:

 Thư viện Firebase Auth

 Thư viện Firebase Database

 Thư viện Firebase Storage

 Tạo các model nhận,xử lí và lưu trữ các thông tin trả về:

- User Model:

- Post Model:

- Comment Model:

3.2.2 Cấu trúc thư mục android:

- Tìm kiếm người dùng: Fragment_Search.

- Chi tiết bài viết: PostItem

- Thêm bài viết: PostActivity.

- Thông tin người dùng: Fragment_Profile.

- Sửa thông tin người dùng: Activity_Edit_Profile.

3.2.2.2 Adapter package (12 Adapters):

- Chứa các lớp adapter (Adapter Class) của Recycler View:

- Bao gồm:

o User – Danh sách người dùng.

o Comment - Danh sách comment.

o Post – Danh sách các bài viết.

3.2.2.3 Fragment package (4 Fragments):

- Các Fragment hỗ trợ cho Bottom Navigation (Thanh điều hướng dưới) của

MainActivity (HomeFragment, PostDetailFragment, SearchFragment và ProfileFragment).

3.2.2.4 Model package (3 Models):

- Các model chịu trách nhiệm lưu trữ thông tin, xử lí thông tin trả về và đưa lên

- Một số các model chính như:

 User: Thông tin của người dùng.

 Comment: Thông tin dữ liệu của các bình luận.

 Post: Lưu trữ thông tin bài viết.

3.2.2.5 Thư mục resources:

Chương 4 Drawble: hình ảnh, icon cho giao diện.

Chương 5 Layout folder: chứa các activity, item cho

recyclerview.

Chương 6 Menu folder: chứa các fragment.

Chương 7 Values folder: các giá trị màu sắc và biến

string lưu trữ.

7.1 Sản phẩm ứng dụng đọc báo “NewsSocial”:

7.1.1 Giao diện màn hình Đăng nhập – Đăng ký:

- Ở giao diện đăng nhập, người dùng chỉ cần nhập vào email và mật khẩu của tài khoản của mình nếu họ đã có tài khoản, hệ thống sẽ kiểm tra xem tài khoản và mật khẩu có hợp lệ hay không, nếu đã hợp lệ thì sẽ chuyển vào màn hình chính, nếu thất bại thì sẽ in ra thông báo

- Trong trường hợp người dùng chưa có tài khoản trên hệ thống, thì chỉ cần nhấp vào nút “Chưa có tài khoản đăng ký ngay” thì sẽ được chuyển đến giao diện đăng ký tài khoản Tại đây người dùng chỉ cần nhập điền đầy đủ thông tin cần thiết và chọn đăng

ký Hệ thống sẽ thông báo thành công hay không, nếu thành công thì sẽ được chuyển đến giao diện đăng nhập để đăng nhập lại, thất bại thì hệ thống sẽ đưa ra thông báo

Hình 3-1 Android app - Giao diện đăng nhập đăng ký

7.1.2 Giao diện chính:

Hình 3-2 Android app - Giao diện màn hình chính

- Giao diện chính bao gồm 4 Fragment là HomeFragment, PostDetailFragment,

SearchFragment và ProfileFragment

- Giao diện HomeFragment chứa recycler view về các bài viết được đăng lên bởi

người dùng Người dùng có thể nhấp chọn vào bài viết để xem chi tiết

- Giao diện PostDetailFragment là giao diện để người dung đăng bài viết.

- Giao diện SearchFragment chứa recyclerview về danh sách người người được tìm

kiếm

- Giao diện ProfileFragment là giao diện thông tin cá nhân của người dùng Có thể

thay đổi thông tin như: Tên đăng nhập, tên đầy đủ và tiểu sử của người dùng tại đây Ngoài ra, còn chứa 2 recyclerview về bài viết của chính mình và bài viết được trong danh sách “Danh sách lưu”

7.1.3 Giao diện tìm kiếm người dùng:

Hình 3-3 Android app - Giao diện tìm kiếm người dùng

- Người dùng nhấp vào icon tìm kiếm ở thanh công cụ và tiến hành nhập vào gợi ý tìmkiếm, hệ thống sẽ tự động nhận diện và hiển thị kết quả

7.1.4 Giao diện thông tin người dùng:

- Ở giao diện này người dùng có thể xem thông tin chi tiết của mình

- Thay đổi thông tin cá nhân

- Đăng xuất

Hình 3-4 Android app - Giao diện người dùng

7.1.5 Giao diện sửa đổi thông tin tài khoản:

- Người dùng có thể nhấp vào các mục thông tin và tiến hành các thay đổi mong muốn

và chọn cập nhật

Hình 3-5 Android app - Giao diện sửa đổi thông tin.

Chương 8 Hướng dẫn sử dụng

8.1 Hướng dẫn sử dụng chức năng đăng ký tài khoản:

Hình 4-6 Hướng dẫn sử dụng chức năng đăng ký tài khoản

- Ở giao diện Bắt đầu người dùng nhấp vào nút “Đăng ký” để được chuyển đến giao

diện đăng ký

- Tại đây, tiến hành nhập vào đầy đủ các thông tin cần thiết

- Sau khi nhập các thông tin thì nhấp vào nút “Đăng ký” nếu đăng ký thành công thì

người dùng sẽ được chuyển hướng về giao diện trang chủ của ứng dụng mà không cần phải thông qua bước đăng nhập

8.2 Hướng dẫn sử dụng chức năng thêm, xóa và sửa đổi bài viết:

8.2.1 Thêm một bài viết:

- Tại giao diện màn hình chính, ta nhấn vào biểu tượng như hình bên dưới Lúc này, ta

sẽ được điều hướng qua giao diện thêm bài viết

- Tại đây ta tiến hành chọn ảnh mô tả và sau đó tiến hành them nội dung của bài viết

- Sau khi hoàn thành các bước nhập, ta nhấp chọn “Đăng bài”.

Hình 4-7 Hướng dẫn sử dụng - thêm bài viết mới

8.2.2 Sửa đổi và xóa một bài viết:

- Lưu ý: chỉ có thể sửa đổi và xóa bài viết của chính mình

- Để sửa đổi hoặc xóa một bài viết, tại giao diện bài viết đó, ta nhấp vào biểu tượng dấu 3 chấm phía trên cùng bên phải, ta sẽ được chuyển đổi qua giao diện sửa đổi công thức.

- Sau khi xong, ta nhấp chọn cập nhật để lưu thay đổi hoặc nhấp chọn hủy để hủy bỏ

Hình 4-8 Hướng dẫn sử dụng - Sửa đổi , xóa bài viết.

8.3 Hướng dẫn sử dụng chức năng tìm kiếm người dùng:

Hình 4-9 Hướng dẫn sử dụng chức năng tìm kiếm người dùng

- Ở giao diện MainActivity nhấp vào biểu tượng tìm kiếm như hình trên, sẽ được

chuyển tiếp đến giao diện tìm kiếm

- Gõ tên người dung bạn muốn tìm kiếm

8.4 Hướng dẫn sử dụng chức năng bình luận:

8.4.1 Thêm một bình luận:

- Để thêm một bình luận, nhấn chọn vào biểu tượng như hình bên dưới Thêm bình luận vào khung vào nhận chọn nút “Đăng”

Hình 4-10 Hướng dẫn sử dụng - Thêm bình luận.

8.4.2 Xóa bình luận:

Hình 4-11 Hướng dẫn sử dụng - xóa bình luận

- Ấn giữ vào bình luận muốn xóa, một hộp thoại xóa hiện ra và nhấn CÓ để xóa bình luận đó hoặc KHÔNG để hủy

8.5 Cập nhật và sửa đổi thông tin:

- Giống như khi đổi mật khẩu, tại lúc menu xuất hiện ta nhấp chọn “Chỉnh sửa trang

cá nhân”, sau đó ta sẽ được chuyển qua giao diện sửa đổi thông tin.

- Tại đây ta có thể sửa đổi các thông tin xuất hiện trên giao diện như : Ảnh đại diện, tên đầy đủ, tên đăng nhập, tiểu sử

- Sau khi hoàn thành thay đổi ta nhấn vào nút “Lưu” để cập nhật thông tin cho tài

khoản

-Hình 4-12 Hướng dẫn sử dụng - Sửa đổi thông tin

KẾT LUẬN

- Kết quả đạt được: Xây dựng thành công ứng dụng đọc báo trên hệ điều hành

Android với một số chức năng đơn giản Giao diện dễ nhìn Ứng dụng dễ sử dụng

- Hướng phát triển: Tiếp tục phát triển ứng dụng dựa trên những chức năng đã có

sẵn, thu thập ý kiến người dùng, Ngày càng hoàn thiện hơn phục vụ chon hu cầu của người dùng