ĐẠ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

ĐẠ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Ở ĐỀ TÀI: Ứng dụng viết Blog cá nhân Sinh viên thực : DƯƠNG VĂN TUẤN Giảng viên hướng dẫn : HÀ THỊ MINH PHƯƠNG Lớp : 18IT5 Đà nẵng, tháng 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Ở ĐỀ TÀI: Ứng dụng viết Blog cá nhân Đà Nẵng, tháng năm 2020 2|Page MỞ ĐẦU Ngày khoa học công nghệ phát triển mạnh mẽ, đặc biệt Internet Nhiều sản phẩm khoa học công nghệ lĩnh vực đời chứng cho bùng nổ cách mạng công nghệ khoa học diễn ra, sản phẩm không đại thông minh mà chúng cịn sản phẩm có tầm ảnh hưởng đến sống Các sản phẩm đời nhằm phục vụ cho sống người tốt giúp ích nhiều Sau làm việc căng thẳng, hay vào lúc rảnh rỗi với phát triển Internet tránh việc tiếp xúc với chúng thường xuyên Mỗi người thường hay có thói quen lướt trang mạng xã hội để thư giãn khám phá đời sống xung quanh Việc phát triển trang mạng xã hội Facebook hay Instagram ví dụ cụ thể để liên kết tất người giới lại với nhau, khơng cịn giúp nhiều 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 thông tin từ nước hay nước dể dàng nhìn thấy trang mạng xã hội 3|Page LỜI CẢM ƠN Em xin cảm ơn thầy cô nhà trường tạo điều kiện cho chúng em phát triển việc học tập trường Tuy nhiên thời gian có hạn nhiều nguyên nhân khác nên đơi lúc cịn thiếu sót hạn chế nội dung chưa chặt chẽ Vì chúng em mong nhận quan tâm quý thầy góp ý để chúng em có bước vững lần thực đồ án sau Chúng em xin chân thành cảm ơn! 4|Page NHẬN XÉT 5|Page MỤC LỤC Trang MỞ ĐẦU Chương Giới thiệu 1.1 Tổng quan 1.2 Phương pháp, kết 1.3 Cấu trúc đồ án Chương Nghiên cứu tổng quan 2.1 Các phương pháp .8 2.2 Hạn chế, tồn phương pháp 13 2.3 Kết luận 13 Chương Phân tích thiết kế hệ thống 15 3.1 Mô hình tổng quan hệ thống nghiên cứu 15 3.2 Thiết kế chi tiết 15 3.2.1 Mơ hình đăng ký .15 3.2.2 Mơ hình đăng nhập 15 3.2.3 Mơ hình đăng 16 Chương Triển khai xây dựng 18 4.1 Tạo project android studio .18 4.2 Thiết kế hình giao diện cho ứng dụng 20 4.2.1 Màn hình Splash screen .20 4.2.2 Màn hình login 21 4.2.3 Màn hình đăng ký .22 4.2.4 Màn hình Navigation 23 4.2.5 Màn hình – Home .24 4.2.6 Màn hình đăng viết 27 Chương Kết luận Hướng phát triển 28 PHỤ LỤC 28 DANH MỤC TÀI LIỆU THAM KHẢO 29 6|Page Chương Giới thiệu 1.1 Tổng quan Với công nghệ ngày phát triển mạnh, tránh việc tiếp xúc nhiều với công nghệ đặc biệt internet Mỗi người thường hay có thói quen lướt trang mạng xã hội để thư giãn khám phá đời sống xung quanh Việc phát triển trang mạng xã hội Facebook hay Instagram ví dụ cụ thể để liên kết tất người giới lại với nhau, cịn giúp nhiều quảng bá thương hiệu, bán hàng, hay phát triển du lịch… 1.2 Phương pháp, kết Sử dụng Adroid studio viết ngơn ngữ java Ngồi sỡ liệu sử dụng tảng backend 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 7|Page Chương Nghiên cứu tổng quan 2.1 Các phương pháp 2.1.1 Android studio cách cài đặt chúng ? Có nhiều cơng cụ để phát triển Android đến cơng cụ thức mạnh mẽ Android Studio Đây IDE (Môi trường phát triển tích hợp) thức cho tảng Android, phát triển Google sử dụng để tạo phần lớn ứng dụng mà bạn sử dụng hàng ngày 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 Việc xây dựng ứng dụng mobile (hoặc tablet) bao gồm nhiều công đoạn khác Đầu tiên viết code ứng dụng sử dụng máy tính cá nhân laptop Sau cần build ứng dụng để tạo file cài đặt Sau build xong cần copy file cài đặt vào thiét bị mobile (hoặc table) để tiến hành cài đặt ứng dụng chạy kiểm thử (testing) Bạn thử tưởng tượng với lần viết dòng code bạn lại phải build ứng dụng, cài đặt điện thoại tablet sau chạy thử vơ tốn thời gian công sức Android Studio phát triển để giải vấn đề Với Android Studio tất công đoạn thực máy tính quy trình tinh gọn tới mức tối giản Cách cài đặt Android Studio Windows, Mac OSX Linux 8|Page Tải Android Studio Trước tiền hành cài đặt Android Studio bạn cần tải Android Studio máy cách truy cập vào trang chủ android studio chọn phiên Android Studio phù hợp với hệ điều hành mà bạn sử dụng Trang tải Android Studio có sử dụng đoạn mã JavaScript để phát hệ điều hành máy tính bạn cung cấp phiên Andoid Studio phù hợp Và bạn việc nhấp vào link sẵn có trang để tải Cài Đặt Android Studio Hệ Điều Hành Windows Việc cài đặt Android Studio Windows đơn giản Sau tải xong bạn nhấp đúp vào file cài đặt để tiến hành cài đặt Quá trình cài đặt khơng có đặc biệt bạn tự hồn tất cơng đoạn Sau cài đặt xong máy tính khởi động chương trình Android Studio để bạn bắt đầu phát triển ứng dụng Hệ Điều Hành Mac Tương tự Windows việc cài đặt Android Studio Mac OS X đơn giản Sau tải tập tin DMG dùng để cài đặt Android Studio Mac nhấp đúp vào file Ở cửa sổ bật bạn cần nhấp chuột 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ó đặc biệt bạn tự hồn tất cơng đoạn Hệ Điều Hành Linux Để cài đặt Android Studio Linux sau tải tập tin zipvề máy bạn thực bước sau: • • • • • Bước 1: Giải nén tập tin tải sử dụng chương trình cách nhấp đúp lên tập tinh Chương trình Archive Manager có sẵn Ubuntu khởi động để hỗ trợ bạn thực việc giải nén Bước 2: Chép thư mục vừa giải nén vào bên thư mục /usr/local /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 thư mục android-studio/bin tập tin vừa giải nén (sau bước thư mục nằm bên /usr/local /opt) Bước 5: Chạy tập tin studio.sh thư mục bin cách nhập tên tập tin gõ Enter Sau bước 5, máy tính khởi động chương trình cài đặt Android Studio Setup Wizard bạn dễ dàng thực cơng đoạn cịn lại để cài Android Studio 9|Page Sau cài đặt xong Android Studio hệ điều hành Linux 64-bit bạn cần tiến hành thêm bước sau để cài đặt bổ sung số thư viện cần thiết cho Android Studio: Với máy tính chạy phiên 64-bit Ubuntu cần chạy câu lệnh sau: sudo apt-get install libc6:i386 libncurses5:i386 libstdc++6:i386 lib32z1 libbz21.0:i386 Với máy tính chạy phiên 64-bit Fedora 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 google 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 Lợi ích Firebase gì? Firebase cịn giúp lập trình viên rút ngắn thời gian triển khai mở rộng quy mô ứng dụng mà họ phát triển Firebase dịch vụ sở liệu hoạt động tảng đám mây – cloud Kèm theo hệ thống máy chủ mạnh mẽ Google Chức giúp người dùng lập trình ứng dụng cách đơn giản hóa thao tác với sở liệu Cụ thể 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 thu lại nhiều lợi nhuận Hướng dẫn cài đặt Firebase SDK android studio 10 | P a g e 3.2.3 Mơ hình đăng 16 | P a g e 17 | P a g e Chương Triển khai xây dựng 4.1 Tạo project 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), đị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 tối thiểu SDK (tương ứng với phiên hệ điều hành Android) -> chọn Next 18 | P a g e Bước 3: Chọn Activity, hình chúng tơi chọn Empty Activity (Việc lựa chọn Activity tùy thuộc vào mục đích người phát triển ứng dụng) -> Next Bước 4: Nhập tên cho Activity Activity Name -> Finish 19 | P a g e Sau tạo thành cơng project, nhìn thấy hình bên 4.2 Thiết kế hình giao diện cho ứng dụng 4.2.1 Màn hình Splash screen Như biết Splash screen hình mà người dùng thấy sử dụng ứng dụng Nếu trải nghiệm mà ảnh hưởng lớn đến tin tưởng người dùng Màn hình có sử dụng animotion 20 | P a g e 4.2.2 Màn hình login Tạo file XML có tên activity_login.xml Chúng ta hình 21 | P a g e Đăng nhập có sử dụng firebase authencation để xác thực tài khoản liệu người dùng Tạo file JAVA tên LoginActivity.java sử dụng hàm để chạy hiển thị lên thiết bị 4.2.3 Màn hình đăng ký Chúng ta tạo file XML file java để chứa chúng File XML có tên register_activity.xml 22 | P a g e File java có tên RegisterActivity.java 4.2.4 Màn hình Navigation Để tạo hình Navigation có nhiều cách em sử dụng Navigation Drawer Activity có sẵn android studio Để dùng chúng trước hết mở project lên vào File  New  Activity  Navigation Drawer Activity 23 | P a g e Đây kết 4.2.5 Màn hình – Home Sau đăng kí đăng nhập chuyển tới hình hình Home 24 | P a g e Trong hình bao gồm Màn hình Navigation Màn hình hiển thị chi tiết viết 25 | P a g e Ở hình hiển thị đầy đủ hình ảnh, tác giả ,ngày mà tác giả post bài, bình luận tất mà thấy Trong hình hiển thị bình luận, chúng em có sử dụng RecycleView Dùng recyclerview để hiển thị liệu dạng danh sách đứng LinearLayoutManager, lưới với GridLayoutManager, hiệu ứng cuộn phần tử, bắt kiện chỉnh SnapHelper, xây dựng Adapter chi tiết Recyclerview ? Recyclerview dùng để xây dựng UI gần giống với hoạt động 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ó thư viện hỗ trợ tốt ListView nhiền sử dụng để tương tác với thành phần UI khác Để sử dụng RecyclerView cần tích hợp vào buil.grandle 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 bạn cần làm việc với: - RecyclerView.Adapter – Quản lý liệu cập nhật liệu cần hiển thị vào View - RecyclerView.LayoutManager – Lớp mà để quy định cách mà vị trí phân tử recyclerview hiển thị, sử dụng lớp kế thừa LinearLayoutManager, GridLayoutManager - RecyclerView.ItemAnimator – Lớp để xây dựng cách thức hoạt động cho kiện phần tử hiển thị, hiệu ứng thêm phần tử vào, xóa phần tử khỏi RecyclerView - RecyclerView.Viewholder – Lớp dùng để gán cập nhật liệu vào phần tử 26 | P a g e 4.2.6 Màn hình đăng viết Sau vào hình ta đăng cách click vào bút góc phải hình, hiển thị sau Tại viết tiêu đề nội dung hình ảnh 27 | P a g e Chương Kết luận Hướng phát triển Ứng dụng viết blog cá nhân có chức - Đăng ký tài khoản firebase - Đăng nhập tài khoản firebase - Đăng nhập vào app chưa đăng ký tài khoản - Xem viết cá nhân người khác - Có thể xem chi tiết viết - Đăng theo sở thích - Bình luận vào viết mà u thích - Đăng xuất tài khoản khỏi app Chúng em cố gắn phát triển app với nhiều tinh hiển thị số người bình luận, hiển thị số like, người chia viết cho 28 | P a g e PHỤ LỤC 29 | P a g e DANH MỤC TÀI LIỆU THAM KHẢO Trên youtube - https://www.youtube.com/watch?v=PTI1OqiYFpw - Trung tâm đào tạo tin học Khoa Phạm - Trên diễn đàn internet - https://stackoverflow.com/ 30 | P a g e