xây dựng website bán quà tặng, đồ lưu niệm dùng html5 và css3

TÓM TẮT Công nghệ thông tin phát triển ngày càng đổi mới không ngừng bằng việc chinh phục hết đỉnh cao này tới đỉnh cao khác.Cùng với tốc độ đó thì việc bán hàng online ngày càng phổ biế

Trang 1

TRƯỜNG ĐẠI HỌC CẦN THƠ KHOA CÔNG NGHỆ THÔNG TIN & TRUYỀN THÔNG

LUẬN VĂN TỐT NGHIỆP ĐẠI HỌCNGÀNH KỸ THUẬT PHẦN MỀM

Cần Thơ, 05/2015

Trang 2

TRƯỜNG ĐẠI HỌC CẦN THƠ KHOA CÔNG NGHỆ THÔNG TIN & TRUYỀN THÔNG

Cần Thơ, 05/2015

Trang 3



Trong quá trình học tập tại trường Đại học Cần Thơ, các thầy cô trong khoa Công Nghệ Thông Tin và Truyền Thông đã tận tình dạy bảo cho em nhiều kiến thức quý báu và bổ ích, giúp em vượt qua những khó khăn trong học tập , cũng như trang

bị cho chúng em những kiến thức, nền tảng quý báo để là hành trang vững bước trên con đường làm việc đầy chông gai sau này

Xin tỏ lòng biết ơn sâu sắc đến cô Võ Huỳnh Trâm đã hướng dẫn tận tình,

sửa chữa những sai sót, những mặt hạn chế và còn thiếu sót của em trong suốt thời gian nghiên cứu đề tài tốt nghiệp này

Các thầy cô trong bộ môn Công nghệ phần mềm đã truyền đạt nhiều kiến thức quý báu làm nền tảng để em có thể thực hiện đề tài này

Dù đã rất cố gắng để hoàn thành một cách tốt nhất, nhưng cũng không tránh khỏi những thiếu sót và hạn chế trong quá trình thực hiện.Rất mong sự thông cảm, chỉ bảo cũng như sự đóng góp chân thành của quý thầy cô và bạn bè để đề tài ngày càng tốt hơn

Kính dâng cha, mẹ đã hết lòng nuôi dạy và động viên tinh thần trong suốt thời gian qua

Sau cùng kính chúc quý thầy cô dồi dào sức khỏe và thành công trong công việc của mình

Xin chân thành cảm ơn!

Cần Thơ, ngày 19 tháng 5 năm 2015

Sinh viên thực hiện

Lê Thị Mỹ Hạnh

Trang 4

MỤC LỤC

LỜI CẢM ƠN 3

MỤC LỤC i

DANH MỤC HÌNH v

TÓM TẮT vi

ABSTRACT vii

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

I.PHẦN GIỚI THIỆU 1

I.1 Đặt vấn đề 1

I.2 Lịch sử giải quyết vấn đề 1

I.3 Mục tiêu của đề tài 1

I.4 Phạm vi của đề tài 2

I.4.1 Khách hàng 2

I.4.1.1 Xem chi tiết một sản phẩm 2

I.4.1.2 Đặt mua sản phẩm 2

I.4.1.3 Tìm kiếm sản phẩm 2

I.4.1.4 Bình luận sản phẩm 2

I.4.1.5 Góp ý vào website 2

I.4.2 Quản trị 2

I.4.2.1 Quản lý sản Phẩm 2

I.4.2.2 Quản lý loại sản phẩm 2

I.4.2.3 Thống kê 3

I.4.2.4 Quản lý khách hàng 3

I.4.2.5 Quản lý bình luận 3

I.4.2.6 Quản lý giỏ hàng 3

I.4.2.7 Quản lý tài khoản 3

I.4.2.8 Quản lý khuyến mãi 3

II.PHẦN NỘI DUNG 6

CHƯƠNG 1: MÔ TẢ BÀI TOÁN 6

II.1.1.Giới thiệu sơ lược về mô tả bài toán 6

II.1.2 Đặt tả chức năng 9

Trang 5

II.1.2.1.Mục đích 9

II.1.2.2.Phạm vi sản phẩm 9

II.1.3.Mô tả hệ thống 9

II.1.3.1.Mô hình hệ thống 9

II.1.3.2.Các chức năng của sản phẩm 10

II.1.3.3.Đặt điểm người sử dụng 14

II.1.3.4.Môi trường vận hành 15

II.1.3.5.Các ràng buộc thực thi 15

II.1.4.Các yêu cầu thực thi 15

II.1.4.1.Giao diện người sử dụng 15

II.1.4.2.Giao tiếp phần mềm 16

II.1.5.Các chức năng của hệ thống 16

II.1.5.1.Xem chi tiết một sản phẩm 17

II.1.5.2.Đặt mua sản phẩm 17

II.1.5.3.Bình luận sản phẩm 19

II.1.5.4.Tìm kiếm sản phẩm 19

II.1.5.5.Góp ý vào website 20

II.1.5.7.Đăng nhập 22

II.1.5.8.Quản lý tài khoản 22

II.1.5.9.Quản lý sản phẩm 23

II.1.5.10.Quản lý loại sản phẩm 24

II.1.5.11.Quản lý giỏ hàng 25

II.1.5.12.Quản lý khách hàng 25

II.1.5.13.Thống kê 26

II.1.5.14.Quản lý khuyến mãi 27

II.1.5.15.Quản lý bình luận 28

II.1.6.Các yêu cầu phi chức năng 29

II.1.6.1.Các yêu cầu thực thi 29

II.1.6.2.Các yêu cầu bảo mật 29

II.1.6.3.Các đặc điểm của chất lượng phần mềm 29

Trang 6

CHƯƠNG 2: THIẾT KẾ VÀ CÀI ĐẶT GIẢI PHÁP 30

II.2.1.Giới thiệu 30

II.2.2.Mô hình triển khai ứng dụng 31

II.2.2.1.Mô hình hệ thống 31

II.2.2.2.Môi trường vận hành 31

II.2.3.Thiết kế dữ liệu 32

II.2.3.1.Mô tả các lớp 32

II.2.3.2.Mô hình cơ sở dữ liệu 34

II.2.3.3.Từ điển dữ liệu 34

