Báo cáo dự án 2 always smile

Xã hội phát triển kéo theo cùng với sự phát triển đó là nhu cầu của con người. Điện thoại thông minh ngày càng trở nên phổ biến, kéo theo nhu cầu về các phần mềm trên điện thoại ngày càng lớn. Phần mềm, ứng dụng cho điện thoại hiện nay rất đa dạng và phong phú trên các hệ điều hành di động cũng phát triển mạnh mẽ và đang thay đổi từng ngày. Các hệ điều hành J2ME, Android, IOS, Hybrid, Web based Mobile Application đã có rất nhiều phát triển trên thị trường truyền thông di động. Hệ điều hành Android ra đời với sự kế thừa những ưu việt của các hệ điều hành ra đời trước và sự kết hợp của nhiều công nghệ tiên tiến nhất hiện nay, đã được nhà phát triển rất nổi tiếng hiện nay là Google. Android đã nhanh chóng là đối thủ cạnh tranh mạnh mẽ với các hệ điều hành trước đó và đang là hệ điều hành di động của tương lai và được nhiều người ưa chuộng nhất. Chính vì vậy em đã chọn đề tài “Always Smile”, ứng dụng Android đọc truyện tranh hài, nghe kể chuyện với mục đích mang đến cho người dùng những giây phút giải trí cao, xua tan những mệt nhọc, áp lực trong cuộc sống, giảm stress sau những ngày làm việc và học tập vất vả. Nội dung đồ án Nội dung chính của đồ án được trình bày gồm: • Phần 1: Giới thiệu đề tài. • Phần 2: Khảo sát nhu cầu. • Phần 3: Phân tích hiện trạng. • Phần 4: Thiết kế hệ thống. • Phần 5: Thực hiện dự án • Phần 6: Kiểm thử • Phần 7: Hướng dẫn triển khai và sử dụng Kết quả dự kiến đạt được • Nắm được các kỹ thuật cơ bản và quan trọng trong lập trình Android • Ứng dụng thực hiện được các chức năng đề ra • Giao diện thân thiện với người sử dụng

TRƯỜNG CAO ĐẲNG THỰC HÀNH FPT POLYTECHNIC

******

BÁO CÁO DỰ ÁN 2ALWAYS SMILE

Giảng viên hướng dẫn: Nguyễn Hữu Huy

Lớp: PT13351-MOB

Chuyên ngành: Lập trình máy tính – Thiết bị di động

Hà Nội 2019

1

MỤC LỤC

MỞ ĐẦU 5

PHẦN 1 – GIỚI THIỆU ĐỀ TÀI 6

1.1 - Hiện trạng 6

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

1.3 - Mục tiêu của đề tài 7

1.4 - Giới hạn phạm vi của đề tài 7

PHẦN 2 – KHẢO SÁT NHU CẦU 7

2.1 - Khảo sát hiện trạng 7

2.2 - Khảo sát nhu cầu người dùng 8

PHẦN 3 – PHÂN TÍCH HIỆN TRẠNG 10

3.1 – Hiện trạng 10

3.2 – Thách thức 10

PHẦN 4 – THIẾT KẾ HỆ THỐNG 11

4.1 - Mô hình hệ thống 11

4.2 - Công nghệ sử dụng 12

4.3 - Yêu cầu hệ thống 14

4.4 - Giao diện người dùng 15

PHẦN 5 – THỰC HIỆN DỰ ÁN 20

5.1 - Nhiệm vụ 20

5.2 - Tiến trình 20

PHẦN 6 – KIỂM THỬ 22

PHẦN 7 – TRIỂN KHAI VÀ SỬ DỤNG 31

PHẦN 8 – TÀI LIỆU THAM KHẢO 31

NHẬN XÉT CỦA GIẢNG VIÊN

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

……….………

………

….………

Giáo viên hướng dẫn ký, ghi rõ họ tên

NHẬN XÉT CỦA HỘI ĐỒNG PHẢN BIỆN

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

