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

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 (7.16 MB, 59 trang )

<span class="text_page_counter">Trang 1</span><div class="page_container" data-page="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

</div><span class="text_page_counter">Trang 2</span><div class="page_container" data-page="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 hồn tồ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.

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

Danh sách hình vẽ

</div><span class="text_page_counter">Trang 4</span><div class="page_container" data-page="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

</div><span class="text_page_counter">Trang 5</span><div class="page_container" data-page="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

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

Thành viên nhóm 1. Nguyễn Đăng Hồ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

</div><span class="text_page_counter">Trang 7</span><div class="page_container" data-page="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 ngồ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.

</div><span class="text_page_counter">Trang 8</span><div class="page_container" data-page="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ố ngồ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.

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

- Ngồ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.

</div><span class="text_page_counter">Trang 10</span><div class="page_container" data-page="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 tốn trực tuyến và thanh tố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.

</div><span class="text_page_counter">Trang 11</span><div class="page_container" data-page="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 q 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:

</div><span class="text_page_counter">Trang 12</span><div class="page_container" data-page="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.

</div><span class="text_page_counter">Trang 13</span><div class="page_container" data-page="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 q 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.

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

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

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

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

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

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

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

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

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

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

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

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

</div><span class="text_page_counter">Trang 41</span><div class="page_container" data-page="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

</div><span class="text_page_counter">Trang 42</span><div class="page_container" data-page="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í

<small>3.2.</small> Ngơn ngữ được sử dụng trong dự án.

<small>- HTML, CSS, Javascript: Thiết kế giao diện web </small>

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

<small>+ 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</small>

<small>+ 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.</small>

<small>- 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 </small>

<small>- 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</small>

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

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

</div><span class="text_page_counter">Trang 43</span><div class="page_container" data-page="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 số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ý

</div><span class="text_page_counter">Trang 44</span><div class="page_container" data-page="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:

</div><span class="text_page_counter">Trang 45</span><div class="page_container" data-page="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ủ:

</div><span class="text_page_counter">Trang 46</span><div class="page_container" data-page="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

</div>

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

CHƯƠNG 3: CÀI ĐẶT VÀ KIỂM THỬ.

Tài liệu liên quan

Tài liệu bạn tìm kiếm đã sẵn sàng tải về