Báo cáo Đồ Án môn lập trình web thiết kế web bán hoa

Xác định và mô tả các usecase sử dụng UC#01: Đăng ký Hệ thống cho phép người dùng thực hiện chức năng đăng ký tài khoản để có thể đặt mua sản phẩm.. UC#03: Đăng xuất Chức năng này cho ph

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ GIAO THÔNG VẬN TẢI

KHOA QUẢN TRỊ KINH DOANH

BÁO CÁO ĐỒ ÁN MÔN LẬP TRÌNH WEB

THIẾT KẾ WEB BÁN HOA

Giảng viên hướng dẫn: GV Phạm Đức Anh Nhóm thực hiện: 1 Đặng Phương Dung

2 Nguyễn Thị Diệu Thảo

3 Đỗ Minh Thúy

4 Trần Thị Minh Thư

5 Trần Thị Toàn Lớp: 74DCTD22

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ GIAO THÔNG VẬN TẢI

KHOA QUẢN TRỊ KINH DOANH

BÁO CÁO ĐỒ ÁN MÔN LẬP TRÌNH WEB

THIẾT KẾ WEB BÁN HOA

Giảng viên hướng dẫn: GV Phạm Đức Anh Nhóm thực hiện: 1 Đặng Phương Dung

2 Nguyễn Thị Diệu Thảo

3 Đỗ Minh Thúy

4 Trần Thị Minh Thư

5 Trần Thị Toàn

MỤC LỤC

CHƯƠNG 1: KHẢO SÁT HỆ THỐNG VÀ XÁC ĐỊNH YÊU CẦU 2

1.1 KHẢO SÁT HỆ THỐNG 2

1.1.1 Giới thiệu đơn vị khảo sát 2

1.1.2 Tổng quan hệ thống 3

1.2 XÁC ĐỊNH YÊU CẦU 4

1.2.1 Xác định và mô tả các tác nhân 4

1.2.2 Xác định và mô tả các usecase sử dụng 4

1.2.3 Biểu đồ Usecase tổng quát 5

CHƯƠNG 2: ĐẶC TẢ CHỨC NĂNG 6

2.1 UC#01: ĐĂNG KÝ 6

2.2 UC#02: ĐĂNG NHẬP 7

2.3 UC#03: ĐĂNG XUẤT 8

2.4 UC#04: THÊM SẢN PHẨM 9

2.5 UC#05: TÌM KIẾM SẢN PHẨM 9

2.6 UC#06: XEM CHI TIẾT SẢN PHẨM 10

2.7 UC#07: XEM LỊCH SỬ ĐƠN HÀNG … 10

CHƯƠNG 3: THIẾT KẾ HỆ THỐNG 11

3.1 THIẾT KẾ CƠ SỞ DỮ LIỆU 11

3.1.1 Bảng khachhang 11

3.1.2 Bảng sanpham 11

3.1.3 Bảng chitietdonhang 11

3.1.4 Bảng danhmucsanpham 12

CHƯƠNG 4: KẾT QUẢ ĐẠT ĐƯỢC 13

4.1 KẾT QUẢ ĐẠT ĐƯỢC 13

4.2 MỘT SỐ HÌNH ẢNH TỪ WEBSITE 13

4.2.1 Trang chủ website 13

4.2.2 Trang sản phẩm 14

4.2.3 Trang giỏ hàng 14

4.2.4 Trang lịch sử đơn hàng 14

LỜI GIỚI THIỆU

D4T FLOWER là cửa hàng hoa tươi uy tín tại Hà Nội, chuyên cung cấp những bó hoa đẹp và sang trọng, phù hợp với mọi dịp lễ, sự kiện hay chỉ đơn giản là để thể hiện tình cảm yêu thương

Với đội ngũ nhân viên nhiệt tình, giàu kinh nghiệm và sự tận tâm, chúng em cam kết mang đến cho bạn những sản phẩm hoa tươi chất lượng cao, được lựa chọn kỹ càng từ những vườn hoa uy tín trong và ngoài nước

Tại D4T , chúng em không chỉ cung cấp các loại hoa tươi như hoa hồng, hoa lan, hoa lily, hoa cúc, mà còn thiết kế các bó hoa, lẵng hoa theo yêu cầu, giúp bạn dễ dàng tìm được món quà ý nghĩa cho người thân yêu

