51
ĐẠI HỌC ĐÀ NẴNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG VIỆT – HÀN ĐỒ ÁN CƠ SỞ 2 ĐỀ TÀI: WEBSITE BÁN HÀNG THỜI TRANG Sinh viên thực hiện : LÊ ĐĂNG KHOA – 19IT3 TRƯƠNG VĂN TRUNG – 19IT2 Giảng viên hướng dẫn : TS. HUỲNH NGỌC THỌ

MỞ ĐẦU - udn.vndaotao.vku.udn.vn/uploads/2020/12/1608883192-doan2.d…  · Web view2020. 12. 25. · Việc thiết lập một website bán hàng trực tuyến nhanh chóng

  • Upload
    others

  • View
    0

  • Download
    0

Embed Size (px)

Citation preview

Page 1: MỞ ĐẦU - udn.vndaotao.vku.udn.vn/uploads/2020/12/1608883192-doan2.d…  · Web view2020. 12. 25. · Việc thiết lập một website bán hàng trực tuyến nhanh chóng

ĐẠI HỌC ĐÀ NẴNGĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN

THÔNG VIỆT – HÀN

ĐỒ ÁN CƠ SỞ 2

ĐỀ TÀI: WEBSITE BÁN HÀNG THỜI TRANG

Sinh viên thực hiện : LÊ ĐĂNG KHOA – 19IT3TRƯƠNG VĂN TRUNG – 19IT2

Giảng viên hướng dẫn : TS. HUỲNH NGỌC THỌ

Đà Nẵng, tháng 12 năm 2020

Page 2: MỞ ĐẦU - udn.vndaotao.vku.udn.vn/uploads/2020/12/1608883192-doan2.d…  · Web view2020. 12. 25. · Việc thiết lập một website bán hàng trực tuyến nhanh chóng

ĐẠI HỌC ĐÀ NẴNGĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN

THÔNG VIỆT – HÀN

ĐỒ ÁN CƠ SỞ 1

ĐỀ TÀI: WEBSITE BÁN HÀNG THỜI TRANG

Sinh viên thực hiện : LÊ ĐĂNG KHOA – 19IT3TRƯƠNG VĂN TRUNG – 19IT2

Giảng viên hướng dẫn : TS. HUỲNH NGỌC THỌ

Đà Nẵng, tháng 12 năm 2020

Page 3: MỞ ĐẦU - udn.vndaotao.vku.udn.vn/uploads/2020/12/1608883192-doan2.d…  · Web view2020. 12. 25. · Việc thiết lập một website bán hàng trực tuyến nhanh chóng

MỞ ĐẦU

Với sự phát triển nhảy vọt của công nghệ thông tin hiện nay, Internet ngày càng giữ vai trò quan trọng trong các lĩnh vực khoa học kĩ thuật và đời sống. Dĩ nhiên các bạn đã được nghe nói nhiều về Internet, nói một cách đơn giản, Internet là một tập hợp máy tính nối kết với nhau, là một mạng máy tính toàn cầu mà bất kì ai cũng có thể kết nối bằng máy PC của họ. Với mạng Internet, tin học thật sự tạo nên một cuộc cách mạng trao đổi thông tin trong mọi lĩnh vực văn hóa, xã hội, chính trị, kinh tế...

Trong thời đại ngày nay, thời đại mà “người người làm Web, nhà nhà làm Web” thì việc có một Website để quảng bá công ty hay một Website cá nhân không còn là điều gì xa xỉ nữa. Thông qua Website khách hàng có thể lựa chọn những sản phẩm mà mình cần một cách nhanh chóng và hiệu quả.

Với công nghệ Word Wide Web, hay còn gọi là Web sẽ giúp bạn đưa những thông tin mong muốn của mình lên mạng Internet cho mọi người cùng xem một cách dễ dàng với các công cụ và những ngôn ngữ lập trình khác nhau. Sự ra đời của các ngôn ngữ lập trình cho phép chúng ta xây dựng các trang Web đáp ứng được các yêu cầu của người sử dụng. PHP (Personal Home Page) là kịch bản trên phía trình chủ (Server Script) cho phép chúng ta xây dựng trang Web trên cơ sở dữ liệu. Với nhiều ưu điểm nổi bật mà PHP và MySQL được rất nhiều người sử dụng. Đối với một cửa hàng hay shop, việc quảng bá và giới thiệu đến khách hàng các sản phẩm mới đáp ứng được nhu cầu của khác hàng sẽ là cần thiết. Vậy phải quảng bá thế nào đó là xây dựng được một Website cho cửa hàng của mình quảng bá tất cả các sản phẩm của mình bán.Với lí do đó, nhóm em đã chọn đề tài “Xây dựng Website bán hàng thời trang trực tuyến” làm đề tài cho ĐỒ ÁN CƠ SỞ 2 của mình.

Page 4: MỞ ĐẦU - udn.vndaotao.vku.udn.vn/uploads/2020/12/1608883192-doan2.d…  · Web view2020. 12. 25. · Việc thiết lập một website bán hàng trực tuyến nhanh chóng

NHẬN XÉT

(Của giảng viên hướng dẫn)

................................................................................................................................................

................................................................................................................................................

