BÁO cáo báo cáo môn học PHÁT TRIỂN mã NGUỒN mở đề tài xây DỰNG WEBSITE INFINITYSTORE bán sản PHẨM CÔNG NGHỆ

Giao diện trang chủ trường hợp chưa đăng nhập và chức năng không thêm giỏ hàng .... Giao diện trang thêm sản phẩm vào giỏ hàng thành công và chức năng giỏ hàng .... 7 Hình 6: Sơ đồ hoạt

TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT VIỆN KỸ THUẬT – CÔNG NGHỆ

  

BÁO CÁO BÁO CÁO MÔN HỌC PHÁT TRIỂN MÃ NGUỒN MỞ

ĐỀ TÀI : XÂY DỰNG WEBSITE INFINITYSTORE

Chúng em xin kính chúc thầy khỏe mạnh và sẽ tiếp tục chỉ dẫn thêm nhiều người bước tiếp trên con đường đã chọn Chúng em xin chân thành cảm ơn thầy đã giúp chúng

em có thêm kiến thức và kinh nghiệm hữu ích cho tương lai

NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN

Thủ Dầu Một, Ngày tháng năm 2021 G iáo viên hướng dẫn

LỜI NÓI ĐẦU

Trong những năm gần đây dịch vụ bán hàng thông qua mạng internet ở nước ta ngày càng được ưa chuộng, nhu cầu sử dụng internet của mọi người cũng ngày càng được nâng cao và mở rộng hơn Đặt biệt là những mặc hàng điện tử

Nắm bắt được điều đó nên nhóm chúng em quyết định làm website bán sản phẩm công nghệ nhằm mục đích đưa đến người dùng những link kiện cũng như các mặt hàng công nghệ mới nhất đến người dùng một cách nhanh chóng

MỤC LỤC

CHƯƠNG I TỔNG QUAN 1

1 Giới thiệu về đề tài 1

2 Lí do chọn đề tài 1

3 Mục đích chọn đề tài 1

4 Giới thiệu về mySQL 1

4.1 Hệ quản trị cơ sở dữ liệu MySQL là gì ? 1

4.2 Đặc điểm của hệ quản trị cơ sở dữ liệu MySQL 1

4.3 Lợi ích khi sử dụng MySQL 2

5 Lập trình PHP 2

CHƯƠNG II CƠ SỞ LÝ THUYẾT 3

1 Quy trình đặt hàng sản phẩm 3

2 Nền tảng công nghệ 3

2.1 MySQL 3

CHƯƠNG III PHÂN TÍCH VÀ THIẾT KẾ CƠ SỞ DỮ LIỆU 5

1 Sơ đồ use case 5

1.1 Sơ đồ use case Admin 5

1.2 Sơ đồ use case khách hàng 5

2 Sơ đồ hoạt động 6

2.1 Chức năng đăng nhập 6

2.2 Chức năng đăng kí 6

2.3 Chức năng thêm sản phẩm vào giỏ hàng 7

3 Cơ sở dữ liệu 8

CHƯƠNG IV XÂY DỰNG WEBSITE 10

1 Phân quyền chức năng người dùng 10

2 Chức năng website và giao diện 10

2.1 Giao diện trang chủ chính khi chưa đăng nhập 10

2.2 Giao diện đăng nhập tài khoản và chức năng 10

2.3 Giao diện đăng kí tài khoản và chức năng 11

2.4 Giao diện trang chủ trường hợp chưa đăng nhập và chức năng

không thêm giỏ hàng 12

2.5 Giao diện đăng nhập thành công vào hệ thống 13

2.6 Giao diện trang xem loại sản phẩm 14

2.7 Giao diện xem chi tiết sản phẩm 15

2.8 Giao diện trang loại sản phẩm không có sản phẩm 16

2.9 Giao diện giỏ hàng chưa thêm sản phẩm 17

2.10 Giao diện trang thêm sản phẩm vào giỏ hàng thành công và chức năng giỏ hàng 18

2.11 Giao diện trang giỏ hàng có sản phẩm 19

CHƯƠNG V KẾT LUẬN, HẠN CHẾ VÀ HƯỚNG PHÁT TRIỂN 21

1 Kết luận 21

2 Hạn chế và hướng phát triển 21

2.1 Hạn chế 21

2.2 Hướng phát triển 21

TÀI LIỆU THAM KHẢO 22

DANH MỤC HÌNH

Hình 1: Tạo cơ sở dữ liệu MySQL 3

Hình 2: CSDL sau khi tạo xong 4

Hình 3: Sơ đồ use case Admin 5

Hình 4: Sơ đồ use case khách hàng 6

Hình 5: Sơ đồ hoạt động chức năng đăng nhập 6

Hình 6: Sơ đồ hoạt động chức năng đăng kí tài khoản 7

Hình 7: Sơ đồ hoạt động chức năng xem giỏ hàng 7

Hình 8: cơ sở dữ liệu 8