Ngoài ra, chúng em còn cung cấp dịch vụ giao hoa tận nơi nhanh chóng, tiện lợi, giúp bạn gửi gắm thông điệp yêu thương dù ở bất kỳ đâu

Chúng em hiểu rằng mỗi dịp đặc biệt đều cần những sắc hoa thật ấn tượng, vì vậy D4T luôn nỗ lực để mang đến cho bạn những sản phẩm hoa đẹp nhất, tươi nhất, với mức giá hợp lý nhất

Ở Việt Nam cũng có rất nhiều cửa hàng đang tiến hành thương mại hóa trên Internet nhưng do những khó khăn về cơ sở hạ tầng như viễn thông chưa phát triển mạnh, các dịch vụ thanh toán điện tử qua ngân hàng chưa phổ biến nên chỉ dừng lại ở mức độ giới thiệu sản phẩm và tiếp nhận đơn đặt hàng thông qua web Để tiếp cận và góp phần đẩy mạnh sự phổ biến của thương mại điện tử ở Việt Nam, chúng em đã quyết định thực hiện

đề tài “Xây dựng hệ thống cửa hàng bán hoa” Việc xây dựng ứng dụng sẽ giúp cho

công việc kinh doanh trở nên thuận lợi và dễ dàng hơn, đáp ứng nhu cầu làm việc mọi lúc, mọi nơi, đồng thời thỏa mãn nhu cầu tìm kiếm thông tin, mua hàng trực tuyến… của mọi đối tượng khách hàng

CHƯƠNG 1: KHẢO SÁT HỆ THỐNG VÀ XÁC ĐỊNH YÊU CẦU

1.1 Khảo sát hệ thống

1.1.1 Giới thiệu đơn vị khảo sát

a Thông tin chung của cửa hàng:

- Tên cửa hàng: Lux Flower - Hoa tươi cao cấp

- Địa chỉ:

o CS1: 96 Hai Bà Trưng – Hoàn Kiếm – Hà Nội

o CS2: 86 Nguyễn Chí Thanh – Đống Đa – Hà Nội

- SĐT: 0838.357.555 - 0974.087.563 - 0903.798.883 - 0902.332.863

- Email: luxflowers.vn@gmail.com

- Giờ làm việc: 7:00 – 20:30

Lux Flowers – Hoa tươi cao cấp Lux Flower là thương hiệu hoa tươi nổi tiếng miền Bắc, với nhiều loài hoa khác nhau, nhiều chủng loại đến cách trang trí bó hoa tươi sẽ làm bất cứ ai cũng hài lòng Nguồn gốc hoa nhập khẩu tại Lux Flowers: Ecuador, Hà Lan, Nam Phi, Đan Mạch, Newzeland, Nhật Bản, Colombia, Malaysia, Trung Quốc, Việt Nam “Tại Lux Flowers, giá trị cốt lõi chúng em muốn mang đến cho khách hàng không chỉ là giá trị thẩm mỹ mà còn là chất lượng sản phẩm tốt nhất với dịch vụ hoàn hảo nhất!”

b Hoạt động bán hoa của cửa hàng:

 Thông qua cửa hàng:

Với hai chi nhánh tại thủ đô Hà Nội, sự đa dạng về mẫu mã sản phẩm và phong cách của cửa hàng luôn được trình diện với rất đông khách hàng Đặc biệt, ngoài dịch

vụ giao hàng online, cửa hàng còn có thêm một dịch vụ là đặt mua rồi tự đến lấy tại cửa hàng, nhằm mục đích giúp những khách hàng không bận bịu trải nghiệm không gian tại cửa hàng, cũng như quan sát quá trình chuẩn bị hoa và cắm hoa trực tiếp Điều này giúp tạo nên một sự trang trọng cho cửa hàng và thêm vững chắc về chất lượng dịch vụ trong lòng mỗi một vị khách

 Thông qua website:

Website của cửa hàng Lux Flowers được thiết kế vô cùng tối giản và hiệu quả Trang web được phân chia bố cục rõ ràng cho từng chủ đề hoa, các sản phẩm nổi bật

và mới nhất đều được trình bày đầy đủ và chi tiết

 Thông qua các trang mạng xã hội:

- Fanpage: Lux Flowers

- Instagram: @luxflowers.vn

- Tiktok: luxflowers.vn

