Báo cáo kết thúc học phần môn lập trình web xây dựng website thẻ cào card online

TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT VIỆN KỸ THUẬT CÔNG NGHỆ *********** BÁO CÁO KẾT THÚC HỌC PHẦN MÔN LẬP TRÌNH WEB XÂY DỰNG WEBSITE THẺ CÀO CARD ONLINE Sinh viên thực : Nguyễn Nhật Linh Lớp : D18PM04 Khoá : 2020-2021 Ngành : Kỹ thuật phần mềm Giảng viên hướng dẫn : Nguyễn Hữu Vĩnh Bình Dương, tháng 12/2020 0 Xây dựng website bán thẻ cào Card Online TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT VIỆN KỸ THUẬT CÔNG NGHỆ *********** BÁO CÁO KẾT THÚC HỌC PHẦN MÔN LẬP TRÌNH WEB XÂY DỰNG WEBSITE THẺ CÀO CARD ONLINE Sinh viên thực : Nguyễn Nhật Linh Lớp : D18PM04 Khoá : 2020-2021 Ngành : Kỹ thuật phần mềm Giảng viên hướng dẫn : Nguyễn Hữu Vĩnh Bình Dương, tháng 12/2020 i 0 Xây dựng website bán thẻ cào Card Online LỜI CẢM ƠN Suốt khoảng thời gian học tập rèn luyện mơn Lập trình Web trường Đại học Thủ Dầu Một, Em nhận nhiều quan tâm, giúp đỡ thầy Nguyễn Hữu Vĩnh bạn bè Với lòng biết ơn sâu sắc chân thành nhất, em xin gửi đến thầy Nguyễn Hữu Vĩnh quý Thầy Cô Viện Kỹ Thuật – Công Nghệ – Trường Đại học Thủ Dầu Một với tri thức tâm huyết truyền đạt vốn kiến thức quý báu cho em suốt thời gian học tập Em xin bày tỏ lòng biết ơn đến ban lãnh đạo Trường Đại học Thủ Dầu Một Khoa Phòng ban chức trực tiếp gián tiếp giúp đỡ em suốt trình học tập nghiên cứu đề tài Với điều kiện thời gian kinh nghiệm hạn chế sinh viên, báo cáo tránh thiếu sót Em mong nhận bảo, đóng góp ý kiến q thầy để em có điều kiển bổ sung, nâng cao ý thức mình, phục vụ tốt cơng tác thực tế sau Em xin chân thành cảm ơn! ii 0 Xây dựng website bán thẻ cào Card Online LỜI CAM ĐOAN Tôi xin cam đoan đồ án tốt nghiệp “Xây dựng website bán thẻ cào điện thoại Card Online” cơng trình nghiên cứu thân hướng d`n giảng viên Nguyễn Hữu Vĩnh Các nô iadung nghiên cứu, kết đề tài trung thực chưa cơng bố bất kb hình thức trước Những phần sử dụng tài liệu tham khảo đồ án nêu rõ phần tài liệu tham khảo Ngoài , luâ na văn cịn sử dụng mơtasố nhâna xdt, đánh số liêua tác giả khác , quan tố chức khác có trech d`n thech nguồn gốc Nếu phát hiêna có bất kb gian lâ na tơi xin hồn tồn chfu trách nhiê m a nơiadung lna văn Trường đại học Thủ Dầu Mô takhông liên quan đến vi phạm tác quyền, quyền gây q trình thực hiê an (nếu có) Bình Dương, Ngày 12 tháng năm 2020 Sinh viên iii 0 Xây dựng website bán thẻ cào Card Online TÓM TẮT Đề tài thực hiê na dựa trình thu thâ pa khảo sát thông tin tư chuoi cửa hàng, suốt trình thu thâ pa kết cho thấy đa số athống kinh doanh chưa phát triển , quảng bá sản phpm tảng website Do vâ ya website bán thẻ cào Card Online giải vấn đề trên, giúp khách hàng dễ tiếp câ na với sản phpm giúp chủ cửa hàng quản lý tốt viê ca quản lý sản phpm, hóa đơn tốn thơng tin khách hàng Dựa tảng ASP.NET song song ngôn ngữ C# với công cụ lưu trữ ss liê au SQL Server giúp cho viê ca thực hiêna xây dựng webiste môtacách thuâ na lợi để phát triển đến người dùng Website bán thẻ cào Card Online hoàn thành với giao diê na đơn giản , dễ hiểu với tenh giỏ hàng lựa chọn loại thẻ cào giúp cho khách hàng lựa chọn sản phpm phù hợp với cá nhân dễ dàng mua hàng thông qua website không tốn thời gian chi phe vâna chuyển khách hàng Ngược lại, giao diê na quản lý su quản lý tất thơng tin sản phpm, khách hàng, hóa đơn Sau cùng, đề tài triển khai mô ta cách tương đối hoàn chỉnh với chức đầy đủ mô tawebsite kinh doanh thf trường hiê na Tuy nhiên công nghê angày phát triển nên website su có hướng phát triển bâ ta để người dùng tiếp câna dễ dàng iv 0 Xây dựng website bán thẻ cào Card Online SUMMARY This topic is based on the process of collecting and surveying information from chain stores as well as companies specializing in jewelry, especially card, during the process of collecting the results Some of these business systems have not yet developed and promoted their products on the website platform Therefore, the website Card Online has solved the above problems, making it easier for customers to access the products as well as helping store owners to better manage the products and bills payment and customer information Based on the parallel ASP.NET platform, C # language together with the SQL Server database storage engine has made webiste construction a convenient way for development to the user TDC Wathces watch website complete with simple, easy-to-understand interfaces with shopping cart features and a selection of card to help customers choose products suitable for individuals as well as easy to buy goods through the website not waste time shipping costs of customers On the contrary, the management interface will be able to manage all product, customer, invoice information Finally, this topic is implemented in a relatively complete way with the quite complete functions of a business website on the market today However, the technology is developing, so the website will also have development directions prominent and newer for easy user access v 0 Xây dựng website bán thẻ cào Card Online MỞ ĐẦU Hiện nay, giới công nghệ thông tin thương mại điện tử phát triển mạnh mu Kỹ thuật số giúp tiết kiệm đáng kể chi phe nhờ chi phe vận chuyển trung gian, chi phe giao dfch đặc biệt giúp tiết kiệm thời gian để người đầu tư vào hoạt động khác Hơn nữa, thương mại điện tử cịn giúp người tìm kiếm tự động theo nhiều mục đech khác nhau, tự động cung cấp thông tin theo nhu cầu ss thech người Giờ đây, người ngồi nhà để mua sắm thứ theo ý muốn website bán hàng mạng su giúp ta làm điều Chenh vậy, công nghệ mã nguồn ms trs nên ý tenh Giá thành rẻ ho trợ nhiều mạng su giúp ta nhanh chóng Thiết kế website bán hàng thân thiện dễ sử dụng với người dùng Chenh báo cáo chọn đề tài về: “Thiết kế website Cart online” Đây hệ thống đơn giản đủ mạnh phdp nhanh chóng Thiết kế ứng dụng bán hàng Internet Cấu trúc báo cáo chia thành phần: Chương 1: Tổng quan đề tài Chương 2: Phân tech thiết kế hệ thống Chương 3: Cài đặt giao diện Chương 4: Đánh giá kết hướng phát triển 0 Xây dựng website bán thẻ cào Card Online MỤC LỤC LỜI CẢM ƠN .ii LỜI CAM ĐOAN .iii MỞ ĐẦU CHƯƠNG 1: TỔNG QUAN ĐỀ TÀI TÊN ĐỀ TÀI MỤC TIÊU CỦA ĐỀ TÀI 3 Ý NGHĨA CỦA ĐỀ TÀI ĐỐI TƯỢNG CỦA ĐỀ TÀI MỘT SỐ TRANG CHÍNH CỦA WEBSITE 5.1 Giao diện khách hàng 5.2 Giao diện Admin CÔNG NGHỆ SỬ DỤNG 6.1 HTML 6.1.1 HTML gì? 6.1.2 Công dụng HTML 6.1.3 Đfnh dạng HTML 6.2 GIỚI THIỆU VỀ ADOBE DREAMWEAVER 6.3 NGÔN NGỮ CSS 6.4 NGÔN NGỮ JAVASCRIPT 6.5 BOOTSTRAP 6.6 ASP.NET MVC 6.7 GIỚI THIỆU VỀ SQL SERVER: CHƯƠNG 2: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG BIỂU ĐỒ USE CASE CỦA HỆ THỐNG .9 1.1 Danh sách Actor 1.2 Danh sách Use Case 1.3 Sơ đồ Use case tổng quát 10 1.4 Use case ms rộng 10 ĐẶC TẢ CÁC USE CASE CHÍNH 11 2.1 Đặc tả Use case “Đăng nhập” 11 2.2 Đặc tả Use case “Đăng ký” .12 2.3 Đặc tả Use case “Xem sản phpm” .13 2.4 Đặc tả Use case “Xem chi tiêt” 14 2.5 Đặc tả Use case “Xem khuyến mãi” 15 2.6 Đặc tả Use case “Nạp tiền vào số điện thoại” 16 2.7 Đặc tả Use case “Thanh toán” 17 0 Xây dựng website bán thẻ cào Card Online 2.8 Đặc tả Use case “Quản lý giỏ hàng” 17 2.9 Đặc tả Use Case “Tra cứu hóa đơn”, 18 2.10 Đặc tả Use cae “Quản lý tài khoản” 19 2.11 Đặc tả Use case “Quản lý sản phpm” 20 BIỂU ĐỒ ACTIVITY DIAGRAM .22 3.1 Activity Đăng nhập 22 3.2 Activity Đăng ký .23 3.3 Activity Quản lý tài khoản 24 3.4 Activity Quản lý sản phpm 25 3.5 Activity Tra cứu sản phpm 26 3.6 Activity Xem chi tiết sản phpm 27 3.7 Activity Nạp tiền vào điện thoại 28 3.8 Activity Quản lý giỏ hàng 29 3.9 Activity Tra cứu hóa đơn 30 LƯỢC ĐỒ QUAN HỆ CƠ SỞ DỮ LIỆU .31 CHƯƠNG 3: CÀI ĐẶT VÀ GIAO DIỆN 32 YÊU CẦU: 32 GIAO DIỆN WEBSITE: 32 2.1 Giao diện khách hàng 32 2.2 Giao diện cho Admin 40 ĐÁNH GIÁ KẾT QUẢ VÀ HƯỚNG PHÁT TRIỂN 43 ĐÁNH GIÁ KẾT QUẢ 43 1.1 Chức làm 43 1.2 Chức chưa làm 43 HƯỚNG PHÁT TRIỂN 43 TÀI LIỆU THAM KHẢO 44 0 Xây dựng website bán thẻ cào Card Online DANH MỤC HÌNH Hinh Use case 12 Hinh Use ms rộng tra cứu sản phpm .12 Hinh Use case ms rộng quản lý giỏ hàng .13 Hinh Use case ms rộng quản lý sản phpm 13 Hinh Activity Đăng nhập 24 Hinh Activity Đăng ký 25 Hinh Activity Quản lý tài khoản .26 Hinh Activity Quản lý sản phpm .27 Hinh Activity Tra cứu sản phpm .28 Hinh 10 Activity Xem chi tiết sản phpm 29 Hinh 11 Activity Nạp tiền 30 Hinh 12 Activity Quản lý giỏ hàng 31 Hinh 13 Activity Tra cứu hóa đơn 32 Hinh 14 Lược đồ ss liệu 33 Hinh 15 Giao diện trang chủ 34 Hinh 16 Giao diện trang sản phpm .35 Hinh 17 Giao diện trang khuyến 36 Hinh 18 Giao diện trang nạp tiền .37 Hinh 19 Giao diện trang chi tiết sản phpm 38 Hinh 20 Giao diện trang giỏ hàng 39 Hinh 21 Giao diện trang đăng nhập 40 Hinh 22 Giao diện trang đăng ký .40 Hinh 23 Giao diện trang toán 41 Hinh 24 Giao diện trang quản lý sản phpm 42 Hinh 25 Giao diện trang quản lý khách hàng .43 Hinh 26 Giao diện tra cứu hóa đơn 44 0 Xây dựng website bán thẻ cào Card Online Lược đồ quan hệ ss liệu Hinh 14 Lược đồ sở liệu 34 0  Tên Use Case Xem khuyếốn  Tác nhân Khách hàng  Mô tả: Dùng cho Khách hàng xem thống tin chi tiếốt chương trinhg khuyếốn  Dịng ki ện chính: User truy cập vào website User chọn mục xem sản phẩm H thốống ệ load thống tin khuyếốn H thốống ệ hi nể th thống ị tin khuyếốn lến website Kếốt thúc Use case  Dòng kiện phụ: Khống  Yêu câầu đặc biệt  Khống  Tr ạng thái h ệ thôống tr ước Use-Case đ ược s d ụng: - Khống  Tr ạng thái h ệ thôống Use-Case đ ược s dụng: - Thành cống: User xem đ ượ c thống tin khuyếốn - Thầốt b i: ạH thốống ệ khống thống tin khuyếốn  Điểm mở rộng  Tâần suâốt sử dụng Thường xuyến 18 0 Xây dựng website bán thẻ cào Card Online 2.6 Đặc tả Use case “Nạp tiền vào số điện thoại” Table Nạp tiền vào số điện thoại  Use Case ID UC 1-6  Tên Use Case N pạtiếần vào sốố điện thoại  Tác nhân Khách hàng  Mô tả: Dùng cho Khách hàng n pạtiếần vào sốố điện thoại cụ thể  Dịng ki ện chính: User truy cập vào website User ch ọn n ạp tiếần H thốống ệ hi nểth giao ị di nện pạtiếần vào sốố điện thoại User nh pậ sốố điện thoại chọn nạp H thốống ệ x lý yếu cầầu n p tiếần lưu vào sở liệu Kếốt thúc Use case  Dòng kiện phụ: Sốố tiếần tài khoản khống đủ  Yêu câầu đặc biệt  Khống  Tr ạng thái h ệ thôống tr ước Use-Case đ ược s d ụng: - Đã đăng nhập với tài khoản khách hàng  Tr ạng thái h ệ thôống Use-Case đ ược s dụng: - Thành cống: User n pạđ ượ c tiếần vào sốố điện thoại 0 - Thầốt b i:ạ H ệthốống thống báo lốẵi  Điểm mở rộng  Tâần suâốt sử dụng 2.7 Đặc tả Use case “Thanh toán” Table Đặc tả toán  Use Case ID UC 1-7  Tên Use Case Thanh toán  Tác nhân Khách hàng  Mô tả: Dùng cho Khách hàng toán sản phẩm giỏ hàng 19 0 Xây dựng website bán thẻ cào Card Online  Dịng ki ện chính: User truy cập vào trang chủ website User ch ọn giỏ hàng User chọ n toán H thốống ệ tr vếầảt ngổsốố tiếần cầần toán User chọn xác nhận H ệthốống lưu hóa n vào liệu thống báo toán thành cống  Dòng kiện phụ: Sốố dư tài khoản khống đủ  Yêu câầu đặc biệt  Khống  Tr ạng thái h ệ thôống tr ước Use-Case đ ược s d ụng: - User đăng nhập - Trong gi hàng ỏ tốần t iạít nhầốt sản phẩm  Tr ạng thái h ệ thôống Use-Case đ ược s dụng: - Thành cống: User toán sản ph ẩm giỏ hàng - Thầốt b i: ạH thốống ệ thống báo thầốt bại  Điểm mở rộng  Tâần suâốt sử dụng 2.8 Đặc tả Use case “Quản lý giỏ hàng” Table 10 Đặc tả quản lý giỏ hàng  Use Case ID UC 1-8  Tên Use Case Qu ản lý giỏ hàng  Tác nhân Khách hàng  Mô tả: Dùng cho Khách hàng quản lý sản ph ẩm giỏ hàng  Dịng ki ện chính: User truy cập vào trang chủ website User ch ọn giỏ hàng H thốống ệ th ự c hi ện truy vầốn thống tin sản ph ẩm giỏ hàng H thốống ệ tr0 vếầ ả 0thống tin chi tiếốt giỏ hàng User thực hiệ n thao tác khác chọn 20 Xây dựng website bán thẻ cào Card Online toán, xóa sản phẩm khỏi giỏ hàng, tốn Kếốt thúc Use case  Dòng kiện phụ: Khống  Yêu câầu đặc biệt  Khống 0  Tr ạng thái h ệ thôống tr ước Use-Case đ ược s d ụng: - Khống  Tr ạng thái h ệ thôống Use-Case đ ược s dụng: - Thành cống: User thao tác đ ược v ới giỏ hàng - Thầốt b i:ạ H ệthốống khống hiể n thị danh sách sản ph ẩm  Điểm mở rộng  Tâần suâốt sử dụng 2.9 Thường xuyến Đặc tả Use Case “Tra cứu hóa đơn”, Table 11 Đặc tả tra cứu hóa đơn  Use Case ID UC 1-9  Tên Use Case Tra cứu hóa đơn  Tác nhân Quản lý  Mô tả: Dùng cho qu nả lý th ự c hi nệ xem hóa đ n chi tiếốt hóa đơn  Dịng ki ện chính: User đăng nh p ậ vào website băầng tài khoản admin User chọn Hóa đơn H thốống ệ truy vầốn tầốt hóa đơn sở liệu H ệthốống hiển thị tồn hóa đơn dạng danh sách User có th ểthao tác v i hóa đ n nh ưxem chi tiếốt Kếốt thúc Use case  Dòng kiện phụ: Khống  Yêu câầu đặc biệt  Khống 21 0 Xây dựng website bán thẻ cào Card Online  Tr ạng thái h ệ thôống tr ước Use-Case đ ược s d ụng: - User đăng nh p ậ băầng tài khoản admin  Tr ạng thái h ệ thôống Use-Case đ ược s dụng: - Thành cống: User xem danh sách hóa đơn - Thầốt b i:ạ H ệthốống khống hiể n thị danh sách hóa đơn  Điểm mở rộng  Tâần suâốt sử dụng Thường xuyến 2.10 Đặc tả Use cae “Quản lý tài khoản” Table 12 Đặc tả quản lý tài khoản  Use Case ID UC 1-10  Tên Use Case Quản lý tài khoản  Tác nhân 0 Quản lý  Mô tả: Dùng cho qu ản lý th ực hi ện qu nả lý tài kho n ả tốần website  Dòng ki ện chính: User th ực hi ện đăng nh ập vào website băầng tài khoản admin User chọn Tài khoản H thốống ệ th c ựhi nệtruy vầốn đếốn table TaiKhoan H thốống ệ hi ển th ịdanh sách tài kho n ả tốần website User thực thao tác xem thống tin chi tiếốt tài kho ản, đổi mật thay đổi loại tài khoản Kếốt thúc Use case  Dòng kiện phụ: Khống  Yêu câầu đặc biệt  Khống  Tr ạng thái h ệ thôống tr ước Use-Case đ ược s d ụng: - User đăng nh p ậ băầng tài khoản admin  Tr ạng thái h ệ thôống Use-Case đ ược s dụng: - Thành cống: User xem danh sách tài khoản thực chỉnh sửa 22 0 Xây dựng website bán thẻ cào Card Online - Thầốt b i:ạ H ệthốống khống hiể n thị danh sách tài khoản  Điểm mở rộng  Tâần suâốt sử dụng Thường xuyến 2.11 Đặc tả Use case “Quản lý sản phpm” Table 13 Đặc tả quản lý sản phẩm  Use Case ID UC 1-11  Tên Use Case Quản lý sản phẩm  Tác nhân Quản lý  Mô tả: Cho phép quản lý thực qu ản lý sản ph ẩm kinh doanh trến website  Dịng ki ện chính: User đăng vào website băầng tài khoản admin User chọn sản phẩm H thốống ệ tiếốn hành truy vầốn danh sách toàn sản ph ẩm liệu H thốống ệ tiếốn hành hiể n thị toàn danh sản phẩm User th ực hi0ện thao tác: thếm sản ph ẩm m ới, chỉnh sửa thống tin sản phẩm có, xóa sản phẩm Kếốt thúc Use case  Dòng kiện phụ: Khống  Yêu câầu đặc biệt  Khống  Tr ạng thái h ệ thôống tr ước Use-Case đ ược s d ụng: - Đăng nh p ậ vào website băầng tài khoản admin  Tr ạng thái h ệ thôống Use-Case đ ược s dụng: 23 Online Xây dựng website bán thẻ cào Card - Thành cống: User quản lý danh sách sản phẩm - Thầốt b i:ạ H ệthốống khống hiể n thị danh sách sản ph ẩm  Điểm mở rộng  Tâần suâốt sử dụng Thường xuyến 24 0 Xây dựng website bán thẻ cào Card Online Biểu đồ Activity diagram 3.1 Activity Đăng nhập 0 Hinh Activity Đăng nhập 25 0 Xây dựng website bán thẻ cào Card Online 3.2 Activity Đăng ký 0 .. .Xây dựng website bán thẻ cào Card Online TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT VIỆN KỸ THUẬT CÔNG NGHỆ *********** BÁO CÁO KẾT THÚC HỌC PHẦN MƠN LẬP TRÌNH WEB XÂY DỰNG WEBSITE THẺ CÀO CARD ONLINE. .. .23 0 Xây dựng website bán thẻ cào Card Online CHƯƠNG 1: TỔNG QUAN ĐỀ TÀI Tên Đề Tài + Xây dựng WEBSITE Thẻ cào Online Mục Tiêu Đề Tài + Xây dựng hoàn chỉnh Website Thẻ cào Online cho phdp:... chân thành cảm ơn! ii 0 Xây dựng website bán thẻ cào Card Online LỜI CAM ĐOAN Tôi xin cam đoan đồ án tốt nghiệp ? ?Xây dựng website bán thẻ cào điện thoại Card Online? ?? cơng trình nghiên cứu thân