Công Nghệ Phần Mềm Đề Tài Website Bán Quần Áo.pdf

Trang 1

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC CÔNG NGHỆ - ĐHQGHN

KHOA CÔNG NGHỆ THÔNG TIN Giáo viên hướng dẫn : Vũ Thị Hồng Nhạn Nhóm sinh viên thực hiện : Team BCD

Trang 2

LỜI CAM ĐOAN

Team BCD xin được cam đoan đây là kết quả báo cáo sau quá trình nghiên cứu môn học Công nghệ phần mềm của chúng tôi Những mô hình và sơ đồ được sử dụng trong báo cáo của chúng tôi được thực hiện tại Trường Đại học Công nghệ -ĐHQGHN sau khi được cô Vũ Thị Hồng Nhạn giảng dạy những kiến thức liên quan Sản phẩm thực nghiệm của chúng tôi là do chính chúng tôi thực hiện và không sao chép bất kỳ nguồn nào khác Chúng tôi hoàn toàn chịu trách nhiệm trước giáo viên môn học về sự cam đoan này.

Hà Nội, ngày 23 tháng 05 năm 2022 Nhóm sinh viên thực hiện Team BCD.

Trang 3

Danh sách hình vẽ

Trang 4

MỤC LỤC

I CHƯƠNG 1: Mở đầu 2

1.1 Thực trạng mua sắm thời trang của người tiêu dùng hiện nay 2

1.2 Khái quát về website và các công nghệ được sử dụng 2

II Phân tích và đặc tả yêu cầu 3

2.1 Thu thập yêu cầu 3

2.2 Phân tích yêu cầu 3

2.2.1 Về giao diện của trang web 3

2.2.2 Về nội dung của trang web 3

2.2.3 Với người quản trị 4

2.5 Mô hình use case 6

2.5.1 Sơ đồ use case tổng quát 7

2.5.2 Sơ đồ use case nghiệp vụ 8

2.5.3 Sơ đồ use case khách 9

2.5.4 Use case quản trị viên 10

2.5.5: Danh sách các use case 11

2.5.6 Đặc tả một số use case chính 12

2.5.6.1 Use case “Đăng ký” 12

2.5.6.2 Usecase “Đăng nhập” 13

Trang 5

2.5.6.3 Usecase “Quản lý giỏ hàng” 13

2.5.6.4 Usecase “Đặt mua” 14

2.6 Sơ đồ tuần tự 15

2.7 Biểu đồ hoạt động 15

2.7.1 Biểu đồ hoạt động đăng ký tài khoản 15

2.7.2 Biểu đồ hoạt động đăng nhập 16

2.7.3 Biểu đồ hoạt động xem danh sách sản phẩm 17

2.7.4 Biểu đồ hoạt động tìm kiếm sản phẩm 18

2.7.5 Biểu đồ hoạt động thêm vào giỏ hàng 18

2.7.6 Biểu đồ hoạt động xóa sản phẩm khỏi giỏ hàng 19

2.7.7 Biểu đồ hoạt động mua hàng 20

2.7.8 Biểu đồ hoạt động user quản lý địa chỉ giao hàng 22

2.7.9 Biểu đồ hoạt động user quản lý thông tin cá nhân 22

2.7.10 Biểu đồ hoạt động admin quản lý danh mục 23

2.7.11 Biểu đồ hoạt động admin quản lý loại sản phẩm 24

2.7.12 Biểu đồ hoạt động admin quản lý sản phẩm 25

2.7.13 Biểu đồ hoạt độn admin quản lý người dùng 26

2.7.14 Biểu đồ hoạt động admin quản lý đơn hàng 27

2.7.15 Biểu đồ hoạt động admin xem thống kê đơn hàng 28

Trang 6

Bài tập lớn Công nghệ phần mềm – Team BCD

Thành viên nhóm 1 Nguyễn Đăng Hoàng Đạo (nhóm trưởng) 2 Trần Đình Cường

3 Trần Thị Kim Bắc

Phân công công việc trong nhóm 1 Giới thiệu về nơi thực hiện đề tài: Đạo

2 Tổng quan đề tài: Cường, Bắc 3 Phương pháp nghiên cứu: cả nhóm 4 Tổng quan về phần mềm: Đạo, Cường 5 Kết quả thực hiện