HĐ phản biện ký, ghi rõ họ tên

MỞ ĐẦU

Xã hội phát triển kéo theo cùng với sự phát triển đó là nhu cầu củacon người Điện thoại thông minh ngày càng trở nên phổ biến, kéo theonhu cầu về các phần mềm trên điện thoại ngày càng lớn Phần mềm, ứngdụng cho điện thoại hiện nay rất đa dạng và phong phú trên các hệ điềuhành di động cũng phát triển mạnh mẽ và đang thay đổi từng ngày Các hệđiều hành J2ME, Android, IOS, Hybrid, Web based Mobile Application đã córất nhiều phát triển trên thị trường truyền thông di động

Hệ điều hành Android ra đời với sự kế thừa những ưu việt của các hệđiều hành ra đời trước và sự kết hợp của nhiều công nghệ tiên tiến nhấthiện nay, đã được nhà phát triển rất nổi tiếng hiện nay là Google Android

đã nhanh chóng là đối thủ cạnh tranh mạnh mẽ với các hệ điều hành trước

đó và đang là hệ điều hành di động của tương lai và được nhiều người ưachuộng nhất

Chính vì vậy em đã chọn đề tài “Always Smile”, ứng dụng Android

đọc truyện tranh hài, nghe kể chuyện với mục đích mang đến cho ngườidùng những giây phút giải trí cao, xua tan những mệt nhọc, áp lực trong cuộcsống, giảm stress sau những ngày làm việc và học tập vất vả

Nội dung đồ án

Nội dung chính của đồ án được trình bày gồm:

 Phần 1: Giới thiệu đề tài.

 Phần 2: Khảo sát nhu cầu.

 Phần 3: Phân tích hiện trạng.

 Phần 4: Thiết kế hệ thống.

 Phần 5: Thực hiện dự án

 Phần 6: Kiểm thử

 Phần 7: Hướng dẫn triển khai và sử dụng

Kết quả dự kiến đạt được

 Nắm được các kỹ thuật cơ bản và quan trọng trong lập trình Android

 Ứng dụng thực hiện được các chức năng đề ra

 Giao diện thân thiện với người sử dụng

PHẦN 1 – GIỚI THIỆU ĐỀ TÀI

1.1 - Hiện trạng

- Là một người đam mê đọc truyện tranh, hay nghe blog radio trên cáctrang web, mạng xã hội Đam mê lập trình Android, thích học tập vàtìm tòi những công nghệ mới, áp dụng những công nghệ mới vào ứng dụng

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

- Truyện tranh có tầm ảnh hưởng lớn tới thế giới hiện nay, truyện tranh không chỉ mang tính giải trí mà chúng còn được sử dụng chomục đích giáo dục, cũng như truyền bá, quảng bá những phong tụctập quán lâu đời của mỗi vùng miền, quốc gia…

- Chỉ tính riêng doanh thu của truyện tranh Nhật Bản những năm 1990

đã đạt khoảng 6000 tỉ yên (khoảng 1200000 tỉ VND) chưa kể doanh thu của truyện được đăng trên báo

(Theo Wikipedia.org: shorturl.at/jnGN8)

- Cùng với sự phát triển vượt bậc của truyện tranh, các câu truyện được thể hiện lại qua những giọng đọc truyền cảm, giàu cảm xúc cũng là một trong những xu hướng giải trí mà mọi người lựa chọn

- Chính vì những lý do trên, em đã lựa chọn đề tài phát triển song song hai thể loại giải trí này gộp chung vào một ứng dụng di động chạy trên nền tảng Android, với thể loại truyện tranh chủ yếu là hài hước, truyện audio có nhiều thể loại đa dạng hơn để người dùng lựachọn.

1.3 - Mục tiêu của đề tài

- Ứng dụng thể hiện được hai mục đích chính là: Đọc truyện tranh hài

và nghe kể chuyện audio

- Hiển thị nội dung rõ ràng, mạch lạc, thân thiện với người sử dụng

