Báo cáo Đồ án lập trình web nâng cao

Biều đồ luồng dữ liệu mức dưới đỉnh chức năng“Quản lý sản phẩm”.. Biều đồ luồng dữ liệu mức dưới đỉnh chức năng“Quản lý hóa đơn”.. Biều đồ luồng dữ liệu mức dưới đỉnh chức năng“Quản lý s

TRƯỜNG ĐẠI HỌC ĐIỆN LỰC

KHOA CÔNG NGHỆ THÔNG TIN

ĐỒ ÁN MÔN HỌC LẬP TRÌNH WEB NÂNG CAO Đ TI:

WEBSITE SHOP BÁN ĐN GUITAR

: Hà Quang Đạt Giảng viên hướng dẫn : Lê Hoàn

Hà Nội, tháng 5 năm 2023

PHIẾU CHẤM ĐIỂM Sinh viên thực hiện:

MỤC LỤC

CHƯƠNG 1 : TỔNG QUÁT V BI TOÁN 1

1.1 Đặt vấn đề 1

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

1.2.1 Ban điều hành 1

1.2.2 Bộ phận bán hàng 2

1.2.3 Bộ phận quản trị 2

1.3 Yêu cầu của hệ thống bán hàng qua mạng 2

1.3.1 Nhu cầu người sử dụng 2

1.3.2 Với người quản trị 3

CHƯƠNG 2 : KHẢO SÁT HIỆN TRẠNG 4

2.1 Sơ đồ phân cấp chức năng 4

2.2 Biều đồ luồng dữ liệu ngữ cảnh 6

2.3 Biều đồ luồng dữ liệu mức đỉnh 7

2.4 Biểu đồ luồng dữ liệu mức dưới đỉnh 8

2.4.1 Biểu đồ luồng dữ liệu mức dưới đỉnh chức năng “Quản trị” 8

2.4.2 Biều đồ luồng dữ liệu mức dưới đỉnh chức năng“Quản lý sản phẩm” 10 2.4.3 Biều đồ luồng dữ liệu mức dưới đỉnh chức năng“Quản lý hóa đơn” 12 2.4.4 Biểu đồ luồng dữ liệu mức dưới đỉnh chức năng“Quản lý tin tức và góp ý” 14 2.4.5 Biểu đồ luồng dữ liệu mức dưới đỉnh chức năng “Tìm kiếm” 14

2.4.6 Biểu đồ luồng dữ liệu mức dưới đỉnh chức năng “Thống kê” 16

CHƯƠNG 3 : XÂY DỰNG WEBSITE TRÊN NN TẢNG WORDPRESS

18

3.1 Wordpress là gì 18

3.1.1 Cái nhìn chi tiết hơn về wordpress 18

3.2 Ứng dụng của wordpress trong xậy dựng website 19

CHƯƠNG 4 : THIẾT KẾ GIAO DIỆN 23

4.1 Giao diện trang chủ 23

4.1.1 Giao diện trang index 23

4.1.2 Giao diện giới thiệu 23

4.1.3 Giao diện sản phẩm 24

4.1.4 Giao diện thông tin sản phẩm 25

4.1.5 Giao diện liên hệ 25

4.1.6 Giao diện giỏ hàng 26

4.1.7 Giao diện thanh toán 26

4.1.8 Giao diện đặt hàng thành công 27

4.1.9 Giao diện của tôi 28

4.2 Giao diện quản trị 28

4.2.1 Giao diện đăng nhập Admin 28

4.2.2 Giao diện trang chủ quản trị 29

4.2.3 Giao diện quản lý sản phẩm 30

4.2.4 Giao diện quản lý dơn hàng 30

4.2.5 Giao diện quản lý khách hàng 31

4.2.6 Giao diện quản lý mã giảm giá 32 KẾT LUẬN V HƯỚNG PHÁT TRIỂN 33 KẾT LUẬN 34

DANH MỤC HÌNH ẢNH

Hình 4.1.Giao diện trang index 23

