ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀNTHÔNG VIỆT HÀNĐỒ ÁN CƠ SỞ 3ĐỀ TÀI: Ứng dụng viết Blog cá nhân

Đây là IDE Môi trường phát triển tíchhợp chính thức cho nền tảng Android, được phát triển bởi Google và được sửdụng để tạo phần lớn các ứng dụng mà bạn có thể sử dụng hàng ngày Android

ĐẠI HỌC ĐÀ NẴNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN

THÔNG VIỆT HÀN

ĐỒ ÁN CƠ SỞ 3

ĐỀ TÀI: Ứng dụng viết Blog cá nhân

Sinh viên thực hiện : DƯƠNG VĂN TUẤN

Giảng viên hướng dẫn : HÀ THỊ MINH PHƯƠNG

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

ĐẠI HỌC ĐÀ NẴNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN

THÔNG VIỆT HÀN

ĐỒ ÁN CƠ SỞ 3

ĐỀ TÀI: Ứng dụng viết Blog cá nhân

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

Sau những giờ làm việc căng thẳng, hay vào những lúc rảnh rỗi với sự phát triển của Internet không thể tránh được việc tiếp xúc với chúng thường xuyên hơn Mỗi người chúng ta thường hay có thói quen lướt các trang mạng xã hội

để thư giãn và khám phá về các đời sống xung quanh chúng ta Việc phát triển

ra các trang mạng xã hội Facebook hay Instagram là một ví dụ cụ thể để liên kết tất cả mọi người trên thế giới lại với nhau, không những thế nó còn giúp chúng ta rất nhiều về quảng bá thương hiệu, bán hàng, hay phát triển du lịch…Những tin tức hay những thông tin mới nhất từ trong nước hay ngoài nước đều dể dàng nhìn thấy trên các trang mạng xã hội

LỜI CẢM ƠN

Em xin cảm ơn thầy cô và nhà trường đã tạo điều kiện cho chúng em phát triểnhơn trong việc học tập tại trường Tuy nhiên do thời gian có hạn cũng nhiều nguyênnhân khác nên đôi lúc còn thiếu sót và hạn chế và nội dung chưa chặt chẽ Vì vậychúng em rất mong có thể nhận được sự quan tâm của quý thầy cô và góp ý để chúng

em có thể có được bước đi vững chắc hơn trong lần thực hiện đồ án sau

Chúng em xin chân thành cảm ơn!

NHẬN XÉT

MỤC LỤC

Trang

MỞ ĐẦU 3

Chương 1 Giới thiệu 7

1.1 Tổng quan 7

1.2 Phương pháp, kết quả 7

1.3 Cấu trúc đồ án 7

Chương 2 Nghiên cứu tổng quan 8

2.1 Các phương pháp 8

2.1.1 Android studio là gì và cách cài đặt chúng như thế nào ? 8

2.1.2 Dịch vụ backend của google 10

2.2 Hạn chế, tồn tại của các phương pháp 13

2.3 Kết luận 13

Chương 3 Phân tích thiết kế hệ thống 14

3.1 Mô hình tổng quan của hệ thống nghiên cứu 14

3.2 Thiết kế chi tiết 14

3.2.1 Mô hình đăng nhập 14

3.2.2 Mô hình đăng ký 14

3.2.3 Mô hình đăng bài 15

Chương 4 Triển khai xây dựng 17

4.1 Tạo một project trong android studio 17

4.2 Thiết kế các màn hình giao diện cho ứng dụng 19

4.2.1 Màn hinh đầu tiên Splash screen 19

4.2.2 Màn hình Login 20

4.2.3 Màn hình đăng ký 21

4.2.4 Màn hình Navigation 22

4.2.5 Màn hình - Home 23

4.2.6 Màn hình đăng bài viết 26

Chương 5 Kết luận và Hướng phát triển 27

PHỤ LỤC 28

DANH MỤC TÀI LIỆU THAM KHẢO 29

Chương 1 Giới thiệu

1.2 Phương pháp, kết quả

Sử dụng Adroid studio và viết trên ngôn ngữ java

