Giao diện Admin
Khi người dùng đăng nhập với quyền admin hoặc Mod thì sẽ được chuyển đến trang Admin Manager. Tại trang giao diện này người quản lý cĩ thể thực hiện một số thống kê đơn giản như biết được số người dùng hiện cĩ của hệ thống, số sản phẩm đang hoạt động, số bài đăng, số đơn hàng chờ, những giao dịch thành cơng, tổng các đơn hàng .Với một bảng thống kê giúp quản lý cĩ thể xem tình hình bán hàng trong 4 tháng vừa qua.
Hình 33. Giao diện trang Admin Manager.
Với một hệ thống menu trực quan, giúp người quản lý cĩ thể dễ dàng quản lý từng mục mà khơng phải đi vịng.
GVHD:Ths Bùi Thị Hồng Phúc SVTH: Nguyễn Hồng Thạch
Hình 35. Thêm sự kiện mới
Với giao diện này quản lý cĩ thể giúp người dùng cài đặt sự kiện và dễ dàng quản lý tin tức các sản phẩm. Thống kê số tin tức hiện đang cĩ trên website.
GVHD:Ths Bùi Thị Hồng Phúc SVTH: Nguyễn Hồng Thạch
Tại đây cĩ thể giúp người dùng cĩ cái nhìn tổng quan về những đơn hàng hiện cĩ và những người dùng mới một cách sơ lược. Và cùng theo đĩ cĩ thể nắm bắt được tình hình buơn bán sản phẩm, và các sản phẩm đang hoạt động.
Hình 37. Quản lý sản phẩm và khĩa học trang Admin
GVHD:Ths Bùi Thị Hồng Phúc SVTH: Nguyễn Hồng Thạch
Người dùng cĩ thêm một tin tức khi đã thỏa các yêu cầu đặt ra như điền đầy đủ các thơng tin cần thiết.
Quản lý tin tức
Với một giao diện dạng bảng cĩ thể giúp người dùng dễ dàng quản lý được các tin tức hiện đang cĩ trên hệ thống. Tại đây người dùng cĩ thể dễ dàng tìm kiếm tin tức và tùy chọn được số sản phẩm hiện trên website
Hình 39. Giao diện thao tác tin tức
Tại đây người quản lý cĩ thể tác chỉnh sửa hoặc xĩa bài đăng hiện tại. Nếu người dùng chọn tác xĩa bài lập tức bài đăng sẽ được xĩa khỏi hệ thống. Ngược lại, khi chọn chỉnh sửa sẽ được chuyển sang trang mới.
GVHD:Ths Bùi Thị Hồng Phúc SVTH: Nguyễn Hồng Thạch
Tại đây người dùng phải điền đầy đủ thơng tin nếu khơng hệ thống sẽ báo lỗi. Và được cập nhật dưới 2 dạng cĩ cập nhật hình ảnh và khơng cập nhật hình ảnh.
Hình 41. Thơng báo khi cập nhật khơng cĩ hình ảnh tin tức
Ngồi ra, hệ thống cịn hỗ trợ chức năng tương tự như thêm khĩa học mới, cập nhật khĩa học mới, và quản lý khĩa học.
Hình 42. Giao diện thêm mới khĩa học
GVHD:Ths Bùi Thị Hồng Phúc SVTH: Nguyễn Hồng Thạch
Hình 44. Giao diện chỉnh sửa khĩa học
Ngồi ra, với mỗi khĩa học được hệ thống hỗ trợ thêm các video đi kèm. Mỗi khĩa học cĩ rất nhiều video đi theo nĩ. Người dùng cĩ thể thêm, xĩa, hoặc sửa nội dung của một video.
Hình 45. Giao diện quản lý video
Khi người dùng muốn tháo gỡ video khỏi hệ thống. Chỉ việc nhấp vào xĩa video thì lập tức video sẽ được xĩa. Ngồi ra để chỉnh sửa video.
GVHD:Ths Bùi Thị Hồng Phúc SVTH: Nguyễn Hồng Thạch
Hình 46. Giao diện chỉnh sửa video
GVHD:Ths Bùi Thị Hồng Phúc SVTH: Nguyễn Hồng Thạch
Để hỗ trợ người quản lý cĩ thể trả lời những ý kiến của khách hàng một cách nhanh nhất cĩ thể, hệ thống hỗ trợ giao diện trực quang dạng tab giúp người dùng cĩ thể chuyển qua lại một cách nhanh chĩng.
Hình 48. Giao diện hộp thư trả lời ý kiến khách hàng (adsbygoogle = window.adsbygoogle || []).push({});
Khi cĩ một thư mới, người quản lý nhấp vào trả lời thì tự động hệ thống sẽ lấy nội dung của mail đĩ và chuyển sang tab soạn thư mới. Nếu khi thỏa các điều kiện, thư được gữi đi, thư vừa gửi đĩ sẽ được lưu vào CSDL và cập nhật vào tab thư đã gửi. Phần người gửi, mail người nhận hệ thống sẽ tự động điền và khơng được quyền tác động tới.
GVHD:Ths Bùi Thị Hồng Phúc SVTH: Nguyễn Hồng Thạch
Quản lý người dùng
Khi người quản lý muốn thêm một người dùng mới. Admin cĩ thể chọn vào menu quản lý người dùng -> Thêm người dùng mới.
Hình 50. Menu chọn thêm người dùng mới
Các thao tác thêm người dùng mới chỉ được thực hiện khi và chỉ khi hồn thành các nội dung mà hệ thống yêu cầu. Ngược lại hệ thống sẽ thơng báo lỗi. Khi thêm người dùng mới admin sẽ cĩ yêu cầu chọn người dùng mới được thêm vào là người dùng dạng nào (admin, Mod, người dùng thường). Khi hồn thành, hệ thống sẽ tự động lấy thơng tin đã được điền vào, lưu vào CSDL và người dùng được thêm vào sẽ cĩ hiệu lực hoạt động ngay lập tức.
GVHD:Ths Bùi Thị Hồng Phúc SVTH: Nguyễn Hồng Thạch
Nếu người quản trị muốn xem tổng thể các user đang hoạt động thì cĩ thể vào mục Danh sách người dùng.
Hình 52. Danh sách người dùng
Tại đây admin cĩ thể thực hiện thao tác đối với bảng dữ liệu như
Với khung tìm kiếm này người dùng cĩ thể tìm kiếm thơng tin trong bảng Chọn dạng in danh sách sách
Chọn lựa ẩn cột trong bảng
Lựa chọn số dịng hiển thị
Khi nhấp vào xem thơng tin cá nhân chi tiết của một người dùng cụ thể. Hệ thống sẽ phân tích và lấy ra tất cả thơng tin của người dùng đĩ.
GVHD:Ths Bùi Thị Hồng Phúc SVTH: Nguyễn Hồng Thạch
Tại đây nếu người quản lý đăng nhập dưới quyền admin, thì cĩ thể nâng cấp hoặc hạ cấp người dùng đang xem.
Hình 54. Nâng cấp người dùng
Hình 55. Hạ cấp người dùng
Khi người quản lý chọn vào xĩa người dùng thì lập tức người dùng sẽ được xĩa khỏi hệ thống và khơng cịn hiệu lực làm việc. Ngồi ra, để truy vấn xem người dùng nào đĩ cĩ từng tham gia mua hàng hay khơng cĩ thể nhấp vào “Xem thơng tin giao dịch”.
Hình 56. Lựa chọn menu truy vấn người dùng
Nếu người dùng cĩ tham gia mua hàng, hệ thống sẽ tự động lấy tất cả các đơn hàng của người đĩ, hiển thị theo dạng danh sách. Ngược lại sẽ trả về dữ liệu rỗng.
GVHD:Ths Bùi Thị Hồng Phúc SVTH: Nguyễn Hồng Thạch
Hình 58. Đơn hàng của người dùng chưa mua hàng
Ngồi ra, liên quan đến quản lý user tại đây người dùng cĩ thể quản lý câu hỏi bảo mật liên quan tới việc đăng kí và quên mật khẩu.
GVHD:Ths Bùi Thị Hồng Phúc SVTH: Nguyễn Hồng Thạch Quản lý khách hàng & đơn hàng
Để quản lý đơn hàng và khách hàng mới, người quản lý cĩ thể vào menu “Đơn hàng”. Tại đây hệ thống sẽ phân loại ra những đơn hàng mới và đơn hàng đã giao.
Hình 60. Danh sách đơn hàng mới
Hình 61. Danh sách tổng hợp đơn hàng
Tại đây người quản lý cĩ thể thực hiện tìm kiếm dữ liệu ngay trên bảng, dữ liệu sẽ được lọc ra theo đúng dữ liệu người dùng nhập vào.
Ngồi ra cĩ thể lựa chọn sắp xếp dữ liệu theo thứ tự chữ cái. Để in ra danh sách dữ liệu hiện cĩ trên bảng cĩ thể nhấp vào các button phân loại tập tin. (adsbygoogle = window.adsbygoogle || []).push({});
Để hạn chế dữ liệu hiện thị trên trên bảng quá nhiều người quản lý cĩ thể chọn số dịng hiển thị thơng qua button giới hạn số trang. Và lựa chọn số cột hiện thị trên một bảng.
GVHD:Ths Bùi Thị Hồng Phúc SVTH: Nguyễn Hồng Thạch
Khi muốn xem chi tiết đơn hàng, quản lý cĩ thể nhấp vào “Chi tiết đơn hàng”.
Hình 62. Xem chi tiết đơn hàng
Hình 63. Chi tiết đơn hàng
Giao diện chi tiết đơn hàngTại đây hệ thống sẽ liệt kê đầy đủ thơng tin đơn hàng như: tên khách hàng, thơng tin, tình trạng giao hàng. Nếu đơn hàng chưa giao hàng button giao hàng sẽ hiện, ngược lại sẽ được ẩn đi.
Quản lý sản phẩm
Khi muốn thêm một sản phẩm mới vào hệ thống, chọn vào “thêm sản phẩm mới”.
GVHD:Ths Bùi Thị Hồng Phúc SVTH: Nguyễn Hồng Thạch
Khi điền đầy đủ các thơng tin mà hệ thống đặt ra như: mã sản phẩm, tên sản phẩm, loại sản phẩm, giáo viên hướng dẫn…Tại những select box, người quản lý cĩ thể thực hiện tìm kiếm ngay trên textbox đĩ. Thao tác này giúp người sử dụng tiết kiệm được khoảng thời gian nhất định cho việc lựa chọn. Việc thiết lập khuyến mãi sẽ được thiết lập sau khi sản phẩm đĩ được tạo.
Giá sản phẩm sẽ cĩ hiệu lực khi sản phẩm bắt đầu tạo và ngày hoạt động của giá đĩ sẽ được lấy mặc định ngày sản phẩm được tạo.
Khi hồn thành các thao tác. Hệ thống sẽ lưu mĩn ăn mới vào danh sách các mĩn ăn hiện đang cĩ trên hệ thống và cĩ hiệu lực hoạt động ngay lập tức.
Hình 65. Danh sách sản phẩm đang hoạt động
Tại đây hệ thống sẽ phân biệt ra danh sách sản phẩm đang hoạt động, tạm ngưng, danh sách sản phẩm đã xĩa.
Hình 66. Tổng danh sách sản phẩm
Những sản phẩm đã xĩa sẽ được hiển thị dấu chấm than. Nếu muốn hoạt động lại cĩ thểm bấm vào “Khơi phục”. Lập tức sản phẩm sẽ cĩ hiệu lực hoạt động trở lại.
GVHD:Ths Bùi Thị Hồng Phúc SVTH: Nguyễn Hồng Thạch
Khi cĩ nhu cầu thay đổi thơng tin liên quan đến mĩn ăn đang hoạt động, người sử dụng cĩ thể chọn vào “Chỉnh sửa”.
Hình 67. Thao tác chỉnh sửa sản phẩm
Hệ thống sẽ được chuyển đến trang chỉnh sửa, lấy tất cả các thơng tin hiện tại đưa lên form.
Hình 68. Giao diện chỉnh sửa mĩn ăn
Tại giao diện chỉnh sửa này, người sử dụng cĩ thể thay đổi thơng tin bằng các điền lại các thơng tin nếu cĩ nhu cầu.
Riêng thơng tin khuyến mãi nếu cĩ nhu cầu thay đổi cĩ thể nhấp vào button thay đổi giao diện để cài đặt thơng tin khuyến mãi cho mĩn ăn sẽ được thiết lập
GVHD:Ths Bùi Thị Hồng Phúc SVTH: Nguyễn Hồng Thạch
Khi cĩ nhu cầu thêm thơng tin khuyến mãi mới người dùng phải điền đầy đủ thơng tin như ngày bắt đầu và ngày kết thúc. Với điều kiện ngày bắt đầu và ngày kết thúc phải được thiết lập lớn hơn hoặc bằng với ngày hiện tại nếu khơng hệ thống sẽ báo lỗi và khơng cĩ hiệu lực hoạt động sau khi submit. Nếu ngày kết thúc nhỏ hơn ngày hiện tại hệ thống sẽ báo lỗi và bị tơ đỏ. Ngược lại nếu ngày bắt đầu và ngày kết thúc lớn hơn ngày hiện tại khuyến mãi sẽ được đặt vào tình trạng chờ.
Hình 70. Tình trạng chờ khuyến mãi.
Nếu ngày bắt đầu bằng ngày hiện tại và ngày kết thúc lớn hơn. Thì khuyến mãi đĩ sẽ cĩ hiệu lực hoạt động ngay lập tức.
Hình 71. Tình trạng đang khuyến mãi.
Hình 72. Tình trạng khuyến mãi của sản phẩm khi thiết lập
Với việc thiết lập giá cho sản phẩm cũng tương tự như việc thiết lập khuyến mãi sản phẩm. (adsbygoogle = window.adsbygoogle || []).push({});
Hình 73. Danh sách bản giá
Khi cĩ nhu cầu thêm giá mới cho một sản phẩm thì lập tức giá sản phẩm hiện tại sẽ được dừng và thay vào đĩ là giá thêm vào sẽ hoạt động. Ngày bắt đầu sẽ được hệ thống lấy mặc định là ngày bắt đầu cập nhật giá mới.
GVHD:Ths Bùi Thị Hồng Phúc SVTH: Nguyễn Hồng Thạch
Khi thêm một giá mới người dùng cĩ thể chọn lựa giữa cĩ giới hạn ngày kết thúc hay khơng. Nếu khơng thì ngày kết thúc sẽ được thiết lập là NULL và chỉ được xác định khi cĩ giá mới.
Quản lý chung
Tại mục quản lý chung người quản lý cĩ thể thiết lập các thơng tin về “Loại sản phẩm”, “Nguồn gốc sản phẩm”, “ Quản lý giáo viên”.
Hình 74. Giao diện quản lý loại sản phẩm
Khi muốn thêm vào loại mĩn ăn mới thì người dùng cĩ thể điền dữ liệu vào texbox thêm mĩn ăn, và nhấn button thêm thì hệ thống sẽ lập tức thêm mĩn ăn đĩ vào CSDL và hiển thị ngược lại giao diện.
Hình 75. Thay đổi mĩn ăn
Khi muốn xĩa loại mĩn cĩ thể nhấp vào button xĩa. Loại mĩn sẽ được xĩa khỏi hệ thống của website.
GVHD:Ths Bùi Thị Hồng Phúc SVTH: Nguyễn Hồng Thạch
Chức năng tương tự gồm “Dịp nấu”, “Nguồn gốc sản phẩm”, “Giáo viên”,
“ Loại sản phẩm ”
Hình 76. Giao diện quản lý loại sản phẩm
GVHD:Ths Bùi Thị Hồng Phúc SVTH: Nguyễn Hồng Thạch Quản lý cấu hình
Tại menu này, người dùng cĩ thể thiết lập bài giới thiệu vể website và khi cập nhật nĩ sẽ được lưu vào CSDL và hiển thị tại menu giới thiệu về website của trang người dùng.
Hình 78. Tạo bài giới thiệu website
GVHD:Ths Bùi Thị Hồng Phúc SVTH: Nguyễn Hồng Thạch
Tại đây, người quản lý cĩ thể thiết lập về title của web, slogan web, icon hiển thị web, và tình trạng hoạt động của web.
Đặc biệt khi thiết lập tình trạng hoạt động, nếu nhấp vào “bảo trì ” thì lập tức trang người dùng sẽ được chuyển sang chế độ bảo trì.
Hình 80. Giao diện website bảo trì.
Hình 81. Quản lý side ảnh
Tại đây người dùng cĩ thể thiết lập side ảnh của side ảnh hiển thị ở trang người dùng bằng cách thêm mới, cập nhật lại. Mỗi hình hiển thị sẽ được liên kết với một mĩn ăn để khi người dùng nhấp vào sẽ được hướng đến mĩn ăn cụ thể.
GVHD:Ths Bùi Thị Hồng Phúc SVTH: Nguyễn Hồng Thạch Thống kê doanh thu website
Với giao diện này cĩ thể giúp người dùng cĩ cái nhìn tổng quát về số lượng video, khĩa học đã đăng, lượt đăng kí khĩa học, lượt bình luận, số lượng hộp thư đến, và các thư đư đã xử lý.
Để người quản lý cĩ thể thống kê được tình hình buơn bán của tháng hiện tại với một biểu đề thống kê theo từng ngày cĩ thể thơng báo doanh thu một cách chính xác từng ngày. Ngồi ra để biết chính xác doanh thu từng tháng hệ thống hỗ trợ biểu đồ.
Thống kê hình trịn người quản lý cĩ thể thống kê được tỉ lê phần trăm hiện tại của sản phẩm đang bán, tình hình xử lý thư, thống kê người dùng, xử lý đơn hàng.
Ngồi ra, để cĩ thể nắm bắt được tình hình bán hàng chi tiết mĩn ăn bán chạy nhất của tháng, hệ thống cịn hỗ trợ một bảng danh sách các mĩn ăn cĩ mặt trong nhiều hĩa đơn nhất. Từ đĩ cĩ thể giúp người quản lý đưa ra kế hoạch kinh doanh cho website.
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 (adsbygoogle = window.adsbygoogle || []).push({});