Đồ án tốt nghiệp lập trình web

Trường CĐ CNTT Hữu nghị Việt – Hàn

Xây dựng website thời trang nữ.

LỜI MỞ ĐẦU
Thời đại cuộc sống hiện nay, vấn đề được phái nữ quan tâm nhất đó là “thời
trang”. Thời trang đã là một phần không thể thiếu trong cuộc sống hằng ngày của họ.
Mặc như thế nào cho hợp với bản thân và địa điểm nơi mình đến là một vấn đề khó với
mọi người. Nhằm giúp giải quyết vấn đề đó nhất là phái nữ có thể tự tin chính mình
mọi lúc mọi nơi, chúng tôi đã thiết kế trang web thời trang Shop Eva dành riêng cho
phái nữ. Web Shop Eva thiết kế những modul (áo sơ mi, áo khoác, áo len, quần jean,
túi xách và giày dép) phù hợp cho người dùng.
Để khách hàng trên internet biết đến doanh nghiệp mình nhiều hơn, theo quy luật
tất yếu có cung thì sẽ có cầu và từ đó website thương mại điện tử cũng ra đời nhằm
đáp ứng nhu cầu giao dịch giữa khách hàng và doanh nghiệp và ngược lại. Chính vì
vậy mà nhu cầu có một website thương mại điện tử để giao dịch trên mạng của doanh
nghiệp tăng cao. Qua đó cho ta thấy rằng vấn đề thương mại điện tử trong doanh
nghiệp luôn luôn là một vấn đề cấp thiết cho một nền kinh tế đang trên đà phát triển
như vũ bão của thế giới nói chung và tại Việt Nam nói riêng.
Hiện nay có rất nhiều ngôn ngữ để lập trình web như: HTML ,javascripts,
vbscripts rồi các ngôn ngữ như PHP, ASP... . 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ữ ASP.NET, đây là một ngôn ngữ có
nhiều chức năng hỗ trợ cho việc thiết kế web.
Trong qua trình khảo sát và tìm hiểu, nắm bắt được nhu cầu của các doanh nghiệp
hiện nay là cần một website thương mại điện tử. Vì thế chúng em đã chọn ngôn ngữ
ASP.NET để “thiết kế website thời trang Eva”. Đây cũng là đề tài bảo vệ đồ án môn
học ASP.NET của nhóm chúng em.
Danh sách nhóm gồm có:
1)

Lê Thị Châu Ly

2)

Nguyễn Thị Ánh Nguyệt

3)

Lê Thị Ngọc Thắm

Song, vì thời gian có hạn, lần đầu làm website nên kĩ năng, kinh nghiệm hầu như
không có, khó tránh khỏi nhiều sai sót. Vì vậy chúng em rất mong nhận được nhiều ý
kiến đóng góp từ thầy cô và các bạn để chúng em hoàn thành tốt đồ án này.
Chân thành cảm ơn thầy cô và các bạn!
Đà Nẵng, ngày 04/03/2011

NSV thực hiện: Ly , Nguyệt, Thắm

1


Trường CĐ CNTT Hữu nghị Việt – Hàn

Xây dựng website thời trang nữ.

MỤC LỤC
LỜI MỞ ĐẦU................................................................................................................................1
MỤC LỤC......................................................................................................................................2
DANH MỤC HÌNH ẢNH............................................................................................................2
PHẦN I: MỞ ĐẦU........................................................................................................................3

1.1. Lý do chọn đề tài:..............................................................................................3
1.2. Tính năng của website.......................................................................................3
PHẦN II. NỘI DUNG...................................................................................................................4

2.1. Mô tả cơ sở dữ liệu tổng quát...........................................................................4
2.1.1. Tạo CSDL....................................................................................................4
2.1.2. Tạo thủ tục...................................................................................................5
2.2. Mô tả cây forder................................................................................................6
2.2.1. Phần 1..........................................................................................................7
2.2.2. Phần 2..........................................................................................................9
2.3. Mô tả chi tiết chức năng các trang web.........................................................11
2.3.1. Phần dành cho khách hàng......................................................................11
2.3.1.1. Trang Main.......................................................................................................11
2.3.1.2. Trang Giới thiệu sản phẩm..............................................................................11
2.3.1.3. Trang Chi tiết sản phẩm..................................................................................12
2.3.1.4. Trang Đăng ký của khách hàng khi mua sản phẩm.........................................13
2.3.1.5. Trang đăng nhập..............................................................................................14
2.3.1.6. Trang giỏ hàng.................................................................................................14
2.3.1.7. Trang thông tin tư vấn.....................................................................................15
2.3.1.8. Trang Đơn hàng khách....................................................................................15
2.3.1.9. Trang sản phẩm theo danh mục.......................................................................16

