Báo cáo bài tập lớn học phần thực hành làm việc nhóm Đề tài web bán Điện thoại và phụ kiện Điện thoại zentech

Để giúp cho doanh nghiệp, nhất là doanh nghiệp chuyên cung cấp các mẫu điện thoại và phụ kiện điện thoại trực tuyến dễ dàng quản lý, cập nhật thông tin khách hàng, sản phẩm, theo dõi các

TRƯỜNG ĐẠI HỌC QUY NHƠN KHOA CÔNG NGHỆ THÔNG TIN

BÁO CÁO BÀI TẬP LỚN HỌC PHẦN THỰC HÀNH LÀM VIỆC NHÓM

ĐỀ TÀI: WEB BÁN ĐIỆN THOẠI VÀ PHỤ KIỆN ĐIỆN THOẠI

Chương I Giới Thiệu

1 Bối cảnh và mục tiêu chính:

Hiện nay, sự phát triển của công nghệ trên toàn cầu đang được đẩy mạnh, đi cùng với

sự phát triển đó thì rất nhiều lĩnh vực trên thị trường như kinh doanh, dịch vụ … tích hợp công nghệ thông tin vào hệ thống doanh nghiệp để tạo ra lợi nhuận cao hơn Trong thời điểmdịch COVID 19, nhu cầu bán hàng trực tuyến được mọi người quan tâm và chú trọng hơn, nhờ đó việc bán hàng qua các nền tảng website trực tuyến luôn giữ được mức thu ổn định

Để giúp cho doanh nghiệp, nhất là doanh nghiệp chuyên cung cấp các mẫu điện thoại và phụ kiện điện thoại trực tuyến dễ dàng quản lý, cập nhật thông tin khách hàng, sản phẩm, theo dõi các đơn hàng và hỗ trợ người dùng tốt thì nhóm chúng em đã cùng nhau tạo ra web bán điện thoại và phụ kiện điện thoại ZENTECH

Ứng dụng được phát triển trong môi trường phần mềm sau :

- Môi trường phát triển : Visual Studio Code

- Ngôn ngữ lập trình : PHP, JavaScript, HTML, CSS

- Cơ sở dữ liệu : PHPAdmin, MySQL

- Các tool: GitHub, XAMPP

2 Mục tiêu của dự án:

Xây dựng một trang web bán điện thoại và phụ kiện điện thoại Zentech: Website đượcthiết kế để thân thiện với người dùng, giao diện trực quan và dễ sử dụng.Đảm bảo tích hợp đầy đủ các tính năng

Website bao gồm các chức năng chính như:

- Chức năng hiển thị sản phẩm

- Chức năng tìm kiếm và bộ lọc sản phẩm

- Chức năng xem chi tiết sản phẩm

- Chức năng đăng nhập và đăng ký

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

- Chức năng đánh giá sản phẩm

- Chức năng quản lý tài khoản người dùng cho admin

- Chức năng quản lý đơn hàng cho admin

- Chức năng quản lý người dùng cho admin

- Chức năng quản lý sản phẩm cho admin

Tăng cường khả năng quản lý: Website giúp quản lý hiệu quả các hoạt động kinh doanh, từ việc cập nhật sản phẩm đến tình trạng đơn hàng

 Phạm vi và đối tượng sử dụng:

Phạm vi: Website Zentech hướng tới người dùng trên toàn quốc, với khả năng mở

rộng phạm vi quốc tế trong tương lai

Đối tượng sử dụng:

 Khách hàng cá nhân: Những người có nhu cầu mua điện thoại và phụ kiện trực tuyến

 Quản trị viên hệ thống: Người quản lý website, chịu trách nhiệm cập nhật sản phẩm, xử

lý đơn hàng, và quản lý thông tin khách hàng

 Đối tác kinh doanh: Các nhà cung cấp sản phẩm, phụ kiện có thể hợp tác để bán hàng trên nền tảng

Chương II Thiết kế và Chương trình

1 Cơ sở dữ liệu :

a Bảng Users:

dùng

firstname varchar Họ của người dùng

lại mật khẩu reset_token_expires_a

t

cầu cấp lại mật khẩu

b Bảng products:

phẩm

created_at datetime Thời gian tạo sản

phẩm

sản phẩm

c Bảng admin:

admin

việc của admin

admin

d Bảng addresses:

Tên thuộc tính Kiểu Ràng buộc Mô tả

e Bảng cart:

Tên thuộc tính Kiểu Ràng buộc Mô tả

thoại

f Bảng color_image:

phẩm

ảnh

g Bảng banner:

banner

h Bảng comment:

ra

này có phải để phản hồi cho bình luận khác không

customer_id int Id khách hàng

i Bảng code_color:

j Bảng motathuoctinh:

k Bảng detail_image:

Tên thuộc tính Kiểu Ràng buộc Mô tả

