BÁO cáo đồ án tốt NGHIỆP WEBSITE bán THIẾT bị điện máy

GIỚI THIỆU ĐỀ TÀI VÀ CƠ SỞ LÝ THUYẾT

Mô tả

Hiện nay, nhiều website tại Việt Nam như https://www.dienmayxanh.com và https://www.dienmaycholon.com cung cấp thiết bị điện máy với lượng truy cập lớn Những trang web này không chỉ giúp các cửa hàng giới thiệu sản phẩm mà còn cung cấp thông tin chi tiết về các sản phẩm chính hãng chất lượng cao cho khách hàng Điều này rất cần thiết để mang lại thông tin hữu ích cho người dân Việt Nam, đồng thời quảng bá và giới thiệu sản phẩm ra toàn quốc.

Website bán thiết bị điện máy giúp người dùng dễ dàng tìm kiếm và mua sản phẩm từ mọi nơi, tiết kiệm thời gian và công sức Khách hàng có thể nhận tư vấn qua điện thoại hoặc gặp trực tiếp, từ đó nâng cao hiệu quả kinh doanh cho cửa hàng.

Khách hàng có thể dễ dàng truy cập website để xem sản phẩm, thông tin và vị trí địa điểm bằng cách tìm kiếm theo tên sản phẩm hoặc địa điểm Để thực hiện mua hàng hoặc nhận tư vấn, khách hàng cần đăng nhập hoặc đăng ký tài khoản trên website Việc này giúp cửa hàng nắm bắt thông tin khách hàng, hỗ trợ trong quá trình đặt hàng và mua sắm hiệu quả hơn.

Mục đích nghiên cứu

Công nghệ thông tin hiện nay đóng vai trò quan trọng trong cuộc sống, đáp ứng nhu cầu nghe nhìn, trao đổi thông tin và mua sắm, đặc biệt là các thiết bị điện tử gia dụng Để phục vụ khách hàng hiệu quả, cần đa dạng hóa mặt hàng Tuy nhiên, việc lựa chọn sản phẩm phù hợp với nhu cầu không hề đơn giản Do đó, mục tiêu của chúng tôi là phát triển một trang web bán hàng thiết bị điện máy online, giúp tiếp cận người tiêu dùng qua internet, quảng bá thông tin và tiếp thị trên thị trường toàn cầu Chúng tôi cam kết cung cấp dịch vụ tốt hơn, giúp khách hàng dễ dàng lựa chọn sản phẩm và mua sắm mọi lúc, mọi nơi mà không cần phải di chuyển xa.

Mục tiêu của tôi là xây dựng một website đơn giản và dễ tìm kiếm, nhằm tạo ra một "Website bán thiết bị điện máy" hợp lý và thân thiện với người dùng.

Phương pháp nghiên cứu

Tham khảo các website cùng chung đề tài, khảo sát thị trường, tham khảo ý kiến nhu cầu của người dùng

Sử dụng công cụ xampp,Mysql, sublime text

Sử dụng ngôn ngữ php,html , CSS, JavaScript, Boostrap, Jquery

Kết quả

 Trang chủ hiển thị thông tin những sản phẩm nổi bậc

 Trang đăng nhập, đăng kí thông tin tài khoản của chủ cửa hàng thiết bị điện máy đó

 Trang chi tiết về sản phẩm, giá cả, thành phần,bình luận nhận xét về sản phẩm cho người dùng

 Đặt mua thiết bị trực tiếp trên Website

 Nhận hàng khi thanh toán

Nội dung thực hiện

Sublime Text là công cụ hữu ích trong việc xử lý giao diện website, trong khi PHP đảm nhận chức năng và thuật toán cần thiết Để bảo mật tài khoản và kết nối với cơ sở dữ liệu, việc áp dụng các biện pháp an ninh là rất quan trọng SQL đóng vai trò quan trọng trong việc lưu trữ và quản lý dữ liệu hiệu quả Cuối cùng, báo cáo cụ thể sẽ được trình bày dưới định dạng Word để đảm bảo thông tin rõ ràng và dễ hiểu.

