Xây dựng website giới thiệu và hướng dẫn làm đẹp cho eva

MỤC LỤC
MỞ ĐẦU....................................................................................................................................... 2
TỔNG QUAN................................................................................................................................ 4
THIẾT KẾ..................................................................................................................................... 8
GIAO DIỆN................................................................................................................................. 46
TỔNG KẾT................................................................................................................................. 56
TÀI LIỆU THAM KHẢO............................................................................................................... 57

1


MỞ ĐẦU
Xã hội ngày nay đòi hỏi người phụ nữ luôn phải đẹp trong bất cứ lĩnh vực nào,
dường như nó trở thành một nhu cầu thiết yếu.
Một nữ sinh viên khi đến trường cần phải xuất hiện với sự duyên dáng, thanh lịch
để tạo nên tính quy củ, tôn nghiêm cho trường học; một bạn gái khi đến công sở thì đầu
tóc cần gọn gàng, trang điểm vừa phải, ăn mặc trang nhã, tiện dụng để tạo nên "bộ mặt"
của công ty, hay tạo ra một phong cách riêng cho hãng mình; những cô gái làm nghề
quảng cáo hay tư vấn mỹ phẩm thì phải là những "mẫu mực" của cái đẹp để tạo uy tín cho
thương hiệu, sản phẩm mà mình đang quảng bá: một cô gái khi bước ra đường, sánh vai
với người yêu dạo phố cần càng phải trang điểm kỹ lưỡng, giữ cho quần áo sạch sẽ, thơm
tho, dáng vẻ lịch lãm để tạo nên nét duyên, nét lãng mạn cho tình yêu...
Vì phái nữ là một nửa thế giới, và họ có mặt trong hầu hết các lĩnh vực cuộc sống,
vậy nên họ nhận trách nhiệm đi đầu trong lĩnh vực làm đẹp. Chính vì lẽ đó mà việc làm
đẹp của phũ nữ được đặt lên hàng đầu.
Hiện nay có rất nhiều ngôn ngữ để lập trình web như HTML, Javascrpit, vbscript
rồi các ngôn ngữ như ASP, Java, PHP… Tuy nhiên qua tìm hiểu và học tập ở trường,
nhóm em đã tiếp cận và biết đến ngôn ngữ PHP, đây là ngôn ngữ mang tầm vóc của Open
Source nên thư viện của chúng rất phong phú đa dạng.
Từ những điều trên chúng em đã quyết định chọn đề tài “Xây dựng website giới
thiệu và hướng dẫn làm đẹp cho eva” làm đề tài bài tập lớn môn: “Phát triển phần mềm

theo cấu phần”. Đề tài được xây dựng trên ngôn ngữ lập trình PHP.
Chúng em rất mong nhận được nhiều ý kiến đóng góp của thầy và các bạn để đề tài
của chúng em được hoàn thiện hơn.
Chân thành cảm ơn thầy và các bạn !

2


3


TỔNG QUAN
1. Tổng quan về phát triển phần mềm theo cấu phần.
1.1 Các khái niệm cơ bản
1.1.1 Cấu phần (component)
Cấu phần là một chương trình hay một tập hợp các chương trình có thể được biên
dịch và thực thi. Đó là khép kín, do đó, nó cung cấp chức năng mạch lạc. Nó là tự triển
khai để nó có thể được cài đặt và thực hiện trong một môi trường người dùng cuối.
Nó có thể được lắp ráp với các thành phần khác để có thể được tái sử dụng như một
đơn vị trong các ngữ cảnh khác nhau. Sự tích hợp được thực hiện thông qua giao diện của
một cấu phần, có nghĩa là việc thực hiện nội bộ của một cấu phần thường được ẩn đối với
người sử dụng.
Một phần tử phần mềm chứa chuỗi các lệnh cấp cao, các tính toán được thực hiện bởi
máy tính. Phần tử phần mềm là thực thi nếu: (1) máy tính trực tiếp thực thi các lệnh hoặc
(2) có một bộ thông dịch chạy trên máy tính dịch các câu lệnh sang dạng máy thực thi
được.
Mã nguồnphần mềm là tập các file máy có thể đọc được, chứacác câu lệnh chương
trình được viết ứng với một ngôn ngữ lập trình. Các câu lệnh này được dịch thành các câu
lệnh thực thi được hoặc nhờ vào bộ biên dịch hoặc bộ thông dịch.
Một cấu phần phần mềm là một tập các phần tử phần mềm được lập trình. Cấu phần đó