Xác định và phân tích yêu cầu: cả nhóm Kết quả mô hình hóa: cả nhóm

Trang 7

I CHƯƠNG 1: Mở đầu.

1.1 Thực trạng mua sắm thời trang của người tiêu dùng hiện nay.

- Do ảnh hưởng của dịch bệnh Covid 19 thói quen mua sắm của người tiêu dùng buộc phải thay đổi lớn trong năm 2021 từ mua bán truyền thống chuyển sang mua bán online Đại dịch rõ ràng đã thúc đẩy hành vi của người dùng trên nền tảng kỹ thuật số và khuyến khích việc mua sắm trên các sàn thương mại điện tử Đại dịch đã khiến sàn thương mại điện tử trở thành người bạn đồng hành thân thiết, kênh mua sắm thuận tiện và an toàn cho người dùng, đặc biệt trong giai đoạn giãn cách xã hội

- Thời trang là một trong những lĩnh vực tiềm năng của ngành mỹ thuật công nghiệp Khi nhu cầu được nâng lên thì thời trang đã dần khẳng định vị trí của mình trong đời sống xã hội Ngày nay, thời trang đã vươn lên vừa đóng vai trò một ngành kinh doanh, vừa giữ vị trí của một môn nghệ thuật Vì thế không đứng ngoài xu thế tiêu dùng online hiện nay, thời trang dần dần đã có một bước chuyển dịch lớn về phương thức tiếp cận với người tiêu dùng Để phục vụ các shop thời trang hiện nay (hay các shop bán quần áo offline) và các cá nhân muốn kinh doanh nhưng không có mặt bằng trực tiếp chúng tôi quyết định làm một website bán hàng online dành cho các hộ kinh doanh nhỏ lẻ và các cá nhân bắt đầu khởi nghiệp với các tính năng cần thiết của một trang bán hàng.

1.2 Khái quát về website và các công nghệ được sử dụng

- Website được xây dựng theo Agile processes, về Font-end là sự kết hợp giữa HTML, CSS, JavaScipt thuần còn Back-end là sự kết hợp giữa MySQL và PHP để kết nối và thao tác với cơ sở dữ liệu.

- HTML: là viết tắt của Hypertext Markup Language là ngôn ngữ lập trình dùng để xây dựng và cấu trúc lại các thành phần có trong Website.

- CSS: là viết tắt của Cascading Style Sheets, nó là ngôn ngữ được sử dụng để tìm và định dạng lại các phần tử được tạo ra bởi ngôn ngữ đánh dấu (HTML), đóng vai trò là ngôn ngữ tạo phong cách cho trang web.

- JavaScipt là ngôn ngữ lập trình website, được tích hợp và nhúng vào HTML giúp website trở nên sống động hơn

Trang 8

- MySQL: là một hệ thống quản trị cơ sở dữ liệu mã nguồn mở (gọi tắt là RDBMS) hoạt động theo mô hình client- server MySQL tích hợp với PHP để quản lý dữ liệu thông qua các cơ sở dữ liệu.

- PHP: viết tắt của Personal Home Page là một ngôn ngữ lập trình kịch bản đa mục đích, nó dùng để chạy máy chủ của website.

II Phân tích và đặc tả yêu cầu 2.1 Thu thập yêu cầu

- Website được xây dựng tới các shop kinh doanh nhỏ và một số cá nhân có nhu cầu kinh doanh online hỗ trợ việc bán hàng nên trang web cần đáp số một số tiêu chí như:

+ Giá thành hợp lý (đây là một ưu tiên quan trọng đối với các nhà kinh doanh).

+ Dễ dàng sử dụng (đa số người Việt Nam về sử dụng công nghệ còn khá khó khăn đặc biệt là dân số ngoài 40 vậy cần thiết kế trang web làm sao cho họ có thể sử dụng được).

+ Giao diện có tính thẩm mỹ, bắt mắt thu hút người mua (nếu trang web nhìn rối mắt sẽ khiến người sử dụng khó chịu và ảnh hưởng tới chất lượng mua sắm).

+ Dễ dàng cập nhập thay đổi sản phẩm (mọi sự vật luôn phát triển vậy nên để giữ chân khách hàng các shop phải thường xuyên thay đổi sản phẩm).

