bài tập lớn trang web bán hàng beautiful health

- Cho phép cập nhật dữ liệu hàng ngày vào Cơ sở dữ liệu- Hiển thị danh sách các sản phẩm cho từng loại.- Hiển thị hàng hóa mà khách hàng đã chọn mua.- Lưu và hiển thị danh sách các sản p

ĐỀ TÀI: TRANG WEB BÁN HÀNGBEAUTIFUL HEALTH

Giảng viên hướng dẫn: Vũ Trọng Sinh Nhóm thực hiện: 06

Hà Nội – 2022

MỨC ĐỘ ĐÓNG GÓP CỦA CÁC THÀNH VIÊN NHÓM 6Họ và tênMã sinh

Nội dung đóng gópTỷ lệđóng góp

Chữký xác

Nguyễn Thị Trang 23A4040146 Khuyến mãi, viết báo cáo 10%

1 Hiển thị thông tin về cửa hàng để quảng bá hình ảnh.302 Chức năng đăng ký tài khoản và đăng nhập cho khách hàng.30

LỜI MỞ ĐẦU

Việc kinh doanh và bán hàng online chưa bao giờ diễn ra sôi nổi và mạnh mẽnhư hiện nay Khi mà hàng triệu người trên thế giới đều sử dụng Internet vàxem đây là nơi lý tưởng để tìm kiếm thông tin, mua sắm hàng hóa, dịch vụ thìwebsite được xem là chiến lược Marketing trực tuyến mang lại hiệu quả caobên cạnh các trang mạng xã hội Điều này đã kéo hàng loạt các website thươngmại điện tử ra đời nhằm phục vụ nhu cầu mua sắm của số lượng lớn ngườidùng, Beautiful Health cũng không ngoại lệ.

Khi có một trang web, doanh nghiệp của bạn có thể hiện diện trực tuyến trênInternet Điều này giúp doanh nghiệp tiếp cận được nhiều người tiêu dùng trựctuyến, từ đó có nhiều cơ hội bán hàng Việc phát triển một trang web không tựđộng mang khách hàng đến với doanh nghiệp của bạn Tuy nhiên, thông quaviệc tối ưu hóa công cụ tìm kiếm của trang web, bạn có cơ hội có nhiều kháchhàng tiềm năng, những người có nhiều khả năng mua hơn.

Ngoài ra, việc có website bán hàng cũng giúp việc thanh toán của khách hàngthuận tiện và dễ dàng hơn Khách hàng có thể thanh toán qua thẻ ATM, qua cácphương tiện thanh toán điện tử như: momo, airpay, Cuối cùng, website bánhàng sẽ giúp nâng tầm uy tín và giá trị thương hiệu của doanh nghiệp: màu sắc,tính năng, thông tin website sẽ phản ánh đầy đủ, hình ảnh của doanh nghiệp vớikhách hàng góp phần khẳng định giá trị thương hiệu của doanh nghiệp tronglòng công chúng.

Xuất phát từ những lý do đó, nhóm chúng em đã chọn đề tài “Thiết kế Websitebán hàng đồ ăn Eat Clean - Beautiful Health” được xây dựng nhằm đáp ứngngười tiêu dùng thông qua website bán hàng này.

Eat Clean là chế độ ăn uống lành mạnh bằng thực phẩm xanh sạch và tươi, mà

không phải là thực phẩm đã được chế biến sẵn có sử dụng chất phụ gia nhântạo và chất bảo quản.

Các nguyên tắc cơ bản của Eat Clean sẽ khuyến khích con người tiêu thụ nhiềuthực phẩm nguyên chất hơn như: trái cây, rau, protein nạc, ngũ cốc nguyên hạtvà chất béo lành mạnh và đồng thời, hạn chế thực phẩm ăn nhanh đã qua chếbiến, đồ ngọt và các loại thực phẩm đóng gói khác Về cơ bản, eat clean có lợicho sức khỏe, giúp giảm cân, giảm lượng mỡ thừa, giữ cho vóc dáng luôn thongọn, cân đối và mang lại làn da căng sáng.

Chính vì những lý do đó, website bán hàng Beautiful Health đã ra đời, nhằmcung cấp những thông tin hữu ích về Eat Clean cho người dùng, cũng như bán

các sản phẩm phục vụ cho nhu cầu Eat Clean.

Beautiful Health được xây dựng dựa trên các tiêu chí mà nhóm tham khảo của

