xây dựng há thßng website bán nông sán online

HàC VIàN NGÂN HÀNG KHOA Hà THÞNG THÔNG TIN QUÀN LÝ BÀN BÁO CÁO BÀI TÀP LàN Hác phần: LÁp trình Web Đề tài: Xây dựng há thßng website bán nông sÁn online GiÁng viên hưáng d¿n Chu Văn Huy

HàC VIàN NGÂN HÀNG KHOA Hà THÞNG THÔNG TIN QUÀN LÝ

BÀN BÁO CÁO BÀI TÀP LàN

Hác phần: LÁp trình Web

Đề tài:

Xây dựng há thßng website bán nông sÁn online

GiÁng viên hưáng d¿n Chu Văn Huy :

Nhóm sinh viên 22 :Mai Thß Huyền

Trần Thß HÁi Yến Nguyßn Tân Thanh Nguyßn Thß Minh Nguyát

Hà Nßi, ngày 27 tháng 10 năm 2021

THÔNG TIN CHUNG

Tên đề tài: Xây d ng h th ng website bán nông s n online ự á ố Á

Link website: https://gsoreorganicfood.000webhostapp.com/

Danh sách thành viên và nhiám v : ụ

Mã SV Há và

tên Chi ti t công vi c ế á

Thãi gian thực hián

Tr¿ng thái hoàn thành công viác

18/09 –28/09

Đúng h¿n

25%

- ThÁo lu n database ậNhập d li u các b ng ữ á Ánhà cung c p, khuyấ ến mãi, liên h , tr giúp á ợ

30/09 –17/10

Đúng h¿n

- Code x lý trang c a ử ửhàng, tìm ki m, t o trang ế ¿chính sách vận chuyển, giao hàng, câu hỏi thường gặp

18/10 –25/10

Đúng h¿n

- Trang quÁn tr phị ương thức thanh toán, quÁn trị liên h , tr giúp á ợ

26/10 –30/10 Đúng h¿n

dián Trang qu n tr Á ị(tr.65 74), các trang 60 –– 64 của phần giao dián

- Quay video demo s n Áphẩm

18/09 –28/09

Đúng h¿n

25%

- ThÁo lu n database ậNhập d li u các b ng ữ á ÁsÁn ph m, lo i s n ph m ẩ ¿ Á ẩ

30/09 –17/10

Đúng h¿n

- Code x lý gi hàng, ử ỏthanh toán, danh sách yêu thích (wishlist), modal quick view, modal add wishlist, modal add cart,

xử lý liên h á

18/10 –25/10

Đúng h¿n

- Trang quÁn tr khách ịhàng, hoá đơn, khuyến mãi

29/10 –30/10

Đúng h¿n

- Sửa lỗi

- Đẩy code lên m ng ¿

- Trình bày báo cáo các phần Phân tích thi t k h ế ế áthống  Trang bán hàng (tr.4 25) ; Thi t k giao – ế ếdián Trang bán hàng (tr.53 60); So sánh v i – ớwebsite khác (tr.75 76) –

30/10 –01/11

Đúng h¿n

- ThÁo lu n database ậNhập d li u các b ng ữ á Ákhách hàng, hoá đơn, chi tiết hoá đơn, phương thức thanh toán

30/09 –17/10

Đúng h¿n

- Code x lý trang chi ửtiết s n ph m, m c bình Á ẩ ụluận của khách đã đặt hàng, form tr giúp, các ợtrang chính sách b o m t, Á ậhoàn và tr hàng Á

18/10 –25/10

Đúng h¿n

- Giao dián trang qu n Átrị h th ng, qu n trá ố Á ị s n Áphẩm, lo i s n ph m, ¿ Á ẩquÁn trị người dùng, x lý ửđăng nhập, đăng ký, đăng xuất của người dùng h áthống, x lý session ử

26/10 –29/10

Đúng h¿n

- Soát l i ỗ

- Trình bày phần Phát

biểu bài toán  ới thi u Gi áXampp và MySQL (tr.1 –2); Thi t k CSDL (tr.43 ế ế– 53); Phương hướng phát tri n h th ng ể á ốWebsite (tr.76 77) –

- Chuẩn bị powerpoint

29/10 –01/11

Đúng h¿n

Nguyßn

- T¿o giao di n trang tin átức, giới thi u, tài kho n á Á

18/09 –28/09 Đúng h¿n

liáu các b ng tin t c, bình Á ứluận

- Code x ử lý trang đăng nhập, đăng xuất, thông tin tài kho n Á

18/10 –25/10

Đúng h¿n

- Trang quÁn tr tin tị ức, quÁn trị nhà cung c p ấ

