Báo cáo môn học công nghệ phần mềm Đề tài xây dựng website hướng dẫn làm Đẹp

Khảo sát sơ bộ 1.1 Mục tiêu Một website hướng dẫn làm đẹp cần có những chức năng chính như sau: - Cung cấp thông tin về các bài viết, video về chăm sóc da, trang điểm, làm tóc,… - Cung c

BÁO CÁO MÔN HỌC CÔNG NGHỆ PHẦN MỀM

Đề tài: Xây dựng website hướng dẫn làm đẹp

Giáo viên hướng dẫn: LÊ THỊ HƯỜNG Lớp : 73DCTT11

MỤC LỤC

LỜI MỞ ĐẦU 4

PHÂN CÔNG NHIỆM VỤ 5

CHƯƠNG 1: KHẢO SÁT HỆ THỐNG 6

1 Khảo sát sơ bộ 6

1.1 Mục tiêu 6

1.2 Phương pháp 6

CHƯƠNG 2 PHÂN TÍCH BÀI TOÁN 11

1 Định nghĩa bài toán 11

2 Mục tiêu của hệ thống 11

2.1 Chức năng dành cho người dùng 11

2.2 Chức năng dành cho Admin 12

2.3 Chức năng hệ thống hỗ trợ 12

2.4 Các tác nhân trong hệ thống 12

2.5 Đầu ra mong đợi 13

2.6 Lợi ích của hệ thống 13

CHƯƠNG 3: PHÂN TÍCH VÀ THẾT KẾ BIỂU ĐỒ 14

PHẦN 1: BIỂU ĐỒ USE CASE 14

1 Use case tổng quát 14

2 Đăng kí 15

3 Đăng nhập 16

4 Quản lý bài đăng 17

5 Quản lý link sản phẩm 19

PHẦN 2: BIỂU ĐỒ HOẠT ĐỘNG 21

1 Biểu đồ hoạt động chức năng đăng kí 21

2 Biểu đồ hoạt động chức năng đăng nhập 22

3 Biểu đồ hoạt động quản lý link sản phẩm 24

4 Biểu đồ hoạt động quản lý bài đăng 28

PHẦN 3 : BIỂU ĐỒ TUẦN TỰ 31

1 Biểu đồ tuần tự chức năng đăng kí 31

2 Biểu đồ tuần tự chức năng đăng nhập 31

3 Biểu đồ tuần tự quản lý link sản phẩm 33

4 Biểu đồ tuần tự quản lý bài đăng 35

CHƯƠNG 4 THIẾT KẾ CƠ SỞ DỮ LIỆU 37

5 Bảng user 37

6 Bảng postModel 38

7 Bảng productModel 39

CHƯƠNG 5: GIAO DIỆN HỆ THỐNG 40

1 Giao diện User : 40

2 Trang Login (user): 42

3 Trang Sign up (user) 42

4 Trang login(admin) 43

5 Giao diện quản lý link sản phẩm : 44

6 Giao diện quản lý bài đăng: 45

7 Giao diện lưu bài viết yêu thích: 47

8 Giao diện hiển thị sản phẩm: 48

KẾT LUẬN 49

LỜI MỞ ĐẦU

Trong thời đại khoa học kỹ thuật bùng nổ như hiện nay, lao động trí óc ngàycàng trở thành trọng tâm, thay thế cho lao động chân tay thông qua sự ứng dụng củakhoa học kỹ thuật Trong cuộc cách mạng khoa học này, công nghệ thông tin đã đóngmột vai trò quan trọng, được ứng dụng rộng rãi trong nhiều lĩnh vực, đặc biệt là trongngành kinh tế, góp phần đáng kể vào quá trình hội nhập quốc tế

Chúng ta biết rằng, việc tìm kiếm và áp dụng các bí quyết làm đẹp vẫn đangđược tiến hành theo phong cách thủ công, việc ghi chép và chia sẻ thông qua sổ sách

và truyền miệng gặp nhiều trở ngại, tạo ra khó khăn cho người dùng khi muốn kiểmtra và áp dụng các phương pháp làm đẹp hiệu quả Việc thống kê, đánh giá và chia sẻnhững bí quyết làm đẹp theo ngày, tháng, quý… cũng trở nên khó khăn

Nhận thức được thực tế đó, nhóm chúng tôi đã quyết định xây dựng mộtwebsite: “Hướng dẫn làm đẹp toàn diện” Website này sẽ giúp cải thiện quy trình tìmkiếm, chia sẻ và áp dụng các phương pháp làm đẹp, tăng cường hiệu suất và đảm bảo