................................................................................................................................................

................................................................................................................................................

................................................................................................................................................

................................................................................................................................................

................................................................................................................................................

................................................................................................................................................

................................................................................................................................................

................................................................................................................................................

................................................................................................................................................

................................................................................................................................................

................................................................................................................................................

................................................................................................................................................

................................................................................................................................................

................................................................................................................................................

................................................................................................................................................

................................................................................................................................................

................................................................................................................................................

................................................................................................................................................

................................................................................................................................................

................................................................................................................................................

................................................................................................................................................

................................................................................................................................................

Page 5: MỞ ĐẦU - udn.vndaotao.vku.udn.vn/uploads/2020/12/1608883192-doan2.d…  · Web view2020. 12. 25. · Việc thiết lập một website bán hàng trực tuyến nhanh chóng

MỤC LỤC

MỞ ĐẦU..............................................................................................................................1

1. Giới thiệu/ lý do chọn đề tài.....................................................................................1

2. Mục đích đề tài.........................................................................................................1

3. Nhiệm vụ đề tài........................................................................................................1

4. Đối tượng, phạm vi tìm hiểu....................................................................................1

4.1. Các nhãn hàng:.................................................................................................1

4.1.1. Các đối tượng tìm hiểu......................................................................14.1.2. Khách mua sắm (những người có nhu cầu mua sắm sản phẩm).......2

5. Bố cục đề tài.............................................................................................................2

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

1.1. Công cụ............................................................................................................3

1.2. Ngôn ngữ..........................................................................................................3

CHƯƠNG 2. PHÂN TÍCH THIẾT KẾ GIAO DIỆN.....................................................6

2.1. Yêu cầu.............................................................................................................6

2.2. Yêu cầu chức năng...........................................................................................6

2.3. Yêu cầu phi chức năng.....................................................................................6

2.4. Các bước thiết kế..............................................................................................6

2.4.1. Interface:...........................................................................................62.4.2. Login.................................................................................................62.4.3. Sự kiện..............................................................................................72.4.4. Các sản phẩm....................................................................................72.4.5. Mua hàng..........................................................................................7

CHƯƠNG 3. PHÂN TÍCH THIẾT KẾ CHỨC NĂNG HỆ THỐNG.............................8

3.1. Phân tích thiết kế theo sơ đồ USE-CASE:.......................................................8

3.1.1. Các tác nhân của hệ thống gồm có:..................................................83.1.2. Đặc tả:...............................................................................................9

3.2. Giao diện........................................................................................................19

3.3. Về phía người dùng........................................................................................23

3.4. Về phía người quản trị...................................................................................25

Page 6: MỞ ĐẦU - udn.vndaotao.vku.udn.vn/uploads/2020/12/1608883192-doan2.d…  · Web view2020. 12. 25. · Việc thiết lập một website bán hàng trực tuyến nhanh chóng

CHƯƠNG 4. CƠ SỞ DỮ LIỆU....................................................................................28

KẾT LUẬN........................................................................................................................32

1. Kết quả đạt được.....................................................................................................32

2. Hướng phát triển.....................................................................................................32

TÀI LIỆU THAM KHẢO..................................................................................................33

Page 7: MỞ ĐẦU - udn.vndaotao.vku.udn.vn/uploads/2020/12/1608883192-doan2.d…  · Web view2020. 12. 25. · Việc thiết lập một website bán hàng trực tuyến nhanh chóng

DANH MỤC HÌNH

Hình 0.1-Hợp tác kinh doanh............................................................................................2Hình 0.2-Tìm hiểu nhu cầu khách hàng...........................................................................2Hình 1.1 PhpMyAdmin......................................................................................................3Hình 1.2-HTML..................................................................................................................3Hình 1.3-Css........................................................................................................................4Hình 1.4-Javascript............................................................................................................4Hình 1.5-Bootstrap.............................................................................................................4Hình 1.6-jQuery..................................................................................................................4Hình 1.7-Ajax......................................................................................................................5Hình 1.8-PHP......................................................................................................................5Hình 3.1-Sơ đồ Use-case.....................................................................................................9Hình 3.2-Biểu đồ lớp........................................................................................................12Hình 3.3- Chức năng xem thông tin................................................................................12Hình 3.4-Chức năng chỉnh sửa thông tin.......................................................................13Hình 3.5-Chức năng xóa thông tin..................................................................................13Hình 3.6-Chức năng thêm thông tin...............................................................................14Hình 3.7-Chức năng tìm kiếm.........................................................................................14Hình 3.8-Chức năng thanh toán......................................................................................15Hình 3.9-Biểu đồ tuần tự chức năng tìm kiếm...............................................................15Hình 3.10-Biểu đồ tuần tự xem thông tin.......................................................................16Hình 3.11-Biểu đồ tuần tự chức năng thêm...................................................................16Hình 3.12-Biểu đồ tuần tự chức năng sửa......................................................................17Hình 3.13-Biểu đồ tuần tự chức năng xóa......................................................................17Hình 3.14-Biểu đồ tuần tự chức năng thanh toán.........................................................18Hình 3.15-Trang chủ........................................................................................................20Hình 3.16-Trang sản phẩm..............................................................................................21Hình 3.17-Trang chi tiết sản phẩm.................................................................................23Hình 3.18-Trang đăng nhập, đăng kí.............................................................................24Hình 3.19-Trang người dùng...........................................................................................25Hình 3.20-Thống kê doanh thu.......................................................................................26Hình 3.21-Danh sách User...............................................................................................26Hình 3.22-Danh sách danh mục......................................................................................27Hình 3.23-Danh sách hàng hóa.......................................................................................27Hình 3.24-Danh sách đơn hàng.......................................................................................28

