báo cáo đồ án chuyên ngành thiết kế và xây dựng website quản lý bán quần áo thời trang theo hệ thống mvc

- Ứng dvng của đề tài được thực hiện nhằm phvc vv trong lĩnh vực kinh doanh, nhằm tạo điều kiện cho người quản lý đễ đàng quản lý việc nhập, xuất hàng, thống kê và tVm kiếm thông tin khá

DAI HOC DA NANG TRUONG DAI HOC SU PHAM

KHOA TIN HOC G

BAO CAO ĐỎ AN CHUYEN NGANH

Đề tài

THIẾT KẺ VÀ XÂY DỰNG WEBSITE QUẢN LÝ BÁN QUẦN ÁO

THOI TRANG THEO HE THONG MVC

Giảng viên hướng dẫn: Thầy Nguyễn Trần Quốc Vĩnh Sinh viên thực hiện : Võ Nguyên Lộc

Mã Sinh viên :3120218101

Đà Nẵng, 01/2020

MUC LUC

LOI CAM ON Phan 1: MO DAU

1.1 Ly do chon dé tai 1.2 Mục tiêu của đề tài 1.3 Đối tượng và phạm vi nghiên cứu 1.4 Phương pháp nghiên cứu 1.5 Cầu trúc đề tài

Phần 2 NỘI DUNG NGHIÊN CỨU Chwong 1: TONG QUAN VE DE TAI

1.1 GIOI THIEU VE DE TAI 1.2 GIÁI PHÁP

1.2.1 Kiến trúc hệ thông 1.2.2 Yêu cầu chính mà hệ thống phải thực hiện 1.2.3 Các công cụ hỗ trợ lập trình

2.4 CAC DINH NGHIA

2.5 TINH BAO MAT

Chương 3: SƠ ĐỎ USE CASE

3.1 DANH MỤC CÁC KÝ HIỆU 3.2 XÁC ĐỊNH CÁC GÓI UC VÀ XÂY DỰNG BIEU DO UC CHI TIET

3.2.1 Xúc dinh cdc use case 3.2.2 Biểu đồ uc tổng quát 3.3 ĐẶC TẢ CÁC USE CASE

3.3.1 Hệ thông đăng ký, đăng nhập 3.3.2 Hệ thông xem thông tin va tim kiém 3.3.3 Hệ thông chức năng quản lý thông tin2L 3.4 KIỀN TRÚC HỆ THÓNG - 2221121111 2112111121212211 ri 22

5.2 1 Trang dang nhap 5.2 2 Trang quan lp ngwoi dang 5.2.3 Trang quan lp vai tro 5.2.4 Trang quan lp danh muc 5.2.5 Trang quan lf san phẩm 5.2.6 Trang Quản lý chỉ tiết sản phẩm 3.2.7 Trang quan bp 0H! HH Q0 TQ TH HH HH HH xàa 31 Chwong 6: KE HOACH THUC HIEN VA DU KIEN KET QUA

Phan 3: KET LUAN VA KIEN NGHI 1 NHUNG DIEM WEBSITE LAM DUOC 2 NHUNG DIEM CHUA LAM DUOC VA HUONG GIAI QUYET Phần 4: TÀI LIỆU THAM KHẢO 222212122 8 88881111111 ggguye 36

Loi cam on

Sau một thời gian thực hiện đồ án chuyên ngành, đên nay mọi công việc liên quan đên đồ đã hoàn thành Trong suôt thời gian này, em đã nhận được rât nhiêu sự giúp đỡ Ở nơi đầu tiên của luận văn, cho phép em có đôi điêu gửi đên những người mà họ vô cùng biết ơn

Lời đầu tiên em xin chân thành cảm ơn thầy Trần Nguyễn Quốc Vinh đã chỉ vẽ cho em kiến thức về công nghệ thông tin trong suốt thời gian thực hiện đồ án chuyên ngành này

Với sự hướng dẫn của thầy Vinh em đã hoàn thành sản phâm của mVnh và tải liệ báo cáo đồ án này Tuy đã cố găng hết sức tVm hiểu, hệ thống phân tích và cài đặt nhưng có thời gian có giới hạn và khả năng còn rất hạn chế nên sản phâm đồ của em không tránh khỏi những thiếu sót Kính mong nhận được sự góp ý, phê bVnh của quý thầy và các bạn để có thê hoàn thiện tốt hơn đề tài của mVnh

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

Phan 1: MO DAU

1.1 Ly do chon dé tai Trong thời buôi nền kinh tế của đất nước đang dân phát triển thV công nghệ thông tin đã trở thành một phần không thể thiếu Những năm trở lại đây là một năm hoàng kim, nó đánh dấu sự phát triển vượt bậc và không ngừng của thương mại điện tử Việt Nam Các ông lớn như Tiki, Sendo, Shopee, A Đây Rồi cũng tăng vốn vào cuộc đua đề chiếm lĩnh thị trường