Từ các yêu cầu đặt ra của đề tài tiến hành phân tích và đưa ra hướng giải quyết theo các bước sau:

Tìm hiểu về các website tương tự để xây dựng các chức năng sao cho phù hợp với đa phần thị hiếu của người sử dụng hiện nay

Tiến hành nghiên cứu các khái niệm liên quan và phân tích thông tin khảo sát để xác định các chức năng dự kiến sẽ được tích hợp vào website.

Tìm hiểu về các nội dung cần có của một trang web bán hàng online, từ đó đưa ra các giải pháp để tiến hành xây dựng

Lựa chọn và cài đặt các công cụ, phần mềm phù hợp cho việc thiết kế website Bắt tay vào việc xây dựng website

Tiến hành kiểm tra và chạy thử

Thay đổi, bổ sung, khắc phục các lỗi để website hoàn chỉnh hơn

B Công cụ xây dựng website

Sublime Text is the latest version of the most popular text editor used by web developers, coders, and programmers It is available for Mac, Windows, and Linux, and offers free download and usage Its advantages include a sleek interface, powerful features, and extensive customization options.

Sublime Text cho phép hiển thị nhiều tập tin văn bản theo nhiều cách khác nhau, giúp người dùng dễ dàng quản lý các tập tin đang mở thông qua các tab Ngoài ra, công cụ này còn hỗ trợ chỉnh sửa bố cục linh hoạt, bao gồm hàng và cột, cũng như chế độ chỉnh sửa toàn màn hình.

Sublime Text 3 là phần mềm lập trình đa nền tảng hỗ trợ nhiều ngôn ngữ như C, C++, C#, CSS, HTML, Java, JavaScript, Python, PHP, LaTeX, Ruby và TypeScript Phần mềm này nổi bật với khả năng mở file nhanh chóng chỉ bằng vài phím tắt, cho phép thao tác trên nhiều đơn vị cùng lúc, chế độ hạn chế phân tâm, chuyển đổi giữa các dự án một cách nhanh chóng, dễ dàng tùy biến và chia sẻ màn hình để chỉnh sửa.

So với Notepad++, ứng dụng này hoạt động mượt mà hơn, tiêu tốn ít tài nguyên máy và hỗ trợ hơn 20 ngôn ngữ lập trình khác nhau, bao gồm HTML, CSS, JavaScript, C++, C#, SQL và XML.

Giao diện người dùng được thiết kế trực quan và hấp dẫn, cung cấp nhiều chức năng mạnh mẽ Đặc biệt, người dùng có thể mở rộng tính năng thông qua Package Control.

 Hỗ trợ nhận diện và tô màu từ khoá (syntax highlight) cho nhiều ngôn ngữ

 Hỗ trợ mạnh mẽ cho cộng đồng nhiều Plugins, snippets, code auto complete, highlight beautiful, tùy biến giao diện, phím tắt, và rất nhiều thứ khác nữa

 Là phần mềm trả phí, nhưng cho phép dùng thử vô thời hạn với bản Beta Tuy nhiên, bạn cứ yên tâm về độ ổn định của nó

 Bạn có thể mở file nhanh chóng bằng suggestion theo text mình gõ Bạn không cần nhớ file nó nằm ở đâu, bạn chỉ cần gõ tên, Sublimetext

3 sẽ gợi ý file bạn muốn mở

 Phần mềm có nhiều themes cả về text và giao diện tools, bạn có thể tùy chỉnh theo cách bạn cho là chuyên nghiệp nhất b) Nhược điểm

Một nhược điểm của Sublime Text trên Linux là khó gõ tiếng Việt có dấu do bộ công cụ gõ của hệ thống không hoạt động trên ứng dụng này Thêm vào đó, nếu bạn đang sử dụng phiên bản miễn phí, việc lưu file sẽ gây khó chịu khi xuất hiện cảnh báo yêu cầu mua bản quyền.

Framework