được cài đặt, và đưa vào sử dụng. Sự khác nhau giữa phần tử phần mềm và cấu phần phần
mềm được thể hiện ở cách sử dụng. Phần mềm bao gồm rất nhiều yếu tố trừu tượng, các
đặc trưng chất lượng. Đó là thước đo để đánh giá một cấu phần hay một quy trình có đáp
ứng yêu cầu đặc tả hay không (theo chuẩn IEEE 610.12 1990). Thuật ngữ phần tử được
đặt trong phạm vi mô tả về cấu phần phần mềm như sau:
• Một cấu phần phần mềm là một phần tử phần mềm tuân theo một
mô hình cấu phần và có thể triển khai độc lập, đượckết hợp mà không cần
sửa đổi theo một chuẩn kết hợp.
• Một mô hình cấu phần định nghĩa các đặc tả tương tác và các chuẩn
kết hợp.
• Một cài đặt mô hình cấu phần là một tập hợp các phần tử phần

4


mềm xác định cần có để hỗ trợ việc thực thi của cáccấu phần tuân theo
mô hình.
• Hạ tầng của cấu phần phần mềm, là một tập hợp các cấu phần phần
mềm tương tác được thiết kế để đảm bảo rằng hệ thống phần mềm được
xây dựng sử dụng các cấu phần và giao diện này sẽ thỏa mãn các đặc tả
hiệu năng đã định nghĩa.
Các định nghĩa này thể hiện mối quan hệ quan trọng giữa hạ tầng của cấu phần
phần mềm, các cấu phần phần mềm và mô hình cấu phần.
1.1.2 Nguyên tắc của COP.

• Nguyên tắc 1: Trừu tượng hóa và phân tích các cấu phần đại diện.
Trừu tượng hóa là một cách để phân tích sản phẩm bằng cách thay đổi mức độ chi
tiết được xem xét. Các cấu phần phần mềm ẩncác chi tiết nhất định để chỉ cung cấp
thông tin cần thiết cho khách hàng thông qua giao diện của chúng. Trừu tượng hóa
và sau đó phân tích là chiến lược điển hình trong quá trình phát triển phần mềm.

• Nguyên tắc 2: Tái sử dụng nên đạt được ở các mức độkhác nhau.
Có năm hình thức của các cấu phần phần mềm, cụ thể là : cấu phần đặc tả, cấu
phần giao diện, cấu phần thực thi, cấu phần cài đặt và các cấu phần đối
tượng. Mỗi hình thức của các cấu phần phần mềm có thể được tái sử dụng trong
các giai đoạn khác nhau của một vòng đời phần mềm.
• Nguyên tắc 3: Phát triển phần mềm dựa trên cấu phần tăng độ tin cậy của phần
mềm.
Với sự tiến bộ nhanh chóng của phần cứng máy tính với độ tin cậy cao, mạnh mẽ,
rẻ hơn và sẵn sàng cho các ứng dụng khác nhau. Độ tin cậy của một hệ thống máy
tính dựa chủ yếu vào sự tin cậy của phần mềm. Phát triển phần mềm dựa trên cấu
phần và lập trình hướng cấu phần cung cấp một cách có hệ thống để đạt được các
hệ thống đáng tin cậy.
• Nguyên tắc 4: Phát triển phần mềm dựa trên cấu phần có thể tăng năng suất
phần mềm.
Phần mềm dựa trên cấu phần được xây dựng bằng cách lắp ráp các cấu
phần tái sử dụng hiện tại. Quá trình này nhanh hơn nhiều so với phát triển một ứng
dụng từ vạch xuất phát.
• Nguyên tắc 5: Phát triển phần mềm dựa trên cấu phần khuyến khích việc tiêu
chuẩn hóa phần mềm.

5


2. Tổng quan về đề tài.
2.1 Giới thiệu đề tài Website giới thiệu và hướng dẫn làm đẹp.
Với sự bùng nổ thông tin trên Internet, vai trò của các trang web làm đẹp trực tuyến
ngày càng trở nên quan trọng. Khác với báo chí truyền thông có giới hạn thời gian cập
nhật tin tức, các trang web trực tuyến đã cung cấp được sự tiện lợi trong việc cập nhật và
phát hành thông tin.
Về phía người dùng, họ có thể xem thông tin làm đẹp mọi lúc mọi nơi. Về phía những