Wise Food https://wisefood.vn/

2 Mục đích xây dựng

Website bán thực phẩm Eat Clean là một website bán, giới thiệu sản phẩmvà cung cấp những thông tin liên quan đến người tiêu dùng với các mặthàng đa dạng với giá cả hợp lý, luôn có những khuyến mãi và cập nhật xuhướng.

Website gồm các chức năng:

- Cho phép cập nhật dữ liệu hàng ngày vào Cơ sở dữ liệu- Hiển thị danh sách các sản phẩm cho từng loại.- Hiển thị hàng hóa mà khách hàng đã chọn mua.- Lưu và hiển thị danh sách các sản phẩm yêu thích.- Quản lý, cập nhật tình trạng đơn hàng của khách hàng.

- Cập nhật các bài viết bổ ích về thực phẩm eat clean, các sản phẩmmới và mã giảm giá trong ngày.

- Khách hàng có thể đặt mua trực tiếp trên website.

- Công cụ tính chỉ số BMI, BMR và lượng calo nạp vào cơ thể.Website bán hàng này dành cho khách hàng có nhu cầu mua các thực phẩmEat Clean, họ sẽ tìm kiếm các mặt hàng cần thiết từ hệ thống và đặt muamặt hàng này Website sẽ hiển thị danh sách các mặt hàng của cửa hàng đểkhách hàng xem, chọn và mua Bên cạnh đó cung cấp cho khách hàngnhững tin tức hấp dẫn và mới nhất về cách sử dụng cũng như các cách chếbiến đa dạng thực phẩm của Eat Clean và các khuyến mãi của cửa hàng.Sau khi khách lựa chọn được sản phẩm ưng ý, khách có thể vào trang chitiết sản phẩm để xem kỹ về từng sản phẩm rồi sau đó có thể trực tiếp tiếnhành lên đơn và đặt hàng trực tiếp, khách hàng có thể xem thông tin về sảnphẩm và đơn hàng họ mua Ngoài ra, nếu khách hàng ưng ý một sản phẩmnhưng chưa quyết định mua luôn thì có thể thêm vào mục yêu thích Cùng với đó, website dành cho người quản trị, giúp kiểm soát mọi hoạtđộng của hệ thống Những người này sẽ được cung cấp username, passwordđể đăng nhập hệ thống và thực hiện chức năng của mình như: Cập nhật,sửa, xóa các mặt hàng, loại hàng, bài viết; tiếp nhận kiểm tra đơn đặt hàngcủa khách, hiển thị đơn đặt hàng, cập nhật tình trạng của đơn hàng Ngoài việc đảm bảo chức năng trên thì trang web được thiết kế sao chogiao diện đẹp mắt, dễ sử dụng giúp khách hàng thấy được thông tin cần tìm,cung cấp các quảng cáo hấp dẫn, các khuyến mãi thu hút khách hàng và cácbài viết thời trang Đồng thời trang web luôn đổi mới, cập nhật kịp thời các

sản phẩm, mẫu mã mới phù hợp với người tiêu dùng, đặt sự tín nhiệm củakhách hàng lên trên hết.

3 Những sản phẩm tương tự

Dưới đây là các trang web bán các sản phẩm tương tự như Beautiful Health:

https://wisefood.vn/

CHƯƠNG 2 PHÂN TÍCH THIẾT KẾ HỆ THỐNG1 Hệ thống hiện tại

Hệ thống được xây dựng dựa trên trang website Wise Food với các hoạt động và cải thiện những hạn chế mà Wise Food chưa khắc phục được.

1.1 Mô tả hoạt động của cửa hàng

lợi nhuận của cửa hàng đạt được.

1.2 Hạn chế của hệ thống - Wise Food Store

- Thông tin về cửa hàng không được cung cấp một cách đầy đủ đến kháchhàng, mặc dù hệ thống có phần giới thiệu chi tiết.

- Các chính sách bảo mật, giao đổi hàng không đầy đủ, còn thiếu.- Về phần sản phẩm, chưa phân loại thành các danh mục riêng nên quá

● Hiển thị thông tin chi tiết về từng sản phẩm, có phần quản trị sản phẩmđể thống kê các sản phẩm có trong cửa hàng.

● Hiển thị thông tin về các món ăn làm từ thực phẩm của Beautiful Health,mã giảm giá, khuyến mại, blog về cách sống khoẻ sống đẹp,