Framework là một thư viện cung cấp tài nguyên sẵn có cho lập trình viên, giúp họ tiết kiệm thời gian thiết kế Với Framework, lập trình viên chỉ cần tìm hiểu và sử dụng các tài nguyên này để kết hợp và hoàn thiện sản phẩm Mỗi lập trình viên trong lĩnh vực của mình cần xây dựng các lớp chương trình để phát triển phần mềm và ứng dụng hoàn chỉnh.

PHP framework là thư viện hỗ trợ phát triển ứng dụng web bằng ngôn ngữ PHP, giúp tăng tốc quá trình phát triển và tiết kiệm thời gian Nó cung cấp cấu trúc cơ bản cho việc xây dựng ứng dụng, nâng cao tính ổn định và giảm thiểu việc viết lại mã cho lập trình viên.

 Sử dụng các tính năng mới nhất của PHP

 Nguồn Tài nguyên vô cùng lớn và có sẵn

 Tích hợp với dịch vụ mail

 Tốc độ sử lý nhanh và dễ sử dụng

 Tính bảo mật cao b) Nhược điểm

So với các framework PHP khác, một trong những vấn đề lớn nhất của framework này là thiếu sự liên kết giữa các phiên bản Việc cố gắng cập nhật mã có thể dẫn đến gián đoạn hoặc phá vỡ ứng dụng.

Ngôn ngữ PHP

PHP là một ngôn ngữ lập trình kịch bản mã nguồn mở, chủ yếu dùng để phát triển ứng dụng cho máy chủ Với khả năng nhúng dễ dàng vào HTML và tối ưu hóa cho ứng dụng web, PHP nổi bật với tốc độ nhanh, cú pháp tương tự C và Java, cùng với độ dễ học, giúp rút ngắn thời gian phát triển sản phẩm Nhờ những ưu điểm này, PHP đã trở thành ngôn ngữ lập trình web phổ biến nhất trên toàn cầu.

PHP là một ngôn ngữ lập trình mã nguồn mở và miễn phí, cho phép người dùng dễ dàng tải xuống và sử dụng để phát triển các ứng dụng web.

 Nó là nền tảng độc lập Các ứng dụng dựa trên PHP có thể chạy trên mọi hệ điều hành như UNIX, Linux và Windows, v.v

Ứng dụng PHP dễ dàng tải xuống và kết nối với cơ sở dữ liệu, mang lại tốc độ tải nhanh hơn trên các kết nối Internet chậm Trong nhiều trường hợp, PHP cho thấy hiệu suất cao hơn so với nhiều ngôn ngữ lập trình khác.

Ứng dụng PHP cho phép tải xuống và kết nối với cơ sở dữ liệu một cách dễ dàng Nó được ưa chuộng nhờ vào tốc độ tải nhanh hơn, đặc biệt trên các kết nối Internet chậm, và trong nhiều trường hợp, PHP có hiệu suất vượt trội so với các ngôn ngữ lập trình khác.

PHP đã trở nên ổn định hơn qua nhiều năm nhờ vào việc cung cấp hỗ trợ liên tục cho các phiên bản khác nhau Kể từ phiên bản 5, PHP đã bổ sung thêm các tính năng mới trong lập trình hướng đối tượng (OOP).

 Lập trình web với PHP có ưu điểm là code ngắn, cấu trúc đơn giản Điều này cũng giúp dễ dàng quản lý mã nguồn hơn

 PHP hỗ trợ nhiều thư viện mạnh mẽ để dễ dàng mô-đun chức năng cho việc biểu diễn dữ liệu

 Các mô-đun kết nối cơ sở dữ liệu được tích hợp sẵn trong PHP Từ đó giảm công sức và thời gian để phát triển website b) Nhược điểm

 Không chia sẻ tài nguyên

 Phụ thuộc quá nhiều vào extension

Xampp

Xampp là chương trình tạo máy chủ Web được tích hợp sẵn Apache, PHP,

