Xem mẫu

  1. 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 NSV thực hiện: Ly , Nguyệt, Thắm 1
  2. 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 U MỤC LỤC ......................................................................................................................2 DANH MỤC HÌNH ẢNH .............................................................................................4 PHẦN I: MỞ ĐẦU ........................................................................................................5 U 1.1. Lý do chọn đề tài: .............................................................................................. 5 1.2. Tính năng của website....................................................................................... 5 PHẦN II. NỘI DUNG ...................................................................................................6 2.1. Mô tả cơ sở dữ liệu tổng quát. .......................................................................... 6 2.1.1. Tạo CSDL..................................................................................................... 6 2.1.2. Tạo thủ tục. .................................................................................................. 7 2.2. Mô tả cây forder. ............................................................................................... 8 2.2.1. Phần 1........................................................................................................... 8 2.2.2. Phần 2......................................................................................................... 10 2.3. Mô tả chi tiết chức năng cá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ý của khách hàng khi 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 NSV thực hiện: Ly , Nguyệt, Thắm 2
  3. 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 3
  4. Trường CĐ CNTT Hữu nghị Việt – Hàn Xây dựng website thời trang nữ. DANH MỤC HÌNH ẢNH Hình 1 : Mối quan hệ giữa các bảng. .......................................................................5 Hình 2 : Các thủ tục ..................................................................................................6 Hình 3 : Cây Foder cho phân hệ khách hàng. ........................................................7 Hình 4 : Cây Forder cho nhà quản trị . ...................................................................8 Hình 5 : Tầng BusinessLogic ....................................................................................9 Hình 6: Tầng Common............................................................................................10 Hình 7 : Tầng DataAccess.......................................................................................10 Hình 8 : Tầng Operational..................................................................................... 11 Hình 9 : Giao diện Trang Chủ............................................................................... 12 Hình 10 : Giao diện Trang Sản Phẩm Chi Tiết ................................................... 13 Hình 11 : Giao Diện Đăng Ký Thành Viên .......................................................... 14 Hình 12 : Giao diện trang giỏ hàng....................................................................... 15 Hình 13 : Giao diện trang Đơn Hàng Khách ....................................................... 16 Hình 14 : Giao diện thêm sản phẩm của Admin ................................................. 17 Hình 15: Giao diện xem sản phẩm của Admin .................................................... 17 Hình 16 : Giao diện thông tin khách hàng của Admin ....................................... 18 NSV thực hiện: Ly , Nguyệt, Thắm 4
  5. Trường CĐ CNTT Hữu nghị Việt – Hàn Xây dựng website thời trang nữ. 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 k iế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. - 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. NSV thực hiện: Ly , Nguyệt, Thắm 5
  6. Trường CĐ CNTT Hữu nghị Việt – Hàn Xây dựng website thời trang nữ. 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 6
  7. 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. Hình 2 : Các thủ tục NSV thực hiện: Ly , Nguyệt, Thắm 7
  8. 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. 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 8
  9. 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 9
  10. 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 10
  11. 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 11
  12. 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 12
  13. 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 13
  14. 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 14
  15. 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 15
  16. 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 16
  17. 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 17
  18. 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 18
  19. 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 19
  20. 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 20
nguon tai.lieu . vn