4 1Tương tác toàn đồ án Đồ án có tổng cộng 103 giao diện khác nhau Phần giao diện của tụi em chia làm 4 phần chính Đăng nhập/Đăng kí Trang chủ Trang danh sách động vật Trang danh sách động vật yêu thí[.]
4.1Tương tác tồn đồ án: Đồ án có tổng cộng 103 giao diện khác Phần giao diện tụi em chia làm phần chính: ● ● ● ● ● Đăng nhập/Đăng kí Trang chủ Trang danh sách động vật Trang danh sách động vật yêu thích Trang tài khoản Cụ thể nội dung phần, em trình bày cụ thể phần sau báo cáo 4.2 Các cụm tương tác: 4.2.1 Đăng nhập/Đăng ký: Mô tả: Tại trang giao diện “Bắt đầu” người dùng chọn bắt đầu để tiếp tục tiến hành vào ứng dụng Có phần “Hãy chọn động vật u thích” để người dùng lựa chọn u thích để ứng dụng hiển thị động vật chủ đề thích hợp Người dùng chọn “động vật” bấm “tiếp tục” bấm nút “bỏ qua” để chuyển đến giao diện “Đăng nhập” Tiến hành chọn “ Đăng nhập với mật khẩu” điền thông tin tài khoản để tiến hành việc sử dụng ứng dụng Hoặc chưa có tài khoản Bấm nút “Đăng kí” để chuyển đến giao diện “Tạo tài khoản” (do tương tự đăng nhập nên tụi em làm nhanh phần này, khơng có đăng kí cụ thể) Mặc định luồng xử lý của nhóm em người dùng tiến hành Đăng nhập, sau bấm nút “Đăng nhập” chuyển đến giao diện “Trang chủ” 4.2.2 Trang chủ: Mơ tả: Phần đầu tên app , tìm kiếm ảnh đại diện người, lướt phần fix cứng lại không di chuyển để người dùng dễ dàng tìm kiếm Phần navigation footer có mục : “trang chủ”, “ động vật ” , “ yêu thích ” , “ tài khoản ”, màu xanh người dùng chọn vào Chọn mục “ động vật “ để đến giao diện “ động vật” hiển thị danh sách động vật Chọn mục “ yêu thích “ để đến giao diện “ yêu thích ” hiển thị danh sách động vật yêu thích Chọn mục “ tài khoản “ để đến giao diện “ tài khoản ” hiển thị thiết lập thông số cần thiết Trong phần trang chủ có section sau: + Chọn phần hình có “hashtag” để chuyển đến giao diện xem chi tiết động vật +Trong phần “khoảng khắc đẹp” , chọn ảnh “ rùa biển ” để chuyển đến giao diện “thông tin động vật” xem chi tiết động vật +Trong phần “top quan tâm”, chọn “ cáo tuyết bắc cực” để chuyển đến giao diện “thông tin động vật” xem chi tiết động vật chọn “xem thêm” để xem đầy đủ danh sách +Trong phần “tin tức”, chọn “bài báo” để chuyển đến giao diện đọc tin tức chi tiết chọn “xem thêm” để xem đầy đủ danh sách tin tức +Trong phần “địa điểm tham quan”, chọn “xem thêm” để xem đầy đủ danh sách địa điểm tham quan +Trong phần “truyện cổ tích”, chọn “truyện” để chuyển đến giao diện đọc truyện chi tiết chọn “xem thêm” để xem đầy đủ danh sách truyện +Trong phần “dành riêng cho bạn”, chọn “chim hồng hạc” để chuyển đến giao diện “thông tin động vật” xem chi tiết động vật Bấm vào tìm kiếm để chuyển đến giao diện “trang tìm kiếm” bấm vào icon “ máy ảnh” để tìm kiếm hình ảnh : +Phần tìm kiếm chữ , có lịch sử , người dùng chọn lịch sử nhập thơng tin động vật cần tìm +Phần tìm kiếm hình ảnh người dùng chụp ảnh chọn icon “hình ảnh” ảnh có sẵn thiết bị Bấm mục “Tài khoản” để chuyển giao giao diện “Tài khoản” để thiết lập thông số cần thiết Và bấm mũi tên trở “ “ ngân hàng để tiếp tục qua giao diện “ ngân hàng” Chọn ngân hàng muốn sử dụng, ví dụ chọn hình ảnh “vietcombank” để đến giao diện nhập thông tin chuyển tiền chọn xem thêm để xem đầy đủ danh sách ngân hàng Chọn nút “ tiếp tục “ để đến giao diện nhập số tiền Chọn “ủng hộ ngay” để đến giao diện “xác nhận giao dịch” Chọn “ xác nhận” để giao diện mã OTP bấm “ xác thực “ để hoàn thành giao dịch Sau xong giao dịch chọn “ Về trang chủ “ để trở lại trang chủ 4.2.4 Trang u thích: Mơ tả Trong trang động vật có tìm kiếm, để người dùng chọn tìm kiếm Chọn “động vật” để đến trang “ thông tin động vật “ động vật tương ứng Và phần navigation footer chọn đến trang tương ứng Các cách tương tác tương tự trang động vật 4.2.5 Trang tài khoản Mô tả Chọn mục “ Tài khoản “ để vào trang thiết lập thay đổi thông tin người dùng thay đổi mật Chọn mục “ Lịch sử ủng hộ” để đến trang “lịch sử ủng hộ” xem số tiền động vật ủng hộ Chọn mục “ đăng xuất” để tiến hành đăng xuất giao diện thông báo “ có muốn đăng xuất hay khơng “ , chọn nút “ đăng xuất “ để đăng xuất chọn nút “hủy” để không đăng xuất icon “x” để tắt Chọn mục “ trung tâm hỗ trợ “ để đến giao diện trung tâm hỗ trợ , chọn “ điện thoại “ “email” để hổ trợ Ở mục “ email” , chọn nhập thông tin ấn nút gửi , lên cửa sổ thông báo , chọn nút “ trang chủ “ để quay lại trang chủ chọn “hủy” để phản hồi tiếp, chọn “ x “ để tắt thông báo Chọn mục “ điều khoản dịch vụ “ để xem điều khoản , thông tin dịch vụ app, bấm mũi tên “