Đồ án môn học phát triển ứng dụng tmđt xây dựng website bán hàng

lOMoARcPSD|22244702 TRƯỜNG ĐẠI HỌC KINH TẾ TP HỒ CHÍ MINH KHOA CÔNG NGHỆ THÔNG TIN KINH DOANH ĐỒ ÁN MÔN HỌC PHÁT TRIỂN ỨNG DỤNG TMĐT Đề tài: Xây dựng Website bán hàng GVHD: Nguyễn Mạnh Tuấn Lớp: Nhóm 4: MSSV 1.Khách Đô Quang 31201023112 Đặng La Huy 31201029869 Võ Minh Tuyết 31201023612 Nguyễn Thị Thùy Trân 31201024065 Nguyễn Lê Huyền Anh 31201029722 lOMoARcPSD|22244702 LỜI MỞ ĐẦU Với việc công nghệ phát triển không ngừng khiến kỹ thuật công nghệ yếu tố tin học không ngừng chuyển đổi ứng dụng vào hoạt động mang tính định phát triển cá nhân, tổ chức doanh nghiệp, cơng ty phủ nhà nước Cùng với yếu tố phát triển vượt bậc kỹ thuật máy tính, tin học bên cạnh yếu tố mạng Internet góp vào phần quan trọng để tạo giá trị, công cụ thiếu việc truyền đạt thơng tin tồn cầu Với yếu tố ngày phát triển nhu cầu người tiêu dùng ngày không ngừng tăng cao Hiện hình thức mua sắm trực tuyến nhiều người tiêu dùng quan tâm ứng dụng tiện lợi mà mang lại cần chỗ mà lựa chọn mua sắm đồ cần thiết Song song với nhu cầu tiện lợi việc mua sắm người tiêu dùng quan tâm trọng vấn đề liên quan đến thông tin, nguồn gốc chất lượng sản phẩm sử dụng Và thời buổi mà hình thức kinh doanh khơng ngừng phát triển đa dạng Đối với ngành nghề kinh doanh truyền thống phát triển nhiều loại hình kinh doanh khác Đặc biệt ngành thương mại thời buổi công nghệ phát triển vượt bậc ngày phương thức kinh doanh trực tuyến dần trở thành xu hướng xã hội Nắm bắt hội nhóm lên ý tưởng thực đồ án “Xây dựng Website bán hàng” giúp người tiêu dùng đưa nhiều lựa chọn mua sắm cách thuận tiện vừa cung cấp thông tin cần thiết phục vụ cho người tiêu dùng lOMoARcPSD|22244702 BẢNG PHÂN CÔNG STT Họ tên Nguyễn Lê Huyền Anh Công việc phụ trách I LỜI NÓI ĐẦU II KHẢO SÁT HIỆN TRẠNG HỆ THỐNG III MỤC TIÊU XÂY DỰNG WEBSITE V - 1.4 Trang sản phẩm V - 1.5 Trang chi tiết sản phẩm VI KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN IV THIẾT KẾ CƠ SỞ DỮ LIỆU Mức độ hoàn thành 100% Thực thể thuộc tính Khách Đơ Quang Mơ hình quan hệ 100% V - 1.3 Trang chủ (Homepage) VI KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN Đặng La Huy V - 1.1 Header, Footer button quay đầu trang V - 1.2 Trang Admin V - 1.3 Trang chủ (Homepage) VI KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 100% V - 1.1 Header, Footer button quay đầu trang V - 1.2 Trang Admin V - 1.9 Trang Về Võ Minh Tuyết V - 1.10 Trang Liên Hệ 100% VI KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN Nguyễn Thị Thùy Trân Backend Publish 1.6 Trang giỏ hàng 1.7 Trang thông tin đặt hàng 1.8 Trang đăng nhập VI KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 100% lOMoARcPSD|22244702 I XÂY DỰNG MỤC TIÊU Khảo sát Với phát triển công nghệ kỹ thuật máy tính ngày mạnh mẽ yêu cầu người tiêu dùng ngày khắt khe doanh nghiệp khơng muốn đưa sản phẩm tới tay người tiêu dùng mà họ muốn phổ biến, quảng bá sản phẩm chất lượng, điểm mạnh thông tin trội sản phẩm đến cho người tiêu dùng Đặc biệt vấn đề quảng bá sản phẩm, dịch vụ Internet thịnh hành phát triển nhiều nhà đầu tư doanh nghiệp quan tâm thực Bên cạnh việc quảng bá cơng nghệ đưa vào ứng dụng cho việc quản lý người dùng doanh nghiệp giúp việc quản lý thông tin, hoạt động trở nên trực quan sinh động với người dùng nhằm giúp quản lý hoạt động kinh doanh cách hiệu Thay cách quản lý truyền thống thủ công cách ghi chép sổ sách phức tạp, với phần mềm quản lý cơng nghệ mang lại tính xác hiệu cao hỗ trợ cho việc kinh doanh, quản lý tiếp cận khách hàng doanh nghiệp, hỗ trợ tốt cho khách hàng việc trải nghiệm mua sắm trực tuyến giúp khách hàng lựa chọn sản phẩm chất lượng tiết kiệm thời gian Từ khảo sát nhóm định thực đồ án Xây dựng Website bán hàng nhằm phục vụ cho doanh nghiệp người tiêu dùng Với hy vọng Website hỗ trợ cung cấp thơng tin nhanh chóng thực thao tác quản lý mua sắm cách dễ dàng phù hợp với đối tượng sử dụng Đối tượng sử dụng a Admin -Đăng nhập Website -Xem thông tin sản phẩm -Thêm, xóa, chỉnh sửa thơng tin sản phẩm -Xem thông tin đơn hàng b Khách hàng -Xem sản phẩm -Tìm kiếm sản phẩm từ danh mục lOMoARcPSD|22244702 -Tìm kiếm sản phẩm nâng cao -Thêm sản phẩm vào giỏ hàng -Đặt mua sản phẩm -Thanh toán Đặc điểm trang Web a Đặc điểm bật - Web xây dựng nhằm mục đích kinh doanh đa mặt hàng với hệ thống đơn giản, thân thiện, dễ sử dụng Web cho phép người dùng hình thức khách hàng tìm kiếm, xem sản phẩm, thơng tin sản phẩm đặt hàng tốn, với hình thức người dùng quản trị viên cho phép quản lý thông tin liên quan đến khách hàng, đơn hàng sản phẩm - Một vài đặc điểm bật +Bố cục trang Web cân đối, dễ nhìn, thân thiện qua trang chức giúp người dùng có trải nghiệm tốt +Giao diện website linh hoạt, tương thích với kích thước, thiết bị người dùng +Có chức đăng nhập admin để chỉnh sửa, thay đổi sản phẩm thông tin sản phẩm b Các Module: -Module sản phẩm: Hiển thị tất sản phẩm bày bán website click vào sản phẩm hiển thị cách cụ thể đầy đủ thơng tin sản phẩm như: Tên sản phẩm, hình ảnh sản phẩm, đặc điểm sản phẩm, giá, khuyến mãi, -Module giỏ hàng: Khách hàng đặt mua sản phẩm click chuột vào nút mua hàng sản phẩm cụ thể Khi sản phẩm chuyển đến giỏ hàng, chức giỏ hàng mô giỏ hàng thực tế cho phép khách hàng kiểm sốt số lượng hàng hố chuẩn bị mua, thêm, bớt, giá tổng cộng phải toán, - Module toán: Sau kiểm tra giỏ hàng số tiền cần phải tốn khách hàng click vào nút tốn Lúc có cửa sổ lên buộc khách hàng phải điền đầy đủ thông tin cá nhân, địa giao nhận hàng thông tin hệ thống lưu trữ xử lý lOMoARcPSD|22244702 - Module tìm kiếm: Khách hàng nhập từ khố để tìm kiếm sản phẩm cách cụ thể Website - Module đăng nhập hệ thống: Khi đăng nhập vào hệ thống Admin quản lý sản phẩm, quản lý đơn hàng: cập nhật thông tin mặt hàng, loại hàng hoá quản lý thông tin đơn hàng - Một số module khác: trang xem sản phẩm bán chạy, sản phẩm II THIẾT KẾ CƠ SỞ DỮ LIỆU Thực thể thuộc tính *Chú thích định dạng Khóa chính, thuộc tính Kiểu thực thể Thuộc tính Sản phẩm ID_sp,ID_dm,Ten_sp,Gia_sp,Ngay_nhap,ID_th,Mo_Ta, Luot_xem,Ban_chay Danh mục ID_dm,Ten_dm Đơn hang ID_dh,ID_user,Hoten_kh,Email,Sdt,Dia_chi,ngay_dathang, ID_httt,ID_tt Chi tiết đơn hàng ID_ctdh,ID_dh,ID_hinh,ID_user,ID_httt,ID_tt,So_luong, Tong_gia Hình ảnh sản phẩm ID_hinh,ID_sp,Ten_sp, Thương hiệu ID_th,Ten_th,Logo User ID_user,Username,Password,Hoten,Email,Sdt,Dia_chi,Vai_tro Hình thức tốn ID_httt,Ten_httt Thanh tốn Mơ hình quan hệ ID_tt,ID_httt,Trangthai_tt,ngay_tt lOMoARcPSD|22244702 III THIẾT KẾ HỆ THỐNG Header bao gồm: _ Tên thương hiệu logo thương hiệu: cụ thể SHOP JP logo hình giỏ hàng _ Các chức năng: +TextField tìm kiếm: Cho phép khách hàng nhập từ khố để tìm kiếm sản phẩm cách cụ thể hoá hơn, theo yêu cầu mong muốn khách hàng + Danh mục sản phẩm: Tổng hợp danh mục hàng bán/ sản phẩm website, phân loại cách cụ thể loại sản phẩm +Về chúng tôi: Cung cấp thông tin SHOP JP +Liên hệ: Thông tin liên hệ cụ thể shop Gmail shop, Gmail cá nhân, số điện thoại shop, số điện thoại cá nhân, lOMoARcPSD|22244702 + Icon: ● Tài khoản: hiển thị tên tài khoản đăng nhập ● User (đăng nhập): Đăng nhập người dùng Admin ● Giỏ hàng: Sẽ dẫn đến trang chứa sản phẩm mà khách hàng chọn Ngồi icon giỏ hàng cịn kèm theo số tiền hiển thị kế bên, giá khách hàng phải trả khách hàng chọn sản phẩm bỏ vào giỏ hàng Footer +Tên logo thương hiệu SHOP JP: Chứa đường link dẫn đến trang chủ cửa hàng +Truy cập nhanh: chứa đường link mục: Tất sản phẩm, Về chúng tôi, Giỏ hàng giúp truy cập dễ dàng click vào +Liên hệ: Hiển thị thông tin cửa hàng, thời gian hoạt động số điện thoại cá nhân +Các Social Media để liên hệ cách dễ dàng qua: Facebook, Twitter, Youtube, Instagram +Đăng ký nhận tin: Textfield điền email → đăng ký email để nhận thông tin cập nhật sản phẩm Trang Admin _ Giúp người quản trị kiểm soát sản phẩm theo dạng danh sách _ Giúp người quản trị theo dõi tình hình kinh doanh qua số lượng đơn hàng hiển thị trang admin _ Quản lý sản phẩm theo danh sách, chỉnh sửa, thêm/ xóa, thay đổi, cập nhật sản phẩm Có hiển thị Tên sản phẩm, giá, số lượng, cách cụ thể lOMoARcPSD|22244702 _ Quản lý đơn hàng cách cụ thể hoá Hiển thị rõ tình trạng đơn hàng: Chờ xác nhận/ Chờ vận chuyển/ Giao thành công/ Giao thất bại/ Đã huỷ _ Ngồi đơn hàng cịn hiển thị cách chi tiết theo dạng danh sách có đầy đủ ngày giờ, tên người nhận, tổng giá tiền, email, địa số điện thoại lOMoARcPSD|22244702 _ Mặt khác người quản trị xem thơng tin chi tiết khách hàng lOMoARcPSD|22244702 Trang chủ (Homepage) - Body bao gồm: ● Hình ảnh quảng cáo chứa link dẫn đến trang tất sản phẩm danh sách sản phẩm sưu tập (sản phẩm nhất)/trong danh sách sản phẩm giảm giá sản phẩm bán chạy ● Hiển thị sản phẩm có Giá Tốt Nhất để thu hút khách hàng, ngồi phần body cịn hiển thị sản phẩm Shop ● Đánh giá loại sản phẩm, hiển thị hình ngơi sao, giúp khách hàng đánh giá sơ độ u thích sản phẩm ● Trong hình ảnh có tag gắn vào để nhấn mạnh sản phẩm bán chạy nhất/đang sale lOMoARcPSD|22244702 ● Mỗi hình ảnh có thơng tin: tên sản phẩm/giá cụ thể sản phẩm Trang sản phẩm Code: Views/Home/Product_View_Transaction -Trang sản phẩm hiển thị tất sản phẩm có cửa hàng Ngồi trang sản phẩm cịn có chức giúp khách hàng lọc sản phẩm thích hợp Các chức bao gồm: +Lọc sản phẩm theo danh mục +Lọc sản phẩm theo mức giá +Button giúp khách hàng tìm kiếm sản phẩm theo mức giá sau khách hàng lựa chọn mức giá mong muốn +Hai icon giúp người dùng hiển thị sản phẩm theo mong muốn +Hiển thị số kết sản phẩm theo u cầu tìm kiếm +Ngồi ra, cịn có chức hiển thị giúp người dùng lựa chọn hiển thị thứ tự sản phẩm theo tên theo giá lOMoARcPSD|22244702 -Với sản phẩm trang bao gồm: +Hiển thị phần trăm giảm giá , sản phẩm + Hình ảnh sản phẩm liên kết đến trang sản phẩm chi tiết +Hiển thị đánh giá sản phẩm + Button cho khách hàng biết số thông tin chi tiết sản phẩm, giỏ hàng khách hàng lựa chọn mua hàng -Khi kéo trỏ xuống cuối trang có nút link trang sản phẩm -Nút có chức đưa khách hàng đầu trang dẫn qua lOMoARcPSD|22244702 -Đối với danh mục sản phẩm giúp người dùng tìm kiếm sản phẩm phù hợp cách dễ dàng bao gồm mục -Các danh mục sản phẩm bao gồm: +Đồ chơi-Mẹ Bé +Điện thoại-Máy tính bảng +Thời trang Nam +Thời trang Nữ +Đồng hồ +Máy ảnh +Điện gia dụng +Ơtơ-Xe máy-Xe đạp +Điện tử-Điện lạnh lOMoARcPSD|22244702 +Điện thoại Khi nhấp vào mục sản phẩm từ danh mục dẫn đến liên kết trang danh mục chi tiết -Danh mục sản phẩm chi tiết bao gồm: (Danh mục sản phẩm Thời trang Nữ) +Hiển thị cho người dùng thấy sản phẩm thuộc danh mục +Giúp người dùng lọc sản phẩm theo mức giá mong muốn +Hiển thị kết tìm kiếm theo tùy chỉnh khách hàng Trang sản phẩm chi tiết Code: Views/Home/Product_Details lOMoARcPSD|22244702 -Sau người dùng tìm kiếm nhấp vào sản phẩm thông tin chi tiết sản phẩm -Trang sản phẩm chi tiết hiển thị cho người dùng biết: +Tên sản phẩm +Dưới trang sản phẩm có phần thể đánh giá sản phẩm thông tin sản phẩm +Hình ảnh chi tiết sản phẩm + Giá gốc, giá giảm phần trăm giảm giá sản phẩm + Các lựa chọn theo mong muốn khách hàng như: Kích thước, màu sắc số lượng +Nút mua để khách hàng bỏ vào giỏ hàng tiến hành mua sản phẩm Khi nhấn vào nút mua có thơng báo hỏi xác nhận mua hàng sau nhấn vào button xác nhận thêm sản phẩm thành công (Câu hỏi xác nhận mua hàng) lOMoARcPSD|22244702 (Thông báo thêm sản phẩm vào giỏ hàng thành công ) + Thông tin chi tiết sản phẩm +Các bình luận đánh giá sản phẩm Downloaded by vú hi (vuchinhhp12@gmail.com) lOMoARcPSD|22244702 -Dưới thông tin chi tiết sản phẩm hiển thị sản phẩm liên quan số sản phẩm khác +Các sản phẩm liên quan (Sản phẩm khác) bao gồm sản phẩm thuộc danh mục chung sản phẩm xem giúp khách hàng có thêm nhiều lựa chọn +Các sản phẩm khác (Có thể bạn muốn xem) bao gồm sản phẩm nằm tất sản phẩm, gợi ý cho khách hàng thêm nhiều lựa chọn mua sắm + Khi nhấp vào Xem thêm dẫn khách hàng lại trang sản phẩm Downloaded by vú hi (vuchinhhp12@gmail.com) lOMoARcPSD|22244702 Trang giỏ hàng Code: Views/Home/ViewCartShopping Mô tả trang Giỏ hàng : ● Danh sách mặt hàng khách lựa chọn bỏ vào giỏ hàng trước với thơng tin sản phẩm bao gồm: + Ảnh sản phẩm + Tên sản phẩm + Giá + Số lượng + Tổng giá trị thành tiền (Số lượng x Giá mặt hàng) + Button để khách hàng chọn sản phẩm muốn mua + Button để khách hàng xóa sản phẩm khỏi giỏ hàng ● Phần “Thông tin người dùng” thông tin khách hàng đặt hàng Khách hàng điền vào phần bao gồm: Tên người nhận, email, số điện thoại, địa ● Chọn sản phẩm muốn mua, sau nhấn nút “Mua” để đến trang thông tin đặt hàng Downloaded by vú hi (vuchinhhp12@gmail.com) lOMoARcPSD|22244702 Trang thông tin đặt hàng Code: Views/Home/Transaction Mô tả trang Thông tin đặt hàng : ● Sau bấm nút “Mua” giỏ hàng, hình hiển thị thông tin đặt hàng bao gồm: + Thông tin cá nhân khách hàng: Họ tên khách hàng, số điện thoại, địa chỉ, email + Thông tin đặt hàng: Thông tin bản: sản phẩm, giá, số lượng, tổng thành tiền, phí vận chuyển Lựa chọn phương thức toán: - Thanh toán tiền mặt nhận hàng - Thanh toán Viettel Money - Thanh tốn ví MoMo Downloaded by vú hi (vuchinhhp12@gmail.com) lOMoARcPSD|22244702 - Thanh tốn ví ZaloPay - Thanh tốn VNPAY/Quét Mã QR từ ứng dụng ngân hàng - Thanh toán thẻ quốc tế Visa, Master, JCB Lựa chọn phương thức giao hàng: - Giao hàng siêu nhanh/nhận trong phí giao hàng - Phần ghi “yêu cầu giao hàng” ● Khi đặt hàng thành công, hệ thống báo cho email đặt hàng : Trang đăng nhập Code: Views/Home/Login Mô tả trang Đăng nhập : ● Chứa ô thông tin điền cho khách hàng đăng nhập vào tài khoản thực chức Bao gồm: - Email Downloaded by vú hi (vuchinhhp12@gmail.com) lOMoARcPSD|22244702 - Password ● Hiện khách hàng không cần phải đăng nhập tài khoản truy cập vào website đặt hàng 10 Trang Về Code: /Home/Contact Trang web cung cấp thông tin SHOP JP cam kết chất lượng sản phẩm 11 Trang Liên hệ Code: /Home/About Mơ tả trang Liên hệ: ● Khách hàng liên hệ trực tiếp với shop thông qua địa chỉ, số điện thoại, email Downloaded by vú hi (vuchinhhp12@gmail.com) lOMoARcPSD|22244702 ● Khách hàng truy cập địa shop google map website ● Ngay ô “Liên hệ với chúng tôi”, khách hàng để lại email câu hỏi/thắc mắc/ý kiến để phản hồi sớm IV KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN: Ưu điểm: - Nắm bắt bước để xây dựng website bán hàng - Xây dựng trang web có giao diện đơn giản thân thiện dễ sử dụng - Khách hàng mua hàng cách dễ dàng không cần đăng nhập Hạn chế ● Trang sản phẩm Đối với trang sản phẩm số lỗi chưa khắc phục - Phần lọc sản phẩm theo mức giá chưa lọc Các chức tùy chọn hiển thị sản phẩm cho khách hàng chưa thực chức Phần trăm giảm giá trang sản phẩm sản phẩm chi tiết chưa tương thích ● Trang sản phẩm chi tiết - Các liên kết trang thiếu, chưa thực dẫn đến liên kết thích hợp Các tùy chọn sản phẩm ( kích thước, màu sắc, ) chưa phù hợp với số sản phẩm ● Trang Admin - Chưa thể upload nhiều hình ảnh cho sản phẩm ● Trang đăng nhập - Chỗ “No account? Create one here” chưa thể thêm cho khách hàng - Chỉ đăng nhập với tài khoản database tự nhập Hướng phát triển tương lai - Khắc phục chế, nâng cấp chức web - Tối ưu hố phân quyền người dùng - Hồn thiện sở liệu phù hợp Khó khăn public S Downloaded by vú hi (vuchinhhp12@gmail.com)