Hình 4.2 Giao diện giới thiệu 24

Hình 4.3 Giao diện tin tức 24

Hình 4.4 Giao diện thông tin sản phẩm 25

Hình 4.5 Giao diện góp ý 25

Hình 4.6 Giao diện giỏ hàng 26

Hình 4.7 Giao diện giỏ hàng 27

Hình 4.8 Giao diện đặt hàng thành công 27

Hình 4.9 Giao diện của tôi 28

Hình 4.10 Giao diện đăng nhập Admin 29

Hình 4.11 Giao diện quản trị Admin 29

Hình 4.12 Giao diện quản lý sản phẩm 30

Hình 4.13 Giao diện quản lý đơn hàng 31

Hình 4.14 Giao diện quản lý khách hàng 31

Hình 4.15 Giao diện quản lý mã giảm giá 32

DANH MỤC BẢNG BIỂU

Hình 2.1 Sơ đồ phân cấp chức năng 4

Hình 2.2 Biều đồ luồng dữ liệu ngữ cảnh 6

Hình 2.3 Biều đồ luồng dữ liệu mức đỉnh 7

Hình 2.4 Biểu đồ luồng dữ liệu mức dưới đỉnh chức năng “Quản trị” 8

Hình 2.5 Sơ đồ khối đặc tả chức năng đăng nhập 10

Hình 2.6 Biều đồ luồng dữ liệu mức dưới đỉnh chức năng“Quản lý sản phẩm”. .10

Hình 2.7 Lưu đồ thuật toán đặc tả chức năng quản lý sản phẩm 11

Hình 2.8 Biều đồ luồng dữ liệu mức dưới đỉnh chức năng “Quản lý hóa đơn”. .12

Hình 2.9 Lưu đồ thuật toán đặc tả chức năng đặt hàng 14

Hình 2.10 Biểu đồ luồng dữ liệu mức dưới đỉnhchức năng “Quản lý tin tức và góp ý” 14

Hình 2.11 Biểu đồ luồng dữ liệu mức dưới đỉnh chức năng “Tìm kiếm” 15

Hình 2.12 Lưu đồ thuật toán đặc tả chức năng tìm kiếm 16

Hình 2.13 Biểu đồ luồng dữ liệu mức dưới đỉnh chức năng “Thống kê” 16

Hình 2.14 Lưu đồ thuật toán đặc tả chức năng thống kê 17

LỜI MỞ ĐẦU

Hiện nay với công việc quản lý diễn ra trên giấy tờ, nhưng khối lượng dữliệu thì ngày một lớn, Dựa trên yêu cầu ngày một cao hơn và sâu hơn của cáccửa hàng, chúng em xin làm đề tài “Website shop bán đàn Guitar”, đề tài “Website shop bán đàn Guitar ” được đưa ra nhằm mục đích giải quyết nhữngvướng mắc trên, giúp cho công việc quản lý trở nên đơn giản, hiệu quả và chínhxác hơn bằng việc tự động hóa quá trình quản lý các yếu tố liên quan như đàn,các loại phụ kện, hóa đơn, nhân viên… Không những vậy mà còn giúp cho cácyêu cầu của khách hàng được thực hiện nhanh chóng, chính xác và đầy đủ, việctra cứu thông tin kho dữ liệu trở lên thuận tiện

Trên thực tế không có sự thành công nào mà không gắn liền với những sự

hỗ trợ, giúp đỡ dù ít hay nhiều, dù trực tiếp hay gián tiếp của người khác Trongsuốt thời gian đã và đang học tập tại trường đến nay, em đã nhận được rất nhiều

sự quan tâm giúp đỡ của quý Thầy Cô, gia đình và bạn bè

Và đặc biệt, trong học kỳ này Em xin cảm ơn thầy Lê Hoàn đã hướng dẫn,góp ý, thảo luận để bài báo cáo này của em được hoàn thiện Trong thời gianđược học tập và thực hành dưới sự hướng dẫn của cô, chúng em không nhữngthu được rất nhiều kiến thức bổ ích, mà còn được truyền sự say mê và thích thúđối với bộ môn Đồ án lập trình web nâng cao