- Truyện tranh hiển thị rõ nét, truyện audio được kể dễ nghe, truyềntải được trọng tâm của vấn đề

1.4 - Giới hạn phạm vi của đề tài

- Xây dựng chương trình dựa vào các kỹ thuật được đề cập trong đồán

- Ứng dụng tập trung vào các chức năng chính như: Hiển thị các bộ truyện tranh hot nhất ở thời điểm hiện tại cùng với những câu truyệnaudio được thể hiện bởi những giọng đọc truyền cảm, giàu cảm xúc,tải và chia sẻ các tập truyện một cách dễ dàng

PHẦN 2 – KHẢO SÁT NHU CẦU

2.1- Khảo sát hiện trạng

- Đọc sách online, audio book đang là một xu hướng phát triển rất mạnh mẽ của giới trẻ, Ebook sách trực tuyến đang dần thay thế chocác loại sách truyền thống, và truyện tranh online cũng là một trong

số các thể loại sách online được giới trẻ săn đón nhiều nhất

- Tại Nhật Bản, doanh thu tại tại thị trường truyện tranh online chiếm45% tổng doanh thu về mảng Ebook trong năm 2018, bắt đầu từ những năm 2013, mức doanh thu của mảng truyện tranh online đã phát triển rất mạnh mẽ và bùng nổ nhất có lẽ là năm 2014 với gần 72,3 tỷ Yên.

(Theo News.zing.vn: shorturl.at/sBEIN)

- Tại Việt Nam, truyện tranh online phát triển nhất có lẽ vào những năm 2015-2016 với nhưng bộ truyện hài hước đến từ Hàn Quốc, Trung Quốc, hàng loạt các website, fan page và ứng dụng điện tử ra đời nhằm phục vụ nhu cầu của người dùng Hiện nay thị trường cũng

đã ổn định, không còn rực rỡ như trước nhưng nhu cầu người dùng vẫn còn rất lớn

- Trên Google Play, em nhận thấy mảng truyện tranh và truyện audio

có rất nhiều và đa dạng nhưng hầu hết các ứng dụng có quá nhiều thể loại, những câu truyện dài lan man cũng như chưa có nhiều ứngdụng tập trung chính vào mảng truyện tranh ngắn, hài hước và nghe

kể truyện audio

2.2 - Khảo sát nhu cầu người dùng

- Có hơn 12.100.000 kết quả tìm được với từ khoá “truyện tranh hàionline”, hơn 2.660.000 kết quả tìm được với từ khoá “audio truyệnonline”, hàng ngàn website được tìm thấy trên công cụ tìm kiếm Google

- Hàng trăm fan page trên facebook về chủ đề truyện tranh hài và audio truyện Mỗi bài viết hàng ngày có hàng nghìn lượt like và chia

sẻ, ví dụ: Manga hài, Truyện tranh nhảm nhí, blog tâm sự, audio Hà Nội,…

- Link fan page:

o Manga Hài: shorturl.at/jlCS1

o Truyện tranh nhảm nhí: shorturl.at/avyJY

o Blog tâm sự: shorturl.at/nFJUY

- Hầu hết các bạn trẻ đều thích các thể loại mới lạ, một số thích tâmtrạng, tâm sự tuổi mới lớn nên chủ đề các câu truyện nên tập trungvào tính giải trí cao xen lẫn một chút tâm sinh lý tuổi trẻ để thu hútngười đọc

và hot nhất, theo dõi các fan page và website có cùng nội dung để cập nhật xu thế hàng ngày.

PHẦN 4 – THIẾT KẾ HỆ THỐNG

4.1 - Mô hình hệ thống

- Mô hình ERD:

1 Mô hình ERD

- Mô hình chức năng chi tiết

2 Mô hình chức năng chi tiết

Tên Version Chức năng Link

Android Studio 3.5.1 Xây dựng mã

nguồn ứngdụng

https://bit.ly/2NxuSFK