2.3.2. Phần dành cho Admin...............................................................................17
PHẦN III: KẾT LUẬN..............................................................................................................19
TÀI LIỆU THAM KHẢO..........................................................................................................20

DANH MỤC HÌNH ẢNH
1.1. Lý do chọn đề tài:..............................................................................................3
1.2. Tính năng của website.......................................................................................3
2.1. Mô tả cơ sở dữ liệu tổng quát...........................................................................4

NSV thực hiện: Ly , Nguyệt, Thắm

2


Trường CĐ CNTT Hữu nghị Việt – Hàn

Xây dựng website thời trang nữ.

2.2. Mô tả cây forder................................................................................................6
2.3. Mô tả chi tiết chức năng các trang web.........................................................11

PHẦN I: MỞ ĐẦU
1.1. Lý do chọn đề tài:
- Như chúng ta đã biết ngày nay với nhịp sống tốc độ cao, nhu cầu của con
người càng ngày càng lớn từ mọi thứ. Không như trước đây, con người chỉ cần ăn đủ
no mặc đủ ấm thì bây giờ nhu cầu cao hơn phải ăn ngon mặc đẹp.
- Hiện nay, việc ăn mặc rất quan trọng không thể thiếu trong cuộc sống đặc biệt là
phái nữ, họ có nhu cầu cao hơn và cầu kỳ hơn trong các sự kiện, bữa tiệc...giúp họ
được tôn vinh. Nhưng cũng vì cuộc sống hiện nay thời gian rất quý báu, họ không có
thời gian để đi lại mua sắm.nên việc mua sắm trực tiếp trên internet là giải pháp cần
thiết nhất.
- Nắm được điều đó, nhóm chúng em đã tìm hiểu và xây dựng trang web thời
trang phục vụ nhu cầu làm đẹp của phái nữ.
1.2. Tính năng của website
- Cho phép nhà quản trị cập nhật thay đổi thông tin sản phẩm
- Công cụ tìm kiếm: giúp tra cứu nhanh, giúp khách hàng giảm thiểu thời gian truy
cập.
- Quản lý được số lượt khách hàng truy cập trên website và số người đang truy
cập.

NSV thực hiện: Ly , Nguyệt, Thắm

3


Trường CĐ CNTT Hữu nghị Việt – Hàn

Xây dựng website thời trang nữ.

- Giao diện bắt mắc tạo thêm sinh động khi khách viếng thăm.
- Menu để dễ dàng tìm kiếm thông tin mong muốn, khách hàng có thể mua hàng,
đăng ký thành viên để xem đơn hàng.
- Tư vấn giúp khách hàng hiểu hơn về cách ăn mặc, chăm sóc sắc đẹp.

PHẦN II. NỘI DUNG
2.1. Mô tả cơ sở dữ liệu tổng quát.
2.1.1. Tạo CSDL.
Gồm 11 bảng : + Đơn hàng.
+ Chi tiết đơn hàng.
+ Hình sản phẩm.
+ Tình trạng đơn hàng.
+ Sản phẩm.
+ Người dùng.
+ Gi ỏ hàng.
+ Danh mục sản phẩm.
+ Kiểu người dùng.
+ Thống kê truy cập.
+ Tư vấn.

NSV thực hiện: Ly , Nguyệt, Thắm

4


Trường CĐ CNTT Hữu nghị Việt – Hàn

Xây dựng website thời trang nữ.

Hình 1 : Mối quan hệ giữa các bảng.
.
2.1.2. Tạo thủ tục.

NSV thực hiện: Ly , Nguyệt, Thắm

5


Trường CĐ CNTT Hữu nghị Việt – Hàn

Xây dựng website thời trang nữ.

Hình 2 : Các thủ tục

2.2. Mô tả cây forder.
NSV thực hiện: Ly , Nguyệt, Thắm

6


Trường CĐ CNTT Hữu nghị Việt – Hàn

Xây dựng website thời trang nữ.