Page 8: MỞ ĐẦU - udn.vndaotao.vku.udn.vn/uploads/2020/12/1608883192-doan2.d…  · Web view2020. 12. 25. · Việc thiết lập một website bán hàng trực tuyến nhanh chóng

DANH MỤC CỤM TỪ VIẾT TẮT

STT Cụm từ Viết tắt

1 Công nghệ phần mềm CNPM

2 Công nghệ thông tin CNTT

3 Sublime text 3 ST3

Page 9: MỞ ĐẦU - udn.vndaotao.vku.udn.vn/uploads/2020/12/1608883192-doan2.d…  · Web view2020. 12. 25. · Việc thiết lập một website bán hàng trực tuyến nhanh chóng

MỞ ĐẦU1. Giới thiệu/ lý do chọn đề tài

Mọi khách hàng mua sắm thời trang ở nước ta họ đều có mong muốn rằng có thể tìm kiếm, mua sắm một sản phẩm thời trang đảm bảo xuất xứ,chất lượng, giá cả hợp lý. Với sự phát triển của công nghệ web như ngày nay, hầu như khách hàng có xu hướng tìm kiếm, tham khảo, mua sắm các sản phẩm trực tuyến trên các trang web. Vậy nên nhóm chúng em mong muốn xây dựng một trang web để người dùng có thể chọn được các sản phẩm thời trang theo đúng nhu cầu cá nhân mà không cần phải đến tận nơi bán hay những chỗ ở đó để nhờ tư vấn, họ có thể mua hàng trực tiếp trên trang web sau khi tham khảo kĩ thông tin (bằng các hình thức thanh toán trả tước và trả sau). Ngày nay công cụ nhanh nhất và hiệu quả để có thể thực hiện được điều đó chính là Internet.

2. Mục đích đề tài

Vì vậy, đề tài “Xây dựng website bán hàng thời trang trực tuyến ” rất thực tế và khá phù hợp với tình hình hiện nay. Việc thiết lập một website bán hàng trực tuyến nhanh chóng với đa dạng sản phẩm và hoàn toàn miễn phí có thể quảng bá được hình ảnh sản phẩm nói riêng và các nhãn hàng nói chung , tạo cơ hội thuận lợi cho mọi khách hàng, tiết kiệm được một khoảng thời gian và đặt biệt là tối ưu chi phí và nhu cầu.

3. Nhiệm vụ đề tài

Vấn đề trên đặt ra nhiệm vụ là làm sao có thể xây dựng một website cho phép khách hàng (kể cả trong và ngoài nước) có thể tìm kiếm thông tin và mua hàng với các nội dung cụ thể như: Tên hàng hóa, giá tiền, mô tả, đánh giá,... Ngoài ra, nếu tìm được sản phẩm mong muốn họ có thể đặt mua trực tuyến qua mạng (thanh toán bằng các hình thức trả trước và trả sau).

4. Đối tượng, phạm vi tìm hiểu

4.1. Các nhãn hàng:

4.1.1. Các đối tượng tìm hiểu

Các nhãn hàng sẽ được tìm hiểu, liên hệ và thuyết phục đăng ký với website để trở thành một nhà cung cấp sản phẩm của họ cho website. Họ sẽ cung cấp hàng hóa kèm theo thông tin, giá cả, hướng dẫn sử dụng, bảo hành …

1

Page 10: MỞ ĐẦU - udn.vndaotao.vku.udn.vn/uploads/2020/12/1608883192-doan2.d…  · Web view2020. 12. 25. · Việc thiết lập một website bán hàng trực tuyến nhanh chóng

Hình 0.1-Hợp tác kinh doanh

4.1.2. Khách mua sắm (những người có nhu cầu mua sắm sản phẩm)

Tìm hiểu về các nhu cầu thiết yếu về một sản phẩm thịnh hành. Qua đó giúp họ tìm kiếm và mua sắm nhanh chóng nhất theo đúng nhu cầu của mình (giá cả, chất lượng, thời gian tối ưu, thanh toán nhanh chóng, …).

Hình 0.2-Tìm hiểu nhu cầu khách hàng

5. Bố cục đề tài

- Cơ sở lý thuyết (/ Kiến thức tổng quan).- Phân tích thiết kế hệ thống.- Website đặt phòng khách sạn tại Đà Nẵng.

2

Page 11: MỞ ĐẦU - udn.vndaotao.vku.udn.vn/uploads/2020/12/1608883192-doan2.d…  · Web view2020. 12. 25. · Việc thiết lập một website bán hàng trực tuyến nhanh chóng

CHƯƠNG 1. CƠ SỞ LÝ THUYẾT

1.1. Công cụ