Mặc dù đã rất cố gắng hoàn thiện đồ án với tất cả sự nỗ lực, tuy nhiên, dobước đầu đi vào thực tế, tìm hiểu và xây dựng đồ án trong thời gian có hạn, vớilượng kiến thức còn hạn chế, nhiều bỡ ngỡ, nên đồ án “ Website shop bán đànGuitar ” chắc chắn sẽ không thể tránh khỏi những thiếu sót Chúng em rất mongnhận được sự quan tâm, thông cảm và những đóng góp quý báu của thầy cô vàcác bạn để đồ án này ngày càng hoàn thiện hơn

Một lần nữa, chúng em xin chân thành cảm ơn cô và luôn mong nhận được

sự đóng góp của thầy cô và các bạn

Sau cùng, chúng em xin kính chúc các thầy cô trong Khoa Công NghệThông Tin dồi dào sức khỏe, niềm tin để tiếp tục thực hiện sứ mệnh cao đẹp củamình là truyền đạt kiến thức cho thế hệ mai sau

Trân trọng!

Trong lời đầu tiên của báo cáo chuyên đề học phần “Đồ án lập trình web

nâng cao” với đề tài thực hiện của nhóm em là “ Website shop bán đàn guitar”, nhóm em muốn gửi những lời cảm ơn và biết ơn chân thành nhất của

mình tới tất cả những người đã hỗ trợ ,giúp đỡ nhóm em về kiến thức và tinhthần trong quá trình thực hiện báo cáo chuyên đề

Nhóm em xin chân thành cảm ơn thầy: quên tên mẹ rồi ô điền vào nhá Giảng viên Khoa Công Nghệ Thông Tin, Trường Đại học Điện Lực, người đãtrực tiếp hướng dẫn, nhận xét, giúp đỡ nhóm em trong suốt quá trình thực hiệnbáo cáo chuyên đề này

-Do thời gian thực hiện có hạn, kiến thức còn nhiều hạn chế nên báo cáochuyên đề thực hiện không tránh khỏi những sai sót nhất định Nhóm em rấtmong nhận được ý kiến đóng góp của thầy cô giáo và các bạn sinh viên đểnhóm em có thêm kinh nghiệm và tiếp tục hoàn thiện báo cáo của mình.Chúng em xin chân thành cảm ơn!

CHƯƠNG 1 : TỔNG QUÁT V BI TOÁN

1.1 Đặt vấn đề.

Hiện nay với cuộc sống bộn bề ngoài kia với biết bao nhiêu là sức ép củacuộc sống kiến cho chúng ta mệt mỏi, mỗi người đều tìm đến một nơi để gửigắm tâm hồn của mình Một số người chọn cách xem phim, nghe nhạc, một sốngười lựa chọn cách chơi các bộ môn thể thao để rèn luyện sức khỏe và cũngmột số người lựa chọn gửi gắm tâm hồn mình vào những nốt nhạc của cây đàn,

để thả hồn mình vào những giai điệu để quên đi những muộn phiền cuộc sống.Guitar Sinh Viên là một trong những website mang đến cho mọi ngườiyêu âm nhạc đến gần gũi hơn những nhạc cụ và cụ thể là đàn guitar Website có

đa dạng các mẫu đàn guitar đủ cho những người mới tập chơi đến những ngườichơi đàn nâng cao hay chơi chuyên nghiệp website mang đến sự tiện dụng khikhách hàng tham khảo các mẫu đàn với những cách sắp xếp hợp lý, đầy đủ cácmẫu mã cho khách hàng lựa chọn