II.2.4.Thiết kê theo chức năng 38

II.2.4.1.Xem chi tiết một sản phẩm 38

II.2.4.2.Đặt mua sản phẩm 40

II.2.4.3.Bình luận sản phẩm 46

II.2.4.4.Tìm kiếm sản phẩm 47

II.2.4.5.Góp ý 49

II.2.4.6.Đăng ký 50

II.2.4.7.Đăng nhập 52

II.2.4.8.QL tài khoản 53

II.2.4.9.QL Sản phẩm 57

II.2.4.10.QL Loại Sản phẩm 59

II.2.4.11.QL giỏ hàng 61

II.2.4.12.QL khách hàng 62

II.2.4.13 QL khuyến mãi 63

II.2.4.14 QL bình luận 65

II.2.4.15 Thống kê 67

CHƯƠNG 3: KIỂM THỬ VÀ ĐÁNH GIÁ 75

II.3.1.Giới thiệu 75

Trang 7

II.3.2.Môi trường kiểm thử 75

II.3.3.Danh sách các TESTCASE 75

II.3.4.Một số TESTCASE chọn lọc 76

II.3.4.1.Xem chi tiết một sản phẩm(TC01) 76

II.3.4.2.Đặt mua sản phẩm(TC02) 76

II.3.4.3.Bình luận sản phẩm (TC03) 77

II.3.4.4.Tìm kiếm sản phẩm (TC04) 78

II.3.4.5.QL Sản phẩm (TC05) 79

II.3.4.6.QL Khuyến mãi (TC06) 80

II.3.4.7.QL giỏ hàng (TC07) 82

II.3.4.8.QL Bình luận (TC08) 82

II.3.4.9.Thống kê (TC09) 83

II.3.5.Kết quả kiểm thử 85

II.3.5.1.Chi tiết kết quả đã kiểm thử 85

II.3.5.2.Thống kê kết quả kiểm thử 87

PHẦN III: PHẦN KẾT LUẬN 88

III.1.1 Kết quả đạt được 88

III.1.1.1.Về lý thuyết 88

III.1.1.2.Về phần mềm 88

III.2.1.Hạn chế khó khăn 89

III.3.1.Hướng phát triển 89

TÀI LIỆU THAM KHẢO 90

PHỤ LỤC 91

Trang 8

DANH MỤC HÌNH

Hình II.1.Sơ đồ chức năng quản trị 10

Hình II.2.Sơ đồ QL tài khoản 11

Hình II.4.Sơ đồ QL sản phẩm 11

Hình II.5.Sơ đồ QL bình luận 12

Hình II.6.Sơ đồ QL khuyến mãi 12

Hình II.7.Sơ đồ QL khách hàng 12

Hình II.8.Sơ đồ QL giỏ hàng 13

Hình II.9.Góp ý 13

Hình II.10.Thống kê 13

Hình II.11.Sơ đồ phân rã chức năng của khách hàng 14

Hình II.12 Mô hình triển khai ứng dụng 31

Hình II.13 Mô hình CMD 34

Hình II.14 Xem chi tiết một sản phẩm 39

Hình II.15 Đặt mua sản phẩm 41

Hình II.16 Giỏ hàng 42

Hình II.17 Form thanh toán 43

Hình II.18 Lưu đồ quy trình đặt mua sản phẩm 45

Hình II.19.Giao diện bình luận 46

Hình II.20.Giao diện tìm kiếm 47

Hình II.21.Giao diện kết quả tìm kiếm 48

Hình II.22.Giao diện góp ý 49

Hình II.23.Giao diện đăng ký 51

Hình II.24.Giao diện đăng nhập 52

Hình II.25.Giao diện QL tài khoản 54

Hình II.26.Giao diện QL tài khoản 54

Hình II.27.Lưu đồ thao tác cập nhật 56

Hình II.28.Giao diện QL sản phẩm 57

Hình II.29.Giao diện QL loại sản phẩm 59

Hình II.30.Giao diện QL loại sản phẩm 60

Hình II.31.Giao diện QL giỏ hàng 61

Hình II.32.Giao diện QL khách hàng 62

Hình II.33.Giao diện QL khuyến mãi 63

Hình II.34.Giao diện QL khuyến mãi 64

Hình II.35.Giao diện QL bình luận 66

Hình II.36.Giao diện thống kê ngày 68

Hình II.37.Biểu đồ thống kê ngày 69

Hình II.38.Giao diện thống kê tháng 71

Hình II.39.Biểu đồ thống kê tháng 71

Hình II.40.Giao diện thống kê năm 72

Hình II.41.Biểu đồ thống kê năm 73

Trang 9

TÓM TẮT

Công nghệ thông tin phát triển ngày càng đổi mới không ngừng bằng việc chinh phục hết đỉnh cao này tới đỉnh cao khác.Cùng với tốc độ đó thì việc bán hàng online ngày càng phổ biến trong số đó bán quà tặng, đồ lưu niệm online hiện nay rất phát triển mạnh.Nắm bắt được tình hình đó, đề tài “Website bán quà tặng, đồ lưu niệm“ được xây dựng như là một hệ thống quản lý nhằm mang lại tính thuận tiện cho khách hàng muốn mua quà tặng, đồ lưu niệm, những sản phẩm thật phù hợp với yêu cầu của khách hàng

Website được xây dựng trên nền HTML5 và CSS3 nhằm mục giúp khách hàng

có một giao diện thu hút và bắt mắt hơn với các ứng dụng của CSS3 và tiện lợi hơn trong việc xem hình ảnh của sản phẩm sắc nét ứng dụng HTML5 đặc biệt là xu hướng mới thiết kế phẳng (flat design).Thiết kế phẳng (flat design) được coi là một triết lý thiết kế theo chủ nghĩa tối giản, tức mọi thành phần đồ họa được làm cho đơn giản nhất với những đặc tính như màu sắc rõ ràng, góc cạnh, không gian mở và tất cả được thể hiện dạng hai chiều Hệ thống cung cấp các chức năng hướng theo 2 nhóm người dùng như sau: Nhóm người dùng đầu tiên và quan trọng nhất đó là khách hàng Khách hàng có thể xem thông tin của sản phẩm và thông tin chi tiết từng sản phẩm mà khách hàng quan tâm, đặt mua sản phẩm trực tuyến và có thể bình luận sản phẩm để hiểu rõ hơn về sản phẩm Nhóm thứ hai là quản trị hệ thống