MySQL, FTP Server, Mail Server và các công cụ như phpMyAdmin là những phần mềm quan trọng trong quản lý máy chủ Khác với Appserv và Xampp, các công cụ này không có giao diện quản lý tiện lợi, khiến việc bật tắt hoặc khởi động lại các dịch vụ máy chủ trở nên khó khăn hơn.

 XAMPP có thể chạy được trên toàn bộ các hệ điều hành như Window, MacOS, Cross-platform và Linux

XAMPP có cấu hình đơn giản và tích hợp nhiều chức năng hữu ích, bao gồm giả lập Server, Mail Server và hỗ trợ SSL trên Localhost, giúp người dùng dễ dàng quản lý và phát triển ứng dụng web.

 XAMPP tích hợp nhiều thành phần với các chức năng Apache, PHP hay MySql…

 Thay vì phải cài đặt từng thành phần trên thì giờ đây bạn chỉ cần dùng XAMPP là đã có được một web server hoàn chỉnh

XAMPP, khác với Appserv, sở hữu giao diện quản lý thân thiện, cho phép người dùng dễ dàng bật, tắt hoặc khởi động lại các dịch vụ máy chủ bất kỳ lúc nào Tuy nhiên, vẫn tồn tại một số nhược điểm cần lưu ý.

XAMPP, với cấu hình đơn giản, không hỗ trợ cấu hình Module và không có phiên bản MySQL, điều này có thể gây bất tiện cho người dùng Ngược lại, WAMP cung cấp nhiều tùy chọn hơn nhờ vào việc có nhiều phiên bản cho từng thành phần của server như PHP, Apache và MySQL.

 Dung lượng của XAMPP cũng tương đối nặng, dung lượng file cài đặt của XAMPP là 141Mb, nặng hơn nhiều so với WAMP chỉ 41Mb.

My SQL

MySQL là hệ quản trị cơ sở dữ liệu mã nguồn mở phổ biến nhất toàn cầu, được các nhà phát triển ưa chuộng trong việc xây dựng ứng dụng.

MySQL là hệ quản trị cơ sở dữ liệu nổi bật với tốc độ cao, tính ổn định và dễ sử dụng, đồng thời có khả năng hoạt động trên nhiều hệ điều hành khác nhau Hệ thống này cung cấp nhiều hàm tiện ích mạnh mẽ, rất phù hợp cho các ứng dụng truy cập cơ sở dữ liệu qua internet nhờ vào tốc độ và tính bảo mật cao Người dùng có thể dễ dàng tải về MySQL miễn phí từ trang chủ, với nhiều phiên bản khác nhau để lựa chọn.

15 hệ điều hành khác nhau: phiên bản Win32 cho các hệ điều hành dòng Windows, Linux, Mac OS X, Unix, FreeBSD, NetBSD, Novell NetWare, SGI Irix, Solaris, SunOS, a) Ưu điểm

MySQL là một cơ sở dữ liệu nhanh chóng và ổn định, dễ sử dụng và tương thích với nhiều hệ điều hành, đồng thời cung cấp một loạt các hàm tiện ích phong phú.

MySQL cung cấp tính bảo mật cao, làm cho nó trở thành lựa chọn lý tưởng cho các ứng dụng truy cập cơ sở dữ liệu qua internet Với nhiều tính năng bảo mật, MySQL đảm bảo an toàn cho dữ liệu, kể cả ở cấp độ bảo mật cao.

MySQL là một hệ quản trị cơ sở dữ liệu quan hệ đa tính năng, hỗ trợ nhiều chức năng SQL cả trực tiếp lẫn gián tiếp.

 Khả năng mở rộng và mạnh mẽ: Công cụ MySQL có khả năng xử lý khối dữ liệu lớn và có thể mở rộng khi cần thiết

MySQL tương thích với nhiều hệ điều hành như Novell NetWare, Windows, Linux, và nhiều loại UNIX như Sun Solaris, AIX, và DEC UNIX Nó cho phép các máy khách chạy trên cùng một máy tính với máy chủ hoặc trên máy tính khác, giao tiếp qua mạng cục bộ hoặc Internet.

 Cho phép khôi phục: MySQL cho phép các transactionđược khôi phục, cam kết và phục hồi sự cố b) Nhược điểm