Trong khi các hVnh thức bán hàng online thông qua facebook, zalo có thể chưa đạt được độ hiệu quả mà chủ cửa hàng mong muốn thV các web bán hàng online lại mang đến sự hiệu quả rõ rệt, hVnh ảnh sinh động, sắc nét, thông tin rõ ràng và đặc biệt các chức năng quan trọng như đặt hàng qua mạng một cách nhanh chóng, tiện lợi HVnh ảnh, thông tin chị tiết, giá cả đã được niêm yết rõ ràng trên web bán hang, chỉ việc order là sẽ có không cần thiết phải “kV kèo” cùng người bán đề mắt thời gian

Bên cạnh đó, việc thế giới đang trải qua những ngày đại dịch Covid Với việc bị hạn chế ra đường, nên việc mua sắm cũng trở nên khó khăn hơn bao giờ Nên việc mua sắm qua mạng đặt biệt là những trang web đặt hàng online đang được chú trọng nhiều hơn

VV vệ, em quyết định tạo ra một website bán quần áo mang tên X-Crooks Chỉ với một chiếc máy tính kết nối internet khách hàng có thể lựa chọn và mua sắm mọi lúc, mọi nơi chỉ với một vài thao tác đơn giản

1.2 Mục tiêu của đề tài Trang web được xây dựng nhằm trưng bày, giới thiệu các sản phẩm về sách tới khách hàng và đem lại những sự lựa chọn tốt nhất

Giao diện để sử dvng, có tính thấm mw cao, và phù hợp với mọi thiết bị như: PC, table, mobile

Luôn cập nhật các sán phâm mới một cách nhanh chóng, giúp khách hàng năm bắt thông tin nhanh nhất và rõ ràng nhất có thé

Khách hàng có thê xem được thông tin về sản phẩm của cửa hàng, có thé chon san phẩm trên website đưa vào giỏ hàng và tiến hàng giao dịch mua bán

Cho phép tVm kiếm sản phâm một các nhanh chóng 1.3 Đối tượng và phạm vi nghiên cứu

- Đôi tượng nghiên cứu: Nghiên cứu ưu điểm và hạn chê của nó - Phạm vi nghiên cứu: Đề tài thực hiện đề giải quyết việc bán sách trực tuyến, quản lý khách hàng, và sản phẩm

- Ứng dvng của đề tài được thực hiện nhằm phvc vv trong lĩnh vực kinh doanh, nhằm tạo điều kiện cho người quản lý đễ đàng quản lý việc nhập, xuất hàng, thống kê và tVm kiếm thông tin khách hàng một cách nhanh chóng và hiệu quả Có thế ứng dvng và mở rộng ra các của hảng vừa và lớn

1.4 Phương pháp nghiền cứu O Phuong phap nghiên cứu lý thuyết:

Nghiên cứu tài liệu, ngôn ngữ và công nghệ liên quan Tổng hợp các tài liệu lý thuyết liên quan tới website Thu thập thông tin, nghiên cứu thực trạng Tham khảo sách, báo và các nguồn tài liệu từ Internet Tham khảo ý kiến từ giảng viên hướng dẫn đề tài £I Phương pháp nghiên cứu thực nghiệm:

Phân tích và thiết kế website bán hàng theo quy trVnh viết ứng dvng - Thử nghiệm ứng dvng và đánh giá kết quả đạt được

Phan 2 NOI DUNG NGHIEN CUU

Chuong 1: TONG QUAN VE DE TAI 1.1 GIOI THIEU VE DE TAI

- Tén dé tai : “XAY DUNG EBSITE BAN AO QaAN ONLINE SU DUNG MO HINH MVC”

- Đối tượng: Người dùng đã đăng ký tài khoản và Quản trị viên - Mve dich: Quan ly người dùng, danh mvc, các sản phẩm hiện có trên website Người dùng đã đăng ký tài khoản có thể đặt hàng trực tiếp ngay tại website

1.2 GIẢI PHÁP 1.2.1 Kiến trúc hệ thông Các đối tượng trong hệ thống:

- Admin: là nhóm người dùng có quyền cao nhất của hệ thống Quản lý, chỉnh sửa, cập nhật tat cả các thông tin về danh mvc, sản phẩm, đơn đặt hàng, người dùng cũng như quản lý các bVnh luận cho các sản phẩm

- âser: Xem thông tin cv thê các sản phẩm hiện có, tVm kiếm sản phẩm và có thê đặt hàng trực tiếp ngay tại web