Mục tiêu xây dựng trang web này nhắm giúp cho khách hàng có thể muahàng trực tiếp từ xa thông qua mạng internet Khách hàng ở nhà hay tại cửahàng vẫn có thể dễ dàng tham khảo thông tin sản phẩm mình tìm, so sánh giá cảcác mặt hàng và lựa chọn cho mình loại sản phẩm phù hợp nhu cầu của mình,giúp công việc mua sắm một cách nhanh chóng, tiện lợi, tiết kiệm thời gian, đápứng được nhu cầu thực tế Hệ thống tìm kiếm dễ dàng, giao diện thân thiện Chỉcần đăng nhập vào hệ thống với tài khoản đã có hay chỉ cần vài thao tác đăng kíđơn giản là khách hàng có thể tự do chọn mua và tạo đơn đặt hàng tại hệ thống

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

1.2.1 Ban điều hành

- Quản lý và phân phối hoạt động của cửa hàng

- Quyết định giá chính thức cho từng mặt hàng

1.2.2 Bộ phận bán hàng

- Bán hàng qua mạng là một hình thức mới mà người mua hàng phải phải

tự thao tác thông qua từng bước để có thể mua được hàng

- Các sản phẩm được sắp xếp, phân chia theo nhiều chủng loại hàng hóa và

có nhiều mặt hàng khác nhau để giúp cho người dùng dễ sử dụng, giúpcho người quản trị dễ thay thế, thêm bớt sản phẩm của mình Trong cáchnày, người dùng chỉ cần chọn một sản phẩm nào từ trong danh sách củatừng loại sản phẩm thì những thông tin về loại sản phẩm đó sẽ hiện lêntheo tên hàng hóa, hình ảnh, giá bán và nhưng mô tả ngắn về loại thiết bị

đó, bên cạnh là trang liên kết để thêm sản phẩm vào trong giỏ mua hàng

- Giỏ hàng chứa các thông tin lẫn số lượng hàng hóa người dùng mua và cóthể được cập nhật vào trong giỏ

- Khi khách hành muốn đặt hàng thì hệ thống hiển thị trang xác lập đơn đặthàng cùng với thông tin về khách hàng và hàng hóa

1.2.3 Bộ phận quản trị

Công việc của bộ phận này là thực hiện các nhiệm vụ quản trị mạng, quản

lý thông tin của khách hàng, cập nhật thông tin của sản phẩm,… đảm bảo cơ sở

dữ liệu luôn được cập nhật nhanh chóng

1.3 Yêu cầu của hệ thống bán hàng qua mạng.

1.3.1 Nhu cầu người sử dụng.

- Nhu cầu của khách hàng khi truy cập vào trang web là tìm kiếm các sảnphẩm Do đó yêu cầu của chương trình là phải đáp ứng được những nhucầu đó, sao cho khách hàng có thể tìm kiếm nhanh chóng và hiệu quả cácloại sản phẩm mà họ muốn và cần mua

- Chương trình phải có tính đa dạng và hấp dẫn nhằm thu hút sự quan tâmcủa nhiều người về công ty mình

- Trang web phải dễ hiểu, giao diện phải dễ dùng, hấp dẫn và quan trọng làlàm sao cho khách thấy những thông tin cần tìm cũng như thông tin liênquan

2

- Điều quan trọng trong mua bán qua mạng là phải đảm bảo an toàn tuyệtđối những thông tin liên quan đến người dùng trong quá trình đặt mua haythanh toán cũng được đảm bảo hàng được chuyển giao đúng nơi, đúng lúc.

1.3.2 Với người quản trị.

Trang web đòi hỏi người quản trị phải thường xuyên theo dõi các thôngtin về hàng hóa, xử lý đúng yêu cầu, đúng chức năng do mình nhập vào và thaotác dễ dàng với công việc quản lý dữ liệu:

- Được phép chỉnh sửa, xóa những thông tin sai, không phù hợp

- Theo dõi quá trình mua bán

- Theo dõi thông tin khách hàng nhập vào khi mua hàng, phải đảm bảo tính

-CHƯƠNG 2 : KHẢO SÁT HIỆN TRẠNG

2.1 Sơ đồ phân cấp chức năng.

