1.1daotao.sict.udn.vn/uploads/2019/...cao-do-an-cs2.docx · Web view- Laravel là một PHP framework mã nguồn mở và miễn phí, được phát triển bởi Taylor Otwell

ĐẠ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 GIÀY

Sinh viên thực hiện : TRỊNH QUANG TIN : HỒ VĂN TRUNG

Lớp : 18IT4

Giáo viên hướng dẫn : ThS. TRẦN ĐÌNH SƠN

Đà nẵng, ngày…, tháng…, năm 2019

MỤC LỤC

MỤC LỤC...........................................................................................................................2

DANH MỤC HÌNH ẢNH...................................................................................................4

CHƯƠNG 1: ĐẶT VẤN ĐỀ VÀ ĐỊNH HƯỚNG GIẢI PHÁP.........................................5

1.1 Lời nói đầu.................................................................................................................5

1.2 Nhu cầu thực tế...........................................................................................................6

1.3 Mục đích chọn đề tài..................................................................................................6

1.4 Nội dung đề tài...........................................................................................................6

1.5 Bố cục đồ án...............................................................................................................7

2.1 Framework Laravel....................................................................................................7

2.2 AJAX........................................................................................................................10

CHƯƠNG 3: PHÂN TÍCH HỆ THỐNG..........................................................................12

3.1 Phía khách hàng thành viên......................................................................................12

3.1.1 Chức năng Đăng ký – Đăng nhập......................................................................12

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

3.1.3 Chức năng quản lý giỏ hàng..............................................................................12

3.1.4 Chức năng tìm kiếm sản phẩm...........................................................................12

3.1.5 Chức năng đặt hàng...........................................................................................12

3.1.6 Cập nhật thông tin..............................................................................................13

3.1.7 Xem lịch sử mua hàng.......................................................................................13

3.2 Phía quản trị viên......................................................................................................13

3.2.1 Chức năng quản lý danh mục............................................................................13

3.2.1 Chức năng quản lý loại sản phẩm nằm trong danh mục sản phẩm....................13

3.2.2 Chức năng quản lý sản phẩm.............................................................................13

3.3 Biểu đồ Use Case.....................................................................................................14

3.3.1 Use Case tổng quát ...........................................................................................14

3.3.2 Use Case Đăng ký – Đăng nhập........................................................................15

3.3.2 Use Case quản lý danh mục...............................................................................17

3.3.2.1 Đặc tả Use Case quản lý danh mục.................................................................17

3.3.3 Use Case quản lý loại sản phẩm........................................................................18

3.3.3.1 Đặc tả Use Case quản lý loại sản phẩm..........................................................18

3.3.4 Use Case quản lý sản phẩm...............................................................................19

3.3.2.1 Đặc tả Use Case quản lý sản phẩm.................................................................19

3.3.5 Use Case xem chi tiết sản phẩm........................................................................21

3.3.2.1 Đặc tả Use Case xem chi tiết sản phẩm..........................................................21

3.3.6 Use Case tìm kiếm sản phẩm.............................................................................21

3.3.2.1 Đặc tả Use Case tìm kiếm sản phẩm...............................................................21

3.3.7 Use Case quản lý giỏ hàng.................................................................................22

3.3.7.1 Đặc tả Use Case quản lý giỏ hàng..................................................................22

3.3.7 Use Case đặt hàng..............................................................................................23

3.3.7.1 Đặc tả Use Case đặt hàng...............................................................................23

3.5 Biểu đồ tuần tự ( Sequence Diagram)...................................................................25

4.1 Phía người dùng...................................................................................................30

4.1.1 Trang chủ.......................................................................................................30

4.1.2 Trang sản phẩm khi chọn thanh menu loai giày addidas...............................31

4.1.3 Trang chi tiết sản phẩm.................................................................................32

4.1.4 Trang chi tiết sản phẩm ................................................................................33

4.1.5 Trang chi tiết sản phẩm và có hướng dẩn mua hàng.....................................34

4.1.6 Trang chi tiết và giói thiệu MyShose.vn.......................................................35

4.1.7 Trang đăng kí tài khoản.................................................................................36

