Đối với những người dùng thơng thường khi truy cập vào website. Trang web sẽ hiển thị giao diện trang chủ với đầy đủ thơng tin sản phẩm mới, khĩa học mới, các sản phẩm khuyến mãi, các tin tức vừa được cập nhật mới nhất và Logo và slogan của website.
GVHD:Ths Bùi Thị Hồng Phúc SVTH: Nguyễn Hồng Thạch
Với giao diện trang chủ, khách hàng cĩ thể tìm thấy thơng tin các mĩn ăn nổi bật, các tin tức mới đăng, các khĩa học mới, với một video đặc trưng cửa website.
Với một menu ngang, khách hàng cĩ thể dể dàng liên kết đến với bất kì các trang nào khác. Ở giao diện side hình nĩ được liên kết với những mĩn ăn mà được admin cài đặt sẵn .
Với khả năng cập luơn cập nhật những mĩn ăn mới nhất. Nhĩm sản phẩm được trình bày đầu tiên với tiêu đề “Nấu gì hơm nay”.
Nhằm đem đến với những mĩn ăn được hạ giá mới nhất và nhanh nhất. Modul tin khuyến mãi được bố trí ở vị trí thuận tiện và dễ thấy nhất. Hiển thị các thơng tin sản phẩm hiện đang cĩ khuyến mãi của website. Ngồi ra website cịn hiển thị những sản phẩm bán chạy nhất “ Mĩn ăn thơng dụng ” của cửa hàng nhằm cho khách hàng nào muốn tìm hiểu nhanh các mĩn ăn hiện cĩ của hệ thống.
Modul hiển thị các “ Tin tức ẩm thực ” mới đăng gần đây nhất của website và một video của một khĩa học đặc trưng nhằm tạo sự thu hút khách hàng.
Gĩc trái của trang chủ website bao gồm khung tìm kiếm, các mĩn bánh thơng dụng, và tổng thể các loại mĩn ăn hiện cĩ của cửa hệ thống.
Ngồi ra hệ thống cịn hỗ trợ hiển thị “thơng tin các khĩa học ”mới nhằm cung cấp những chi tiết mới.
Cuối trang chủ trình bày các thơng tin về một số hình ảnh mĩn ăn của nhà hàng, bài giới thiệu tĩm tắt, và địa chỉ liên hệ. Và thống kê số lượng truy câp nhưng của ngày hơm qua, khách hàng đang online, tổng cộng lượt truy cập theo IP.
Ngồi ra cịn hiển thị một menu nhỏ cĩ thể giúp người dùng chia sẻ website qua các trang mạng xã hội như Facebook, Google +, Twitter, và liên hệ.
GVHD:Ths Bùi Thị Hồng Phúc SVTH: Nguyễn Hồng Thạch
GVHD:Ths Bùi Thị Hồng Phúc SVTH: Nguyễn Hồng Thạch
Khi người dùng vào mục giới thiêu, tại đây sẽ hiển thị thơng tin bài giới thiệu tổng quan về website, một số đặc trưng của website.
Giao diện quản lý khĩa học sẽ liệt kê các thơng tin khĩa học hiện cĩ, với tiêu chí lấy ra những khĩa học mới được xếp trên cùng.
GVHD:Ths Bùi Thị Hồng Phúc SVTH: Nguyễn Hồng Thạch
Khi người dùng tiến hành chọn một khĩa học bất kì. Thơng tin khĩa học đĩ sẽ hiện ra kèm theo các video cĩ liên quan của khĩa học đĩ.
Hình 19. Thơng tin khĩa học chi tiết
Đối với phần các video đi kèm khĩa học cĩ các trường hợp.
Người dùng chưa đăng nhập hoặc đăng kí vào hệ thống
Người dùng chưa đăng kí khĩa học
GVHD:Ths Bùi Thị Hồng Phúc SVTH: Nguyễn Hồng Thạch
Nếu khách hàng chấp nhận đăng kí vào khĩa học. Hệ thống sẽ tự động chuyển đến trang đăng kí được thanh tốn bằng thẻ điện thoại.
Hình 20. Giao diện đăng kí khĩa học
Khi khách hàng đăng kí, hệ thống sẽ lấy được số tiền mà khách hàng nạp vào. Khi đĩ sẽ cĩ được lần xem bằng cơng thức = số tiền / 1000. Và hiển thị tồn bộ video mà khách hàng đăng kí một khĩa học. Với mỗi lần click, hệ thống sẽ tiến hành cập nhật lại số lần xem của cửa video và trừ đi số lần xem cịn lại.
GVHD:Ths Bùi Thị Hồng Phúc SVTH: Nguyễn Hồng Thạch
Ngồi ra, để xem được tổng hợp các video cĩ thể xem được, khách hàng vào để xem. Tại đây sẽ liệt kê tất cả các video mà khách hàng đã đăng kí của tất cả các khĩa học.
Hình 21. Giao diện video hướng dẫn
GVHD:Ths Bùi Thị Hồng Phúc SVTH: Nguyễn Hồng Thạch
Ngồi ra, để hỗ trợ cập nhật tin tức một cách nhanh nhất, website cĩ hỗ trợ đăng tin tức theo các chủ đề cĩ sẵn .
GVHD:Ths Bùi Thị Hồng Phúc SVTH: Nguyễn Hồng Thạch
Hình 24. Giao diện khi xem chi tiết nội dung tin tức.
Khi người dùng chọn vào phần Sản phẩm của trang web. Nhằm tạo ra sự đa dạng về sản phẩm, các thơng tin mĩn ăn sẽ được lấy ngẫu nhiên theo từng loại và căn cứ theo từng loại. Những mĩn ăn ngẫu nhiên của loại đĩ sẽ hiển thị ra.
Giá tiền của sản phẩm nếu cĩ khuyến mãi sẽ thơng phần trăm
Cho phép các thành viên của website bình luận sản phẩm
Cho phép người dùng xem các sản phẩm cùng loại
Xuất hiện khi và khỉ khi người dùng thêm sản phẩm vào giỏ hàng
GVHD:Ths Bùi Thị Hồng Phúc SVTH: Nguyễn Hồng Thạch
GVHD:Ths Bùi Thị Hồng Phúc SVTH: Nguyễn Hồng Thạch
Nếu khách hàng cĩ nhu cầu xem danh sách giỏ hàng gồm những sản phẩm gì, chỉ việc nhấp vào giỏ hàng. Hệ thống sẽ tiến hành lấy thơng tin và hiển thị.
Hình 26. Liệt kê sản phẩm cĩ trong giỏ hàng
Nếu khách hàng cĩ nhu cầu đặt hàng và thanh tốn giỏ hàng, khách hàng cĩ thể nhấp vào Đặt hàng hệ thống sẽ tiến hành lập hĩa đơn và đặt tình trạng hĩa đơn mới vừa lập là chưa giao hàng.
Để xem lại thơng tin giao dịch của mình.
GVHD:Ths Bùi Thị Hồng Phúc SVTH: Nguyễn Hồng Thạch
Những chức năng liên quan đến giao dịch bắt buộc người dùng phải tiến hành đăng nhập hệ thống.
Hình 28. Giao diện đăng nhập hệ thống
Khi người dùng tiến hành đăng nhập hệ thống, khi tiến hành nhập username, password. Hệ thống sẽ so sánh nếu người dùng khơng tồn tại sẽ thơng báo người dùng khơng tồn tại, ngược lại sẽ tiến hành lấy phân quyền.
Nếu phân quyền người dùng là người dùng bình thường sẽ được chuyển tiếp đến trang chủ. Ngược lại nếu là Amdin, hoặc Mod thì sẽ được chuyển đến trang quản lý Admin Manager.
Ngồi những chức năng trên, website cịn hỗ trợ một số chức năng như quên mật khẩu, liên hệ đĩng gĩp ý kiến, đăng ký, thay đổi thơng tin cá nhân.
Khi người dùng quên mật khẩu đăng nhập, hệ thống hỗ trợ người dùng lấy lại thơng tin mật khẩu, nếu người dùng trả lời thành cơng các thơng tin đặt ra. Khi đĩ mật khẩu mới sẽ được cung cấp lại là tên đăng nhập và đồng thời cũng gửi mail thơng báo mật khẩu mới của khách hàng.
GVHD:Ths Bùi Thị Hồng Phúc SVTH: Nguyễn Hồng Thạch
Bất kì một tài khoản nào, muốn tham gia giao dịch trên website. Khi đĩ người dùng sẽ tiến hành đăng kí tài khoản. Để tránh tình trạng Spam, website được bảo vệ bởi capcha. Nếu người dùng điền đầy đủ thơng tin theo yêu cầu và nhập đúng capcha. Hệ thống sẽ tiến hành tạo một tài khoản mới và lập tức cĩ hiệu lực trên website
GVHD:Ths Bùi Thị Hồng Phúc SVTH: Nguyễn Hồng Thạch
Hình 31. Giao diện chỉnh sửa thơng tin
Với giao diện dạng tab, người dùng cĩ thể chọn giữa thay đổi thơng tin thơng thường hoặc thay đổi mật khẩu.
GVHD:Ths Bùi Thị Hồng Phúc SVTH: Nguyễn Hồng Thạch
GVHD:Ths Bùi Thị Hồng Phúc SVTH: Nguyễn Hồng Thạch