sự minh bạch trong việc quản lý thông tin và phản hồi từ người dùng Chúng tôi tinrằng, với sự hỗ trợ của công nghệ, chúng ta có thể đưa ngành làm đẹp lên một tầm caomới

Hệ thống website của chúng tôi không chỉ là một công cụ, mà còn là một ngườibạn đồng hành tin cậy trong hành trình làm đẹp của bạn Nó giúp bạn tìm kiếm, lưutrữ và cập nhật thông tin về các phương pháp làm đẹp một cách nhanh chóng, chínhxác và dễ dàng Hơn nữa, nó còn hỗ trợ bạn trong việc thực hiện các yêu cầu báo cáo,đánh giá và chia sẻ kinh nghiệm làm đẹp, giúp bạn có cái nhìn tổng quan về hoạt độnglàm đẹp của mình

Chúng tôi tin tưởng rằng, với sự ra đời của website này, chúng tôi không chỉ góp phần vào sự thịnh vượng của các cá nhân đam mê làm đẹp, mà còn đóng góp vào

sự phát triển bền vững của ngành công nghiệp làm đẹp Website của chúng tôi sẽ giúp bạn tiếp cận với công nghệ thông tin, tận dụng lợi thế của thời đại số để nâng cao hiệuquả và sự hài lòng trong hành trình làm đẹp của bạn

PHÂN CÔNG NHIỆM VỤ Trần Tiến Đạt Quản lý bài viết

Nguyễn Thị Bích Ngọc Quản lý link sản phẩm

Lê Thị Thu Hà Đăng nhập, đăng kí

CHƯƠNG 1: KHẢO SÁT HỆ THỐNG

1 Khảo sát sơ bộ

1.1 Mục tiêu

Một website hướng dẫn làm đẹp cần có những chức năng chính như sau:

- Cung cấp thông tin về các bài viết, video về chăm sóc da, trang điểm, làm tóc,…

- Cung cấp chức năng hỗ trợ mua hàng trực tuyến

- Cung cấp chức năng lưu bài viết yêu thích

được ghi âm

 Chủ đề : câu hỏi và trả lời

 Tổng hợp các nội dung chính, ý

kiến của người được hỏi

Ước lượng thời gian:

2 phút

5 phút

3 phút10p

Phiếu phỏng vấn

Dự án: Phát triển website hướng dẫn làm

đẹp Tiểu dự án: hướng dẫn làm đẹpNgười được hỏi: Nguyễn Thị Mai

Người hỏi: Đoàn Mạnh HùngNgày: 7/7/2025

Câu 1: Anh/Chị đã làm việc trong

lĩnh vực làm đẹp bao lâu? Chuyên

môn chính của Anh/Chị là gì?

(Chăm sóc da, trang điểm, …)

Câu 3: Dịch vụ làm đẹp nào thường

được khách hàng yêu cầu nhiều nhất? Trả lời:

Câu 4: Anh/Chị có nhận thấy nhu

cầu làm đẹp của khách hàng thay đổi theo

xu hướng nào không? Trả lời:

Câu 5: Anh/Chị nghĩ một website hướng

dẫn làm đẹp cần tập trung vào nội dung gì

để thu hút người dùng? (Mẹo làm đẹp,

hướng dẫn chi tiết, đánh giá sản phẩm,

v.v.)

Trả lời:

Phiếu điều tra

PHIẾU KHẢO SÁT HOẠT ĐỘNG CỦA WEBSITE

Câu 3 Bạn cảm thấy việc tìm kiếm thông tin trên website làm đẹp hiện tại

Câu 6: Theo Anh/Chị, đâu là những thông

tin cần thiết mà khách hàng luôn muốn tìm

hiểu khi tham khảo một website làm đẹp? Trả lời:

Đánh giá chung:

Câu 5 Bạn mong muốn website cung cấp nội dung gì thêm để đáp ứng

nhu cầu của mình?

Câu 7 Bạn biết đến các thông tin làm đẹp qua những kênh nào?

☐ Bạn bè, người thân giới thiệu

☐ Mạng xã hội (Facebook, Instagram)

☐ Quảng cáo trực tuyến (Google, YouTube)

☐ Tìm kiếm trên Google

☐ Khác:

Câu 8 Bạn yêu thích điều gì nhất về dịch vụ giao hàng?

☐ Đóng gói cẩn thận

☐ Giao hàng nhanh

☐ Shipper thân thiện

☐ Tất cả các điều trên

Có điều gì khác bạn muốn chia sẻ về trải nghiệm mua sắm làm đẹp hoặc nội dung website không?

Bạn hãy tích vào mục lựa chọn.

CHƯƠNG 2 PHÂN TÍCH BÀI TOÁN

Bài toán: Xây dựng hệ thống website hướng dẫn làm đẹp

1 Định nghĩa bài toán

Bài toán đặt ra là thiết kế và xây dựng một website hướng dẫn làm đẹp kết hợpgiới thiệu sản phẩm thông qua liên kết (link sản phẩm) Hệ thống cần cung cấp cácthông tin hữu ích về làm đẹp thông qua bài viết, hình ảnh, và video Đồng thời, ngườidùng có thể tìm kiếm, xem danh sách sản phẩm, tương tác với nội dung, lưu bài viếtyêu thích, và truy cập link sản phẩm để mua hàng từ đối tác liên kết

2 Mục tiêu của hệ thống

- Hỗ trợ người dùng tìm kiếm thông tin làm đẹp: Cung cấp các bài viết,video chất lượng và dễ tiếp cận về các chủ đề làm đẹp

- Cung cấp trải nghiệm tìm kiếm và lựa chọn sản phẩm: Cho phép người

dùng tìm kiếm sản phẩm làm đẹp thông qua bộ lọc thông minh, xem chi tiếtsản phẩm và mua hàng qua liên kết

- Quản lý nội dung hiệu quả: Hỗ trợ admin quản lý bài viết, sản phẩm và

thông tin người dùng một cách hiệu quả

- Tăng tương tác người dùng: Cho phép lưu bài viết yêu thích

2.1 Chức năng dành cho người dùng

Quản lý nội dung yêu thích:

- Cho phép người dùng lưu bài yêu thích vào danh sách cá nhân

- Xem lại và xóa các nội dung đã lưu khi cần thiết

- Xem và tương tác với bài viết:

- Tìm kiếm bài viết theo tên

- Đọc nội dung chi tiết, xem video và hình ảnh minh họa

2.2 Chức năng dành cho Admin

Quản lý bài viết:

- Thêm mới, chỉnh sửa và xóa các bài viết hướng dẫn làm đẹp

- Tìm kiếm bài đăng

- Xem và tìm kiếm nội dung hướng dẫn làm đẹp

- Tìm kiếm sản phẩm, sử dụng bộ lọc và truy cập link sản phẩm

- Lưu bài viết và sản phẩm yêu thích

Admin

- Quản lý nội dung bài viết

- Quản lý link sản phẩm liên kết

Hệ thống

- Xử lý tìm kiếm theo yêu cầu

- Quản lý dữ liệu bài viết và sản phẩm

- Gửi thông báo và đảm bảo bảo mật thông tin

2.5 Đầu ra mong đợi

Một website hoàn chỉnh với các tính năng:

- Tìm kiếm và bộ lọc sản phẩm làm đẹp

- Xem bài viết, sản phẩm và truy cập link liên kết để mua hàng

- Lưu và quản lý nội dung yêu thích

- Giao diện thân thiện và dễ sử dụng trên mọi thiết bị

- Báo cáo và thống kê để hỗ trợ cải thiện nội dung và liên kết sản phẩm

2.6 Lợi ích của hệ thống

Người dùng: Dễ dàng tìm kiếm thông tin và sản phẩm làm đẹp phù hợp với nhu cầu Admin : Dễ dàng quản lý nội dung, liên kết bán hàng và người dùng.

Sản phẩm : Dễ dàng hiển các link liên kết sản phẩm

Hệ thống: Tăng lượng truy cập và giữ chân người dùng nhờ trải nghiệm cá nhân hóa

và nội dung hấp dẫn

CHƯƠNG 3: PHÂN TÍCH VÀ THẾT KẾ BIỂU ĐỒ PHẦN 1: BIỂU ĐỒ USE CASE

1 Use case tổng quát

2 Đăng kí

Đặc tả usecase:

Tên Use-case Đăng kí

Mô tả Use-case cho phép người dùng đăng kí tài khoản mớiNgười dùng Người dùng

Điểu kiện kích hoạt Khi người dùng truy cập website, và thực hiện chức