có quyền xem thông tin của người đặt hàng, thêm sửa xóa sản phẩm và quản lý bình luận Website được xây dựng với hệ quản trị cơ sở dữ liệu SQL Server 2008, các công nghệ web như: JavaScript, ASP.NET, HTML5 và CSS3, BootStrap

Kết quả, đề tài đã hoàn thành được việc đưa các tính năng mới trong HTML5

và CSS3 vào website, hoàn thành việc phân tích và thiết kế chức năng cho 2 nhóm người dùng và xây dựng tương đối hoàn chỉnh quy trình đặt hàng online trên website

Trang 10

The website is built upon HTML5 and CSS3, which provide customers with the attractive interface of CSS3 and the convenience to see the real picture of

HTML5, especially flat design.Flat design is considered a design philosophy in minimalist, which means all of graphical elements are made as simple as possible with clear and angled colors, opened space and in two dimensions The system mainly intends to two following groups of users The first and most important one is customers They can view the detailed information of products that they are

interested, order products online and even comment to understand more about the products The second group is the system administrators who have the right to see the information of the order, add, repair or delete products, manage comments The website is built on the database management system SQL Server 2008, the web technologies such as JavaScript, ASP.NET, HTML5 and CSS3, Bootstrap The results of the research has accomplished bringing the applications of HTML5 and CSS3 into the website, analyzing and designing functions for two groups of users, and building a relatively complete online order process on website

Trang 11

DANH MỤC CÁC TỪ VIẾT TẮT HTML5 : HyperText Markup Language phiên bản 5

CSS3: Cascading Style Sheet phiên bản 3

CSDL: Cơ sở dữ liệu

QL: Quản lý

Trang 12

I.PHẦN GIỚI THIỆU I.1 Đặt vấn đề

Xã hội ngày càng phát triển, thu nhập ngày càng tăng cao thì con người có xu hướng chăm sóc những người thân yêu của mình về mặt tinh thần ngày càng nhiều hơn Cha mẹ muốn thưởng quà cho con cái, bạn bè muốn mang đến niềm vui cho nhau, đôi lứa muốn tạo bất ngờ cho người yêu của mình bằng những món quà độc đáo, đẹp mắt

Tất cả tạo nên nhiều thuận lợi cho việc kinh doanh quà lưu niệm Lợi nhuận cao, số vốn đầu tư lại không phải là quá lớn nên mở shop kinh doanh quà lưu niệm đang là một hướng đi được khá nhiều người lựa chọn để khởi nghiệp

Lĩnh vực này được đánh giá cao, rất có tiềm năng bởi đối tượng khách hàng khá đa dạng Tuy nhiên ngày nay còn nhiều mặt hàng tràn lan không biết phải tìm kiếm, mua như thế nào cho phù hợp giá cả, những mặt hàng uy tín, những thông tin cần thiết cho khách hàng Điều trên hết là tiết kiệm thời gian phải đi trực tiếp tới shop để lựa chọn thay vì ngồi ở nhà chúng ta cũng có thể lựa chọn những món quà ưng ý Nên việc thiết kế “Website bán quà tặng, đồ lưu niệm” trở nên quan trọng Ngày nay cũng đã có rất nhiều website bán quà lưu niệm online nhưng làm thế nào để nó đẹp và dễ sử dụng là một vấn đề đang được chú trọng

Vì vậy, "Xây dựng website bán quà tặng, đồ lưu niệm dùng HTML5 và CSS3" theo hướng thiết kế phẳng là một đề tài đáng được quan tâm

I.2 Lịch sử giải quyết vấn đề

Việc quản lý bán hàng online thông qua các website hiện nay đã được phát triển mạnh mẽ ở Việt Nam cũng như khắp thế giới Và " Website bán quà tặng, đồ lưu niệm" là một trong những hình thức nêu trên

Một số website về bán quà lưu niệm như:

- Cửa hàng quà lưu niệm Chip Chip: http://www.chipchipshop.com

- CandyShop88: http://www.candyshop88.com

- PanDaGift: http://www.pandagift.com

Tuy nhiên, việc sử dụng công nghệ HTML5 và CSS3 và xu hướng thiết kế phẳng vào thiết kế website thì vẫn còn là một điều mới mẻ và cần được phát triển thêm

I.3 Mục tiêu của đề tài

Xây dựng một "Website bán quà tặng, đồ lưu niệm" với đầy đủ chức năng cơ bản cần thiết cho người sử dụng như: Cho khách hàng đặt mua sản phẩm bình luận

ở từng sản phẩm, quản trị quản lý nhiều chức năng như: quản lý sản phẩm, quản lý loại sản phẩm, quản lý giỏ hàng, quản lý khuyến mãi…

Xây dựng Website trên nền tảng HTML5 và CSS3 và xu hướng thiết kế phẳng (flat design), làm cho diện web trở nên đẹp hơn và thích ứng

Trang 13

I.4 Phạm vi của đề tài

Gồm có 2 nhóm đối tượng sử dụng hệ thống gồm: quản trị, khách hàng Các yêu cầu chi tiết về từng đối tượng người dùng được trình bày như sau:

I.4.1 Khách hàng

I.4.1.1 Xem chi tiết một sản phẩm

Trong khi xem sản phẩm nếu bạn thích vào sản phẩm nào đó khách hàng có thể chọn vào sản phẩm đó để vào xem chi tiết thông tin của sản phẩm Khi chọn vào xem chi tiết sản phẩm khách hàng có thể thông tin: tên sản phẩm, giá , số lượng còn, loại sản phẩm, nội dung khuyến mãi, của sản phẩm mà khách hàng đang xem

I.4.1.5 Góp ý vào website

Khách hàng có thể đóng góp ý kiến của mình về website trên menu góp ý

I.4.2.2 Quản lý loại sản phẩm

Xem chi tiết từng loại sản phẩm có thể thực hiện các chức năng sau:

- Thêm loại sản phẩm

- Sửa loại sản phẩm

Trang 14