Ngày nay có rất nhiều công cụ hỗ trợ cho việc lập trình, thiết kế website. Và trong đồ án WEBSITE BÁN HÀNG THỜI TRANG này, em sẽ sử sụng các công cụ sau:

Sublime Text 3 (ST3): là phiên bản mới nhất của chương trình soạn thảo văn bản được sử dụng nhiều nhất bởi web developers, coders, và programmers. Nó sẵn có cho Mac, Windows, Linux và cho phép tải về và sử dụng miễn phí.

Về cơ sở dữ liệu có: phpMyAdmin, …

Việc lựa chọn một môi trường lập trình thích hợp cũng góp phần vào thành công của việc xây dựng website phục vụ cho đồ án này.

Hình 1.3 PhpMyAdmin

1.2. Ngôn ngữ

Đồ án này chúng em đã sử dụng các ngôn ngữ thiết kế web cở bản sau:

HTML (HyperText Markup Language): là một ngôn ngữ đánh dấu được thiết kế ra để tạo nên các thành phần cơ bản (như tiêu đề, đoạn văn, hình ảnh, video, button, input box, audio, ...) của website.

CSS (Cascading Style Sheets): là ngôn ngữ mô tả style (phong cách) hiển thị của các đối tượng HTML. Chẳng hạn như: vị trí hiển thị, màu sắc,

3

Hình 1.2 -Sublime Text 3

Hình 1.4-HTML

Page 12: MỞ ĐẦU - udn.vndaotao.vku.udn.vn/uploads/2020/12/1608883192-doan2.d…  · Web view2020. 12. 25. · Việc thiết lập một website bán hàng trực tuyến nhanh chóng

kích thước, vị trí. CSS giúp chúng ta tránh phải sử dụng các rắc rối của HTML, dễ dàng định nghĩa style cho các thẻ cũng như dễ quản lý.

Javascript: là một ngôn ngữ lập trình có thể chạy được trên trình duyệt giúp xây dựng các chức năng tương tác với người dùng như các hiệu ứng chuyển, animation, các sự kiện click chuột, kéo thả chuột, ...

Hình 1.6-Javascript

Bootstrap: là một CSS Framework mã nguồn mở giúp chúng ta có thể CSS nhanh chóng cho các đối tượng HTML. Nó giúp chúng ta đơn giản & dễ dàng hơn trong thiết kế giao diện và hỗ trợ responsive. Đây là một trong những CSS Framework phổ biến nhất hiện nay.

jQuery: là một thư viện của Javascript được xây dựng giúp việc xây dựng các chức năng trên website sử dụng javascript trở nên đơn giản và thuận tiện hơn rất nhiều.

Hình 1.8-jQuery

Ajax: là chữ viết tắt của Asynchronous JavaScript and XML. Nó là một bộ các kỹ thuật thiết kế web giúp cho các ứng dụng web hoạt động bất đồng bộ – xử lý mọi yêu cầu tới server từ phía sau.

4

Hình 1.7-Bootstrap

Page 13: MỞ ĐẦU - udn.vndaotao.vku.udn.vn/uploads/2020/12/1608883192-doan2.d…  · Web view2020. 12. 25. · Việc thiết lập một website bán hàng trực tuyến nhanh chóng

Hình 1.9-Ajax

PHP: Hypertext Preprocessor, thường được viết tắt thành PHP là một ngôn ngữ lập trình kịch bản hay một loại mã lệnh chủ yếu được dùng để phát triển các ứng dụng viết cho máy chủ, mã nguồn mở, dùng cho mục đích tổng quát. Nó rất thích hợp với web và có thể dễ dàng nhúng vào trang HTML. 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.

Hình 1.10-PHP

Với những ngôn ngữ này, em đã hoàn toàn có thể xây dựng website bán hàng thời trang trực tuyến hoàn chỉnh.

5

Page 14: MỞ ĐẦU - udn.vndaotao.vku.udn.vn/uploads/2020/12/1608883192-doan2.d…  · Web view2020. 12. 25. · Việc thiết lập một website bán hàng trực tuyến nhanh chóng

CHƯƠNG 2. PHÂN TÍCH THIẾT KẾ GIAO DIỆN2.1. Yêu cầu

Thiết kế giao diện đơn giản dễ sử dụng. Hiển thị đầy đủ các mục cần thiết cho một trang web. Cho phép người dùng truy cập trang web tìm kiếm sản phẩm và mua hàng .

2.2. Yêu cầu chức năng

Cho phép người dùng đăng nhập và đăng ký với hệ thống. Cho phép người dùng tìm kiếm thông tin sản phẩm theo những tiêu chí khác nhau. Cho phép người dùng mua hàng trên web. Cho phép người dùng hiệu chỉnh thông tin các nhân khi cần thiết. Liệt kê sản phẩm theo danh mục. Hiển thị đầy đủ thông tin chi tiết từng sản phẩm và đánh giá của các sản phẩm đó. Cho phép người dùng tìm kiếm theo giá tiền và tên sản phẩm. Hiển thị thông tin liên hệ để người dùng có thể phản hồi khi có thắc mắc. Cho phép người dùng thanh toán online. Hiển thị các dịch vụ, ưu đãi của trang web.

