ĐỒ ÁN CƠ SỞ 2 ĐỀ TÀI: XÂY DỰNG WEBSITE BÁN ĐỒ ĐIỆN TỬ. Giảng viên hướng dẫn : THS. DƯƠNG THỊ MAI NGA

 Module quản lý sản phẩm, đơn hàng - Người quản trị có thể cập nhật thông tin các mặt hàng, loại hàng - Quản lý đơn hàng của khách hàng  Module giỏ hàng - Khi tham khảo đầy đủ thôn

ĐẠI HỌC ĐÀ NẴNG KHOA CÔNG NGHỆ THÔNG TIN VÀ

Đà nẵng, tháng 12 năm 2020

ĐẠI HỌC ĐÀ NẴNG KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG

ĐỒ ÁN CƠ SỞ 2

ĐỀ TÀI: XÂY DỰNG WEBSITE BÁN ĐỒ ĐIỆN TỬ

Đà Nẵng, tháng 12 năm 2020

MỞ ĐẦU

Những tiến bộ to lớn về công nghệ, đặc biệt là công nghệ thông tin trongnhững thập niên cuối của thế kỷ 20 đã tạo ra bước ngoặt mới cho sự phát triểnkinh tế xã hội toàn cầu Chính trên nền tảng đó, một phương thức thương mạimới đã xuất hiện và phát triển nhanh chóng, đó là thương mại điện tử.Thương mại điện tử chính là một công cụ hiện đại sử dụng mạng Internet giúpcho các doanh nghiệp có thể thâm nhập vào thị trường thế giới, thu thập thôngtin nhanh hơn, nhiều hơn và chính xác hơn Với thương mại điện tử, cácdoanh nghiệp cũng có thể đưa các thông tin về sản phẩm của mình đến cácđối tượng khách hàng tiềm năng khác nhau ở mọi nơi trên thế giới với chi phíthấp hơn nhiều so với các phương pháp truyền thống

Trong xu thế phát triển mạnh mẽ của thương mại điện tử trên thế giới, cácdoanh nghiệp Việt Nam đặc biệt là các doanh nghiệp vừa và nhỏ, bộ phậnchiếm tỷ lệ lớn trong tổng số các doanh nghiệp Việt Nam, cũng đã bước đầunhận thức được ích lợi và tầm quan trọng của việc ứng dụng thương mại điện

tử Tuy nhiên, do còn nhiều hạn chế trong nhận thức của bản thân các doanhnghiệp cũng như các điều kiện cơ sở hạ tầng, việc ứng dụng thương mại điện

tử trong các doanh nghiệp vừa và nhỏ ở Việt Nam có thể nói mới ở mức độ sơkhởi Vì thế, các doanh nghiệp vừa và nhỏ cần xây dựng cho mình một chiếnlược kinh doanh phù hợp với điều kiện thực tế hiện nay nhằm tiếp cận nhiềuhơn nữa với thương mại điện tử để có thể khai thác tối đa lợi ích mà phươngthức kinh doanh này đem lại

Ngày nay, các cửa hàng trực tuyến xuất hiện càng nhiều Cửa hàng trực tuyến

sẽ đem lại nhiều lợi ích về cho người sử dụng Đối với doanh nghiệp, tiết kiệm được không gian trưng bày sản phẩm, tiết kiệm nguồn nhân lực, tiết kiệm chi phí mặt bằng…Đối với khách hàng, tiết kiệm được thời gian đi lại, lựa chon được những sản phẩm ưa thích…Đây cũng là lý do để em chọn đề

tài: “Xây dựng website bán đồ điện tử” làm đề tài môn học “Đồ án cơ sở

2”

LỜI CẢM ƠN

1

Với đề tài và môn học này, nhóm xin chân thành cảm ơn sự giúp đỡ tận tình của