4.1.8 Trang đăng nhập............................................................................................37

4.1.9 Trang giỏ hàng...............................................................................................37

4.1.10 Trang kiểm tra và tiến hành đặt hàng............................................................38

4.1.11 Trang kiểm tra thông tin giao hàng...............................................................39

4.2 Quản trị trang web...............................................................................................40

4.2.1 Trang quản lí danh mục sản phẩm.................................................................41

4.2.2 Trang quản lý sản phẩm................................................................................41

4.2.3 Trang thêm sản phẩm....................................................................................43

4.2.4 Trang Quản lí đơn hàng.................................................................................44

CHƯƠNG 5: KẾT LUẬN VÀ PHƯƠNG HƯỚNG PHÁT TRIỂN................................45

DANH MỤC HÌNH ẢNH

Hình 1: Logo frameword Laravel........................................................................................7Hình 2: Mô hình MVC........................................................................................................8Hình 3: Biểu đồ Use Case tổng quát..................................................................................13Hình 4: Biểu đồ Use Case Đăng ký – Đăng nhập..............................................................14Hình 5: Biểu đồ Use Case tổng quát..................................................................................16Hình 6: Biểu đồ Use Case quản lý loại sản phẩm..............................................................17Hình 7: Biểu đồ Use Case quản lý sản phẩm.....................................................................18Hình 8: Biểu đồ Use Case chi tiết sản phẩm.....................................................................20Hình 9: Biểu đồ Use Case tìm kiếm sản phẩm..................................................................20Hình 10: Biểu đồ Use Case quản lý giỏ hàng....................................................................21Hình 11: Biểu đồ Use Case đặt hàng.................................................................................22Hình 12: Biểu đồ lớp.........................................................................................................24Hình 13: Biểu đồ tuần tự đăng nhập..................................................................................25Hình 14: Biểu đồ tuần tự đăng ký......................................................................................26Hình 15: Biểu đồ tuần tự xem chi tiết sản phẩm...............................................................27Hình 16: Biểu đồ tuần tự quản lý giỏ hàng........................................................................28Hình 17: Giao diện trang chủ.............................................................................................29Hình 18: Giao diện loại sản phẩm.....................................................................................30Hình 19: Giao diện trang chi tiết sản phẩm.......................................................................31Hình 20: Giao diện thông tin chi tiết sản phẩm................................................................32Hình 21: Giao diện chi tiết sản phẩm về mua hàng...........................................................34Hình 22: Giao diện chi tiết về giới thiếu trang website.....................................................35Hình 23: Giao diện trang đăng ký tài khoản......................................................................36Hình 24: Giao diện trang đăng nhập..................................................................................36Hình 25: Giao diện trang giỏ hàng....................................................................................37Hình 26: Giao diện trang đặt hàng.....................................................................................38Hình 27: Giao diện trang kiểm tra thông tin giao hàng.....................................................39Hình 28: Giao diện trang quản lý danh mục sản phẩm......................................................40Hình 29: Giao diện trang quản lý danh sản phẩm.............................................................41Hình 30: Giao diện trang thêm sản phẩm..........................................................................42Hình 31: Giao diện trang quản lý đơn hàng.......................................................................43

CHƯƠNG 1: ĐẶT VẤN ĐỀ VÀ ĐỊNH HƯỚNG GIẢI PHÁP

1.1 Lời nói đầu

Xã hội ngày càng phát triển, công nghệ ngày càng hiện đại và đã được áp dụng

vào nhiều lĩnh vực như kinh tế, chính trị, xã hội và đời sống của con người.Một trong

những công nghệ tiêu biểu trong việc phát triển công nghệ mà phải kể đến đó là ứng dụng

công nghệ thông tin trong các lĩnh vực của cuộc sống.Nhờ có công nghệ thông tin mà nó

đã giúp nâng cao chất lượng công việc, tiết kiệm thời gian và chi phí vận hành. Ngoài ra,

công nghệ thông tin là nơi duy trì và tạo ra các mối quan hệ giữa con người.

1.2 Nhu cầu thực tế.