26/10 –30/10

Đúng h¿n

- Sửa lỗi

- Trình bày phần Phát biểu bài toán  Giới thiáu website (tr.1), Yêu cầu há th ng (tr.2 4) ố –

- Tổng h p + ch nh s a ợ ỉ ửword

30/10 –01/11

Quá h¿n

NHÀN XÉT CĂA GIÀNG VIÊN

LâI CÀM ¡N

Chúng em xin gửi lời cÁm ơn chân thành tới thầy Chu Văn Huy GiÁng viên - Khoa Há thống thông tin quÁn lý, Học vián Ngân hàng Trong quá trình học tập và thực hián bài báo cáo <Xây dựng website Gsore bán nông sÁn s¿ch=, thầy đã luôn t¿o điều kián, giúp đỡ để chúng em hoàn thành được bài báo cáo này

Chúng em đã cố gắng hoàn thián bài báo cáo với tất cÁ sự nỗ lực và cố gắng của cÁ nhóm Tuy nhiên, do còn thiếu nhiều kinh nghiám, chắc chắn bài báo cáo sẽ không tránh khỏi thiếu sót Vì vậy, chúng em rất mong nhận được sự quan tâm, những ý kiến đóng góp của thầy để bài báo cáo của chúng em có thể hoàn thián hơn Chúng em xin chân thành cÁm ơn!

MĀC LĀC

Chương 1.Phát Bi u Bài Toán 1ểGiới thi u v website 1á ềGiới thi u Xampp và MySQL Công c h trá – ụ ỗ ợ hoàn thành d án 1ựChương 2.Phân tích h th ng website Gsore organic food 3á ốYêu c u h th ng 3ầ á ố2.1.1.Yêu c u chầ ức năng 32.1.2.Yêu c u phi chầ ức năng 4Phân tích thi t k h th ng website 4ế ế á ố2.2.1.Trang bán hàng 42.2.1.1 Biểu đồ ca sử dụng (Use Case Diagram) 42.2.1.2 Kịch b n ca s d ng 12Á ử ụ2.2.1.3 Biểu đồ tuần tự (Sequence Diagram) 182.2.2.Trang quÁn tr 25ị2.2.2.1 Biểu đồ ca sử dụng (Use Case Diagram) 252.2.2.2 Kịch b n ca s d ng m t s chÁ ử ụ ộ ố ức năng 332.2.2.3 Biểu đồ tuần tự một số chức năng 38Thiết k CSDL s d ng cho website Gsore 43ế ử ụ2.3.1.Xây d ng CSDL 43ự2.3.2.Các b ng trong CSDL 44Á2.2.3.1 Xây d ng b ng: nguoidung 44ự Á2.2.3.2 Xây d ng b ng: sanpham 45ự Á

2.2.3.6 Xây d ng b ng: phuongthucthanhtoan 47ự Á 2.2.3.7 Xây d ng b ng: lienhe 48ự Á 2.2.3.8 Xây d ng b ng: trogiup 48ự Á 2.2.3.9 Xây d ng b ng: khachhang 49ự Á 2.2.3.10.Xây d ng b ng: khachdathang 50ự Á 2.2.3.11.Xây d ng b ng: hoadon 50ự Á 2.2.3.12.Xây d ng b ng: chitiethoadon 51ự Á 2.2.3.13.Xây d ng b ng: binhluan 52ự Á 2.2.3.14.Xây d ng b ng: tintuc 52ự Á Thiết k giao di n 53ế á 2.4.1.Giao dián website bán hàng 53 2.4.1.1 Trang chủ 53 2.4.1.2 Cửa hàng 56 2.4.1.3 SÁn ph m chi ti t 57ẩ ế 2.4.1.4 Tin tức 57 2.4.1.5 Tin tức chi tiết 58 2.4.1.6 Giới thi u, chính sách b o má Á ật, đổi tr & hoàn ti n, giao hàng & v n chuyÁ ề ậ ển, câu hỏi thường g p 59ặ 2.4.1.7 Liên h 61á 2.4.1.8 Giỏ hàng 61 2.4.1.9 Thanh toán 62 2.4.1.10.SÁn ph m yêu thích 62ẩ 2.4.1.11.Đăng nhập & đăng ký 63 2.4.1.12.Thông tin tài khoÁn 63 2.4.1.13.Modal 64

