Tiể ậ u lu n môn học thiết kế web thiết k website ế shop bán hoa flowers

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 BÁN HOA FLOWERS GVHD: NGUYỄN HỮU VĨNH SV: LÊ QUANG CHUNG MSSV: 1824801030261 LỚP: D18PM04 B NH DƯƠNG – 07/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: XÂY DỰNG WEBSITE SHOP BÁN HOA FLOWERS 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 xây dựng 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ề: “Xây dựng website shop bán hoa Flowers” Đây hệ thống đơn giản đủ mạnh phép nhanh chóng xây dựng ứ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 SV: LÊ QUANG CHUNG – LỚP: D18PM04 i MỤC LỤC Đồ án môn thiết kế web LỜI NÓI ĐẦU i MỤC LỤC ii DANH MỤC HÌNH iv BẢNG THÔNG TIN TRANG v DANH SÁCH CÁC KÝ TỰ, CHỮ VIẾT TẮT vi 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 Giới thiệu Adobe Dreamweaver 3 Ngôn ngữ CSS 4 Ngôn ngữ Javascript CHƯƠNG 3: GIAO DIỆN CHƯƠNG TRÌNH Đặ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 đăng ký 1.4 Giao diện trang đăng nhập 10 1.5 Giao diện đổi mật 11 1.6 Giao diện trang danh mục hoa 12 1.6.1 Giao diện trang hoa sinh nhật 13 1.6.2 Giao diện trang hoa chúc mừng 14 1.6.3 Giao diện trang hoa khai trương 15 1.6.4 16 Giao diện trang hoa tình yêu SV: LÊ QUANG CHUNG – LỚP: D18PM04 ii Đồ án môn thiết kế web 1.6.5 Giao diện trang hoa tang lễ 17 1.6.6 Giao diện trang lãng hoa .18 1.7 Trang chi tiết hoa 19 1.7.1 Giao diện trang chi tiết hoa sinh nhật 19 1.7.2 Giao diện trang chi tiết hoa chúc mừng .20 1.7.3 Giao diện trang chi tiết hoa khai trương 21 1.7.4 Giao diện trang chi tiết hoa tình yêu 22 1.7.5 Giao diện trang chi tiết hoa tang lễ .23 1.7.6 Giao diện trang chi tiết lãng hoa .24 1.8 Giao diện trang hoa đẹp 25 1.8.1.Giao diện trang chi tiết hoa đẹp .26 1.9 Giao diện trang giỏ hàng .27 1.10 Giao diện trang sách .28 1.11 Giao diện trang hướng dẫn đặt hàng 29 1.12 Giao diện trang phương thức toán 30 1.13 Giao diện trang câu hỏi thường gặp 31 CHƯƠNG 4: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 32 Kết đạt được: 32 Việc chưa làm được: 32 Hướng phát triển đề tài 32 TÀI LIỆU KHAM KHẢO 34 SV: LÊ QUANG CHUNG – LỚP: D18PM04 iii Đồ án môn thiết kế web DANH MỤC HÌNH 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 đăng ký .9 Hình 1.4 Giao diện trang đăng nhập 10 Hình 1.5 Giao diện trang đổi mật 11 Hình 1.6 Giao diện trang danh mục hoa 12 Hình 1.6.1 Giao diện trang hoa sinh nhật 13 Hình 1.6.2 Giao diện trang hoa chúc mừng 14 Hình 1.6.3 Giao diện trang hoa khai trương .15 Hình 1.6.4 Giao diện trang hoa tình yêu 16 Hình 1.6.5 Giao diện trang hoa tang lễ 17 Hình 1.6.6 Giao diện trang lãng hoa .18 Hình 1.7.1 Giao diện trang chi tiết hoa sinh nhật .19 Hình 1.7.2 Giao diện trang chi tết hoa chúc mừng 20 Hình 1.7.3 Giao diện trang chi tiêt hoa khai trương .21 Hình 1.7.4 Giao diện trang chi tiết hoa tình yêu 22 Hình 1.7.5 Giao diện trang chi tiết hoa tang lễ 23 Hình 1.7.6 Giao diện trang chi tiết lãng hoa 24 Hình 1.8 Giao diện trang hoa đẹp 25 Hình 1.8.1 Giao diện trang chi tiết hoa đẹp 26 Hình 1.9 Giao diện trang giỏ hàng 27 Hình 1.10 Giao diện trang sách 28 Hình 1.11 Giao diện trang hướng dẫn đặt hàng .29 Hình 1.12 Giao diện trang phương thức toán 30 Hình 1.13 Giao diện trang câu hỏi thường gặp 31 SV: LÊ QUANG CHUNG – LỚP: D18PM04 iv Đồ án mơn thiết kế web BẢNG THƠNG TIN TRANG STT Tên Trang Trang Chủ Chức trang Đây trang shop, giới thiệu sơ lược shop, loại hoa bán nhiều bật cửa hàng Trang Giới Thiệu Đây trang giúp cho người xem biết thêm thông tin Shop hoa Flowers Trang Đăng Ký Người dùng đăng ký tài khoản để trở thành khách hàng Shop hoa Flowers Trang Đăng Nhập Người dùng đăng nhập tài khoản để đặt mua sản phẩm Shop hoa Flowers Khẩu Trang Đổi Mật Hoa Trang Danh Mục Trang Chi Tiết Hoa Đây trang mà khách hàng có nhu cầu đổi mật muốn Đây trang khách hàng xem tham khảo loại hoa có sẵn shop Flowers để lựa chọn Đây trang khách hàng nhấn vào loại hoa để xem chi tiết Nhất Trang Hoa Đẹp Trang Giỏ Hàng Đây trang giúp cho khách hang xem, tìm hiểu thêm nhiều loại hoa đẹp khác Đây trang khách hàng muốn xem chọn loại hoa 10 Sách Trang Các Chính 11 Trang Hướng Dẫn Đặt Hàng Trang gồm sách shop để khách hàng tham khảo Trang giúp khách hàng hiểu rõ cách đặt hàng shop hoa Flowers 12 Trang Phương Thức Thanh Tốn Trang giúp khách hàng có nhiều cách 13 Trang giúp giải đáp thắc mắc khách Trang Câu Hỏi Thường Gặp toán cho Shop hoa Flowers hàng có nhu cầu SV: LÊ QUANG CHUNG – LỚP: D18PM04 v Đồ á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 LH Loại Hoa HTML Hyper Text Markup Language CSS Cascading Style Sheet SV: LÊ QUANG CHUNG – LỚP: D18PM04 vi Tiểu luận môn thiết kế web CHƯƠNG TỔNG QUAN VỀ ĐỀ TÀI Tên Đề Tài + XÂY DỰNG WEBSITE SHOP HOA FLOWERS Mục Tiêu Đề Tài + Xây dựng Website Bán Hoa Flowers Ý Nghĩa Của Đề Tài + Đưa sản phẩm Shop Hoa Flowers đến gần với người +Giới thiệu loài hoa cho người +Sáng tạo giỏ hoa, lãng hoa, bó hoa phù hợp với người + Quảng bá thương hiệu shop hoa Flowers Đối Tượng Của Đề Tài + Đối tượng nghiên cứu chủ yếu loại hoa loài hoa phổ biến đẹp Một Số Trang Chính Của Website + Trang chủ: Đây trang shop, giới thiệu sơ lược shop, loại hoa bán nhiều bật cửa hàng + Trang giới thiệu: Đây trang giúp cho người xem biết thêm thông tin Shop hoa Flowers + Trang đăng ký: Người dùng đăng ký tài khoản để trở thành khách hàng Shop hoa Flowers + Trang đăng nhập: Người dùng đăng nhập tài khoản để đặt mua sản phẩm Shop hoa Flowers +Trang đổi mật khẩu: Đây trang mà khách hàng có nhu cầu đổi mật muốn + Trang danh mục hoa: Đây trang khách hàng xem tham khảo loại hoa có sẵn shop Flowers để lựa chọn + Trang chi tiết hoa: Đây trang khách hàng nhấn vào loại hoa để xem chi tiết + Trang hoa đẹp nhất: Đây trang giúp cho khách hang xem, tìm hiểu thêm nhiều loại hoa đẹp khác +Trang giỏ hàng: Đây trang khách hàng muốn xem chọn loại hoa +Trang sách: Trang gồm sách shop để khách hàng tham khảo SV: LÊ QUANG CHUNG – LỚP: D18PM04 Tiểu luận môn thiết kế web +Trang hướng dẫn đặt hàng: Trang giúp khách hàng hiểu rõ cách đặt hàng shop hoa Flowers +Trang phương thức toán: Trang giúp khách hàng có nhiều cách tốn cho Shop hoa Flowers +Trang câu hỏi thường gặp: Trang giúp giải đáp thắc mắc khách hàng có nhu cầu SV: LÊ QUANG CHUNG – LỚP: D18PM04 ... li? ?n k? ??t đ? ?n trang với n? ??i dung khác SV: LÊ QUANG CHUNG – LỚP: D18PM04 Ti? ?u lu? ? ?n m? ?n thiết k? ?? web 1.2 Giao di? ?n trang giới thi? ?u ➢ Mục đích: Khi vào trang n? ?y, khách hàng biết số n? ?t khái quát shop, ... nghiệm thiết k? ?? web b? ?n SV: LÊ QUANG CHUNG – LỚP: D18PM04 Ti? ?u lu? ? ?n m? ?n thiết k? ?? web 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... CHUNG – LỚP: D18PM04 Ti? ?u lu? ? ?n m? ?n thiết k? ?? web 1.4 Giao di? ?n trang đăng nhập ➢ Mục Đích: Khách hàng đăng nhập tài kho? ?n để đặt mua loại hoa shop ➢ Chức n? ?ng: Khách hàng đăng nhập để mua hàng nhanh