Lux Flowers bao phủ hầu như toàn bộ các trang mạng xã hội phổ biến với lượng theo dõi cao, giúp lượng khách hàng kết nối tới cửa hàng luôn giữ được số lượng vô cùng ổn định

Với thống kê đánh giá trên Fanpage, cửa hàng bán hoa Lux Flowers đạt tới 96% lượng đánh giá hài lòng tới từ các khách hàng của mình Các trang mạng xã hội của cửa hàng cũng thường xuyên chăm chỉ cập nhật những sản phẩm ấn tượng và nổi bật nhất theo xu hướng của thị trường

1.1.2 Tổng quan hệ thống

 Các công nghệ được áp dụng:

- HTML/CSS: Xây dựng giao diện người dùng và bố cục trang

- JavaScript/jQuery: Tạo các hiệu ứng động và nâng cao trải nghiệm người dùng

- PHP: Xử lý các tác vụ phía máy chủ, như quản lý đơn hàng và thông tin khách hàng

- MySQL: Lưu trữ dữ liệu về sản phẩm và đơn hàng

 Ưu điểm:

- Bố cục website được trình bày tối giản mà hiệu quả

- Có tính năng lọc sản phẩm theo từng khoảng giá, màu sắc

- Có tính năng tạo tài khoản riêng theo từng người dùng

- Website của Lux Flowers cũng có mục tin tức được cập nhật thường xuyên viết về các loại hoa, cách chọn hoa theo xu hướng của thị trường

 Nhược điểm:

- Tên của sản phẩm trên website được trình bày dưới dạng mã loại kết hợp với id của từng sản phẩm (ví dụ: L01-127) Điều này khiến trải nghiệm mua hàng của khách hàng bị cản trở một chút do tên khó nhớ và chưa tạo được nhiều điểm nhấn

- Các loại sản phẩm và chủ đề của sản phẩm được trình bày trên cùng một thanh Top menu

- Chưa thể tra cứu các đơn hàng cũ

1.2 Xác định yêu cầu

1.2.1 Xác định và mô tả các tác nhân

1 Khách hàng

Đây là actor đại diện cho khách hàng là những người có nhu cầu đặt mua các mặt hàng trực tuyến Khi truy cập vào website, khách hàng có thể đăng ký tài khoản, tìm kiếm thông tin mặt hàng, xem chi tiết thông tin mặt hàng,…

Bảng 1.1 Bảng danh sách các tác nhân của hệ thống

1.2.2 Xác định và mô tả các usecase sử dụng

UC#01: Đăng ký Hệ thống cho phép người dùng thực hiện chức năng đăng ký tài khoản để có thể đặt mua sản phẩm. UC#02: Đăng nhập Người dùng thực hiện chức năng đăng nhập để sửdụng hệ thống

UC#03: Đăng xuất

Chức năng này cho phép người dùng thoát hẳn khỏi trạng thái đăng nhập hệ thống, người dùng sau khi đã đăng xuất sẽ không thể thực hiện chức năng nào nữa, mà bắt buộc phải đăng nhập lại khi muốn

sử dụng hệ thống

UC#04: Thêm sản phẩm vào giỏ

hàng

Chức năng này cho phép người dùng chọn những sản phẩm muốn mua cho vào giỏ hàng

UC#05: Tìm kiếm mặt hàng Người dùng thực hiện chức năng tìm kiếm các mặt hàng trong hệ thống. UC#06: Xem chi tiết sản phẩm Cho phép người dùng xem chi tiết thông tin của một sản phẩm. UC#07: Xem lịch sử đơn hàng Cho phép người dùng xem lịch sử những đơn hàng đã đặt mua.

Bảng 1.2 Bảng danh sách các usecase sử dụng

1.2.3 Biểu đồ Usecase tổng quát

Hình 1.1 Biểu đồ Usecase tổng quát

CHƯƠNG 2: ĐẶC TẢ CHỨC NĂNG

2.1 UC#01: Đăng ký

Cao

Mô tả Cho phép các tác nhân đăng ký tài khoản để có thể truy cập

vào hệ thống

Tiền điều kiện Tác nhân truy cập hệ thống

Hậu

điều

kiện

Thành

công Đăng ký thành công.

Lỗi Báo lỗi đăng ký Tác nhân cần nhập lại những thông tin yêu