Imgur API 3.0 Lưu trữ hình

ảnh, sử dụngapi để lấythông tin hiểnthị lên ứngdụng

https://bit.ly/2MYX1X0

Firebase

Database

Lưu trữ thôngtin truyệnaudio, sử dụngRealtimeDatabase vàCloudMessaging

https://bit.ly/2WZ5Ya6

Retrofit 2 2.6.0 Gửi request

đếnWebservice,nhận response

và xử lý dữ liệutrả về

https://bit.ly/2gaEokT

Gson 2.6.0 Kết hợp với

Retrofit chuyểnđổi Json thànhObject

https://bit.ly/2OWvDf7

AutoImageSlider 1.3.2 Slide ảnh https://bit.ly/2pwYj3A

ExoPlayer 2.10.5 Chạy truyện

o Điện thoại chạy hệ điều hành Android

o Ram tối thiểu 1GB

4.4 - Giao diện người dùng

1 Màn hình chào 2 Màn hình danh sách truyện

tranh (Chế độ xem lưới)

3 Màn hình danh sách truyện

tranh (chế độ xem dọc)

4 Màn hình lọc danh sáchtruyện

5 Màn hình tìm kiếm truyện

tranh

6 Màn hình chi tiết tập truyện

7 Màn hình danh sách tập

truyện

8 Màn hình Download truyện

9 Màn hình chia sẻ truyện 10.Màn hình danh sách truyện

audio

11.Màn hình danh sách thể loại

audio chi tiết

12.Màn hình tập truyện audiochi tiết

PHẦN 5 – THỰC HIỆN DỰ ÁN

5.1 - Nhiệm vụ

- Phân tích, thiết kế, lập trình, làm tài liệu: Vương Quốc Thành

5.2 - Tiến trình

Thời gian Công việc

28/09/2019 - 29/09/2019 Tìm kiếm và phân tích đề tài

28/10/2019

Code chức năng hiển thị lại tập truyện đangđọc dở mỗi khi vào lại một truyện nào đó29/10/2019 –

30/10/2019

Code chức năng hiển thị danh sách truyệnaudio

Dữ liệu

ra dựkiến

Dữ liệu

ra thực

Trạngthái

Case_01 Kiểm - Kiểm tra -Hiển -Hiển thị OK

tra màn thông tin thị đầy đầy đủ

hình của từng đủ thông tin

hiển thị item: Tên, thông -Khoảng

danh mô tả, số tin cách

sách các tập, ngày - giữa các

bộ cập nhật,… Khoảng item đều

truyện -Kiểm tra cách nhau

tranh khoảng giữa các -Chất

hài theo cách giữa item lượng

kiểu các item đều hình ảnh

lưới -Kiểm tra nhau đẹp

chất lượng -Chất

lượng

hình ảnhhiển thị

hìnhảnh đẹpCase_02 Kiểm - Kiểm tra -Hiển -Hiển thị OK

tra màn thông tin thị đầy đầy đủ

hình của từng đủ thông tin

hiển thị item: Tên, thông -Khoảng

danh mô tả, số tin cách

sách các tập, ngày - giữa các

bộ cập nhật,… Khoảng item đều

truyện -Kiểm tra cách nhau

tranh khoảng giữa các -Chất

hài theo cách giữa item lượng

chiều các item đều hình ảnh

dọc -Kiểm tra nhau đẹp

chất lượng -Chấthình ảnh lượnghiển thị hình

ảnh đẹpCase_03 Kiểm -Nhấn nút - Tên - Hiển -Hiển thị OK

tra chức tìm kiếm tập thị đầy đủ

năng -Nhập tên truyện edittext edittext

tìm truyện muốn cho và

kiếm -Nhấn nút tìm phép keyboardtheo tên quay lại kiếm nhập để nhập

tập tên tập -Tìm

truyện truyện kiếm

đúng tên

-Tìm tậptập truyệntruyện -Quay lạitheo đúngtừng màn hìnhchữ cái danhnhập sách tậpvào truyện-Quay