Đối với các cửa hàng bán giày nhỏ việc xây dựng hoặc thuê mặt bằng đầu tư luôn

bị giới hạn bởi địa lý, vì vậy chỉ tiếp cận được các khách hàng địa phương.Website bán

giày không chỉ giới hạn một vùng địa lý nhất định mà bất cứ đâu miễn nơi đó vào được

Internet

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

Nhận thức được tầm quan trọng của website bán giày đối với nhu cầu khách hàng

mọi địa phương.Hình thức mua sắm này phù hợp với con người thời đại mới vì tiết kiệm

được nhiều công sức lẫn thời gian cho khách hàng. Khách hàng có thể thoải mái tham

khảo về thông tin sản phẩm bất cứ lúc nào có thời gian không cần phải tới tại cửa hàng

mà vẫn mua được giày chất lượng cũng như cập nhật được các thông tin khuyễn mãi của

cửa hàng.

1.4 Nội dung đề tài

Website gồm ba tác nhân đó là : Người quản lý, khách hàng thành viên và

khách hàng vãng lai.

Khách hàng vãng lai

- Đăng ký tài khoản

- Cho phép xem thông tin sản phẩm(giá cả, hình ảnh,mô tả,nội

dung...)

- Tìm kiếm sản phẩm theo tên sản phẩm.

Phía khách hàng thành viên: Có đầy đủ chức năng của khách hàng vãng

lai, ngoài ra còn có

- Đăng nhập tài khoản đăng ký tại website hoặc bằng facebook

- Cập nhật thông tin khách hàng

- Xem lịch sử mua hàng

- Cho phép xem vào giỏ hàng

- Cho phép tiến hành thanh toán

- Được ghi chú khi tiến hành thanh toán

- Sau khi nhập địa chỉ giao hàng có thể tiến hành đặt hàng và nhận

gmail được gủi từ hệ thống về thông tin mua hàng với tài khoản

email đã đăng ký tại website

- Cho phép đặt đơn hàng

Phía quản trị:

- Quản lý danh mục ( thêm, sửa, xóa,hiển thị)

- Quản lý sản phẩm ( thêm, sửa, xóa, hiển thị)

- Quản lý thành viên (sửa,xóa)

- Quản lí khách hàng

1.5 Bố cục đồ án

-Chương 1: Đặt vấn đề và định hướng giải pháp

- Chương 2: Cơ sở lý thuyết

-Chương 3: Phân tích chức năng

-Chương 4: Kết quả cài đặt

-Chương 5 : Kết luận và phương hướng phát triển

CHƯƠNG 2: CƠ SỞ LÝ THUYẾT

2.1 Framework Laravel

2.1.1 Khái niệm

- Laravel là một PHP framework mã nguồn mở và miễn phí, được phát triển bởi

Taylor Otwell và nhắm vào mục tiêu hỗ trợ phát triển các ứng dụng web theo kiếm

trúc model-view-controller (MVC). Những tính năng nổi bật của Laravel bao gồm

cú pháp dễ hiểu – rõ ràng , một hệ thống đóng gói modular và quản lý gói phụ

thuộc, nhiều cách khác nhau để truy cập vào các cơ sở dữ liệu quan hệ, nhiều tiện

ích khác nhau hỗ trợ việc triển khai vào bảo trì ứng dụng.

Hình 1: Logo frameword Laravel

2.1. 2 Mô hình MVC

- Mô hình MVC là một kiến trúc thiết kế của một phần mềm công nghê thông tin,

trong đó có cả PHP. Khi một phần mềm sử dụng mô hình này thì nó sẽ phải chia

ra thành ba phần chính Model-View-Controller (MVC) với 3 nhiệm vụ khác

nhau:

- Model: là thành phần chứa tất cả các phương thức xử lý, truy xuất database, đối

tượng mô tả dữ liệu như các Class, hàm xử lý…

- View: Là phần đảm nhận việc hiển thị thông tin, tương tác với người dùng hoặc

chúng ta có thể hiểu nôn na đó là phần giao diện của ứng dụng.

- Controller: Controller là phần xử lý và điều hướng các hành động của client, từ đó