m Bảng order:

chuyển đơn hàng

chuyển đơn hàng

chuyển chi tiết đơn

hàng

hàng

toán

chuyển chi tiết của đơn hàng

n Bảng replies:

hồi

o Bảng review:

comment_id int Id bình luận

giá

p Bảng thongso:

phẩm

q Bảng thuoctinh:

r Bảng version:

phẩm

2 Thiết kế giao diện:a.Trang chủ:

b Trang show sản phẩm và lọc để tìm kiếm sản phẩm:

c.Trang đăng nhập:

d.Trang đăng ký:

e Mục tìm kiếm:

h Trang chi tiết sản phẩm:

k Trang hồ sơ người dùng:

l Trang thêm địa chỉ:

u Trang danh sách địa chỉ:

t Trang đổi mật khẩu:

t Trang đơn mua:

o.Trang thanh toán:

j.Trang đăng nhập của admin:

p.Trang quản lý sản phẩm trong admin:

p.Trang thêm sản phẩm trong admin:

q.Trang xóa sản phẩm trong admin:

3 Kiểm thử hệ thống:

- Các phương pháp kiểm thử: kiểm thử đơn vị, kiểm thử tích hợp, kiểm thử hệ thống.

- Mục tiêu: đảm bảo hệ thống hoạt động ổn định, không lỗi

Chương III: Triển khai và vận hành

1 Triển khai hệ thống :

Trong giai đoạn triển khai hệ thống, nhóm đã thực hiện các bước sau:

- Cài đặt môi trường trên máy chủ: Sử dụng XAMPP làm môi trường phát triển Máy chủđược cấu hình với Apache và MySQL để hỗ trợ hoạt động của website PHP được sử dụng

để xử lý logic phía server

- Đưa trang web vào hoạt động thử nghiệm (beta): Website được chạy trên máy chủ nội bộ

sử dụng XAMPP, cho phép nhóm kiểm tra toàn bộ chức năng và sửa lỗi trước khi đưa vào sửdụng chính thức

2 Hướng dẫn sử dụng :

Người dùng web ZENTECH

Thao tác đầu tiên:

- Khởi chạy xampp và mở bằng localhost với đường dẫn sau:

http://localhost/ZENTECH/index.php

- Sau khi vào được trang chủ đầu tiên là trang chủ chưa đăng nhập thực hiện được chức năng là xem sản phẩm, tìm kiếm sản phẩm, sử dụng được bộ lọc sản phẩm Nếu muốn dùng thêm các chức năng khác thì buộc phải đăng nhập với các bước dưới đây

- Ở trang này bạn thực hiện đăng kí tài khoản ở trang dưới đây sau khi nhấn vào nút đăng kí

- Sau khi đăng nhập xong thì nó sẽ chuyển sang trang người dùng đã đăng nhập

- Sau khi vào được trang chính nếu bạn muốn đổi ảnh đại diện hay sửa thông tin cá nhân gì đó thì hãy di chuột về phía bên góc trên bên phải màn hình sẽ thấy ô ảnh đại diện Sau khi di vào nó sẽ xuất hiện 1 hộp thoại như ảnh dưới đây

- Bạn nhấn vào xem thông tin nó sẽ chuyển sang trang dưới đây

- Ở tại trang này bạn có thể chỉnh sửa thông tin cá nhân, thay ảnh đại diện để nâng cao tính cá nhân

- Như ở hình này là khi bạn nhấn vào nút thêm địa chỉ, thì nó sẽ chuyển tới trang này Trang này có nhiệm vụ là lấy thông tin địa chỉ để làm địa chỉ nhận hàng

Còn như ở ảnh này là khi bạn nhấp vào đơn mua ở thanh sidebar Ở trang này nó sẽ hiển thị tất cả các thông tin về đơn hàng đã thực hiện qua chức năng thanh toán của bạn

- Còn đây là trang hiển thị tất cả sản phẩm bao gồm cả lọc sản phẩm Trang này được chuyển tới khi bạn bấm vào các tên trên phần header hoặc xem tất cả ở các đề mục phía dưới

Trang này là hiển thị thông tin chi tiết của sản phẩm, Ở đây trong cơ dữ liệu của chúng

em đang chỉ có iPhone 16 promax là đầy đủ thông tin nhất

- Nếu muốn thử chức năng thêm thanh toán thì hãy test với điện thoại xiaomi redmi note 13 pro

- Ấn vào lựa phiên bản và màu sắc thì sau đó ấn vào nút thêm vào giỏ hàng

- Sản phẩm sau khi thêm vào giỏ hàng thì nó chuyển thông tin tới giỏ hàng Và chúng ta

sẽ bắt đầu thanh toán bằng cách là bấm vào tiến hành thanh toán