2.3. Yêu cầu phi chức năng

Tính tiện dụng: Giao diện thân thiện, dễ sử dụng đối với những người dùng mới. Tính hiệu quả: Đảm bảo việc truy xuất nhanh đến các trang và khả năng kiểm soát

lỗi tốt. Tính tương thích: Tương thích với hầu hết các trình duyệt web như: Internet

Explorer, Netscape, Opera, Mozilla,Chrome,Microsoft Edge, Cốc Cốc,… Tính bảo mật thông tin người dùng cao, tránh việc rò rỉ thông tin khách hàng.

2.4. Các bước thiết kế

2.4.1. Interface:

Thiết kế giao diện phù hợp và đầy dủ các chức năng như yêu cầu đặt ra.

Trang chủ: navbar, thanh tìm kiếm, thông tin các sản phẩm nổi bật, ưu đãi, thông tin liên hệ.

Trang giới thiệu: Giới thiệu tổng quan về website. Trang thông tin sản phẩm: Liệt kê toàn bộ các mô tả, đánh giá. Trang ưu đãi: Liệt kê các dịch vụ/ ưu đãi. Trang liên hệ: Hiển thị thông tin liên hệ. Trang admin: Hiển thị các chức năng quản lý sản phẩm.

2.4.2. Login

Người dùng đăng ký và đăng nhập thông tin.

6

Page 15: MỞ ĐẦU - udn.vndaotao.vku.udn.vn/uploads/2020/12/1608883192-doan2.d…  · Web view2020. 12. 25. · Việc thiết lập một website bán hàng trực tuyến nhanh chóng

2.4.3. Sự kiện

1. Người dùng chọn chức năng đăng nhập.2. Hệ thống mở trang đăng nhập.3. Người dùng nhập thông tin đăng nhập.4. Người dùng chọn đăng nhập.5. Hệ thống kiểm tra thông tin đăng nhập và quyết định có cho phép người dùng đăng

nhập hay không.

Sự kiện khác:

Tên/ Mật khẩu sai -> hệ thống sẽ hiển thị một thông báo lỗi. Người dùng có thể chọn để trở về đầu của dòng sự kiện chính hoặc hủy bỏ việc đăng nhập.

Nếu đăng nhập thành công, lúc này hiển thị giao diện người dùng đã đăng nhập vào hệ thống.

2.4.4. Các sản phẩm

Chọn vào sản phẩm để xem các thông tin chi tiết:

Tên, giá sản phẩm. Các mổ tả. Bình luận, đánh giá. Thống kê giá tiền cuối cùng. Thêm giỏ hàng và thanh toán.

2.4.5. Mua hàng

Điền thông tin (tên , SĐT, địa chỉ,…). Chọn sản phẩm thanh toán. Số lượng. Chọn phương thức thanh toán. Thống kê giá tiền. Thanh toán.

7

Page 16: MỞ ĐẦU - udn.vndaotao.vku.udn.vn/uploads/2020/12/1608883192-doan2.d…  · Web view2020. 12. 25. · Việc thiết lập một website bán hàng trực tuyến nhanh chóng

CHƯƠNG 3. PHÂN TÍCH THIẾT KẾ CHỨC NĂNG HỆ THỐNG

Sau đây là những phần mà nhóm chúng em đã hoàn thành trong luận văn này (mặc dù còn rất nhiều ý tưởng, dự định chưa thể thực hiện được do khả năng và thời gian có hạn, hy vọng rằng có thể hoàn thiện hơn trong thời gian tới):

3.1. Phân tích thiết kế theo sơ đồ USE-CASE:

3.1.1. Các tác nhân của hệ thống gồm có:

Administrator: là thành viên quản trị của hệ thống, có các quyền và chức năng như: tạo các tài khoản, quản lý sản phẩm, quản trị người dùng, quản lý hoá đơn…

Member: là hệ thống thành viên có chức năng: Đăng kí, đăng nhập, tìm kiếm, xem, sửa thông tin cá nhân, xem giỏ hàng, đặt hàng, xem thông tin về các hóa đơn đã lập.

Customer: Là khách vãng lai có chức năng: Đăng kí, tìm kiếm, xem thông tin sản phẩm, xem giỏ hàng, đặt hàng.

8

Page 17: MỞ ĐẦU - udn.vndaotao.vku.udn.vn/uploads/2020/12/1608883192-doan2.d…  · Web view2020. 12. 25. · Việc thiết lập một website bán hàng trực tuyến nhanh chóng

Hình 3.11-Sơ đồ Use-case

3.1.2. Đặc tả:

Case use xem thông tin :

Tác nhân: Người sử dụng, người nhân viên, Quản lý. Mục đích: xem thông tin danh mục, hàng hóa, người dùng, đơn hàng. Điều kiện: Đăng nhập. Các bước thực hiện: người dùng chọn xem 1 trong các thông tin sau.

Chọn và xem chi tiết thông tin hàng hóa, danh mục, người dùng, đơn hàng,…

Chọn và xem chi tiết.

Case use tìm kiếm thông tin:

Tác nhân: Người sử dụng, Người nhân viên, Người quản trị. Mục đích: Tìm kiếm thông tin danh mục, hàng hóa, người dùng, đơn hàng,…