2.2.1. Phần 1.
Ở phân hệ khách hàng có những trang giới thiệu sản phẩm thời trang, sản phẩm
theo danh mục, giỏ hàng, đơn hàng, đăng ký thành viên, đăng nhập...

Hình 3 : Cây Foder cho phân hệ khách hàng.
- Admin: chứa các trang cho việc quản trị sản phẩm, khách hàng, đơn hàng... của
nhà quản trị.

NSV thực hiện: Ly , Nguyệt, Thắm

7


Trường CĐ CNTT Hữu nghị Việt – Hàn

Xây dựng website thời trang nữ.

Hình 4 : Cây Forder cho nhà quản trị .
- CollectionPaperDlLL: chứa dữ liệu cho phân trang trong datalist.
- CSS : phục vụ cho việc định dạng trang web.
- Image : chứa hình ảnh cho việc trang trí web.
- Tài nguyên điều khiển : chứa 2 lớp điều khiển được tạo ra là
+ MenuDanhMucSanPham.ascx..
+ Top10SanPham.ascx..

NSV thực hiện: Ly , Nguyệt, Thắm

8


Trường CĐ CNTT Hữu nghị Việt – Hàn

Xây dựng website thời trang nữ.

2.2.2. Phần 2.
Đây là forder chứa lớp thư viện gồm 4 tầng
- Tầng ShopEva.BusinessLogic: Thực hiện các logic nghiệp vụ.

Hình 5 : Tầng BusinessLogic

NSV thực hiện: Ly , Nguyệt, Thắm

9


Trường CĐ CNTT Hữu nghị Việt – Hàn

Xây dựng website thời trang nữ.

- Tầng ShopEva.Common : Chứa các lớp dùng chung

Hình 6: Tầng Common
- Tầng ShopEva.DataAccess.
Thực hiện tất cả các xử lý đến CSDL. Mã thực thi sẽ gọi các stored procedure bên
trong CSDL để thực thi CSDL.

Hình 7 : Tầng DataAccess

NSV thực hiện: Ly , Nguyệt, Thắm

10


Trường CĐ CNTT Hữu nghị Việt – Hàn

Xây dựng website thời trang nữ.

- Tầng ShopEva.Operational.
Thực thi các tác vụ không liên quan đến CSDL.

Hình 8 : Tầng Operational
2.3. Mô tả chi tiết chức năng các trang web.
- Một trang Web hoàn thiện thì phải có nhiều yếu tố cấu thành, mỗi yếu tố điều có
sự liên kết và hỗ trợ với nhau tạo nên website. Sau đây nhóm em sẽ giới thiệu chức
năng của từng trang về web của mình.
2.3.1. Phần dành cho khách hàng.
2.3.1.1. Trang Main.
- Main là phần trang trí cho giao web thêm phần hấp dẫn, thu hút khách hàng, có
thể chèn Flash, hình ảnh (.jpg, .gif….)….
- Với hình ảnh hấp dẫn, nội dung cụ thể của Web làm người dùng hứng thú và sẽ
làm khách hàng thường xuyên của Web.
- Cơ sở để các trang khác kế thừa.
2.3.1.2. Trang Giới thiệu sản phẩm.
- Web tạo ấn tượng đầu tiên cho người dùng.
- Với hình ảnh hấp dẫn, nội dung cụ thể của Web làm người dùng hứng thú và sẽ
làm khách hàng thường xuyên của Web.

NSV thực hiện: Ly , Nguyệt, Thắm

11


Trường CĐ CNTT Hữu nghị Việt – Hàn

Xây dựng website thời trang nữ.

Hình 9 : Giao diện Trang Chủ
Trang chủ của Web sẽ hiển thị đại diện các sản phẩm, các tin tức, các dịch vụ cho
người dùng có cái nhìn tổng quát về Web.
2.3.1.3. Trang Chi tiết sản phẩm.
Hiên thị thông tin chi tiết sản phẩm .

NSV thực hiện: Ly , Nguyệt, Thắm

12


Trường CĐ CNTT Hữu nghị Việt – Hàn

Xây dựng website thời trang nữ.

Hình 10 : Giao diện Trang Sản Phẩm Chi Tiết
2.3.1.4. Trang Đăng ký của khách hàng khi mua sản phẩm.
- Khách hàng có thể đăng ký thành viên để hưởng nhũng dịch vụ tư vấn, quyền lợi
mà doanh nghiệp đưa ra, có thể góp ý kiến xây dựng website...

NSV thực hiện: Ly , Nguyệt, Thắm

