Xây dựng website bán hàng thời trang

Xây dựng các chức năng cơ bản của một website bán hàng thương mại. Website có khả năng tự tương thích, hiển thị được trên tất cả các thiết bị hiện tại và có thể nâng cấp trong tương lai. Website hiển thị sản phẩm đẹp, thu hút người dùng. Quản lý các mặt hàng sản phẩm, cấu hình website. Quản lý thống kê doanh thu, các đơn hàng sản phẩm, số lượng sản phẩm. Nắm bắt được công nghệ thiết kế web bằng PHP, MySQL, HTML, jQuery, JavaScript, CSS,.... Ứng dụng mô hình MVC vào xây dựng trang web. Ứng dụng Framework Laravel vào xây dựng trang web.

ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG VIỆT HÀN ĐỒ ÁN CƠ SỞ ĐỀ TÀI: XÂY DỰNG WEBSITE BÁN HÀNG THỜI TRANG Sinh viên thực Giảng viên hướng dẫn Lớp : TRẦN QUANG ĐẠT : ThS NGUYỄN LÊ TÙNG KHÁNH : 19IT1 Đà Nẵng, tháng 01 năm 2021 MỞ ĐẦU Ngày nay, ứng dụng công nghệ thông tin việc tin học hóa xem yếu tố mang tính định hoạt động phủ, tổ chức, cơng ty, đóng vai trị quan trọng, tạo bước đột phá mạnh mẽ 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 cơng nghệ có đẳng cấp cao chinh phục hết đỉnh cao đến đỉnh cao khác Mạng Internet sản phẩm có giá trị lớn lao ngày trở nên cơng cụ khơng thể thiếu, tảng cho truyền tải, trao đổi thơng tin tồn cầu Giờ đây, việc liên quan đến thông tin trở nên thật dễ dàng cho người sử dụng: cần có máy tính kết nối internet dịng liệu truy tìm gần lập tức… giới vấn đề mà bạn quan tâm ra, có đầy đủ thơng tin, hình ảnh chí đơi lúc có âm bạn cần… Bằng internet, thực nhiều công việc với tốc độ nhanh chi phí thấp nhiều so với cách thức truyền thống Chính điều này, thúc đẩy khai sinh phát triển thương mại điện tử phủ điện tử khắp giới, làm biến đổi đáng kể mặt văn hóa, nâng cao chất lượng sống người Trong hoạt động sản xuất, kinh doanh, đây, thương mại điện tử khẳng định vai trò xúc tiến thúc đẩy phát triển doanh nghiệp Đối với cửa hàng hay shop, 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ì vậy, em thực đồ án “ XÂY DỰNG WEBSITE BÁN HÀNG THỜI TRANG” cho shop thời trang BLUE Người chủ cửa hàng đưa sản phẩm lên website quản lý website Khách hàng đặt mua hàng website mà không cần đến cửa hàng Chủ cửa hàng gửi sản phẩm cho khách hàng nhận tiền LỜI CẢM ƠN Em xin gửi lời cảm ơn tới tất thầy cô khoa Khoa học máy tính trường nói chung – người cung cấp, bảo kiến thức tảng đặc biệt thầy Nguyễn Lê Tùng Khánh nói riêng, giáo viên hướng dẫn trực tiếp đồ án em Thầy người theo dõi tiến độ làm việc, đưa góp ý, gợi ý quý giá cho em trình phát triển đồ án, nhắc nhở em vấn đề cần khắc phục để em hốn thành đồ án thời gian, đảm bảo tiến độ công việc Dù cố gắng làm việc với tập trung cao, song em khơng thể tránh khỏi số sai sót kiến thức công nghệ tiếp cận để tài chưa nhiều, thời gian thực hạn hẹp Em mong nhận góp ý, nhận xét từ thầy bạn để em làm tốt đề tài dự án sau Em xin chân thành cảm ơn NHẬN XÉT (Của giảng viên hướng dẫn) Giáo viên hướng dẫn Ths Nguyễn Lê Tùng Khánh MỤC LỤC DANH MỤC BẢNG DANH MỤC HÌNH DANH MỤC CỤM TỪ VIẾT TẮT STT Cụm từ Viết tắt Hypertext Preprocessor PHP Model-View-Controller MVC Cơ sở liệu CSDL Hypertext Markup Language HTML Cascading Style Sheets CSS Structured Query Language SQL Unified ModelingLanguage UML Scalable Vector Graphics SVG CHƯƠNG 1.1 GIỚI THIỆU Tổng quan Ngày nay, ứng dụng cơng nghệ thơng tin việc tin học hóa xem yếu tố mang tính định hoạt động phủ, tổ chức, cơng ty, đóng vai trị quan trọng, tạo bước đột phá mạnh mẽ Mạng Internet sản phẩm có giá trị lớn lao ngày trở nên công cụ thiếu, tảng cho truyền tải, trao đổi thơng tin tồn cầu Bằng Internet, thực nhiều công việc với tốc độ nhanh chi phí thấp nhiều so với cách thức truyền thống Chính điều này, thúc đẩy khai sinh phát triển thương mại điện tử phủ điện tử khắp giới, làm biến đổi đáng kể mặt văn hóa, nâng cao chất lượng sống người Chính phủ điện tử: cách thức tổ chức truyền thông liệu phủ, sử dụng cơng nghệ để cung cấp cho công dân khả truy cập hiệu vào nguồn tài nguyên thông tin có độ tin cậy cao phủ Thương mại điện tử: đề cập đến hình thức mua bán, giao tiếp hoàn toàn khác so với hình thức giao tiếp thương mại truyền thống Ở đó, người mua người bán mặt nhau, thoả thuận, trao đổi diễn mạng internet thông qua hệ thống tốn đặc biệt, chẳng hạn thẻ tín dụng ngân hàng Thương mại điện tử tạo nhiều mối quan hệ cá nhân, công ty thành phần toàn xã hội Xây dựng website bán hàng qua mạng tham gia vào thương mại điện tử, với mục tiêu đẩy mạnh mối quan hệ thương mại: công ty – khách hàng khách hàng – cơng ty Nói đến thương mại điện tử người ta thường nghĩ đến việc chọn mua sản phẩm mạng, sau phiên giao dịch khác để thực chuyển hàng, nhận hàng(chẳng hạn, điện thoại, email…xác thực thông tin đặt khách hàng đơn hàng), cuối kết thúc việc tốn qua thẻ tín dụng Tuy nhiên, thực tế, thương mại điện tử đơn giản phiên giao dịch thông thường, khách hàng vào viếng thăm website để nắm bắt thơng tin, tìm kiếm thơng tin thông qua Search Engines mạng Internet Các phiên giao dịch giúp giới thiệu công ty hay sản phẩm công ty cung cấp Mục tiêu cần khai thác giao dịch website phải có đủ sức hút để lôi kéo khách hàng viếng thăm trang web lần sau, lơi kéo họ tìm đến công ty để biến họ thành khách hàng thức cơng ty Muốn vậy, website phải có giao diện rõ ràng, bắt mắt, cấu trúc hợp lý để gây ấn tượng tốt ban đầu cho người vào xem, điều tối quan trọng dung lượng trang website phải nhỏ vừa phải để khách hàng không kiên nhẫn trước trang web trước mắt họ Kế đến là, nội dung website 10 STT Tên trường Kiểu liệu Ràng buộc Mô tả 12 product_img varchar(255) Not null Ảnh sản phẩm 13 product_status int(10) Not null Trạng thái sản phẩm 14 product_tag varchar(255) Not null Từ khoá sản phẩm 14 product_view int(10) Null Lượt xem sản phẩm Bảng 3.8 - Bảng products 3.3.9 Bảng galleries STT Tên trường Kiểu liệu Ràng buộc Mô tả gallery_id int(10) Khố Khố bảng gallery _img varchar(255) Not null Tên ảnh product_id int(10) Not null Id sản phẩm Bảng 3.9 - Bảng galleries 3.3.10 Bảng comments STT Tên trường Kiểu liệu Ràng buộc Mơ tả comment_id int(10) Khố Khố bảng product_id int(10) Not null Id sản phẩm customer_id int(10) Not null Id khách hàng comment_content text Not null Nội dung bình luận comment_time varchar(255) Not null Thời gian bình luận reply_id int(10) Not null Id bình luận cha Bảng 3.10 - Bảng comments 3.3.11 Bảng ratings STT Tên trường Kiểu liệu Ràng buộc Mô tả rating_id int(10) Khố Khố bảng product_id int(10) Not null Id sản phẩm customer_id int(10) Not null Id khách hàng rating int(10) Not null Đánh giá khách hàng Bảng 3.11 - Bảng ratings 27 3.3.12 Bảng orders STT Tên trường Kiểu liệu Ràng buộc Mơ tả order_id int(10) Khố Khố bảng product_id int(10) Not null Id sản phẩm shipping_id int(10) Not null Id thông tin giao hàng order_total int(10) Not null Tổng tiền đơn hàng order_payment int(10) Not null Phương thức toán order_status int(10) Not null Trạng thái đơn hàng order_date varchar(100) Not null Ngày đặt hàng Bảng 3.12 - Bảng orders 3.3.13 Bảng order_details STT Tên trường Kiểu liệu Ràng buộc Mô tả order_detail_id int(10) Khố Khố bảng order_id int(10) Not null Id đơn hàng product_id int(10) Not null Id sản phẩm quantity int(10) Not null Số lượng sản phẩm Bảng 3.13 - Bảng order_details 3.3.14 Bảng shippings STT Tên trường Kiểu liệu Ràng buộc Mơ tả shipping_id int(10) Khố Khố bảng shipping_name varchar(255) Not null Tên người nhận shipping_phone varchar(11) Not null Số điện thoại người nhận shipping_email varchar(255) Not null Email nhận shipping_address text Not null Địa giao hàng Bảng 3.14 - Bảng shippings 3.3.15 Bảng category_posts STT Tên trường category_posts_id Kiểu liệu int(10) Ràng buộc Khố 28 Mơ tả Khố bảng STT Tên trường Kiểu liệu Ràng buộc Mô tả category_posts_name varchar(255) Not null Tên danh mục viết category_posts_slug varchar(255) Not null Phần chữ nằm sau tên miền category_posts_desc varchar(255) Not null Mô tả danh mục viết category_posts_status int(10) Not null Trạng thái danh mục viết Bảng 3.15 - Bảng category_posts 3.3.16 Bảng posts STT Tên trường Kiểu liệu Ràng buộc Mô tả post_id int(10) Khố Khố bảng category_posts_id int(10) Not null Id danh mục viết posts_title varchar(255) Not null Tiêu để viết posts_slug varchar(255) Not null Phần chữ nằm sau tên miền posts_img varchar(255) Not null Ảnh viết posts_desc varchar(255) Not null Mô tả viết posts_detail text Not null Nội dung viết posts_status int(10) Not null Trạng thái viết posts_view int(10) Not null Lượt xem viết Bảng 3.16 - Bảng posts 3.3.17 Bảng comment_posts STT Tên trường Kiểu liệu Ràng buộc Mô tả comment_id int(10) Khố Khố bảng product_id int(10) Not null Id sản phẩm customer_id int(10) Not null Id khách hàng comment_content text Not null Nội dung bình luận comment_time varchar(255) Not null Thời gian bình luận Bảng 3.17 - Bảng comment_post 29 3.3.18 Bảng statistics STT Tên trường Kiểu liệu Ràng buộc Mô tả statistic_id int(10) Khố Khố bảng order_date varchar(255) Not null Ngày có thu nhập sales int(10) Not null Tổng thu nhập ngày quantity int(10) Not null Số lượng sản phẩm bán ngày total_order int(10) Not null Tổng số đơn hàng ngày Bảng 3.18 - Bảng statistics 3.3.19 Bảng sliders STT Tên trường Kiểu liệu Ràng buộc Mơ tả slider_id int(10) Khố Khố bảng slider_img varchar(255) Not null Ảnh slide slider_title varchar(255) Not null Tiêu để slide slider_name varchar(255) Not null Tên slide slider_content text Not null Nội dung slide slider_discount int(10) Not null Phần trăm giảm giá Bảng 3.19 - Bảng sliders 3.3.20 Bảng faqs STT Tên trường Kiểu liệu Ràng buộc Mơ tả faq_id int(10) Khố Khố bảng faq_question varchar(255) Not null Câu hỏi thường gặp faq_answer Text Not null Câu trả lời Bảng 3.20 - Bảng faqs 3.3.21 Bảng contact STT Tên trường Kiểu liệu Ràng buộc Mơ tả contact_id int(10) Khố Khố bảng contact_email varchar(255) Not null Email cửa hàng contact_phone varchar(255) Not null Số điện thoại cửa hàng contact_address varchar(255) Not null Địa cửa hàng contact_compann varchar(255) Not null Tên công ty 30 STT Tên trường Kiểu liệu Ràng buộc Mô tả y Bảng 3.21 - Bảng contact 3.3.22 Bảng sale STT Tên trường Kiểu liệu Ràng buộc Mơ tả sale_id int(10) Khố Khố bảng product_id int(10) Not null Id sản phẩm sale_name varchar(255) Not null Tên khuyến sale_img varchar(255) Not null Hình ảnh khuyến sale_time varchar(255) Not null Thời gian kết thúc sale_percent int(10) Not null Phần trăm giảm giá sale_status int(10) Not null Trạng thái khuyến Bảng 3.22 - Bảng sale 31 3.3.23 Mối quan hệ bảng Hình 3.12 - Mối quan hệ bảng 32 CHƯƠNG TRIỂN KHAI XÂY DỰNG 4.1 Các công cụ, phần mềm sử dụng - - Phần mềm Microsoft Visual Studio Code (https://visualstudio.microsoft.com) Trình duyệt Google Chrome (https://www.google.com/intl/vi_vn/chrome/) XAMPP, chương trình tạo web server ứng dụng hệ điều hành Linux, MacOS, Windows, Cross-platform, Solaris (https://www.apachefriends.org/index.html) Laravel (https://laravel.com) Bootstrap (https://getbootstrap.com/) 4.2 Thiết kế, xây dựng website 4.2.1 Giao diện trang chủ Hình 4.13 - Giao diện trang chủ(1) Trang chủ có slide hình ảnh chứa khuyến mãi, ưu đãi, mã giảm giá Tiếp danh sách sản phẩm cửa hàng 33 Hình 4.14 - Giao diện trang chủ(2) Website cho khách hàng trò chuyện với người quản lý thông qua mạng xã hội Facebook Những sản phẩm khuyến mại đặc biệt cửa hàng hiển thị bật trang chủ 4.2.2 Giao diện trang cửa hàng Hình 4.15 - Giao diện trang cửa hàng Trang cửa hàng liệt kê danh mục sản phẩm, thương hiệu, lọc giá giúp người dùng dễ dàng chọn sản phẩm vừa ý Có số tuỳ chỉnh xếp sản phẩm tăng dần, giảm dần theo giá, theo tên, tuỳ chỉnh hiển thị số sản phẩm 34 4.2.3 Giao diện trang giỏ hàng Hình 4.16 - Giao diện trang giỏ hàng Trang giỏ hàng hiển thị sản phẩm mà khách hàng thêm vào giỏ hàng Khách hàng cập nhật số lượng sản phẩm xố sản phẩm khỏi giỏ hàng 4.2.4 Giao diện trang tốn Hình 4.17 - Giao diện trang toán Sau kiểm tra xong giỏ hàng khách hàng tiến hành đặt hàng Khách hàng bắt buộc phải đăng nhập trước đặt hàng Ở trang tốn, khách hàng có 35 thể xem lại sản phẩm giỏ hàng Và có biểu mẫu để khách hàng nhập thông tin giao hàng 4.2.5 Giao diện trang sách đơn hàng khách hàng Hình 4.18 - Giao diện trang danh sách đơn hàng khách hàng Khách hàng xem lại đơn hàng mà đặt cửa hàng Mỗi đơn hàng bao gồm trạng thái đơn hàng chờ xác nhận, xác nhận, … thông tin giao hàng tên người nhận, địa chỉ,… chi tiết đơn hàng 4.2.6 Giao diện trang đăng nhập, đăng ký Hình 4.19 - Giao diện trang đăng nhập, đăng ký 36 Khách hàng nhập email mật đăng ký trước để đăng nhập vào website Hoặc khách hàng tuỳ chọn đăng nhập vào website tài khoản Facebook Google 4.2.7 Giao diện trang chi tiết sản phẩm Hình 4.20 - Giao diện trang chi tiết sản phẩm Trang chi tiết sản phẩm hiển thị thông tin sản phẩm tên sản phẩm, thương hiệu sản phẩm, giá sản phẩm, mô tả, chi tiết,… Khách hàng đánh giá cho sản phẩm hay thêm sản phẩm vào giỏ hàng với số lượng mong muốn Dưới phần chi tiết sản phẩm phần bình luận khách hàng Khách hàng để lại ý kiến, góp ý sản phẩm 37 Hình 4.21 - Giao diện bình luận sản phẩm 4.2.8 Giao diện trang quản trị Hình 4.22 - Giao diện trang quản trị(1) Trang quản trị hiển thị thống kê số sản phẩm bán, thu nhập ngày đơn hàng ngày Và biểu đồ thể thu nhập đơn hàng cửa hàng Người quản trị tuỳ chỉnh xem thu nhập đơn theo khoảng ngày Tiếp bảng quản lý tất sản phẩm cửa hàng, người quản trị xếp sản phẩm theo tên, giá, hay lượt xem,… 38 Hình 4.23 - Giao diện trang quản trị(2) 39 CHƯƠNG 5.1 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN Kết đạt Sau thời gian tập trung triển khai đề tài, em hoàn thành Xây dựng website bán hàng thời trang BLUE với giao diện đơn giản, thao tác sử dụng dễ dàng, thân thiện với người dùng Sau hoàn thành xong được Website bán hàng thời trang online, em có thêm kỹ tảng để xây dựng website ngôn ngữ PHP MySQL, áp dụng kiến thức HTML, CSS Javascript học vào việc phát triển ứng dụng web Bên cạnh đó, em mở rộng thêm kiến thức chuyên ngành nhờ việc tìm hiểu số kiến thức lập trình để áp dụng vào việc phát triển ứng dụng Nhờ vậy, kỹ tự học vận dụng kỹ em nâng cao Khi thực hoàn thành dự án, em biết thêm nhiều kinh nghiệm quý giá xây dựng website nói riêng phát triển phần mềm Những kỹ tảng để giúp em nâng cao trình độ thân, kinh nghiệm thực tế để làm việc doanh nghiệp sau 5.2 Hướng phát triển Sau hoàn thành đề tài xây dựng Xây dựng website bán hàng thời trang BLUE Em tiếp tục nghiên cứu phát triển website nhằm tăng tính tối ưu hóa tốc độ xử lý để đem lại hiệu cao hơn, phát triển để đưa website vào ứng dụng thực tế 40 TÀI LIỆU THAM KHẢO Laravel Documentation (https://laravel.com/docs/8.x) PHP Documentation (https://www.php.net/docs.php) W3Schools Online Web Tutorials (https://www.w3schools.com/) Colorlib HTML & Bootstrap Website Templates (https://colorlib.com/wp/templates/) 41