đưa ra các xử lý với database nếu có. Hay nói cách khác thì Controller là cầu nối

.

Hình 2:Mô hình MVC

-Chúng ta có thể thấy mô hình hoạt động của MVC thông qua hình trên:

+ Người dùng thực hiện gửi yêu cầu tới controller

+ Controller sẽ thực hiện tương tác với model

+ Model sẽ xử lý để lấy các dữ liệu

+ Dữ liệu sẽ được model gửi trả về Controller

+ Controller sẽ đổ dữ liệu ra view hiển thị cho người dùng

2.1.3 Ưu điểm – Nhược điểm của Laravel

-Ưu điểm:

+ Laravel framework sử dụng tất cả các tính năng mới nhất của PHP

+ Tất cả các phiên bản của Laravel được phát hành cùng với các tài liệu

phù hợp, chúng ta sẽ tìm thấy những giải thích chi tiết về coding

style, methods và classes.

+ Công cụ dòng lệnh Artisan giúp quản lý hệ thống cơ sở dữ liệu hiệu

quả. Artisan giúp tạo các tệp MVC cơ bản và quản lý tài nguyên, bao

gồm cả các cấu hình tương ứng của chúng.

+ Gói và nguồn lực sẵn có.

+ Reverse Routing: Đây là một tính năng rất hữu ích trong framwork,

có thể tạo liên kết đến các route được đặt tên. Vì vậy, khi tạo các liên

kết, chỉ cần sử dụng tên của bộ định tuyến, framework sẽ tự động

chèn URL chính xác. Nếu cần thay đổi các route trong tương lai,

những thay đổi sẽ tự động được thực hiện ở mọi nơi.

-Nhược điểm:

+ Không hỗ trợ tính năng thanh toán.

+ Thiếu sự liên tục giữa các phiên bản: Không có chuyển đổi liền

mạch từ Laravel 4 sang 5. Nếu cố cập nhật code, có thể sẽ bị lỗi

+ Việc tải lại toàn trang có thể hơi nặng trong các mobile app khi so

sánh với các website. Trong những trường hợp như vậy, các nhà

phát triển web có xu hướng chỉ sử dụng framework như backend

JSON API.

2.1.3 Những thư viện cần cài đặt để hổ trợ trong viêc phát triển phần mềm.

- Shopping Cart chỉ hổ trợ cho framword Laravel vesion 5.x

- Debugbar hổ trợ cho viec sửa lỗi

- Socicalite đăng nhập với mạng xã hội

- Shopping mail để gửi mail xác nhận mua hàng

2.2 AJAX

2.2.1 Ajax là gì?

- AJAX là một kỹ thuật viết tắt của chữ AJAX = Asynchronous JavaScript and

XML , đây là một công nghệ giúp chung ta tạo ra những Web động mà hoàn

toàn không reload lại trang nên rất mượt và đẹp. Đối với công nghệ web hiện

nay thì ajax không thể thiếu, nó là một phần làm nên sự sinh động cho website.

https://freetuts.net/web-dong-la-gi-web-tinh-la-gi-343.html

- AJAX được viết bằng ngôn ngữ Javascrip nên nó chạy trên client, tức là mỗi

máy (user) sẽ chạy độc lập không hoàn toàn ảnh hưởng lẫn nhau. Hiện nay có

nhiều thư viện javascript như jQuery hay Angular đều hỗ trợ kỹ thuật này nhằm

giúp chúng ta thao tác dễ dàng hơn.

CHƯƠNG 3: PHÂN TÍCH HỆ THỐNG

3.1 Phía khách hàng thành viên

3.1.1 Chức năng Đăng ký – Đăng nhập

- Khi truy cập vào địa chỉ website, trên thanh menu khách hàng kích vào TÀI

KHOẢN để đăng nhập hoặc đăng ký

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

- Khi truy cập vào địa chỉ của website, người dùng có thể trực tiếp chọn các sản

phẩm trên trang chủ

- Cũng có thể thực hiện việc tìm kiếm để xem thông tin chi tiết của sản phẩm cần

tìm hiểu

3.1.3 Chức năng quản lý giỏ hàng