Cô Dương Thị Mai Nga đã tận tình giúp đỡ, trực tiếp chỉ bảo, hướng dẫn nhóm emtrong suốt quá trình thực hiện học phần Đồ án Trong thời gian làm việc, em khôngngừng tiếp thu thêm nhiều kiến thức, kinh nghiệm mà còn học tập được tinh thần làmviệc, thái độ nghiên cứu khoa học nghiêm túc, hiệu quả, đây là những điều rất cần thiếtcho nhóm em trong quá trình học tập và công tác sau này

Nhóm xin chân thành cảm ơn!

NHẬN XÉT (Của giảng viên hướng dẫn)

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

Mục lục MỞ ĐẦUError: Reference source not found

Chương 1: Giới thiệu 5

1.1 Tổng quan 5

1.2 Phương pháp, kết quả 5

Chương 2: Phân tích thiết kế hệ thống 7

2.1 Mô hình tổng quan của hệ thống nghiên cứu 7

2.1.1 Xác định Actor 7

2.1.2 Xác định yêu cầu người sử dụng 7

2.2 Biểu đồ Use case 7

2.2.1 Xây dựng biểu đồ Use case 7

2.3 Xây dựng biểu đồ lớp Error: Reference source not found 2.4 Thiết kế cơ sở dữ liệu Error: Reference source not found Chương 3: Thiết kế và xây dựng website 16

3.1 Giao diện trang người dùng 16

3.2 Giao diện trang quản trị 20

Chương 4: Kết luận 24

4.1 Kết luận 24

Tài liệu tham khảo 24

3

Chương 1 GIỚI THIỆU

1.1 Tổng quan

Hoạt động bán hàng của một cửa hàng linh kiện máy tính tóm tắt như sau:

Khách hàng vào trang chủ của website, tìm hiểu, tham khảo về các sản phẩm Khikhách hàng muốn mua hàng thì phải đăng nhập vào website Nếu khách hàngchưa có tài khoản thì sẽ phải đăng kí Nếu đăng nhập thành công thì các thông tincủa khách hàng sẽ được cập nhật vào mục thông tin của khách hàng Để muahàng thì khách hàng phải thêm sản phẩm vào giỏ hàng Khách hàng tìm kiếm cácmặt hàng cần thiết và bộ phận quản lý sẽ tổng hợp thông tin về các mặt hàng vàphản hồi lại với khách hàng Các đơn hàng sẽ được tổng hợp vào mục order Bộphận quản lý sẽ lấy thông tin từ mục order và phản hồi lại với khách hàng Khikhách hàng yêu cầu thống kê, báo cáo thì các báo cáo sẽ được gửi đến kháchhàng

1.2 Phương pháp, kết quả

1.2.1 Phương pháp

- Tìm hiểu kỹ thuật lập trình, cách thức hoạt động

- Hiểu được cách hoạt động của web Back-end

- Hiểu được cách lưu trữ dữ liệu của hệ quản trị cơ sở dữ liệu MySQL

- Sử dụng ngôn ngữ lập trình như: HTML, Css, Jquery, FrameworkBoostrap, Php, và Framework Laravel

- Sử dụng các công cụ hỗ trợ như: Xampp, Navicat, Visual Studio Code.StarUML

1.2.2 Kết quả

Xây dựng một hệ thống bán đồ điện tử trực tuyến với giao diện thân thiện, dễ sửdụng Cho phép khác hàng xem thông tin và đặt hàng qua web, người quản trịquản lý các thông tin về sản phẩm cũng như người dùng

Website được xây dựng phục vụ hai đối tượng chính là người quản trị hệ thống

và khách hàng với các chức năng sau:

 Về phía người dùng

- Tìm kiếm các thiết bị điện tử mà khách hàng cần

- Xem thông tin chi tiết của sản phẩm

- Chức năng đặt mua và hình thức thanh toán

- Khách hàng chọn sản phẩm thêm vào giỏ hàng và xem giá tiền

