Thiết kế và xây dựng website thương mại điện tử

005.5 TRƯỜNG ĐẠI HỌC VINH KHOA ĐIỆN TỬ - VIỄN THÔNG ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC Đề tài: THIẾT KẾ, XÂY DỰNG WEBSITE THƯƠNG MAI ĐIỆN TỬ SV thực hiện: ĐẶNG THẾ CÔNG GV hướng dẫn: ThS ĐẶNG THÁI SƠN Lớp:51K2 - ĐTVT Khóa học: 2010 – 2015 NGHỆ AN - 01/2015 MỤC LỤC Trang LỜI CẢM ƠN…………………………………………………………………………4 LỜI NÓI ĐẦU TÓM TẮT ĐỒ ÁN DANH MỤC CÁC BẢNG BIỂU DANH MỤC CÁC HÌNH VẼ, ĐỒ THỊ 10 DANH MỤC CÁC KÝ HIỆU VÀ CHỮ VIẾT TẮT 11 Chương 1: TỔNG QUAN VỀ INTERNET, THƯƠNG MẠI ĐIỆN TỬ, WEBSITE 12 1.1 Tổng quan Internet 12 1.1.1 Internet gì? 12 1.1.2 Lịch sử Internet 12 1.1.3 Lợi ích internet 13 1.1.4 Sự xuất WWW 14 1.1.5 Nhà cung cấp dịch vụ Internet 15 1.1.6 Mạng không dây ngày phổ biến 17 1.1.7 Các trình duyệt Web phổ biến 18 1.2 Giới thiệu thương mại điện tử 18 1.1.2 Thương mại điện tử gì? 18 1.2.2 Sự hình thành thương mại điện tử 19 1.3 Một số loại website phổ biến Internet 22 1.3.1 Định nghĩa, phân loại website 22 1.3.2 Cách thức thiết kế số loại website phổ biến 23 Chương 2: NGƠN NGỮ LẬP TRÌNH WEBSITE ASP.NET 33 2.1 ASP.NET gì? 33 2.1.1 ASP.NET tích hợp với NET Framework 33 2.1.2 ASP.NET đa ngôn ngữ 33 2.1.3 ASP.NET hướng đối tượng 33 2.1.4 ASP.NET biên dịch 34 2.1.5 ASP.NET lưu trữ máy Common Language Runtime 34 2.1.6 ASP.NET dễ dàng triển khai cấu hình 35 2.2 Các tính ASP.NET 3.5 35 2.2.1 ASP.NET AJAX 35 2.2.2 Các Control 35 2.2.3 LINQ 35 2.2.4 ASP.NET Dynamic Data 35 2.2.5 ASP.NET MVC 36 2.3 Cách tạo trang web Visual Studio 2010 36 2.3.1 Khởi động Microsoft Visual Studio 2010 36 2.3.2 Cách tạo dự án 37 2.4 Giới thiệu kiện ASP.NET 37 2.4.1 Một số tệp ASP.NET 37 2.4.2 Sự kiện ứng dụng 38 2.4.3 Chu kỳ sống trang web ASP.NET 38 2.4.4 Một số kiện trang web 39 2.5 Cách truy cập liệu 40 2.6 Tổng quan ASP.NET MVC Framework 42 2.6.1 Mơ hình MVC 42 2.6.2 Một vài đặc tính ASP.NET MVC 42 2.6.3 Sự khác biệt với WebForm 43 2.6.4 Tạo Project với ASP.NET MVC WEB Application 44 2.7 Định tuyến URL điều phối hiển thị 45 2.7.1 Định tuyến URL 45 2.7.2 Điều phối hiển thị liệu với cách dùng Strongly Typed Classes 46 2.8 DYNAMIC DATA với LINQ TO SQL 47 2.8.1 Giới thiệu chung DYNAMIC DATA 47 2.8.2 Các tính Dynamic Data 48 2.8.3 Các bước xây dựng Dynamic Data với LINQ to SQL 48 2.9 Hệ quản trị sở liệu SQL Server 48 2.10 Kết luận 52 Chương THIẾT KẾ VÀ XÂY DỰNG HỆ WEBSITE THƯƠNG MẠI ĐIỆN TỬ 53 3.1 Thiết kế Cơ Sở Dữ Liệu 53 3.1.1 Mơ hình thực thể kết hợp 54 3.1.2 Mơ hình quan hệ 57 3.2 Thiết Kế Ứng Dụng 61 3.2.1 Biểu đồ UseCase 61 3.2.2 Biểu đồ lớp 63 3.2.3 Thiết kế giao diện 70 3.2.4 Cấu trúc trang web 71 3.2.5 Giao diện trang web 72 3.3 Hướng dẫn sử dụng website 76 3.3.1 Đối với khách hàng 76 3.3.2 Đối với người quản trị 78 3.4 Code website 80 3.4.1 Code phần trang chủ website 80 3.4.2 Code phần quản trị viên 91 3.5 Kết luận 105 KẾT LUẬN 106 TÀI LIỆU THAM KHẢO 108 LỜI CẢM ƠN Em xin chân thành cảm ơn thầy, cô giáo khoa Điện tử - Viễn thông, trường Đại học Vinh quan tâm, hướng dẫn, truyền đạt lại kiến thức, kinh nghiệm cho em trình học tập để em có đầy đủ kiến thức lý thuyết kỹ thực hành để hoàn thành đồ án tốt nghiệp tự tin trường trở thành kỹ sư Điện tử - Viễn thông tốt chuyên môn ý thức Bên cạnh đó, em xin chân thành cảm ơn thầy giáo ThS Đặng Thái Sơn, người tận tình bảo, định hướng bổ sung kiến thức cho em, tạo điều kiện thuận lợi cho em hoàn thành tốt đồ án Em xin chân thành cảm ơn! LỜI NÓI ĐẦU Sự đời Internet phát minh quan trọng lịch sử nhân loại Ngày Internet xuất đóng vai trị lớn hầu hết lĩnh vực sản xuất đời sống Internet xóa bỏ khoảng cách khơng gian thời gian Sự đời phát triển Internet sản sinh nhiều phương thức sản xuất, kinh doanh, giải trí đại tối ưu Một ứng dụng Internet lĩnh vực thương mại điện tử Ngày mà tiếp xúc với Internet ngày, với đời phát triển loại điện thoại thông minh việc truy cập Internet thực lúc nơi Bên cạch nhịp sống bận rộn cộng với phát triển hệ thống ngân hành việc mua sắm trực tuyến dễ dành thuận tiện Trong năm 2014 lần Việt Nam thực ngày mua sắm trực tuyến, bước ngoặt cho việc phát triển thương mại điện tử Việt Nam Để thực giao dịch mạng doanh nghiệp phải xây dựng cho website thương mại điện tử Website thương mại điện tử có vai trị quan trọng, cung cấp hình ảnh, tính năng, giá sản phẩm để khách hàng lựa chọn đặt mua Ngày hầu hết doanh nghiệp bán lẻ có cho website Từ yêu cầu thực tế tầm quan trọng mức độ ứng dụng rộng rãi website thương mại điện tử nên em chọn đề tài “Thiết kế xây dựng website thương mại điện tử” để đáp ứng nhu cầu ngày cao đồi sống Đồ án chia làm chương: - Chương 1: Tông quan Internet, thương mại điện tử, website Tìm hiểu lịch sử phát triển, lợi ích Internet mang lại, đời, mốc gian bật, phát triển thương mại điện tử Chương cung cấp định nghĩa website yêu cầu thiết kế website - Chương 2: Ngơn ngữ lập trình website ASP.NET Tìm hiểu định nghĩa, đặc điểm thành phần ngơn ngữ lập trình website ASP.NET Tìm hiểu hệ quản trị liệu SQL - Chương :Thiết kế xây dựng website thương mại điện tử Chương nêu lên cách thiết kế sở liệu, thiết kế ứng dụng, hướng dẫn sử dụng website code website Qua trình làm đồ án em cố gắng hoàn thành khơng tránh khỏi sai sót, em mong nhận đóng góp ý kiến q thầy bạn để em có thêm kinh nghiệm thực tế Nghệ An, tháng 01 năm 2015 Sinh viên thực Đặng Thế Cơng TĨM TẮT ĐỒ ÁN Đồ án trình bày trình tìm hiểu, thiết kế xây dựng website thương mại điện tử để phục vụ cho nhu cầu mua sắm trực tuyến ngày phát triển Tìm hiểu chức website thương mại điện tử, từ thiết kế modul Từ modul đó, sử dụng ngơn ngữ lập trình website ASP.Net để xây dựng website Website sau xây dựng phải đáp ứng yêu cầu giao diện đẹp, trình bày hợp lý, dễ dành thao tác, hỗ trợ khách hàng cách tối đa, dễ quản lý SUMMARY OF PROJECTS This project presents the process learn, design and build ecommerce websites to cater to the needs of online shopping is growing Learn the basic functions of an e-commerce website, from which the modular design From the basic module, the programming language used to build websites ASP.Net website Website after construction must meet the requirements as beautiful interface, logical presentation, easy operation dedicated, customer support a maximum, easy to manage DANH MỤC CÁC BẢNG BIỂU Trang Bảng 2.1 Các tệp ASP.NET 30 Bảng 2.2 Các kiện trang web 31 Bảng 2.3 Sự kiện ứng dụng 32 Bảng 3.1 Danh sách thực thể 48 Bảng 3.2 Chi tiết sản phẩm 52 Bảng 3.3 Danh mục 53 Bảng 3.4 Hóa đơn 53 Bảng 3.5 Khách hàng 53 Bảng 3.6 Liên hệ 54 Bảng 3.7 Loại sản phẩm 54 Bảng 3.8 Nhà cung cấp 54 Bảng 3.9 Nhân viên 54 Bảng 3.10 Nhận xét 55 Bảng 3.11 Sản phẩm 55 Bảng 3.12 Vận chuyển 55 Bảng 3.13 Thanh toán 55 DANH MỤC CÁC HÌNH VẼ, ĐỒ THỊ Trang Hình 2.1 Microsoft Visual Studio 2010 25 Hình 2.2 Hộp thoại New Project 26 Hình 2.3 Tạo Projects ASP.NET MVC 33 Hình 2.4 Tạo Unit Test cho ASP.NET MVC 34 Hình 3.1 Sơ đồ thực thể kết hợp 45 Hình 3.2 Mơ hình quan hệ 46 Hình 3.3 Sơ đồ use case khách hàng 51 Hình 3.4 Sơ đồ Use case cho người quản trị .52 Hình 3.5 Sơ đồ cấu trúc web phần giao diện khách hàng 61 Hình 3.6 Sơ đồ cấu trúc web dành cho người quản trị 61 Hình 3.7 Trang chủ .62 Hình 3.8 Trang hiển thị sản phẩm .62 Hình 3.9 Trang khuyến sản phẩm 63 Hình 3.10 Trang tin tức .63 Hình 3.11 Trang đăng ký thành viên 64 Hình 3.12 Trang chi tiết sản phẩm 64 Hình 3.13 Trang giỏ hàng 64 Hình 3.15 Đăng nhập hệ thống 67 Hình 3.16 Trang quản lý sản phẩm .67 Hình 3.17 Thông tin sản phẩm 68 10 Giá KM Qùa khuyến mãi Số lượng Bộ sản phẩm Thông tin mua hàng Hình sản phẩm bộ Đường dẫn hình SP bộ Hình kỹ thuật Đường dẫn hình kỹ thuật 95 CPU RAM Màn hình Hệ điều hàmh Camera chính Camera phụ Bộ nhớ trong Thẻ nhớ ngoài 96 Pin HDD Cảm ứng Đồ họa Đĩa quang Trọng lượng     98 99 Quản lý thành viên: THÔNG TIN ĐĂNG KÝ THÀNH VIÊN Họ tên 100 Username Địa chỉ Email Điện thoại 101 102 Phụ kiện: 103    Tên hiển thị     THÔNG TIN PHỤ KIỆN Danh mục Tên hiển thị Upload hình đại diện (120 x 120px) 104 Font-Size="10pt" /> 3.5 Kết luận Thiết kế sở liệu vô quan trọng ứng dụng Cơ sở liệu thiết kế tốt tảng tốt để phát triển ứng dụng Ngược lại, việc sửa đổi sở liệu giai đoạn sau làm nhiều thời gian người lập trình Trong chương này, việc thiết kế sở liệu cho website trình bày từ thiết kế sở liệu cài đặt vào hệ quản trị sở liệu tảng cho việc xây dựng website Dựa biểu đồ use case, biểu đồ lớp, hình dung trang web có chức nào, quy trình hoạt động chức sao, khách hàng có vai trò website nhà quản trị làm website Từ giao diện trang web hình thành với thiết kế mục trình bày sản phẩm logic Sản phẩm trình bày cho hợp lý với bố cạc trang web , tạo cảm giác thân thiện cho khách hàng xem sản phẩm Thao tác xem chi tiết , thêm vào giỏ hàng bố trí vị tri dễ nhìn dễ sử dụng Trang q trình thiết kế giao diện tơi lồng ghép text hướng dẫn nhanh phần trang web 105 KẾT LUẬN Qua thời gian nghiên cứu, tìm hiểu thi cơng đồ án em hoàn thành Bằng nỗ lực cố gắng thân với quan tâm, tận tình bảo định hướng thầy giáo ThS Đặng Thái Sơn giúp em hoàn thành thời gian định đạt yêu cầu đặt “Thiết kế website thương mại điện tử” trình thực đề tài em thu kết sau: - Tìm hiểu ngơn ngữ lập trình ASP.NET hệ quản trị sở liệu SQL Server ứng dụng chúng việc thiết kế website - Xây dựng biếu đồ usecase, biểu đồ lớp, tính trang web người quản trị cách rõ ràng, rạnh mạch, dễ hiểu - Thiết kế xây dựng website thương mại điện tử với chức Giao diện website tương đối đẹp, dẽ thao tác, quản lý rõ ràng, chuyên nghiệp Trong đồ án này, em trình bày đầy đủ chức năng, cấu trúc khối module nhỏ mạch điện để giúp người đọc nắm bắt Bên cạnh đó, nội dung đề tài trình bày chi tiết rõ ràng cách sử dụng từ ngữ thơng dụng, hình ảnh kèm chọn lọc giúp người đọc dễ hiểu thực cách tương tự, đạt hiệu thời gian ngắn Với đề tài “Thiết kế, xây dựng website thương mại điện tử” sản phẩm sau hồn thành thao tác chức sau: - Khách hàng đăng nhập vào trang web theo dõi sản phẩm, thông tin công nghệ mới, quảng cáo - Khách hàng đăng ký thành viên để mua hàng trực tuyến Hình thức tốn trả tiền mặt chuyển khoản - Website cung cấp nhều mặt hàng, nhiều hang sản xuất để khách hàng thoải mái lựa chọn - Website có hệ thống hộ trợ khách hàng khách hàng có thắc mắc 106 - Đối với người quản trị thêm bớt sản phẩm, hang sản xuất, quản lý đơn hàng, quản lý khách hàng, phân quyền cho nhân viên - Người quản trị cịn cập nhật hàng hóa, quản lý quảng cáo, tin tức trang web Do thời gian thực đề tài có hạn lượng kiến thức mà em có định nên đề tài thực xong đáp ứng phần nhỏ hệ thống hồn chỉnh Vì vậy, để đề tài thêm phong phú hơn, mang nhiều tính thực tế nữa, có khả ứng dụng cao đề tài cần đưa thêm vào yêu cầu như: - Quản lý nhân viên giao hàng - Hướng dẫn đồ - Khách hàng đăng nhập tài khoản Facebook, Yahoo, Gmail … Nghệ An, tháng 01 năm 2015 Sinh viên Đặng Thế Công 107 TÀI LIỆU THAM KHẢO [1] Lê Đức Hồng, Tự học Microsoft ASP.NET [2] http://vi.wikipedia.org/wiki/Internet truy cập lần cuối ngày 17/1/2015 [3]http://vi.wikipedia.org/wiki/Th%C6%B0%C6%A1ng_m%E1%BA%A1i_%C4%91i %E1%BB%87n_t%E1%BB%AD truy cập lần cuối ngày 17/1/2015 108 ... bước ngoặt cho việc phát triển thương mại điện tử Việt Nam Để thực giao dịch mạng doanh nghiệp phải xây dựng cho website thương mại điện tử Website thương mại điện tử có vai trị quan trọng, cung... nghiệp bán lẻ có cho website Từ yêu cầu thực tế tầm quan trọng mức độ ứng dụng rộng rãi website thương mại điện tử nên em chọn đề tài ? ?Thiết kế xây dựng website thương mại điện tử? ?? để đáp ứng nhu... tạo cho nhân loại thời kỳ mới: kỷ nguyên thương mại điện tử Internet 1.1.2 Thương mại điện tử gì?  Theo Tổ chức Thương mại giới (WTO), "Thương mại điện tử bao gồm việc sản xuất, quảng cáo, bán