+ An toàn (để dữ liệu của khách hàng lẫn shop không bị hacker tấn công và bị kẻ xấu lợi dụng)

2.2 Phân tích yêu cầu.

2.2.1 Về giao diện của trang web.

- Đơn giản nhưng vẫn đảm bảo tính thẩm mỹ - Sản phẩm được xuất hiện xuyên suốt trang web - Có khu vực trưng bày các sản phẩm

2.2.2 Về nội dung của trang web.

Trang 9

- Ngoài chứa các sản phẩm nên chứa một số thông tin ưu đãi… - Có giỏ hàng.

- Có chức năng tìm kiếm - Hỗ trợ thanh toán trực tuyến.

- Hỗ trợ tư vấn với cửa hàng, thông tin liên hệ…

2.2.3 Với người quản trị.

- Đăng kỳ tài khoản: Khách hàng viếng thăm khi muốn mua hàng thì có thể thực hiện chức năng năng ký để trở thành thành viên của website và thực hiện các chức năng mua hàng.

- Xem danh sách các sản phẩm: Khi người dùng truy cập vào website thì hệ thống sẽ tự động hiển thị một số sản phẩm nổi bật Khi người dùng chọn vào một danh mục sản phẩm cụ thể nào thì tất cả sản phẩm của danh mục đó sẽ hiển thị lên giao diện

- Xem thông tin chi tiết một sản phẩm: Sau khi tìm thấy sản phẩm cần, người dùng có thể chọn vào sản phẩm để xem thông tin chi tiết của sản phẩm đó và được đề xuất một số sản phẩm tương tự.

- Tìm kiếm sản phẩm: Khi khách hàng cần tìm một sản phẩm nào đó thì có thể nhập thông tin sản phẩm vào ô tìm kiếm để thực hiện chức năng tìm kiếm Nếu sản phẩm đó có tồn tại trong dữ liệu thì sẽ hiện thông tin sản phẩm được tìm thấy.

- Đưa sản phẩm vào giỏ hàng: Sau khi khách hàng tìm thấy sản phẩm đáp ứng nhu cầu của mình thì có thể chọn đưa sản phẩm vào giỏ hàng.

- Đặt mua: Sau khi xem thông tin sản phẩm đúng với nhu cầu thì người dùng có thể chọn đặt mua để đưa sản phẩm vào giỏ hàng.

Trang 10

- Thanh toán: Khi đã quyết định chắc chắn mua sản phẩm, người dùng có thể lựa chọn chức năng thanh toán để thực hiện xác nhận đơn hàng cho mình Muốn thực hiện chức năng thanh toán yêu cầu người dùng phải đăng nhập vào hệ thống Người dùng có thể thanh toán trực tuyến và thanh toán khi nhận hàng.

- Góp ý: Khi có vấn đề khi sử dụng website hoặc đóng góp ý kiến khách hàng có thể trực tiếp đóng góp ý kiến trên giao diện của trang web.

- Liên hệ: Khi khách hàng cần liên hệ trực tiếp hoặc gián tiếp có thể click vào liên lạc trên tab chính của website.

- Xem các tin tức: Cập nhập thông tin về các xu hướng thời trang mới nhất hiện nay, để sử dụng chức năng này khách hàng click “Blog” trên tab chính của website.

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

- Tương thích được với các nền tảng khác nhau - Có tính năng mở rộng nâng cấp.

- Khả năng bảo trì.

- Hệ thống thông tin phải có chế độ bảo mật, không chấp nhận sai sót.

- Cơ sở dữ liệu phải đảm bảo khi hệ thống đang hoạt động - Khi người dùng đăng nhập phải thông qua các bước sau: Nhập tên đăng nhập và mật khẩu Nếu khách hàng chưa có tài khoản thì cần đăng ký khi đăng ký khách hàng nhập tên và mật khẩu để đăng ký.

- Dung lượng website phải vừa phải, tốc độ truy cập nhanh - Giảm số lượng mã nguồn, và số file trong mã nguồn.

2.4 Đặc tả yêu cầu 2.4.1 Mô tả nghiệp vụ 2.4.1.1 Dành cho khách hàng.