MySQL có giới hạn về dung lượng, và khi số lượng bản ghi của người dùng tăng lên, việc truy xuất dữ liệu trở nên khó khăn hơn Để cải thiện tốc độ chia sẻ dữ liệu, người dùng cần áp dụng các biện pháp như phân tán cơ sở dữ liệu trên nhiều máy chủ hoặc sử dụng cache MySQL.

So với Microsoft SQL Server và Oracle, MySQL có độ bảo mật thấp hơn và quá trình phục hồi dữ liệu chậm hơn Tuy nhiên, những nhược điểm này không ảnh hưởng nhiều đến các hệ quản trị nội dung cỡ trung, vì chỉ các hệ thống lớn hoặc rất lớn mới cần đáp ứng những yêu cầu phức tạp hơn.

PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG

Hoạt động của website “bán thiết bị điện máy”

Website bán thiết bị điện máy cung cấp một kênh hiệu quả cho các cửa hàng giới thiệu sản phẩm và mang đến thông tin chi tiết về thiết bị điện máy, giúp người dân Việt Nam dễ dàng tiếp cận Nó cho phép khách hàng xem và mua hàng trực tuyến mà không cần phải di chuyển xa Ngoài ra, website hỗ trợ giao tiếp giữa khách hàng và nhân viên cửa hàng qua điện thoại hoặc gặp trực tiếp, từ đó nâng cao hiệu quả kinh doanh Người dùng có thể tìm kiếm sản phẩm theo tên địa điểm hoặc tên thiết bị và cần đăng nhập hoặc đăng ký tài khoản để đặt hàng hoặc nhận tư vấn Các chủ cửa hàng cần đăng ký với Admin để quảng bá sản phẩm của mình, và sau khi hoàn tất đăng ký, họ có thể đăng tải các thiết bị mới nhất lên website.

Biểu đồ use cace

Biểu đồ Use case là công cụ quan trọng trong phân tích và thiết kế hệ thống hướng đối tượng, giúp nắm bắt yêu cầu chức năng của hệ thống Biểu đồ này mô tả sự tương tác giữa người dùng bên ngoài (actor) và hệ thống, thể hiện cách hệ thống phản ứng trong các tình huống cụ thể từ góc độ người sử dụng.

18 a) Đặc tả sơ đồ use case tổng

Hình 1 Biểu đồ use case tổng

Use case Khách viếng thăm và khách hàng xem thông tin chi tiết sản phẩm , thiết bị ,đăng ký/đăngnhập mua hàng,phẩn hồi thông tin

Quản trị quảnlý thông tin,sản phẩm của danh mục, tài khoản,đơn hàng… Tác nhân,Tác phẩm khách hàng (actor),nhà bán hàng

Mô tả chung Khách hàng muốn thực hiện thêm vào giỏ hàng, mua hàng Quản lý đơn hàng và liên hệ khách hàng

Luồng sự kiện chính 1 Khách hàng chọn danh mục của địa điểm cần đặt hàng

2 Khách hàng xem chi tiết sản phẩm, thông tin chi tiết và tiến hành thêm vào giỏ hàng, mua hàng

3 Nhà bán hàng có thể thêm , sửa xoá sản phẩm mà họ muốn

4 Nhà hàng quản lý đơn hàng của khách hàng và liên hệ với khách hàng

5 Nhà bán hàng quản lý thông tin, thêm sửa xoá thông tin danh mục đó b) Đặc tả use case khách hàng

Use case Xem thông tin chi tiết sản phẩm , thiết bị của khách hang

Tác nhân Khách hàng (actor)

Hình 2.Biểu đồ use case khách hàng

20 c) Đặc tả use case nhà bán hàng

Mô tả chung Khách hàng muốn thực hiện thêm vào giỏ hàng, mua hàng Luồng sự kiện chính 1 Khách hàng chọn danh mục của địa điểm cần đặt hàng

