Báo cáo btl thuộc học phần thiết kế phần mềm thiết kế website canifa

Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (4.15 MB, 130 trang )

<span class="text_page_counter">Trang 1</span><div class="page_container" data-page="1">

<b>TRƯỜNG ĐẠI HỌC CÔNG NGHIỆP HÀ NỘIKHOA CÔNG NGHỆ THÔNG TIN</b>

</div><span class="text_page_counter">Trang 2</span><div class="page_container" data-page="2">

PAGE

<b>LỜI MỞ ĐẦU</b>

Ngày nay, với sự phát triển như vũ bão của khoa học kỹ thuật đã giúp nền kinh tế của quốc gia trên toàn thế giới phát triển mạnh. Và khi nói đến sự thành cơng đó ta khơng thể khơng kể đến đóng góp ngành Cơng Nghệ Thông Tin. Sự phát triển của Công nghệ thông tin đã len lỏi vào khe hở của cuộc sống hằng ngày để tạo nên sự tiện lợi cho mọi người. Trong thời đại ngày nay, cuộc sống của con người đã cải thiện rất đáng kể so với thập kỷ trước. Mọi nhu cầu con người đều được nâng cao từ nhu cầu thiết thực nhất là: ăn, uống, giải trí…Từ xưa đến nay, mọi hoạt động về kinh tế- văn hố- xã hội đều nhằm mục đích phục vụ đời sống, sức khoẻ, tinh thần cho con người. Xã hội ngày càng phát triển thì mục đích đó ngày càng thiết thực hơn.

Sự kết hợp giữa máy tính và môi trường giao tiếp tốt hiện nay đã trở thành một tiêu chuẩn mà để tạo ra một sản phẩm phần mềm ứng dụng. Những hình thức mua bán bình thường hiện nay như việc thanh toán hoá đơn bằng tiền mặt, các bộ phận quản lý không thể cập nhập thơng tin về hàng hố mất thời gian trong việc mua bán…Và hình thức tốt nhất để con người có thể tiết kiệm thời gian mua bán và quản lý tốt được mọi cơng việc một cách nhanh chóng và chính xác, là các sản phẩm phần mềm ứng dụng.

Xuất phát từ nhu cầu thực tế hiện nay, qua quá trình tìm hiểu nhu cầu thực tế, được sự đồng ý của giảng viên hướng dẫn khoa Công nghệ thông tin trường

<i>Đại học công nghiệp Hà Nội, em thực hiện đề tài “Thiết kế website Canifa”.</i>

Trong thời gian làm đồ án em đã sử dụng vốn kiến thức ít ỏi của mình tìm hiểu và phân tích bài tốn này. Nó chỉ mang tính chất thử nghiệm để học hỏi, trao đổi kinh nghiệm và làm quen với thực tế.

Tuy đã rất cố gắng học hỏi dựa trên kiến thức đã học, sự giúp đỡ của thầy cô nhưng do khả năng và thời gian có hạn nên bài báo cáo của em không thể tránh khỏi những thiếu sót. Em kính mong q Thầy cơ cùng bạn bè thơng cảm và góp ý để em kịp thời lấp kín những lỗ hổng kiến thức và chương trình đạt hiệu quả cao hơn.

đã trực tiếp giám sát, hướng dẫn em trong thời gian hoàn thành đồ án này.

</div><span class="text_page_counter">Trang 3</span><div class="page_container" data-page="3">

PAGE

<b>MỤC LỤC</b>

Chương 1.Mô t ch c năngả ứ ... 8

1.1 Bi u đ use caseể ồ ... 8

1.1.1 Các use case ph n front endầ ... 9

1.1.2 Các use case ph n back endầ ...11

1.2 Mô t use caseả ... 12

1.2.1 Mô t use case Xem đ n hàng (Dả ơ ương Th Trinh)ị ...12

1.2.2 Mô t use case Qu n lý đ n hàng (Dả ả ơ ương Th Trinh)ị ...13

1.2.3 Mô t use case Tìm ki m s n ph m theo tên (Dả ế ả ẩ ương Th Trinh)ị ... 14