Hình 9: Bảng tblproducts 8

Hình 10: Bảng tblsubjects 9

Hình 11: Bảng tblusers 9

Hình 12: Trang chủ chính khi chưa đăng nhập 10

Hình 13: Trang đăng nhập 11

Hình 14: Trang đăng kí tài khoản 12

Hình 15: Chưa đăng nhập vào hệ thống 13

Hình 16: Trang đã đăng nhập thành công vào hệ thống 14

Hình 17: Trang xem điện thoại 15

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

Hình 19: Trang không có sản phẩm 17

Hình 20: Giỏ hàng trống 18

Hình 21: Thêm sản phẩm vào giỏ hàng 19

Hình 22: Giỏ hàng khi thêm sản phẩm 20

1

CHƯƠNG I TỔNG QUAN

1 Giới thiệu về đề tài

Website “Infinity Store” là một trong những trang web về bán hàng điện tử online Thông qua website người dùng có thể xem những sản phẩm điện tử mới nhất về thông tin sản phẩm và giá bán Từ đó giúp cho người dùng nắm bắt được những thông tin về sản phẩm và có thể mua được sản phẩm điện

tử chỉ bằng một thiết bị di động hoặc laptop có kết nối với internet

2 Lí do chọn đề tài

Nhìn nhận thấy nhu cầu sử dụng mặc hàng điện tử của con người ngày càng được nâng cao và phát triển Nhu cầu mua sắm của mọi người thông qua ứng dụng, website ngày càng được ưa chuộng Việc sử dụng thiết bị thông minh để mua sắm đang dần được phát triển với cấp số nhân

3 Mục đích chọn đề tài

Mục đích chính trong việc tạo ra website “Infinity Store” gíup người dùng tiện lợi hơn trong việc nắm bắt những thông tin sản phẩm điện tử một cách nhanh chóng nhất từ đó giúp người dùng có thể chọn lựa những sản phẩm phù hợp với mình Mọi chi tiết, giá cả đều được công bố và mọi người có thể thả sức mua sắm trực tuyến và thanh toán một cách nhanh chóng nhất

4 Giới thiệu về mySQL

4.1 Hệ quản trị cơ sở dữ liệu MySQL là gì ?

• Hệ quản trị cơ sở dữ liệu MySQL được hiểu như là chương trình dùng

để quản lý hệ thống cơ sở dữ liệu, trong đó, cơ sở dữ liệu là một hệ thống lưu trữ thông tin được sắp xếp rõ ràng, phân lớp ngăn nắp Nó giúp bạn có thể truy cập dữ liệu một cách thuận lợi và nhanh chóng nhất Vì hỗ trợ đa số các ngôn ngữ lập trình nên MySQL chính là hệ quản trị cơ sở dữ liệu tự do nguồn mở phổ biến nhất trên thế giới Hiện MySQL đang được các nhà phát triển rất ưa chuộng trong quá trình phát triển ứng dụng

• MySQL là cơ sở dữ liệu tốc độ cao, ổn định hoạt động trên nhiều hệ điều hành, cung cấp một hệ thống lớn các hàm tiện ích rất mạnh Đặc

biệt, hệ quản trị cơ sở dữ liệu MySQL hoàn toàn miễn phí nên người

dùng có thể thoải mái tải về từ trang chủ Nó có rất nhiều những phiên bản cho các hệ điều hành khác nhau MySQL được sử dụng cho việc

bỗ trợ PHP và nhiều ngôn ngữ khác Là nơi lưu trữ những thông tin trên các trang web viết bằng frameword PHP hay Perl…

4.2 Đặc điểm của hệ quản trị cơ sở dữ liệu MySQL

• Hệ quản trị cơ sở dữ liệu MySQL chính là một trong những phần mềm

quản trị CSDL dạng server based, hệ gần giống với SQL sever của Microsoft

• MySQL tương thích tốt với môi trường PHP, giúp hệ thống hoạt động mạnh mẽ

4.3 Lợi ích khi sử dụng MySQL

• Hiệu năng sử dụng cao

Do được tối ưu hóa cho các ứng dụng web, tốc độ nhanh, nhỏ gọn, cú pháp giống C và Java, dễ học và thời gian xây dựng sản phẩm tương đối ngắn hơn so với các ngôn ngữ khác nên PHP đã nhanh chóng trở thành một ngôn ngữ lập trình web phổ biến nhất thế giới

Ngôn ngữ, các thư viện, tài liệu gốc của PHP được xây dựng bởi cộng đồng và có sự đóng góp rất lớn của Zend Inc, công ty do các nhà phát triển cốt lõi của PHP lập nên nhằm tạo ra một môi trường chuyên nghiệp để đưa PHP phát triển ở quy mô doanh nghiệp

Bước 3 : Xem sản phẩm đã lựa chọn ở giỏ hàng

Bước 4 : Tiến hành thanh toán

2 Nền tảng công nghệ