Ngoài ra cơ sỡ dữ liệu được sử dụng nền tảng backend của google -Firebase

1.3 Cấu trúc đồ án

- Nghiên cứu tổng quan

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

Chương 2 Nghiên cứu tổng quan

2.1 Các phương pháp

2.1.1 Android studio là gì và cách cài đặt chúng như thế nào ?

Có nhiều công cụ để phát triển Android nhưng đến nay công cụ chính thức

và mạnh mẽ nhất là Android Studio Đây là IDE (Môi trường phát triển tíchhợp) chính thức cho nền tảng Android, được phát triển bởi Google và được sửdụng để tạo phần lớn các ứng dụng mà bạn có thể sử dụng hàng ngày

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

Việc xây dựng một ứng dụng mobile (hoặc tablet) bao gồm rất nhiều các công đoạn khác nhau Đầu tiên chúng ta sẽ viết code ứng dụng sử dụng máy tính cá nhân hoặc laptop Sau đó chúng ta cần build ứng dụng để tạo file cài đặt.Sau khi build xong thì chúng ta cần copy file cài đặt này vào thiét bị mobile (hoặc table) để tiến hành cài đặt ứng dụng và chạy kiểm thử (testing) Bạn thử tưởng tượng nếu với mỗi lần viết một dòng code bạn lại phải build ứng dụng, cài đặt trên điện thoại hoặc tablet và sau đó chạy thử thì sẽ vô cùng tốn thời gian

và công sức Android Studio được phát triển để giải quyết các vấn đề này Với Android Studio tất cả các công đoạn trên được thực hiện trên cùng một máy tính

và các quy trình được tinh gọn tới mức tối giản nhất

Cách cài đặt Android Studio trên Windows, Mac OSX và Linux

Tải Android Studio

Trước khi tiền hành cài đặt Android Studio bạn cần tải Android Studio về máy bằng cách truy cập vào trang chủ của android studio và chọn phiên bản Android Studio phù hợp với hệ điều hành mà bạn đang sử dụng Trang tải

Android Studio ở trên có sử dụng một đoạn mã JavaScript được để phát hiện ra

hệ điều hành máy tính của bạn và cung cấp phiên bản Andoid Studio phù hợp Và

do đó bạn chỉ việc nhấp vào link sẵn có trên trang để tải về

Cài Đặt Android Studio

Hệ Điều Hành Windows

Việc cài đặt Android Studio trên Windows khá đơn giản Sau khi tải xong bạnnhấp đúp vào file cài đặt để tiến hành cài đặt Quá trình cài đặt không có gì đặc biệt và bạn có thể tự mình hoàn tất công đoạn này Sau khi cài đặt xong máy tính

sẽ khởi động chương trình Android Studio để bạn có thể bắt đầu phát triển ứng dụng đầu tiên

Hệ Điều Hành Mac

Tương tự như Windows việc cài đặt Android Studio trên Mac OS X cũng khá đơn giản Sau khi tải về tập tin DMG dùng để cài đặt Android Studio trên Mac thìchúng ta sẽ nhấp đúp vào file này Ở cửa sổ bật ra bạn cần nhấp chuột và kéo Android Studio vào thư mục Applications Sau đó click đúp vào biểu tượng Android Studio để tiến hành cài đặt Quá trình cài đặt không có gì đặc biệt và bạn

có thể tự mình hoàn tất công đoạn này

Hệ Điều Hành Linux

Để cài đặt Android Studio trên Linux thì sau khi tải tập tin zipvề máy bạn thực hiện các bước sau:

 Bước 1: Giải nén tập tin tải về sử dụng chương trình bằng cách nhấp đúp

lên tập tinh này Chương trình Archive Manager có sẵn trên Ubuntu sẽ

được khởi động để hỗ trợ bạn thực hiện việc giải nén

 Bước 2: Chép thư mục vừa được giải nén vào bên trong thư