người cung cấp thông tin, họ có thể dễ dàng cập nhật những tin tức làm đẹp mới nhất, thời
sự nhất. Do đó việc sử dụng các trang web làm đẹp trực tuyến luôn là điều cần thiết hiện
nay nhằm đáp ứng nhu làm đẹp của mọi người.
Hiện nay, phụ nữ ai ai cũng muốn mình luôn được trẻ trung, xinh đẹp. Để tiếp cận
lượng khách hàng này các trung tâm làm đẹp, spa mọc lên rất nhiều .Vậy làm sao để biết
được đâu là địa chỉ uy tin, làm đẹp tốt, hay những cách làm cực kỳ đơn giản nhưng lại
đem lại hiểu quả vô cùng cho sắc đẹp. Một website được thiết kế để giới thiệu và hướng
dẫn làm đẹp cho các chị em phụ nữ được ra đời.
2.1.1 Mục tiêu.

“Website giới thiệu và hướng dẫn làm đẹp cho eva” đặt ra những mục tiêu sau:
• Người dùng có thể dễ dàng truy cập và website thông qua mạng internet, dễ dàng
tra cứu và tìm kiếm thông tin.
• Người dùng có thể thực hiện các thao tác mà họ muốn mà không gặp phải bất kỳ
trở ngạy nào.
• Người quản trị dễ dàng sử dụng các chức năng quản lý, thao tác nhanh, tiện lợi.
2.1.2 Đối tượng sử dụng
Người dung:
Người dùng có thể sử dụng các chức năng cơ bản nhất của một website: xem tin
tức, tìm kiếm, bình luận về bài viết…

6


Người quản trị:
Người quản trị có đầy đủ quyền hành của một người quản lý website:
• Thêm, xóa, sửa chức năng, liên kết, bài viết…
• Ẩn hiện các mẫu tin lên website.
• Đổi thông tin tài khoản của mình.

7


THIẾT KẾ
3. Phân tích hệ thống về mặt chức năng.
3.1 Sơ đồ phân giã chức năng.
Kí hiệu sử dụng : Sử dụng hình chữ nhật để biểu diễn chức năng chi tiết của hệ
thống. Chức năng công việc cần làm và được phân theo từng mức từ tổng hợp đến chi
tiết.

Tên chức
năngphân rã thành các chức năng con. Chức năng con có quan
Mỗi chức năng được
hệ phân cấp với chức năng cha. Có 2 loại phân cấp là phân cấp dọc và phân cấp
ngang. Các phân cấp này có ý nghĩa tương đương nhau, các chức năng ở trên cùng
một mức có tầm quan trọng như nhau.
Biểu diễn:

8


Hình 1 : Sơ đồ hệ thống

9


4. Phân tích thiết kế hướng đối tượng
4.1 Biểu đồ usecase.

ContentManagement

Certif icatedManagement

Login by gmail
(from CertificatedManagement)

<<extend>>

Login by facebook

ViewPosts

(from CertificatedManagement)

(from ContentManagement)

<<extend>>

Contact
(from ContentManagement)

<<extend>>

<<extend>>

<<extend>>
Login

QuestionAsk

Register
Share

(from CertificatedManagement)(from CertificatedManagement)

Admin

(from ContentManagement)

Like (from ContentManagement)

Admin_id : string
Admin_name : String
Admin_email : String
Admin_password : String
Admin_birthday : Date
Admin_account : String
Admin_address : String
Admin_sex : String
Admin_mobilephone : number

Comment (from ContentManagement)
(from ContentManagement)

Search
(from ContentManagement)

getManagement()
getContact()
getblockuser()

getsearch()
getbllockComment()

User
user_id : String
user_accout_name : String
user_email : String
user_password : String
user_url_avatar : String
user_point : int
use_name : String
user_birthday : Date
user_address : String
user_location : Location
user_sex : Sex
user_mobile_phone : number
user_website : String
user_introduce : String
block : boolean

AdminWebsite

CommentManagement
List Management

PostManagement

(from AdminWebsite)

(from AdminWebsite)

(from AdminWebsite)

UserManagement
(from AdminWebsite)

<<extend>>

StatisticalManagementFeedbackManagement
(from AdminWebsite)

(from AdminWebsite)

<<extend>>
<<extend>>
<<extend>>

getFeedback()
getCommentBlock()
getContact()
getquestionask()

SendFeedback
SendCommentBlock

Comment Block

Block user

(from AdminWebsite)

(from AdminWebsite)

(from AdminWebsite)

(from AdminWebsite)

Hình 2 : Biểu đồ usecase

10


4.2 Biểu đồ lớp.
4.2.1 Comment.

W_Comment
(from Boundary)

Mo form()
Viet comment()
Nhan gui()
Hien Thi Ket Qua()

C_CommentControl

