BÁO CÁO ĐỒ ÁN Môn Thương mại điện tử và ứng dụng ĐỀ TÀI TÌM HIỂU CHỨC NĂNG CỦA WEBSITE THỰC PHẨM VSHIP

Thương mại điện tử và ứng dụngPhần 2: Hướng dẫn sử dụng 2.1 Trang khách hàng Xem trang chủ Vào trang web vship thứ khách hàng thấy đầu tiên sẽ là trang chủ Xem danh sách sản phẩm nổi bật

TRƯỜNG ĐẠI HỌC SÀI GÒN KHOA CÔNG NGHỆ THÔNG TIN

BÁO CÁO ĐỒ ÁN Môn: Thương mại điện tử và ứng dụng

TÊN ĐỀ TÀI : TÌM HIỂU CHỨC NĂNG CỦA WEBSITE THỰC PHẨM VSHIP

TP HCM tháng 5 / 2022

Mục lục

Phần 1: Tổng quan về cách thức và công cụ xây dựng website 2

I.2.1.1 Xác định yêu cầu của website bán thực phẩm qua mạng 27

CHƯƠNG 3: THIẾT KẾ GIAO DIỆN VÀ PHÂN TÍCH CHỨC NĂNG MỖI TRANG

28

Thương mại điện tử và ứng dụng

HƯỚNG DẪN XÂY DỰNG WEBSITE

Phần 1: Tổng quan về cách thức và công cụ xây dựng website.

- Trang web sử dụng PHP, JavaScript, HTML, CSS, MySQL