năng đăng kí từ trang chủ của hệ thốngTiền điều kiện Người dùng phải nhập đầy đủ email, password, Name.Hậu điều kiện Người dùng đăng kí thành công

Luồng sự kiện chính 1 Hệ thống hiển thị trang đăng kí

2 Người dùng nhập email,password, Name đầy đủ để tiến hành đăng kí thành công

3 Nếu thành công thì truy cập vào website thành công

4 Kết thúc Use-case

3 Đăng nhập

Đặc tả usecase:

Tên Use-case Đăng nhập

Mô tả Use-case cho phép người dùng đăng nhập vào website

để thực hiện những chức năng của mình

Người dùng Người dùng, admin

Điểu kiện kích hoạt Khi người dùng thực hiện chức năng từ trang chủ của

websiteTiền điều kiện Người dùng phải có tài khoản trên hệ thống

Hậu điều kiện Người dùng đăng nhập thành công

Luồng sự kiện chính 1 Hệ thống hiển thị màn hình đăng nhập

2 Người dùng, admin nhập tên đăng nhập và mật khẩu

3 Hệ thống hiển thị kiểm tra thông tin đăng nhập

4 Nếu thành công thì vào giao diện chính đê bắt đầuthực hiện các chức năng

5 Kết thúc Use-case

4 Quản lý bài đăng

Đặc tả usecase :

Tiêu đề Nội dung

Tên Use-case Quản lý bài đăng

Mô tả Use-case cho phép admin đăng bài

Điểu kiện kích hoạt Khi người dùng thực hiện chức năng từ trang chủ

của hệ thống Tiền điều kiện Admin phải đang nhập thành công trên hệ thống.Hậu điều kiện Admin ở tại trang chủ để thực hiện chức năng

Luồng sự kiện chính 1 Admin đăng nhập vào hệ thống.

2 Admin chọn chức năng để thực hiện ( Thêm, sửa, xóa, tìm kiếm ) từ trang chủ

3 Hệ thống hiển thị form phù hợp với chức năng cần

- Xóa: Hệ thống xóa bài đăng khỏi cơ sở dữ liệu

và hiển thị thông báo thành công

- Tìm kiếm:Hệ thống trả về kết quả như mong muốn

7 Kết thúc usecase

5 Quản lý link sản phẩm

Tên Use-case Quản lý link sản phẩm

Mô tả Use-case cho phép admin quản lý link sản phẩm vào hệ

thống để thực hiện những chức năng của mình

Người dùng Admin

Điểu kiện kích hoạt Khi admin thực hiện chức năng từ trang chủ của hệ

thốngTiền điều kiện Admin phải đang nhập thành công trên hệ thống

Hậu điều kiện Admin ở tại trang chủ để thực hiện chức năng

Luồng sự kiện chính 1 Admin đăng nhập vào hệ thống

2 Admin chọn chức năng để thực hiện ( Thêm, sửa, xóa, tìm kiếm ) từ trang chủ

3 Hệ thống hiển thị form phù hợp với chức năng cần

sử dụng

4 Admin thực hiện đầy đủ thông tin cần thiết khi tiến hành thêm , sửa , xóa, tìm kiếm sản phẩm

5 Hệ thống kiểm tra tính hợp lệ của thông tin bài đăng

6 - Thêm, Sửa: Nếu thông tin hợp lệ, hệ thống lưu link

sản phẩm vào cơ sở dữ liệu và hiển thị thông báo thành công Nếu thông tin không hợp lệ, hệ thống hiển thị thông báo lỗi và yêu cầu admin sửa đổi.-Xóa: Hệ thống xóa link sản phẩm khỏi cơ sở dữ liệu

và hiển thị thông báo thành công

- Tìm kiếm:Hệ thống trả về kết quả như mong muốn

8 Kết thúc usecase

PHẦN 2: BIỂU ĐỒ HOẠT ĐỘNG

1 Biểu đồ hoạt động chức năng đăng kí

2 Biểu đồ hoạt động chức năng đăng nhập

2.1 Biểu đồ hoạt động quên mật khẩu

3 Biểu đồ hoạt động quản lý link sản phẩm 3.1 Biểu đồ hoạt động thêm link sản phẩm

3.2 Biểu đồ hoạt động sửa link sản phẩm

3.3 Biểu đồ hoạt động xóa link sản phẩm

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

4 Biểu đồ hoạt động quản lý bài đăng

4.1 Biểu đồ hoạt động thêm bài đăng