mục /usr/local hoặc /opt

 Bước 3: Mở cửa sổ dòng lệnh terminal (sử dụng tổ hợp phím

tắt Ctrl + Alt + T)

 Bước 4: Di vào bên trong thư mục android-studio/bin của tập tin vừa được giải nén (sau bước 3 ở trên thì thư mục này bây giờ sẽ nằm bên

trong /usr/local hoặc /opt)

 Bước 5: Chạy tập tin studio.sh trong thư mục bin trên bằng cách nhập tên tập tin này và gõ Enter

Sau bước 5, máy tính sẽ khởi động chương trình cài đặt Android Studio Setup

Wizard và bạn có thể dễ dàng thực hiện các công đoạn còn lại để cài Android

Studio

Sau khi cài đặt xong Android Studio thì đối với hệ điều hành Linux 64-bit thì bạn cần tiến hành thêm một bước sau để cài đặt bổ sung một số bộ thư viện cần thiết cho Android Studio:

Với các máy tính chạy phiên bản 64-bit của Ubuntu thì chúng ta sẽ cần chạy câu lệnh sau:

sudo apt-get install libc6:i386 libncurses5:i386 libstdc++6:i386 lib32z1 libbz2-1.0:i386

Với các máy tính chạy phiên bản 64-bit của Fedora thì chúng ta sẽ cần chạy câu lệnh sau:

sudo yum install zlib.i686 ncurses-libs.i686 bzip2-libs.i686

2.1.2 Dịch vụ backend của google

Firebase là gì ?

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 Lợi ích của Firebase là gì? Firebase còn giúp các lập trình viên rút ngắn thời gian triển khai và mở rộng quy mô của ứng dụng mà họ đang phát triển

Firebase là dịch vụ cơ sở dữ liệu hoạt động trên nền tảng đám mây – cloud.

Kèm theo đó là hệ thống máy chủ cực kỳ mạnh mẽ của Google Chức năng chính

là giúp người dùng lập trình ứng dụng bằng cách đơn giản hóa các thao tác với cơ

sở dữ liệu Cụ thể là những giao diện lập trình ứng dụng API đơn giản Mục đích nhằm tăng số lượng người dùng và thu lại nhiều lợi nhuận hơn

Hướng dẫn cài đặt Firebase SDK trên android studio

Firebase SDK cung cấp một bộ các thư viện giúp các lập trình viên Android

có thể sử dụng hàng loạt các dịch vụ hữu ích cung cấp sẵn bởi Google như phân tích mức độ sử dụng ứng dụng (Firebase Analytics), xác thực người dùng

(Firebase Authentication), lưu vào tạo báo cáo chi tiết các lỗi người dùng gặp phải khi sử dụng ứng dụng (Firebase Crash Reporting)

Yêu cầu

Để cài đặt và sử dụng Firebase SDK thì yêu cầu

 Một thiết bị chạy Android phiên bản 4.0 (Ice Cream Sandwwich) hoặc mớihơn

 Android Studio phiên bản 1.5 trở lên

Thêm Firebase vào dự án Android

Bạn có thể thêm theo hai cách

 Sử dụng Firebase Assistant, cách này chỉ có thể được áp dụng với android studio bắt đầu từ phiên bản 2.2 trở lên

 Thêm vào Firebase vào dự án theo cách thủ công: Cách này có thể được ápdụng với tất các phiên bản Android Studio, tuy nhiên thường sử dụng với các phiên bản cũ trước phiên bản 2.2 hoặc các dự án Android có độ phức tạp cao

Cài đặt Firebase sử dụng Firebase Assitant

cách click chọn menu Tools > Firebase.

như Analytics, Cloud Messaging để xem các thông tin chi tiết hoặc hướng

dẫn về từng dịch vụ

 Bước 3: Click chọn Connect to Firebase để kết nối Firebase và thêm

đoạn code tích hợp Firebase vào dự án

Cài đặt Firebase thủ công

Nếu Android Studio của bạn đang sử dụng là phiên bản cũ (trước 2.2) hoặc

dự án của bạn phức tạp, bạn có thể chọn cài đặt Firebase theo cách thủ công Bạn iến hành theo các bước sau:

 Bước 1: Truy cập vào trang Firebase console và tạo một dự án Firebase