Sau khi khảo sát thì em đã đưa ra được biểu đồ phân cấp chức năng nhưsau:

Hình 2.1 Sơ đồ phân cấp chức năng.

4

Xây d ng website bán đàn guitar ự

3.Qu n lý ảhóa đ nơ

3.2.X lý ử hóa đ n ơ

kiếếm

6.Thốếng kế

5.1.Tìm kiếếm theo tến SP

Mô tả chi tiết các chức năng.

- Chức năng quản trị:Thực hiện chức năng quản trị hệ thống website.

+ Đăng nhập: Cho phép quản trị và người dùng đăng nhập

+ Cập nhật người dùng: Cho phép quản trị sửa, xóa, phân quyền ngườidùng trong website

- Chức năng quản lý sản phẩm: Thực hiện chức năng quản lý sản phẩm.

+ Cập nhật danh mục: Cho phép quản trị viên thêm, sửa, xóa danh mục.+ Cập nhật sản phẩm: Cho phép quản trị viên thêm, sửa, xóa sản phẩm

- Chức năng quản lý hóa đơn: Thực hiên chức năng quản lý các đơn đặt

hàng, xử lý và giao hàng khi khách hàng thanh toán

+ Cập nhật hóa đơn: Mội số hóa đơn bị lỗi hoặc hóa đơn rác sẽ được xóabỏ

+ Xử lý hóa đơn: Kiểm tra đơn hàng nếu thông tin chính xác thì giaohàng, còn không thì báo cho khách hàng đó

- Chức năng quản lý góp ý và tin tức: Thực hiện chức năng quản lý ý kiến

của khách hàng và tin tức

+ Cập nhật tin tức: Quản trị viện có thể thêm, sửa, xóa tin tức

+ Xử lý ý kiến: Một số ý kiến rác sẽ được quản trị viện xóa bỏ

- Chức năng tìm kiếm: Cho phép khách hàng tìm kiếm nhanh sản phẩm

+ Thống kê sản phẩm mới: Đưa ra thông tin những sản phẩm mới nhậpvề.

2.2 Biều đồ luồng dữ liệu ngữ cảnh.

Hình 2.2 Biều đồ luồng dữ liệu ngữ cảnh.

6

Qu n tr viếnả ị

Tìm kiếếm, đ t ặhàng

C p nh t thống tin, s n ậ ậ ả

ph mẩ

Kếết quảKếết quả

Khách hàng Website

2.3 Biều đồ luồng dữ liệu mức đỉnh.

Hình 2.3 Biều đồ luồng dữ liệu mức đỉnh.

Tin t cứGóp ý

2.4 Biểu đồ luồng dữ liệu mức dưới đỉnh.

2.4.1 Biểu đồ luồng dữ liệu mức dưới đỉnh chức năng “Quản trị”.

Hi n th trang theo quyếầnể ị

Hình 2.4 Biểu đồ luồng dữ liệu mức dưới đỉnh chức năng “Quản trị”.

Sơ đồ khối đặc tả chức năng đăng nhập

Hình 2.5 Sơ đồ khối đặc tả chức năng đăng nhập

2.4.2 Biều đồ luồng dữ liệu mức dưới đỉnh chức năng“Quản lý sản phẩm”.

Hình 2.6 Biều đồ luồng dữ liệu mức dưới đỉnh chức năng“Quản lý sản phẩm”.

Tr l iả ờ

C p nh t ậ ậ

s n ph mả ẩ S n ph mả ẩ

Danh m cụ

Lưu đồ thuật toán đặc tả chức năng quản lý sản phẩm

Hình 2.7 Lưu đồ thuật toán đặc tả chức năng quản lý sản phẩm

Sai

Đúng

Băết đấầu

Ki m ểtra

2.4.3 Biều đồ luồng dữ liệu mức dưới đỉnh chức năng“Quản lý hóa đơn”.

Hình 2.8 Biều đồ luồng dữ liệu mức dưới đỉnh chức năng “Quản lý hóa đơn”.

