TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT VIỆN KỸ THUẬT – CƠNG NGHỆ *** TIỂU LUẬN MƠN HỌC LẬP TRÌNH WEBSITE ĐỀ TÀI: XÂY DỰNG WEBSITE THỜI TRANG QUẦN ÁO PHỤ KIỆN GVHD: NGUYỄN HỮU VĨNH LỚP: D17HT02 SINH VIÊN THỰC HIỆN Nguyễn Tuân 1724801040113 Trần Văn Thái 1724801040081 BNH DƯƠNG – 12/2021 0 Tieu luan Bo co tiểu luận Lập trình web NHẬN XÉT VÀ CHẤM ĐIỂM CỦA GIẢNG VIÊN HƯỚNG DẪN 1.Về thi độ, ý thức sinh viên 2.Về đạo đức, tác phong: 3.Về kiến thức 0 Tieu luan Bo co tiểu luận Lập trình web LỜI CẢM ƠN Nhóm chúng em xin chân thành cảm ơn thầy Nguyễn Hữu Vĩnh - Giảng viên hướng dẫn môn Lập trình web dành thời gian quý báu để hướng dẫn chúng em môn học Cám ơn thầy tạo điều kiện cung cấp kiến thức quan trọng để học tập thực đề tài cách tốt Thơng qua q trình thực đồ án, chúng em phần củng cố, tích lũy kiến thức Lập trình web Mặc dù cố gắng tất trình từ học tập thực đề tài chúng em tránh khỏi sai sót định Chúng em mong nhận thơng cảm, bỏ qua góp ý tận tình từ thầy bạn Chúng em xin chân thành cảm ơn! Nhóm sinh viên thực 0 Tieu luan Bo co tiểu luận Lập trình web MỤC LỤC LỜI CẢM ƠN DANH MỤC HÌNH ẢNH CHƯƠNG 1: KHẢO SÁT YÊU CẦU BÀI TOÁN I Mơ tả tốn : Giới thiệu toán : Mục đích xây dựng website : II Phân tích toán : Sơ đồ Diagram : Xác định Usecase: Mô tả Usecase : 10 CHƯƠNG 2: THIẾT KẾ CƠ SỞ DỮ LIỆU 16 Các bảng CSDL : 16 Bảng Category : 16 Bảng Menu : 16 Bảng Role : 17 Bảng User : 17 Bảng Size : 18 Bảng SizeShoe : 18 Bảng Ordersdetail : 19 Bảng Product : 19 Bảng Order : 20 CHƯƠNG 3: GIAO DIỆN WEBSITE 21 I Hiện thực Demo toán ứng dụng : 21 Trang chủ : 21 Trang đăng nhập, đăng ký : 23 Trang chi tiết sản phẩm : 24 Giỏ hàng : 28 0 Tieu luan Bo co tiểu luận Lập trình web Trang toán : 29 Trang đặt hàng thành công : 30 Trang dành cho người quản trị : 31 CHƯƠNG 4: KẾT LUẬN 35 I Kết đạt : 35 II Những hạn chế : 35 III Hướng phát triển : 35 TÀI LIỆU THAM KHẢO 36 0 Tieu luan Bo co tiểu luận Lập trình web DANH MỤC HÌNH ẢNH Hình 1.Phân rã chức Hình 2.Usecase Người dùng Hình 3.Usecase Admin Hình 4.Lược đồ s liệu Hình 5.Trang chủ website 21 Hình 6.Giao diện sản phẩm 22 Hình 7.Footer thơng tin liên hệ thương hiệu 22 Hình Form thơng tin đăng nhập 23 Hình 9.Form thông tin đăng ký 23 Hình 10.Form người dùng tự chỉnh sửa thông tin 24 Hình 11 Thơng tin chi tiết sản phẩm áo 24 Hình 12 Thơng tin chi tiết sản phẩm Phụ kiện 25 Hình 13.Thơng tin chi tiết sản phẩm Giày 25 Hình 14.Các sản phẩm gợi ý sản phẩm loại 26 Hình 15 Tìm kiếm sản phẩm 27 Hình 16 Hiển thị sản phẩm tìm kiếm 27 Hình 17 Các thơng tin chức Giỏ hàng 28 Hình 18 Chi tiết thơng tin đặt hàng 29 Hình 19.Thơng báo xác nhận đơn hàng 30 Hình 20.Form đăng nhập Admin 31 Hình 21.Trang quản lý Admin 31 Hình 22 Các chức Thêm,Xóa,Sửa sản phẩm 32 Hình 23.Form thêm thông tin sản phẩm 32 Hình 24.Xem thơng tin đơn hàng 33 Hình 25 Thêm , sửa thông tin đăng nhập 33 0 Tieu luan Bo co tiểu luận Lập trình web CHƯƠNG 1: KHẢO SÁT U CẦU BÀI TỐN I Mơ tả tốn : Giới thiệu tốn : Vì số lượng sản phẩm cửa hàng ngày đa dạng giá thay đổi liên tục tính phổ biến khơng cao chưa đáp ứng nhu cầu người dùng Mặt khác cửa hàng cịn gặp nhiều khó khăn chưa quản lý người dùng, thông tin nhà sản xuất, cập nhật giá sản phẩm, quản lý sản phẩm… Nắm bắt tình hình nhóm tiến hành thiết k ế trang web mua bán hàng online để mong giúp cho cửa hàng phá triển hơn, giúp quản lý cửa hàng cách dễ dàng mà đạt hiệu mong đợi Mục đích xây dựng website : Mỗi loại trang web khác có mục đích khác tùy thuộc vào đối tượng mục tiêu mà web hướng đến Mục đích website: Nơi diễn hoạt động mua bán, cung ứng trưng giới thiệu hàng hóa, website cần phải tối ưu hóa để đạt tỷ lệ mua hàng cao cần phải tích hợp tính : Giỏ hàng, đặt mua, tốn, vận chuyển… - Mục đích : Bán sản phẩm Xây dựng quảng bá thương hiệu: Giúp kiếm khách hàng khiến khách hàng trung thành Góp phần tăng doanh thu Tạo lưu lượng truy cập trang web: Đây điều quan trọng với trang web khơng có lưu lượng truy cập , trang web bạn gần khơng biết đến Nó hội để chuyển đổi khách hàng tiềm 0 Tieu luan Bo co tiểu luận Lập trình web II Phân tích tốn : Sơ đồ Diagram : - Sơ đồ phân rã chức (Business Diagram) Hình 1.Phân rã chức 0 Tieu luan Bo co tiểu luận Lập trình web - Usecase Người dùng Hình 2.Usecase Người dùng - UseCase Admin Hình 3.Usecase Admin 0 Tieu luan Bo co tiểu luận Lập trình web - Database Scheme (Lược đồ CSDL) Hình 4.Lưc đ s d liu Xác định Usecase: - Người dùng + Đăng ký + Đăng nhập + Tìm kiếm sản phẩm + Đặt hàng + Thanh tốn + Xem thơng tin sản phẩm 0 Tieu luan Bo co tiểu luận Lập trình web - Hiển thị danh sách sản phẩm Hình 6.Giao din sản phẩm - Footer hiển thị tin bao gồm tin tức thương hiệu - Hiển thị Logo thương hiệu liên kết để liên hệ với người bán Hình 7.Footer thông tin liên h thương hiu 22 0 Tieu luan Bo co tiểu luận Lập trình web Trang đăng nhập, đăng ký : - Cho phép người dùng đăng ký tài khoản mới, đăng nhập vào website để mua hàng - Hiển thị thông báo người dùng đăng nhập không tài khoản mật Hình Form thơng tin đăng nhập Hình 9.Form thơng tin đăng ký 23 0 Tieu luan Bo co tiểu luận Lập trình web - Sau đăng nhập người dùng chỉnh sửa thơng tin tài khoản Hình 10.Form người dùng tự chỉnh sửa thơng tin Trang chi tiết sản phẩm : Hiển thị chi tiết sản phẩm bao gồm: Tên sản phẩm, giá tiền, số lượng sản phẩm, hình ảnh sản phẩm (có thể phóng to) - Nếu sản phẩm quần áo, cho phép người dùng chọn sản phẩm theo size S M L XL XXL Nếu hết hàng size bị ẩn khơng thể chọn Hình 11 Thơng tin chi tiết sản phẩm áo 24 0 Tieu luan Bo co tiểu luận Lập trình web - Nếu sản phẩm phụ kiện, cho phép người dùng tăng giảm số lượng sản phẩm Nếu hết hàng thông báo “Sold out” Hình 12 Thơng tin chi tiết sản phẩm Phụ kin - Nếu sản phẩm giày, cho phép người dùng chọn size sản phẩm theo size số Nếu hết hàng thông báo “Sold out” Hình 13.Thơng tin chi tiết sản phẩm Giày 25 0 Tieu luan Bo co tiểu luận Lập trình web Hiển thị gợi ý sản phẩm loại mà khách hàng chọn trước mơ tả sản phẩm Hình 14.Các sản phẩm gi ý sản phẩm loại 26 0 Tieu luan Bo co tiểu luận Lập trình web Trang tìm kiếm : - Tìm kiếm sản phẩm theo từ khóa gõ tìm kiếm Hình 15 Tìm kiếm sản phẩm - Hiển thị sản phẩm tìm kiếm phần sản phẩm Hình 16 Hiển thị sản phẩm đưc tìm kiếm 27 0 Tieu luan Bo co tiểu luận Lập trình web Giỏ hàng : - Giỏ hàng hiển thị đầy đủ thông tin sản phẩm mà khách hàng đặt hàng - Hiển thị hóa đơn tốn cho khách hàng bao gồm: giá sản phẩm, phí vận chuyển, tổng tiền đơn hàng - Có thể cập nhật lại số lượng giá tiền giỏ hàng - Chức xóa giỏ hàng Hình 17 Các thơng tin chức Giỏ hàng 28 0 Tieu luan Bo co tiểu luận Lập trình web Trang tốn : - Hiển thị form toán cho phép khách hàng nhập vào thông tin để đặt hàng - Hiển thị lại chi tiết hóa đơn đặt hàng khách hàng - Chức toán : toán nhận hàng Hình 18 Chi tiết thơng tin đặt hàng 29 0 Tieu luan Bo co tiểu luận Lập trình web Trang đặt hàng thành công : - Hiện form thông tin khách hàng đăt hàng thành công website Hình 19.Thơng báo xác nhận đơn hàng 30 0 Tieu luan Bo co tiểu luận Lập trình web Trang dành cho người quản trị : Trang đăng nhập : - Sử dụng tài khoản người quản trị đăng nhập Hình 20.Form đăng nhập Admin Trang chủ quản lý : - Chức quản lý website gồm: Quản lý sản phẩm, quản lý đơn hàng, quản lý tài khoản - Hiển thị thống kế số lượng: sản phẩm, đơn hàng, tài khoản khách hàng Hình 21.Trang quản lý Admin 31 0 Tieu luan Bo co tiểu luận Lập trình web Chức quản lý sản phẩm : - Hiển thị thông tin sản phẩm: cho phép người quản trị thêm, xóa, sửa sản phẩm Hình 22 Các chức Thêm,Xóa,Sửa sản phẩm - Chức thêm sản phẩm chọn sản phẩm theo nhóm: quần áo, phụ kiện, giày Hình 23.Form thêm thơng tin sản phẩm 32 0 Tieu luan Bo co tiểu luận Lập trình web Chức quản lý đơn hàng : - Hiển thị thông tin đơn hàng bao gồm: Tên khách hàng, ngày đặt hàng, trạng thái đơn hàng, xem chi tiết đơn hàng - Xác nhận đơn hàng từ khách hàng Hình 24.Xem thơng tin đơn hàng Chức Thêm tài khoản đăng nhập : + Cho phép admin thêm thông tin đăng nhập user phân quyền user chỉnh sửa Hình 25 Thêm , sửa thông tin đăng nhập 33 0 Tieu luan Bo co tiểu luận Lập trình web 34 0 Tieu luan Bo co tiểu luận Lập trình web CHƯƠNG 4: KẾT LUẬN I Kết đạt : - Về tiểu luận Lập trình website hoàn thành thực tiêu đề Về thực nghiệm : Hoàn thành triển khai website thời trang quần áo , phụ kiện II Những hạn chế : - Do nhiều hạn chế thời gian, vật chất số điều kiện khác nhau, bên cạnh vấn đề đạt tiểu luận Lập trình website cịn số hạn chế số điều kiện thực ứng dụng riêng - Chưa triển khai lên host project nặng dung lượng (do chưa đủ kinh phí thuê host , host free không đủ dung lượng lưu trữ) - Chưa triển khai công nghệ lưu trữ song song III Hướng phát triển : - Nghiên cứu công nghệ lưu trữ song song (Parallels Cloud Storage) kết hợp với đám mây owncloud 35 0 Tieu luan Bo co tiểu luận Lập trình web TÀI LIỆU THAM KHẢO [1] Rob Vettor, Steve “Ardalis” Smith, Architecting Cloud Native NET Applications for Azure , Copyright © 2021 by Microsoft Corporation [2] Hiệp sĩ IT , https://hiepsiit.net/ truy cập vào ngày 12/11/2021 [3] Nguyễn Hữu Vĩnh , Võ Quốc Lương , 2017 ,“Tài liệu Hướng dẫn thực hành Thiết kế lập trình webiste”, trường ĐH Thủ Dầu Một 36 0 Tieu luan ... sửa th? ?ng tin đăng nhập 33 0 Tieu luan Bo co tiểu lu? ?n Lập trình web 34 0 Tieu luan Bo co tiểu lu? ?n Lập trình web CHƯƠNG 4: KẾT LU? ?N I Kết đạt : - Về tiểu lu? ?n Lập trình website h? ?n th? ?nh th? ??c... th? ??c tiêu đề Về th? ??c nghiệm : Ho? ?n th? ?nh tri? ?n khai website th? ? ?i trang qu? ? ?n áo , phụ ki? ?n II Những h? ?n chế : - Do nhiều h? ?n chế th? ? ?i gian, vật chất số ? ?i? ??u ki? ?n khác nhau, b? ?n cạnh v? ?n đề... đặt hàng th? ?nh công : - Hi? ?n form th? ?ng tin khách hàng đăt hàng th? ?nh cơng website Hình 19 .Th? ?ng báo xác nh? ?n đ? ?n hàng 30 0 Tieu luan Bo co tiểu lu? ?n Lập trình web Trang dành cho ngư? ?i qu? ? ?n trị