Csltweb.pdf

TRƯỜNG ĐẠI HỌC ĐIỆN LỰC KHOA CÔNG NGHỆ THÔNG TIN BÁO CÁO CHUYÊN ĐỀ HỌC PHẦN CƠ SỞ LẬP TRÌNH WEB ĐỀ TÀI: XÂY DỰNG WEBSITE KÍNH MẮT THIẾT KẾ CAO CẤP Sinh viên thực : PHẠM HUY HƯNG Giảng viên hướng dẫn : NGUYỄN VĂN ĐOÀN Ngành : CÔNG NGHỆ THÔNG TIN Chuyên ngành : QUẢN TRỊ AN NINH MẠNG Lớp : D14QTANM2 Khóa : 2019- 2024 Hà Nội, tháng năm 2021 PHIẾU CHẤM ĐIỂM STT Họ tên Nhiệm vụ Trần Quốc Hùng - Chương 3: + Trang Chủ + Giới thiệu (19810320512) - - Hà Mai Lan (19810320673) Trần Viết Chiến (19810320555) + Thời Trang + Javascript Đăng Nhập Liên kết page hồn chỉnh web Chương 3: + Gọng kính cận + Phụ kiện + Chi tiết sản phẩm: sản phẩm + Giỏ hàng + Javascript Mua + Javascript Lọc sản phẩm - Chương 1: Tổng quan đề tài - Chương 3: + Bảo Hành năm + Đổi trả 30 ngày + Thu cũ - đổi + Cửa hàng Điểm Chữ ký Trần Bích Ngọc (19810320211) - Chỉnh báo cáo Chương 2: Phân tích hệ thống Chương 3: + Gọng kính râm + Trợ giúp + Bộ sưu tập GIẢNG VIÊN CHẤM ĐIỂM Họ tên Giảng Viên 1: Giảng Viên 2: Nhận Xét Chữ Ký Mục Lục LỜI MỞ ĐẦU CHƯƠNG 1: GIỚI THIỆU BÀI TOÁN THỰC HIỆN Tổng quan toán 1.1 Khảo sát trạng 1.2 Mơ tả tốn 1.3 Ưu điểm website bán kính mắt 1.4 Nhược điểm Các hệ thống liên quan tương tự Mục tiêu giải toán Yêu cầu trang web CHƯƠNG 2: PHÂN TÍCH HỆ THỐNG Yêu cầu chi tiết Website: 9 1.1 Đối với người truy cập Website với chức user: 1.2 Đối với người quản trị: Các nhóm chức năng: 10 Xác định thực thể: 10 Xác định Use Case: 11 CHUƠNG 3: CÀI ĐẶT GIAO DIỆN HỆ THỐNG Cấu trúc trang web 12 12 1.1.Tiêu đề ( header) 12 1.2 Thân bố cục (main) 13 1.3 Phần chân trang (footer) 13 Giao diện 14 2.1 Giao diện trang chủ 14 2.2 Sản phẩm 17 2.3 Thông tin sản phẩm 20 2.4 Bảo hành đổi trả 21 2.5 Thu cũ – đổi 22 2.6 Cửa hàng 22 2.7 Trợ giúp 23 2.8 Bộ sưu tập 23 2.9 Giới thiệu 25 2.10 Thời trang 25 2.11 Đăng nhập 26 2.12 Đăng ký 26 2.13 Giỏ hàng 27 2.14 Javascript 27 2.15 Code 28 LỜI MỞ ĐẦU Hiện nay, ứng dụng công nghệ thông tin tin học hóa xem yếu tố mang tính định hoạt động phủ, tổ chức công ty Cùng với phát triển khơng ngừng kĩ thuật máy tính mạng điện tử, công nghệ thông tin chinh phục hết đỉnh cao đến đỉnh cao khác có vị trí định Mạng Internet sản phẩm có giá trị to lớn công cụ thiếu, tảng cho truyền tải, trao đổi thơng tin tồn cầu thời đại cơng nghệ 4.0 Đi với phát triển mạnh mẽ công nghệ thơng tin phát triển thương mại hóa toàn cầu Những website mua bán, thương mại xuất ngày nhiều, trang thương mại tiếng www.amazone.com, www.alibaba.com hay www.ebay.com khơng cịn xa lạ với Đối với cửa công ty, doanh nghiện hay cửa hàng, việc quảng bá giới thiệu đến khách hàng sản phẩm đáp ứng nhu cầu khách hàng cần thiết Vậy phải quảng bá đó? Đó xây dựng Website cho cửa hàng quảng bá tất sản phẩm bán Và nắm bắt xu thời đại nên chúng em thực đề tài “Xây dựng Website kính mắt thiết kế cao cấp” nhằm phục vụ cho nhu cầu tất yếu sống ưu chuộng đẹp Trong thời gian thiết kế website, giúp đỡ, hướng dẫn tận tình thầy Nguyễn Văn Đồn, nhóm chúng em tiến hành tìm hiểu xây dựng website thương mại Website giúp chúng em phát huy tính sáng tạo, tinh thần làm việc tập thể, khả vận dụng kiến thức học để hồn thành tốt báo cáo Mặc dù có nhiều cố gắng trình làm dự án, nhiên kiến thức cịn hạn chế thời gian có hạn nên dự án cịn nhiều thiếu sót, chúng em mong giúp đỡ, góp ý, sửa chữa thầy cô để báo cáo chúng em hoàn thiện Chúng em xin chân thành cảm ơn q thầy cơ! CHƯƠNG 1: GIỚI THIỆU BÀI TỐN THỰC HIỆN Tổng quan toán 1.1 Khảo sát trạng Thực tìm hiểu, khảo sát hệ thống, cụ thể số website bán kính mắt internet, đánh giá trạng cửa hàng, xác định mặt hạn chế hệ thống cũ, từ đề xuất khắc phục Xã hội ngày phát triển, nhu cầu mua sắm, thời trang người nâng cao Trong khơng thể thiếu gọng kính sang trọng, lạ mắt, đại Những gọng kính ngày thu hút nhiều người quan tâm, người có tật khúc xạ mà ưu chuộng đẹp Tuy nhiên cửa hàng, website bán kính mắt chưa đáp ứng yêu cầu khách hàng, phục vụ chưa chu đáo, tốn nhiều thời gian Các trang web bán kính mắt chưa phổ biến, phong phú Nhằm khắc phục điều mong muốn có mơi trường giao tiếp tiện lợi khách hàng, đơn giản hóa việc mua sắm, chúng em xây dựng website Bên cạnh , khách hàng phản hồi cho cửa hàng chia sẻ với người, đóng góp ý kiến với website để chúng em hoàn thiện hơn, phục vụ khách hàng tốt Qua website, khách hàng nắm thơng tin bổ ích từ sản phẩm, liên tục cập nhật thông tin từ hãng sản xuất 1.2 Mô tả tốn - Website giúp cho chủ cửa hàng quản lý mặt hàng cửa hàng cách thuận tiện hơn, đồng thời chủ cửa hàng cập nhật mặt hàng nhập lên website, lưu thông tin mặt hàng bán cho khách hàng, đồng thời kiểm tra, chỉnh sửa viết sản phẩm, hiển thị thông tin lên theo mục - Một website bán hàng có quy trình bắt đầu việc nhận đơn hàng từ phía khách hàng, nhận trực tiếp gián tiếp qua điện thoại, email, theo tiếp nhận thông tin đơn đặt hàng, sản phẩm đặt hàng sau lưu vào kho đơn đặt hàng tất khách hàng Sau người quản lí hệ thống lên lịch hẹn với khách hàng thời điểm giao hàng vị trí giao hàng thuận tiện - Website gồm nhiều trang, trang có chủ đề chức riêng Mỗi chủ đề phải có đường dẫn đến trang, có tên chủ đề nội dung trang Trang chủ tóm tắt nội dung tồn website bao gồm gọng kính cận gọng kính râm, phụ kiện, sưu tập nhất,… - Mỗi chủ đề phải khác phân biệt với chủ đề khác Mỗi chủ đề có giao diện riêng biệt cho chủ đề phù hợp với chủ đề - Đối với người truy cập Website với tư cách User cho phép đăng kí, đăng nhập, tìm kiếm tham khảo thơng tin sản phẩm, cho phép bình luận viết đánh giá sản phẩm 1.3 Ưu điểm website bán kính mắt Ngày hình thức kinh doanh bán kính mắt online mang lại nhiều ưu điểm thuận lợi: - Tiết kiệm nguồn tài đầu tư - Không cần thuê nhiều nhân viên bán hàng - Nhiều mẫu mã gọng kính đăng bán web Vì khách hàng thoải mái lựa chọn gọng kính phù hợp với thân - Việc mua hàng dễ dàng thuận tiện cho người mua, mang đến tâm lý thoải mái cho khách hàng 1.4 Nhược điểm Bên cạnh ưu điểm kinh doanh bán hàng web tồn nhược điểm định: ⮚ Hiện khách hàng chưa tin tưởng vào hình thức bán hàng web số trang web thực “ đăng đằng bán kiểu” nên gây hoang mang cho khách hàng ⮚ Đòi hỏi website phải chủ động linh hoạt khâu: từ khâu quảng bá sản phẩm đến khâu quan hệ khách hàng, giao hàng, toán, lấy hàng, Trong trình kinh doanh web gặp nhiều khó khăn ⮚ Sự cạnh tranh website lớn Nên sản phầm không chất lượng, đa dạng, đẹp làm ăn không uy tín khó trì lâu ⮚ Khách hàng sau đặt hàng đến giao hàng lại không nhận nên chủ shop lại thêm chi phí ⮚ Một số trang web giả mạo, lừa đảo ⮚ Khách hàng chưa nắm rõ độ cận, loạn tâm mắt Các hệ thống liên quan tương tự Một số website tìm hiểu tham khảo ⮚ Website: https://gentlemonster.com.vn/ -Website Gentlemonster web bán kính mắt thời trang với tơng màu chủ đạo trắng đen Nhận thấy trang chủ dễ nhìn, đẹp, đa dạng, nhiều chức Lôi người xem Hình 1.1: Trang chủ web Gentlemonster Hình 1.2: Các gọng kính giá bán 2.2 Sản phẩm 2.2.1 Gọng kính cận 17 2.2.2 Gọng kính râm 18 2.2.3 Phụ kiện 19 2.3 Thông tin sản phẩm 20 2.4 Bảo hành đổi trả 21 2.5 Thu cũ – đổi 2.6 Cửa hàng 22 2.7 Trợ giúp 2.8 Bộ sưu tập 2.8.1 Bộ sưu tập Nature Spirit 23 2.8.2 Bộ sưu tập Titanium Passion 24 2.9 Giới thiệu 2.10 Thời trang 25 2.11 Đăng nhập 2.12 Đăng ký 26 2.13 Giỏ hàng 2.14 Javascript 2.14.1 Mua hàng thành công 27 2.14.2 Lọc sản phẩm 2.15 Code 2.15.1 Lọc sản phẩm 28 2.15.2 Mua hàng thành công 29 2.15.3 Đăng nhập – Đăng ký 30 31