NIÊN LUẬN cơ sở NGÀNH CÔNG NGHỆ THÔNG TIN đề tài THIẾT kế WEBSITE bán HÀNG TRỰC TUYẾN

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC CẦN THƠ KHOA CÔNG NGHỆ THÔNG TIN & TRUYỀN THÔNG NIÊN LUẬN CƠ SỞ NGÀNH CÔNG NGHỆ THÔNG TIN Đề tài THIẾT KẾ WEBSITE BÁN HÀNG TRỰC TUYẾN Sinh viên: Lê Tuấn Kiệt Mã số: B1909935 Khóa: K45 Cần Thơ, 2021-2022 NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN Cần Thơ, ngày tháng năm 2022 Giảng viên hướng dẫn TS Phạm Thế Phi LỜI CẢM ƠN Lời đầu tiên, em xin gửi lời cảm ơn chân thành đến TS.Phạm Thế Phi Trong trình học tập làm niên luận sở ngành Công nghệ thông tin, em nhận quan tâm giúp đỡ, hướng dẫn tận tình tâm huyết thầy Thầy giúp em tích lũy thêm nhiều kiến thức, học hỏi thêm nhiều kỹ lập trình trình bày báo cáo Kiến thức vô hạn mà tiếp nhận kiến thức thân người tồn hạn chế định Do đó, q trình hồn thành Niên luận sở chắn không tránh khỏi thiếu sót, hạn chế mà em chưa đạt Em mong góp ý từ thầy để Niên luận sở em hồn thiện, chỉnh chu Kính chúc thầy sức khoẻ, hạnh phúc thành công đường nghiệp giảng dạy Mục Lục: BỘ GIÁO DỤC VÀ ĐÀO TẠO NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN Chương I GIỚI THIỆU ĐẶT VẤN ĐỀ MỤC TIÊU ĐỀ TÀI ĐỐI TƯỢNG VÀ PHƯƠNG PHÁP NGHIÊN CỨU NỘI DUNG NGHIÊN CỨU Chương II CƠ SỞ LÝ THUYẾT Ngơn Ngữ Lập trình WebSite HTML5 CSS3 JavaScript Thư Viện Cho CSS Javascript Bootstrap jQuery Ngôn Ngữ Lập Trình Backend PHP MySQL Database Chương III ĐẶC TẢ YÊU CẦU 1.Đặc tả yêu cầu chức hệ thống 1.2 Mơ hình Use case tổng qt đặc tả hệ thống 1.3 Mơ hình Use case cụ thể đặc tả hệ thống Chương IV THIẾT KẾ GIẢI PHÁP Chương V CÀI ĐẶT GIẢI PHÁP Chương VI KẾT LUẬN Kết đạt Đánh giá hệ thống Hướng phát triển phần mềm TÀI LIỆU THAM KHẢO Chương I GIỚI THIỆU ĐẶT VẤN ĐỀ Ngày nay, với phát triển mạnh mẽ khoa học – cơng nghệ, góp phần thúc đẩy tiến xã hội tất lĩnh vực đời sống xã hội Đặc biệt với bùng nổ cơng nghệ thơng tin internet tất thông tin cập nhật, thay đổi cách liên tục đầy đủ thông qua mạng truyền thông internet, mà phổ biến thông qua website Hiện nay, nhu cầu mua hàng ngày nhiều thời đại thương mại điện tử, từ thiết bị công nghệ đến nhu yếu phẩm ngày, trang thương mại điện tử dần xu như: Shopee, Tiki, Lazada không xa lại với nhiều người Trên thực tế cho thấy, nhiều nhà bán hành có nhu cầu bán hàng trực tuyến, muốn làm trang website riêng biệt để tăng độ uy tín mở rộng thị trường thay làm đối tác cho tảng lớn Shopee Nhưng để làm website bán hàng chuẩn SEO thật hoàn chỉnh nhiều thời gian yêu cầu tính Nắm bắt nhu cầu đó, ý tưởng làm "WebSite bán đồ ăn vặt" với công nghệ đơn giản giúp cho việc giới thiệu hàng nhà bn bán nhanh chóng quản lí thu chi đơn hàng, với yêu cầu thời gian có hạn MỤC TIÊU ĐỀ TÀI Đây tài liệu đặc tả yêu cầu hệ thống chia sẻ giáo trình, tài liệu web Tài liệu nhằm mục đích mơ tả cung cấp thông tin chức năng, hiệu năng, yêu cầu thiết kế, giao diện yêu cầu đặc biệt khác cho thiết kế viên Bên cạnh cịn xây dựng hệ thống đẹp mắt, thân thiện với người dùng ĐỐI TƯỢNG VÀ PHƯƠNG PHÁP NGHIÊN CỨU "Website bán hàng" xây dựng với mục đích phục vụ cho nhà bán hàng có website riêng biệt với thời gian xây dựng ngắn mà đảm bảo công việc cốt lõi bán hàng NỘI DUNG NGHIÊN CỨU Tìm hiểu cách làm website công nghệ HTML, CSS, Javascript, PHP, mySQL Đồng thời đánh mạnh vào phần UI/UX để tạo cảm giác nâng cao trải nghiệm người dùng Chương II CƠ SỞ LÝ THUYẾT Ngơn Ngữ Lập trình WebSite HTML5 Là viết tắt từ Hypertext Markup Language, ngơn ngữ lập trình đánh dấu siêu văn dùng để xây dựng website HTML hiểu cấu trúc trang web, sử dụng thẻ nhãn để định dạng nội dung khác trang web ⇒ File có hậu tố.html Giai đoạn phát triển HTML: Năm 1989 1991 1993 1995 CSS3 Là viết tắt Cascading Style Sheets, dùng để định dạng cách mà thẻ HTML hoạt động hình thiết bị, ví lớp áo trang web, điều khiển bố cục trang, thêm hiệu ứng hoạt ảnh cho trang web thêm sinh động CSS sử dụng để xác định kiểu cho trang web bạn, bao gồm thiết kế, bố cục biến thể hiển thị cho thiết bị kích thước hình khác HTML chưa sinh để định dạng trang web mà mơ tả trang web W3C tạo CSS để làm việc ⇒ File có hậu tốlà css Giai đoạn phát triển CSS: Năm 1996 1998 1999 JavaScript Là ngơn ngữ lập trình thông dịch phát triển từ ý niệm nguyên mẫu Ngôn ngữ dùng rộng rãi cho trang web (phía người dùng) phía máy chủ (với Nodejs) Nó vốn phát triển Brendan Eich Hãng truyền thông Netscape với tên Mocha, sau đổi tên thành LiveScript, cuối thành JavaScript Giống Java, JavaScript có cú pháp tương tự C, gần với Self Java .js phần mở rộng thường dùng cho tập tin mã nguồn JavaScript ⇒ File có hậu tốlà js Giai đoạn phát triển Javascript Năm 1995 1997 1998 1999 2009 2015 2016 2017 2018 ⇒ Khơng có phiên ES$ Thư Viện Cho CSS Javascript Bootstrap Là Frontend Framework để giúp xây dựng website nhanh tương thích nhiều thiết bị (laptop, điện thoại, ) Bootstrap chứa thiết kế HTML CSS Javascript để nhà phát triển nhanh chóng dễ dàng phát triển web thích ứng phù hợp với thiết bị, trình duyệt tính qn thiết kế đảm bảo Giai đoạn phát triển Bootstrap: Năm 2011 2012 2013 2014 2021 jQuery Là thư viện phổ biến Javascript đơn giản hoá việc lập trình Javascript nhiều jQuery thực nhiều tác vụ phổ biến đòi hỏi nhiều dòng code JavaScript để hồn thành gói chúng thành phương thức mà bạn cần gọi chúng Hoạt động tốt với tảng trang trình duyệt IE, Firefox, Chrome… công ty lớn sử dụng Google, Microsoft, IBM, Netflix… Thư viện jQuery chứa: ● Thao tác HTML/DOM ● Thao tác CSS ● Phương thức HTML event ● Hiệu ứng hoạt ảnh chuyển cảnh ● AJAX ● Tiện ích Giai đoạn phát triển jQuery Năm 2006 … 2013 … 2016 … Hiện discount quantity id_category Chú thích: ràng buộc khóa ngoại lấy từ bảng tb_category id_product đặt auto_increment - Bảng tb_cart Thuộc tính username id_product amount Chú thích: Thuộc tính id_order username name_customer phone_customer address_customer email_customer city_customer province_customer 23 status order_date process_date shipped_date total_money Chú thích: ràng buộc khóa ngoại từ bảng tb_user status có giá trị bao gồm: ‘pending’: đặt hàng, chờ xử lý ‘shipping’: xử lý, giao hàng ‘delivered’: giao hàng ‘canceled’: huỷ hàng - Bảng tb_order_details Thuộc tính id_order id_product amount Chú thích: Ràng buộc khóa ngoại lấy từ bảng tb_order tb_product Đây thực thể yếu Chương V CÀI ĐẶT GIẢI PHÁP Các thư viện Javascript cần dùng: - AOS: https://michalsnik.github.io/aos/ 24 chartJS: https://www.chartjs.org/ imageuloadify: https://www.jqueryscript.net/form/Drag-AndDrop-File-Uploader-With-Preview-Imageuploadify.html Đầu tiên chúng sơ lược cấu trúc giao diện website Cửa sổ trang có: ● Header - ● Footer - Home (Trang Chủ) 25 - Home (Trang Chủ) 26 - About (Giới thiệu) - Shop 27 28 - Tìm kiếm sản phẩm - Liên hệ - Đăng Nhập 29 - Đăng Ký - Thêm hàng 30 - Quản lý giỏ hàng - Thanh Tốn - DashBoard 31 - Xem thơng tin đơn hàng - Xem thông tin đơn hàng 32 - Thay đổi thông tin cá nhân - Thay đổi mật Trang Admin 33 Trang Dashboard - Trang quản lý sản phẩm - Tìm kiếm sản phẩm 34 - Thêm sản phẩm - Quản lý đơn hàng - Tìm kiếm đơn hàng sdt - Thay đổi thông tin đơn hàng 35 Chương VI KẾT LUẬN Kết đạt Xây dựng thành cơng mơ hình Website bán hàng 7-10 ngày đạt tất tính mà web bán hàng có Tìm hiểu áp dụng thành cơng ● Bootstrap 5: cho giao diện website đồng trực quan thẩm mỹ ● Jquery Ajax: sử dụng Ajax load để không cần phải load lại thành phần không cần thiết, tương tác song song với PHP ● MySQL: Sử dụng function, procedure, trigger để tương tác liệu dễ thông qua PHP ● PHP: Biết sử dụng PHP để tương tác với sở liệu Đánh giá hệ thống Ưu điểm: ● Tính Năng: Đầy đủ tính tương tác cho trang web bán hàng ● Giao diện: Đơn giản, thẩm mỹ, liền mạch không cần phải load lại trang trình sử dụng ● Hệ thống: Cấu trúc file viết dễ hiểu, logic, dễ cho việc Debug sau này, thêm Plugin, components cần thiết phát triển lên cao Hạn Chế: ● Đây dự án cá nhân, nên không tránh khỏi sai sót Logic quy tắc bán hàng thực tế ● Những công nghệ sử dụng không đại so với thực tế Hướng phát triển phần mềm Kết hợp với Firebase Github Action, làm dự án án website bán hàng hồn chỉnh miễn phí tảng Internet Thêm nhiều tính cần thiết để quản lý dashboard, tăng trải nghiệm người dùng website bán hàng 36 TÀI LIỆU THAM KHẢO [1] W3school : https://w3school.com [2] StackOverflow: https://stackoverflow.com [3] Mã Nguồn Source (chủ sở hữu) : https:// github.com/zenfection/php_shop_order [4] Wikipedia: https://vi.wikipedia.org 37 ... Quản lý đơn hàng - Tìm kiếm đơn hàng sdt - Thay đổi thông tin đơn hàng 35 Chương VI KẾT LUẬN Kết đạt Xây dựng thành cơng mơ hình Website bán hàng 7-10 ngày đạt tất tính mà web bán hàng có Tìm... tưởng làm "WebSite bán đồ ăn vặt" với công nghệ đơn giản giúp cho việc giới thiệu hàng nhà bn bán nhanh chóng quản lí thu chi đơn hàng, với yêu cầu thời gian có hạn MỤC TIÊU ĐỀ TÀI Đây tài liệu... PHƯƠNG PHÁP NGHIÊN CỨU "Website bán hàng" xây dựng với mục đích phục vụ cho nhà bán hàng có website riêng biệt với thời gian xây dựng ngắn mà đảm bảo công việc cốt lõi bán hàng NỘI DUNG NGHIÊN CỨU