2.4.2.Giao dián trang qu n trÁ ị 65 2.4.2.1 Trang đăng nhập, đăng ký, đăng xuất 65 2.4.2.2 Trang quÁn lý c a hàng 66ử 2.4.2.3 Trang quÁn lý người dùng 67 2.4.2.4 Trang quÁn lý tin t c 68ứ 2.4.2.5 Trang quÁn lý s n ph m 69Á ẩ 2.4.2.6 Trang quÁn lý lo i s n ph m 70¿ Á ẩ 2.4.2.7 Trang quÁn lý nhà cung c p 70ấ 2.4.2.8 Trang quÁn lý khách hàng 71 2.4.2.9 Trang quÁn lý hoá đơn 71 2.4.2.10.Trang quÁn lý phương thức thanh toán 72 2.4.2.11.Trang quÁn lý thông tin khuy n mãi 73ế 2.4.2.12.Trang quÁn lý liên h 73á 2.4.2.13.Trang quÁn lý tr giúp 74ợ Chương 3.Kết quÁ thực hi n 75á

So sánh Website Gsore Organic Food v i m t s h th ng website bán nông s n ớ ộ ố á ố Á s¿ch trên th ị trường hi n nay 75á Phương hướng phát triển há thống website 76 TÀI LIàU THAM KHÀO 78

Chư¢ng 1 Phát Bi u Bài Toán ể

Giái thiáu về website

Hián nay, với xu hướng phát triển như vũ bão của công nghá trong đó là

sự phát tri n c a Internet th c s n i bể ủ ự ự ổ ật đã làm phát sinh thêm những nhu c u ầmới, trong đó có nhu cầu về mua sắm hàng hóa qua Internet hay nói tóm gọn là mua hàng online hay mua hàng qua m¿ng Theo cách truyền thống, khi mua hàng hóa, người ta phÁi ra tận cửa hàng, tiêu tốn nhiều thời gian, tiền b¿c lo¿i hình này chưa thể hián được tính ưu viát của nó Trong khi đối với xã hội bây giờ, thời gian <là vàng, là b¿c= TrÁi qua một thời gian dài đi vào ho¿t động, hình thức này

đã thu hút nhiều đối tượng khách hàng trong đó có đối tượng trẻ đó là sinh viên, hình thức mua hàng online đã bộc lộ được nhiều ưu điểm vượt trội nhưng cũng thể hián nhiều nhược điểm cần phÁi lưu ý

Gsore là một trang web gi i thi u và bán các th c ph m hớ á ự ẩ ữu cơ đa d¿ng để đáp ứng nhu cầu thiết yếu mỗi ngày cho người tiêu dùng Cửa hàng Gsore được thiết kế theo đúng phong cách mua sắm của mọi người; giới thiáu chi tiết về cửa hàng; th c phự ẩm đang bán, đang khuyến mãi, giá cÁ, phương thức vận chuyển, phương thức thanh toán Khách hàng có thể đặt và mua hàng t i nhà mà không ¿phÁi di chuyển t i tớ ận quán, ti t ki m thế á ời gian đi l¿i; khách hàng có th xem mô ể

tÁ, ph n h i cÁ ồ ủa khách hàng mua trước để quyết định mua hay không

Giái thiáu Xampp và MySQL Công c h tr hoàn thành – ā ỗ ÿ

dự án

Để ch¿y được PHP chúng ta phÁi thiết lập môi trường web Server Tuy nhiên, không phÁi lúc nào chúng ta cũng đủ kinh phí để mua m t Server v phộ ề ục vụ cho vi c áhọc Điều này vô cùng t n kém và không c n thi t V y làm th ố ầ ế ậ ế nào để ta có th ch y ể ¿được PHP? Trong bài tập nhóm này, chúng em tìm hi u v m t công c giúp gi i ể ề ộ ụ Áquyết được vấn đề trên, đó chính làXAMPP

XAMPP là m t công c tích hộ ụ ợp đầy đủ các thành bao g m ồ Apache, Mysql, PHP, Perl Giúp chúng ta t¿o ra môi trường web server trên máy tính của mình, để

Chư¢ng 2 Phân tích h th ng website Gsore organic food á ß

Yêu c u h th ng ầ á ß

2.1.1 Yêu c u ch ầ ức năng

Đối v i website bán hàng th c ph m hớ ự ẩ ữu cơ, nhóm nghiên cứu đã tìm hiểu

và phân tích t t c các chấ Á ức năng cần có để ph c v nhu cụ ụ ầu mua c a khách hàng ủmột cách t t nh t Mố ấ ục tiêu đặt ra với há th ng website s có các chố ẽ ức năng sau:

- Hiển th thông tin các sị Án phẩm hàng đầu, các chức năng của website trên trang ch ủ

- Hiển th các công dị ụng hàng đầu của th c ph m hự ẩ ữu cơ trong trang tin tức