- Giúp khách hàng có lựa chọn thuận tiện, nhanh chóng để mua được sảnphẩm mình cần nhanh nhất

 Về phía người quản trị hệ thống

- Phải có cơ chế đăng nhập để xác định người có quyền hạn mới có thể đăngnhập vào hệ thống quản trị của website

- Quản lí thông tin của khách hàng, thông tin sản phẩm

- Thêm các thông tin dữ liệu cập nhật lên cơ sở dữ liệu

- Dễ dàng quản lý sản phẩm, danh mục sản phẩm

- Tùy chọn chỉnh sửa, xóa các dữ liệu từ trang web thông qua trang củangười quản trị

Các module của webiste

 Module sản phẩm:

- Hiển thị thông tin và phân loại sản phẩm trong gian hàng Sản phẩm hiểnthị lên website sẽ được hiển thị đầy đủ thông tin về sản phẩm đó như: hìnhảnh, tên sản phẩm, đặc điểm nổi bật của sản phẩm, giá tiền

 Module tìm kiếm, liên hệ, giới thiệu:

- Khách hàng sẽ được cung cấp chức năng tìm kiếm trên website: thanh tìm

kiếm Trả về các kết quả tìm kiếm tại trang tìm kiếm khi khác hàng muốntìm nhanh qua từ khóa như sản phẩm, danh mục hoặc theo giá tiền

- Trang giới thiệu: Giới thiệu các thông tin về về cửa hàng, danh mục sảnphẩm, chương trình khuyến mãi

- Trang liên hệ: Khách hàng có thể liên hệ với nhân viên bán hàng về cácthắc mắc, ý kiến của mình

 Module quản lý sản phẩm, đơn hàng

- Người quản trị có thể cập nhật thông tin các mặt hàng, loại hàng

- Quản lý đơn hàng của khách hàng

 Module giỏ hàng

- Khi tham khảo đầy đủ thông tin về sản phẩm khách hàng có thể đặt muasản phẩm ngay tại website thông qua chức năng giỏ hàng mà không cầnphải đến địa điểm giao dịch, giỏ hàng được làm mô phỏng như giỏ hàngtrong thực tế có thể thêm, bớt, thanh toán tiền các sản phẩm đã mua Khichọn thanh toán giỏ hàng khách hàng phải ghi đầy đủ các thông tin cánhân, thông tin này được hệ thống lưu trữ và xử lý

 Module đăng ký thành viên, đăng nhập hệ thống

- Mỗi khách hàng giao dịch tại website sẽ được quyền đăng ký môt tàikhoản riêng Tài khoản này sẽ được sử dụng khi hệ thống yêu cầu Một tàikhoản do khách hàng đăng ký sẽ lưu trữ các thông tin cá nhân của kháchhàng

5

Chương 2 PHÂN TÍCH THIẾT KẾ HỆ THỐNG

2.1 Khảo sát và đặc tả yêu cầu

2.1.1 Xác định Actor

- Khách hàng

- Admin (người quản trị hệ thống)

- User (bao gồm cả khách hàng và admin)

2.1.2 Xác định yêu cầu người sử dụng

 Đối với khách hàng

- Dễ hiểu, dễ dùng, dễ tìm kiếm thông tin hàng hóa

- Đảm bảo an toàn tuyệt đối thông tin khách hàng

 Đối với người quản trị

- Thêm, sửa, xóa thông tin sản phẩm, kiểm tra dữ liệu nhập vào

- Theo dõi, xử lý việc đặt hàng, quá trình mua bán

- Xem, tra cứu, tìm kiếm thông tin sản phẩm

- Xem, theo dõi hàng hóa, đơn đặt hàng và khách hàng

2.2 Biểu đồ Use case

2.2.1 Xây dựng biểu đồ Use case

- BIỂU ĐỒ USE CASE TỔNG QUÁT

Hình 2.1 Biểu đồ Use case tổng quát