I.4.2.3 Thống kê

Xem thống kê số lượng số lượng và doanh thu sản phẩm bán ra trong một ngày, một tháng, một năm

I.4.2.4 Quản lý khách hàng

Quản trị có thể xem thông tin khách hàng để biết chi tiết về địa chỉ, số

điện thoại của khách hàng

I.4.2.5 Quản lý bình luận

Xem thông tin phản hồi từ khách hàng về một sản phẩm và xác nhận từng phản hồi đó

Xóa phản hồi từ phía khách hàng

I.4.2.6 Quản lý giỏ hàng

Quản trị có thể xóa giỏ hàng trong mục xóa giỏ hàng và duyệt giỏ hàng

I.4.2.7 Quản lý tài khoản

Quản trị có thể thực hiện chức năng sau:

- Thêm tài khoản

- Sửa tài khoản

I.4.2.8 Quản lý khuyến mãi

Quản trị có thể thực hiện chức năng sau

- Thêm khuyến mãi

- Sửa khuyến mãi

I.5 Nội dung nghiên cứu

 Phương pháp thu thập thông tin:

- Thu thập thông tin trên Internet

- Liên hệ trực tiếp và thường xuyên trao đổi, tham khảo ý kiến với giáo viên hướng dẫn

 Về lý thuyết:

- Nắm vững các phương pháp tổ chức, phân tích và thiết kế cơ sở dữ liệu

- Quy trình sản xuất phần mềm: thu thập yêu cầu, mô tả vấn đề, đặc tả yêu cầu, thiết kế và kiểm thử phần mềm

- Ngôn ngữ lập trình mới: HTML5, CSS3, ASP.NET giao tiếp với VB

- Các Framework: Bootstrap, Jquery,

 Về kỹ thuật:

- Dùng công cụ Power Designer 16 để phân tích và thiết kế các mô hình

- Dùng hệ quản trị cơ sở dữ liệu SQL Server 2008 để tạo và quản lý cơ sở

dữ liệu

- Ngôn ngữ lập trình: HTML5, CSS3, ASP.NET,

- Công cụ lập trình:Visual Studio 2012

Trang 15

- Đồ họa: Photoshop, Paint

I.6 Đóng góp của đề tài

- Cho quản trị quản lý được các sản phẩm, các đơn hàng (giỏ hàng), bình luận

từ phía khách hàng,quản lý loại sản phẩm, thống kê, quản lý khách hàng,quản lý tài khoản, …

- Thiết kế giao diện web theo hướng thiết kế phẳng(flat design)

- Sử dung công nghệ mới HTML5 và CSS3 với các hiệu ứng đẹp và bắt mắt

và đơn giản

I.7 Bố cục quyển luận văn

Nội dung quyển luận văn gồm các phần và các chương sau:

 PHẦN I: PHẦN GIỚI THIỆU

Phần này trình bày sơ lược về các lý do, yêu cầu của đề tài cùng biện pháp, phương hướng giải quyết các yêu cầu đặt ra Và cuối cùng là phần giới thiệu tổng quan nội dung từng chương trong quyển luận này

 PHẦN II: PHẦN NỘI DUNG

Phần này đi vào phần đặc tả chức năng hệ thống, các sơ đồ giúp xây dựng

hệ thống, cấu trúc dữ liệu vật lý, sơ đồ chức năng của chương trình và lưu đồ giải thuật cho một số xử lý phức tạp

Gồm có 3 chương:

 Chương 1: MÔ TẢ BÀI TOÁN

- Mô tả chi tiết bài toán: Giúp người đọc hiểu rõ các chức năng

đề tài

- Phân tích đánh giá

- Tiếp cận giải quyết vấn đề, chọn lựa giải pháp

 Chương 2: THIẾT KẾ VÀ CÀI ĐẶT GIẢI PHÁP

- Bao gồm thiết kế kiến trúc tổng thể của hệ thống, giải thích chức năng của từng thành phần trong hệ thống, các giải thuật

xử lý của hệ thống hoặc của một thành phần hệ thống, thiết kế

cơ sở dữ liệu, …

Trang 16

- Mô tả cách thức cài đặt thiết kế

 Chương 3: KIỂM THỬ VÀ ĐÁNH GIÁ

- Mô tả mục tiêu kiểm thử

- Kịch bản kiểm thử

- Kết quả kiểm thử

 PHẦN III: PHẦN KẾT LUẬN

+ Kết quả đạt được + Hướng phát triển

- Tài liệu tham khảo

- Phụ lục: Hướng dẫn cài đặt, sử dụng chương trình/giải pháp

Trang 17

II.PHẦN NỘI DUNG

Phần này trình bày phần mô tả hệ thống, các sơ đồ dùng để xây dựng cơ sở dữ liệu, sơ đồ chức năng của hệ thống và lưu đồ giải thuật cho các xử lý phức tạp Với các chương sau đây:

 CHƯƠNG 1: MÔ TẢ BÀI TOÁN

 CHƯƠNG 2: THIẾT KẾ VÀ CÀI ĐẶT GIẢI PHÁP

 CHƯƠNG 3: KIỂM THỬ VÀ ĐÁNH GIÁ

CHƯƠNG 1: MÔ TẢ BÀI TOÁN II.1.1.Giới thiệu sơ lược về mô tả bài toán

Hệ thống gồm 2 nhóm người dùng chính: quản trị và khách hàng

Một cửa hàng chuyên bán quà tặng, lưu niệm muốn mở rộng thị trường mua bán thông qua một website bán hàng online việc đầu tiên là phải quản lý những sản phẩm trong cửa hàng và trình bày những sản phẩm một cách đẹp, bắt mắt và chi tiết từng sản phẩm đê khách hàng hiểu rõ thông tin của sản phẩm Để quản lý được sản phẩm không nhằm lẫn cần gán cho mỗi sản phẫm một mã sản phẩm duy nhất Ngoài mã sản phẩm cần có tên sản phẩm, giá, số lượng, hình ảnh, mô tả của sản phẩm, trạng thái

- Tên sản phẩm: là tên của sản phẩm có sẵn

- Mã sản phẩm: mã tự tăng của một sản phẩm

- Giá : là giá tiền bán ra của sản phẩm

