ĐỒ ÁN CƠ SỞ 3 ĐỀ TÀI: XÂY DỰNG ỨNG DỤNG MẠNG XÃ HỘI TRÊN NỀN TẢNG ANDROID Giảng Viên Hướng Dẫn: PGS.TS Huỳnh Công Pháp

ĐẠ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 XÂY DỰNG ỨNG DỤNG MẠNG XÃ HỘI TRÊN NỀN TẢNG ANDROID Giảng Viên Hướng Dẫn: PGS.TS Huỳnh Công Pháp Sinh Viên Thực Hiện: Huỳnh Thị Hoàng Hảo Đoàn Diệu Hiền Lớp: 19IT2 Đà Nẵng, tháng năm 2021 LỜI MỞ ĐẦU Ngày nay, ứng dụng công nghệ thông tin việc người kết nối với để tương tác, trao đổi thông tin, nhu cầu thiết yếu giúp người dễ dàng kết nối với nhau, từ giúp người xích lại gần Mạng Internet sản phẩm có giá trị lớn lao ngày trở nên cơng cụ khơng thể thiếu, tảng cho sự truyền tải, trao đổi thơng tin tồn cầu Với mong muốn tạo “Mạng xã hôi” để đáp ứng nhu cầu nêu trên, chúng em tìm hiểu thiết kế “Mạng xã hội Instagram” dành cho người thích chia sẻ hình ảnh, viết hoạt động cá nhân Với sự hướng dẫn tận tình thầy Huỳnh Cơng Pháp, người có đóng góp ý kiến để em hồn thành đồ án Mặc dù tìm hiểu kĩ phân tích thiết kế khó tránh khỏi thiếu sót khơng mong muốn.Em kính mong nhận sự thơng cảm góp ý q thầy Em xin kính chúc q thầy dồi sức khỏe, tiếp tục đào tạo 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 GVHD …………………………………………………………………… …………………………………………………………………… …………………………………………………………………… …………………………………………………………………… …………………………………………………………………… …………………………………………………………………… …………………………………………………………………… …………………………………………………………………… …………………………………………………………………… …………………………………………………………………… …………………………………………………………………… …………………………………………………………………… …………………………………………………………………… …………………………………………………………………… …………………………………………………………………… Đà Nẵng, tháng , năm 2021 CHỮ KÍ GVHD PGS.TS Huỳnh Cơng Pháp MỤC LỤC Nhận xét GVHD Chương GIỚI THIỆU 1.1 Tên dự án 1.2 Sinh viên thực 1.3 Lý chọn đề tài .7 1.4 Mục tiêu dự án 1.5 Phương pháp thực hiện: 1.6 Nội dụng thực Chương NGHIÊN CỨU VÀ THIẾT KẾ .1 2.1 Cơ sở liệu hỗ trợ, ngơn ngữ cơng cụ lập trình sử dụng: 2.2 Phân tích thiết kế hệ thống: 2.3 Cơ sở liệu: Chương TRIỂN KHAI XÂY DỰNG .5 3.1 Mục tiêu phân tích: 3.2 Giao diện ứng dụng Android Chương KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN .11 4.1 Kết đạt 11 4.2 Hướng phát triển 11 TÀI LIỆU THAM KHẢO 12 DANH MỤC HÌNH ẢNH Trang Hình 2.2.2-1 Sơ đồ Use-case Hình 2.3.2-2 Cơ sở liệu Hình 3.2.1-3Giao diện ứng dụng: Màn hình chờ .5 Hình 3.2.2-4 Giao diện ứng dụng đăng ký .6 Hình 3.2.2-5 Giao diện ứng dụng: Đăng nhập Hình 3.2.3-6 Giao diện ứng dụng: Trang chủ Hình 3.2.4-7 Giao diện ứng dụng: Trang cá nhân Hình 3.2.5-8 Giao diện ứng dung: Tìm kiếm Hình 3.2.6-9 Giao diên ứng dụng : Bài viết trang chủ .8 Hình 3.2.6-10 Giao diện ứng dụng: Chi tiết bình luận Hình 3.2.6-11 Giao diện ứng dụng: Chi tiết viết Hình 3.2.7-12 Giao diện ứng dụng: Tạo viết 10 DANH MỤC CÁC BẢNG Trang Bảng 2-1 Cấu trúc bảng – Users .3 Chương GIỚI THIỆU 1.1 Tên dự án Ứng dụng mạng xã hội Instagram Android 1.2 Sinh viên thực  Huỳnh Thị Hoàng Hảo  Đoàn Diệu Hiền - MSV: 19IT073 MSV: 19IT075 1.3 Lý chọn đề tài - Hiện nay, hệ điều hành Android trở thành hệ điều hành số giới, chiếm đến 85% thị phần di động toàn cầu Với nhiều ưu điểm mã nguồn mở, giao diện dễ dùng, dễ tiếp cận trở nên quen thuộc với người dùng - Trong sống hiện đại ngày nay, nhu cầu tương tác với qua Internet ngày cao, giới trẻ, mạng xã hội đời cho phép người tương tác với mà khơng cịn cách biệt khơng gian địa lý Do đó, nhóm em lựa chọn đề tài “Xây dựng ứng dụng Mạng xã hội tảng Android”, tạo không gian cho người chia sẻ hình ảnh, video với điện thoại chaỵ tảng Android 1.4 Mục tiêu dự án - Xây dựng ứng dụng tảng android firebase 1.5 Phương pháp thực hiện: Tìm hiểu mạng xã hội hiện Facebook, Instagram, Gapo, Phân tích tính bật mạng xã hội lên nội dung kế hoạch thực hiện cho dự án 1.5.1 Phương pháp: - Nắm bắt công nghệ thiết kế app di động, công cụ xây dựnG Android Studio - Xây dựng, kết nối CSDL qua firebase - Xây dựng module quản lý - Thiết kế đặc tả hệ thống 1.5 Kết quả: - Xây dựng ứng dụng di động có chức ứng dụng mạng xã hội chia sẻ hình ảnh, viết tương tác người dùng - Tìm hiểu nắm bắt kiến thức Java, xây dựng UI, công nghệ lập trình di động Android - Với quy mô ứng dụng nhỏ cộng thêm thời gian không cho phép nên đề tài “Xây dựng ứng dụng mạng xã hội tảng Android ” chưa có đầy đủ chức hoàn thiện ứng dụng di động Trong q trình làm cịn nhều sai sót, kiến thức có hạn nên ứng dụng cịn nhiều thiếu sót việc hiển thị tối ưu thuật toán, thời gian thực hiện Trong tương lai nhóm sai sót cố gắng khắc phục 1.6 Nội dụng thực - Xây dựng đề cương - Tìm hiểu ứng dụng mạng xã hội có - Kiểm tra, khắc phục lỗi website xây dựng - Phân tích thiết kế hệ thống sở liệu - Tìm hiểu cơng nghệ sử dụng cho android - Thiết kế giao diện chức - Hoàn thiện, kiểm tra sửa lỗi - Thực hiện làm báo cáo Word bản thuyết trình Chương NGHIÊN CỨU VÀ THIẾT KẾ 2.1 Cơ sở liệu hỗ trợ, ngôn ngữ cơng cụ lập trình sử dụng: 2.1.1 Firebase Database: - 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 Gần thập niên trước, Firebase đời với tiền thân Envolve.Đây tảng đơn giản chuyên cung cấp API cần thiết để tích hợp tính chat vào trang web Dù nên biết qua chút lịch sử thứ mà học chút nhỉ? Trong ứng dụng này, Firebase dùng để xây dựng sở liệu - Firebase Authentication: Firebase Authentication xây dựng bước xác thực người dùng Email, Facebook, Github, Google Đồng thời xác thực nặc danh cho ứng dụng Hoạt động xác thực giúp thơng tin cá nhân người sử dụng an tồn đảm bảo khơng bị đánh cắp tài khoản 2.1.2 Android Studio: 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 2.1.3 Java (Android): Java ngơn ngữ thức để phát triển Android Đây ngơn ngữ có sự hỗ trợ nhiều từ Google Nó ngơn ngữ mà hầu hết ứng dụng Play Store xây dựng Nó ngơn ngữ thức Android Hệ điều hành Android Google sử dụng Java sở cho tất cả ứng dụng Android Đồ án sở Page 2.2 Phân tích thiết kế hệ thống: 2.2.1 Các actor phân tích chức năng:  Người sử dụng (Users): - Đăng nhập, đăng ký tài khoản - Xem trang cá nhân người khác - Chỉnh sửa thơng tin cá nhân - Đăng, chỉnh sửa, xóa viết người dùng - Xem bảng tin: viết người - Thích, bình luận - Xem chi tiết viết - Tìm kiếm: người dùng viết liên quan - Nhắn tin cho bạn bè  Người quản trị(Admin): - Quản lý viết - Quản lý bình luận - Quản lý Users hệ thống 2.2.2 Sơ đồ phân tích thiết kế hệ thống: Hình 2.2.2-1 Sơ đồ Use-case Đồ án sở Page 2.3 Cơ sở liệu: 2.3.1 Mô tả số bảng chính hệ thống: Bảng User: Tên Uid Name Email Password Phone Image Cover onlineStatus Kiểu bigint varchar varchar varchar varchar varchar varchar int timelast datetime Mô tả ID người dùng Tên Email Mật Điện thoại Ảnh đại diện Ảnh bìa Trạng thái tài khoản: + 0: online + 1: ofline Thời gian đăng xuất Bảng 2-1 Cấu trúc bảng – Users 2.3.2 Cơ sở liệu: Hình 2.3.2-2 Cơ sở liệu Đồ án sở Page 2.3.3 Mô tả chức 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 trang + Đăng nhập: Khi có tài khoản người dùng đăng nhập sử dụng -Bảng tin: Hiện thị nội dung ứng dụng bao gồm: + Tạo viết : Người dùng tạo viết muốn + Bảng tin: Hiện thị viết người dùng bạn bè Tại người dùng like, bình luận viết muốn - Tìm kiếm: + Người dùng tìm kiếm bạn bè viết - Tin nhắn: Người dùng nhắn tin với bạn bè - Menu bao gồm: + Trang cá nhân: người dùng bấm vào xem trang cá nhân + Danh sách bạn bè : Xem danh sách bạn bè online offline + Tin nhắn: Người dùng gửi tin nhắn mục + Đăng xuất : Người dùng đăng xuất ứng dụng cách nhấn nút Đồ án sở Page Chương TRIỂN KHAI XÂY DỰNG 3.1 Mục tiêu phân tích: - Xây dựng ứng dụng android dựa firebase xây dựng cho người dùng - Ứng dụng có nhiều chức đa dạng dễ sử dụng - Ứng dụng android sử dụng restful api để thực hiện tác vụ lấy thông tin từ sở liệu 3.2 Giao diện ứng dụng Android 3.2.1 Màn hình chờ - Khi khởi động ứng dụng, hình chờ xuất hiện, phiên đăng nhập người dùng thời hạn chuyển tới hình trang chủ Ngược lại phiên đăng nhập hết hạn, người dùng chuyển tới trang đăng nhập Hình 3.2.1-3Giao diện ứng dụng: Màn hình chờ Đồ án sở Page 3.2.2 Đăng nhập, đăng ký - Tại giao diện đăng nhập, người dùng đăng nhập vào ứng dụng có tài khoản hệ thống, chưa có tài khoản người dùng nhấp vào nút Tạo tài khoản để tới hình đăng ký - Tại giao diện đăng ký, người dùng đăng ký tài khoản cách điền đầy đủ thơng tin tiến hành tạo tài khoản mới cho Sau tạo thành công, người dùng chuyển tới hình đăng nhập để đăng nhập Hình 3.2.2-4 Giao diện ứng dụng đăng ký Hình 3.2.2-5 Giao diện ứng dụng: Đăng nhập Đồ án sở Page 3.2.3 Trang chủ - Tại giao diện trang chủ, người dùng có thể:  Tạo viết cách nhấp vào (+) phía navigation để chuyển tới hình tạo viết  Xem viết người: người dùng like, bình luận viết mà mong muốn Hình 3.2.3-6 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ê viết, thích, bình luận viết người dùng  Hiển thị viết trang cá nhân - Tại trang cá nhân người dùng có thể:  Chỉnh sửa ảnh đại diện cách nhấp vào ảnh đại diện chọn ảnh  Chỉnh sửa thông tin cá nhân cách nhấp vào nút “Chỉnh sửa thơng tin” Hình 3.2.4-7 Giao diện ứng dụng: Trang cá nhân Đồ án sở Page 3.2.5 Tìm kiếm - Tại hình tìm kiếm người dùng tìm kiếm người viết cách nhập từ khóa vào form tìm kiếm thực hiện tìm kiếm Kết quả trả người dùng viết liên quan đến từ khóa tìm kiếm Hình 3.2.5-8 Giao diện ứng dung: Tìm kiếm 3.2.6 Chi tiết viết chi tiết bình luận - Tại hình chi tiết viết, người dùng xem chi tiết viết viết bình luận cho viết - Tại hình chi tiết bình luận: người dùng xem phản hồi viết phản hồi cho bình luận Hình 3.2.6-9 Giao diên ứng dụng : Bài viết trang chủ Đồ án sở Page Hình 3.2.6-10 Giao diện ứng dụng: Chi tiết bình luận Hình 3.2.6-11 Giao diện ứng dụng: Chi tiết viết Đồ án sở Page 3.2.7 Tạo viết - Tại hình tạo viết người dùng tạo viết cách điền nội dụng chọn ảnh từ album điện thoại sau nhấn nút “ĐĂNG” để đăng viết Hình 3.2.7-12 Giao diện ứng dụng: Tạo viết Đồ án sở Page 10 Chương KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 4.1 Kết đạt Mạng xã hội xây dựng có chức bản sau: • Đối với người dùng:  Đăng nhập, đăng ký  Đăng viết, chỉnh sửa viết  Thích, bình luận  Tìm kiếm người dùng, viết  Xem trang cá nhân người khác  Cập nhập thông tin cá nhân  Nhắn tin với bạn bè 4.2 Hướng phát triển • Vì mạng xã mới nên cịn nhiều bất cập xảy ra, đóng góp ý kiến người dùng gửi giúp dễ dàng việc khắc phục nhược điểm mà 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 chức mới như: o Báo cáo tài khoản người dùng xử lý tài khoản bị báo cáo o Báo cáo viết xử lý viết bị báo cáo o Album ảnh o Story (câu chuyện) o Chia sẻ viết o Thêm bạn bè o Đăng video,… Đồ án sở Page 11 TÀI LIỆU THAM KHẢO https://firebase.google.com/docs/7.x https://developer.android.com/docs https://www.instagram.com/ Đồ án sở Page 12