(hoặc bạn có thể sử dụng một dự án có sẵn trước đó nếu như đã tạo rồi)

 Bước 2: Tạo một dự án Google project bằng cách click chọn Add

project (hoặc nếu như bạn đã có sẵn một dự án Google project trước đó

rồi thì có thể tái sử dụng bằng cách click chọn Import Google Project)

 Bước 3: Click chọn Add Firebase to your Android app và làm theo các

bước hướng dẫn cài đặt Nếu như ở bước 2 bạn chọn Import Google

Project thì bước này sẽ được thực hiện tự động và bạn chỉ cần tải về tập

tin config

 Bước 4: Nhập vào tên app package bạn đang sử dụng Lưu ý rằng cần

nhập đúng tên app package vì bạn không thể sửa lại sau đó

 Bước 5: Tải tập tin google-services.json về máy của bạn

 Bước 6: Sao chép tập tin tải về vào địa chỉ thư mục app trong dự án

Android

Sau khi kết thúc các bước ở trên, tuỳ theo nhu cầu sử dụng bạn sẽ cần thêm

các bộ thư viện cần thiết trong Firebase SDK vào Android Studio

Sau khi cài đặt thành công Firebase SDK thì bạn cần tìm hiểu về cách sử

dụng các dịch vụ của Firebase Firebase cung cấp một số dịch vụ như Analytics,

Cloud Storage, Cloud Messaging, Crash Reporting Ở các bài học tiếp theo

chúng ta sẽ lần lượt tìm hiểu chi tiết về chi tiết tính năng cũng như cách sử dụng

các dịch vụ này

2.2 Hạn chế, tồn tại của các phương pháp

Một trong những trở ngại khi làm đó là phần database, một trong những

dịch vụ hỗ trợ của firebase chính là phần Realtime Database, mà đúng hơn chỉ là phần Database Cơ sở dữ liệu của họ được tổ chức theo kiểu trees, parent-

children, không phải là kiểu Table nên những ai đang quen với SQL có thể sẽ gặpkhó khăn từ mức đôi chút tới khá nhiều

Chúng em cũng mới tiếp xúc với android studio và firebase nên sẽ đôi lúc gặp

khó khăn khi triển khai ứng dụng

2.3 Kết luận

Dựa trên kiến thức đã học và sự giúp đỡ của giáo viên kết với tìm hiểu tham khảo trên internet chúng em sẽ triển khai thực hiện xây dựng ứng dụng viết Blog

cá nhân dựa trên ngôn ngữ java và nền tảng backend của google-Firebase Ứng

Em xin cảm ơn thầy cô và nhà trường đã tạo điều kiện cho chúng em phát triểnhơn trong việc học tập tại trường Tuy nhiên do thời gian có hạn cũng nhiều nguyênnhân khác nên đôi lúc còn thiếu sót và hạn chế và nội dung chưa chặt chẽ Vì vậychúng em rất mong có thể nhận được sự quan tâm của quý thầy cô và góp ý để chúng

em có thể có được bước đi vững chắc hơn trong lần thực hiện đồ án sau

Chúng em xin chân thành cảm ơn!

dụng giúp chúng ta có thể gắn kết lại với nhau, có thể tương tác qua lại thông quacác bài vi

Chương 3 Phân tích thiết kế hệ thống

3.1 Mô hình tổng quan của hệ thống nghiên cứu

3.2 Thiết kế chi tiết

3.2.1 Mô hình đăng ký

3.2.2 Mô hình đăng nhập

3.2.3 Mô hình đăng bài

Chương 4 Triển khai xây dựng

4.1 Tạo một project trong android studio

Bước 1: Khởi động Android Studio  File  chọn New  chọn New Project

 Nhập tên ứng dụng (Application name), chỉ định thư mục chứa source code

(Project location)  chọn Next

Bước 2: Chọn Phone and Tablet >chọn phiên bản tối thiểu SDK (tương ứng

với phiên bản hệ điều hành Android) -> chọn Next

