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

phẩm, chi ti t 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 ữ á Á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

22A4040031

Nguyßn Thị Minh Nguyát

- T¿o giao di n trang áchủ, liên h , chá ỉnh s a ửheader + footer của tấ Át c các trang, tìm Ánh cho database

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

Đúng

- 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 532.4.1.1 Trang chủ 532.4.1.2 Cửa hàng 562.4.1.3 SÁn ph m chi ti t 57ẩ ế2.4.1.4 Tin tức 572.4.1.5 Tin tức chi tiết 582.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 612.4.1.9 Thanh toán 622.4.1.10.SÁn ph m yêu thích 62ẩ2.4.1.11.Đăng nhập & đăng ký 632.4.1.12.Thông tin tài khoÁn 632.4.1.13.Modal 64

2.4.2.Giao dián trang qu n trÁ ị 652.4.2.1 Trang đăng nhập, đăng ký, đăng xuất 652.4.2.2 Trang quÁn lý c a hàng 66ử2.4.2.3 Trang quÁn lý người dùng 672.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 712.4.2.9 Trang quÁn lý hoá đơn 712.4.2.10.Trang quÁn lý phương thức thanh toán 722.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 76TÀ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, đểcó th chể ¿y được kịch bÁn PHP

My SQL là m t h qu n tr ộ á Á ị cơ sở ữ á d li u mi n phí phát tri n theo chu n mã ß ể ẩnguồn mở được dùng cho các ng dứ ụng web có quy mô v a và nh ừ ỏ

- Có trình giao dián trên Windows hay Linux cho phép người dùng có th thao tác ểđến CSDL

- Nhanh và m nh ¿- CÁi ti n liên t c ế ụ

- Cho phép k t n i, tế ố ¿o cơ sở ữ á d li u, quÁn lý người dùng, phân quy n s d ng, thi t ề ử ụ ếkế b ng và x lý d li u Á ử ữ á

- Có th s d ng trình qu n lý dể ử ụ Á ¿ng đồ ọa ho c dòng l h ặ ánh để ử ụ s d ng các phát bi u ếhay thao tác trên CSDL.

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 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ý ề ộ ợ- Website có th hoể ¿t động 24/7/365

Website có kh Á năng lưu trữ ử, x lý khối lượng lớn thông tin nhưng chiếm dung lượng nh trong máy tính.ỏ

Phân tích thi t k h th ng website ếế áß2.2.1 Trang bán hàng

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) ặ

2.2.1.2 Kịch b n ca s d ng Á ử ụa Chức năng đăng nhập

Tên ca s d ng ử ụ Đăng nhập website Gsore Organic Food

Điều kián đầu vào Truy cập thành công địa chỉ website Các lu ng s ki n ồ ự á - Các lu ng s ki n chính: ồ ự á

+ Tác nhân: Ch n icon ọ user để đăng nhập h th ng á ố

+ H th ng: Hi n th á ố ể ị thông báo chưa đăng nhập và hi n giao di n á á

+ Tác nhân: Nh p email, m t kh u r i chậ ậ ẩ ồ ọn button Đăng nhập + H th ng: Ki m tra email, m t kh u khách hàng nh p n u sai á ố ể ậ ẩ ậ ế

+ 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 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=

+ 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 Á ẩ

+ 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 xử lý

g Chức năng liên h áTên ca s d ng ử ụ Liên há

+ Tác nhân: Nhập thông tin mu n liên h ố á

+ Há th ng: Ki m tra thông tin tác nhân nh p N u h p l thì ố ể ậ ế ợ áchèn vào database v i tr ng thái liên hớ ¿ á chưa được x ký ửNếu không h p l thì thợ á ực hián ph lu ng 1 ụ ồ

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 ế Á ẩ

e Chức năng thêm s n ph m vào danh sách yêu thích Á ẩ

2.4.1.2 Cửa hàng

2.4.1.3 SÁn ph m chi ti t ẩ ế

2.4.1.4 Tin tức

2.4.1.5 Tin tức chi ti t ế

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

2.4.1.7 Liên há

2.4.1.8 Giỏ hàng

2.4.1.9 Thanh toán

2.4.1.10 S Án ph m yêu thích ẩ

2.4.1.11 Đăng nhập & đăng ký

2.4.1.12 Thông tin tài kho n Á

2.4.1.13 Modal

2.4.2 Giao di n trang qu n tr áÁị

2.4.2.1 Trang đăng nhập, đăng ký, đăng xuất

2.4.2.2 Trang qu n lý c a hàng Á ử

2.4.2.3 Trang quÁn lý người dùng

2.4.2.4 Trang qu n lý tin t c Á ứ

2.4.2.5 Trang qu n lý s n ph m Á Á ẩ

2.4.2.6 Trang qu n lý lo i s n ph m Á ¿ Á ẩ

2.4.2.7 Trang qu n lý nhà cung c p Á ấ

2.4.2.8 Trang qu n lý khách hàng Á

2.4.2.9 Trang quÁn lý hoá đơn

Xem chi tiết hoá đơn

2.4.2.10 Trang quÁn lý phương thức thanh toán

2.4.2.11 Trang qu n lý thông tin khuy n mãi Á ế

2.4.2.12 Trang qu n lý liên h Á á