1.2.4 Mô t use case Xem bài vi t (Dả ế ương Th Trinh)ị ...15

1.2.5 Mô t use case B o trì bài vi t (Nguy n Xuân Quý)ả ả ế ễ ...16

1.2.6 Mô t use case Đăng nh p (Nguy n Xuân Quý)ả ậ ễ ...18

1.2.7 Mô t use case Qu n lý tài kho n (Nguy n Xuân Quý)ả ả ả ễ ...19

1.2.8 Mô t use case Xem s n ph m theo danh m c(Nguy n Xuân ả ả ẩ ụ ễ Quý)... 20

1.2.9 Mô t use case B o trì s n ph m(Nguy n Xuân Quý)ả ả ả ẩ ễ ...21

1.2.10 Mô t use case tìm ki m c a hàng theo đ a đi m(Trả ế ử ị ể ương Thành H ng)ư ... 23

1.2.11 Mô t use case B o trì c a hàng (Trả ả ử ương Thành H ng)ư ...24

1.2.12 Mô t use case Xem chi ti t s n ph m(Trả ế ả ẩ ương Thành H ng)ư .26 1.2.13 Mô t use case Xem s n ph m yêu thích (Trả ả ẩ ương Thành H ng)ư ... 27

</div><span class="text_page_counter">Trang 4</span><div class="page_container" data-page="4">

PAGE

H ng)ư ... 28

1.2.15 Mô t use case Thanh toán đ n hàng ( Ma Th Nh H ng)ả ơ ị ị ằ ...29

1.2.16 Mô t use case H y đ n hàng(Ma Th Nh H ng)ả ủ ơ ị ị ằ ...29

1.2.17 Mô t use case Xem thông tin tài kho n (Ma Th Nh H ng)ả ả ị ị ằ ...30

1.2.18 Mô t use case Đăng ký tài kho n(Ma Th Nh H ng)ả ả ị ị ằ ...31

1.2.19 Mô t use case B o trì màu s c( Nguy n Hồng Ngun )ả ả ắ ễ ...32

1.2.20 Mô t use case B o trì nh (Nguy n Hồng Ngun)ả ả ả ễ ...33

1.2.21 Mơ t use case B o trì kích c (Nguy n Hồng Ngun)ả ả ỡ ễ ...35

1.2.22 Mô t use case Xem danh m c con (Nguy n Hồng Ngun)ả ụ ễ ...37

1.2.23 Mơ t use case Xem lo i s n ph m (Nguy n Hoàng Nguyên)ả ạ ả ẩ ễ ..38

Chương 2: Phân tích use case... 39

2.1 Phân tích các use case... 39

2.1.1 Phân tích use case Xem đ n hàng (Dơ ương Th Trinh)ị ...39

2.1.2 Phân tích use case Qu n lý đ n hàng (Dả ơ ương Th Trinh)ị ...41

2.1.3 Phân tích use case Tìm ki m s n ph m theo tên (Dế ả ẩ ương Th ị Trinh)... 43

2.1.4 Phân tích use case Xem bài vi t (Dế ương Th Trinh)ị ...45

2.1.5 Phân tích use case B o trì bài vi t (Nguy n Xuân Quý)ả ế ễ ...47

2.1.6 Phân tích use case Đăng nh p (Nguy n Xuân Quý)ậ ễ ...50

2.1.7 Phân tích use case Qu n lý tài kho n (Nguy n Xuân Quý)ả ả ễ ...52

2.1.8 Phân tích use case Xem s n ph m theo danh m c(Nguy n Xuân ả ẩ ụ ễ Quý)... 54

</div><span class="text_page_counter">Trang 5</span><div class="page_container" data-page="5">

PAGE

Thành H ng)ư ... 59

2.1.11 Phân tích use case B o trì c a hàng (Trả ử ương Thành H ng)ư ...61