cầu đăng ký

ĐẶC TẢ CHỨC NĂNG

Luồng sự kiện chính/ Kịch bản chính

Use case bắt đầu khi tác nhân muốn đăng ký để sử dụng chức năng của hệ thống:

− Sau khi truy cập hệ thống, tác nhân chọn chức năng đăng ký tài khoản

− Hệ thống hiển thị giao diện đăng ký tài khoản yêu cầu nhập những thông tin

− Hệ thống xác nhận tài khoản và mật khẩu đăng nhập có hợp lệ hay ko nếu hợp lệ thì thực thi luồng A Nếu không hợp lệ thì thực thi luồng B

− Tác nhân nhập đầy đủ thông tin yêu cầu, sau đó nhấn nút “Đăng ký” để hoàn thành thao tác đăng ký tài khoản

Luồng A

Tác nhân nhấn nút “Đăng ký” để hoàn thành thao tác đăng ký tài khoản

Luồng sự kiện phát sinh/ Kịch bản phát sinh

Luồng B

Nhập thiếu thông tin tài khoản

Khi người dùng ấn đăng ký, nếu nhập thiếu thông tin tài khoản, ứng dụng sẽ hiển thị thông báo “Không thể để trống trường này” tại các ô trường nhập thông tin mà người dùng chưa nhập, người dùng cần nhập đầy đủ thông tin để có thể đăng ký tài khoản

Nhập sai định dạng email

Khi người dùng ấn đăng ký, nếu nhập sai định dạng email, ứng dụng sẽ hiển thị thông báo “Email không hợp lệ” tại trường nhập Email, người dùng cần nhập lại chính xác thông tin để có thể đăng ký tài khoản

UC#01 ĐĂNG KÝ Độ phức tạp: Cao

Mật khẩu và nhập lại mật khẩu không trùng nhau

Khi người dùng ấn đăng ký, nếu hai trường Mật khẩu và Nhập lại mật khẩu không trùng khớp nhau, ứng dụng sẽ hiển thị thông báo “Mật khẩu không khớp” tại

trường nhập lại mật khẩu, người dùng cần nhập lại chính xác thông tin để có thể đăng ký tài khoản

2.2 UC#02: Đăng nhập

Mô tả Cho phép tác nhân đăng nhập vào hệ thống để bắt đầu phiên

làm việc, thực hiện chức năng trong hệ thống

Tiền điều kiện Có sẵn tài khoản để đăng nhập

Hậu

điều

kiện

Thành

công Đăng nhập thành công vào hệ thống.

Lỗi Đăng nhập lại hoặc hủy thao tác

ĐẶC TẢ CHỨC NĂNG

Luồng sự kiện chính/ Kịch bản chính

Use case bắt đầu khi tác nhân muốn đăng nhập để sử dụng chức năng của hệ thống:

− Hệ thống hiển thị form đăng nhập tài khoản và mật khẩu đăng nhập

− Tác nhân nhập tài khoản và mật khẩu đăng nhập của mình

− Sau khi nhập xong, ấn “Đăng nhập” để gửi thông tin lên hệ thống

− Hệ thống kiểm tra thông tin vừa được gửi lên và trả về kết quả đăng nhập cho người dùng

− Nếu tên đăng nhập và mật khẩu khớp với dữ liệu trên hệ thống thì thông báo đăng nhập thành công và chuyển đến trang chính,

Luồng sự kiện phát sinh/ Kịch bản phát sinh

UC#1.2 ĐĂNG NHẬP Độ phức tạp: trung bình

Khi hệ thống kiểm tra thông tin nhập vào của người dùng thấy mật khẩu và tên

đăng nhập không trùng khớp Hoặc tên đăng nhập hiện chưa tồn tại Hệ thống sẽ

đưa ra thông báo yêu cầu người dùng nhập chính xác tên đăng nhập với mật khẩu

tương ứng

2.3 UC#03: Đăng xuất

trung bình

Mô tả Cho phép tác nhân đăng xuất ra khỏi hệ thống, kết thúc phiên làm việc của mình Tác nhân Khách hàng, quản trị viên

Tiền điều kiện Tác nhân đang thực thi công việc trong phần mềm

Hậu

điều

kiện

Thành

công Tác nhân đăng xuất khỏi hệ thống, quay lại màn hình đăng nhập