2 Khách hàng xem chi tiết sản phẩm, thông tin chi tiết và tiến hành thêm vào giỏ hàng, mua hàng

3 Khách hàng có thể xem đơn hàng đā đặt và xem lịch sử đơn hàng đó

4 Khách hàng có thể chỉnh sửa thông tin cá nhân và có thể thay đổi mật khẩu

Hình 3 Biểu đồ use case nhà bán hàng

Use case Quản lý thông tin,sản phẩm của danh mục

Tác phẩm Nhà bán hàng (user)

Mô tả chung Quản lý đơn hàng và liên hệ khách hàng Luồng sự kiện chính 1 Nhà bán hàng có thể thêm , sửa xoá sản phẩm mà họ muốn

2 Nhà bán hàng quản lý đơn hàng của khách hàng và liên hệ với khách hàng

3 Nhà bán hàng quản lý thông tin, thêm sửa xoá thông tin danh mục đó

22 d) Đặc tả use case của Admin

Hình 4 Biểu đồ use case Admin

Mục 1 Cơ sở dữ liệu

Use case Quản lý thông tin khách hàng thêm nhà bán hàng quản lý nhà bán hàng

Tác phẩm Nhà bán hàng (user)đăng nhập đăng xuất

Quản lý nhà bán hàng và thông tin khách hàng cho phép admin thực hiện các thao tác như thêm, sửa và xóa tài khoản thông tin của nhà bán hàng theo nhu cầu.

2 Admin quản lý thông tin khách hàng

CHƯƠNG III KẾT QUẢ ĐẠT ĐƯỢC

A Một số giao diện trong website “bán thiết bị điện máy”

Mục 1 Giao diện trang chủ website

Hiển thị một vài địa điểm ở trang chính gồm có thông tin

 About o Thông tin về website

 Order o Hiển thị loại thiết bị điện máy…

 Partners o Hiển thị một số hãng

 Join us o Hiển thị nhưng link để người dùng liên hệ

 Contact o Người dùng có thể đóng góp ý kiến của mình cho website

Hình 5 Giao diện trang chủ web site khi người dùng chưa đăng nhập

Hình 6 Giao diện khi người dùng đăng ký tài khoản

Mục 2 Giao diện sản phẩm

Trang này hiển thị tất cả các sản phẩm

 Tủ lạnh (hiển thị sản phẩm tủ lạnh)

 Điều hòa (hiển thị sản phẩm về điều hòa)

 Máy giặt (hiển thị các sản phẩm về máy giặt)

Hình 7 Giao diện trang chủ sản phẩm và menu danh mục

Hình 7.1 Giao diện sản phẩm tủ lạnh

Hình 7.2 Giao diện sản phẩm điều hòa

Hình 7.3 Giao diện sản phẩm máy giặt

Mục 3 Giao diện chi tiết sản phẩm

 Hiện thị thông tin sản phẩm đó

 Hiển thị thiết bị có trong chi tiết sản phẩm đó gồm đơn giá, tên thiết bị ,thông tin thiết bị

 Hiển thị chức năng thêm vào giỏ hàng

 Hiển thị bình luận ,nút like,phản hồi

 Hiển thị sản phảm liên quan

Hình 8 giao diện chi tiết thiết bị điện máy

Mục 4 Giao diện giỏ hàng

Hình 9 Giao diện giỏ hàng

 Quản lý danh mục sản phẩm

 Quản lý quản lý người dùng

Hình 10 Giao diện quản trị viên

Hình 11 Giao diện quản lý người dùng

Hình 12 Giao diện quản lý danh mục

Hình 13 Giao diện quản lý sản phẩm

Hình 14 Giao diện quản lý phản hồi

Hình 15 Giao diện liên hệ gửi phản hồi của người dùng

Mục 6 GH Giao diện đăng nhập và đăng kí

Hình 16 Giao diện đăng nhập

Hình 17 Giao diện đăng kí

Giao diện trang chủ website