A. MỞ ĐẦU 1.1 . Lý do chọn đề tài Ngày nay, Thương mại điện tử đã trở thành một công cụ phổ biến không những ở trên thế giới mà còn ở Việt Nam. Ở Việt Nam điển hình có một số trang như: https:shopee.vn,https:www.dienmayxanh.com,https:www.sendo.vn,https:www.thegioididong.com đang có tình hình phát triển rất tốt, Tuy nhiên, để hình thành lên một trang Thương mại điện tử khá nối tiếng đó là cả một quá trình và mất rất nhiều thời gian , tiền bạc, công sức. Với sự phát triển mạnh mẽ của công nghệ thông tin và những ứng dụng của nó trong đời sống. Máy tính điện tử không còn là một thứ phươnng tiện lạ lẫm đối với mọi người mà nó dần trở thành một công cụ làm việc và giải trí thông dụng và hữu ích của chúng ta, không chỉ ở công sở mà còn ngay cả trong gia đình. Trong nền kinh tế hiện nay, với xu thế toàn cầu hoá nền kinh tế thế giới, mọi mặt của đời sống xã hội ngày càng được nâng cao, đặc biệt là nhu cầu trao đổi hàng hoá của con người ngày càng tăng cả về số lượng và chất lượng. Hiện nay các công ty tin học hàng đầu thế giới không ngừng đầu tư và cải thiện các giải pháp cũng như các sản phẩm nhằm cho phép tiến hành thương mại hóa trên Internet. Thông qua các sản phẩm và công nghệ này, chúng ta dễ dàng nhận ra tầm quan trọng và tính tất yếu của thương mại điện tử. Với những thao tác đơn giản trên máy có nối mạng Internet chúng ta sẽ có tận tay những gì mình cần mà không phải mất nhiều thời gian. Bạn chỉ cần vào các trang dịch vụ thương mại điện tử, làm theo hướng dẫn và click vào những gì bạn cần. Các nhà dịch vụ sẽ mang đến tận nhà cho bạn. Để tiếp cận và góp phần đẩy mạnh sự phổ biến của thương mại điện tử ở Việt Nam, em đã tìm hiểu đề tài, “Thiết kế và Xây dựng Website bán điện thoại di đông và laptop” 1.2. Mục tiêu của đề tài Nhằm tổng hợp những kiến thức đã học trong suốt quá trình học tập tại trường cũng như những kiến thức mà em tìm hiểu được trên internet và trong sách báo để: + Tìm hiểu rõ hơn, sâu hơn và làm rõ hơn các khái niệm về TMĐT. + Khả năng phân tích cho một hệ thống. + Tiếp cận công cụ lập trình. + Kỹ thuật lập trình trên internet. + Thời gian triển khai dự án lên internet nhanh chóng và chi phi thấp. + Chi phí duy trì và bảo trì hệ thống thấp. + An toàn, ổn đinh và bảo mật dữ liệu. 1.3. Tính mới của đề tài Sử dụng công nghệ Ajax trong cập nhật giỏ hàng. 1.4. Đối tượng và phạm vi nghiên cứu Đối tượng: + Ngôn ngữ PHP, hệ quản trị cơ sở dữ liệu MySQL, Jquery, CSS, HTML, Ajax, bootstrap Phạm vi: + Các mặt hàng thương mại điện tử cụ thể là điện thoại di động và latop 1.5 Phương pháp nghiên cứu Phương pháp nghiên cứu thực tiễn Nghiên cứu tham khảo tài liệu trên internet và một số website thương mại
MỤC LỤC LỜI CẢM ƠN .1 A MỞ ĐẦU 1.1 Lý chọn đề tài 1.2 Mục tiêu đề tài 1.3 Tính đề tài 1.4 Đối tượng phạm vi nghiên cứu 1.5 Phương pháp nghiên cứu B NỘI DUNG NGHIÊN CỨU .4 CHƯƠNG 1: CƠ SỞ LÝ THUYẾT .4 1.1 Tìm hiểu thương mại điện tử .4 1.1.1 Thương mại điện tử ? 1.1.2 Lợi ích thương mại điện tử 1.1.3 Ứng dụng thương mại điện tử 1.2 Giới thiệu ngôn ngữ sử dụng .5 1.2.1 Ngôn ngữ HTML 1.2.2 Ngôn ngữ css 1.2.3 Ngôn ngữ JQUERY 1.2.4 Công nghệ Ajax 1.2.5 Ngôn ngữ PHP 1.2.6 Bootstrap 1.3 Tổng quan hệ quản trị sở liệu MySQL 10 1.3.1 Một số khái niệm hệ quản trị sở liệu MySQL 10 1.3.2 Các thành phần MySQL 11 1.4 Công cụ sử dụng 11 1.4.1 Công cụ phát triển web Visual Studio Code 11 1.4.2 Chương trình tạo máy chủ web Xampp 12 1.4.3 Công cụ quản trị sở liệu phpMyAdmin 12 1.4.4 Trình duyệt coccoc 13 1.5 Phương pháp tiếp cận hướng đối tượng 14 1.5.1 Tổng quan UML 14 1.5.2 Biểu đồ ca sử dụng use case .15 CHƯƠNG 2: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 18 2.1 Khảo sát hệ thống 18 2.1.1 Phân tích yêu cầu người dùng 18 2.1.2 Yêu cầu người quản trị .19 2.1.3 Yêu cầu phi chức .22 2.2.2 Xác định Actor vai trò 25 2.2.3 Biểu đồ Use case hệ thống 26 2.2.4 Đặc tả use case 26 2.2.5 Biểu đồ lớp 30 2.2.6 Biểu đồ trạng thái 31 2.2.7 Biểu đồ 33 2.2.8 Biểu đồ hoạt động .38 2.3 Thiết kế hệ thống 41 2.3.1 Thiết kế sở liệu 41 2.3.2 Mô tả sở liệu phpMyAdmin .46 CHƯƠNG 3: TRIỂN KHAI XâY DỰNG WEBSITE .49 3.1 Giao diện người dùng 49 3.1.1 Giao diện trang chủ 49 3.1.2 Giao diện trang danh mục sản phẩm 50 3.1.3 Giao diện trang sản phẩm 51 3.1.4 Giao diện trang chi tiết sản phẩm 51 3.1.5.Giao diện trang blog 53 3.1.6 Giao diện trang giới thiệu 54 3.1.7 Giao diện trang liên hệ 54 3.1.8 Giao diện trang giỏ hàng 55 3.1.9 Giao diện trang toán 56 3.1.10 Giao diện trang đặt hàng thành công nhận mail tự động từ hệ thống 56 3.2 Giao diện admin 57 3.2.1 Giao diện trang đăng nhập 57 3.2.2 Giao diện trang quản lý thành viên 58 3.2.3 Giao diện trang quản lý viết .58 3.2.4 Giao diện trang blog tin tức 59 3.2.5 Giao diện trang quản lý danh mục sản phẩm 60 3.2.6 Giao diện trang quản lý sản phẩm .61 3.2.7 Giao diện trang quản lý danh sách khách hàng đặt hàng đơn hàng .64 3.2.8 Giao diện trang thống kê 66 C KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 67 Kết luận 67 Hướng phát triển 67 D TÀI LIỆU THAM KHẢO 68 LỜI CẢM ƠN Qua bốn năm học tập Trường Đại Quảng Nam đến em hồn thành khóa học Với lịng biết ơn sâu sắc em xin chân thành cảm ơn giúp đỡ tận tình thầy khoa Cơng Nghệ Thơng Tin giảng dạy hướng dẫn em suốt q trình học tập nhà trường Để hồn thành báo cáo này, em xin tỏ lòng biết ơn đến Nguyễn Thị Minh Châu tận tình hướng dẫn suốt trình thực Em chân thành cảm ơn quý thầy, cô khoa Công Nghệ Thông Tin, Trường Đại Học Quảng Nam tận tình truyền đạt kiến thức năm em học tập Với vốn kiến thức tiếp thu q trình học khơng tảng cho trình nghiên cứu đề tài mà hành trang quý báu để em bước vào đời cách vững tự tin Em chân thành cảm ơn Công Ty phần mềm FPT Software Đà Nẵng cho phép tạo điều kiện thuận lợi để em thực tập quan Vì thời gian có hạn kiến thức em cịn nhiều hạn chế nên báo cáo em chắn khơng tránh khỏi thiếu sót, em mong nhận giúp đỡ thầy cơ, tồn thể bạn lớp để hoàn thành báo cáo Cuối em kính chúc q thầy, dồi sức khỏe thành công nghiệp cao quý Quảng Nam, ngày 09 tháng 05 năm 2020 Sinh viên thực Nguyễn Văn Đợi A MỞ ĐẦU 1.1 Lý chọn đề tài Ngày nay, Thương mại điện tử trở thành công cụ phổ biến khơng giới mà cịn Việt Nam Ở Việt Nam điển hình có số trang như: https://shopee.vn/,https://www.dienmayxanh.com/,https://www.sendo.vn/,https:// www.thegioididong.com/ có tình hình phát triển tốt, Tuy nhiên, để hình thành lên trang Thương mại điện tử nối tiếng trình nhiều thời gian , tiền bạc, công sức Với phát triển mạnh mẽ công nghệ thông tin ứng dụng đời sống Máy tính điện tử khơng cịn thứ phươnng tiện lạ lẫm người mà dần trở thành cơng cụ làm việc giải trí thơng dụng hữu ích chúng ta, khơng cơng sở mà cịn gia đình Trong kinh tế nay, với xu tồn cầu hố kinh tế giới, mặt đời sống xã hội ngày nâng cao, đặc biệt nhu cầu trao đổi hàng hoá người ngày tăng số lượng chất lượng Hiện công ty tin học hàng đầu giới không ngừng đầu tư cải thiện giải pháp sản phẩm nhằm cho phép tiến hành thương mại hóa Internet Thông qua sản phẩm công nghệ này, dễ dàng nhận tầm quan trọng tính tất yếu thương mại điện tử Với thao tác đơn giản máy có nối mạng Internet có tận tay cần mà nhiều thời gian Bạn cần vào trang dịch vụ thương mại điện tử, làm theo hướng dẫn click vào bạn cần Các nhà dịch vụ mang đến tận nhà cho bạn Để tiếp cận góp phần đẩy mạnh phổ biến thương mại điện tử Việt Nam, em tìm hiểu đề tài, “Thiết kế Xây dựng Website bán điện thoại di đông laptop” 1.2 Mục tiêu đề tài - Nhằm tổng hợp kiến thức học suốt trình học tập trường kiến thức mà em tìm hiểu internet sách báo để: + Tìm hiểu rõ hơn, sâu làm rõ khái niệm TMĐT + Khả phân tích cho hệ thống + Tiếp cận công cụ lập trình + Kỹ thuật lập trình internet + Thời gian triển khai dự án lên internet nhanh chóng chi phi thấp + Chi phí trì bảo trì hệ thống thấp + An tồn, ổn đinh bảo mật liệu 1.3 Tính đề tài - Sử dụng công nghệ Ajax cập nhật giỏ hàng 1.4 Đối tượng phạm vi nghiên cứu - Đối tượng: + Ngôn ngữ PHP, hệ quản trị sở liệu MySQL, Jquery, CSS, HTML, Ajax, bootstrap - Phạm vi: + Các mặt hàng thương mại điện tử cụ thể điện thoại di động latop 1.5 Phương pháp nghiên cứu Phương pháp nghiên cứu thực tiễn Nghiên cứu tham khảo tài liệu internet số website thương mại B NỘI DUNG NGHIÊN CỨU CHƯƠNG 1: CƠ SỞ LÝ THUYẾT 1.1 Tìm hiểu thương mại điện tử 1.1.1 Thương mại điện tử ? Thương mại điện tử (Cịn gọi E-commerce, e-comm hay EC) quy trình mua bán hàng hóa dịch vụ thơng qua phương tiện điện tử mạng viễn thông, đặc biệt qua máy tính mạng Internet Ngày người ta hiểu khái niệm thương mại điện tử thông thường tất phương pháp tiến hành kinh doanh quy trình quản trị thơng qua kênh điện tử mà Internet hay kỹ thuật giao thức sử dụng Internet đóng vai trị cơng nghệ thơng tin coi điều kiện tiên Một khía cạnh quan trọng khác khơng cịn phải thay đổi phương tiện truyền thông, đặc trưng cho việc tiến hành kinh doanh truyền thống Thêm vào tác động người vào quy trình kinh doanh giảm xuống đến mức tối thiểu Để làm điều địi hỏi phải tích hợp rộng lớn các tính kinh doanh 1.1.2 Lợi ích thương mại điện tử Lợi ích lớn mà Thương mại điện tử mang lại tiết kiệm chi phí lớn tạo thuận lợi cho bên giao dịch Giao dịch phương tiện điện tử nhanh giao dịch truyền thơng, ví dụ gửi fax hay thư điện tử nội dung thơng tin đến người nhận nhanh gửi thư Các giao dịch qua internet có chi phí rẻ, doanh nghiệp gửi thư tiếp thị, chào hàng đến hàng loạt khách hàng với chi phí giống gửi cho khách hàng Với Thương mại điện tử, bên tiến hành giao dịch cách xa nhau, thành phố với nông thôn, từ nước sang nước khác hay nói cách khác khơng bị giới hạn không gian địa lý Điều cho phép doanh nghiệp tiết kiệm chi phí lại, thời gian gặp mặt mua bán Với người tiêu dùng họ ngồi nhà để đặt hàng, mua sắm nhiều loại hàng hóa dịch vụ thật nhanh chóng Những lợi ích có với doanh nghiệp thực nhận thức tầm quan trọng Thương mại điện tử Vì vậy, Thương mại điện tử góp phần thúc đẩy cạnh tranh doanh nghiệp để thu nhiều lợi ích Điều đặc biệt quan trọng bối cảnh hội nhập kinh tế quốc tế Khi doanh nghiệp nước phải cạnh tranh cách bình đẳng với doanh nghiệp nước ngồi 1.1.3 Ứng dụng thương mại điện tử Một số ứng dụng chung thương mại điện tử: + Hệ thống toán nước quốc tế + Quản lý nội dung doanh nghiệp + Trợ lý tự động trực tuyến + Mua sắm trực tuyến theo dõi đặt hàng + Ngân hàng điện tử + Văn trực tuyến + Phần mềm giỏ hàng + Hội thảo truyền thông trực tuyến + Vé điện tử 1.2 Giới thiệu ngôn ngữ sử dụng 1.2.1 Ngôn ngữ HTML 1.1.1.1 HTML gì? HTML: chữ viết tắt Hypertext Markup Language- ngơn ngữ siêu văn Nó giúp người dùng tạo cấu trúc thành phần trang web ứng dụng, phân chia đoạn văn, heading, links, blockquotes, v.v 1.1.1.2 Cách thức hoạt động HTML HTML documents files kết thúc đuôi html hay htm Bạn xem chúng cách sử dụng trình duyệt web ( Google Chorme, coccoc, hay Mozilla Firefox … , ) Trình duyệt đọc files HTML xuất nội dung lên internet cho người dùng xem Thông thường, trung bình web chứa nhiều trang web HTML, ví dụ như: trang chủ, trang about, trang liên hệ, tất cần trang HTML riêng Mỗi trang HTML chứa tag (cũng gọi elements), bạn xem việc xây dựng khối trang web Nó tạo thành cấu trúc thư mục bao gồm section, paragraph, heading, khối nội dung khác Hầu hết HTML elements có tag mở tag đóng với cấu trúc 1.2.2 Ngơn ngữ css 1.2.2.1 CSS ? CSS ngôn ngữ tạo phong cách cho trang web - Cascading Style Sheet language Nó dùng để tạo phong cách định kiểu cho yếu tố viết dạng ngơn ngữ đánh dấu, HTML Nó điều khiển định dạng nhiều trang web lúc để tiết kiệm công sức cho người viết web Nó phân biệt cách hiển thị trang web với nội dung trang cách điều khiển bố cục, màu sắc, font chữ CSS phát triển W3C (World Wide Web Consortium) vào năm 1996, lý đơn giản HTML khơng thiết kế để gắn tag để giúp định dạng trang web Bạn dùng để “đánh dấu” lên site Những tag mắt HTML phiên 3.2, gây nhiều rắc rối cho lập trình viên Vì website có nhiều font khác nhau, màu phong cách khác Để viết lại code cho trang web trình dài, cực nhọc Vì vậy, CSS tạo W3C để giải vấn đề Mối tương quan HTML CSS mật thiết HTML ngôn ngữ markup (nền tảng site) CSS định hình phong cách (tất tạo nên giao diện website), chúng tách rời 1.2.2.2 Cách thức hoạt động CSS sử dụng cấu trúc tiếng Anh đơn giản để tạo quy tắc bạn tận dụng Như nói trên, HTML khơng dùng để tạo phong cách cho yếu tố, đánh dấu phần để biết yếu tố thơi Ví dụ:Đây văn bản.
Còn làm để tạo phong cách cho văn đó? Syntax CSS đơn giản Nó có phần block chọn block khai báo Bạn chọn yếu tố khai báo làm với Tuy nhiên, có nhiều quy tắc cần ghi nhớ Selector trả yếu tố HTML bạn cần muốn tạo phong cách Block khai báo bao gồm hay nhiều khai báo cách dấu chấm phẩy Mỗi khai báo bao gồm tên CSS giá trị, cách dấu chấm Khai báo CSS kết thúc dấu chấm phẩy, block khai báo đặt dấu ngoặc nhọn 1.2.3 Ngơn ngữ JQUERY 1.2.3.1 Jquery ? JQuery thư viện kiểu đa tảng giàu tính viết từ JavaScript Nó thiết kế để đơn giản hóa kịch phía máy khách HTML JQuery cung cấp API giúp việc duyệt tài liệu HTML, thao tác, hoạt ảnh, xử lý kiện, thao tác AJAX đơn giản JQuery hoạt động tốt nhiều loại trình duyệt khác nhau, giúp cải thiện hiệu suất, tạo điều kiện cho người dùng dòng tối thiểu 1.2.3.2 Lịch sử phát triển JQuery phát hành vào tháng năm 2006 John Resig BarCamp NYC Nó trì phát triển nhóm nhà phát triển Google đứng đầu Timmy Wilson Ngày nay, jQuery sử dụng rộng rãi Hầu hết trang web sử dụng jQuery 1.2.3.3 Cách sử dụng Có hai cách để sử dụng jQuery: + Cài đặt cục - Bạn tải jQuery Library máy bạn đưa vàotrong code HTML + Sử dụng từ CDN (CDN Based Version) - Bạn đưa thư viện jQuery vào code HTML cách trực tiếp từ Content Delivery Network (CDN) 1.2.4 Công nghệ Ajax AJAX (Asynchronous JavaScript and XML - JavaScript XML) nhóm cơng nghệ phát triển web được sử dụng để tạo các ứng dụng web động hay các ứng dụng giàu tính Internet Ajax kỹ thuật phát triển web có tính tương tác cao cách kết hợp ngôn ngữ: HTML (hoặc XHTML) với CSS trong việc hiển thị thơng tin Mơ hình DOM (Document Object Model) thực thông qua JavaScript, nhằm hiển thị thông tin động tương tác với thông tin hiển thị Đối tượng XMLHttpRequest để trao đổi liệu cách không đồng với máy chủ web 10 ... text), JSON EBML 1.2.5 Ngôn ngữ PHP 1.2.5.1 Ngôn ngữ PHP ? PHP ngơn ngữ thường dùng thiết kế web Khi bạn truy cập vào trang bất kì, bạn xác định xem trang có viết ngơn ngữ PHP hay không thông qua... nghiên cứu - Đối tượng: + Ngôn ngữ PHP, hệ quản trị sở liệu MySQL, Jquery, CSS, HTML, Ajax, bootstrap - Phạm vi: + Các mặt hàng thương mại điện tử cụ thể điện thoại di động latop 1.5 Phương pháp... cho bạn Để tiếp cận góp phần đẩy mạnh phổ biến thương mại điện tử Việt Nam, em tìm hiểu đề tài, “Thiết kế Xây dựng Website bán điện thoại di đông laptop” 1.2 Mục tiêu đề tài - Nhằm tổng hợp kiến