1.2.2 Yên cầu chính mà hệ thông phải thực hiện - Admin có thê thực hiện chức năng quản lý toàn bộ hệ thông trong website - âser có thê đặt hàng và đăng nhập, người dùng vãng lai thV có thể đăng ký tài khoản và mua hàng

1.2.3 Các công cụ hỗ trợ lập trình - Chương trVnh tạo máy chủ web: xampp - Ngôn ngữ lập trVnh: PHP,HTML,CSS, Javascript - Co so di ligu: MySQL

- Céng cv lap trVnh: Sublime Text

Chuong 2: PHAN TICH HE THONG

2.1 CAC YEU CAU CHUC NANG 2.1.1 Yêu cầu lưu trữ:

- Danh sách các danh mve - Danh sách các sản phẩm hiện có trên webstte - Danh sách các đơn đặt hàng của khách hàng - Danh sách các quản trị viên (admin) cũng như người dùng (user) 2.1.2 Yêu cầu tra cứu:

- Tra cứu danh mvc theo tên danh mvc - Tra cứu sản phâm theo tên sản phẩm - Tra cứu các đơn đặt hàng

- Tra cứu người dùng theo tên 2.1.3 Yêu cầu kết xuất:

- Hiện thị các sản phẩm theo 1d - Hién thị các bVnh luận sản phẩm theo từng sản phẩm, người dùng 2.2 CÁC YÊU CÂU PHI CHỨC NẴNG

- Cho phép thêm, sửa, xóa: sản phẩm, người dùng - Dữ liệu có sự nhất quán chung

- Tốc độ tra cứu nhanh và chính xác - Hễ trợ tốt trên tất cả các trVnh đuyệt 2.3 PHAT TRIEN DU AN

- Được thiết kế theo mô hVnh MVC - Có thể tái sử dvng code

2.4 CÁC ĐỊNH NGHĨA - Admim (Người quản trị): Là người quản lý website, chịu trách nhiệm quản lý và cập nhật mọi hoạt động, thông tin cua website

- âser (Người dùng): Đối tượng phvc vv chủ đạo của hệ thống Là những người có nhu cầu sử dung hệ thống đề tVm kiếm sản phẩm và đặt hàng

- Quản lý đơn hàng: Cho phép người quản trị có thế xem, sửa trạng thái hay xóa đơn hàng

- Quản lý sản phâm: Cho phép người quản trị xem, tạo, sửa hay xóa sản phẩm - Quản lý danh mvc sản phẩm: Cho phép người quản trị xem, tạo, sửa hay xóa đanh

mvc

- Quan ly nguéi ding: Cho phép nguoi quan trị xem, tạo, sửa, xóa, phân quyên ãser - Dang nhập/đăng xuất hệ thống: Hệ thống phvc vv cho Admin và âser Mỗi đối tượng có một loại tài khoản riêng

10

- Đăng ký tài khoản: Đăng kí tài khoản đề nhận được những ưu đãi dành riêng cho

thành viên

- Giỏ hàng: Thêm các sản phẩm cần mua vảo trước khi tiễn hành đặt hàng - TVm kiếm: Cho phém người đùng tVm kiếm sản phân theo tên 2.5 TÍNH BẢO MẬT

- Không được hiển thị mật khâu của người dùng - Chỉ có admin mới được phép thao tác thêm, sửa, xóa các đối tượng khác

11

Chương 3: SƠ ĐỎ USE CASE

3.1 DANH MỤC CÁC KÝ HIỆU

Một người / nhóm người

(Actor) Actor thống tác động hoặc thao

tác đến chương trVnh „ Biêu diễn một chức nang

Mỗi quan hệ giữa các use —————T> ase case này kế thừa các

case chire nang tir use case kia

Phân tách các lớp đối Phân cách nhau bởi một Các luồng tượng khác nhau trong đường kẻ dọc từ trên

biểu đồ hoạt động xuống dưới biểu đồ

12

- Thêm, bớt sản phẩm trong giỏ hàng - Thực hiện việc mua hàng - Thanh toán

Tác nhân người quản lý có các ắC sau:

- Tiếp nhận đơn hàng

- Quản lý danh sách tài khoản - Quản lý danh mvc sản phâm Ngoài ra các thành viên của hệ thông bao gồm người quản lý, nhân viên và các khách hàng đã đăng ký thành viên còn có các âC sau:

- Đăng nhập - Xem thông tin cá nhân - Sửa đôi thông tin cá nhân

13

14 3.2.2 Biéu do UC tong quit

3.3 Dac ta Use Case 3.3.1 Hệ thông đăng ký, đăng nhập

Nội dung Cho tất cả các nhóm người đùng thực hiện đăng nhập vào hệ thông Cách xử lý BI: Người dùng nhập email và mật khẩu đăng nhập

B2: Người dùng nhấp vào nút Đăng nhập B3: Hệ thống kiểm tra dử liệu người dùng nhập vảo