- Số lượng: số lượng của sản phẩm mà một mã sản phẩm đang có trong

cửa hàng

- Hình ảnh: là hình ảnh đại diện cho sản phẩm đó

- Mô tả: là phần giới thiệu sơ lược về sản phẩm

- Trạng thái: trạng thái của sản phẩm

Để thuận lợi cho việc quản lý của cửa hàng thì ta phân chia sản phẩm ra làm nhiều loại khác nhau Mỗi loại sản phẩm có một mã sản phẩm để tránh trùng lập và tương ứng với mã loại sản phẩm là tên sản phẩm Mỗi loại sản phẩm thì sẽ có nhiều loại sản phẩm khác nhau

- Mã loại sản phẩm: được gán mỗi loại là duy nhất, tự tăng

- Tên loại: do quản trị tạo

Ở mỗi lĩnh vực kinh doanh khác nhau đều có những đặc điểm riêng nhưng cho

dù kinh doanh cái gì thì khách hàng luôn là quan trọng nhất Hệ thống sẽ quản lý khách hàng thông qua website Sau khi đã xem chi tiết sản phẩm nếu khách hàng ưng ý với sản phẩm đó thì chọn nút đặt mua sản phẩm sẽ được cho vào giỏ hàng Nếu muốn thanh toán sản phẩm thì chọn nút thanh toán sẽ hiện lên những thông tin

Trang 18

cơ bản để khách hàng điền vào đó và click nút xác nhận Nội dung trong form thanh toán gồm có họ tên khách hàng, giới tính, số điện thoại, ngày đặt hàng, địa chỉ và cuối cùng là mã xác nhận

- Tên khách hàng: là tên của khách khi đặt hàng

- Giới tính: giới tính của khách hàng

- Số điện thoại: số điện thoại của khách hàng dùng để liên lạc khi giao

hàng

- Địa chỉ: địa chỉ của khách hàng để giao hàng

- Ngày đặt hàng: là ngày hiện hành mà bạn đặt hàng

- Mã xác nhận: là mã Captcha mà bạn phải xác nhận khi đặt hàng

- Hình thức thanh toán: cách thanh toán tiền khi mua sản phẩm

Bên cạnh những mặt hàng mới, thì đi kèm với nó là thông tin khuyến mãi Mỗi sản phẩm khuyến mãi được gán cho một mã số khuyến mãi duy nhất: gồm có nội dung, ngày bắt đầu, ngày kết thúc khuyến mãi

- Nội dung: là nội dung khuyến mãi

- Ngày bắt đầu: là ngày bắt đầu khuyến mãi

- Ngày kết thúc: là ngày kết thúc khuyến mãi

Về việc mua sản phẩm thì sau khi khách hàng đã xem chi tiết sản phẩm thấy thích và muốn mua sản phẩm thì khách hàng phải tiến hành đặt hàng Sau khi nhập các thông tin yêu cầu trong quá trình đặt hàng thì đơn đặt hàng sẽ được thành lập Mỗi giỏ hàng thì có đầy đủ thông tin về: mã sản phẩm, tên sản phẩm, hình ảnh của sản phẩm, số lượng mua, giá, thành tiền, tổng tiền

- Mã sản phẩm: là mã sản phẩm mà khách hàng đặc mua

- Tên sản phẩm:là tên của sản phầm được đặt mua

- Hình ảnh: hình đại diện cho sản phẩm đó

- Số lượng mua :là số lượng sản phẩm mà khách hàng mua cho từng sản

phẩm

- Giá: là giá tiền từng sản phẩm

- Thành tiền: là giá tiền nhân với số lượng

- Tổng tiền: là tổng số tiền trong giỏ hàng

Trong khi mua hàng hoặc sau khi mua hàng khách hàng có những thắc mắc gì

về sản phẩm mà bạn quan tâm thì bạn có thể gửi bình luận ngay bên dưới sản phẩm

đó để hỏi những thắc mắc của mình Khách hàng phải đăng nhập để thực hiện chức năng này

Trong bình luận gồm có tên người bình luận, nội dung bình luận (nội dung bình luận bạn có thể đinh dạng như word và có thể chèn hình bằng URL hay icon có sẵn ), trạng thái, ngày bình luận

Trang 19

- Tên người bình luận: tên tài khoản người bình luận

- Nội dung bình luận: là nội dung mà khách hàng muốn hỏi

- Trạng thái: dùng để quản trị xem duyệt bình luận

- Ngày: ngày bình luận

Sau khi bình luận, để nội dung bình luận hiển thị lên website thì cần phải được nhà quản trị duyệt bình luận xong mới được hiển thị Nếu bình luận không được duyệt thì sẽ không được hiển thị lên website mà sẽ bị quản trị xóa

Bên cạnh bình luận có phần góp ý cho website khách hàng có thể góp ý trực tiếp vào website mà không cần đăng nhập, để website ngày càng hoàn thiện hơn về chức năng cũng như thái độ phục vụ , giao dịch với khách hàng Trong mục góp ý gồm có họ tên, địa chỉ , số điện thoại, email, nội dung, mã xác nhận

- Họ tên: là họ tên khách hàng góp ý

- Địa chỉ: địa chị của khách hàng

- Số điện thoại: số điện thoại của khách hàng

- Email: hợp thư điện tử của khách hàng

- Nội dung: là phần nội dung mà khách hàng muốn góp ý vào website

- Mã xác nhận: là mã bằng chữ cái và chữ số mà khách hàng phải xác nhận

trước khi gửi góp ý

Để vào bình luận sản phẩm bạn cần phải đăng ký một tài khoản nội dung đăng

ký gồm có: mã tài khoản, tên tài khoản, mật khẩu, trạng thái

- Mã tài khoản: là mã tự cấp với mã số duy nhất

- Tên tài khoản: tên người dùng tự đặt

- Email: hợp thư điện tử của bạn

- Địa chỉ: địa chỉ của bạn

- Mật khẩu : là mật khẩu để đăng nhập vào hệ thống

- Nhập lại mật khẩu: xác nhận lại mật khẩu

- Mã captcha: mã xác nhận để đăng ký tài khoản

- Trạng thái: là quyền của tài khoản, mặc định khi đăng ký là quyền số 2 là

Trang 20

