Tiểu luận môn học thiết kế web thiết kế website shop linh kiện máy tính zackbutcher

TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT KHOA KỸ THUẬT – CÔNG NGHỆ TIỂU LUẬN MÔN HỌC THIẾT KẾ WEB THIẾT KẾ WEBSITE SHOP LINH KIỆN MÁY TÍNH ZACKBUTCHER GVHD: THS NGUYỄN HỮU VĨNH SVTH: VÕ MINH TẤN MSSV: 1824801030199 LỚP: D18PM03 B8NH DƯƠNG – 06/2020 KHOA KỸ THUẬT – CÔNG NGHỆ NHẬN XÉT VÀ CHẤM ĐIỂM CỦA GIẢNG VIÊN Họ tên giảng viên: Nguyễn Hữu Vĩnh Tên đề tài: THIẾT KẾ WEBSITE SHOP LINH KIỆN MÁY TÍNH ZACKBUTCHER Nội dung nhận xét: Điểm: Bằng số: Bằng chữ: GIẢNG VIÊN CHẤM (Ký, ghi rõ họ tên) NGUYỄN HỮU VĨNH Đồ án môn thiết kế web LỜI NĨI ĐẦ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 mẽ Kỹ thuật số giúp tiết kiệm đáng kể chi phí nhờ chi phí vận chuyển trung gian, chi phí giao dịch đặ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 đích khác nhau, tự động cung cấp thơng tin theo nhu cầu sở thích người Giờ đây, người ngồi nhà để mua sắm thứ theo ý muốn website bán hàng mạng giúp ta làm điều Chính vậy, cơng nghệ mã nguồn mở trở nên ý tính Giá thành rẻ hỗ trợ nhiều mạng 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 Chính báo cáo chọn đề tài về: “Thiết kế website shop linh kiện máy tính ZackButcher” Đây hệ thống đơn giản đủ mạnh phép nhanh chóng Thiết kế ứng dụng bán hàng Internet Đề tài tiểu luận gồm phần phân chương sau: Chương 1: Tổng quan đề tài Chương 2: Giới thiệu công nghệ Chương 3: Giao diện website Chương 4:Kết luận hướng phát triển SVTH:Võ Minh Tấn– LỚP: D18PM03 i Đồ án môn thiết kế web MỤC LỤC i LỜI NÓI ĐẦU DANH MỤC HÌNH v CHƯƠNG TỔNG QUAN VỀ ĐỀ TÀI 1 Tên Đề Tài Mục Tiêu Đề Tài Ý Nghĩa Của Đề Tài Đối Tượng Của Đề Tài Một Số Trang Chính Của Website CHƯƠNG GIỚI THIỆU CÔNG NGHỆ Giới Thiệu Về HTML 1.1 HTML gì? 1.2 Công dụng HTML 1.3 Định dạng HTML 2 Giới thiệu Adobe Dreamweaver Ngôn ngữ CSS Ngôn ngữ Javascript CHƯƠNG 3: GIAO DIỆN CHƯƠNG TRÌNH 5 Đặc Tả Giao Diện 1.1 Giao diện trang chủ 1.2 Giao diện trang giới thiệu 1.3 Giao diện trang liên hệ 1.4 Giao diện trang đăng ký 1.5 Giao diện trang đăng nhập 1.6 Giao diện trang danh mục linh kiện 1.6.1 Giao diện danh mục hình 10 1.6.2 Giao diện danh mục card hình 10 1.6.3 Giao diện danh mục chuột 11 1.6.4 Giao diện danh mục bàn phím 11 1.6.5 Giao diện danh mục nguồn 12 1.6.6 Giao diện danh mục CPU 12 1.6.7 Giao diện danh mục MainBoard 13 SVTH:Võ Minh Tấn– LỚP: D18PM03 ii Đồ án môn thiết kế web 1.6.8 Giao diện danh mục Ram,ổ cứng 13 1.6.9 Giao diện danh mục loa,tai nghe 14 1.6.10 Giao diện danh mục case(thùng máy) 14 1.7 Giao diện danh mục linh kiện cũ 15 1.7.1 Giao diện danh mục hình cũ 15 1.7.2 Giao diện danh mục card hình cũ BH hãng 16 1.7.3 Giao diện danh mục card hinh cũ BH tiệm .17 1.7.4 Giao diện danh mục chuột, bàn phím cũ .17 1.7.5 Giao diện danh mục Ram cũ 18 1.7.6 Giao diệ n danh mục MainBoard cũ 19 1.7.7 Giao diện danh mục CPU cũ 19 1.7.8 Giao diện danh mục linh kiện khác cũ 20 1.8 Giao diện trang chi tiết linh kiện .20 1.8.1 Chi tiết hình .21 1.8.2 Chi tiết card hình .21 1.8.3 Chi tiết chuột 22 1.8.4 Chi tiết bàn phím .22 1.8.5 Chi tiết nguồn .23 1.8.6 Chi tiết CPU 24 1.8.7 Chi tiết MainBoard 24 1.8.8 Chi tiêt Ram,Ổ cứng 25 1.8.9 Chi tiết loa,tai nghe 25 1.8.10 Chi tiết case(thùng máy) 26 1.8.11 Chi tiết hình cũ 26 1.8.12 Chi tiết card hình cũ BH hãng 27 1.8.13 Chi tiết card hình cũ BH tiệm 27 1.8.14 Chi tiết chuột,bàn phím cũ 28 1.8.15 Chi tiết Ram cũ 28 1.8.16 Chi tiết MainBoard cũ 29 1.8.17 Chi tiết CPU cũ 29 1.8.18 Chi tiết linh kiện khác cũ 30 SVTH:Võ Minh Tấn– LỚP: D18PM03 iii Đồ án môn thiết kế web CHƯƠNG 4: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 31 Kết đạt được: 31 Việc chưa làm được: 31 Hướng phát triển đề tài 31 TÀI LIỆU KHAM KHẢO .33 SVTH:Võ Minh Tấn– LỚP: D18PM03 iv Đồ án môn thiết kế web DANH MỤC H8NH Hình 1.1 Giao diện trang chủ Hình 1.2 Giao diện trang giới thiệu Hình 1.3 Giao diện trang liên hệ Hình 1.4 Giao diện trang đăng ký Hình 1.5 Giao diện trang đăng nhập .9 Hình 1.6 Giao diện trang danh mục linh kiện Hình 1.6.1 Giao diện danh mục hình 10 Hình 1.6.2 Giao diện danh mục card hình 10 Hình 1.6.3 Giao diện danh mục chuột .11 Hình 1.6.4 Giao diện danh mục bàn phím 11 Hình 1.6.5 Giao diện danh mục nguồn 12 Hình 1.6.6 Giao diện danh mục CPU 12 Hình 1.6.7 Giao diện danh mục MainBoard 13 Hình 1.6.8 Giao diện danh mục Ram,ổ cứng 14 Hình 1.6.9 Giao diện danh mục loa,tai nghe 14 Hình 1.6.10 Giao diện danh mục case(thùng máy) 15 Hình 1.7.Giao diện danh mục linh kiện cũ .15 Hình 1.7.1 Giao diện danh mục hình cũ 16 Hình 1.7.2 Giao diện danh mục card hình cũ BH hãng 16 Hình 1.7.3 Giao diện danh mục card hình cũ BH tiệm .17 Hình 1.7.4 Giao diện danh mục chuột,bàn phím cũ 17 Hình 1.7.5 Giao diện danh mục Ram cũ 18 Hình 1.7.6 Giao diện danh mục MainBoard cũ 19 Hình 1.7.7 Giao diện danh mục CPU cũ 19 Hình 1.7.8 Giao diện danh mục linh kiện cũ khác 20 SVTH:Võ Minh Tấn– LỚP: D18PM03 v Đồ án môn thiết kế web Hình 1.8.1 Giao diện trang chi tiết hình 21 Hình 1.8.2 Giao diện trang chi tiết card hình 21 Hình 1.8.3 Giao diện trang chi tiết chuột 22 Hình 1.8.4 Giao diện trang chi tiết bàn phím 22 Hình 1.8.5 Giao diện trang chi tiết nguồn 23 Hình 1.8.6 Giao diện trang chi tiết CPU 24 Hình 1.8.7 Giao diện trang chi tiết MainBoard 24 Hình 1.8.8 Giao diện trang chi tiết Ram,ổ cứng .25 Hình 1.8.9 Giao diện trang chi tiết loa,tai nghe 25 Hình 1.8.10 Giao diện trang chi tiết case(thùng máy) 26 Hình 1.8.11 Giao diện trang chi tiết hình cũ 26 Hình 1.8.12 Giao diện trang chi tiết card hình cũ BH hãng 27 Hình 1.8.13 Giao diện trang chi tiết card hình cũ BH tiệm .27 Hình 1.8.14 Giao diện trang chi tiết chuột,bàn phím cũ 28 Hình 1.8.15 Giao diện trang chi tiết Ram cũ 28 Hình 1.8.16 Giao diện trang chi tiết Mainboard cũ .29 Hình 1.8.17 Giao diện trang chi tiết CPU cũ 29 Hình 1.8.18 Giao diện trang chi tiết linh kiện khác cũ 30 SVTH:Võ Minh Tấn– LỚP: D18PM03 vi Đồ án môn thiết kế web DANH SÁCH CÁC KÝ TỰ, CHỮ VIẾT TẮT Từ viết tắt Giải thích CSDL Cơ sở liệu ĐVT Đơn vị tính CNTT Cơng Nghệ thơng tin SP Sản phẩm SVTH:Võ Minh Tấn– LỚP: D18PM03 vii Tiểu luận môn thiết kế web CHƯƠNG TỔNG QUAN VỀ ĐỀ TÀI Tên Đề Tài + THIẾT KẾ WEBSITE SHOP LINH KIỆN MÁY TÍNH ZACKBUTCHER Mục Tiêu Đề Tài + Thiết kế Website bán linh kiện máy tính Ý Nghĩa Của Đề Tài + Đưa sản phẩm công ty đến đến gần với người tiêu dùng + Quảng bá thương hiệu Đối Tượng Của Đề Tài + Đối tượng nghiên cứu chủ yếu sản phẩm linh kiện thiết bị máy tính Một Số Trang Chính Của Website + Trang chủ: Đây trang giới thiệu sơ lược sản phẩm cửa hàng + Trang Giới thiệu: Đây trang giúp cho khách hàng xem biết thêm thông tin Shop + Trang liên hệ: Đây trang mà khách hàng liên hệ với shop + Trang đăng ký: Người dùng đăng ký tài khoản để trở thành khách hàng trang + Trang đăng nhập: Người dùng đăng nhập tài khoản để đặt mua sản phẩm trang + Trang sản phẩm: Đây trang khách hàng xem tham khảo mặt hàng cửa hàng có sẵn để lựa chọn + Trang chi tiết sản phẩm: Đây trang khách hàng nhấn vào sản phẩm để xem chi tiết SVTH:Võ Minh Tấn– LỚP: D18PM03 ... D18PM03 vii Tiểu luận môn thiết kế web CHƯƠNG TỔNG QUAN VỀ ĐỀ TÀI Tên Đề Tài + THIẾT KẾ WEBSITE SHOP LINH KIỆN MÁY TÍNH ZACKBUTCHER Mục Tiêu Đề Tài + Thiết kế Website bán linh kiện máy tính Ý Nghĩa... tơi chọn đề tài về: ? ?Thiết kế website shop linh kiện máy tính ZackButcher? ?? Đây hệ thống đơn giản đủ mạnh phép nhanh chóng Thiết kế ứng dụng bán hàng Internet Đề tài tiểu luận gồm phần phân chương... nghiệm thiết kế web bạn Các tính biên soạn trực quan Dreamweaver cho phép bạn tạo nhanh trang web mà khơng cần dịng mã Bạn xem tất thành phần SVTH:Võ Minh Tấn– LỚP: D18PM03 Tiểu luận môn thiết kế web