E_Comment

(from Control)

(from Entity)

getAllComment()
getReply()
sendBlockComment()
addComment()
deleteComment()
editComment()
getAllReply()
checkContent()
deleteReply()
getAllCommentBlock()
blockComment()

id
hoten
email
noidung
idTin
Ngay
Luu comment()

Hình 3 : Biểu đồ lớp comment

11


4.2.2 Đăng nhập.

W_Login

C_LoginControl

(from Boundary)

(from Control )

Mo form()
Nhap username, password()
Nhan dang nhap()
Hien thi ket qua()

KiemtraDangnhap()

E_UserManagement
(from Enti ty)

idUser
HoTen
Username
Password
Diachi
DienThoai
Email
NgayDangKy
idGroup
NgaySinh
GioiTinh
Active
RandomKey
Kiemtra()

Hình 4 : Biểu đồ lớp đăng nhập

4.2.3 Quản lý thể loại.

Thêm thể loại.

12


W_AddCategory

C_CategoryControl

(from Boundary)

(from Control)

NhapThongtinTheLoai()
Luu()

getAllCategory()
addCategory()
editCategory()
deleteCategory()

E_Category
(from Entity)

idTL

TenTL
TenTL_KhongDau
ThuTu
AnHien
LuuTheLoai()
XoaTheLoai()

Hình 5 : Biểu đồ lớp thêm thể loại

Xóa thể loại.

W_CategoryManagement
(from Boundary)

category_id : String
category_name : String
addCategory()
editCategory()
deleteCategory()

C_CategoryControl

E_Category

(from Control)

(from Entity)

getAllCategory()
addCategory()

editCategory()
deleteCategory()

idTL
TenTL
TenTL_KhongDau
ThuTu
AnHien
LuuTheLoai()
XoaTheLoai()

Hình 6 : Biểu đồ lớp Xóa thể loại

13


Sửa thể loại.

W_EditCategory

C_CategoryControl

E_Category

(from Boundary)

(from Control)

(from Entity)

capnhatthontin theloai()
update()

getAllCategory()
addCategory()
editCategory()
deleteCategory()

idTL
TenTL
TenTL_KhongDau
ThuTu
AnHien
LuuTheLoai()
XoaTheLoai()

Hình 7 : Biểu đồ lớp sửa thể loại

4.2.4 Quản lý loại tin.

Thêm loại tin

14


W_AddType

C_TypeControl

E_Type

(from Boundary)

(from Control)

(from Entity)

nhapthongtinloaitin()
nhan update()

getAllPostype()
addType()
opname()
editType()
deleteType()
Luu()

idLT
Ten
Ten_KhongDau
AnHien
ThuTu
idTl
LuuLoaiTin()
XoaLoaiTin()

Hình 8 : Biểu đồ lớp sửa loại tin

Xóa loại tin.

W_TypeManagement

C_TypeControl

E_Type

(from Boundary)

(from Control)

(from Entity)

Mo Form()
Chon loai Tin()
Nhan Delete()
Hien thi ket qua()

getAllPostype()
addType()
opname()
editType()
deleteType()
Luu()

idLT
Ten
Ten_KhongDau
AnHien
ThuTu
idTl

LuuLoaiTin()
XoaLoaiTin()

15


Hình 9 : Biểu đồ lớp xóa loại tin
Sửa loại tin.

W-EditType

C_TypeControl

(from Boundary)

(from Control)

sua()
luu()

getAllPostype()
addType()
opname()
editType()
deleteType()
Luu()

E_Type
(from Entity)

idLT
Ten
Ten_KhongDau
AnHien
ThuTu
idTl
LuuLoaiTin()
XoaLoaiTin()

Hình 10 : Biểu đồ lớp sửa loại tin

4.2.5 Quản lý tin.

Thêm tin.

16


W_AddPost

C_PostsControl

(from Boundary)

(from Control )

nhap thong tin()
nhan them()

getAllPost()

addPosts()
deletePost()
deletePost()
editPosts()
searchPosts()
getComment()

E_Post
(from Entity)

idTin
TieuDe
TieuDe_KhongDau
TomTat
urlHinh
Ngay
idUser
Content
idLT
idTL
SoLanXem
TinNoiBat
AnHien
LuuTin()

Hình 11 : Biểu đồ lớp thêm tin

Sửa tin.

W_EditPost

C_PostsControl

E_Post

(from Boundary)

(from Control )

(from Enti ty)

addPosts()
editPosts()

getAllPost()
addPosts()
deletePost()
deletePost()
editPosts()
searchPosts()
getComment()