- Người dùng có thể lựa chọn sản phẩm trực tiếp trên trang chủ hoặc tìm kiếm sản

phẩm theo mong muốn sau đó kích vào Thêm vào giỏ hàng

- Người dùng có thể cập nhật số lượng xóa sản phẩm không mong muốn trong giỏ

hoặc cập nhật số lượng sản phẩm trong giỏ hàng

3.1.4 Chức năng tìm kiếm sản phẩm

- Biểu tượng tìm kiếm hiển thị ở header của tất cả các trang trong website bên

cạnh giỏ hàng.

- Sau khi nhập từ khóa về tên sản phẩm, các sản phẩm có tên đúng hoặc gần giống

sẽ hiển thị danh sách sản phẩm tìm kiếm. Nếu không tìm thấy sản phẩm sẽ thông

báo “không tìm thấy sản phẩm bạn cần tìm kiếm”.

3.1.5 Chức năng đặt hàng.

-Để tạo đơn hàng yêu cầu người sử dụng phải đăng nhập thành công tại website

- Khi đã chọn một hoặc nhiều sản phẩm trong giỏ hàng, khách hàng tiếp tục chọn

Đặt hàng

- Để đặt đơn hàng thành công khách hàng cần phải chọn địa chỉ giao hàng.

3.1.6 Cập nhật thông tin

- Trỏ vào tên khách hàng đã đăng ký trên thanh menu và kích vào cập nhật thông

tin

-Khách hàng có thể cập nhật thông tin về : tên, mật khẩu

3.1.7 Xem lịch sử mua hàng

- Trỏ vào tên khách hàng đã đăng ký trên thanh menu và kích vào xem lịch sử mua

hàng, khách hang có thể xem lịch sử mua giày của mình trên website

3.2 Phía quản trị viên

3.2.1 Chức năng quản lý danh mục

- Admin có thể thêm, sửa, xóa danh mục sản phẩm

- Cập nhật trạng thái hiển thị hoặc không hiển thị

3.2.1 Chức năng quản lý loại sản phẩm nằm trong danh mục sản phẩm

- Admin có thể thêm, sửa, xóa loại sản phẩm

- Cập nhật còn hàng hay không còn hàng (hiển thị hoặc không hiển thị).

3.2.2 Chức năng quản lý sản phẩm

- Admin có thể thêm, sửa, xóa sản phẩm.

- Với mỗi sản phẩm có thể cập nhật : tên, mô tả, thông tin, danh mục sản -

phẩm,loại sản phẩm, giá cả, khuyến mãi, số lượng, ảnh hiển thị, lựa chọn sản

phẩm là sản phẩm nổi bật cho từng sản phẩm.

- Cập nhật trạng thái để lựa chọn hiển thị sản phẩm.

- Tìm kiếm sản phẩm theo tên hoặc theo danh mục sản phẩm

3.3 Biểu đồ Use Case

3.3.1 Use Case tổng quát

Hình 3: Biểu đồ Use Case tổng quát

3.3.2 Use Case Đăng ký – Đăng nhập

Hình 4: Biểu đồ Use Case Đăng ký – Đăng nhập

3.3.2.1 Đặc tả UC Đăng Ký thành viên

- Ca sử dụng : Đăng ký thành viên

- Các tác nhân : Khách chưa đăng ký

- Điều kiện trước :

- Điều kiện sau: Khách hàng đăng ký thành công

- Mô tả : Cho phép khách xem website đăng ký làm thành viên

- Các sự kiện chính

Hành động của tác nhân Hành động của hệ thống

1.Khách hàng chọn mục Tài khoản

-> Đăng ký ngay để đăng ký thành

viên

3.Khách nhập thông tin cá nhân

vào form đăng ký

4.Khách nhấn nút đăng ký

7.Kết thúc

2.Form đăng ký hiển thị

5.Thông báo kết quả đăng ký

6.Cập nhật khách hàng vừa đăng ký vào

danh sách thành viên


7 Nhấn đồng ý để nhập lại thông tin , Hủy

để kết thúc

5.Quá trình nhập thông tin không

chính xác

5.1 Hệ thống thông báo nhập thông