- Cho phép tìm ki m thông tin chi ti t s n phế ế Á ẩm(Ánh, giá, khuy n mãi, mô t , ế Ábình lu n, ) ậ

- Cho phép đánh giá, hiển thị đánh giá, bình luận của người mua lên trang chi tiết s n ph m Á ẩ

- Hiển th phị ần gi i thi u v c a hàng, các chính sách, trong trang gi i thi u ớ á ề ử ớ á

- Trang yêu thích hi n th các s n ph m mà khách hàng yêu thích nh t ể ị Á ẩ ấ

- Trang gi hàng hi n th các s n ph m khách hàng mu n mua và chuy n sang ỏ ể ị Á ẩ ố ểtrang thanh toán

- Trang acount cho phép khách hàng đăng ký và đăng nhập tài khoÁn để mua hàng

- Hiển th th ng kê s ị ố ố lượng s n ph m, liên h , tin t c, tài khoÁ ẩ á ứ Án admin, & trên trang qu n tr Á ị

- Cho phép c p nh t (thêm, s a, xóa) các s n ph m bán ậ ậ ử Á ẩ

- Cho phép c p nh t (thêm, s a, xóa) tin t c s n ph m ậ ậ ử ứ Á ẩ

- Cho phép c p nh t (thêm, s a, xóa) thông tin liên hậ ậ ử á,trợ giúp, thông tin admin

- Cho phép c p nh t (thêm, s a, xóa) lo i s n ph m ậ ậ ử ¿ Á ẩ

- Cho phép c p nhậ ật phương thức vận chuyển, thanh toán

- Hiển th th ng kê s n ph m, nhà cung c p, tin t c, tài khoị ố Á ẩ ấ ứ Án khách hàng, người dùng,

2.1.2 Yêu c u phi ch ầ ức năng

- Website đáp ứng được kh Á năng truy cập nhanh, hàng hóa đÁm b o chÁ ất lượng, khÁ năng thanh toán chính xác và có bÁo mật thông tin khách hàng

- Giao di n thân thi n, d s d ng, tính th m má á ß ử ụ ẩ ỹ và tính n nh cao ổ đị

- Website đÁm b o tính b o mÁ Á ật cao, phân quy n m t cách h p lý ề ộ ợ

2.2.1.1 Biểu đồ ca sử d ng (Use Case Diagram) ụ

a Chức năng đăng nhập / đăng xuất / đăng ký / Sửa thông tin tài kho n Á

b Chức năng đặt hàng

c Chức năng thanh toán

d Chức năng thêm sÁn phẩm yêu thích

e Chức năng đánh giá sÁn phẩm

f Chức năng yêu cầu trợ giúp v s n ph m ề Á ẩ

g Chức năng liên há

h Chức năng tìm kiếm sÁn phẩm

i Chức năng lọc sÁn ph m ẩ

j Chức năng sắp xếp sÁn ph m ẩ

k Chức năng đọc tin tức / Gi i thi u (v chúng tôi, chính sách giao hàng và ớ á ềvận chuyển, chính sách b o mÁ ật, chính sách đổi trÁ và hoàn ti n, câu h i ề ỏthường g p) ặ

- Các lu ng s ki n ph : ồ ự á ụ+ Ph lu ng 1: H th ng hi n th thông báo không thụ ồ á ố ể ị ể đăng nhập Và d ng yêu cừ ầu đăng nhậ ừp t tác nhân

Kết qu tr v Á Á ề Tác nhân đăng nhập thành công vào h th ng và có th mua hàng á ố ể

và thanh toán hóa đơn

b Chức năng thêm sÁn ph m vào gi hàng ẩ ỏ

+ Tác nhân: Chọn icon đóng để ế ụ ti p t c mua hàng

TH2: Thêm hàng vào gi theo button Thêm vào gi hàng (ho c ỏ ỏ ặmua ngay) giao di n s n ph m chi ti t ở á Á ẩ ế

+ Tác nhân: L a ch n s ự ọ ố lượng mua tướng ứng rồi ch n button ọThêm hàng vào gi hàng (ho c mua ngay) ỏ ặ

+ H th ng: Ki m tra s á ố ể ố lượng mua v i s ớ ố lượng trong kho n u ế

số lượng mua bé hơn và mặt hàng trong giỏ nếu chưa có thì thêm vào gi hàng N u có r i thì th c hi n ph lu ng 1 R i ỏ ế ồ ự á ụ ồ ồ

thống báo thêm vào gi hàng thành công N u sỏ ế ố lượng s n Áphẩm mua lớn hơn thì thực hián ph lu ng 2 ụ ồ