2.1.12 Phân tích use case Xem chi ti t s n ph m(Trế ả ẩ ương Thành

2.1.15 Phân tích use case Thanh tốn đ n hàng ( Ma Th Nh H ng)ơ ị ị ằ . .70 2.1.16 Phân tích use case H y đ n hàng (Ma Th Nh H ng)ủ ơ ị ị ằ ...71

2.1.17 Phân tích use case Xem thông tin tài kho n(Ma Th Nh H ng)ả ị ị ằ ... 73

2.1.18 Phân tích use case Đăng ký tài kho n(Ma Th Nh H ng)ả ị ị ằ ...75

2.1.19 Phân tích use case B o trì màu s c(Nguy n Hồng Nguyên)ả ắ ễ ...77

2.1.20 Phân tích use case B o trì nh (Nguy n Hồng Ngun)ả ả ễ ...80

2.1.21 Phân tích use case B o trì kích c (Nguy n Hồng Ngun)ả ỡ ễ ...83

2.1.22 Phân tích use case Xem danh m c con (Nguy n Hoàng Nguyên)ụ ễ

</div><span class="text_page_counter">Trang 6</span><div class="page_container" data-page="6">

PAGE

3.1 Thi t k giao di n cho các use caseế ế ệ ...93

3.1.1 Giao di n use case Xem đ n hàng (Dệ ơ ương Th Trinh)ị ...93

3.1.2 Giao di n use case Qu n lý đ n hàng ( Dệ ả ơ ương Th Trinh)ị ...94

3.1.3 Giao di n use case Tìm ki m s n ph m theo tên (Dệ ế ả ẩ ương Th ị Trinh)... 96

3.1.4 Giao di n use case Xem bài vi t (Dệ ế ương Th Trinh)ị ...97

3.1.5 Giao di n use case B o trì bài vi t (Nguy n Xuân Quý)ệ ả ế ễ ...98

3.1.6 Giao di n use case Đăng nh p (Nguy n Xuân Quý)ệ ậ ễ ...101

3.1.7 Giao di n use case Qu n lý tài kho n (Nguy n Xuân Quý)ệ ả ả ễ ...103

3.1.8 Giao di n use case Xem s n ph m theo danh m c (Nguy n Xuân ệ ả ẩ ụ ễ Quý)... 104

3.1.8.1 Hình dung màn hình... 104

3.1.9 Giao di n use case B o trì s n ph m(Nguy n Xuân Quý)ệ ả ả ẩ ễ ...106

3.1.10 Giao di n use case Tìm ki m c a hàng theo đ a đi m (Trệ ế ử ị ể ương Thành H ng)ư ... 108

3.1.11 Giao di n use case B o trì c a hàng (Trệ ả ử ương Thành H ng)ư . .108 3.1.12 Giao di n use case Xem chi ti t s n ph m (Trệ ế ả ẩ ương Thành

3.1.15 Giao di n use case Thanh toán đ n hàng (Ma Th Nh H ng)ệ ơ ị ị ằ 115 3.1.16 Giao di n use case H y đ n hàng(Ma Th Nh H ng)ệ ủ ơ ị ị ằ ...116

</div><span class="text_page_counter">Trang 7</span><div class="page_container" data-page="7">

PAGE

... 117

3.1.18 Gao di n use case đăng ký tài kho n (Ma Th Nh H ng)ệ ả ị ị ằ ...118

3.1.19 Giao di n use case B o trì màu s c (H tên ngệ ả ắ ọ ười làm)...120

3.1.20 Giao di n use case B o trì nh (Nguy n Hoàng Nguyên)ệ ả ả ễ ...123

3.1.21 Giao di n use case B o trì kích c (Nguy n Hoàng Nguyên)ệ ả ỡ ễ . 125 3.1.22 Giao di n use case Xem danh m c con (Nguy n Hoàng Nguyên)ệ ụ ễ ... 126

3.1.23 Giao di n use case Xem lo i s n ph m (Nguy n Hoàng ệ ạ ả ẩ ễ Nguyên)... 128

3.2 Các bi u đ t ng h pể ồ ổ ợ ... 129

3.2.1 Bi u đ đi u hể ồ ề ướng màn hình c a nhóm use case chínhủ ...129

3.2.2 Bi u đ đi u hể ồ ề ướng màn hình c a nhóm use case th c pủ ứ ấ ...130

</div><span class="text_page_counter">Trang 8</span><div class="page_container" data-page="8">

PAGE