tin không chính xác

5.2 Hệ thông yêu cầu khách nhập lại

thông tin

3.3.2.2 Đặc tả UC Đăng Nhập thành viên

- Ca sử dụng Đăng nhập thành viên

- Các tác nhân : Khách hàng

- Điều kiện trước : Khách hàng chưa đăng nhập vào hệ thống

- Điều kiện sau: Khách hàng có thể sử dụng các chức năng của hệ

thống cung cấp cho thành viên của website

- Mô tả : Cho phép khách hàng đăng nhập vào hệ thống



1.Khách hàng chọn mục Tài khoản

3.Thành viên nhập thông tin đăng nhập vào

form đăng nhập

2.Form đăng nhập xuất hiện

4.Kiểm tra thông tin đăng nhập

5 Thông báo đăng nhập thành

công

- Các sự kiện phụ


5. Thông báo đăng nhập không

thành công và yêu cầu đăng

nhập lại hoặc kết thúc

3.3.2 Use Case quản lý danh mục

Hình 5: Biểu đồ Use Case tổng quát

3.3.2.1 Đặc tả Use Case quản lý danh mục

- Ca sử dụng Quản lý danh mục

- Các tác nhân : Admin

- Điều kiện trước : Admin đã đăng nhập hệ thống

- Điều kiện sau: Các thông tin về danh mục sản phẩm được cập nhật

trong cơ sở dữ liệu

- Mô tả : Use Case cho phép xem, thêm, sửa, xóa, đổi trạng thái danh

mục hiển thị


Hành động của tác nhân Hành động của hệ thống1. Chọn quản lý danh mục trên trang chủ quản trị

3. Chọn chức năng

5. Chọn kiểu tác động: thêm, sửa, xóa, đổi trạng

thái danh mục hiển thị

2.Hiện các mục chức năng của

quản lý danh mục

4. Hiển thị giao diện chức năng

quản lý danh mục

6. Hiển thị kết quả, trả về danh

sách danh mục đã được cập nhật



6. Thông báo lỗi khi thực hiện tác

động không hợp lệ

3.3.3 Use Case quản lý loại sản phẩm

Hình 6: Biểu đồ Use Case quản lý loại sản phẩm

3.3.3.1 Đặc tả Use Case quản lý loại sản phẩm

- Ca sử dụng Quản lý loại sản phẩm



- Điều kiện sau: Các thông tin về loại sản phẩm được cập nhật trong cơ

sở dữ liệu

- Mô tả : Use Case cho phép xem, thêm, sửa, xóa, đổi trạng thái loại sản

phẩm hiển thị


Hành động của tác nhân Hành động của hệ thống1. Chọn quản lý loại sản phẩm trên trang chủ quản

trị





quản lý loại sản phẩm


quản lý loại sản phẩm







3.3.4 Use Case quản lý sản phẩm

Hình 7: Biểu đồ Use Case quản lý sản phẩm

3.3.2.1 Đặc tả Use Case quản lý sản phẩm

- Ca sử dụng Quản lý sản phẩm



- Điều kiện sau: Các thông tin về sản phẩm được cập nhật trong cơ sở dữ

liệu

- Mô tả : Use Case cho phép xem, thêm, sửa, xóa, đổi trạng thái sản

phẩm hiển thị


Hành động của tác nhân Hành động của hệ thống1. Chọn quản lý sản phẩm trên trang chủ quản trị





quản lý sản phẩm


quản lý sản phẩm







3.3.5 Use Case xem chi tiết sản phẩm

Hình 8: Biểu đồ Use Case chi tiết sản phẩm

3.3.2.1 Đặc tả Use Case xem chi tiết sản phẩm

- Ca sử dụng Xem chi tiết sản phẩm



- Điều kiện sau: Khách hàng có thể xem chi tiết sản phẩm

- Mô tả : Use Case cho phép người dùng xem chi tiết sản phẩm


Hành động của tác nhân Hành động của hệ thống1. Chọn sản phẩm 2.Hiện thị giao diện chi tiết sản

phẩm

3.3.6 Use Case tìm kiếm sản phẩm

