Lab 3 ux ui animal pedia

ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN BÁO CÁO ĐỒ ÁN MÔN THIẾT KẾ GIAO DIỆN NGƯỜI DÙNG ỨNG DỤNG ANIMAL PEDIA GVHD: ThS Tạ Thu Thủy Nhóm sinh viên thực hiện: NHĨM 05 Trần Linh Đa Lê Thị Hồi Giang Lê Hữu Huy Phan Thị Liễu Nguyễn Thế Phương Huynh MSSV: 19521305 MSSV: 19521447 MSSV: 19521615 MSSV: 19521749 MSSV: 19521650 TP Hồ Chí Minh, 03/2022 NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN ……., ngày…… tháng……năm 2022 Người nhận xét (Ký tên ghi rõ họ tên) BẢNG PHÂN CƠNG, ĐÁNH GIÁ THÀNH VIÊN Bảng 1: Bảng phân cơng, đánh giá thành viên Họ tên Trần Linh Đa Lê Thị Hoài Giang Lê Hữu Huy Phan Thị Liễu Nguyễn Thế Phương MSSV 19521305 19521447 19521615 Phân công Đánh giá Tuần 1: Đánh giá app Sasol Wildlife for beginners +Viết báo cáo + tổng hợp báo cáo Tuần 1: Hoàn thành tốt nhiệm vụ giao Đánh giá 100/100 Tuần 2: Thác thảo giao diện chương (mục 1, 2, 3, 4) + Tổng hợp báo cáo Tuần 2: Hoàn thành tốt nhiệm vụ giao Đánh giá 100/100 Tuần 1: Thiết kế form + viết báo cáo Tuần 1: Hoàn thành tốt nhiệm vụ giao Đánh giá 100/100 Tuần 2: Thác thảo giao diện chương (mục 10, 11, 12, 13, 14) Tuần 1: Đánh giá app Animal Facts + viết báo cáo Tuần 2: Thác thảo giao diện chương (mục 5, 6, 7, 8, 9) Tuần 1: Thiết kế form + viết báo cáo 19521749 Tuần 2: Thác thảo giao diện chương (mục 17, 19, 21, 22) 19521650 Tuần 1: Đánh giá app Zoopedia+ viết báo cáo Tuần 2: Hoàn thành tốt nhiệm vụ giao Đánh giá 100/100 Tuần 1: Hoàn thành tốt nhiệm vụ giao Đánh giá 100/100 Tuần 2: Hoàn thành tốt nhiệm vụ giao Đánh giá 100/100 Tuần 1: Hoàn thành tốt nhiệm vụ giao Đánh giá 100/100 Tuần 2: Hoàn thành tốt nhiệm vụ giao Đánh giá 100/100 Tuần 1: Hoàn thành tốt nhiệm vụ giao Đánh Huynh Tuần 2: Thác thảo giao diện chương (mục 15, 16, 18, 20) giá 100/100 Tuần 2: Hoàn thành tốt nhiệm vụ giao Đánh giá 100/100 MỤC LỤC NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN BẢNG PHÂN CÔNG, ĐÁNH GIÁ THÀNH VIÊN DANH MỤC HÌNH ẢNH CHƯƠNG 1: KHẢO SÁT PHÂN TÍCH THAM KHẢO I KHẢO SÁT YÊU CẦU KHÁCH HÀNG VÀ PHÂN TÍCH YÊU CẦU Khảo sát yêu cầu Phân tích đề xuất giải pháp II TÌM HIỂU & NGHIÊN CỨU CÁC ỨNG DỤNG LIÊN QUAN 8 16 16 Animal Facts: 16 Zoopedia: 20 Sasol Wildlife for beginners: 24 Rút kinh nghiệm 27 CHƯƠNG 2: PHÁC THẢO GIAO DIỆN 28 2.1 Màn hình bắt đầu 28 2.2 Màn hình đề xuất động vật: 29 2.3 Màn hình đăng kí 29 2.4 Màn hình đăng nhập 30 2.5 Màn hình trang chủ 30 2.6 Màn hình trang phân loại 31 2.7 Màn hình danh sách động vật 32 2.8 Màn hình danh sách thú cưng 32 2.9 Màn hình danh sách u thích 33 2.10 Màn hình chia sẻ động vật 33 2.11 Màn hình thơng tin động vật 34 2.12 Màn hình thơng tin động vật chi tiết 35 2.13 Màn hình tìm kiếm (bằng nhập thơng tin) 36 2.14 Màn hình tìm kiếm (bằng hình ảnh) 36 2.15 Màn hình tình trạng phân bố động vật 37 2.16 Màn hình nơi xem động vật thật 37 2.17 Màn hình thơng tin tài khoản 38 2.18 Màn hình viết động vật 38 2.19 Màn hình hiển thị câu hỏi xác nhận 39 2.20 Màn hình ủng hộ tiền 39 2.21 Màn hình lựa chọn ngân hàng 40 2.22 Màn hình xếp hạng chia sẻ app 40 DANH MỤC HÌNH ẢNH Hình Màn hình bắt đầu Hình Màn hình đề xuất động vật Hình Màn hình đăng kí Hình Màn hình đăng nhập Hình Màn hình trang chủ Hình Màn hình trang phân loại Hình Màn hình danh sách động vật Hình Màn hình danh sách thú cưng Hình Màn hình danh sách u thích Hình 10 Màn hình chia sẻ động vật Hình 11 Màn hình thơng tin động vật Hình 12 Màn hình thơng tin động vật chi tiết Hình 13 Màn hình tìm kiếm (bằng nhập thơng tin) Hình 14 Màn hình tìm kiếm (bằng hình ảnh) Hình 15 Màn hình tình trạng phân bố động vật Hình 16 Màn hình nơi xem động vật thật Hình 17 Màn hình thơng tin tài khoản Hình 18 Màn hình viết động vật Hình 19 Màn hình hiển thị câu hỏi xác nhận Hình 20 Màn hình ủng hộ tiền Hình 21 Màn hình lựa chọn ngân hàng Hình 22 Màn hình xếp hạng chia sẻ app 28 29 29 30 30 31 32 32 33 33 34 35 36 36 37 37 38 38 39 39 40 40 CHƯƠNG 1: KHẢO SÁT PHÂN TÍCH THAM KHẢO I KHẢO SÁT YÊU CẦU KHÁCH HÀNG VÀ PHÂN TÍCH YÊU CẦU Khảo sát yêu cầu 1.1 Link khảo sát: https://forms.gle/uHgiMmMPgrpmSTEP8  Hình Phiếu khảo sát nhu cầu sử dụng ứng dụng động vật học Sau hoàn thành khảo sát với 137 phản hồi, chúng tơi có phản hồi tích cực sau phía người dùng 1.2 Độ tuổi Độ tuổi trung bình tham gia khảo sát từ 18 đến 30 tuổi chiếm 95,6%, lại độ tuổi 18 tuổi H 1.3 Giới tính Số lượng người tham gia khảo sát nghiêng nhiều phía nam nhiều với 51.5%, nữ với 48.5%.  H 1.4 Nhu cầu tìm hiểu động vật Phụ thuộc vào nhiều yếu tố mà nhu cầu tìm hiểu động vật bị ảnh hưởng Về người tham gia khảo sát tìm hiểu động vật H 1.5 Những vấn đề quan tâm tìm hiểu động vật Theo kết khảo sát 136 câu trả lời tìm hiểu động vật người thường quan tâm tới Hệ thống động vật học (Nghiên cứu đa dạng giới động vật) sau vấn đề Hình thái động vật học (Nghiên cứu cấu tạo đời sống động vật) Cịn vấn đề khác quan tâm H 1.6 Nhu cầu sử dụng ứng dụng di động động vật học Đa số người tham gia khảo sát chưa sử dụng ứng dụng di động động vật học trước chiếm 78.7%, số người sử dụng chiếm 21.3% Nhìn chung lượng người có nhu cầu sử dụng ứng dụng di động động vật học 10 ... hình lựa chọn ngân hàng Hình 22 Màn hình xếp hạng chia sẻ app 28 29 29 30 30 31 32 32 33 33 34 35 36 36 37 37 38 38 39 39 40 40 CHƯƠNG 1: KHẢO SÁT PHÂN TÍCH THAM KHẢO I KHẢO SÁT YÊU CẦU KHÁCH... sẻ động vật 33 2.11 Màn hình thơng tin động vật 34 2.12 Màn hình thơng tin động vật chi tiết 35 2. 13 Màn hình tìm kiếm (bằng nhập thơng tin) 36 2.14 Màn hình tìm kiếm (bằng hình ảnh) 36 2.15 Màn... hình đăng nhập 30 2.5 Màn hình trang chủ 30 2.6 Màn hình trang phân loại 31 2.7 Màn hình danh sách động vật 32 2.8 Màn hình danh sách thú cưng 32 2.9 Màn hình danh sách u thích 33 2.10 Màn hình