Trường CĐ CNTT Hữu nghị Việt – Hàn Xây dựng website thời trang nữ TRƯỜNG……………… KHOA………………………… BÁO CÁO TỐT NGHIỆP ĐỀ TÀI: Thiết kế website thời trang Eva MỤC LỤC MỤC LỤC NSV thực hiện: Ly , Nguyệt, Thắm Trường CĐ CNTT Hữu nghị Việt – Hàn Xây dựng website thời trang nữ LỜI MỞ ĐẦU DANH MỤC HÌNH ẢNH .3 PHẦN I: MỞ ĐẦU 1.1 Lý chọn đề tài: 1.2 Tính website PHẦN II NỘI DUNG .5 2.1 Mô tả sở liệu tổng quát 2.1.1 Tạo CSDL 2.1.2 Tạo thủ tục 2.2 Mô tả forder 2.2.1 Phần 2.2.2 Phần 10 2.3 Mô tả chi tiết chức trang web 12 2.3.1 Phần dành cho khách hàng 12 2.3.1.1 Trang Main 12 2.3.1.2 Trang Giới thiệu sản phẩm 12 2.3.1.3 Trang Chi tiết sản phẩm .13 2.3.1.4 Trang Đăng ký khách hàng mua sản phẩm .14 2.3.1.5 Trang đăng nhập 15 2.3.1.6 Trang giỏ hàng 15 2.3.1.7 Trang thông tin tư vấn 16 2.3.1.8 Trang Đơn hàng khách 16 2.3.1.9 Trang sản phẩm theo danh mục .17 2.3.2 Phần dành cho Admin .18 PHẦN III: KẾT LUẬN 20 TÀI LIỆU THAM KHẢO 21 LỜI MỞ ĐẦU Thời đại sống nay, vấn đề phái nữ quan tâm “thời trang” Thời trang phần thiếu sống ngày họ NSV thực hiện: Ly , Nguyệt, Thắm Trường CĐ CNTT Hữu nghị Việt – Hàn Xây dựng website thời trang nữ Mặc cho hợp với thân địa điểm nơi đến vấn đề khó với người Nhằm giúp giải vấn đề phái nữ tự tin lúc nơ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ế modul (áo sơ mi, áo khoác, áo len, quần jean, túi xách giày dép) phù hợp cho người dùng Để khách hàng internet biết đến doanh nghiệp nhiều hơn, theo quy luật tất yếu có cung có cầu từ website thương mại điện tử đời nhằm đáp ứng nhu cầu giao dịch khách hàng doanh nghiệp ngược lại Chính mà nhu cầu có website thương mại điện tử để giao dịch mạng doanh nghiệp tăng cao Qua cho ta thấy vấn đề thương mại điện tử doanh nghiệp luôn vấn đề cấp thiết cho kinh tế đà phát triển vũ bão giới nói chung Việt Nam nói riêng Hiện có nhiều ngơn ngữ để lập trình web như: HTML ,javascripts, vbscripts ngơn ngữ PHP, ASP Tuy nhiên qua tìm hiểu học tập trường, nhóm em tiếp cận biết đến ngôn ngữ ASP.NET, ngơn ngữ có nhiều chức hỗ trợ cho việc thiết kế web Trong qua trình khảo sát tìm hiểu, nắm bắt nhu cầu doanh nghiệp cần website thương mại điện tử Vì chúng em chọn ngơn ngữ ASP.NET để “thiết kế website thời trang Eva” Đây đề tài bảo vệ đồ án mơn học ASP.NET 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, thời gian có hạn, lần đầu làm website nên kĩ năng, kinh nghiệm không có, khó tránh khỏi nhiều sai sót Vì chúng em mong nhận nhiều ý kiến đóng góp từ thầy bạn để chúng em hồn thành tốt đồ án Chân thành cảm ơn thầy cô bạn! Đà Nẵng, ngày 04/03/2011 DANH MỤC HÌNH ẢNH NSV thực hiện: Ly , Nguyệt, Thắm Trường CĐ CNTT Hữu nghị Việt – Hàn Xây dựng website thời trang nữ 1.1 Lý chọn đề tài: 1.2 Tính website 2.1 Mô tả sở liệu tổng quát 2.2 Mô tả forder 2.3 Mô tả chi tiết chức trang web 12 PHẦN I: MỞ ĐẦU 1.1 Lý chọn đề tài: - Như biết ngày với nhịp sống tốc độ cao, nhu cầu người ngày lớn từ thứ Không trước đây, người cần ăn đủ no mặc đủ ấm nhu cầu cao phải ăn ngon mặc đẹp - Hiện nay, việc ăn mặc quan trọng thiếu sống đặc biệt phái nữ, họ có nhu cầu cao cầu kỳ kiện, bữa tiệc giúp họ tơn vinh Nhưng sống thời gian q báu, họ khơng có thời gian để lại mua sắm.nên việc mua sắm trực tiếp internet giải pháp cần thiết - Nắm điều đó, nhóm chúng em tìm hiểu xây dựng trang web thời trang phục vụ nhu cầu làm đẹp phái nữ 1.2 Tính website - Cho phép nhà quản trị cập nhật thay đổi thông tin sản phẩm NSV thực hiện: Ly , Nguyệt, Thắm Trường CĐ CNTT Hữu nghị Việt – Hàn Xây dựng website thời trang nữ - 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ý số lượt khách hàng truy cập website số người truy cập - Giao diện bắt mắc tạo thêm sinh động khách viếng thăm - Menu để dễ dàng tìm kiếm thơng tin mong muốn, khách hàng mua hàng, đăng ký thành viên để xem đơn hàng - Tư vấn giúp khách hàng hiểu cách ăn mặc, chăm sóc sắc đẹp PHẦN II NỘI DUNG 2.1 Mô tả sở 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 NSV thực hiện: Ly , Nguyệt, Thắm Trường CĐ CNTT Hữu nghị Việt – Hàn Xây dựng website thời trang nữ + Thống kê truy cập + Tư vấn Hình : Mối quan hệ bảng 2.1.2 Tạo thủ tục NSV thực hiện: Ly , Nguyệt, Thắm Trường CĐ CNTT Hữu nghị Việt – Hàn Xây dựng website thời trang nữ Hình : Các thủ tục 2.2 Mô tả forder NSV thực hiện: Ly , Nguyệt, Thắm 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 Ở phân hệ khách hàng có 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 : Cây Foder cho phân hệ khách hàng - Admin: chứa trang cho việc quản trị sản phẩm, khách hàng, đơn hàng nhà quản trị NSV thực hiện: Ly , Nguyệt, Thắm Trường CĐ CNTT Hữu nghị Việt – Hàn Xây dựng website thời trang nữ Hình : Cây Forder cho nhà quản trị - CollectionPaperDlLL: chứa liệu cho phân trang 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 lớp điều khiển tạo + MenuDanhMucSanPham.ascx + Top10SanPham.ascx NSV thực hiện: Ly , Nguyệt, Thắm 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 Đây forder chứa lớp thư viện gồm tầng - Tầng ShopEva.BusinessLogic: Thực logic nghiệp vụ Hình : Tầng BusinessLogic 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.Common : Chứa lớp dùng chung Hình 6: Tầng Common - Tầng ShopEva.DataAccess Thực tất xử lý đến CSDL Mã thực thi gọi stored procedure bên CSDL để thực thi CSDL Hình : Tầng DataAccess 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ữ - Tầng ShopEva.Operational Thực thi tác vụ khơng liên quan đến CSDL Hình : Tầng Operational 2.3 Mô tả chi tiết chức trang web - Một trang Web hoàn thiện phải có nhiều yếu tố cấu thành, yếu tố điều có liên kết hỗ trợ với tạo nên website Sau nhóm em giới thiệu chức trang web 2.3.1 Phần dành cho khách hàng 2.3.1.1 Trang Main - Main phần trang trí cho giao web thêm phần hấp dẫn, thu hút khách hàng, chèn Flash, hình ảnh (.jpg, gif….)… - Với hình ảnh hấp dẫn, nội dung cụ thể Web làm người dùng hứng thú làm khách hàng thường xuyên Web - Cơ sở để 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 cho người dùng - Với hình ảnh hấp dẫn, nội dung cụ thể Web làm người dùng hứng thú làm khách hàng thường xuyên Web 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 : Giao diện Trang Chủ Trang chủ Web hiển thị đại diện sản phẩm, tin tức, dịch vụ cho người dùng có nhìn tổng qt 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 13 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ý khách hàng mua sản phẩm - Khách hàng đă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, góp ý kiến xây dựng website 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 11 : Giao Diện Đăng Ký Thành Viên 2.3.1.5 Trang đăng nhập Sau khách hàng đăng ký thơng tin trang Đăng Ký thành cơng có tên đăng ký lưu cở sở liệu Lúc khách hàng đăng nhập vào website kích vào nút ĐĂNG NHẬP menu 2.3.1.6 Trang giỏ hàng Khi khách hàng kích chọn mua sản phẩm, trang hiển thị sản phẩm mà khách hàng chọn, xóa, sửa số lượng sản phẩm muốn mua chấp nhận toán 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 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 thông tin 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 mật 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ữ 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 số danh mục menu danh mục, khách hàng dễ dàng tìm kiếm sản phẩm mong muốn 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ữ 2.3.2 Phần dành cho Admin - Nhà quản trị thêm sản phẩm Hình 14 : Giao diện thêm sản phẩm Admin - Nhà quản trị 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 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ữ - Đồng thời giúp nhà quản trị thêm thơng tin tư vấn, xem đơn hàng để xử lý quản trị khách hàng Hình 16 : Giao diện thơng tin khách hàng Admin 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ữ PHẦN III: KẾT LUẬN Trong trình làm đồ án, chúng em gặp nhiều khó khăn giúp đỡ tận tình thầy, nhóm em hồn thành đồ án Chúng em tìm hiểu tham khảo trang web thời trang như: thoitranghanh.com, enbac.com.vn,… Từ nhóm đưa ý tưởng, định hướng giao diện web Trong làm đồ án kiến thức có hạn nên khơng tránh khỏi sai sót , mong thầy bạn đóng góp ý kiến để đồ án hồn thiện tốt hơn, để đáp ứng với nhu cầu thực tế Cuối chúng em xin chân thành cảm ơn giúp đỡ thầy trình làm đồ án, để đồ án hoàn thành NSV thực hiện: Ly , Nguyệt, Thắm 20 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 trường CĐ CNTT Hữu Nghị Việt-Hàn [2] [3] website [4] Website http://thoitranghanh.com.vn hãng Honda Website http://www.webdoanhnghiep.biz, hướng dẫn thiết kế Website http://www Google.com.vn NSV thực hiện: Ly , Nguyệt, Thắm 21 ... dựng website thời trang nữ PHẦN III: KẾT LUẬN Trong trình làm đồ án, chúng em gặp nhiều khó khăn giúp đỡ tận tình thầy, nhóm em hồn thành đồ án Chúng em tìm hiểu tham khảo trang web thời trang. .. trợ cho việc thiết kế web Trong qua trình khảo sát tìm hiểu, nắm bắt nhu cầu doanh nghiệp cần website thương mại điện tử Vì chúng em chọn ngơn ngữ ASP.NET để ? ?thiết kế website thời trang Eva” Đây... nay, vấn đề phái nữ quan tâm ? ?thời trang? ?? Thời trang phần thiếu sống ngày họ NSV thực hiện: Ly , Nguyệt, Thắm Trường CĐ CNTT Hữu nghị Việt – Hàn Xây dựng website thời trang nữ Mặc cho hợp với thân