Lưu đồ thuật toán đặc tả chức năng đặt hàng

Thống báo thành cống Điếần thống tin khách hàng Thếm vào đ

Hình 2.9 Lưu đồ thuật toán đặc tả chức năng đặt hàng

2.4.4 Biểu đồ luồng dữ liệu mức dưới đỉnh chức năng“Quản lý tin tức và góp ý”.

Hình 2.10 Biểu đồ luồng dữ liệu mức dưới đỉnhchức năng “Quản lý tin tức và góp

ý”.

2.4.5 Biểu đồ luồng dữ liệu mức dưới đỉnh chức năng “Tìm kiếm”.

14

S n ph mả ẩYếu cấầu

5.1 Tìm kiếếm theo tến s n ph mả ẩ

Khách

hàng

5.2Tìm kiếếm theo giá s n ả

ph mẩKếết

quả

Yếu cấầuKếết quả

X lý yếu ử

cấầu

Qu n tr viếnả ị

Góp ý

Hình 2.11 Biểu đồ luồng dữ liệu mức dưới đỉnh chức năng “Tìm kiếm”.

Lưu đồ thuật toán đặc tả chức năng tìm kiếm

Đ a ra kếết quư ả

Hình 2.12 Lưu đồ thuật toán đặc tả chức năng tìm kiếm

2.4.6 Biểu đồ luồng dữ liệu mức dưới đỉnh chức năng “Thống kê”.

Hình 2.13 Biểu đồ luồng dữ liệu mức dưới đỉnh chức năng “Thống kê”.

Lưu đồ thuật toán đặc tả chức năng thống kê

kếết quả

Hình 2.14 Lưu đồ thuật toán đặc tả chức năng thống kê

CHƯƠNG 3 : XÂY DỰNG WEBSITE TRÊN NN TẢNG WORDPRESS 3.1 Wordpress là gì

WordPress là một hệ thống quản lý nội dung (Content ManagementSystem - CMS) phổ biến được sử dụng để tạo và quản lý các trang web Nóđược phát triển bởi một cộng đồng lớn và có mã nguồn mở, cho phép ngườidùng tùy chỉnh và mở rộng chức năng theo nhu cầu

WordPress ban đầu được phát triển như một nền tảng cho việc tạo blog,nhưng ngày nay nó đã trở thành một CMS đa năng cho các loại trang web, baogồm cả các trang web cá nhân, doanh nghiệp, cửa hàng trực tuyến, diễn đàn vànhiều hơn nữa

Với WordPress, người dùng có thể tạo và quản lý nội dung trên trang webmột cách dễ dàng thông qua giao diện quản trị thân thiện Nó cung cấp một hệthống quản lý bài viết, trang, ảnh, video và các thành phần khác của trang web.Ngoài ra, WordPress còn hỗ trợ việc cài đặt và quản lý các chủ đề (themes) vàplugin để tùy chỉnh giao diện và chức năng của trang web

WordPress được ước tính sử dụng bởi hơn 40% các trang web trên toànthế giới, từ các trang web nhỏ cá nhân cho đến các trang web lớn của các công

ty nổi tiếng Điều này đặc biệt nhờ vào tính linh hoạt, dễ sử dụng và khả năng

mở rộng của nó

3.1.1 Cái nhìn chi tiết hơn về wordpress

WordPress là một hệ thống quản lý nội dung (CMS) mã nguồn mở vàđược phát triển bởi cộng đồng lập trình viên trên toàn thế giới Được giới thiệuvào năm 2003, WordPress ban đầu được phát triển như một nền tảng để tạo vàquản lý blog Tuy nhiên, ngày nay, WordPress đã phát triển trở thành một hệthống quản lý nội dung đa chức năng cho các loại trang web khác nhau.WordPress được viết bằng ngôn ngữ lập trình PHP và sử dụng cơ sở dữliệu MySQL để lưu trữ nội dung trang web Các tính năng cốt lõi của WordPressbao gồm:

18