CHƯƠNG 1. Thương Mại Điện Tử Thương mại điện tử là gì? Đây là việc tiến hành một phần hay toàn bộ hoạt động kinh doanh bằng các phương tiện điện tử. Một cách dễ hiểu hơn thì thương mại điện tử chính là việc mua bán sản phẩm hay dịch vụ thông qua internet và các phương tiện điện tử khác. Các giao dịch này bao gồm tất cả các hoạt động như: giao dịch, mua bán, thanh toán, đặt hàng, quảng cáo và giao hàng… 1.
Tính Cấp Thiết Trong thời đại kỹ thuật số, thương mại điện tử đang dần nổi lên trở thành xu thế tất yếu của giao dịch mua bán thường ngày của gần như mọi người. Năm 2020, thương mại điện tử Việt Nam đạt mốc 11,8 tỷ USD và ngày càng bùng nổ trong năm 2021 khi mà đại dịch Covid-19 hoành hành khiến cho việc giao dịch, mua bán trực tiếp ngày càng khó khăn. Đối với thị trường bán lẻ, thương mại điện tử lại càng giữ vai trò quan trọng khi mà người ta dành ra nhiều thời gian cho internet hơn. Học tập, công việc, giải trí đều sử dụng internet, đặc biệt trong mùa dịch hiện nay.
Cơ hội để tiếp cận khách hàng tiềm năng là vô tận trên internet. Bởi vậy, đối với các doanh nghiệp bán lẻ, xây dựng cho mình một trang web bán hàng là quan trọng vì nhiều lí do. Thứ nhất đó là dễ dàng hơn trong việc tiếp cận khách hàng khi mà người truy cập có thể tham quan và tìm hiểu về sản phẩm hoặc dịch vụ ngay trên mạng. Thứ hai, việc mua bán trở nên dễ dàng và nhanh chóng khi kết hợp với sự trỗi dậy của các ví điện tử và e-banking, làm gia tăng doanh số mà không phải gặp những khó khăn của một cửa hàng truyền thống.
Thứ ba là tạo uy tín với khách hàng và người truy cập, tạo ra cho họ một cảm giác rằng doanh nghiệp là một tổ chức chính thống và chuyên nghiệp. Các Công Cụ Phát Triển Ứng Dụng Web a) HTML HTML (Hypertext Markup Language) là ngôn ngữ dùng để xây dựng cấu trúc trang web. Thành phần của HTML bao gồm chuỗi các phần tử (elements) mà mỗi phần tử dùng để gói 5 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat các nội dung khác nhau, làm cho nó hiển thị hoặc hoạt động theo cách mong muốn. Mỗi phần tử có một tag mà mỗi tag chỉ định một chức năng khác nhau.
HTML được sử dụng cho đề tài này là HTML5, ra mắt năm 2014. b) CSS CSS (Cascading Style Sheets) là ngôn ngữ dùng để mô tả cách thể hiện các phần tử được hiển thị, trong trường hợp phát triển web đó là mô tả cách hiển thị của các phần tử HTML. c) JavaScript và JQuery JavaScript là ngôn ngữ lập trình được sử dụng để điều khiển và xử lý các hoạt động trên một trang web phần frontend (client-side). Nhờ có JavaScript mà tính tương tác và hiệu suất của một trang web trở nên cao hơn nhiều.
jQuery là một thư viện JavaScript tập trung đơn giản hoá việc xử lý DOM, các yêu cầu AJAX và xử lý các Events. d) Bootstrap Bootstrap là framework HTML, CSS, Javascript miễn phí và mã nguồn mở, giúp cho việc xây dựng một trang web có độ responsive cao trở nên nhanh chóng và thuận tiện. Bootstrap được sử dụng cho đề tài này là phiên bản Bootstrap 4. e) MySQL MySQL là hệ quản trị cơ sở dữ liệu quan hệ được phát triển bởi Oracle.
MySQL là hệ quản trị mã nguồn mở, có tốc độ và độ tin cậy cao, được sử dụng vô cùng rộng rãi. f) PHP PHP là một ngôn ngữ lập trình để xây dựng backend (server-side) và có thể nhúng vào HTML để xây dựng các ứng dụng web. 6 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat 1. Thiết Lập Máy Chủ Web − Sử dụng phần mềm FileZilla để upload các thư mục của web lên server.
− Dùng giao thức FTP - File Transfer Protocol cho web − Sử dụng địa chỉ host http://125.133/web_php/gr01/ là tên miền của web Vào trong phpMyAdmin ở database webgr01 import file sql của thư mục web để kết nối đến database 7 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat CHƯƠNG 2. PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 2. Sơ Đồ Công Việc Webside có một actor chính là user (người sử dụng trang web với mục đích xem và mua hàng) Hình 2. Sơ Đồ Phân Rã Chức Năng 2.1 Phân rã Usecase Xem, tìm kiếm sản phẩm 8 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat Hình 2.2 Phân rã Usecase đặt hàng Hình 2.3 Phân rã Usecase đăng nhập Hình 2.1 9 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat 2.1 10 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat CHƯƠNG 3.
THIẾT KẾ GIAO DIỆN 3. Giao diện trang chủ a) Hiển thị đầy đủ Hình 3.1 11 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat Trang chủ được thiết kế theo bố cục 3 phần: header, content, footer. Content gồm: + Carousel chứa những hình ảnh sản phẩm bán chạy, những sản phẩm hot nhất của cửa hàng. + Những chương trình khuyến mãi hiện có của cửa hàng STT Tên Kiểu Mô tả chức năng 1 Mobileplanet Text Hiển thị trang chủ 2 Điện thoại di động Text Hiển thị trang điện thoại di động 3 Máy tính bảng Text Hiển thị trang máy tính bảng 4 Máy tính xách tay Text Hiển thị trang máy tính xách tay 5 Phụ kiện Text Hiển thị trang phụ kiện 6 Tìm kiếm sản Textbox Nhập sản phẩm phẩm… muốn tìm 6 Tìm kiếm Button Hiển thị trang tìm kiếm 7 Giỏ hàng Button Hiển thị trang giỏ hàng 9 Tài khoản Button Hiển thị trang đăng nhập, nếu đăng nhập rồi sẽ hiển thị trang thông tin cá nhân Bảng 3.1: Mô tả chức năng trang chủ 12 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat b) Hiển thị trên Mobile Hình 3.2 13 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat 3.
Giao Diện Trang Điện Thoại Di Động a) Hiển Thị Đầy Đủ Hình 3.1 14 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat Các phần header và footer không khác gì trang chủ, ở phần content là danh sách các điện thoại di động cùng bộ lọc. STT Tên Kiểu Mô tả chức năng 1 Các checkbox trong Checkbox Sắp xếp các sản mục sắp xếp phẩm theo giá 2 Các checkbox trong Checkbox Lọc sản phẩm theo mục giá mức giá mong muốn 3 Các checkbox trong Checkbox Lọc sản phẩm theo ram mức ram mong muốn 4 Các checkbox trong Checkbox Lọc sản phẩm theo bộ nhớ trong bộ nhớ Bảng 3.2: Mô tả chức năng trang điện thoại di động 15 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat b) Hiển Thị Trên Mobile Hình 3.2 16 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat 3. Giao diện trang máy tính bảng a) Hiển Thị Đầy Đủ Hình 3.1 17 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat b) Hiển Thị Trên Mobile Hình 3.2 18 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat 3. Giao diện trang máy tính xách tay a) Hiển Thị Đầy Đủ Hình 3.1 19 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat b) Hiển Thị Trên Mobile Hình 3.2 20 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat 3.
Giao diện trang phụ kiện a) Hiển Thị Đầy Đủ Hình 3.1 21 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat b) Hiển Thị Trên Mobile Hình 3.2 22 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat 3. Giao diện trang chi tiết sản phẩm a) Hiển Thị Đầy Đủ Hình 3.1 23 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat b) Hiển Thị Trên Mobile Hình 3.2 24 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat 3. Giao diện trang đăng nhập a) Hiển Thị Đầy Đủ Hình 3.1 25 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat b) Hiển Thị Trên Mobile Hình 3.2 26 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat 3. Giao diện trang thông tin cá nhân a) Hiển Thị Đầy Đủ Hình 3.1 27 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat b) Hiển Thị Trên Mobile Hình 3.2 28 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat 3.
Giao diện trang đặt hàng a) Hiển Thị Đầy Đủ Hình 3.1 29 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat b) Hiển Thị Trên Mobile Hình 3.2 30 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat 3. Giao diện trang lịch sử mua hàng a) Hiển Thị Đầy Đủ Hình 3.1 31 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat b) Hiển Thị Trên Mobile Hình 3.2 32 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat CHƯƠNG 4. XÂY DỰNG CƠ SỞ DỮ LIỆU 4. Các Bảng Dữ Liệu Bảng 4.1 tbl_product Bảng 4.2 tbl_product_category Bảng 4.3 tbl_review Bảng 4.4 tbl_special_offer 33 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat Bảng 4.5 tbl_spec Bảng 4.6 tbl_user Bảng 4.7 tbl_cart Bảng 4.8 tbl_order Bảng 4.9 tbl_order_details 34 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat 4.2 Mô tả từng bảng dữ liệu Bảng tbl_user STT Thuộc tính Kiểu dữ liệu Ràng buộc Diễn giải 1 user_id int(11) Khóa chính Mỗi user đăng ký sẽ tự tạo một mã riêng 2 user_phone varchar(20) Số điện thoại người dùng 3 user_password varchar(200) Mật khẩu người dùng 4 user_name varchar(200) Tên người dùng 5 user_address varchar(300) Địa chỉ người dùng Bảng tbl_product STT Thuộc tính Kiểu dữ liệu Ràng buộc Diễn giải 1 product_id int(11) Khóa chính Mã sản phẩm 2 product_name varchar(200) Tên sản phẩm 3 product_price int(11) Giá sản phẩm 4 category_id int(11) Khóa ngoại Mã loại sản phẩm 5 product_highlighted tinyint(1) Sản phẩm nổi bật 6 product_thumbnail varchar(200) Link hình ảnh sản phẩm 7 product_producer varchar(50) Hãng sản xuất 8 product_origin varchar(50) Quốc gia 9 product_maintenance varchar(50) Thời gian bảo hành 10 product_preview varchar(500) Hình ảnh chi tiết sản phẩm 35 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat Bảng tbl_product_category STT Thuộc tính Kiểu dữ liệu Ràng buộc Diễn giải 1 category_id int(11) Khóa chính Mã loại sản phẩm 2 category_name varchar(100) Tên loại sản phẩm 3 category_ename varchar(50) Tên tiếng Anh của sản phẩm Bảng tbl_review STT Thuộc tính Kiểu dữ liệu Ràng buộc Diễn giải 1 product_id int(11) Khóa chính Mã sản phẩm 2 review_content longtext Thông tin sản phẩm Bảng tbl_special_offer STT Thuộc tính Kiểu dữ liệu Ràng buộc Diễn giải 1 special_offer_id int(11) Khóa chính Mã ưu đãi 2 special_offer_name varchar(200) Tên ưu đãi 3 special_offer_img varchar(500) Hình ưu đãi 4 special_offer_details varchar(20000) Thông tin chi tiết ưu đải Bảng tbl_spec STT Thuộc tính Kiểu dữ liệu Ràng buộc Diễn giải 1 product_id int(11) Khóa chính, Mã sản phẩm khóa ngoại 2 spec_name varchar(50) Tên thông số sản phẩm 3 spec_detail varchar(300) Thông số chi tiết 36 TIEU LUAN MOI download : skknchat123@gmail.