MySQL là cơ sở dữ liệu tốc độ cao, ổn định hoạt động trên nhiều hệ điều

hành, cung cấp một hệ thống lớn các hàm tiện ích rất mạnh

MySQL được sử dụng cho việc bỗ trợ PHP, Perl và nhiều ngôn ngữ

khác Là nơi lưu trữ những thông tin trên các trang web viết bằng

framework PHP

Hình 1: Tạo cơ sở dữ liệu MySQL

5

CHƯƠNG III PHÂN TÍCH VÀ THIẾT KẾ CƠ SỞ DỮ LIỆU

1 Sơ đồ use case

Hình 3: Sơ đồ use case Admin

Downloaded by heo ninh (ninhheo7@gmail.com)

7

Hình 6: Sơ đồ hoạt động chức năng đăng kí tài khoản

Hình 7: Sơ đồ hoạt động chức năng thêm sản phẩm vào giỏ hàng

Downloaded by heo ninh (ninhheo7@gmail.com)

10

CHƯƠNG IV XÂY DỰNG WEBSITE

1 Phân quyền chức năng người dùng

Khách hàng( có tài khoản) Khách hàng ( không có tài khoản ) Admind

2 Chức năng website và giao diện

Hình 12: Trang chủ chính khi chưa đăng nhập

Downloaded by heo ninh (ninhheo7@gmail.com)

11

Trường hợp đã có tài khoản thì đăng nhập tài khoản gồm tên tài

khoản và mật khẩu và chọn đăng nhập để vào hệ thống

Hình 13: Trang đăng nhập

Trường hợp khi chưa có tài khoản thì chọn vào nút đăng kí Nhập thông tin tên tài khoản , tên hiển thị , mật khẩu , nhập lại mật khẩu, check box và nhấn nút đăng kí

Downloaded by heo ninh (ninhheo7@gmail.com)

12

Hình 14: Trang đăng kí tài khoản

không thêm giỏ hàng

Trường hợp chưa đăng nhập vào hệ thống thì không thêm được giỏ hàng

Downloaded by heo ninh (ninhheo7@gmail.com)

13

Hình 15: Chưa đăng nhập vào hệ thống

Sau khi đăng kí hoặc đăng nhập thành công vào hệ thống:

Downloaded by heo ninh (ninhheo7@gmail.com)

14

Hình 16: Trang đã đăng nhập thành công vào hệ thống

Ở chỗ sản phẩm người dùng có thể chọn sản phẩm mình muốn xem

vd : điện thoại

Downloaded by heo ninh (ninhheo7@gmail.com)

15

Hình 17: Trang xem điện thoại

Người dùng nhấn vào sản phẩm để xem được thông tin sản phẩm và thêm vào giỏ hàng:

Downloaded by heo ninh (ninhheo7@gmail.com)

16

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

Trường hợp loại sản phẩm không có sản phẩm

Downloaded by heo ninh (ninhheo7@gmail.com)

17

Hình 19: Trang không có sản phẩm

Ở giỏ hàng khi chưa thêm sản phẩm Giỏ hàng sẽ trống đến khi có sản phẩm được thêm vào:

Downloaded by heo ninh (ninhheo7@gmail.com)

18

Hình 20: Giỏ hàng trống

chức năng giỏ hàng

Khi người mua muốn đặt hàng sản phẩm thì chọn sản phẩm và nhấn

thêm sản phẩm vào giỏ hàng Lúc này sản phẩm sẽ được lưu trong giỏ

Downloaded by heo ninh (ninhheo7@gmail.com)

19

hàng và khách hàng có thể xem tiếp tục những sản phẩm khác đến khi quay lại giỏ hàng xem những sản phẩm mình đã chọn và tiến hành thanh toán sản phẩm

Hình 21: Thêm sản phẩm vào giỏ hàng

Xem sản phẩm mà khách hàng đã lựa chọn trong giỏ hàng

Downloaded by heo ninh (ninhheo7@gmail.com)

20

Hình 22: Giỏ hàng khi thêm sản phẩm

Downloaded by heo ninh (ninhheo7@gmail.com)

2 Hạn chế và hướng phát triển

• Tình hình dịch bệnh khiến việc thực hiện khó khăn

• Không có nhiều thời gian làm nhiều chức năng

• Tính năng của trang web còn ít chưa tối ưu

• Giao diện còn chưa tối ưu

• Chức năng trang web còn hạn chế

• Thực hiện thêm nhiều tính năng cho trang web

• Tối ưu giao diện

• Thêm nhiều chức năng như thanh toán , xem tình trạng đơn

hàng,

Downloaded by heo ninh (ninhheo7@gmail.com)

22

TÀI LIỆU THAM KHẢO

1 E-commerce HTML UI Kit and Templates on Bootstrap 4, https://bootstrap-ecommerce.com/

2 Simple PHP Shopping Cart, shopping-cart/

https://phppot.com/php/simple-php-Downloaded by heo ninh (ninhheo7@gmail.com)