13


Trường CĐ CNTT Hữu nghị Việt – Hàn

Xây dựng website thời trang nữ.

Hình 11 : Giao Diện Đăng Ký Thành Viên
2.3.1.5. Trang đăng nhập.
Sau khi khách hàng đã đăng ký thông tin ở trang Đăng Ký thành công thì sẽ có tên mình
đã đăng ký và được lưu ở cở sở dữ liệu. Lúc đó khách hàng có thể đăng nhập vào website khi
kích vào nút ĐĂNG NHẬP trên thanh menu.

2.3.1.6. Trang giỏ hàng.
Khi khách hàng kích chọn mua sản phẩm, trang này sẽ hiển thị những sản phẩm
mà khách hàng đã chọn, có thể xóa, sửa số lượng sản phẩm muốn mua và chấp nhận
thanh toán.

NSV thực hiện: Ly , Nguyệt, Thắm

14


Trường CĐ CNTT Hữu nghị Việt – Hàn

Xây dựng website thời trang nữ.

Hình 12 : Giao diện trang giỏ hàng
2.3.1.7. Trang thông tin tư vấn.
Tư vấn cho khách hàng những thông tin về thời trang, sức khỏe, làm đẹp, chăm

sóc da...
2.3.1.8. Trang Đơn hàng khách.
Khách hàng muốn xem đơn hàng phải đăng nhập tài khoản và mật khẩu.

NSV thực hiện: Ly , Nguyệt, Thắm

15


Trường CĐ CNTT Hữu nghị Việt – Hàn

Xây dựng website thời trang nữ.

Hình 13 : Giao diện trang Đơn Hàng Khách
2.3.1.9. Trang sản phẩm theo danh mục.
Khi khách hàng kích vào một trong số danh mục trong menu danh mục, khách
hàng có thể dễ dàng tìm kiếm sản phẩm mong muốn.

NSV thực hiện: Ly , Nguyệt, Thắm

16


Trường CĐ CNTT Hữu nghị Việt – Hàn

Xây dựng website thời trang nữ.

2.3.2. Phần dành cho Admin.
- Nhà quản trị có thể thêm sản phẩm.

Hình 14 : Giao diện thêm sản phẩm của Admin
- Nhà quản trị có thể xem, sửa sản phẩm, thêm danh mục sản phẩm.

Hình 15: Giao diện xem sản phẩm của Admin
NSV thực hiện: Ly , Nguyệt, Thắm

17


Trường CĐ CNTT Hữu nghị Việt – Hàn

Xây dựng website thời trang nữ.

- Đồng thời có thể giúp nhà quản trị có thể thêm thông tin tư vấn, xem đơn hàng
để xử lý và quản trị khách hàng...

Hình 16 : Giao diện thông tin khách hàng của Admin

NSV thực hiện: Ly , Nguyệt, Thắm

18


Trường CĐ CNTT Hữu nghị Việt – Hàn

Xây dựng website thời trang nữ.

PHẦN III: KẾT LUẬN
Trong quá trình làm đồ án, chúng em cũng gặp rất nhiều khó khăn nhưng được sự
giúp đỡ tận tình của thầy, nhóm em đã hoàn thành đồ án.

Chúng em đã tìm hiểu và tham khảo các trang web thời trang như:
thoitranghanh.com, enbac.com.vn,… Từ đó nhóm đưa ra các ý tưởng, định hướng về
giao diện web. Trong khi làm đồ án kiến thức có hạn nên không tránh khỏi các sai
sót , mong thầy cô và các bạn đóng góp ý kiến để đồ án được hoàn thiện tốt hơn, để
đáp ứng với nhu cầu thực tế.
Cuối cùng chúng em xin chân thành cảm ơn sự giúp đỡ của thầy trong quá trình
làm đồ án, để đồ án được hoàn thành.

NSV thực hiện: Ly , Nguyệt, Thắm

19


Trường CĐ CNTT Hữu nghị Việt – Hàn

Xây dựng website thời trang nữ.

TÀI LIỆU THAM KHẢO
[1].
Giáo trình Lập trình web với ASP.NET của trường CĐ CNTT
Hữu Nghị Việt-Hàn.
[2].
[3].
website.
[4].

Website của hãng Honda.
Website , hướng dẫn thiết kế
Website http://www. Google.com.vn

NSV thực hiện: Ly , Nguyệt, Thắm

20