phần thanh toán.Sau đó quản trị vào xem sẽ duyệt giỏ hàng của bạn nếu duyệt xong số lượng sản phẩm trong CSDL sẽ giảm xuống

- Kiểm thử viên: là tài liệu kiểm thử chấp nhận đối với khách hàng

- Nhóm đảm bảo chất lượng: đánh giá chất lượng của website

- Khách hàng: mô tả chức năng và phi chức năng website

II.1.2.2.Phạm vi sản phẩm

- Tên website: Xây dựng website bán quà tặng, đồ lưu niệm dùng HTML5 và CSS3

- Thiết kế theo hướng thiết kế phẳng (Flat design)

- Phạm vi ứng dụng của website là môt cửa hàng bán quà tặng, đồ lưu niệm cho gia đình

- Mục đích chủ yếu là cho khách hàng tham quan, tìm kiếm, mua sắm những sản phẩm phù hợp với yêu cầu của khách hàng Cho quản lý dễ dàng quản lý cửa hàng một cách thuận tiện nhất

II.1.3.Mô tả hệ thống

II.1.3.1.Mô hình hệ thống

- Website là một phần mềm ứng dụng trong hệ thống Hoạt động song song với các phần mềm khác Hỗ trợ việc quản lý bán hàng của một cửa hàng bán quà lưu niệm

Trang 21

II.1.3.2.Các chức năng của sản phẩm

 Quản trị

Hình II.1.Sơ đồ chức năng quản trị

 Xem danh các tài khoản

 Thêm tài khoản

 Sửa tài khoản

 Xem danh sách loại sản phẩm

 Thêm loại sản phẩm

 Sửa thông loại tin sản phẩm

 Duyệt bình luận

 Xóa bình luận

 Xem các loại khuyến mãi

 Thêm khuyến mãi

 Sửa thông tin khuyến mãi

Trang 22

Sơ đồ phân rã từng chức năng

Hình II.2.Sơ đồ QL tài khoản

Xóa sản phẩm

QL tài khoản

Trang 23

QL bình luận

Thêm khuyến

mãi

Sửa Khuyến mãi

QL khuyến mãi

Xem thông tin khách hàng

QL khách hàng

Trang 24

Xóa giỏ hàng

1 tháng

TK số lượng sản phẩm bán ra trong 1 năm

Thống kê

Trang 25

 Khách hàng

Hình II.11.Sơ đồ phân rã chức năng của khách hàng

Các chức năng khách:

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

- Đăng nhập nếu muốn bình luận sản phẩm nào đó

II.1.3.3.Đặt điểm người sử dụng

Có hai nhóm người sử dụng website

Bình luận sản phẩm

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

Gởi góp ý

 Tìm kiếm nhanh theo tên sản phẩm

 Bình luận sản phẩm mà mình quan tâm ngay bên dưới

-

 Có thể gởi góp ý về website nếu bạn muốn

 Chọn số lượng

 Đặt mua sản phẩm mình ưng ý

 Điền thông tin vào form thanh toán

Trang 26

II 1.3.4.2.Yêu cầu phần mềm

Máy phải cài hệ điều hành Windows XP , Windows 7 hoặc cao hơn

Cơ sở dữ liệu SQL Server 2008

Công cụ : Visual Studio 2012

Trình duyệt: Mozilla Firefox, GoogleChrome, Co-Rom+…

II.1.3.5.Các ràng buộc thực thi

II.1.4.Các yêu cầu thực thi

II.1.4.1.Giao diện người sử dụng

- Giao diện thân thiện, nhất quán, phù hợp với mục đích sử dụng

- Trình bày trang nhã, chuyên nghiệp

- Nội dung hiển thị chủ yếu: hình ảnh minh họa nội dung

- Hệ thống menu tối ưu làm giảm các thao tác thực hiện một tác vụ

- Ngôn ngữ tiếng việt

- Các tác vụ thêm, xóa, sửa phải có thông báo cho người dùng

- Thiết kế phẳng theo hướng (Flat Design ) đẹp mắt

Trang 27

II.1.4.2.Giao tiếp phần mềm

- Sử dụng hệ quản trị cơ sở dữ liệu SQL Server 2008 giao tiếp với CSDL thông qua các câu truy vấn SQL để thực hiện các thao tác cần thiết

- Được thiết kế trên Windows7, sử dụng trình duyệt Mozilla Firefox 26

và Google Chrome…

- Công cụ là Visual Studio 2012

II.1.5.Các chức năng của hệ thống

Danh sách các yêu cầu chức năng Khách hàng

1 Xem chi tiết một sản phẩm

Trang 28

II.1.5.1.Xem chi tiết một sản phẩm

II.1.5.1.1.Mô tả và mức ưu tiên

Độ ưu tiên: trung bình Độ khó: trung bình

Mô tả: Xem thông tin chi tiết của từng sản phẩm

II.1.5.1.2.Tác nhân/chuỗi đáp ứng

Mã yêu cầu: R01

Tên yêu cầu: Xem chi tiết một sản phẩm được chọn

Đối tượng sử dụng: Khách hàng

Tiền điều kiện:

1: Truy cập vào website

2: Chọn sản phầm cần xem chi tiết

II.1.5.2.1.Mô tả và mức độ ưu tiên

Mô tả:Đặt mua sản phẩm

Trang 29

Tên yêu cầu: Đặt mua sản phẩm

2: Khách hàng thực hiện chức năng chức năng R01

2: Trong giỏ hàng có 2 button chức năng sau:

Nếu khách hàng muốn tiếp tục mua hàng click button tiếp tục mua hệ thống sẽ quay về với trang chủ để khách hàng tiếp tục chọn sản phẩm để mua tiếp

Nếu muốn kết thúc quá trình đặt hàng nhấn button thanh toán hệ thống sẽ hiện lên form thanh toán yêu cầu khách hàng phải điền đầy đủ thông tin sau:

4:Hiển thị thông báo

Kết quả: Thông báo thành công nếu đặt hàng thành công, thất bại nếu thất bại Ghi chú: Chọn số lượng ở phần chức năng R01 và điền đầy đủ thông tin của

người mua

Trang 30

II.1.5.3.Bình luận sản phẩm

