đồ án Cửa hàng trực tuyến Double D

TRƯỜNG ĐẠI HỌC NGUYỄN TẤT THÀNH KHOA CÔNG NGHỆ THÔNG TIN TIỂU LUẬN TÊN HP / ĐỒ ÁN CƠ SỞ/ ĐỒ ÁN CHUYÊN NGÀNH (Bold, size 16) Cửa hàng trực tuyến Double D Giảng viên hướng dẫn: BÙI DUY TÂN Sinh viên thực hiện: NGUYỄN QUỐC DUY MSSV: 2100007620 Khoá: 2021 - 2024 Ngành/ chuyên ngành: CÔNG NGHỆ THÔNG TIN Tp HCM, tháng … năm … (Bold, size 13) TRƯỜNG ĐẠI HỌC NGUYỄN TẤT THÀNH KHOA CÔNG NGHỆ THÔNG TIN (Bold, size 16) TIỂU LUẬN TÊN HP / ĐỒ ÁN CƠ SỞ/ ĐỒ ÁN CHUYÊN NGÀNH (Bold, size 16) Tên đề tài (Bold, size 18-30, tùy theo số chữ, tên đề tài) Giảng viên hướng dẫn: BÙI DUY TÂN Sinh viên thực hiện: NGUYỄN QUỐC DUY MSSV: 2100007620 Khoá: 2021 - 2024 Ngành/ chuyên ngành: CÔNG NGHỆ THÔNG TIN TPHCM, tháng … năm … (Bold, size 13) LỜI MỞ ĐẦU Ngày Thương Mại Điện Tử (TMĐT) trở thành công cụ thương mại phổ biến giới Việt Nam Ở VN, điển hình các website: www.Phongvu.com, www.FPTshop.com, www.mediamart.com.vn, … có tình hình phát triển tốt Tuy nhiên, để hình thành nên trang TMĐT tiếng q trình, thời gian, tiền bạc công sức bỏ không Trong thời đại thông tin bùng nổ, doanh nghiệp dần ý thức tác dụng kênh thông tin Internet Các hội kinh doanh hợp tác làm ăn nảy sinh từ Internet Trong đó, nay, để doanh nghiệp triển khai ý định kinh doanh mơi trường mạng Internet vấn đề không đơn giản Vấn đề chi phí, thời gian triển khai bảo trì hệ thống Theo mơ hình truyền thống, để triển khai phần mềm cần phải có giai đoạn sau Thương mại điện tử không mở hội kinh doanh mới, sản phẩm dịch vụ mới, ngành nghề kinh doanh mà thân thực phương thức kinh doanh mới: Phương thức kinh doanh điện tử Thương mại điện tử chuyển hoá chức kinh doanh, từ nghiên cứu thị trường sản xuất sản phẩm đến bán hàng, dịch vụ sau bán hàng từ phương thức kinh doanh truyền thống đến phương thức kinh doanh điện tử Trong thời gian thực tập vừa qua, em học nhiều điều việc thiết kế web ngôn ngữ HTML CSS để xây dựng trang web thương mại điện tử Với hướng dẫn tận tình thầy: Bùi Duy Tân em hoàn thành báo cáo đồ án Tuy cố gắng tìm hiểu, phân tích thiết kế cài đặt hệ thống chắn không tránh khỏi đc thiếu sót Em mong thơng cảm góp ý q thầy cô i LỜI CẢM ƠN Lời đầu tiên, em xin gửi lời cảm ơn chân thành đến thầy Bùi Duy Tân Trong trình học tập tìm hiểu môn Thiết kế Web, em nhận quan tâm giúp đỡ, hướng dẫn tận tình, tâm thầy Thầy giúp em tích lũy thêm nhiều kiến thức để vận dụng vào công việc sống Thực tế cho thấy,sự thành công gắn liền với hỗ trợ, giúp đỡ từ người xung quanh từ bạn bè đến gia đình giúp đỡ hay nhiều, trực tiếp hay gián tiếp.Từ kiến thức mà thầy truyền tải, em dần trả lời vấn đề sống thông qua tiểu luận này, em xin trình lại mà thầy giảng dạy Ban đầu em cịn bỡ ngỡ vốn kiến thức hạn hẹp Do vậy, không tránh khỏi thiếu sót, em mong nhận ý kiến đóng góp thầy để em nâng cao kiến thức thân bạn học lớp để tiểu luận hồn thiện Em xin chân thành cảm ơn! Nguyễn Quốc Duy ii iii BM-ChT-11 TRƯỜNG ĐẠI HỌC NGUYỄN TẤT THÀNH TRUNG TÂM KHẢO THÍ KỲ THI KẾT THÚC HỌC PHẦN HỌC KỲ … … NĂM HỌC …… - ….… PHIẾU CHẤM THI TIỂU LUẬN/ĐỒ ÁN Môn thi: Lớp học phần: Nhóm sinh viên thực : .Tham gia đóng góp: .Tham gia đóng góp: .Tham gia đóng góp: .Tham gia đóng góp: .Tham gia đóng góp: .Tham gia đóng góp: .Tham gia đóng góp: .Tham gia đóng góp: Ngày thi: Phòng thi: Đề tài tiểu luận/báo cáo sinh viên : Phần đánh giá giảng viên (căn thang rubrics môn học): Tiêu chí (theo Đánh giá GV CĐR HP) Cấu trúc báo cáo Nội dung - Các nội dung thành phần - Lập luận - Kết luận Trình bày Điểm tối đa Điểm đạt TỔNG ĐIỂM Giảng viên chấm thi (ký, ghi rõ họ tên) iv MỤC LỤC LỜI MỞ ĐẦU i LỜI CẢM ƠN ii PHIẾU CHẤM THI TIỂU LUẬN/ĐỒ ÁN MỤC LỤC iv DANH MỤC BẢNG, HÌNH DANH MỤC HÌNH KÍ HIỆU CÁC CỤM TỪ VIẾT TẮT CHƯƠNG TỔNG QUAN .9 CHƯƠNG PHÂN TÍCH .12 CHƯƠNG THIẾT KẾ 17 Thiết kế trang index.html (trang chủ): Thiết kế trang single.html (chi tiết sản phẩm): Thiết kế trang checkout (Chi tiết giỏ hàng): Thiết kế trang payment.html (Thanh toán): Tạo Move Top Button: Thiết kế trang about.html (Về chúng tôi): Thiết kế trang contact.html (Liên hệ): CHƯƠNG KẾT LUẬN .48 PHỤ LỤC TÀI LIỆU THAM KHẢO 50 v DANH MỤC BẢNG, HÌNH Bảng 1.1 (size 13) Bảng 1.2 … Hình 1.1 …… …… Ghi chú: - Xếp sau trang Mục lục - Số thứ số thự tự chương - Số thứ hai thứ tự bảng biểu chương - Tên đề bảng biểu nằm phía bảng phải có ghi chú, giải thích, nêu rõ nguồn trích chụp vi DANH MỤC HÌNH Hình 1.1 Một đoạn code HTML phần Main Container 17 Hình 1.2 Một đoạn code CSS phần Header 18 Hình 1.3 Một phần code JQuery phần Footer 18 Hình 1.4 Kết phần Header 19 Hình 1.5 Một đoạn code HTML phần Slider Banner 20 Hình 1.6 Một đoạn code CSS phần Slider Banner 20 Hình 1.7 Kết phần Slider Banner .21 Hình 1.8 Một đoạn code HTML phần Main Container 22 Hình 1.9 Một đoạn code CSS phần Main Container .22 Hình 1.10 Kết phần Main Container 23 Hình 1.11 Một đoạn code HTML phần List Cagetory 24 Hình 1.12 Một đoạn code CSS phần List Cagetory 25 Hình 1.13 Kết phần List Cagetory 26 Hình 1.14 Một đoạn code HTML phần Middle Section 27 Hình 1.15 Một đoạn code CSS phần Middle Section 27 Hình 1.16 Kết phần Middle Section 27 Hình 1.17 Kết B4,5,6 28 Hình 1.18 Một đoạn code HTML phần Main Footer 29 Hình 1.19 Một đoạn code CSS phần Main Footer 29 Hình 1.20 Kết phần Main Footer .30 Hình 1.21 Một đoạn code HTML phần Footer Copyright 30 Hình 1.22 Một đoạn code CSS phần Footer Copyright 30 Hình 1.23 Kết phần Footer Copyright 31 Hình 2.1 Một đoạn code HTML phần Banner trang single.html .31 Hình 2.2, Một đoạn code CSS phần Banner trang single.html 31 Hình 2.3 Kết phần Banner trang single.html 31 Hình 2.4 Một đoạn code HTML phần Page Breadcrumb 32 Hình 2.5 Một đoạn code CSS phần Page Breadcrumb 32 Hình 2.6 Kết phần Page Breadcrumb .32 Hình 2.7 Một đoạn code HTML phần Main Container 33 Hình 2.8 Một đoạn code JQuery phần Main Container trang single.html .33 Hình 2.9 Kết phần Main Container trang single.html .34 Hình 3.1 Một đoạn code HTML phần Main Container trang checkout.html 35 Hình 3.2 Một đoạn code CSS phần Main Container trang checkout,html 35 Hình 3.3 Kết phần Main Container trang checkout.html 36 Hình 3.4 Một đoạn code JQuery phần Main Container trang checkout.html 37 Hình 4.1 Một đoạn code HTML phần Main Container trang payment.html 38 Hình 4.2 Một đoạn code CSS phần Main Container trang payment.html .39 Hình 4.3 Kết phần Main Container (1) trang payment.html .39 Hình 4.4 Kết phần Main Container (2) trang payment.html .40 Hình 4.5 Kết phần Main Container (3) trang payment.html .40 Hình 4.6 Kết phần Main Container (4) trang payment.html .41 vii Hình 4.7 Một đoạn code JQuery phần Main Container trang payment.html 41 Hình 5.1 Một đoạn code CSS phần Move Top Button 42 Hình 5.2 Một đoạn code JQuery phần Move Top Button .42 Hình 5.3 Kết phần Move Top Button .42 Hình 6.1 Một đoạn code HTML phần Main Container trang about.html 44 Hình 6.2 Một đoạn code CSS phần Main container trang about.html .44 Hình 6.3 Kết phần Main Container trang about.html 45 Hình 7.1 Một đoạn code HTML phần Main Container trang contact.html .46 Hình 7.2 Một đoạn code CSS phần Main Container trang contact.html 46 Hình 7.3 Kết phần Main Container trang conatct.html 47 viii ... Giỏ Hàng: Hiển thị sản phẩm khách hàng chọn mua tiến hành toán d Thanh Toán: Hiển thị phương thức toán tiến hành đặt hàng e Liên hệ: Khách hàng liên hệ với f Giới Thiệu: Giới thiệu cửa hàng DoubleD... TẮT Chữ viết tắt Ví d? ??: CSDL Ý nghĩa Cơ sở liệu ix CHƯƠNG TỔNG QUAN Giới thiệu: DoubleD – Chuyên Kinh Doanh Các Mặt Hàng Linh Kiện Lắp Ráp Máy Tính Giá Rẻ – Chất Lượng DoubleD website thương mại... chọn sản phẩm đặt hàng DoubleD một website chuyên kinh doanh mặt hàng linh kiện lắp ráp máy tính trực tuyến Website chia thành trang web gồm có: a Trang chủ: Hiển thị danh mục sản phẩm b Chi