9

Page 18: MỞ ĐẦU - udn.vndaotao.vku.udn.vn/uploads/2020/12/1608883192-doan2.d…  · Web view2020. 12. 25. · Việc thiết lập một website bán hàng trực tuyến nhanh chóng

Điều kiện: Đăng nhập, nhập thông tin vào form tìm kiếm. Các bước thực hiện:

Nhập thông từ khoá vào form. Nhập các từ khoá tìm kiếm theo tên danh mục, hàng hóa, người dùng, đơn

hàng. Tìm kiếm các bài viết thông tin liên quan đến từ khoá đã được lọc ra.

Ngoại lệ: Nếu không nhập thông tin vào form tìm kiếm thì thông báo không được để trống, yêu cầu nhập từ khoá, nhập nhữn từ khoá không liên quan hoặc không tại sẽ thông báo nhập lại.

Use case mua hàng:

Tác nhân: Người dùng. Mục đích: Thanh toán, thêm giỏ hàng, xóa giỏ hàng. Điều kiện: Đăng nhập. Các bước thực hiện:

Chọn đối tượng cần thực hiện : Hàng hóa.… Thực hiện các công việc cần thiết như: thêm thông tin của một đối tượng

mới, sửa thông tin của một đối tượng hoặc xoá thông tin của một đối tượng.Ngoại lệ: Khi thêm hoặc sửa thông tin của một đối tượng nào đó yêu cầu không bị trùng lặp thông tin với nhau rồi thanh toán.

Case use quản lý hàng hóa:

Tác nhân: Người nhân viên. Mục đích: Quản lý hàng hóa. Điều kiện: Đăng nhập. Các bước thực hiện:

Chọn đối tượng cần quản lý : Hàng hóa.… Thực hiện các công việc cần thiết như: thêm thông tin của một đối tượng

mới, sửa thông tin của một đối tượng hoặc xoá thông tin của một đối tượng.Ngoại lệ: Khi thêm hoặc sửa thông tin của một đối tượng nào đó yêu cầu không bị trùng lặp thông tin với nhau.

Case use quản lý danh mục:

Tác nhân: Người nhân viên. Mục đích: Quản lý danh mục. Điều kiện: Đăng nhập. Các bước thực hiện:

Chọn đối tượng cần quản lý : Danh mục.… Thực hiện các công việc cần thiết như: thêm thông tin của một đối tượng

mới, sửa thông tin của một đối tượng hoặc xoá thông tin của một đối tượng.

10

Page 19: MỞ ĐẦU - udn.vndaotao.vku.udn.vn/uploads/2020/12/1608883192-doan2.d…  · Web view2020. 12. 25. · Việc thiết lập một website bán hàng trực tuyến nhanh chóng

Ngoại lệ: Khi thêm hoặc sửa thông tin của một đối tượng nào đó yêu cầu không bị trùng lặp thông tin với nhau.

Use case quản lý đơn hàng:

Tác nhân: Người nhân viên. Mục đích: Quản lý đơn hàng. Điều kiện: Đăng nhập. Các bước thực hiện:

Chọn đối tượng cần quản lý : Đơn hàng.… Thực hiện các công việc cần thiết như: Thực hiện thay đổi trạng thái của

một đối tượng.

Use case quản lý người dùng:

Tác nhân: Người quản trị. Mục đích: Quản lý người dùng. Điều kiện: Đăng nhập. Các bước thực hiện:

Chọn đối tượng cần quản lý : Người dùng.… Thực hiện các công việc cần thiết như: thêm thông tin của một đối tượng

mới, sửa thông tin của một đối tượng hoặc xoá thông tin của một đối tượng.Ngoại lệ: Khi thêm hoặc sửa thông tin của một đối tượng nào đó yêu cầu không bị trùng lặp thông tin với nhau.

Biểu đồ lớp:

11

Page 20: MỞ ĐẦU - udn.vndaotao.vku.udn.vn/uploads/2020/12/1608883192-doan2.d…  · Web view2020. 12. 25. · Việc thiết lập một website bán hàng trực tuyến nhanh chóng

Hình 3.12-Biểu đồ lớp

Biểu đồ trạng thái:

Chức năng xem thông tin:

Hình 3.13- Chức năng xem thông tin

Chức năng sửa thông tin:

12

Page 21: MỞ ĐẦU - udn.vndaotao.vku.udn.vn/uploads/2020/12/1608883192-doan2.d…  · Web view2020. 12. 25. · Việc thiết lập một website bán hàng trực tuyến nhanh chóng

Hình 3.14-Chức năng chỉnh sửa thông tin

Chức năng xóa thông tin:

Hình 3.15-Chức năng xóa thông tin

Chức năng thêm thông tin:

13

Page 22: MỞ ĐẦU - udn.vndaotao.vku.udn.vn/uploads/2020/12/1608883192-doan2.d…  · Web view2020. 12. 25. · Việc thiết lập một website bán hàng trực tuyến nhanh chóng

Hình 3.16-Chức năng thêm thông tin

Chức năng tìm kiếm:

Hình 3.17-Chức năng tìm kiếm

Chức năng thanh toán:

14