4.2 Biểu đồ hoạt động xóa bài đăng

4.3 Biểu đồ hoạt động sửa bài đăng

4.4 Biểu đồ hoạt động tra cứu bài đăng

2.2 Biểu đồ tuần tự quên mật khẩu

3 Biểu đồ tuần tự quản lý link sản phẩm 3.1 Biểu đồ tuần tự thêm link sản phẩm

3.2 Biểu đồ tuần tự sửa link sản phẩm

3.3 Biểu đồ tuần tự xóa link sản phẩm

3.4 Biểu đồ tuần tự tìm kiếm sản phẩm

4 Biểu đồ tuần tự quản lý bài đăng

4.1 Biểu đồ tuần tự thêm bài đăng

4.2 Biểu đồ tuần tự sửa bài đăng

4.3 Biểu đồ tuần tự xóa bài đăng

4.4 Biểu đồ tuần tự tìm kiếm bài đăng

CHƯƠNG 4 THIẾT KẾ CƠ SỞ DỮ LIỆU

5 Bảng user

Mô tả :

TT Thuộc tính Kiểu dữ liệu Mô Tả

1 name String Tên người dùng

2 email String Địa chỉ email

3 password String Mật khẩu

4 favourite Aray Danh sách yêu thích

6 Bảng postModel

Mô tả

STT Thuộc tính Kiểu dữ liệu Mô Tả

1 videoId String ID của video liên quan đến bài viết

2 title String Tiêu đề của bài viết

3 category String Danh mục bài viết

4 image Array Hình ảnh

5 description String Mô tả chi tiết nội dung bài viết

6 step Array Danh sách các bước thực hiện liên

quan đến bài viết

7 favourite Number Số lượt thích bài viết

7 Bảng productModel

Mô tả:

STT Thuộc tính Kiểu dữ liệu Mô Tả

1 name String Tên sản phẩm

2 description String Mô tả sản phẩm

3 image String Hình ảnh sản phẩm

4 category String Danh mục sản phẩm

5 subCategory String Danh mục con của sản phẩm

6 linkProduct String Liên kết đến sản phẩm

CHƯƠNG 5: GIAO DIỆN HỆ THỐNG

1 Giao diện User :

2 Trang Login (user):

3 Trang Sign up (user)

4 Trang login(admin)

5 Giao diện quản lý link sản phẩm :

6 Giao diện quản lý bài đăng:

8 Giao diện hiển thị sản phẩm:

KẾT LUẬN

Qua quá trình học tập và thực hành môn Công nghệ Phần mềm, nhóm chúng

em đã có cơ hội áp dụng những kiến thức lý thuyết vào việc xây dựng một website

hướng dẫn làm đẹp Dự án này không chỉ giúp chúng em hiểu rõ hơn về quy trình

phân tích và thiết kế phần mềm mà còn phát triển nhiều kỹ năng thực tế, bao gồm:

- Kỹ năng chuyên môn: Nắm vững quy trình phát triển phầnmềm từ việc thu thập yêu cầu, xây dựng các biểu đồ hệ thống (use-case,hoạt động, lớp, tuần tự) đến triển khai và kiểm thử sản phẩm

- Kỹ năng thực tiễn: Thiết kế và xây dựng một website với giaodiện thân thiện, cung cấp nội dung hướng dẫn làm đẹp rõ ràng và dễ tiếpcận, đáp ứng tốt nhu cầu của người dùng

- Kỹ năng mềm: Tăng cường khả năng giao tiếp, làm việc nhóm

và giải quyết vấn đề, đảm bảo dự án hoàn thành đúng thời hạn và đạt chấtlượng

Dự án website hướng dẫn làm đẹp không chỉ là kết quả học tập mà còn làmột sản phẩm thực tế minh chứng cho những kiến thức và kỹ năng mà chúng em đãtích lũy được Chúng em tin rằng với những gì đã học được, bản thân mỗi thànhviên trong nhóm sẽ tự tin hơn khi tham gia vào các dự án phần mềm thực tế trongtương lai

Nhóm chúng em xin gửi lời cảm ơn chân thành đến cô giáo đã tận tìnhhướng dẫn và truyền đạt những kiến thức quý giá, giúp chúng em hoàn thành tốtmôn học này Chúng em cam kết sẽ tiếp tục học hỏi và phát triển để ngày càng hoànthiện hơn trong lĩnh vực Công nghệ Phần mềm