Đồ án môn học Đồ án lập trình web nâng cao Đ ti website shop bán máy ảnh

LỜI MỞ ĐẦUHiệ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ác cửahàng, chúng em xin làm đề

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

KHOA CÔNG NGHỆ THÔNG TIN

ĐỒ ÁN MÔN HỌC

ĐỒ ÁN LẬP TRÌNH WEB NÂNG CAOĐ TI:

WEBSITE SHOP BÁN MÁY ẢNH

: NGUYỄN MINH ĐỨC

Hà Nội, tháng 4 năm 2024

PHIẾU CHẤM ĐIỂM STT Họ và tên sinh viên Nội dung thực

MỤC LỤC

LỜI MỞ ĐẦU 4

LỜI CẢM ƠN 5

CHƯƠNG 1: TỔNG QUÁT VỀ BÀI TOÁN 6

1.1 Đặt vấn đề 6

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

1.2.1 Ban điều hành 6

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

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

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

1.3.1 Nhu cầu của người sử dụng 7

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

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

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

2.2 Biểu đồ luồng dữ liệu ngữ cảnh 10

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

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

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

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” 14

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” .16

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 ý” 18

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

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

CHƯƠNG 3: THIẾT KẾ GIAO DIỆN 22

3.1 Giao diện trang chủ 22

3.1.1 Giao diện trang index 22

3.1.2 Giao diện sản phẩm 25

3.1.3 Giao diện chi tiết sản phẩm 26

3.1.4 Giao diện hóa đơn 27

3.1.5 Giao diện đặt hàng thành công 28

3.2 Giao diện quản trị 29

KẾT LUẬN 34

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ác cửahàng, chúng em xin làm đề tài “Website shop bán máy ảnh được đưa ra nhằm mụcđích giải quyết những vướng mắc trên, giúp cho công việc quản lý trở nên đơngiản, hiệu quả và chính xá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ư máy ảnh, các loại phụ kiện, hóa đơn, nhân viên… Không những vậy

mà còn giúp cho các yêu cầu của khách hàng được thực hiện nhanh chóng, chínhxác và đầy đủ, việc tra 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 Trong suốtthời gian đã và đang học tập tại trường đến nay, em đã nhận được rất nhiều sự quantâ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 Phương Văn Cảnh đã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 Trongthờ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ôngnhững thu được rất nhiều kiến thức bổ ích, mà còn được truyền sự say mê và thíchthú đố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 máy ảnh

” chắc chắn sẽ không thể tránh khỏi những thiếu sót Chúng em rất mong nhậ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ànhcả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ứckhỏe, niềm tin để tiếp tục thực hiện sứ mệnh cao đẹp của mình là truyền đạt kiếnthức cho thế hệ mai sau

Trân trọng!

LỜI CẢM ƠN

Trong lời đầu tiên của báo cáo chuyên đề học phần “Đồ án lập trình webnâng cao” với đề tài thực hiện của nhóm em là “ Website shop bán máy ảnh”,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à tinh thầ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: Phương Văn Cảnh-Giảng viên KhoaCô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ện bá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ất mongnhậ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ủa cuộcsống kiến cho chúng ta mệt mỏi, mỗi người đều tìm đến một nơi để gửi gắm tâmhồn của mình Một số người chọn cách xem phim, nghe nhạc, quay phim, chụp ảnhmộ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ũng một số người lựa chọn gửi gắm tâm hồn mình vào những bức ảnh

Website có đa dạng các mẫu máy ảnh đủ cho những người mới tập chơi đếnnhững người chơi máy ảnh nâng cao hay chơi chuyên nghiệp Website mang đến

sự tiện dụng khi khách hàng tham khảo các mẫu máy ảnh với những cách sắp xếphợp lý, đầy đủ các mẫ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ể mua hàngtrực tiếp từ xa thông qua mạng internet Khách hàng ở nhà hay tại cửa hà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 muasắm một cách nhanh chóng, tiện lợi, tiết kiệm thời gian, đáp ứng được nhu cầuthự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