Page 23: MỞ ĐẦU - udn.vndaotao.vku.udn.vn/uploads/2020/12/1608883192-doan2.d…  · Web view2020. 12. 25. · Việc thiết lập một website bán hàng trực tuyến nhanh chóng

Hình 3.18-Chức năng thanh toán

Biểu đồ tuần tự:

Biểu đồ tuần tự chức năng tìm kiếm:

Hình 3.19-Biểu đồ tuần tự chức năng tìm kiếm

Biểu đồ tuần tự chức năng xem thông tin:

15

Page 24: MỞ ĐẦU - udn.vndaotao.vku.udn.vn/uploads/2020/12/1608883192-doan2.d…  · Web view2020. 12. 25. · Việc thiết lập một website bán hàng trực tuyến nhanh chóng

Hình 3.20-Biểu đồ tuần tự xem thông tin

Biểu đồ tuần tự chức năng thêm:

Hình 3.21-Biểu đồ tuần tự chức năng thêm

16

Page 25: MỞ ĐẦU - udn.vndaotao.vku.udn.vn/uploads/2020/12/1608883192-doan2.d…  · Web view2020. 12. 25. · Việc thiết lập một website bán hàng trực tuyến nhanh chóng

Biểu đồ tuần tự chức năng sửa:

Hình 3.22-Biểu đồ tuần tự chức năng sửa

Biểu đồ tuần tự chức năng xóa:

Hình 3.23-Biểu đồ tuần tự chức năng xóa

17

Page 26: MỞ ĐẦU - udn.vndaotao.vku.udn.vn/uploads/2020/12/1608883192-doan2.d…  · Web view2020. 12. 25. · Việc thiết lập một website bán hàng trực tuyến nhanh chóng

Biểu đồ tuần tự chức năng thanh toán:

Hình 3.24-Biểu đồ tuần tự chức năng thanh toán

18

Page 27: MỞ ĐẦU - udn.vndaotao.vku.udn.vn/uploads/2020/12/1608883192-doan2.d…  · Web view2020. 12. 25. · Việc thiết lập một website bán hàng trực tuyến nhanh chóng

3.2. Giao diện

19

Page 28: MỞ ĐẦU - udn.vndaotao.vku.udn.vn/uploads/2020/12/1608883192-doan2.d…  · Web view2020. 12. 25. · Việc thiết lập một website bán hàng trực tuyến nhanh chóng

Hình 3.25-Trang chủ

20

Page 29: MỞ ĐẦU - udn.vndaotao.vku.udn.vn/uploads/2020/12/1608883192-doan2.d…  · Web view2020. 12. 25. · Việc thiết lập một website bán hàng trực tuyến nhanh chóng

Hình 3.26-Trang sản phẩm

21

Page 30: MỞ ĐẦU - udn.vndaotao.vku.udn.vn/uploads/2020/12/1608883192-doan2.d…  · Web view2020. 12. 25. · Việc thiết lập một website bán hàng trực tuyến nhanh chóng

22

Page 31: MỞ ĐẦU - udn.vndaotao.vku.udn.vn/uploads/2020/12/1608883192-doan2.d…  · Web view2020. 12. 25. · Việc thiết lập một website bán hàng trực tuyến nhanh chóng

Hình 3.27-Trang chi tiết sản phẩm

3.3. Về phía người dùng

Đăng ký để trở thành thành viên. Đăng nhập vào tài khoản (có hỗ trợ chức năng tìmkiếm mật khẩu khi quên mật

khẩu). Tìm kiếm sản phẩm theo nhu cầu cá nhân của người dùng. Liên hệ với quản trị website.

23

Page 32: MỞ ĐẦU - udn.vndaotao.vku.udn.vn/uploads/2020/12/1608883192-doan2.d…  · Web view2020. 12. 25. · Việc thiết lập một website bán hàng trực tuyến nhanh chóng

Hình 3.28-Trang đăng nhập, đăng kí

24

Page 33: MỞ ĐẦU - udn.vndaotao.vku.udn.vn/uploads/2020/12/1608883192-doan2.d…  · Web view2020. 12. 25. · Việc thiết lập một website bán hàng trực tuyến nhanh chóng

Hình 3.29-Trang người dùng

3.4. Về phía người quản trị

Liên kết với cơ sở dữ liệu . Đăng nhập vào trang web. Xem và hiệu chỉnh danh sách các khách sạn. Xem thông tin của khách hàng đã đặt phòng. Xem thông tin chi tiết của từng khách sạn. Xóa một khách hàng ra khỏi cơ sở dữ liệu. Xóa một khách sạn ra khỏi cơ sở dữ liệu. Điều chỉnh thông tin cá nhân. Quản lý thông tin đặt phòng của khách hàng. Xem, phản hồi các ý kiến của khách hàng về trang web.

25

Page 34: MỞ ĐẦU - udn.vndaotao.vku.udn.vn/uploads/2020/12/1608883192-doan2.d…  · Web view2020. 12. 25. · Việc thiết lập một website bán hàng trực tuyến nhanh chóng

Hình 3.30-Thống kê doanh thu

Hình 3.31-Danh sách User

26

