giao tiếp người máy GREEN CHECK

TRƯỜNG ĐẠI HỌC NÔNG LÂM THÀNH PHỐ HỒ CHÍ MINH KHOA CÔNG NGHỆ THÔNG TIN -   - GIAO TIẾP NGƯỜI MÁY Đề tài: GREEN CHECK TPHCM, tháng năm 2016 MỤC LỤC PHÁT BIỂU BÀI TOÁN 1.1 GIỚI THIỆU 1.2 MÔ TẢ ỨNG DỤNG GREEN CHECK 1.2.1 Hàng hóa .3 1.2.2 Cửa hàng .3 1.2.3 Thành phần phụ gia .4 1.2.4 Chức .4 THUẬT NGỮ VÀ PHƯƠNG PHÁP THIẾT KẾ 2.1 THUẬT NGỮ 2.2 PHƯƠNG PHÁP THIẾT KẾ TRANG CHỦ 3.1 SƠ ĐỒ LIÊN KẾT GIỮA CÁC MÀN HÌNH 3.2 CÁC MÀN HÌNH ĐẶC TẢ CÁC MÀN HÌNH .6 4.1 MÀN HÌNH ĐĂNG KÝ .6 4.2 MÀN HÌNH ĐĂNG NHẬP 4.3 MÀN HÌNH TRANG CHỦ .11 4.4 MÀN HÌNH THÔNG TIN CỬA HÀNG 15 4.5 MÀN HÌNH THỰC PHẨM .17 4.6 MÀN HÌNH CHI TIẾT SẢN PHẨM 20 4.7 MÀN HÌNH TÌM ĐỊA ĐIỂM CỬA HÀNG 22 Phát biểu toán 1.1 Giới thiệu Thực phẩm bẩn trở thành nỗi lo thường trực nhiều bà nội trợ Thông tin liên tiếp thực phẩm nhiễm khuẩn, không đạt chất lượng an toàn vệ sinh thực phẩm gây tâm lý hoang mang tới người tiêu dùng Dường chất hóa học độc hại có hầu hết loại thực phẩm, từ tôm cá, rau củ đến loại hoa quả, bánh trái, từ đồ ăn tươi sống đến thực phẩm khô, gia vị, … gây ảnh hưởng xấu lâu dài đến sức khỏe người Nắm bắt tâm lý với nhu cầu tăng cao người tiêu dùng, nhiều cửa hàng kinh doanh thực phẩm đời ngày phát triển mạnh mẽ Nhưng để người tiêu dung phân biệt sản phẩm sản phẩm bẩn tràn lan thị trường Vậy nên Green Check ứng dụng hoàn hảo để kiểm tra sản phẩm dành cho người dùng 1.2 Mô tả ứng dụng Green Check 1.2.1 Hàng hóa Mỗi mặt hàng có mã QR riêng biệt (khóa chính) mã QR có chứa thông tin mặt hàng: - Mã QR (khóa chính) - Tên mặt hàng (khóa phụ) - Danh sách ảnh minh họa - Giá tham khảo - Thông tin chi tiết: bao gồm mô tả vể sản phẩm danh sách thành phần phụ gia 1.2.2 Cửa hàng Cửa hàng đối tượng Green Check, cửa hàng có mã QR riêng, mã QR có chứa: - Thông tin cửa hàng - • Mã QR (khóa chính) • Tên cửa hàng (khóa phụ) • Danh sách đối tác (hợp tác với doanh nghiệp nào, đại lý nhà sản xuất đó) Liên Hệ: • Địa • Số điện thoại • Email • - Link tới website riêng Danh sách mặt hàng có bán cửa hàng 1.2.3 Thành phần phụ gia Thành phần phụ gia đối tượng Green Check để làm chức tìm kiếm phụ gia bao gồm: - Tên (người dùng có xu hướng nhớ tên nhớ kí hiêu nên tìm kiêm tên, nhiều chất phụ gia có tên (thường đặt tên theo chức năng) lại chất khác có kí hiệu khác nhau) - Kí hiệu (Khóa chính) - Chi tiết: - • Là chất • Công dụng • Sử dụng trường hợp Mức độ nguy hiểm có mức: • An toàn, ko ảnh hưởng đến sức khỏe • Ít ảnh hưởng sử dụng lượng vừa phải • ảnh hưởng nghiêm trọng đến sức khỏe, chất gây ung thư • Nguy hiểm, gây ngộ độc, cấm sử dụng 1.2.4 Chức - Theo dõi nguồn gốc hàng hóa mã QR - Chức tìm kiếm cửa hàng uy tính gần - Chức hiển thị sản phẩm - Chức kiểm tra thành phần phụ gia Thuật ngữ phương pháp thiết kế 2.1 Thuật ngữ STT Thuật ngữ Mô tả QR Quick Response: có nghĩa phản hồi nhanh chóng Gọi tắt quét mã QR Green check Kiểm tra phẩm 2.2 Phương pháp thiết kế Ứng dụng thiết kế nhờ trợ giúp công cụ photoshop CS6 Ứng dụng chủ yếu vẽ dựa việc cắt dán hình ảnh, sử dụng icon hợp lý với chức hình, cách lựa chọn màu sắc tạo nên hài hòa màu sắc cho giao diện ứng dụng Trang chủ 3.1 Sơ đồ liên kết hình 3.2 Các hình - Màn hình trang chủ - Màn hình đăng ký - Màn hình đăng nhập - Màn hình thông tin cửa hàng - Màn hình thực phẩm - Màn hình chi tiết sản phẩm - Màn hình tìm kiếm địa điểm thực phẩm Đặc tả hình 4.1 Màn hình đăng ký Tác giả: Hồ Đức Lâm Tác giả: Hồ Đức Lâm Tên trường Kiểu liệu Mặc định Mô tả Đăng kí Tabbar Ảnh đại diện Button Không có hình ảnh Cho phép người dùng tải ảnh từ điện thoại lên Tên đăng nhập TextView Ô trống Cho phép người Vào trang đăng kí dùng nhập tên đăng nhập Mật TextView Ô trống Cho phép người dùng nhập mật Nhập lại mật TextView Ô trống Cho phép người dùng nhập lại mật Số điện thoại TextView Ô trống Cho phép người dùng nhập số điện thoại Button đăng ký Button Không chọn Cho phép người dùng đăng ký tài khoản nhấp vào nút đăng ký Nhập mã xác nhận từ điện thoại TextView Ô trồng Cho phép người dùng nhập mã xác nhận để kích hoạt tài khoản Nút kích hoạt tài khoản Button Không chọn Người dùng nhấn nút để kích hoạt tài khoản đăng ký Facebook Button Không chọn Người dùng đăng ký tài khoản facebook 4.2 Màn hình đăng nhập Tác giả: Hồ Đức Lâm Tên trường Kiểu liệu Mặc định Mô tả Đăng nhập Tabbar Hiển thị Chuyển sang trang đăng nhập Tên đăng nhập TextView Ô trống Cho phép người dùng nhập tên đăng nhập Mật TextView Ô trống Cho phép người dùng nhập mật Nút đăng nhập Button Không chọn Người dùng nhấn nút đăng nhập vào hệ thống Facebook Button Không chọn Liên kết đăng nhập facebook 10 4.3 Màn hình trang chủ Tác giả: Võ Thị Kim Cương 11 Màn hình navigation giúp chuyển trang đơn giản Tác giả: Hồ Đức Lâm 12 Thông báo đăng xuất khỏi ứng dụng Tên Kiểu liệu Mặc định Mô tả 13 Màn hình LinearLayout Nhận liệu người dùng nhập vào tương tác với thành phần ứng dụng Nút tìm kiếm ImageButton Cho phép người dùng nhập thông tin cần tìm Chất phụ gia Button Không chọn Cho phép người dùng chuyển sang trang chất phụ gia Nhà phân phối uy tín Button Không chọn Cho phép người dùng chuyển sang trang cửa hàng Hình ảnh ImageView Hiển thị Hiển thị thông tin dựa vào hình ảnh Nút quét mã QR ImageButton Hiển thị Cho phép người dùng chọn chức quét mã sản phẩm Trang chủ, sản phẩm sạch, tra cứu phụ gia, lịch sử, cài đặt MenuItem Hiển thị Hỗ trợ chuyển trang nhanh chóng Nút đăng xuất Button Không chọn Nhấn nút đăng xuất để thoát khỏi ứng dụngs 14 4.4 Màn hình thông tin cửa hàng Tác giả: Võ Thị Kim Cương 15 Tên trường Kiểu liệu Mặc định Mô tả Thông tin Tabbar Địa ImageButton Hiển thị Chuyển sang map, xác định vị trí cửa hàng Gọi điện ImageButton Hiển thị Gọi hỗ trợ từ cửa hàng Mail ImageButton Hiển thị Hỗ trợ gửi mail phản hồi Link web ImageButton Hiển thị Chuyển đến trang web cửa hàng Hình ảnh ImageView Hiển thị Hiển thị hình ảnh cửa hàng Nút quét mã QR ImageButton Hiển thị Cho phép người dùng quét mã QR cho sản phẩm Chuyển sang trang chi tiết cửa hàng 16 4.5 Màn hình thực phẩm Tác giả: Võ Thị Kim Cương 17 Tác giả: Võ Thị Kim Cương 18 Tên trường Kiểu liệu Mặc định Mô tả Thực phẩm Tabbar Địa ImageButton Hiển thị Chuyển sang map, xác định vị trí cửa hàng Gọi điện ImageButton Hiển thị Gọi hỗ trợ từ cửa hàng Mail ImageButton Hiển thị Hỗ trợ gửi mail phản hồi Link web ImageButton Hiển thị Chuyển đến trang web cửa hàng Nút quét mã QR ImageButton Hiển thị Cho phép người dùng quét mã QR cho sản phẩm Hình ảnh ListView Hiển thị Hiển thị hình ảnh theo danh sách Xem thêm MenuItem Chuyển sang trang thực phẩm Hiển thị thêm sản phẩm khác 19 4.6 Màn hình chi tiết sản phẩm Tác giả: Hồ Đức Lâm 20 Tên trường Kiểu liệu Mặc định Mô tả Hình ảnh chi tiết ImageView Hiển thị Hiển thị chi tiết sản phẩm Like Button Không chọn Nhấn nút để hiển thị trạng thái thích Comment Button Không chọn Nhấn nút commnet để bình luận sản phẩm Share Button Không chọn Nhấn nút share để chia sẻ sản phẩm cho người Địa ImageButton Hiển thị Chuyển sang map, xác định vị trí cửa hàng Gọi điện ImageButton Hiển thị Gọi hỗ trợ từ cửa hàng Email ImageButton Hiển thị Hỗ trợ gửi mail phản hồi Link web ImageButton Hiển thị Chuyển đến trang web cửa hàng Nút quét mã QR ImageButton Hiển thị Cho phép người dùng quét mã QR cho sản phẩm 21 4.7 Màn hình tìm địa điểm cửa hàng 1 Tác giả: Võ Thị Kim Cương Tên Kiểu liệu Mặc định Mô tả Google map frame Hiển thị Hiển thị đồ dẫn 22 ... sản phẩm sản phẩm bẩn tràn lan thị trường Vậy nên Green Check ứng dụng hoàn hảo để kiểm tra sản phẩm dành cho người dùng 1.2 Mô tả ứng dụng Green Check 1.2.1 Hàng hóa Mỗi mặt hàng có mã QR riêng... hưởng xấu lâu dài đến sức khỏe người Nắm bắt tâm lý với nhu cầu tăng cao người tiêu dùng, nhiều cửa hàng kinh doanh thực phẩm đời ngày phát triển mạnh mẽ Nhưng để người tiêu dung phân biệt sản... bán cửa hàng 1.2.3 Thành phần phụ gia Thành phần phụ gia đối tượng Green Check để làm chức tìm kiếm phụ gia bao gồm: - Tên (người dùng có xu hướng nhớ tên nhớ kí hiêu nên tìm kiêm tên, nhiều