sản phẩm thì những thông tin về loại sản phẩm đó sẽ hiện lên theo tên hànghó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ảnlý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 của 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 nhu cầu

đó, sao cho khách hàng có thể tìm kiếm nhanh chóng và hiệu quả các loạisả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ủanhiề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ọnglà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

- Điều quan trọng trong mua bán qua mạng là phải đảm bảo an toàn tuyệt đốinhững thông tin liên quan đến người dùng trong quá trình đặt mua hay thanhtoá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ông tin

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à thao tá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 antoàn, bảo mật, chính xác

- Theo dõi, xử lý các đơn đặt hàng và cập nhật các thông tin liên quan đến đơnđặt hàng của khách

- Có thể xóa tất cả các cơ sở dữ liệu sau một thời gian xác đị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

Mô tả chi tiết 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óa bỏ

+ Xử lý hóa đơn: Kiểm tra đơn hàng nếu thông tin chính xác thì giao hà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ê đơn đặt hàng: Đưa ra thông tin đơn hàng và chi tiết

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

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

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

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

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

Hình 2.4: Biểu đồ luồng dữ liệu mức đỉ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”

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

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

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 đỉnh chức năng “Quản lý dữ liệu 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”

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

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ê

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

CHƯƠNG 3: THIẾT KẾ GIAO DIỆN 3.1 Giao diện trang chủ.

3.1.1 Giao diện trang index

Hình 3.1: Giao diện trang index.

Hình 3.2: Giao diện trang index.

- Các sản phẩm nổi bật giảm giả trong tháng sẽ được đăng lên trang chủ

Hình 3.3: Giao diện trang index.

- Trang chủ là nơi tương tác giữa người dùng với website

- Chứa các chức năng: đăng nhập, đăng ký, sản phẩm, liên hệ,…

3.1.2 Giao diện sản phẩm

Hình 3.4: Giao diện sản phẩm

- Hiển thị những thông tin về sản phẩm và phụ kiện

3.1.3 Giao diện chi tiết sản phẩm

Hình 3.5: Giao diện chi tiết sản phẩm

-Hiển thị những thông tin chi tiết khi khách hàng chọn xem sản phẩm

3.1.4 Giao diện hóa đơn

Hình 3.6: Giao diện hoá đơn

- Hiển thị những sản phẩm khi khách hàng chọn mua

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

Hình 3.7: Giao diện khi đặt hàng thành công

3.2 Giao diện quản trị

Hình 3.8: Giao diện quản lý

Hình 3.9: Danh mục sản phẩm

Hình 3.10: Quản lý quyền đăng nhập

Hình 3.11: Quản lý tin tức

Hình 3.12: Quản lý bài viết

Hình 3.13: Quản lý danh mục sản phẩm

Hình 3.14: Quản lý sản phẩm

Hình 3.15: Quản lý Tải khoản

KẾT LUẬN

1 Những công việc làm được

- Đã phân tích được hiện trạng hệ thống để đưa ra được sơ đồ phân cấp các chức năng của hệ thống mới, đưa ra được các biểu đồ mức ngữ cảnh, mức đỉnh và mức dưới đỉnh để phục vụ cho quá trình xây dựng hệ thống mới của nhà hàng

- Thiết kế được mô hình cơ sở dữ liệu cho website

- Thiết kế giao diện website thân thiện, dễ sử dụng cho người dùng

- Thiết kế được giao diện giỏ hàng

2 Hạn chế

- Do kinh nghiệm thực tế chưa có nhiều do vậy quá trình phân tích hệ thốngcho website của cửa hàng còn nhiều chỗ chưa đúng với thực tế hay chưađảm bảo tính đúng đắn Vấn đề này em xin phép hoàn thiện thêm trong quátrình phát triển hệ thống sau đó

- Giao diện trang web còn chưa được đẹp mắt

- Ngôn ngữ và phần mềm soạn thảo là còn mới mẻ nên còn nhiều chức năng,chưa vận dụng và kiểm soát được