Lỗi Không có

ĐẶC TẢ CHỨC NĂNG

Luồng sự kiện chính/Kịch bản chính

Luồng chính: Đăng xuất khỏi hệ thống

Chức năng này bắt đầu khi tác nhân muốn rời khỏi hệ thống

− Người dùng chọn đăng xuất trên trang website

− Hệ thống đăng xuất người dùng ra khỏi hệ thống

Sau khi người dùng chọn đăng xuất Hệ thống sẽ hiển thị ra trang đăng nhập

2.4 UC#04: Thêm sản phẩm vào giỏ hàng

UC#3.4 THÊM SẢN PHẨM VÀO GIỎ HÀNG Độ phức tạp: trung bình

Mô tả Cho phép các khách hàng thêm sản phẩm vào giỏ hàng

Tiền điều kiện Khách hàng đã đăng nhập vào hệ thống

Hậu

điều

kiện

Thành

công

Thêm thành công sản phẩm vào giỏ hàng

Lỗi

ĐẶC TẢ CHỨC NĂNG

Luồng sự kiện chính/ Kịch bản chính

Usecase bắt đầu khi người dùng muốn thêm sản phẩm cần mua vào giỏ hàng:

− Người dùng chọn vào sản phẩm muốn mua

− Hệ thống hiển thị giao diện chi tiết sản phẩm đó với các thông tin tên, giá, mô

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

− Người dùng nhấn chọn “Thêm vào giỏ hàng”

− Hệ thống kiểm tra thông tin khách hàng nhập và tiến hành thêm vào cơ sở dữ liệu và hiển thị thông báo cho khách hàng

2.5 UC#05: Tìm kiếm mặt hàng

muốn

Tiền điều kiện Tác nhân đã đăng nhập

Hậu điều

kiện

Thành công Tìm kiếm chính xác thông tin mặt hàng mong muốn

Lỗi

ĐẶC TẢ CHỨC NĂNG

Luồng sự kiện chính/ Kịch bản chính

UC#06 XEM CHI TIẾT SẢN PHẨM Độ phức tạp: trung bình

Mô tả Cho phép các tác nhân xem chi tiết sản phẩm muốn xem

Tiền điều kiện Tác nhân đã đăng nhập và chọn sản phẩm muốn xem

Hậu

điều

kiện

Thành

công

Vào trang chi tiết của chính sản phẩm muốn xem

Lỗi

ĐẶC TẢ CHỨC NĂNG

Luồng sự kiện chính/ Kịch bản chính

Khách hàng chọn danh mục muốn tìm kiếm hoặc có thể nhập tên sản phẩm muốn tìm kiếm

2.7 UC#07: Xem lịch sử đơn hàng

Mô tả Cho phép khách hàng xem lịch sử đơn hàng

Tiền điều kiện Tác nhân đã đăng nhập và đã mua hàng

Hậu

điều

kiện

Thành

công Vào trang chi tiết của lịch sử đơn hàng

Lỗi

ĐẶC TẢ CHỨC NĂNG

Luồng sự kiện chính/ Kịch bản chính

CHƯƠNG 3: THIẾT KẾ HỆ THỐNG 3.1 Thiết kế cơ sở dữ liệu

3.1.1.Bảng khachhang

3.1.2 Bảng sanpham

3.1.3 Bảng chitietdonhang

3.1.4 Bảng danhmucsanpham

3.1.5 Bảng donhang

3.1.6 Bảng giaohang

3.1.7 Bảng thanhtoan

CHƯƠNG 4: KẾT QUẢ ĐẠT ĐƯỢC

4.1 Kết quả đạt được

Xây dựng thành công Website bán hoa với:

- Giao diện thân thiện, dễ sử dụng

- Hoàn thành các chức năng cơ bản của một trang web

4.2 Một số hình ảnh của website

4.2.1 Trang chủ website

4.2.2 Trang sản phẩm

4.2.3 Trang giỏ hàng

4.2.4 Trang lịch sử đơn hàng

14

PHÂN CHIA CÔNG VIỆC

STT MÃ SINH

VIÊN

GIAO

MỨC ĐỘ HOÀN THÀNH

Lịch sử đơn hàng

Đã hoàn thành

Trang chủ

Đã hoàn thành

Đăng kí Đăng xuất

Đã hoàn thành

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

Đã hoàn thành