- Sau khi nhấn vào tiến hành thanh toán thì nó chuyển đến trang thanh toán với các thông tin là tổng tiền sản phẩm, chọn lựa phương thức vận chuyển, phương thức thanhtoán.

- Web của chúng em tiến hành thanh toán bằng cách chọn vào phương thức thanh toán

là thanh toán qua momo Sau khi đã chọn xong thì nhấn vào nút đặt hàng thì nó sẽ tự động chuyển tới trang test thanh toán của momo

- Muốn thanh toán với phương thức quét QR code như thế này thì hãy thực hiện các thao tác hướng dẫn trong đường link sau:

https://developers.momo.vn/v3/vi/docs/payment/onboarding/test-instructions/

- Sau khi đã làm xong các bước hoàn tất thì hãy tiến hành quét thanh toán

- Nếu quét thất bại nó sẽ chuyển về trang chờ thanh toán với trạng thái là thanh toán thấtbại

- Nếu thành công nó sẽ chuyển tới trang vận chuyển với trạng thái là thanh toán thành công

Sau đây là phần hướng dẫn của admin

- Trong trang đăng nhập này có chữ Admin, sau khi nhấp vào thì nó ra trang sau

- Muốn sử dụng chức năng admin quản lí sản phẩm thì hãy đăng nhập với username và password dưới đây

Username: admin

Password: admin

- Sau khi đăng nhập vào thành công thì nó sẽ hiển thị ra trang chứa thông tin toàn bộ sản phẩm như hình dưới đây

Và phần hướng dẫn sử dụng đến đây là kết thúc Mong là sẽ có những trải nghiệm thật

dễ dàng với Web bán điện thoại và phụ kiện Zentech của chúng em Chúng em xin cảm ơn

3 Bảo trì và nâng cấp :

Để đảm bảo hệ thống hoạt động ổn định và đáp ứng nhu cầu thay đổi của thị trường, nhóm

đã xây dựng kế hoạch bảo trì và nâng cấp như sau:

- Kế hoạch bảo trì định kỳ: Thực hiện kiểm tra máy chủ XAMPP hàng tháng để đảm bảokhông có lỗi phát sinh, kiểm tra cơ sở dữ liệu MySQL và tối ưu hiệu suất hệ thống

- Đề xuất nâng cấp hệ thống: Dựa trên phản hồi của người dùng, nhóm sẽ nghiên cứu và triểnkhai các tính năng mới như cải thiện giao diện người dùng, tối ưu hóa truy vấn MySQL vàtích hợp thêm tính năng hỗ trợ khách hàng trực tuyến

Chương IV Kết luận:

1 Tóm tắt kết quả đạt được:

Dự án xây dựng website Zentech đã được triển khai thành công, hoàn thiện các chứcnăng cần thiết như tìm kiếm sản phẩm, quản lý giỏ hàng, thanh toán trực tuyến, và quản lýtài khoản người dùng Website đáp ứng tốt các yêu cầu đề ra, mang lại trải nghiệm thân thiệncho khách hàng và công cụ quản lý hiệu quả cho admin

Trong quá trình thực hiện, nhóm đã gặp phải một số khó khăn, như việc tích hợp giaodiện giữa các trang và tối ưu hóa tốc độ tải trang, ghép code để hoàn thiện website Tuynhiên, nhờ sự phối hợp chặt chẽ giữa các thành viên và sự hỗ trợ từ giảng viên hướng dẫn,nhóm đã khắc phục được các vấn đề này, đảm bảo chất lượng sản phẩm cuối cùng

2 Đánh giá tổng quan:

Điểm mạnh:

 Giao diện trực quan, dễ sử dụng

 Hệ thống hoạt động ổn định với hiệu năng cao

 Đầy đủ các chức năng cần thiết cho một website thương mại điện tử

 Sử dụng công nghệ phổ biến như XAMPP, PHP, và MySQL, dễ dàng bảo trì và

mở rộng

Hạn chế:

 Chưa tích hợp các phương thức thanh toán nâng cao (ví điện tử, thẻ tín dụng)

 Tốc độ tải trang cần được tối ưu hơn để phục vụ người dùng tốt hơn

3 Hướng phát triển trong tương lai:

Mở rộng các tính năng:

 Tích hợp chatbot hỗ trợ khách hàng trực tuyến

 Thêm nhiều phương thức thanh toán hiện đại

 Phát triển ứng dụng di động để tăng tính tiện lợi cho người dùng

Tối ưu hóa hiệu năng hệ thống:

 Nâng cấp máy chủ để cải thiện tốc độ tải trang

 Tối ưu hóa truy vấn cơ sở dữ liệu MySQL

 Mở rộng phạm vi hoạt động:

 Phát triển thêm các ngôn ngữ khác để phục vụ khách hàng quốc tế

 Xây dựng các chiến dịch quảng bá để mở rộng thị phần