Nếu thành công hệ thống chuyên tới trang làm việc tiếp theo Kết quả Đăng nhập thành công hoặc thất bại

Ghỉ chú - Hệ thông đăng ký:

Mã ñêu cầu UC03 Tên ñêu cầu Đăng ký

Đối tượng sử dụng Nhóm người dùng khách hàng

Nội dung Cho tắt cá nhóm người dùng thực hiện đăng kí vào hệ thống

Cách xử liý B1: Người dùng nhắn Đăng ký Trang đăng ký xuất hiện

B2: Diền tẤt cả thông tin vào trang đăng kí

B3: Nhắn đăng ký Hệ thống sẽ kiểm tra dữ liệ u Nếu hợp lệsế tự động

Đăng nhập và chuñễn tới trang chủ, ngược lại sẽ báo lỗi

Kết quả Đăng Ký thành công hoặc thất bại

Ghi chú - Hệ thông đăng xuẤt:

Mã ñêu cầu âC02

Tên ñêu cầu Logout

Nội dung Người dùng phải đăng nhập thành công trước đó Cho phép tất cả các nhóm

đăng xuất ra khỏi hệ thống

Cách xử lý B1: Người dùng nhân nút Đăng xuất

B2: Người dùng nhấp vào nút Đăng nhập

B3: Hệ thống kiểm tra đăng xuất, xóa lịch sử của phiên làm việc đó và trở lại

trang chủ đối Kết quả Đăng xuất thành công

Mã ãêu cầu aco4

Nội dung Thêm, xóa, sửa tài khoản và xem lịch sử đơn hàng

Cách xử liý BI: Hệ thống hiển thị tất cả dử liệu của khách hàng

B2: Quản trị viên muốn Thêm, Xóa, Sửa tài khoản Nhấn vào nút tương ứng sẽ

hiện lên giao diện tương ứng

B3: Nhắn Lưu đề hoàn tat

Nếu thành công hệ thống chuyên tới trang làm việc tiếp theo Kết quả Thêm, Xóa, Sửa tài khoản, thành công hoặc thất bại

Cach xw liy BI: Người dùng nhấp vào biểu tượng xem chỉ tiết của sản phâm muốn xem

B2: Hệ thống sẽ chuyển người dùng đến trang chỉ tiết sản phâm Tại đây thông tin day đủ về sản phâm được hiển thị đầy đủ đến người dùng: tên sản phẩm, giá

sản phâm, mô tả, bVnh lui

B3: Hệ thống sẽ xóa dử liệu danh mvec đó ra khỏi hệ thống

Kết quả Thực hiện thành công hoặc thất bại

Nội dung Cách xử lý Cho phép người dùng tVm kiểm theo tên hoặ theo giá BI: Từ giao diện trang chủ Người đủng sẽ nhập tên hoặc giá sản phẩm cần tVm

lên thanh tVm kiếm Nhắn tVm kiếm

B2: Hệ thống kiểm tra dử liệu người dùng nhập vào Và trả về đúng kết quả mà

người dùng muốn fVm Kết quả Thực hiện thành công hoặc thất bại

- Hệ thông quản {ý thông tin người dùng:

Nội dung Cho phép người dùng thaã đỗi thông tin của mình Cách xứ liý B1: Người dùng nhắn vào Thông Tin

B2: Chuñễn tới trang Thông tin chỉ tiết ngừi dùng Hiễn thé tit cA thing tin

người dùng Nếu khách hàng muốn thaã đỗi thông tin, chỉ cần chọn thông

tin muốn thaã đỗi và nhắn Lưu B3: Hệ thống kiểm tra dử liệu và cập nhập lại thông tin trên data

Kết quả Thực hiện thành công hoặc thất bại Ghi chú

BI: Nhập tất cả thông tin vào trang Thêm mới sản phẩm

B2: Nhắn Lưu

B3: Hệ thống kiểm tra dử liệu người dùng nhập vảo

Nếu thành công hệ thống chuyên tới trang làm việc tiếp theo -Cập nhập mới sản phâm

BI: Chọn sản phẩm cân cập nhập, sau đó điền thông tin cần cập nhập

B2: Nhắn Lưu

B3: Hệ thống kiểm tra dử liệu người dùng nhập vảo

Nếu thành công hệ thống chuyên tới trang làm việc tiếp theo -Xóa sản phẩm

BI: Nhân vào biểu tượng Xóa sản phâm B2: Hệ thống sẽ kiểm tra và xóa

BI: Nhập tất cả thông tin vào trang Thêm mới sản phẩm

B2: Nhân Lưu

B3: Hệ thống kiểm tra dử liệu người dùng nhập vảo

Nếu thành công hệ thống chuyên tới trang làm việc tiếp theo -Xóa danh mve