Hình 9: Biểu đồ Use Case tìm kiếm sản phẩm

3.3.2.1 Đặc tả Use Case tìm kiếm sản phẩm

- Ca sử dụng tìm kiếm sản phẩm



- Điều kiện sau: Khách hàng tìm kiếm được sản phẩm cần xem

- Mô tả : Use Case cho phép khách hàng tìm kiếm sản phẩm


Hành động của tác nhân Hành động của hệ thống1. Chọn biểu tượng search trên header

3. Điền từ khóa cần tìm kiếm sản phẩm

5. Chọn sản phẩm cần tìm kiếm

2. Hiển thị form nhập từ khóa cần

tìm kiếm

4. Trả về giao diện danh sách sản

phẩm chứa từ khóa

6. Hiển thị giao diện chi tiết của

sản phẩm

3.3.7 Use Case quản lý giỏ hàng

Hình 10: Biểu đồ Use Case quản lý giỏ hàng

3.3.7.1 Đặc tả Use Case quản lý giỏ hàng

- Ca sử dụng Quản lý giỏ hàng


- Điều kiện trước : Khách hàng đã đăng nhập

- Điều kiện sau: Các sản phẩm cần mua được cập nhật

- Mô tả : Use Case cho phép người dùng thêm sản phẩm vào giỏ hàng,

hiển thị giỏ hàng, xóa sản phẩm không cần thiết và điều chỉnh số lượng

sản phẩm để thực hiện thanh toán


Hành động của tác nhân Hành động của hệ thống1. Thêm sản phẩm vào giỏ hàng

3. Chọn xem giỏ hàng tại biểu tượng giỏ trên

header của

5. Thực hiện thao tác : xóa sản phẩm không cần

thiết hoặc update số lượng sản phẩm

2. Cập nhật sản phẩm có trong giỏ

hàng

4 Hiển thị giao diện giỏ hàng

6. Hiển thị giao diện giỏ hàng đã

được cập nhật và tổng tiền cần

thanh toán khi nhận hàng

3.3.7 Use Case đặt hàng

Hình 11: Biểu đồ Use Case đặt hàng

3.3.7.1 Đặc tả Use Case đặt hàng

- Ca sử dụng Đặt hàng


- Điều kiện trước : Đã đăng nhập, đã thêm ít nhất một sản phẩm trong giỏ

hàng

- Điều kiện sau: Khách hàng đặt hàng thành công và nhận được email về

đơn hàng

- Mô tả : Use Case cho phép khách hàng đặt hàng


Hành động của tác nhân Hành động của hệ thống1. Chọn tiến hành thanh toán trong giỏ

hàng

3. Người dùng nhập địa chỉ giao hàng và

chọn phương thức vận chuyển.Nếu muốn,

có thể thêm ghi chú.

4. Chọn tiến hành đặt hàng

2. Chuyển sang trang đặt hàng

5 Thông báo đặt hàng thành công



5. Thông báo lỗi khi thiếu địa chỉ hoặc

phương thức vận chuyển

3.4 Biểu đồ lớp ( Class Diagram)

Hình 12: Biểu đồ lớp

3.5 Biểu đồ tuần tự ( Sequence Diagram) 3.5.1 Chức năng đăng nhập

Hình 13: Biểu đồ tuần tự đăng nhập

Khách hàng sẽ điền thông tin vào giao diện đăng nhập. Form sẽ gửi thông tin tới Controller điều khiển để thực hiện việc kiểm tra. Nếu thông tin gửi tới là sai mẫu quy định của email hoặc số lượng ký tự mật khẩu, Controller sẽ trả về thông báo sai về giao diện để tác nhân nhập lại thông tin. Nếu đúng, Controller sẽ gửi yêu cầu tới Model thực hiện kiểm tra cơ sở dữ liệu sau đó trả kết quả trở lại.

3.5.2 Chức năng đăng ký

Hình 14: Biểu đồ tuần tự đăng ký