7

- KHÁCH HÀNG

Hình 2.2 Biểu đồ Use case khách hàng

Hình 2.3 Biểu đồ Use case quản lý giỏ hàng của khách hàng

- ADMIN

Hình 2.4 Biểu đồ Use case của Admin

Hình 2.5 Biểu đồ Use case quản lý danh mục của Admin

Hình 2.6 Biểu đồ Use case quản lý sản phẩm của Admin

9

Hình 2.7 Biểu đồ Use case quản lý đơn hàng của Admin

Hình 2.8 Biểu đồ Use case quản lý người dùng của Admin

- User

Hình 2.9 Biểu đồ Use case người dùng truy cập hệ thống

2.2.2 Xây dựng lớp biểu đồ lớp

Hình 2.11 Biểu đồ lớp

2.3 Thiết kế cơ sở dữ liệu

2.3.1 Danh sách các bảng

STT Tên thực thể Mô tả

Bảng 1 Danh sách các bảng

11

2.3.2 Bảng tbl_admin

STT Tên thực thể Kiểu dữ liệu Ràng buộc Mô tả

Bảng 2 Bảng tbl_admin

2.3.3 Bảng tbl_brand

STT Tên thực thể Kiểu dữ liệu Ràng buộc Mô tả

Bảng 3 Bảng tbl_brand

2.3.4 Bảng tbl_cart

STT Tên thực thể Kiểu dữ liệu Ràng buộc Mô tả

Bảng 4 Bảng tbl_cart

2.3.5 Bảng tbl_category

STT Tên thực thể Kiểu dữ liệu Ràng buộc Mô tả

Bảng 5 Bảng tbl_category

2.3.6 Bảng tbl_customer

STT Tên thực thể Kiểu dữ liệu Ràng buộc Mô tả

Bảng 6 Bảng tbl_customer

2.3.7 Bảng tbl_order

STT Tên thực thể Kiểu dữ liệu Ràng buộc Mô tả

Bảng 7 Bảng tbl_order

13

2.3.8 Bảng tbl_product

STT Tên thực thể Kiểu dữ liệu Ràng buộc Mô tả

Bảng 8 Bảng tbl_product

2.3.9 Bảng tbl_warehouse

STT Tên thực thể Kiểu dữ liệu Ràng buộc Mô tả

Bảng 9 Bảng tbl_warehouse

2.3.10 Bảng tbl_wishlist

STT Tên thực thể Kiểu dữ liệu Ràng buộc Mô tả

Bảng 10 Bảng tbl_wishlist

Chương 3 THIẾT KẾ VÀ XÂY DỰNG WEBSITE 3.1 Giao diện trang người dùng

Hình 3.1 Giao diện trang chủ

Mô tả: Giao diện trang chủ hiển thị các sản phẩm của website Tại giao diện nàykhách hàng có thể chọn sản phẩm mình cần mua cho vào giỏ hàng hoặc xem chitiết thêm về sản phẩm

15

Hình 3.2 Giao diện trang đăng nhập, đăng kí

Mô tả: Giao diện giúp cho khách hàng đăng nhập vào hệ thống Giao diện đăng

ký giúp cho khách hàng tạo cho mình tài khoản thành viên trên hệ thống website.Khi là thành viên thì khách hàng có thể sử dụng được các chức năng trên hệthống

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

Mô tả: Hiển thị thông tin chi tiết về sản phẩm

Hình 3.4 Giao diện trang giỏ hàng

Mô tả: Giao diện này hiển thị những sản phẩm đã được khách hàng chọn mua.Tại giao diện này, khách hàng có thêm các chức năng như sửa số lượng sảnphẩm, xóa sản phẩm đã chọn, tiếp tục mua sản phẩm khác hay là đặt hàng các sảnphẩm có trong giỏ hàng

Hình 3.5 Giao diện trang thanh toán