II.1.5.3.1.Mô tả và mức độ ưu tiên

Mô tả: hiển thị khung bình luận

II.1.5.3.2 Tác nhân/chuỗi đáp ứng

Tên yêu cầu: Bình luận sản phẩm

- Mặc định lấy tên đăng nhập là tên người bình luận

- Nhập nội dung bình luận

3: Click button bình luận

4: Bình luận không hiển thi ngay mà phải được quản trị duyệt thì bình luận mới được hiển thị

Kết quả: Bình luận sẽ được hiển thị nếu được duyệt ngược lại không được duyệt

sẽ không hiển thị

Ghi chú: Bắt buột phải đăng nhập ở chức năng (R07) để thực hiện chức năng

này

II.1.5.4.Tìm kiếm sản phẩm

II.1.5.4.1 Mô tả và mức độ ưu tiên

Mô tả: hiển thị kết quả tìm kiếm

Trang 31

Tên yêu cầu: Tìm kiếm sản phẩm

2: Ghi nội dung và ô tìm kiếm

II.1.5.5.Góp ý vào website

Mô tả: Đóng góp ý kiến vào website

Tên yêu cầu: Góp ý

2: Chọn menu góp ý

Cách xử lý:

1: Sau khi chọn menu góp ý

2: Điền đầy đủ thông tin sau vào form

- Họ tên

- Địa chỉ

- Số điện thoại

- Email

Trang 32

- Nội dung

- Mã captcha

3: Click vào button góp ý

Kết quả: Góp ý sẽ được lưu vào CSDL và sẽ được quản trị xem đóng góp ý

kiến của khách hàng để cải thiện website

Ghi chú:

II.1.5.6.Đăng ký

Mô tả: Đăng ký thành viên

Tên yêu cầu: Đăng ký

2: Chọn menu đăng ký

Cách xử lý:

1: Sau khi chọn menu đăng ký

2: Điền đầy đủ thông tin sau vào form

- Tên tài khoản

3: Click vào button tạo tài khoản

4:Thông báo kết quả

Kết quả: Nếu thành công thông báo thành công tài khoản sẽ được lưu vào

CSDL ngược lại nếu thất bại sẽ thông báo chỗ sai khi đăng ký và không được lưu vào CSDL

Trang 33

Ghi chú:

II.1.5.7.Đăng nhập

Mô tả: Đăng nhập vào website

Tên yêu cầu: Đăng nhập

2: Thực hiện chức năng R06

3:Chọn menu đăng nhập

Cách xử lý:

1: Sau khi chọn menu đăng nhập

2: Nhập tên tài khoản và mật khẩu vào form

3: Click vào button đăng nhập

Kết quả: Đăng nhập thành công hoặc thất bại Nếu tài khoản với quyền là

Admin thì sẽ vào trang quản trị còn với quyền là User thì vào trang chủ website không thể vào trang quản trị được

Ghi chú: Bắt buộc phải thực hiện chức năng R06

II.1.5.8.Quản lý tài khoản

Mô tả: Quản lý tài khoản

Tên yêu cầu: Quản lý tài khoản

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

Trang 34

2: Đăng nhập với quyền Admin

Cách xử lý:

1: Sau khi chọn menu đăng nhập với quyền Admin

2: Tiếp theo chọn mục quản lý tài khoản

3: Trong mục gồm có 2 chức năng chính: thêm , sửa tài khoản

- Khi muốn thêm tài khoản: chọn button thêm sau đó điền đầy đủ thông tin (mã tài khoản (tự tăng), tên tài khoản, mật khẩu, quyền) vào form và sau

đó nhấn button lưu

- Khi muốn sửa: Chọn button sửa, chỉnh sửa lại thông tin mà bạn cần sửa

có thể là (tên tài khoản, mật khẩu, quyền) sau đó nhấn button lưu

Kết quả: Thông báo thành công hoặc thất bại tương ứng với các thao tác thêm,

sửa tài khoản

Ghi chú: Bắt buộc phải thực hiện chức năng R06 với quyền Admin

II.1.5.9.Quản lý sản phẩm

Mô tả: Quản lý sản phẩm

Tên yêu cầu: Quản lý sản phẩm

Cách xử lý:

2: Tiếp theo chọn mục quản lý sản phẩm

3: Trong mục gồm có 3 chức năng chính: thêm , sửa, xóa sản phẩm