lại trở

về mànhìnhhiển thịdanhsách tậptruyệnban đầuCase_04 Kiểm -Nhấn nút -Hiển -Hiển thị OK

tra chức lọc thị đúng

năng lọc -Lựa chọn popup danh

danh kiểu lọc danh sách

sách sách các popup

truyện kiểu lọc -Lọc

-Lọc đúngtheo theo cácthời tiêu chígian cập đề ra

nhậtmớinhất-Lọc theo thời gian cậpnhật cũ nhất-Lọc theo tên

từ A-Z-Lọctheo tên

từ Z-ACase_05 Kiểm

-Hiển thị đúngtên tập truyện-Tải ảnhdưới 3 giây-Hình ảnh rõràng, cuộn

-Hiển thịđúng têntập truyện-Tải ảnh

có lúc trên 3 giây-Hình ảnh rõ nét, cuộnmượt mà

Fail

mượtmàCase_06 Kiểm

-Hiển thị đầy

đủ danhsách tậptruyện

và đúngtên theotừng tậptruyện

-Hiển thịđầy đủ

-Hiển thị đúnghình ảnh và tên tập truyện-Tên tậptruyện

và vị trí focus ở menu tập truyện cũngphải

-Hiển thịđúng tên

và ảnh của tập truyện-Tên tập truyện và

vị trí có thay đổi khi chuyển tập truyện

OK

thay đổikhi vuốtCase_08 Kiểm

tra chức

năng tải

truyện

-Nhấn icontải truyện-Nhấn nútXác nhậntải

-Nhấn nútHuỷ tải

-Hiển thị dialog xác nhận tảitruyện-Tải vàlưu trữđược trên bộnhớ máy-Khi huỷ tải,dismissdialog

và trở lại mànhìnhtrước đó

-Hiển thịdialog xác nhận-Tải và lưu đượcảnh-Dismissdialog khi huỷ tải

-Hiển thị cácicon ứngdụng

-Có hiển thị icon ứng dụngbên thứ 3

và chia

OK

bên thứ

3 ở cuốimàn hình để thực hiện chia sẻ hình ảnh-Chia sẻđược hình ảnh quacác ứngdụngthứ 3

sẻ thànhcông

-Hiển thị popup cho phép thực hiện quay lạimàn hìnhhome

-Có hiểnthị popup-Có thựchiện đúng cácchức năng trở

về màn hìnhchính và

OK

-Nhấn nútthoát ứngdụng

và thoátứngdụng

thoát ứngdụng

“Bottom Navigation”

-Hiển thị danhsách truyện audio theo tênthể loại-Hình ảnh và tên thể loại hiển thịđúng và

rõ nét

-Có hiểnthị đúng

-Hiển thị danhsách cáctập truyện-Tên, hình ảnh, số tập, thờigian

-Hiển thịđúng danh sách từng thể loại-Hiển thịảnh rõ nét, tên,thời gian

OK

hiển thịđúng

và sốphầnđúngCase_13 Kiểm

-Hiển thị dialog

và thông tin chi tiết từngtập truyện

-Hiển thịđúng

-Nhấn nút tạm dừng, tiếp tục, chuyển tập,quay lại tậptrước

-Phát audio

kể truyện-Tạm dừng, tiếp tục audio đúng vàmượt mà

-Phát truyện audio to,

rõ ràng, không bịgiật lag, chậm-Các chức năng tạmdừng và chuyển tập đúngnhư

OK

PHẦN 7 – TRIỂN KHAI VÀ SỬ DỤNG

Video demo ứng dụng

Link Youtube: https://youtu.be/6YTIsBy4SZ8

PHẦN 8 – TÀI LIỆU THAM KHẢO

- Kotlin Language: https://kotlinlang.org/

- MVP+Dagger2+Retrofit2: shorturl.at/ixAE3

- ImgUr API: shorturl.at/pryE2