● Khách hàng có thể tìm kiếm sản phẩm bằng tên, xem thông tin sản phẩm,giá cả trên trang chi tiết sản phẩm, thêm sản phẩm vào giỏ hàng, và tiếnhành đặt hàng và thanh toán trên website.

● Đăng ký/ đăng nhập tài khoản để thực hiện thêm sản phẩm vào mục yêuthích và mua hàng trên website.

● Khách hàng có thể lưu trữ sản phẩm mình yêu thích vào mục yêu thích,xóa bỏ khi thấy không còn phù hợp nữa.

● Giỏ hàng giúp khách hàng lưu trữ 1 hoặc nhiều mặt hàng có nhu cầu sẽmua, xóa bỏ khi cần thiết, cập nhật tăng thêm, giảm đi 1 sản phẩm muốnmua khi click vào, tính tổng số tiền của những sản phẩm trong giỏ hàng.

● Đơn đặt hàng bao gồm các thông tin: ảnh, tên sản phẩm, số lượngsản phẩm, khuyến mại.

● Chi tiết đơn đặt hàng: mã khách hàng, mã đơn đặt hàng, mã sảnphẩm, tên sản phẩm, số lượng , giá tiền từng sản phẩm, ngày đặt,tình trạng đơn hàng.

● Bài viết ở chuyên mục “Blog Eat Clean” gồm các thông tin : mã tintức, tiêu đề, mô tả, nội dung, ảnh, ngày đăng, số lượt xem,mã idngười viết.

● Thông tin khách hàng: mã khách hàng, tên khách hàng, email, số điệnthoại, địa chỉ, số lượng sản phẩm khách mua, tổng tiền, trạng tháicủa đơn hàng họ mua.

● Thông tin người dùng( quản trị viên): mã người dùng, tên ngườidùng, email, số điện thoại, mật khẩu, chức vụ.

3 Thiết kế cơ sở dữ liệu3.1 Bảng tbl_admin

- Bảng tbl_admin gồm thông tin của admin.

- Gồm 7 thuộc tính: admin_id (mã admin), admin_ten_dang-nhap (tên đăng nhập admin), admin_mat_khau (mật khẩu admin), admin_ho_ten (tên admin), admin_dien_thoai (số điện thoại admin), admin_email (mail của admin), admin_created (thời gian đăng ký).

- admin_id là khóa chính, là khóa ngoại của tbl_tin_tuc.- Dữ liệu của bảng tbl_admin:

3.2 Bảng tbl_khach_hang

- Bảng tbl_khach_hang lưu thông tin của khách hàng.

- Gồm 8 thuộc tính: kh_id (mã khách hàng), kh_ho_ten (tên khách hàng), kh_dia_chi (địa chỉ khách hàng), kh_dien_thoai (số điện thoại khách hàng), kh_email (email khách hàng), kh_cccd (căn cước công dân kháchhàng), kh_ghi_chú (những điều cần lưu ý về khách hàng), mat_khau (mật khẩu khách hàng).

- kh_id là khoá chính, là khoá ngoại của tbl_chi_tiet_dat_hang.- Dữ liệu của bảng tbl_khach_hang:

3.3 Bảng tbl_khach_hang_lien_he

Đăng nhập trang admin:

4.3 Blog Eat Clean

Gồm header, footer, banner, và các blog ngắn về chủ đề Healthy.

4.4 Công cụ tính chỉ số sức khỏe

Gồm header, footer, bảng ghi nhận thông tin khách hàng, kết quả, những thông tin cần biết về chỉ số BMI.

Kết quả:

Thông tin thêm về chỉ số BMI:

Khi xem một sản phẩm bất kỳ, thanh hiển thị nút yêu thích, chi tiết, giỏ hànghiện lên để khách hàng truy cập.

Chi tiết sản phẩm: Hiển thị thông tin sản phẩm, nút thêm vào danh sách yêu

thích, nút thêm vào giỏ hàng, số lượng và mô tả sản phẩm.

4.6 Liên hệ

Nơi khách hàng điền thông tin, và gửi những thông tin, phản hồi về sản phẩmđến Beautiful Health.

4.7 Danh sách yêu thích

Thể hiện những sản phẩm mà khách yêu thích nhưng chưa còn đang phân vânchưa muốn mua

Khi chưa có sản phẩm yêu thích nào:

Khi bạn thêm sản phẩm vào giỏ hàng, trang Giỏ hàng sẽ hiển thị các thông tinsau: huỷ bỏ - xoá sản phẩm khỏi giỏ hàng, ảnh, tên, số lượng, đơn giá, khuyếnmãi.

Ở phần số lượng được thiết kế nút tăng giảm để khách hàng có thể mua sốlượng sản phẩm phù hợp với nhu cầu sử dụng cá nhân.

Phía dưới thông tin sản phẩm là: số sản phẩm, tổng tiền, giảm giá, thành tiền là giá sau khi đã trừ đi giảm giá.

-Sau khi hoàn thành quá trình thêm sản phẩm vào giỏ hàng, khách hàng tiếp tụcquá trình mua hàng qua nút Thanh toán.

Trang thanh toán được thiết kế với giao diện dễ nhìn, chia bố cục trang làm 2phần chính

- Bên trái màn hình là chi tiết đặt hàng - chứa thông tin sản phẩm kháchhàng đã chọn

- Bên phải màn hình là điền thông tin đặt hàng gồm: email, họ và tên, sốĐT, địa chỉ.

- Bên dưới phần điền thông tin là: Tổng giỏ hàng, phí vận chuyển, thuếVAT và thành tiền - số tiền cuối cùng mà khách hàng phải thanh toán saukhi nhận hàng.

Nếu khách hàng không điền đầy đủ thông tin vào phần điền thông tin đặt hàngmà nhấn đặt hàng ngay, thì hệ thống sẽ báo “Bạn phải điền đủ thông tin”

Sau khi điền đủ thông tin và khách hàng đã kiểm tra đúng các thông tin của sảnphẩm mình đặt thì hoàn tất quá trình đặt hàng tại nút Đặt hàng Hệ thống sẽ gửithông báo “Bạn đã đặt hàng thành công”.

4.10 Trang quản trị

Giao diện trang Quản trị được thiết kế với bố cục như sau: Header và nội dungchính.

Header gồm: nút danh mục - hiển thị các trang quản trị; nút tìm kiếm; nút toàn

màn hình và nút tài khoản admin.

Nội dung chính của Trang quản trị: Quản trị sản phẩm; quản trị tin tức; quản

trị đơn đặt hàng; quản trị loại sản phẩm; quản trị admin; quản trị khách hàng.

● Quản trị sản phẩm

Trang quản trị sản phẩm dùng để quản lý, lưu trữ, chỉnh sửa, xoá cácthông tin của sản phẩm.

● Quản trị tin tức

Trang quản trị tin tức dùng để quản lý, lưu trữ, chỉnh sửa, xoá các thôngtin của tin tức - blog Eat Clean.

CHƯƠNG 3 KẾT QUẢ THỰC HIỆN

Sau khi phân tích và thiết kế, nhóm đã xây dựng thành công website bán hàngcho cửa hàng thực phẩm sạch Beautiful Health với nhiều chức năng mới vàđược những kết quả như mong muốn.

Link website: https://beautiful-health12chuaboc.000webhostapp.com/

1.Hiển thị thông tin về cửa hàng để quảng bá hình ảnh

Ngay khi truy cập vào trang web, hệ thống sẽ hiển thị Trang chủ của cửa hàng,trong Trang chủ có chứa các phân mục nhỏ theo thứ tự: Giới thiệu -> Khuyến

mãi -> Blog Eatclean

+ Giới thiệu: giới thiệu về chế độ ăn Eat Clean.

+ Khuyến mãi: Hiển thị các sản phẩm đang trong chương trình khuyến mãicủa hàng Tại phần mục này khách hàng có thể dễ dàng theo dõi và lựa

+ Blog Eat Clean : Đây Giống như một blog nhỏ, giúp người xem có thểcập nhật những tin tức một cách nhanh nhất về chế độ ăn Eat Clean Tốiđa hóa khả năng, trang web vừa giúp mua hàng nhanh chóng vừa giúpngười xem tiếp nhận thông tin.

2.Chức năng đăng ký tài khoản và đăng nhập cho khách hàng

Khách hàng cần phải đăng ký tài khoản sau đó đăng nhập mới có thể mua hàng,để lại bình luận.Nếu không đăng nhập tài khoản,khách hàng chỉ có thể xem thông tin và sản phẩm mà không thể mua hàng.