Page 35: MỞ ĐẦU - udn.vndaotao.vku.udn.vn/uploads/2020/12/1608883192-doan2.d…  · Web view2020. 12. 25. · Việc thiết lập một website bán hàng trực tuyến nhanh chóng

Hình 3.32-Danh sách danh mục

Hình 3.33-Danh sách hàng hóa

27

Page 36: MỞ ĐẦU - udn.vndaotao.vku.udn.vn/uploads/2020/12/1608883192-doan2.d…  · Web view2020. 12. 25. · Việc thiết lập một website bán hàng trực tuyến nhanh chóng

Hình 3.34-Danh sách đơn hàng

CHƯƠNG 4. CƠ SỞ DỮ LIỆUBảng vai trò:

Bảng user:

Bảng danh mục:

28

Page 37: MỞ ĐẦU - udn.vndaotao.vku.udn.vn/uploads/2020/12/1608883192-doan2.d…  · Web view2020. 12. 25. · Việc thiết lập một website bán hàng trực tuyến nhanh chóng

Bảng hang hoa:

Bảng bình luận:

29

Page 38: MỞ ĐẦU - udn.vndaotao.vku.udn.vn/uploads/2020/12/1608883192-doan2.d…  · Web view2020. 12. 25. · Việc thiết lập một website bán hàng trực tuyến nhanh chóng

Bảng trả lời bình luận:

Bảng đơn hàng:

Bảng trạng thái đơn hàng:

Bảng chi tiết đơn hàng:

30

Page 39: MỞ ĐẦU - udn.vndaotao.vku.udn.vn/uploads/2020/12/1608883192-doan2.d…  · Web view2020. 12. 25. · Việc thiết lập một website bán hàng trực tuyến nhanh chóng

Liên kết CSDL:

31

Page 40: MỞ ĐẦU - udn.vndaotao.vku.udn.vn/uploads/2020/12/1608883192-doan2.d…  · Web view2020. 12. 25. · Việc thiết lập một website bán hàng trực tuyến nhanh chóng

KẾT LUẬN1. Kết quả đạt được

Xây dựng một website thương mại điện tử chính là một bước tiến mới đối với chúng em, tuy hiện đại, thí vị nhưng song song với việc đó là chúng em gặp không ít những khoá khăn cũng như những thách thức. Thứ nhất,tuy thương mại điện tử chính là một trong những chiến lược mũi nhọn để phát triển, nó không còn là thứ gì đó khó để tiếp cận đối với người dùng, nhưng về mặt phía người quản trị của một website chúng em thì thời gian để học hỏi và tìm tòi có mặt hạn chế. Thứ hai, việc lên ý tưởng cho một website thương mại thật sự gặp nhiều khó khăn, vì đây là lần đầu tiên chúng em mới có dịp được cọ xát để xây dựng một website thương mại điện tử. Do đó, việc thực hiện xây dựng một website để đáp ứng những nhu cầu cần thiết của đồ án mất khá nhiều thời gian và chúng em gặp không ít những thử thách, đôi lúc cứ ngỡ là không kịp tiến độ bài làm, nhưng bằng sự cố gắng kiên trì, chúng em cũng hoàn thành được bài làm, mặc dù vẫn có những vị trí chưa được hoàn thành hoàn chính. Ngoài ra, để xây dựng một trang web thành công thì giao diện cũng là một yếu tố rất quan trọng, nó phải là sự kết hợp hài hòa giữa sự hấp dẫn, lôi cuốn người dùng với sựđơn giản, thân thiện, dễ sử dụng. Về mặt này thì nhóm chúng em thật sự không có khiếu lắm về thẩm mỹ nên giao diện khá đơn giản.

Nhưng cũng qua quá trình thực hiện đồ án này, em cũng đã học hỏi, trau dồi được rất nhiều điều. Về mặt lý thuyết, em đã nắm rõ hơn và sâu hơn kiến thức về lập trình website và phương pháp tạo ra một trang web hoàn chỉnh, nắm rõ hơn về các ngôn ngữ web đề từ đó em có thể vận dụng tót hơn cho tương lai, công việc sau này. Cũng qua thời gian làm đồ án này, em cũng đã có những trải nghiệm chân thật nhất có thể là nghề nghiệp sau này của bản thân.

2. Hướng phát triển

Em sẽ cố gắng có thể để phát triển/ khắc phục đề tài này theo các hướng sau:.

Liên kết với hệ cơ sở dữ liệu. Liên kết với hệ thông ngân hàng. Liên kết với các đối tác là nhà cung cấp dịch vụ để thực hiện quá trình đăng ký và

thanh toán tự động. Đưa vào triển khai ứng dụng trên thực tế …

32

Page 41: MỞ ĐẦU - udn.vndaotao.vku.udn.vn/uploads/2020/12/1608883192-doan2.d…  · Web view2020. 12. 25. · Việc thiết lập một website bán hàng trực tuyến nhanh chóng

TÀI LIỆU THAM KHẢO

[1] NET Framework SDK Documentation.

[2] Head First HTML and CSS: A Learner's Guide to Creating Standards-Based Web Pages..

[3] Learn Bootstrap 4 by Freetuts..

[4] Javascript: The Good Parts..

[5] P. &. M. b. Freetus..

33