Người dùng thực hiện điền thông tin đăng ký vào form đăng ký trên giao diện đăng ký. Sau đó form này sẽ thực hiện gửi thông tin tới Controller điều khiển để thực hiện kiểm tra việc nhập thông tin có đúng quy định hay không. Nếu sai sẽ gửi lại thông báo tới giao diện để người dùng nhập lại. Nếu đúng, Controller sẽ gửi thông tin tới Model để thực hiện nhập dữ liệu rồi trả về kết quả.

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

Hình 15: Biểu đồ tuần tự xem chi tiết sản phẩm

Người dùng thực hiện chọn sản phẩm trên giao diện trang chủ hoặc giao diện tìm kiếm… Sau đó giao diện sẽ thực hiển gửi yêu cầu xem tới Controller điều khiển. Controller xử lý gửi yêu cầu tới Model để lấy thông tin từ cơ sở sử liệu cần thiết trả về Controller. Controller sẽ thực hiện chuyển giao diện tới chi tiết sản phẩm và hiển thị kết quả tới người sử dụng

3.5.5 Chức năng quản lý giỏ hàng

Hình 16: Biểu đồ tuần tự quản lý giỏ hàng

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

4.1 Phía người dùng.

4.1.1 Trang chủ.

Hình 17: Giao diện trang chủ

4.1.2 Trang sản phẩm khi chọn thanh menu loai giày addidas.

Hình 18: Giao diện loại sản phẩm

4.1.3 Trang chi tiết sản phẩm

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

4.1.4 Trang chi tiết sản phẩm .

Hình 20: Giao diện thông tin chi tiết sản phẩm

4.1.5 Trang chi tiết sản phẩm và có hướng dẩn mua hàng.

Hình 21: Giao diện chi tiết sản phẩm về mua hàng

4.1.6 Trang chi tiết và giói thiệu MyShose.vn.

Hình 22: Giao diện chi tiết về giới thiếu trang website

4.1.7 Trang đăng kí tài khoản.

Hình 23: Giao diện trang đăng ký tài khoản

4.1.8 Trang đăng nhập.

Hình 24: Giao diện trang đăng nhập

4.1.9 Trang giỏ hàng.

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

4.1.10 Trang kiểm tra và tiến hành đặt hàng.

Hình 26: Giao diện trang đặt hàng

4.1.11 Trang kiểm tra thông tin giao hàng.

Hình 27: Giao diện trang kiểm tra thông tin giao hàng

4.2 Quản trị trang web.

4.2.1 Trang quản lí danh mục sản phẩm.

Hình 28: Giao diện trang quản lý danh mục sản phẩm

4.2.2 Trang quản lý sản phẩm.

Hình 29: Giao diện trang quản lý danh sản phẩm

4.2.3 Trang thêm sản phẩm.

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

4.2.4 Trang Quản lí đơn hàng.

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

CHƯƠNG 5: KẾT LUẬN VÀ PHƯƠNG HƯỚNG PHÁT TRIỂN

Hệ thống hoàn thiện được các chức năng cơ bản của một website bán giày với giao diện ưa nhìn, không phức tạp, đơn giản và dễ sử dụng.

Tiếp tục phát triển và hoàn thiện website với các chức năng như xây dựng liên kết đăng nhập, so sánh sản phẩm trong và ngoài website, thực hiện quản lý kho và khuyến mại với các điều kiện cụ thể theo thời gian. Thống kê cụ thể về sản phẩm trong kho. Thống kê chi phí, lợi nhuận. Thực hiện truy xuất chi phí, doanh thu và lợi nhuận ra word hoặc excel. Tối ưu hóa để cải thiện tốc độ xử lý. Danh mục sản phẩm có thể thực hiện lọc sản phẩm đa thuộc tính...

TÀI LIỆU THAM KHẢO

[1] Bài giảng phân tích thiết kế hệ thống thầy Võ Trung Hùng

[2] Bài giảng phân tích thiết kế hệ thống cô Nguyễn Thị Hoa Huệ

[3] Nhiều nguồn khác nhau của các anh chị khóa trên

Documents

1.1daotao.sict.udn.vn/uploads/2019/...cao-do-an-cs2.docx · Web view- Laravel là một PHP framework mã nguồn mở và miễn phí, được phát triển bởi Taylor Otwell