Bước 3: Chọn Activity, trong hình chúng tôi chọn Empty Activity (Việc lựa

chọn Activity nào còn tùy thuộc vào mục đích của người phát triển ứng dụng)

-> Next

Bước 4: Nhập tên cho Activity tại Activity Name -> Finish

Sau khi tạo thành công project, chúng ta sẽ nhìn thấy như hình bên dưới

4.2 Thiết kế các màn hình giao diện cho ứng dụng

4.2.1 Màn hình đầu tiên Splash screen

Như chúng ta biết thì Splash screen là màn hình đầu tiên mà người dùng sẽ thấy khi sử dụng ứng dụng Nếu trải nghiệm đầu tiên này mà kém thì sẽ ảnh hưởng rất lớn đến sự tin tưởng của người dùng

Màn hình này có sử dụng animotion

4.2.2 Màn hình login

Tạo một file XML có tên activity_login.xml

Chúng ta được một màn hình

Đăng nhập có sử dụng firebase authencation để xác thực tài khoản dữ liệu của người dùng

Tạo một file JAVA tên LoginActivity.java sử dụng các hàm để nó có thể chạy và hiển thị lên thiết bị

4.2.3 Màn hình đăng ký

Chúng ta cũng sẽ tạo một file XML và file java để chứa chúng

File XML có tên register_activity.xml

File java có tên RegisterActivity.java

4.2.4 Màn hình Navigation

Để tạo ra một màn hình Navigation có rất nhiều cách nhưng em sử dụng

Navigation Drawer Activity có trong sẵn android studio

Để dùng chúng trước hết chúng ta mở project của mình lên và vào File  New

 Activity  Navigation Drawer Activity

Đây là kết quả

4.2.5 Màn hình – Home

Sau khi chúng ta đăng kí và đăng nhập nó sẽ chuyển tới màn hình chính đó là màn hình Home

Trong màn hình chính này nó sẽ bao gồm

Màn hình Navigation

Màn hình hiển thị chi tiết các bài viết

Ở đây màn hình hiển thị đầy đủ như hình ảnh, tác giả ,ngày giờ mà tác giả post bài, chúng ta có thể bình luận tất cả các bài mà chúng ta có thể thấy

Trong màn hình chính và hiển thị các bình luận, chúng em có sử dụng

RecycleView Dùng recyclerview để hiển thị dữ liệu dưới dạng danh sách đứng LinearLayoutManager, lưới với GridLayoutManager, các hiệu ứng khi cuộn phần

tử, bắt sự kiện và căn chỉnh SnapHelper, xây dựng Adapter chi tiết

Recyclerview là gì ?

Recyclerview nó dùng để xây dựng UI gần giống với hoạt động của

ListView, GridView Nó biểu diễn danh sách với nhiều cách trình bày khác nhau,theo chiều đứng, chiều ngang Nó là thư viện hỗ trợ tốt hơn ListView rất nhiền nhất là trong sử dụng để tương tác với các thành phần UI khác

Để sử dụng RecyclerView cần tích hợp vào buil.grandle các thư viện sau

implementation 'com.android.support:appcompat-v7:26.1.0'

implementation 'com.android.support:recyclerview-v7:26.1.0'

implementation 'com.android.support:design:26.1.0'

Khi dùng đến recyclerview thì bạn cần làm việc với:

- RecyclerView.Adapter – Quản lý dữ liệu và cập nhật dữ liệu cần hiển thị vào View

- RecyclerView.LayoutManager – Lớp mà để quy định cách mà vị trí các phân tử trong recyclerview hiển thị, có thể sử dụng các lớp kế thừa

LinearLayoutManager, GridLayoutManager

- RecyclerView.ItemAnimator – Lớp để xây dựng cách thức hoạt động cho các sự kiện trên phần tử hiển thị, như hiệu ứng khi thêm phần tử vào, xóa phần tử khỏi RecyclerView

- RecyclerView.Viewholder – Lớp dùng để gán hoặc cập nhật dữ liệu vào các phần tử