+ Giúp khách hàng lưu trữ được 1 hoặc nhiều mặt hàng của Health

Beautiful-+ Khách hàng có cái nhìn tổng quan về những sản phẩm mình quan tâm+ Khách hàng có thể xóa mặt hàng khi không còn muốn quan tâm nữa

5.Quản lý sản phẩmƯu điểm:

+ Giúp quản trị viên quản lý được thông tin về sản phẩm trên hệ thống.+ Tìm kiếm sản phẩm dễ dàng bằng cách nhập ID sản phẩm vào ô Tìm

+ Mỗi khi khách đặt hàng thì dữ liệu sẽ tự động lưu trữ ở quản lý kháchhàng Việc này sẽ giúp admin quản lý khách hàng một cách tốt hơn + Tìm kiếm thông tin khách hàng một cách nhanh chóng và chính xác.

+ Quản lý được các bài đăng lên website+ Thêm mới, sửa, xóa các bài đăng

8.Giỏ hàng

Sau khi khách hàng chọn và đặt hàng trực tiếp thì hàng sẽ được cho vào giỏhàng, trong giỏ hàng sẽ hiện lên đơn hàng để khách hàng có thể nhập thông tinmua hàng và chốt hóa đơn Chức năng giỏ hàng sẽ hiển thị đầy đủ các sảnphẩm mà khách hàng đã chọn mua,số lượng,đơn giá và thành tiền

+ Giúp khách hàng cập nhật số lượng mặt hàng muốn mua tùy thích

9.Thanh toán đơn hàng

Ưu điểm:thu thập được thông tin khách hàng và cập nhật được lên cơ sở dữliệu

Nhược điểm: Chưa cập nhật lại số lượng sản phẩm trong cơ sở dữ liệu sau khi

khách hàng thanh toán thành công

Giải pháp: Cải thiện phần cập nhật số lượng đơn hàng khi khách đã mua.

10 Tìm kiếm

Ưu điểm : Tìm kiếm được sản phẩm theo từ khóa khách nhập vào

Nhược điểm: thanh tìm kiếm còn nhiều hạn chế về giao diệnGiải pháp: chỉnh sửa lại thiết kế thanh tìm kiếm

11 Công cụ

Tính năng “Công cụ” giúp tính các chỉ BMR đưa ra các lời khuyên về sức khỏetừ đấy mà người tiêu dùng có thể lựa chọn sản phẩm để tạo ra thực đơn phùhợp Tạo sự chuyên nghiệp cho trang và tập trung đúng vào giá trị cốt lõi màcửa hàng hướng tới là sức khỏe người dùng.

Ưu điểm: Khách hàng nhập các chỉ số gồm: giới tính, tuổi, chiều cao, cân

nặng, tần suất hoạt động, tính năng sẽ đưa ra được chỉ số BMR của khách hàng và so sánh kết quả với bài viết bên dưới để biết được cơ thể đang ở mức nào để cải thiện

12 Liên hệ

Hiển thị giao diện form Liên hệ để khách hàng gửi lời nhắn trực tiếp tới cửahàng Để gửi lời nhắn hay mong muốn tới cửa hàng,khách hàng có thể thôngqua trang liên hệ,để lại tên,email và lời nhắn sau đó gửi tới cửa hàng.Cửa hàngsẽ tiếp nhận và phản hồi qua email của bạn

Beautiful Health đính kèm bản đồ chỉ đường tới cửa hàng để khách hàng dễdàng tìm kiếm được đường đi phù hợp

Ưu điểm: Form liên hệ rõ ràng, có đầy đủ các trường thông tin cần thiết để

nhận diện khách hàng

KẾT LUẬN

Việc xây dựng hệ thống website bán hàng cho cửa hàng thực phẩm EatClean Beautiful Health đáp ứng được những nhu cầu thiết thực hiện nay cùngnhư nhu cầu của quản lý và nhân viên trong việc quản lý hàng hóa Nhờ có hệthống website bán hàng,mọi thông tin về cửa hàng,sản phẩm, nhân viên, kháchhàng, các hóa đơn đều được lưu trữ đồng bộ trên hệ thống giúp cho việc muabán,tra cứu, cập nhập, giám sát được diễn ra nhanh chóng,dễ dàng và hiệu quảhơn.Từ đó giúp hạn chế tối đa những sai sót không đáng có trong quá trìnhquản lý