ĐỒ án môn học PHÁT TRIỂN PHẦN mềm mã NGUỒN mở đề tài xây DỰNG WEBSITE bán THIẾT bị điện tử cửa HÀNG ABC

lOMoARcPSD|20681854 TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT VIỆN KỸ THUẬT CÔNG NGHỆ ĐỒ ÁN MÔN HỌC PHÁT TRIỂN PHẦN MỀM MÃ NGUỒN MỞ Đề tài XÂY DỰNG WEBSITE BÁN THIẾT BỊ ĐIỆN TỬ CỬA HÀNG ABC GVHD: SVTH: Ths NGUYỄN HỮU VĨNH Nguyễn Mạnh Hào 1824801030101 Tháng 7/2021 lOMoARcPSD|20681854 Phát triển phần mềm mã nguồn mở VIỆN KỸ THUẬT – CÔNG NGHỆ NHẬN XÉT VÀ CHẤM ĐIỂM CỦA GIẢNG VIÊN Họ tên giảng viên: Nguyễn Hữu Vĩnh Tên đề tài: XÂY DỰNG WEBSITE BÁN THIẾT BỊ ĐIỆN TỬ CỬA HÀNG ABC Nội dung nhận xét Điểm: Bằng số: Bằng chữ: GIẢNG VIÊN CHẤM (Ký, ghi rõ họ tên) NGUYỄN HỮU VĨNH lOMoARcPSD|20681854 Phát triển phần mềm mã nguồn mở Contents CHƯƠNG TỔNG QUAN VỀ ĐỀ TÀI I Tổng quan Lí chọn đề tài Mục tiêu nghiên cứu Nhiệm vụ nghiên cứu Đối tượng khách thể nghiên cứu 5 Phương tiện nghiên cứu Phương pháp phạm vi nghiên cứu a Phương pháp nghiên cứu tài liệu b Phương pháp nghiên cứu thực tiễn c Phương pháp tổng hợp phân tích số liệu 6.2 Phạm vi nghiên cứu Đóng góp đề tài II Giới thiệu PHP sở liệu MySQL Ưu điểm Nhược điểm Tại nên dùng PHP 10 Các thành phần PHP 10 Tám đặc điểm PHP 11 Cơ sở liệu MySQL 11 ➢ Lịch sử hình thành phát triển MySQL 12 ➢ Ưu điểm nhược điểm MySQL 12 CHƯƠNG PHÂN TÍCH THIẾT KẾ HỆ THỐNG 14 Tổng quan toán 14 Sơ đồ Use Case 14 Đặc tả 15 3.1 Đăng nhập 15 3.2 Xem sản phẩm 16 CHƯƠNG PHÂN TÍCH THIẾT KẾ ỨNG DỤNG 21 Cơ sở liệu 21 ❖ Bảng tbl_admin 21 ❖ Bảng tbl_brand 21 ❖ Bảng tbl_cart 21 ❖ Bảng tbl_category 21 ❖ Bảng tbl_compare 21 lOMoARcPSD|20681854 ❖ Phát triển phần mềm mã nguồn mở Bảng tbl_customer 21 ❖ Bảng tbl_order 22 ❖ Bảng tbl_product 22 ❖ Bảng tbl_slider 22 ❖ Bảng tbl_warehouse 22 ❖ Bảng tbl_wishlist 22 Sơ đồ liên kết hình 23 CHƯƠNG XÂY DỰNG ỨNG DỤNG 25 Giao diện & trường hợp 25 4.1 Giao diện người dùng 25 • Giao diện trang chủ 26 • Giỏ hàng 26 4.2 Trang quản trị 27 • Đăng nhập 27 • Quản trị 27 • Thêm danh mục, thương hiệu 27 • Sửa danh mục thương hiệu 28 • Xóa danh mục thương hiệu 29 Ưu nhược điểm giao diện 31 a Ưu điểm 31 b Nhược điểm 31 KẾT LUẬN 32 TÀI LIỆU THAM KHẢO 33 lOMoARcPSD|20681854 Phát triển phần mềm mã nguồn mở LỜI CÁM ƠN Trong suốt thời gian học tập, nghiên cứu thực đề tài báo cáo môn học Trường Đại Học Thủ Dầu Một nay, em nhận nhiều quan tâm giúp đỡ thầy cô, bạn bè, đặc biệt thầy Nguyễn Hữu Vĩnh Với lòng biết ơn sâu sắc chân thành, em xin gửi đến Thầy Cô Viện Kỹ Thuật Công Nghệ - Trường Đại học Thủ Dầu Một với tri thức tâm huyết để truyền đạt vốn kiến thức quý báu cho chúng em suốt thời gian học tập nghiên cứu trường Với điều kiện thời gian kinh nghiệm hạn chế sinh viên, báo cáo mơn học khơng thể tránh khỏi thiếu sót Em mong nhận bảo, đóng góp ý kiến q thầy để em có điều kiện bổ sung, nâng cao ý thức mình, để phục vụ tốt công tác thực tế sau Em xin cám ơn lOMoARcPSD|20681854 Phát triển phần mềm mã nguồn mở CHƯƠNG TỔNG QUAN VỀ ĐỀ TÀI I Tổng quan Lí chọn đề tài Ngày nay, Việt Nam người mua sản phẩm từ gian hàng mạng Mỹ, Trung Quốc, hay quốc gia khác Trước kia, bạn muốn mua tivi, hay máy nghe nhạc bạn phải tới cửa hàng để xem thiết bị đó, sau lựa chọn xong bạn phải đem thiết bị đến quầy để toán Nhưng bây giờ, với đời ngành thương mại điện tử, bạn cần smartphone có kết nối Internet bạn mua hàng thơng qua kênh bán hàng cửa hàng Nắm bắt nhu cầu cần website bán hàng nên quyêt định chọn đề tài “Xây dựng website bán hàng” cho cửa hàng ABC giúp họ tăng doanh thu qua việc bán hàng online mà người mua không cần đến cửa hàng Mục tiêu nghiên cứu Website hỗ trợ chủ cửa hàng công việc thống kê, quản lý sản phẩm,…v.v Website giúp cho người sử dụng tiết kiệm thời gian, nhanh chóng, thao tác mua sản phẩm cách đơn giản • Website xây dựng với yếu tố chính: dễ hiểu, dễ sử dụng cho người dùng truy cập Nhiệm vụ nghiên cứu Website tạo nhằm hy vọng đem đến thuận tiện cho người sử dụng giúp cho chủ cửa hàng xem cách tổng qt tình bn bán qn Đối tượng khách thể nghiên cứu – Đối tượng nghiên cứu: Website bán thiết bị điện tử – Khách thể nghiên cứu: • Những ngời chủ có cửa hàng bán thiết bị điện tử mong muốn phát triển cửa hàng thong qua bán online • Nghiệp vụ bán hàng Phương tiện nghiên cứu – Nghiên cứu sở lý thuyết phân tích thiết kế hệ thống thông tin – Hệ quản trị CSDL ngơn ngữ lập trình PHP – Sử dụng cơng cụ VS Code để lập trình, thiết kế giao diện – Sử dụng Draw.io để vẽ sơ đồ chức lOMoARcPSD|20681854 Phương pháp phạm vi nghiên cứu Phát triển phần mềm mã nguồn mở Phương pháp nghiên cứu 6.1 a Phương pháp nghiên cứu tài liệu – Tham khảo, nghiên cứu thêm tài liệu trang web, trang báo, tìm hiểu tình hình thực trạng đề tài – Tìm xem đồ án, khóa luận tốt nghiệp anh chị khóa trước làm tìm hiểu qua sách báo liên quan đến đề tài nghiên cứu b Phương pháp nghiên cứu thực tiễn – Phương pháp quan sát: quan sát việc bán hàng trực tiếp tai cửa hàng thành phố Thuận An – Phương pháp vấn: Lấy thông tin thực tế từ chủ cửa hàng c Phương pháp tổng hợp phân tích số liệu – Thu thập thông tin từ việc vấn – Thống kê, tổng kết số liệu – Phân tích, đưa kết thực Phạm vi nghiên cứu 6.2 – Dành cho đối tương có nhu cầu mua hàng thơng qua kết nối internet – Đối tượng có nhu cầu tạo shop bán hàng trực tuyến Đóng góp đề tài Mở hướng việc bán hàng online cách tốt nhằm cải thiện thu nhập cửa hàng màu dịch bệnh Tổng hợp chức cần thiết để quản lý sản phẩm góp phần giúp ích cho việc kinh doanh quản lý thu chi, hàng hóa cách nhanh chóng xác II Giới thiệu PHP sở liệu MySQL PHP viết tắt Hypertext Preprocessor, ngôn ngữ lập trình PHP sử dụng để xây dựng website ứng dụng web PHP ngôn ngữ kịch làm việc server với nhiệm vụ kết nối sở liệu thực các chức web ứng dụng web PHP dễ dàng nhúng vào HTML qua cặp thẻ , chạy PHP sinh mã HTML để trả cho phía người dùng PHP ngơi ngữ lập trình phổ biến phát triển website ứng lOMoARcPSD|20681854 Phát triển phần mềm mã nguồn mở dụng Web khả tương thích cao với trình duyệt ngơn ngữ mềm dẻo linh hoạt giải vấn đề Ưu nhược điểm ngơn ngữ lập trình PHP gì? Ưu điểm Ngơn ngữ lập trình PHP ngơn ngữ dễ học, dễ viết khơng áp dụng quy tắc cứng nhắc vào việc xây dựng tính nên bạn linh hoạt giải vấn đề với phương pháp khác Ngoài ra, PHP ngơn ngữ thơng dịch bạn biên dịch chạy chương trình gặp phải vấn đề So với ngôn ngữ khác học PHP nhanh Khi tìm hiểu PHP bạn tìm nhiều tài liệu tham khảo Bên cạnh cộng đồng lập trình viên PHP đông đảo nên học PHP bạn yên tâm có nhiều người hỗ trợ bạn PHP mã nguồn mở có nghĩa bạn sử dụng mà khơng cần trả phí hết, ngồi bạn dễ dàng chép mã nguồn PHP có sẵn Nhưng cần lưu ý chép cần hiểu rõ nội dung chép để tránh bị cài mã độc Với ngơn ngữ PHP hội việc làm bạn rộng mở Nhu cầu xây dựng quản trị Web cao giúp bạn làm mà khơng cần hiểu biết sâu kỹ thuật lập trình Nhược điểm Bên cạnh ưu điểm PHP có nhiều nhược điểm riêng Nhược lOMoARcPSD|20681854 Phát triển phần mềm mã nguồn mở điểm lớn khả dễ dàng bị chép code hack code làm cho dự án PHP có độ an tồn khơng cao ngơn ngữ lập trình khác Nếu bạn học C# hay Java bạn làm web, ứng dụng điện thoại, phần mềm… với PHP bạn làm web ứng dụng web Cấu trúc PHP đơn giản khơng có có chuẩn, phiên PHP đời phần khắc phục nhược điểm PHP Ứng dụng ngơn ngữ lập trình PHP Xây dựng Website: Các website xây dựng PHP phần Front-end Back-end PHP sinh mã HTML tạo giao diện web xử lý chứng Web giống ngơn ngữ lập trình khác Tạo ứng dụng: Tương tự xử lý chức Web, php thư cơng việc ứng dụng Tạo hệ thống quản lý nội dung: php kết nối với sở liệu, thao tác với sở liệu Làm trang mạng xã hội: Facebook, … Ngơn ngữ lập trình PHP Các thành phần file PHP Trong file PHP có chứa mã code php viết cặp thẻ Ngoài HTML, CSS, Javascript Các mã nằm bên cặp thẻ php tuỳ vào người viết Khi học php bạn khơng cần biết HTML nói PHP sinh mã HTML, bạn biết HTML viết code dễ dàng sau giao diện đẹp không bị xô lệch + Phần mềm lập trình PHP: Netbeans, PHP Designer, Zend Studio, PHP Storm, Sublime Text… + Cài đặt môi trường dự án PHP lOMoARcPSD|20681854 Phát triển phần mềm mã nguồn mở Cài đặt môi trường dự án PHP Để thực dự án PHP việc bạn cần làm thiết lập mơi trường làm việc cho Để PHP chạy bạn cần có mơi trường Webserver lưu trữ liệu thông qua hệ quản trị sở liệu PHP thường kèm với Apache, Mysql Ở cần Xampp Appserv WampServer … để lập môi trường webserver Trong viết dùng Xampp Sau cài đặt Xampp cần mở cửa sổ Xampp Control Panel Start Apache MySQL Trong C:\xampp\htdocs bạn tạo thư mục thư mục chứa dự án bạn Ở tạo thư mục DuAnWeb + Chạy chương trình PHP Trong thư mục DuAnWeb tạo file index.php viết chương trình PHP đầu tiên: Vào trình duyệt web cá bạn gõ địa chỉ: localhost/DuAnWeb lOMoARcPSD|20681854 Phát triển phần mềm mã nguồn mở 3.5 Sơ đồ hoạt động quản lý hóa đơn 19 Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 Phát triển phần mềm mã nguồn mở 3.6 Sơ dồ hoạt động cài đặt trang web 20 Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 Phát triển phần mềm mã nguồn mở CHƯƠNG PHÂN TÍCH THIẾT KẾ ỨNG DỤNG Cơ sở liệu ❖ Bảng tbl_admin adminId adminName adminEmail adminUser adminPass level ❖ Bảng tbl_brand brandId brandName Int(11) Varchar(255) Varchar(255) Varchar(255) Varchar(255) Int(11) Int(11) Varchar(255) ❖ Bảng tbl_cart cartId productId sId productName price quantity image Int(11) Int(11) Varchar(255) Varchar(255) Varchar(255) Int(11) Varchar(255) ❖ Bảng tbl_category catId catName Int(11) Varchar(255) ❖ Bảng tbl_compare id Customer_id productId productName Price image Int(11) Int(11) Int(11) Varchar(255) Varchar(255) Varchar(255) ❖ Bảng tbl_customer Id Name Address City Int(11) Varchar(255) Varchar(255) Varchar(255) 21 Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 Phát triển phần mềm mã nguồn mở Country Zipcode Phone Email password Varchar(255) Varchar(255) Varchar(255) Varchar(255) Varchar(255) ❖ Bảng tbl_order Id productId productName Customer_id Quantity Price Image Status Date_order Int(11) Int(11) Varchar(255) Int(11) Int(11) Varchar(255) Varchar(255) Int(11) datetime ❖ Bảng tbl_product productId productName Product_code Int(11) Tinytext Varchar(200) Varchar(50) Varchar(50) Varchar(50) productQuantity Product_soldout Product_remain catId brandId Product_desc Type Price Int(11) Int(11) Text Int(11) Varchar(255) Varchar(255) image ❖ Bảng tbl_slider sliderId sliderName Slider_image type Int(11) Varchar(255) Varchar(255) Int(11) ❖ Bảng tbl_warehouse Id_warehouse Id_sanpham Sl_nhap Sl_ngaynhap Int(11) Int(11) Varchar(50) Tỉmestamp ❖ Bảng tbl_wishlist Id Int(11) 22 Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 Phát triển phần mềm mã nguồn mở Customer_id productId ProductName Price image Int(11) Int(11) Varchar(255) Varchar(255) Varchar(255) Sơ đồ liên kết hình 23 Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 Phát triển phần mềm mã nguồn mở 24 Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 Phát triển phần mềm mã nguồn mở CHƯƠNG XÂY DỰNG ỨNG DỤNG Giao diện & trường hợp 4.1 Giao diện người dùng • Hệ thống đăng nhập đăng ký * Đăng nhập đăng ký - Tại đây, tất người dùng điều đăng nhập, đăng ký (nếu chưa có tài khoản) 25 Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 Phát triển phần mềm mã nguồn mở • Giao diện trang chủ - Là màng hình website - Tại đây, show tất cửa hàng, người dùng phân loại bấm vào sản phẩm đặc mua • Giỏ hàng - Đây nơi chứa tất mà khách hàng mua, khách hàng nhấn mua hàng để tốn xóa khổi giỏ hàng 26 Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 Phát triển phần mềm mã nguồn mở 4.2 Trang quản trị • Đăng nhập - Đây nơi mà tài khoản chủ cửa hàng đăng nhập vào để quản trị website • - Quản trị Các trang quản trị website bao gồm: Slider, Danh mục sản phẩm, Thương hiệu sản phẩm, Sản phẩm, Đơn hàng Bình luận • Thêm danh mục, thương hiệu Thêm danh mục sản phẩm 27 Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 Phát triển phần mềm mã nguồn mở Thêm thương hiệu - Màn hình thêm danh mục thương hiệu vào website • Sửa danh mục thương hiệu Sửa danh mục 28 Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 Phát triển phần mềm mã nguồn mở Sửa thương hiệu - Màng hình sửa danh mục thương hiệu website • Xóa danh mục thương hiệu Xóa danh mục 29 Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 Phát triển phần mềm mã nguồn mở Xóa thương hiệu - Màn hình xóa danh mục thương hiệu website - Khi xóa danh mục thương hiệu có hộp thoại hiển thị “Bạn có muốn xóa khơng ?” click “Ok” để xóa, click “Hủy” để khơng xóa 30 Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 Phát triển phần mềm mã nguồn mở Ưu nhược điểm giao diện a Ưu điểm - Giao diện dễ sử dụng - Trực quan rõ ràng - Giao diện thiết kế thông minh b Nhược điểm - Chưa đẹp - Còn đơn giản - Thiếu phần cho khách hàng sử dụng hệ thống 31 Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 Phát triển phần mềm mã nguồn mở KẾT LUẬN Thơng qua mơn học, chúng em phân tích, thiết kế hệ thống cơng nghệ thông tin cách chuyên nghiệp thông qua việc phân tích thiết kế xây dựng website bán thiết bị điện tử cho cửa hàng ABC Cũng nhờ môn học qua, website bán thiết bị điện tử cho cửa hàng ABC thiết kế, xây dựng cách sát Không thế, qua môn học qua em nắm phương pháp áp dụng vào thực tiển Tuy nhiên động lại nhiều vấn đề thời gian có hạn Nhưng thơng cảm thời gian em phải hoàn thành nhiều báo cáo lúc nên em mong thầy thông cảm Hơn em cảm ơn thầy giúp đỡ chúng em nhiều trình xây dụng sản phẩm Nếu có hội thời gian, em mong tiếp tục đồ án mở rộng với tất kiến thức mà có 32 Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 Phát triển phần mềm mã nguồn mở TÀI LIỆU THAM KHẢO - Các slide bày giảng giảng viên: Nguyễn Hữu Vĩnh (Lập trình PHP) - Các nguồn internet: +https://en.wikipedia.org/wiki/Unified_Modeling_Language +https://vi.wikipedia.org/wiki/Ng%C3%B4n_ng%E1%BB%AF_m%C3%B4_h%C3%AC nh_h%C3%B3a_th%E1%BB%91ng_nh%E1%BA%A5t - Link project: https://drive.google.com/file/d/1WyxY5JtDM_wqK12Kisd6eVdi78tjaul/view?usp=sharing - Link Website: https://dienmayabcdfe.000webhostapp.com/ 33 Downloaded by heo ninh (ninhheo7@gmail.com) ... phân tích thiết kế xây dựng website bán thiết bị điện tử cho cửa hàng ABC Cũng nhờ môn học qua, website bán thiết bị điện tử cho cửa hàng ABC thiết kế, xây dựng cách sát Khơng thế, qua môn học qua... lOMoARcPSD|20681854 Phát triển phần mềm mã nguồn mở CHƯƠNG PHÂN TÍCH THIẾT KẾ HỆ THỐNG Tổng quan toán Cửa hàng bán thiết bị điện tử ABC bán trực tiếp cửa hàng Viêc bán trực tiếp cửa hàng hạn chế khách... thơng qua kênh bán hàng cửa hàng Nắm bắt nhu cầu cần website bán hàng nên quyêt định chọn đề tài ? ?Xây dựng website bán hàng? ?? cho cửa hàng ABC giúp họ tăng doanh thu qua việc bán hàng online mà