Mô tả: Sau khi khách hàng đã chọn được sản phẩm cần mua, khách hàng chọn đặthàng để vào giao diện này Tại giao diện này, khách hàng có thể đăng nhập đểhiển thị các thông tin của mình Nếu là khách hàng viếng thăm chưa có tài khoảnthì cần điền đẩy đủ thông tin ở phần cá nhân Khách hàng có thể xem lại giỏ hàngcủa mình phía trên Khách hàng chọn hình thức thanh toán xong nhấn nút “ĐặtHàng” để hoàn thành quá trình đặt hàng của mình

17

Hình 3.6 Giao diện trang đơn hàng

Mô tả: Giao diện này giúp khách hàng có thể xem trạng thái đơn hàng mà mình

đã đặt

Hình 3.7 Giao diện trang thông tin khách hàng

Mô tả: Giao diện này hiển thị những thông tin khách hàng đã đăng ký Kháchhàng có thể sửa thông tin của mình

3.2 Giao diện trang quản trị

Hình 3.8 Giao diện trang thêm danh mục sản phẩm

Mô tả: Giao diện này cho phép admin thực hiện thao tác cập nhật danh mục sảnphẩm trong hệ thống website

Hình 3.9 Giao diện trang danh sách danh mục

Mô tả: Giao diện này hiển thị danh sách các danh mục sản phẩm của website Tạigiao diện này còn có một số chức năng như xóa, sửa danh mục sản phẩm

19

Hình 3.10 Giao diện trang thêm thương hiệu sản phẩm

Mô tả: Giao diện này cho phép admin thực hiện thao tác cập nhật thương hiệu sảnphẩm trong hệ thống website

Hình 3.11 Giao diện trang danh sách thương hiệu

Mô tả: Giao diện này hiển thị danh sách các thương hiệu sản phẩm của website.Tại giao diện này còn có một số chức năng như xóa, sửa thương hiệu sản phẩm

Hình 3.12 Giao diện trang thêm sản phẩm

Mô tả: Giao diện này cho phép admin thực hiện thao tác thêm sản phẩm trong hệthống website

Hình 3.13 Giao diện trang danh sách sản phẩm

Mô tả: Giao diện này hiển thị danh sách sản phẩm đã thêm Giao diện này còn cócác chức năng sửa và xóa sản phẩm

21

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

Mô tả: Giao diện này hiển thị các đơn hàng của khách hàng Giao diện này có cácchức năng xóa và xử lý đơn hàng

Chương 4 KẾT LUẬN

4.1 Kết luận

- Trên đây là toàn bộ nội dung đề tài “Xây dựng website bán đồ điện tử”,

được xây dựng trên ngôn ngữ lập trình PHP và hệ quản trị cơ sở dữ liệuMySql

- Trong quá trình thực hiện khó tránh khỏi những thiếu sót Cụ thể website

có độ bảo mật chưa tốt, cơ sở dữ liệu sơ sài và chưa được chuẩn hóa, giaodiện web vẫn chưa thực sự hoàn thiện

- Nhưng qua lần thực hiện đề tài này đã giúp em nắm được cấu trúcClient/Server, lập trình ngôn ngữ PHP, thao tác với hệ quản trị cơ sở dữliệu MySql cũng như việc thiết kế web tĩnh bằng html/css Một lần nữa emxin cảm ơn Cô Dương Thị Mai Nga đã nhiệt tình hướng dẫn nhóm emhoàn thành đề tài

Tài liệu tham khảo

- Nguyễn Kim Anh, nguyên lí của các hệ cơ sở dữ liệu, Nhà xuất bản đại

học Quốc gia Hà Nội 2009

- Phạm Hữu Khang, lập trình web bằng PHP 5.3 và cơ sở dữ liệu MySql

5.1, nhà xuất bản Phương Đông 2010

- Một số bài tiểu luận và các nguồn khác trên internet

23