- Dữ liệu được lấy từ trang web Thực Phẩm VSHIP(https://thucphamvship.com/) Để lấy dữ liệu một cách nhanh chóng, nhóm

đã cào dữ liệu từ các danh mục sản phẩm trên trang web, sau đó tạo tool xử

lý dữ liệu, bỏ các dữ liệu không cần thiết sau đó đưa vào database

- Dựa vào trang web Thực Phẩm VSHIP, nhóm đã tham khảo và triển khai cácnghiệp vụ có trên trang web và có một số cải tiến phù hợp với đồ án

- Từ việc quan sát thực tiễn nghiệp vụ và tham khảo cơ sở dữ liệu của cáctrang web thương mại điện tử mà nhóm đã làm trước đây Nhóm em đã xâydựng thành công một cơ sở dữ liệu hoàn thiện và phù hợp với đồ án mônhọc, thích hợp để phát triển cho các dự án thực tế bên ngoài

- Nhóm đã sử dụng công cụ VSCode để phát triển trang web

- Để chạy được trang web, nhóm chúng em đã sử dụng XAMPP để tạo môitrường mô phỏng server localhost Ngoài ra XAMPP còn hỗ trợ cho nhómphát triển database MySQL

- Cấu trúc file được phân bố logic, các file được đặt tên rõ ràng, dễ hiểu, cấutrúc file phân lớp rõ ràng từng lớp, chức năng Ngoài ra mỗi hàm trong fileđều được chú thích một cách rõ ràng để có thể tái sử dụng cho các dự ánkhác

Phần 2: Giới thiệu và cài đặt môi trường.

2.1 Cài đặt XAMPP

Truy cập trang web https://www.apachefriends.org/download.html

Ở mục XAMPP for windows ta chọn Download (64 bit) ứng với version 7.4.29

/PHP 7.4.29 Sau đó XAMPP sẽ được tải về máy.

Sau khi XAMPP đã tải về máy, ta mở XAMPP lên và tiền hành cài đặt

Sau khi cài đặt XAMPP ta sẽ có được môi trường để phát triển PHP cũng như sử dụng được hệ quản trị cơ sở dữ liệu MySQL

2.2 Khởi tạo môi trường

Sau khi XAMPP đã được cài đặt, ta mở XAMPP lên, ở Module Apache và MySQL ta

khởi chạy bằng cách bấm vào Start.

Thương mại điện tử và ứng dụng

Tiếp theo ta sẽ tiến hành tạo cơ sở dữ liệu Đầu tiên ta mở trình duyệt và truy cập vào đường dẫn http://localhost/phpmyadmin, giao diện quản lý cơ sở dữ liệu

phpMyAdmin sẽ được hiển thị lên.Ở thanh panel bên trái, ta chọn Mới

Giao diện tạo mới cơ sở dữ liệu sẽ hiển thị lên, ta nhập tên cơ sở dữ liệu là web2 hoặc tên tự chọn Sau đó bấm nút tạo.

Cơ sở dữ liệu web2 đã được tạo ra, nhưng nó trống rỗng, điều tiếp theo ta cần làm

là thêm các bảng, cũng như dữ liệu của các bảng Để thêm, tại thanh menu ta chọn mục Nhập tiếp theo đó ta bấm vào nút chọn tệp Tại đây ta chọn cơ sở dữ liệu

web2.sql đã được đính kèm trong thư mục github Sau đó bấm thực hiện.

Thương mại điện tử và ứng dụng

Các bảng dữ liệu cũng như dữ liệu của trang web sẽ được cài đặt vào trong cơ sở

dữ liệu web2 đã được tạo trước đó.

Tiếp theo, để có thể deploy trang web, ta tiến hành đưa code vào thư mục C:\xampp\htdocs, tại thư mục này, ta tạo 1 thư mục với tên trang web mà chúng ta muốn Sau đó copy toàn bộ code trong thư mục github vào thư mục ta vừa tạo.Vậy là ta đã khởi tạo môi trường thành công, để tiến hành truy cập vào trang web,

ta truy cập vào đường dẫn http://localhost/thucphamvship Với thucphamvship là tên thư mục chứa code mà ta vừa tạo

+ Đăng nhập, đăng xuất, đăng ký+ Tìm kiếm sản phẩm

+ Xem giỏ hàng+ Xem thông tin doanh nghiệp+ Kiểm tra đơn hàng

Thương mại điện tử và ứng dụng

Phần 2: Hướng dẫn sử dụng 2.1 Trang khách hàng

Xem trang chủ

Vào trang web vship thứ khách hàng thấy đầu tiên sẽ là trang chủ

Xem danh sách sản phẩm nổi bật, sản phẩm mới, sản phẩm khuyến mãi

Ở trang chủ khi lăn chuột xuống sẽ thấy lần lượt các danh sách sản phẩm kể trên

Đăng nhập và đăng ký tài khoản.

B1: Khách hàng chọn vào chức năng đăng nhập, nếu có tài khoản thì khách hàng nhập tài khoản và mật khẩu vào form và nhấn nút Đăng nhập màu xanh Nếu chưa có tài khoản thì làm bước 2

B2: Khách hàng chọn vào chức năng “Tạo tài khoản”

B3: Khách hàng điền đầy đủ thông tin

Thương mại điện tử và ứng dụng

B4: Khách hàng nhấp chọn “Đăng kí”

Cho phép khách hàng xem thông tin cá nhân khách hàng

B1: Khách hàng nhấp chọn vào tên đăng nhập của mình

B2: Khách hàng chọn vào “Thông tin cá nhân”

B3: Tại đây khách hàng có thể nhấp chọn “Sửa” để thay đổi thông tin cá nhân hoặc nhấp vào “Trở về” để tiếp tục mua sắm

B4: Khách hàng chọn “Sửa”, tại đây khách hàng có thể thay đổi thông tin cá nhân của mình sau đó chọn “Cập nhật” để lưu thông tin sau khi thay đổi.

Tìm kiếm sản phẩm

B1: nhấp vào form tìm kiếm ở đầu trang

B2: nhập thông tin và bấm tìm kiếm, nó sẽ dẫn khách hàng đến trang danh sách sản phẩm ứng với từ khóa vừa nhập

Thương mại điện tử và ứng dụng

Xem giỏ hàng

B1: Khách hàng chọn vào “Giỏ hàng”

B2: Khách hàng chọn vào “Tiếp tục đơn hàng”

B3: Nếu khách hàng đã đăng nhập, hệ thống sẽ chuyển sang trang cho phépkhách hàng điền thông tin đăng nhập, nếu khách hàng chưa đăng nhập, hệ thống

sẽ chuyển sang trang cho phép khách hàng đăng nhập

B4: Khách hàng chọn “Tiến hành đặt hàng”

B5: Khách hàng chọn một trong hai hình thức giao hàng sau đó nhấp chọn

“Tiếp tục đơn hàng”

B6: Khách hàng kiểm tra lại thông tin sau đó nhấp vào “Đặt hàng” hệ thống

sẽ lưu đơn hàng của khách hàng

Thương mại điện tử và ứng dụng

Xem thông tin doanh nghiệp

Xem lịch sử mua hàng

B1: nhấp vào nút sẽ dẫn khách hàng đến trang lịch sử đơn

Xem danh sách sản phẩm theo danh mục

Để xem danh sách sản phẩm theo danh mục, ta chỉ cần nhấn vào một trong các danh mục trên danh sách danh mục cửa sổ danh sách sản phẩm ứng với danh mục

đó sẽ xuất hiện

Thương mại điện tử và ứng dụng

sắp xếp sản phẩm theo giá

2.2 Trang Admin

Cho phép nhập hàng vào kho

B1: Truy cập vào trang admin, sau đó chọn mục quản lý sản phẩm Ở tab này ta chọn thêm sản phẩm.

B2: Form thêm sản phẩm sẽ hiển thị lên Tiếp đó ta nhập các thông tin cần

có cho một sản phẩm và chọn nút thêm sản phẩm.

Quản lý sản phẩm

B1: Truy cập vào trang admin, sau đó chọn mục quản lý sản phẩm Ở tab này ta chọn danh mục sản phẩm.

B2: Ta chọn mục sản phẩm Ở mục này, ta chọn danh sách sản phẩm Khi

đó, danh sách sản phẩm trong kho sẽ hiển thị lên

B3: Ở đây ta có thể thực hiện thao tác sửa, xóa sản phẩm.

B4: Đối với sửa sản phẩm Ta chọn sản phẩm cần sửa sau đó bấm chọn nút sửa Hộp thoại sửa sản phẩm sẽ hiển thị lên Ở đây ta chỉ cần nhập thông tin sản

phẩm cần chỉnh sửa và sau đó bấm lưu.

Thương mại điện tử và ứng dụng

Đối với xóa sản phẩm Ta chỉ cần chọn dòng tương ứng đối với sản phẩm

cần xóa Sau đó bấm chọn nút Ẩn Khi đó sản phẩm sẽ được xóa.

Quản lý danh mục sản phẩm

B1: Truy cập vào trang admin, sau đó chọn mục quản lý sản phẩm Ở tab này ta chọn danh mục sản phẩm.

B2: Giao diện quản lý danh mục sẽ hiện lên Ở đây ta có thể thêm danh mục

sản phẩm mới bằng cách chọn vào input nhập tên danh mục… sau đó chọn nút

thêm

Quản lý hóa đơn

B1: Để quản lý hóa đơn Ta chọn mục quản lý hóa đơn trong mục quản lý hóa

đơn Giao diện sẽ hiển thị như hình dưới.

Thương mại điện tử và ứng dụng

B2: Ở đây ta có thể in hóa đơn bằng cách chọn vào nút in hóa đơn đối với hóa đơn

tương ứng

Quản lý đơn hàng

B1: Để quản lý đơn hàng Ta chọn mục quản lý đơn hàng trong mục quản lý hóa

đơn Giao diện sẽ hiển thị như hình dưới Ngoài ra ta còn có thể xem chi tiết các

hóa đơn Không chỉ thế ta còn có thể tìm kiếm bất kỳ hóa đơn nào đó Và lọc ra hóa đơn trong khoảng ngày

B2: Ở đây ta có thể thanh toán cho mỗi đơn hàng mà khách hàng đã tạo Ngoài ra

ta còn có thể xem chi tiết các đơn hàng Không chỉ thế ta còn có thể tìm kiếm bất

kỳ đơn hàng nào đó Và lọc ra đơn hàng trong khoảng ngày

Thống kê doanh thu theo tháng

B1: Để thống kê doanh thu theo tháng Ở mục thống kê doanh thu ta chọn

thống kê doanh thu theo tháng.

Thương mại điện tử và ứng dụng

LỜI MỞ ĐẦU.

Trong sự phát triển không ngừng của xã hội thì nhu cầu của con người vềcuộc sống ngày càng cao Từ ý nghĩa thực tế đó mà đã nảy sinh ra nhiều loại hìnhdịch vụ để phần nào đáp ứng được những nhu cầu thiết yếu của con người Cácdịch vụ đó đa dạng về nhiều mặt với nhiều cách đáp ứng khác nhau Và một loạihình dịch vụ khá phổ biến hiện nay đó là bán hàng qua mạng

Nếu như trước đây máy tính trở nên xa lạ với mọi người thì ngày nay máytính trở thành một người bạn đắc lực không thể thiếu Người ta có thể thông quamáy tính làm được mọi chuyện tưởng như là không thể, không những thế mà hiệuquả công việc còn rất cao nó thể hiện như độ chính xác nhanh chóng và thuận tiện

Những minh chứng cho sự tiện lợi của máy tính được thông qua dịch vụmua bán trên mạng Mặc dù dịch vụ mua bán này đối với các nước phát triển trênthế giới không phải là mới mẻ gì Tuy nhiên ở Việt Nam ta nó là bước đi chậpchững ban đầu

Khi vào với dịch vụ mua bán qua mạng, người ta thấy được sự tiện lợi mànhiều dịch vụ khác không có được, tạo cho con người có sự tin cậy, mà nhất làtrong xã hội ngày nay khi con người lấy công việc làm nền tảng cho sự phát triểnthì dịch vụ mua bán qua mạng ngày càng phát huy được thế mạnh của nó

Mua bán được hoạt động với nhiều hình thức khác nhau nhưng để có mộtdẫn chứng cụ thể nói lên sự tiện lợi này trong khuôn khổ của một báo cáo sảnphẩm tôi xin xây dựng và cài đặt một hệ thống mua bán sản thực phẩm sạch quamạng Nhiệm vụ chính của tôi là xây dựng còn sự tiện lợi của nó chỉ khi dùng đến

nó thì mới có thể biết hết được

Thương mại điện tử và ứng dụng

TỔNG QUAN VỀ ĐỀ TÀI

I Giới thiệu về đề tài.

Ngày nay công nghệ thông tin đã có những bước tiến phát triển mạnh mẽ về

cả chiều sâu và chiều rộng Máy tính điện tử giờ đây không còn là thứ quý hiếm màđang ngày càng trở thành một công cụ làm việc và giải trí của con người Nhữngnăm gần đây, việc cập nhật các thông tin cũng như thực hiện các giao dịch quamạng internet ngày càng trở nên phổ biến Và một loại hình kinh doanh qua hiệnnay khá phổ biến đó là buôn bán qua mạng Hình thức kinh doanh này mang lại rấtnhiều lợi ích cho người tiêu dùng cũng như nhà cung cấp Phần lớn khách hàng cónhu cầu mua hàng thì phải đến các cửa hàng, siêu thị hay các trung tâm thươngmại để lựa chọn những mặt hàng hợp với nhu cầu của mình Công việc này tốn kémnhiều thời gian và chi phí đi lại cho người tiêu dùng, đôi khi khách hàng còn gặpphải hàng dịch vụ kém chất lượng Tất cả những bất cập đó sẽ được loại bỏ với sự

ra đời của website bán hàng qua mạng Khi khách hàng có nhu cầu mua hàng, dù ởnhà hay công sở hay bất cứ nơi đâu có mạng internet, khách hàng chỉ cần truy cậpvào những trang web bán hàng qua mạng là có thể tìm kiếm được những mặt hàng

mà mình muốn mua, khách hàng có thể thực hiện các thủ tục được hướng dẫntrên trang web là có thể mua được hàng, nhân viên của công ty đó sẽ giao hàngđến tận nơi cho khách hàng Ngoài những lợi ích mà Internet mang lại cho ngườitiêu dùng nó còn giúp cho nhà cung cấp phát triển rất nhiều trong việc mở rộng thịtrường, giúp thương hiệu của công ty được nhiều người biết đến, từ đó giảm đượcrất nhiều chi phí quảng cáo cho sản phẩm và rất thuận tiện trong việc quản lý sảnphẩm và chăm sóc khách hàng theo đúng phương trâm đặt ra

Để tiếp cận và bắt kịp xu hướng phát triển của thương mại điện tử hiện nay,tôi đã tìm hiểu và xây dựng website bán thiết bị điện tử

I Nội dung báo cáo.

Mở đầu:

Phần mở đầu sẽ giới thiệu sơ qua về nội dung, mục đích và lý do để thực hiện đề tài, lựa chọn các công cụ để thực hiện đề tài

Phần I: Phân tích và thiết kế chương trình.

Trong phần này, trình bày quá trình phân tích khảo sát các hoạt động thực

tế Qua phần tìm hiểu thực tế, chúng ta sẽ có cái nhìn khái quát về hệ thống hiệntại và có thể đưa ra các nhận xét, đánh giá về những ưu điểm, nhược điểm, vànhững vấn đề còn tồn tại trong hệ thống hiện tại, cả nhũng nhu cầu đối với hệthống mới cần xây dựng Từ đó có thể đưa ra các thiết kế cho hệ thống mới

Phần I: Kết luận và hướng phát triển:

Đưa ra các đánh giá, nhận xét về hệ thống, các vấn đề giải quyết được, cácvấn đề còn tồn tại Đồng thời đưa ra hướng phát triển của đề tài trong tương lai

PHẦN I: PHÂN TÍCH VÀ THIẾT KẾ CHƯƠNG TRÌNH.

CHƯƠNG 1: PHÂN TÍCH VÀ KHẢO SÁT THỰC TẾ

Thương mại điện tử và ứng dụng

●Hiển thị danh sách các mặt hàng theo từng loại hàng (bao gồm: hìnhảnh, giá cả…)

●Hiển thị danh sách top sản phẩm bán chạy và sản phẩm mới

●Hiển thị đơn đặt hàng của khách hàng

●Cung cấp khả năng tìm kiếm, khách hàng có thể truy cập để tìm kiếmxem mặt hàng đặt mua

●Cho phép khách hàng đăng ký để mua hàng

●Cho phép khách hàng xem thông tin cá nhân khách hàng và thông tin giỏhàng

●Giới thiệu và liên hệ với công ty

●Cho phép quản lý hàng, đơn đặt hàng, quản lý khách hàng và quản lý nhàcung cấp

●Cho phép quản lý tin tức và quản lý bình chọn cho website và một sốdịch vụ khác

●Cập nhập mặt hàng, loại mặt hàng, khách hàng, nhà cung cấp

●Thống kê mặt hàng, đơn đặt hàng, doanh thu

I.1.1.2 Yêu cầu đặt ra cho hệ thống.

I.1.1.2.1 Về mặt thiết bị và phần mềm

- Một máy làm Web Server.

- Hệ điều hành hỗ trợ cho chương trình để chạy hệ thống

- Hệ cơ sở dữ liệu được dùng là MySQL

- Các phần mềm khác dùng để lập trình và thiết kế Web

I.1.1.2.2 Yêu cầu trang Web

Hệ thống gồm có hai phần:

Phần thứ nhất dành cho khách hàng: Khách hàng là những người có nhu cầu mua

sắm sản phẩm Họ sẽ tìm kiếm các mặt hàng cần thiết từ hệ thống và đặt mua cácmặt hàng này Vì thế trang web phải thỏa mãn các chức năng sau:

Thứ nhất: Hiển thị danh sách các mặt hàng của công ty để khách hàng có thể

xem và lựa chọn

Thứ hai: Cung cấp chức năng tìm kiếm mặt hàng Với nhu cầu của người sử

dụng khi bước vào trang web thương mại là tìm kiếm các mặt hàng mà họ cần

và muốn mua Đôi lúc cũng có nhiều khách hàng vào website này mà không

có ý định mua hay không biết mua gì thì yêu cầu đặt ra cho hệ thống là làmthế nào để khách hàng có thể tìm kiếm nhanh và hiệu quả các mặt hàng mà

họ cần tìm

Thứ ba: Sau khi khách hàng lựa chọn xong những mặt hàng cần đặt mua thì

hệ thống phải có chức năng hiển thị đơn đặt hàng để khách hàng nhập vàonhững thông tin cần thiết, tránh những đòi hỏi hay những thông tin yêu cầuquá nhiều từ phía khách hàng, tạo cảm giác thoải mái, riêng tư cho kháchhàng

Ngoài ra, còn có một số chức năng như: đăng ký, đăng nhập Khách hàng có

thể thay đổi mật khẩu của mình Khi bạn quan tâm đến thông tin về website như:tin tức hay giá cả Bạn có thể nhập địa chỉ email của bạn vào Lúc đó bạn có thểnhận được thông tin cập nhật từ website

Phần thứ hai dành cho nhà quản lý: Là người làm chủ ứng dụng, có quyền kiểm

soát mọi hoạt động của hệ thống Người này được cấp một username và password

để đăng nhập vào hệ thống thực hiện những chức năng của mình Nếu như quátrình đăng nhập thành công thì nhà quản lý có những chức năng sau:

Thứ nhất: Chức năng quản lý cập nhật (thêm, xóa, sửa) các mặt hàng trên

trang web, việc này không phải dễ Nó đòi hỏi sự chính xác

Thứ hai: Tiếp nhận và kiểm tra đơn đặt hàng của khách hàng Cập nhật đơn

Thương mại điện tử và ứng dụng

Ngoài các chức năng nêu trên thì trang web phải được trình bày sao cho dễhiểu, giao diện mang tính dễ dùng, đẹp mắt và làm sao cho khách hàng thấy đượcnhững thông tin cần tìm, cung cấp những thông tin quảng cáo thật hấp dẫn, nhằmthu hút sự quan tâm về công ty mình và có cơ hội sẽ có nhiều người tham khảonhiều hơn Điều quan trọng trong trang web mua bán trên 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 đặtmua hay thanh toán Đồng thời trang web còn phải có tính dễ nâng cấp, bảo trì,sửa chữa khi cần bổ sung, cập nhật những tính năng mới

I.1.2 Khảo sát hiện trạng.

Sau khi khảo sát hiện trạng, em nắm bắt được các thông tin sau:

Quản lý khách hàng: mỗi khách hàng được quản lý các thông tin sau đây:

Họ, tên, ngày sinh, địa chỉ, điện thoại, email, mật khẩu Ngoài ra, nếu khách hàng làcông ty hay cơ quan thì quản lý thêm tên công ty/cơ quan

Quản lý mặt hàng: mỗi mặt hàng được quản lý những thông tin: Tên mặt

hàng, đơn giá, số lượng, hình ảnh, mô tả

Quá trình đặt hàng của khách hàng: Khách hàng xem và lựa chọn mặt hàng

cần mua Trong quá trình lựa chọn, hệ thống sẽ tự động hướng dẫn khách hàng vàkhách hàng chỉ cần làm theo hướng dẫn đó Sau khi lựa chọn xong, bộ phận bánhàng sẽ tiến hành lập đơn đặt hàng của khách Sau khi tiếp nhận yêu cầu trên, bộphận này sẽ làm hóa đơn và thanh toán tiền

Khách hàng: là những người có nhu cầu mua sắm hàng hóa Khác với việc đặt

hàng trực tiếp tại công ty, khách hàng phải hoàn toàn tự thao tác thông qua từngbước cụ thể để có thể mua được hàng Trên mạng, các mặt hàng được sắp xếp vàphân theo danh sách sản phẩm giúp cho khách hàng dễ dàng tìm kiếm sản phẩmmình muốn mua Trong hoạt động này, khách hàng chỉ cần chọn một mặt hàng nào

đó từ danh mục các mặt hàng thì những thông tin về mặt hàng đó sẽ hiển thị lênmàn hình như: hình ảnh, đơn giá, mô tả, và bên cạnh là trang liên kết để thêm