Các lu ng s ki n ph : ồ ự á ụ+ Ph lu ng 1: H th ng c ng thêm sụ ồ á ố ộ ố lượng m t hàng thêm ặvào gi v i mã s n phỏ ớ Á ẩm tương ứng

+ Ph lu ng 2: H th ng thông báo sụ ồ á ố ố lượng mua lớn hơn sốlượng trong kho

Kết qu tr v Á Á ề Thêm s n ph m vào gi hàng thành công và hi n th Á ẩ ỏ ể ị đúng thông

tin s n ph m mua bên giao di n view-cart Á ẩ ở á

c Chức năng thanh toán

Tên ca s d ng ử ụ Thanh toán đơn hàng

Điều kián đầu vào Thêm thành công s n ph m vào gi hàng v i s Á ẩ ỏ ớ ố lượng th a mãn ỏ

điều kián nhỏ hơn hoặc bằng số lư ng tồn trong kho ợCác lu ng s ki n ồ ự á - Các lu ng s ki n chính: ồ ự á

+ Tác nhân: Chọn button thanh toán + Há th ng: H th ng ki m tra tính h p l cố á ố ể ợ á ủa đơn hàng Nếu

số lượng mua c a khách hàng c p nh t thêm lủ ậ ậ ớn hơn sốlượng tồn kho thì thực hián phụ luồng 1 Và chuyển hướng giao di n sang check-out á

+ Há th ng: H th ng update d li u vào database (tr s ố á ố ữ á ừ ốlượng hàng trong kho, thêm hóa đơn và thông tin khách đặt hàng tương ứng) Nếu update thành ông thì hiển thị thông báo <Thanh toán đơn hàng thành công=

- Các lu ng s ki n ph : ồ ự á ụ+ Phụ lu ng 1: Gán giá trồ ị số lượng mua b ng v i sằ ớ ố lượng max có trong đơn hàng

Kết qu tr v Á Á ề Hóa đơn, thông tin sÁn phẩm mua và khách đặt hàng được chèn

tương ứng vào database

+ Phụ lu ng 1: Hi n thồ ể ị thông báo < Không có thông tin sÁn phẩm nào thÁo mãn điều ki n tìm kiá ếm=

Kết qu tr v Á Á ề Hiển th s n ph m tìm kiị Á ẩ ếm được ho c thông báo không tìm th y ặ ấ

e Chức năng thêm sÁn ph m yêu thích ẩ

Tên ca s d ng ử ụ Thêm s n ph m yêu thích Á ẩ

Các lu ng s ki n ph : ồ ự á ụ+ Phụ lu ng 1: Thêm s n ph m vào danh sách yêu thích Và ồ Á ẩthông báo thêm s n ph m yêu thích thành công Á ẩ

Kết qu tr v Á Á ề TrÁ v danh sách s n ph m khách hàng yêu thích trên giao di n ề Á ẩ á

wishlist

f Chức năng yêu cầu trợ giúp về sÁn phẩm

Tên ca s d ng ử ụ Yêu cầu tr giúp v s n ph m ợ ề Á ẩ

+ Há th ng: Ki m tra thông tin yêu c u tr giúp h p l ố ể ầ ợ ợ á thì lưu l¿i vào database N u không thì th c hi n ph lu ng 1 ế ự á ụ ồCác lu ng s ki n ph : ồ ự á ụ

+ Phụ lu ng 1: Hi n thồ ể ị thông báo yêu c u tr giúp v s n ầ ợ ề Áphẩm chưa được hián thành công

Kết qu tr v Á Á ề Lưu thông tin yêu cầu trợ giúp vào database với tr¿ng thái chưa

- Các lu ng s ki n ph : ồ ự á ụ+ Phụ lu ng 1: Hi n th ồ ể ị thông báo <Thông tin liên há chưa được gửi thành công=

Kết qu tr v Á Á ề Lưu thông tin liên há vào database với tr¿ng thái chưa được xử

lý

h Chức năng đánh giá sÁn ph m ẩ

- Các lu ng s ki n ph : ồ ự á ụ+ Phụ lu ng 1: Thông báo khách hàng không có quyồ ền được đánh giá do chưa mua sÁn phẩm này

Kết qu tr v Á Á ề Lưu thông tin đánh giá sÁn phẩm của khách hàng vào database

theo mã khách đặt hàng

2.2.1.3 Biểu đồ tuần t (Sequence Diagram) ự

a Chức năng đăng nhập

b Chức năng đặt hàng

c Chức năng thanh toán

d Chức năng tìm ki m s n ph m ế Á ẩ