Trang 11

- Website được xây dựng với mục tiêu là nơi trưng bày, giới thiệu sản phẩm và các dịch vụ hỗ trợ khách hàng như: liên hệ, phản hồi, tư vấn, tìm kiếm…

- Khách hàng bắt đầu duyệt những sản phẩm trên website, các sản phẩm được bố trí theo từng loại đa dạng như dành cho nam, nữ, phụ kiện… Ngoài ra sản phẩm cũng được đề xuất theo số lượng bán của sản phẩm Khi đã ưng ý một sản phẩm nào đó khách hàng có thể ấn vào dấu “+” ngay trong danh sách sản phẩm để đưa sản phẩm vào giỏ hàng hoặc khách hàng muốn tìm hiểu thêm chi tiết về sản phẩm có thể click vào sản phẩm để vào trang chứa thông tin chi tiết sản phẩm và khách hàng có hai lựa chọn là “Thêm vào giỏ hàng” và “Mua ngay” tùy ý vào khách hàng Giỏ hàng chỉ đơn giản là danh sách các sản phẩm bao gồm những thông tin như mã sản phẩm, tên sản phẩm, đơn giá, số lượng, thành tiền…

- Giỏ hàng có các tùy chọn xóa sản phẩm tăng giảm số lượng mua.

- Ngay sau khi khách hàng thêm tất cả các sản phẩm cần mua vào giỏ hàng, khách hàng có thể chọn nút “Đặt hàng” Sau đó hệ thống sẽ chuyển hướng tới trang đặt hàng yêu cầu khách hàng điền các thông tin về khách hàng (họ tên, số điên), thông tin về địa chỉ giao hàng Sau khi điền đủ các thông tin khách hàng sẽ đến với trang thanh toán với hai tùy chọn thanh toán trực tuyến và thanh toán khi nhận hàng.

2.4.1.2 Dành cho quản trị

- Website cung cấp cho quản trị viên hệ thống giao diện dùng để quản trị các thông tin như sản phẩm, đơn hàng, khách hàng, tin tức, góp ý…

2.5 Mô hình phát triển

Website được phát triển theo mô hình phát triển nhanh – mô hình agile 2.5.1 Giới thiệu về mô hình phát triển phần mềm agile.

- Agile là một phương pháp phát triển phần mềm linh hoạt, là một hướng tiếp cận cụ thể cho việc quản lý dự án phần mềm Nó gồm một quá trình làm việc tương tác và tích hợp để có thể đưa sản phẩm đến tay người dùng càng nhanh càng tốt - Khung cảnh ra đời của Agile: Agile ra đời trong bối cảnh ngành phát triển phần mềm gặp nhiều thử thách với cách thức phát triển truyền thống theo mô hình thá nước (waterfall), hoặc dựa theo kế hoạch (plan-driven) Agile ra đời đáp đứng các cơ hội mới vấn đề thị trường, sự thay đổi điều kiện tài chính.

- Đặc trưng của Agile:

Trang 12

+ Các hoạt động đặc tả, thiết kế, cài đặt được thực hiện xen kẽ + Không có đặc tả hệ thống chi tiết.

+ Tài liệu thiết kế được tối giản hoặc được phát sinh tự động bởi công cụ + Tài liệu yêu cầu người dùng chỉ mô tả các đặc điểm quan trọng nhất của hệ thống.

+ Hệ thống được phát triển với nhiều phiên bản.

+ Người dùng và nhà đầu tư tham gia vào việc đặc tả và đánh giá mỗi phiên bản + Người dùng và nhà đầu tư có thể đề xuất sự thay đổi yêu cầu hoặc yêu cầu mới cho phiên bản tiếp theo.

Trang 13

2.5.2 Lý do sử dụng mô hình agile để phát triển Về khách hàng:

- Khách hàng nhận được sản phẩm nhanh

- Có thể tham gia góp ý vào quá trình xây dựng dự án - Giảm thiểu được một số chi phí.

Về nhóm phát triển

- Phát triển dự án trong thời gian ngắn - Không yêu cầu nhiều tài liệu.

- Khách hàng mà nhóm hướng tới là những của hàng quần áo nhỏ, chi phí thấp.

Trang 35