- Khi muốn thêm sản phẩm: chọn button thêm sau đó điền đầy đủ thông tin vào form (gồm có mã sản phẩm (tự tăng), Tên khuyến mãi, tên loại, tên sản phẩm, hình ảnh, mô tả sản phẩm, ngày cập nhật, trạng thái , số lượng sản phẩm và nhấn button lưu

- Khi muốn sửa thông tin sản phẩm: Chọn button sửa, chọn sản phẩm cần

Trang 35

sửa sau đó chỉnh sửa lại thông tin của sản phẩm có thể chỉnh sửa những thông tin sau (tên khuyến mãi, tên loại, tên sản phẩm, hình ảnh, mô tả sản phẩm, ngày cập nhật, trạng thái , số lượng sản phẩm) sau đó nhấn button lưu

- Khi muốn xóa:Chọn sản phẩm cần xóa sau đó nhấn button xóa

Kết quả: Thông báo thành công hoặc thất bại tương ứng với các thao tác thêm

sửa xóa sản phẩm

II.1.5.10.Quản lý loại sản phẩm

Mô tả: thêm sửa loại sản phẩm

Tên yêu cầu: Quản lý loại sản phẩm

Cách xử lý:

2: Tiếp theo chọn mục quản lý loại sản phẩm

3: Trong mục gồm có 2 chức năng chính: thêm, sửa loại sản phẩm

- Khi muốn thêm loại sản phẩm: chọn button thêm sau đó điền đầy đủ

thông tin vào form (mã loại (tự tăng), tên loại sản phẩm) và sau đó nhấn button lưu

- Khi muốn sửa thông tin loại sản phẩm: Chọn button sửa, chọn loại sản phẩm cần sửa và chỉnh sửa lại thông tin của loại sản phẩm (tên loại sản phẩm) sau đó nhấn button lưu

sửa loại sản phẩm

Trang 36

II.1.5.11.Quản lý giỏ hàng

Mô tả: Duyệt và xóa giỏ hàng

Tên yêu cầu: Quản lý giỏ hàng

Cách xử lý:

2: Tiếp theo chọn mục quản lý giỏ hàng

3: Trong mục gồm có 2 chức năng chính: Duyệt giỏ hàng và xóa giỏ hàng

- Khi muốn duyệt giỏ hàng (tương ứng giỏ hàng là đơn hàng của khách hàng): chọn giỏ hàng nào có trạng thái chưa ‘chưa duyệt’click button

duyệt

- Khi muốn xóa: Chọn giỏ hàng cần xóa click button xóa

Kết quả: Thông báo duyệt thành công trạng thái từ ‘chưa duyệt ’ chuyển qua

trạng thái ‘đã duyệt’

Thông báo xóa thành công nếu thực hiện chức năng xóa

II.1.5.12.Quản lý khách hàng

Mô tả: Xem thông tin khách hàng nếu cần

Tên yêu cầu: Quản lý khách hàng

Trang 37

Cách xử lý:

2: Tiếp theo chọn mục quản lý khách hàng

3:Có thể xem thông tin chi tiết của khách hàng, để có thể giao hàng đúng địa chỉ

Kết quả: Xem được thông tin chi tiết của khách hàng

II.1.5.13.Thống kê

Mô tả: Thống kê số lượng sản phẩm, tổng doanh thu bán ra trong ngày, tháng ,

năm

Tên yêu cầu: Thống kê

Cách xử lý:

2: Tiếp theo chọn mục thống kê

3: Trong mục gồm có 3 phần chính: thống kê theo ngày, theo tháng và theo năm 3.1.Khi muốn thống kê theo ngày

Bước 1: Chọn ngày thống kê trên Calendar ngày mặt định là ngày hiện hành

Bước 2: Click button thống kê theo ngày

- Hiển thị kết quả thống kê theo bảng và biểu nếu trong ngày

Trang 38

có sản phẩm bán ra

- Sau đó nếu bạn muốn xuất file thống kê ra dạng file excel bạn click button Xuất thống kê ngày

3.2 Khi muốn thống kê theo tháng

Bước 1: Chọn tháng thống kê trên DropDownList

Bước 2:Chọn button thống kê tháng

- Hiển thị kết quả thống kê theo bảng và biểu đồ nếu trong tháng có sản phẩm bán ra

- Sau đó nếu bạn muốn xuất file thống kê ra dạng file excel bạn click button Xuất thống kê tháng

3.3 Khi muốn thống kê theo năm

Bước 1: Chọn năm thống kê trên DropDownList

Bước 2:Chọn button thống kê năm

- Hiển thị kết quả thống kê theo bảng và biểu đồ nếu trong năm có sản phẩm bán ra

- Sau đó nếu bạn muốn xuất file thống kê ra dạng file excel bạn click button Xuất thống kê năm

Kết quả: Kết quả sẽ hiển thị nếu trong ngày, trong tháng hoặc trong năm có sản

nếu có sản phẩm bán ra ngược lại không có sẽ không hiển thị

II.1.5.14.Quản lý khuyến mãi

Mô tả: Thêm sửa xóa khuyến mãi

Tên yêu cầu: Quản lý khuyến mãi

Cách xử lý:

Trang 39

2: Tiếp theo chọn mục quản lý khuyến mãi

3: Trong mục gồm có 2 chức năng chính: Thêm khuyến mãi, sửa thông tin

khuyến mãi

- Nếu muốn thêm khuyến mãi chọn button thêm sau đó điền đầy đủ thông tin vào form(Mã khuyến mãi(tự tăng), ngày bắt đầu khuyến mãi, nội dung khuyến mãi, ngày hết hạn khuyến mãi )

- Nếu muốn sửa khuyến mãi, ta chọn button sửa sau đó ta chọn khuyến mãi cần sửa chỉnh để chỉnh sửa thông tin(ngày bắt đầu khuyến mãi, nội dung khuyến mãi, ngày hết hạn khuyến mãi) sau đó nhấn button lưu

sửa khuyến mãi

II.1.5.15.Quản lý bình luận

Mô tả: duyệt và xóa bình luận

Tên yêu cầu: Quản lý bình luận

Cách xử lý:

2: Tiếp theo chọn mục quản lý bình luận

3: Trong mục gồm có 2 chức năng chính: duyệt bình luận và xóa bình luận

- Nếu muốn duyệt bình luận: Xem bình luận nào có trạng thái ‘0’ là chưa duyệt Sau đó chọn bình luận cần duyệt, chọn button duyệt để thực hiện duyệt

- Nếu muốn xóa bình luận, chọn bình luận cần xóa sau đó nhấn button xóa

Trang 40

Kết quả: Thông báo duyệt thành công trạng thái chuyển thành ‘đã duyệt’ và xóa

thành công nếu thực hiện chức năng xóa

II.1.6.Các yêu cầu phi chức năng

II.1.6.1.Các yêu cầu thực thi

- Nếu có lỗi trong quá trình thực thi, hệ thống phải thông báo tức thì Các thông báo phải đưa ra cụ thể chi tiết nhằm giúp cho người sử dụng nắm

rõ được hệ thống đang cần gì

II.1.6.2.Các yêu cầu bảo mật

- Hệ thống hỗ trợ việc xác thực bằng tên tài khoản, mật khẩu đăng nhập

II.1.6.3.Các đặc điểm của chất lượng phần mềm

- Độ tin cậy: Hệ thống cần phải phục vụ liên tục 24/24 Phải có ít hơn 1 giờ (h) đình trệ hệ thống trong 3 tháng Trong 1 tháng không phát sinh quá 1 lỗi

- Khả năng phục hồi: Trong mọi trường hợp xảy ra sự cố (dữ liệu, máy chủ vật lý, máy chủ ứng dụng) thời gian cho phép để hệ thống phục hồi trạng thái hoạt động bình thường là 2 giờ

- Dễ sử dụng: Thời gian trung bình cho phép người sử dụng bình thường (tốt nghiệp trung học phổ thông) có thể học và sử dụng được hệ thống trong vòng 1 giờ

Định dạng
Số trang	102
Dung lượng	1,63 MB