idTin
TieuDe
TieuDe_KhongDau
TomTat
urlHinh
Ngay
idUser
Content

idLT
idTL
SoLanXem
TinNoiBat
AnHien
LuuTin()

17


Hình 12 : Biểu đồ lớp sửa tin

Xóa tin.

W_PostsManagement

C_PostsControl

E_Post

(from Boundary)

(from Control )

(from Entity)

arrPosts : ArrayList<Posts>
strSearchPosts : String
getPosts()
deletePosts()

searchPosts()
addPosts()
editPosts()

getAllPost()
addPosts()
deletePost()
deletePost()
editPosts()
searchPosts()
getComment()

idTin
TieuDe
TieuDe_KhongDau
TomTat
urlHinh
Ngay
idUser
Content
idLT
idTL
SoLanXem
TinNoiBat
AnHien
LuuTin()

Hình 13 : Biểu đồ lớp xóa tin

18

4.3 Biểu đồ tuần tự ( Sequence Diagram).
4.3.1 Quản lý đăng nhập.

W_Login

C_LoginControl

(from Boundary)

(from Control )

Mo form()
Nhap username, password()
Nhan dang nhap()
Hien thi ket qua()

E_UserManagement
(from Enti ty)

idUser
HoTen
Username
Password
Diachi
DienThoai
Email
NgayDangKy
idGroup

NgaySinh
GioiTinh
Active
RandomKey

KiemtraDangnhap()

Kiemtra()

Hình 14 : Biểu đồ tuần tự quản lý đăng nhập

4.3.2 Quản lý hỏi đáp.

: Admin

: W_Login

: ViewQuestionAnswer

: Question

: FeedbackControl

: Question

1: login
2: LoginSuccess
3: Answer
4: Save

5: Display

19


Hình 15 : Biểu đồ tuần tự hỏi đáp
4.3.3 Comment của người đọc.

: User

: ViewPost

: W_Login

1: View

: Comment

: Comment

: CommentControl

2: Login

3: LoginSuccess
4: Comment
5: save

Hình 16 : Biểu đồ tuần tự comment của người đọc

20


4.3.4 Quản lý comment.

: Admin

: ViewPost

: Comment
: W_Login

1: View

: W_CommentManagemet

: CommentControl

2: Login
3: LoginSuccess
4:
5: Save
6: Display

Hình 17 : Biểu đồ tuần tự quản lý comment
4.3.5 Quản lý thể loại.

Thêm Thể loại.

21

: Admin

: W_Login

: W_Management

: W_CategoryManagement

: W_AddCategory

: E_Category
: C_CategoryControl

1: Login success
2: hien thi man hinh quan ly cua admin

3: chon quan ly the loai
4: hien thi man hinh the loai

5: chon thêm the loai
6: hien form thêm

7: nhap thong tin
8: nhan save
9: Luu
10: tao the loai
11: hien thi ket qua
12: luu

13: tra ve

Hình 18 : Biểu đồ tuần tự thêm thể loại

22


Xóa thể loại.

: Admin

: W_Login

: W_Management

: W_CategoryManagement

: C_CategoryControl

: E_Category

1: Login success
2: hien thi man hinh quan ly cua admin

3: chon quan ly the loai
4: hien thi man hinh the loai

5: chon xoa the loai
6: xoa
7: xoa

8: tra ket qua ve

9: hien thi ket qua

Hình 19 : Biểu đồ tuần tự xóa thể loại

Sửa thể loại.

23


: Admin

: W_Login

: W_Management

: W_CategoryManagement

: W_EditCategory

: E_Category
: C_CategoryControl

1: Login success
2: hien thi man hinh quan ly cua admin

3: chon quan ly the loai
4: hien thi man hinh the loai

5: chon sua the loai
6: hien form sua

7: nhap update
8: luu
9: luu
10: tra ve

11: hien thi ket qua

Hình 20 : Biểu đồ tuần tự sửa thể loại
4.3.6 Quản lý loại tin.

Thêm loại tin.

24


: Admin

: W_Login

: W_Management

: W_TypeManagement

: W_AddType

: C_TypeControl

: E_Type

1: Login success
2: hien thi man hinh quan ly cua admin

3: chon quan ly loai tin
4: hien thi man hinh loai tin

5: chon thêm loai tin
6: hien form thêm

7: nhap thong tin
8: nhan save
9: Luu
10: tao loai tin
11: hien thi ket qua
12: luu
13: tra ve

Hình 21 : Biểu đồ tuần tự thêm loại tin

25