2.8.12 Biểu đồ hoạt động admin quản lý sản phẩm.

Trang 36

2.8.13 Biểu đồ hoạt độn admin quản lý người dùng.

Trang 37

2.8.14 Biểu đồ hoạt động admin quản lý đơn hàng.

Trang 38

2.8.15 Biểu đồ hoạt động admin xem thống kê đơn hàng.

Trang 39

2.9 Sơ đồ lớp mức thiết kế

Trang 40

2.10 Mô hình EER cơ sở dữ liệu

Trang 41

2.11 Xác định rủi ro.

CHƯƠNG 3: CÀI ĐẶT VÀ KIỂM THỬ. 3.1 Kiến trúc hệ thống.

Hệ thống được thiết kế theo mô hình Client – Server.

- Mô hình Client – Server: là mô hình mạng máy tính trong đó các máy tính con đóng vai trò là máy khách (Client), chúng làm nhiệm vụ gửi yêu cầu đến máy chủ (Server) Máy chủ xử lý yêu cầu và trả về kết quả cho máy khách

Trang 42

Vì sản phẩm web bán quần áo dành cho các cửa hàng kinh doanh nhỏ lẻ nên quy mô phát triển nhỏ, lựa chọn máy chủ có sức chịu tải thấp giúp tiết kiệm chi phí

3.2. Ngôn ngữ được sử dụng trong dự án.

- HTML, CSS, Javascript: Thiết kế giao diện web

+ HTML: ngôn ngữ đánh dấu siêu văn bản, dùng để xây dựng bố cục trangweb.

+ CSS: là một ngôn ngữ được sử dụng để tìm và định dạng lại các phần tửđược tạo ra bởi các ngôn ngữ đánh dấu HTML

+ Javascript: ngôn ngữ lập trình vô cùng phổ biến, có đóng vai trò lớn trongviệc “vận hành” các trang web hiện nay.

- PHP: Ngôn ngữ lập trình phổ biến, dùng để lập trình backend, sử dụng để giaotiếp ở phía Server

- MySQL: hệ quản trị cơ sở dữ liệu quan hệ mã nguồn mở, miễn phí phổ biến nhấtthế giới và được các nhà phát triển rất ưa chuộng trong quá trình phát triển ứngdụng

3.3 Tính năng của website.

3.3.1 Với người mua hàng – khách hàng.

Trang 43

- Cung cấp thông tin màu sắc mẫu mã sản phẩm kèm hình ảnh sản phẩm trực quan.

- Khách hàng có thể dễ dàng tìm kiếm sản phẩm.

- Có tính năng giỏ hàng, kiếm soát số lượng mua hàng của khách - Hỗ trợ xem lịch sử mua hàng, xem lại các đơn hàng.

- Dễ dàng thay đổi địa chỉ mua hàng tùy ý - Dễ dàng cập nhập thay đổi thông tin cá nhân 3.3.2 Với người bán hàng – quản trị viên hệ thống - Quản lý sản phẩm danh mục loại hàng.

- Lưu trữ thông tin người mua, quản lý khách hàng - Báo cáo doanh thu, số lượng, sản phẩm bán chạy… - Quản lý đơn hàng.

3.4 Kiểm thử

3.5 Một số giao diện chính của website 3.5.1 Giao diện người dùng

- Giao diện đăng ký

Trang 44

Mô tả: Giao diện đăng ký giúp khách vãng lai tạo tài khoản cho mình trên hệ thống website Khi đã có tài khoản khách hàng có thể dễ dàng sử dụng được các chức năng của website.

- Giao diện đăng nhập:

Trang 45

Mô tả: Giao diện giúp cho khách hàng đăng nhập vào hệ thống Khi đăng nhập vào thì có thể sử dụng tất cả các chức năng website cung cấp.

- Giao diện trang chủ:

Trang 46

Mô tả: Giao diện trang chủ hiển thị một số thông tin về xu hướng thời trang một số thông tin về shop đồng thời cũng đề xuất một số sản phẩm bán chạy của shop.

- Giao diện cửa hàng:

Mô tả: Giao diện cửa hảng hiển thị các sản phẩm của website theo nhiều mục Tại giao diện này khách hàng có thể xem tất cả loại sản phẩm và có thể thay đổi