Đồ Án Tốt Nghiệp: Nghiên Cứu Xây Dựng Ứng Dụng Quản Lý Bán Hàng Trên Nền Tảng Spring

Đồ án tốt nghiệp nghiên cứu xây dựng ứng dụng quản lý bán hàng trên nền tảng Spring, giúp tối ưu hóa quy trình kinh doanh hiệu quả.

• Người hướng dẫn: Cô Nguyễn Thu Vân
• Trường học: Đại học Phương Đông
• Chuyên ngành: Công nghệ thông tin
• Đề tài: Xây Dựng Ứng Dụng Quản Lý Bán Hàng Trên Nền Tảng Spring
• Loại tài liệu: Đồ án tốt nghiệp
• Năm xuất bản: 2022
• Địa điểm: Hà Nội

Mục lục chi tiết

• LỜI NÓI ĐẦU
• 1. CHƯƠNG 1: TỔNG QUAN ĐỀ TÀI
• 1.1. Đặt vấn đề
• 1.2. Lý do chọn đề tài và mục đích của đề tài
• 1.3. Nhiệm vụ của đồ án
• 1.4. Hình thức mua hàng
• 1.5. Đối tượng và phạm vi nghiên cứu
• 1.6. Cấu trúc của báo cáo
• 2. CHƯƠNG 2: CƠ SỞ LÝ THUYẾT ĐỀ TÀI
• 2.1. Tổng quan về website
• 2.1.1. Khái niệm về website
• 2.1.2. Lịch sử ra đời của website
• 2.1.3. Cách thức hoạt động của website
• 2.2. Tìm hiểu về HTML, CSS, JS
• 2.2.1. HTML (HyperText Markup Language)
• 2.2.2. CSS (Cascading Style Sheet Language)
• 2.2.3. Bootstrap
• 2.2.4. JS (Javascript)
• 2.3. Ngôn ngữ lập trình Java
• 2.3.1. Lịch sử phát triển
• 2.3.2. Các đặc điểm cơ bản của ngôn ngữ lập trình Java
• 2.3.3. Các platform cơ bản của Java
• 2.3.4. Cài đặt và lập trình Java
• 2.3.5. Spring MVC Framework
• 2.4. Hệ quản trị cơ sở dữ liệu MySQL
• 2.5. Json web token
• 2.5.1. Json web token là gì?
• 2.5.2. Giải thích về ba thành phần của jwt token
• 3. CHƯƠNG 3: PHÂN TÍCH THIẾT KẾ HỆ THỐNG
• 3.1. Khảo sát người dùng
• 3.2. Khảo sát hệ thống Lazada
• 3.3. Tổng quan hệ thống
• 3.3.1. Giới thiệu về phần mềm
• 3.3.2. Quy trình nghiệp vụ của hệ thống
• 3.4. Đặc tả USE-CASE
• 3.4.1. Đăng nhập hệ thống
• 3.4.2. Tìm kiếm sản phẩm
• 3.4.3. Xem thông tin sản phẩm
• 3.4.4. Thêm giỏ hàng
• 3.4.5. Biểu đồ use-case
• 3.4.5.1. User -case tổng quan
• 3.4.5.2. User -case chi tiết hệ thống
• 3.4.6. Biểu đồ hoạt động
• 3.4.7. Biểu đồ tuần tự
• 3.4.8. Biểu đồ thành phần
• 3.4.9. Biểu đồ triển khai
• 4. CHƯƠNG 4: XÂY DỰNG VÀ CÀI ĐẶT HỆ THỐNG
• 4.1. Mô tả chức năng giao diện
• 4.1.1. Chức năng quản lý sản phẩm
• 4.1.2. Chức năng quản lý khách hàng
• 4.1.3. Chức năng quản lý đơn hàng
• 4.1.4. Chức năng thống kê
• 4.1.5. Chức năng trang chủ
• 4.1.6. Chức năng xem sản phẩm
• 4.1.7. Chức năng giỏ hàng
• 4.1.8. Chức năng yêu thích
• 4.1.9. Chức năng giỏ hàng
• 4.1.10. Chức năng đặt hàng
• 5. CHƯƠNG 5: KẾT LUẬN VÀ ĐỊNH HƯỚNG PHÁT TRIỂN
• 5.1. Tồn tại các hạn chế
• TÀI LIỆU THAM KHẢO

Tóm tắt

I. Tổng Quan Về Xây Dựng Ứng Dụng Quản Lý Bán Hàng Trên Nền Tảng Spring

Xây dựng ứng dụng quản lý bán hàng trên nền tảng Spring đang trở thành xu hướng quan trọng trong lĩnh vực thương mại điện tử. Nền tảng Spring cung cấp một framework mạnh mẽ cho việc phát triển ứng dụng, giúp tối ưu hóa quy trình quản lý bán hàng. Việc áp dụng công nghệ này không chỉ giúp tiết kiệm thời gian mà còn nâng cao hiệu quả kinh doanh.

1.1. Lý Do Chọn Nền Tảng Spring Để Phát Triển Ứng Dụng

Nền tảng Spring nổi bật với khả năng tích hợp linh hoạt và hỗ trợ phát triển ứng dụng nhanh chóng. Các tính năng như Spring MVC, Spring Security giúp bảo mật và quản lý người dùng hiệu quả.

1.2. Mục Đích Của Việc Xây Dựng Ứng Dụng Quản Lý Bán Hàng

Mục đích chính là tạo ra một hệ thống giúp người dùng dễ dàng quản lý sản phẩm, đơn hàng và khách hàng. Ứng dụng này sẽ giúp tối ưu hóa quy trình bán hàng và nâng cao trải nghiệm người dùng.

II. Những Thách Thức Trong Quản Lý Bán Hàng Trên Nền Tảng Spring

Mặc dù có nhiều lợi ích, việc xây dựng ứng dụng quản lý bán hàng trên nền tảng Spring cũng gặp phải một số thách thức. Các vấn đề như bảo mật thông tin, hiệu suất hệ thống và khả năng mở rộng là những yếu tố cần được xem xét kỹ lưỡng.

2.1. Vấn Đề Bảo Mật Trong Ứng Dụng Quản Lý Bán Hàng

Bảo mật thông tin khách hàng là ưu tiên hàng đầu. Việc sử dụng Spring Security để mã hóa và bảo vệ dữ liệu là rất cần thiết để đảm bảo an toàn cho người dùng.

2.2. Hiệu Suất Hệ Thống Khi Xử Lý Nhiều Đơn Hàng

Khi số lượng đơn hàng tăng lên, hiệu suất hệ thống có thể bị ảnh hưởng. Cần tối ưu hóa mã nguồn và cơ sở dữ liệu để đảm bảo hệ thống hoạt động mượt mà.

III. Phương Pháp Xây Dựng Ứng Dụng Quản Lý Bán Hàng Trên Nền Tảng Spring

Để xây dựng ứng dụng quản lý bán hàng hiệu quả, cần áp dụng các phương pháp phát triển phần mềm hiện đại. Việc sử dụng mô hình MVC và các công nghệ liên quan sẽ giúp tối ưu hóa quy trình phát triển.

3.1. Áp Dụng Mô Hình MVC Trong Phát Triển Ứng Dụng

Mô hình MVC giúp tách biệt các thành phần của ứng dụng, từ đó dễ dàng quản lý và bảo trì. Điều này cũng giúp cải thiện trải nghiệm người dùng.

3.2. Sử Dụng Công Nghệ Java Để Phát Triển Ứng Dụng

Java là ngôn ngữ lập trình mạnh mẽ, hỗ trợ phát triển ứng dụng đa nền tảng. Việc sử dụng Java kết hợp với Spring Framework giúp tăng cường tính bảo mật và hiệu suất.

IV. Ứng Dụng Thực Tiễn Của Ứng Dụng Quản Lý Bán Hàng

Ứng dụng quản lý bán hàng trên nền tảng Spring đã được triển khai thành công tại nhiều doanh nghiệp. Các kết quả đạt được cho thấy sự cải thiện rõ rệt trong quy trình bán hàng và quản lý khách hàng.

4.1. Kết Quả Nghiên Cứu Từ Các Doanh Nghiệp

Nhiều doanh nghiệp đã ghi nhận sự tăng trưởng doanh thu nhờ vào việc áp dụng ứng dụng quản lý bán hàng. Hệ thống giúp giảm thiểu thời gian xử lý đơn hàng và nâng cao sự hài lòng của khách hàng.

4.2. Các Tình Huống Thực Tế Khi Sử Dụng Ứng Dụng

Các tình huống thực tế cho thấy ứng dụng đã giúp doanh nghiệp quản lý hiệu quả hơn, từ việc theo dõi đơn hàng đến quản lý tồn kho.

V. Kết Luận Về Xây Dựng Ứng Dụng Quản Lý Bán Hàng Trên Nền Tảng Spring

Việc xây dựng ứng dụng quản lý bán hàng trên nền tảng Spring không chỉ mang lại lợi ích cho doanh nghiệp mà còn cải thiện trải nghiệm người dùng. Tương lai của ứng dụng này hứa hẹn sẽ còn phát triển mạnh mẽ hơn nữa.

5.1. Tương Lai Của Ứng Dụng Quản Lý Bán Hàng

Với sự phát triển không ngừng của công nghệ, ứng dụng quản lý bán hàng sẽ ngày càng hoàn thiện hơn, đáp ứng tốt hơn nhu cầu của người dùng.

5.2. Định Hướng Phát Triển Ứng Dụng Trong Tương Lai

Các tính năng mới như trí tuệ nhân tạo và phân tích dữ liệu sẽ được tích hợp vào ứng dụng, giúp nâng cao khả năng quản lý và dự đoán xu hướng thị trường.

Nội dung chính

Bối cảnh và vấn đề nghiên cứu

Sự phát triển của công nghệ thông tin đã tác động sâu rộng đến nhiều lĩnh vực trong đời sống kinh tế - xã hội, trong đó thương mại điện tử nổi lên như một phương thức giao dịch hiện đại giúp việc mua bán hàng hóa diễn ra nhanh chóng, chính xác và thuận tiện. Mua sắm trực tuyến giúp người tiêu dùng chủ động lựa chọn hàng hóa mà không bị giới hạn bởi không gian, thời gian hay khoảng cách địa lý, đồng thời giảm thiểu áp lực xếp hàng chờ đợi so với phương thức mua sắm truyền thống. Theo số liệu khảo sát toàn cầu từ Công ty Nielsen được tác giả trích dẫn trong văn bản, hơn 85% dân số trên thế giới đã sử dụng Internet để mua sắm hàng hóa, ghi nhận mức tăng 40% so với hai năm trước đó, và hơn 50% số người dùng Internet duy trì thói quen mua hàng trực tuyến thường xuyên.

Xuất phát từ bối cảnh thực tiễn đó, đồ án tốt nghiệp của tác giả tại Trường Đại học Phương Đông lựa chọn đề tài nghiên cứu và phát triển phần mềm quản lý bán hàng trực tuyến nhằm hỗ trợ cả người tiêu dùng lẫn đơn vị kinh doanh tối ưu hóa chi phí thuê mặt bằng, quản trị danh mục bài đăng và xử lý đơn hàng nhanh chóng thông qua các thiết bị có kết nối Internet.

Mục tiêu cụ thể của đồ án là xây dựng hoàn chỉnh ứng dụng quản lý bán hàng nông sản trực tuyến (Greeny shop) trên nền tảng Spring, phân tách rõ ràng thành hai phân hệ: cổng thông tin mua sắm dành cho người tiêu dùng và hệ thống quản trị dành cho người quản lý.

Nhiệm vụ nghiên cứu được văn bản phân định thành các nội dung cụ thể:

1. Tìm hiểu các mô hình thương mại điện tử và các mô hình quản lý bán hàng hiện hành.
2. Tìm hiểu cách thức vận hành của hệ thống website trên môi trường mạng Internet.
3. Nghiên cứu các công nghệ phần mềm liên quan để xây dựng website thương mại điện tử.
4. Xây dựng website bán hàng đáp ứng các chức năng nghiệp vụ:
   • Hiển thị và phân loại danh mục sản phẩm, xem thông tin chi tiết từng sản phẩm.
   • Tìm kiếm sản phẩm nhanh chóng theo tên và thương hiệu.
   • Đăng ký, đăng nhập và bảo mật thông tin tài khoản người dùng với Spring Security.
   • Thêm sản phẩm vào giỏ hàng, thiết lập danh sách sản phẩm yêu thích.
   • Xử lý đặt hàng và cung cấp hai phương thức thanh toán: thanh toán khi nhận hàng (Ship COD) và thanh toán trực tuyến qua cổng PayPal.
   • Gửi thư điện tử (email) tự động tương tác với khách hàng.
   • Quản lý dữ liệu quản trị: sản phẩm, thể loại sản phẩm, thông tin khách hàng.
   • Tiếp nhận, xử lý, xác nhận đơn hàng và trích xuất dữ liệu đơn hàng ra tệp Excel.
   • Thống kê doanh số và sản phẩm theo năm, theo tháng, theo từng mặt hàng và thể loại.

Đối tượng nghiên cứu của đồ án là nhóm khách hàng có nhu cầu giao dịch, mua sắm hàng hóa nông sản qua mạng Internet. Phạm vi nghiên cứu bao quát các khía cạnh kỹ thuật phần mềm bao gồm: quy trình mua hàng trực tuyến; cơ chế giao tiếp giữa trình duyệt và máy chủ web qua giao thức HTTP; lập trình ứng dụng bằng ngôn ngữ Java; ứng dụng Spring Framework (Spring Boot, Spring MVC, Spring Security); hệ quản trị cơ sở dữ liệu quan hệ MySQL; cơ chế xác thực phân quyền Stateless qua chuẩn JSON Web Token (JWT); thuật toán mã hóa mật khẩu BCrypt; mã hóa tệp dữ liệu sang Base64; và quy trình đóng gói, triển khai ứng dụng trên máy chủ ảo (VPS) trong môi trường thực tế.

Cơ sở lý thuyết và phương pháp

Văn bản hệ thống hóa các khái niệm nền tảng về hệ thống website, bắt đầu từ sự kiện Tim Berners-Lee khởi chạy trang web đầu tiên vào ngày 21/12/1990 tại CERN trên máy chủ NeXT với tên miền info.cern.ch, tiếp nối bởi sự ra đời của trình duyệt Mosaic (1993) và tổ chức W3C (1994). Tác giả phân tích mô hình truyền tải dữ liệu giữa máy khách và máy chủ web thông qua giao thức HTTP, đồng thời phân biệt hai mô hình website cơ bản:

Tiêu chí	Website tĩnh (Static Web)	Website động (Dynamic Web)
Công nghệ cấu thành	HTML, CSS, JavaScript thuần	HTML, CSS, JS kết hợp ngôn ngữ back-end (Java, PHP, ASP) và CSDL (MySQL, SQL Server)
Tính tương tác	Cố định, người dùng hầu như không thể tương tác dữ liệu	Tương tác hai chiều, nội dung thay đổi linh hoạt theo ngữ cảnh và người dùng
Quản trị nội dung	Khó nâng cấp, bảo trì; sửa trực tiếp trên mã nguồn	Có trang quản trị riêng (Admin panel), quản lý dữ liệu dễ dàng
Chi phí & Nhân lực	Chi phí thấp, không đòi hỏi nhân sự quản trị chuyên môn cao	Chi phí đầu tư cao hơn, yêu cầu nhân sự phát triển có trình độ chuyên môn
Ứng dụng phù hợp	Trang giới thiệu công ty, hồ sơ năng lực, giới thiệu sản phẩm tĩnh	Hệ thống bán hàng, cổng dịch vụ, tin tức, đào tạo trực tuyến

Về mặt công nghệ giao diện, nghiên cứu trình bày:

• HTML/HTML5: Ngôn ngữ đánh dấu siêu văn bản do W3C chuẩn hóa, phiên bản HTML5 (2014) bổ sung các thẻ đa phương tiện <audio>, <video>, <section>, <article>.
• CSS: Ngôn ngữ định dạng thành phần web dựa trên cấu trúc Selector, Property và Value qua hai phương thức nhúng Inline Styles và External Styles.
• Bootstrap: Framework do Mark Otto và Jacob Thornton phát triển tại Twitter, công bố mã nguồn mở năm 2011, hỗ trợ thiết kế giao diện chuẩn Responsive tương thích đa thiết bị.
• JavaScript (JS): Ngôn ngữ kịch bản ra đời năm 1995 bởi Brendan Eich (Netscape), chuẩn hóa thành ECMAScript, xử lý sự kiện tương tác phía Client và hỗ trợ kết nối phía Server.

Về nền tảng xử lý phía máy chủ (Back-end) và lưu trữ dữ liệu:

• Ngôn ngữ Java: Phát triển bởi James Gosling tại Sun Microsystems (1991), công bố năm 1995 và thuộc quyền sở hữu của Tập đoàn Oracle từ năm 2010. Ngôn ngữ hoạt động theo triết lý "Write Once, Run Anywhere" qua máy ảo JVM, hỗ trợ 12 đặc tính cốt lõi (Đơn giản, Hướng đối tượng, Độc lập nền tảng, Bảo mật, Kiến trúc trung lập, Khả chuyển, Hiệu suất cao, Đa luồng, Phân tán, Thông dịch...). Hệ sinh thái bao gồm JVM, Java API, JRE và JDK.
• Hệ sinh thái Spring: Framework do Rod Johnson khởi xướng năm 2002, cấp phép Apache 2.0 năm 2003. Khung ứng dụng phân chia thành các phân hệ chính: Spring Core, Spring Context, Spring AOP, Spring DAO, Spring ORM, Spring Web và Spring MVC.
• Spring Boot: Module cung cấp khả năng phát triển ứng dụng nhanh (RAD), tự động hóa cấu hình mà không cần tệp cấu hình XML, tích hợp sẵn máy chủ nhúng Tomcat/Jetty và quản lý thư viện phụ thuộc qua Apache Maven.
• Hệ quản trị cơ sở dữ liệu MySQL: RDBMS nguồn mở hoạt động theo mô hình Client - Server, khởi xướng năm 1994 bởi MySQL AB, chuyển giao qua Sun Microsystems (2008) và Oracle (2010), trải qua các phiên bản 5.5 (2010), 5.6 (2013), 5.7 (2015) và 8.0 (2019).
• Chuẩn JSON Web Token (JWT): Chuẩn mở RFC 7519 phục vụ trao đổi thông tin và xác thực phi trạng thái (Stateless Authentication). Chuỗi token gồm 3 phần ngăn cách bởi dấu chấm: Header (thuật toán HS256/RSA, loại token JWT), Payload (chứa các Reserved claims như iss, iat, exp, sub, aud, jti, Public claims và Private claims) và Chữ ký số (Signature) được tạo qua hàm băm HMACSHA256(base64UrlEncode(header) + "." + base64UrlEncode(payload), secret).

Phương pháp nghiên cứu thực tế bao gồm phương pháp khảo sát thực tế và phân tích thiết kế hệ thống phần mềm:

• Phương pháp khảo sát: Tác giả tiến hành thu thập ý kiến người dùng về các yêu cầu thiết yếu khi mua hàng trực tuyến (tài khoản, kiểm tra đơn hàng, lọc sản phẩm, chăm sóc khách hàng). Đồng thời, tác giả khảo sát điển hình hệ thống sàn thương mại điện tử Lazada.vn (hoạt động tại Việt Nam từ năm 2012) để rút ra các chức năng chuẩn mực về trải nghiệm mua hàng, phân cấp ngành hàng và các hình thức thanh toán trực tuyến.
• Phương pháp mô hình hóa hướng đối tượng (UML): Sử dụng các sơ đồ chuẩn để mô hình hóa yêu cầu và cấu trúc hệ thống: Sơ đồ ca sử dụng (Use-case Diagram), Sơ đồ hoạt động (Activity Diagram), Sơ đồ tuần tự (Sequence Diagram), Sơ đồ thành phần (Component Diagram) và Sơ đồ triển khai (Deployment Diagram).

Thiết kế và triển khai

Hệ thống được thiết kế theo mô hình kiến trúc Model - View - Controller (MVC), phân tách độc lập các tầng xử lý nghiệp vụ, giao diện và truy xuất dữ liệu:

• Model: Quản lý trạng thái dữ liệu, thực hiện các thao tác logic nghiệp vụ và tương tác với cơ sở dữ liệu MySQL thông qua tầng dịch vụ (Service) và đối tượng truy cập dữ liệu (DAO).
• View: Tiếp nhận dữ liệu được chuyển giao từ Model để biểu diễn trực quan cho người dùng qua các trang HTML/JSP kết hợp định dạng CSS và Bootstrap.
• Controller: Tiếp nhận các yêu cầu gửi đến từ máy khách, điều hướng luồng xử lý tới các lớp dịch vụ nghiệp vụ tương ứng và chỉ định khuôn mẫu hiển thị (View) trả về.

Luồng điều phối xử lý trong Spring MVC vận hành xoay quanh thành phần trung tâm DispatcherServlet:

1. Khi máy khách gửi một HTTP Request, DispatcherServlet tiếp nhận và tra cứu HandlerMapping để xác định Controller phù hợp.
2. HandlerMapping ánh xạ yêu cầu tới phương thức xử lý trong Controller. Controller thực thi logic thông qua các lớp Service, xử lý dữ liệu và gửi tên View đại diện kèm Model về cho DispatcherServlet.
3. DispatcherServlet sử dụng bộ giải quyết giao diện ViewResolver để định vị tệp giao diện cụ thể.
4. Khi quá trình phân giải hoàn tất, DispatcherServlet truyền tải Model vào View để kết xuất giao diện hoàn chỉnh gửi về trình duyệt của người dùng.

Hạ tầng bảo mật và phân quyền được thiết lập trên nền tảng Spring Security:

• Quá trình xác thực (Authentication) và cấp quyền (Authorization) quản lý qua các giao diện cốt lõi: SecurityContext, UserDetails, UserDetailsService và tập hợp đối tượng quyền hạn GrantedAuthority (gán định danh tiền tố chuẩn như ROLE_ADMIN, ROLE_MEMBER).
• Cơ chế xác thực người dùng triển khai theo mô hình Stateless bằng JWT. Sau khi đăng nhập thành công, máy chủ phát hành token JWT về trình duyệt; các yêu cầu truy cập tài nguyên bảo mật tiếp theo bắt buộc đính kèm chuỗi mã trong tiêu đề HTTP Authorization: Bearer <token>.
• Mật khẩu người dùng được bảo vệ bằng thuật toán mã hóa một chiều BCrypt. Các tệp tin hình ảnh tải lên được mã hóa và lưu trữ dưới dạng chuỗi Base64.

Môi trường công nghệ thực tế của đồ án:

• Ngôn ngữ lập trình: Java (JDK).
• Khung phát triển ứng dụng: Spring Framework, Spring Boot, Spring MVC, Spring Security.
• Cơ sở dữ liệu: Hệ quản trị cơ sở dữ liệu quan hệ MySQL.
• Công nghệ phụ trợ: Thư viện giao diện Bootstrap, giao thức gửi email tương tác JavaMail, cổng thanh toán trực tuyến PayPal, thư viện xuất dữ liệu báo cáo sang Microsoft Excel.
• Hạ tầng triển khai: Ứng dụng được đóng gói qua công cụ quản lý dự án Maven và đưa lên vận hành thử nghiệm trên máy chủ ảo cá nhân (VPS).

Nội dung chính theo từng chương

Chương 1: Tổng quan đề tài

Chương mở đầu tập trung trình bày bối cảnh chuyển dịch từ thương mại truyền thống sang thương mại điện tử, trích dẫn dữ liệu thống kê từ Công ty Nielsen về tỷ lệ người dùng Internet mua sắm thường xuyên trên toàn cầu. Tác giả phân tích tính cấp thiết của việc xây dựng phần mềm quản lý bán hàng nhằm giúp tiết kiệm chi phí mặt bằng và nâng cao hiệu quả quản trị đơn hàng. Chương này xác định rõ mục đích nghiên cứu, danh mục 4 nhiệm vụ tìm hiểu lý thuyết cùng 15 chức năng thành phần của phần mềm Greeny shop, phân tích ưu nhược điểm của hình thức mua sắm trực tuyến, xác định đối tượng nghiên cứu là khách hàng mua sắm qua mạng, xác định phạm vi công nghệ và công bố kết cấu tài liệu báo cáo gồm 5 chương.

Chương 2: Cơ sở lý thuyết đề tài

Chương 2 cung cấp toàn bộ nền tảng lý luận kỹ thuật của đồ án. Tác giả phân tích lịch sử ra đời và cách thức hoạt động của website thông qua giao thức HTTP; so sánh chi tiết ưu nhược điểm giữa website tĩnh và website động. Nội dung chương trình bày chi tiết các công nghệ phát triển phía máy khách gồm HTML (từ định dạng XML đến bản cập nhật HTML5 năm 2014), cấu trúc thành phần và phương pháp nhúng CSS, thư viện giao diện đáp ứng Bootstrap ra đời năm 2011, cùng các đặc tính cú pháp và cơ chế thực thi của JavaScript.

Về công nghệ phía máy chủ, chương làm rõ lịch sử phát triển của ngôn ngữ Java từ dự án Oak năm 1991 đến các bản phát hành của Oracle, giải thích 12 đặc tính kỹ thuật cùng kiến trúc các nền tảng JVM, Java API, JRE, JDK. Tác giả phân tích cấu trúc các module của Spring Framework xuất bản năm 2003, nguyên lý phân tầng và luồng điều phối của Spring MVC qua DispatcherServlet, các ưu thế phát triển ứng dụng nhanh (RAD) của Spring Boot, kiến trúc xác thực của Spring Security, cùng lịch sử và cơ chế truy vấn Client - Server của hệ quản trị CSDL MySQL từ phiên bản 5.5 đến 8.0. Cuối chương, văn bản phân tích chi tiết chuẩn JSON Web Token (RFC 7519), giải thích cấu trúc ba phần (Header, Payload, Signature), các loại Claims và cơ chế Stateless Authentication sử dụng Bearer schema.

Chương 3: Phân tích thiết kế hệ thống

Chương 3 trình bày các kết quả khảo sát thực tế và chuyển hóa thành thiết kế kỹ thuật:

• Khảo sát thực tiễn: Tổng hợp yêu cầu thực tế của người dùng trực tuyến và phân tích chi tiết mô hình sàn Lazada.vn (phương thức mua, danh mục ngành hàng, hỗ trợ 3 hình thức thanh toán gồm thẻ ngân hàng, ví MoMo, COD và chính sách mã giảm giá).
• Mô hình hóa tác nhân: Hệ thống phần mềm bán hàng Greeny shop xác định ba tác nhân tham gia: Khách ghé thăm (guest), Người dùng có tài khoản (user) và Quản trị viên (admin). Bảng phân quyền nghiệp vụ quy định cụ thể:

Tác nhân	Các chức năng nghiệp vụ được phép thực hiện
Khách thăm (Guest)	Đăng ký thành viên, xem danh mục sản phẩm, tìm kiếm sản phẩm, thêm sản phẩm vào giỏ hàng
Người dùng (User)	Đầy đủ quyền của Guest; đăng nhập, đổi mật khẩu, đăng xuất, lưu sản phẩm ưa thích, xem giỏ hàng, thực hiện đặt hàng
Quản trị viên (Admin)	Kế thừa toàn bộ quyền của User; quản lý danh mục sản phẩm, quản lý thể loại, quản lý tài khoản khách hàng, quản lý đơn đặt hàng, xem báo cáo thống kê

• Đặc tả ca sử dụng (Use-case): Văn bản xây dựng tài liệu đặc tả chi tiết cho các ca sử dụng chính:
  • Đăng ký: Khách điền biểu mẫu, hệ thống kiểm tra tính hợp lệ, lưu thông tin vào danh mục khách hàng và chuyển tác nhân thành User.
  • Đăng nhập: Tiếp nhận thông tin từ User/Admin, kiểm tra tên đăng nhập và mật khẩu, gửi mã OTP để xác thực; xây dựng luồng rẽ nhánh A1 xử lý trường hợp xác thực thất bại (thông báo lỗi, cho phép thử lại, đăng ký mới hoặc khôi phục mật khẩu).
  • Tìm kiếm sản phẩm: Cho phép tìm kiếm theo hai tiêu chí độc lập là theo tên sản phẩm hoặc theo thương hiệu.
  • Xem thông tin sản phẩm: Hiển thị thông số chi tiết của sản phẩm được chọn từ cửa hàng.
  • Thêm giỏ hàng: Lưu trữ thông tin sản phẩm đã chọn vào giỏ hàng cho cả người dùng đã đăng nhập hoặc chưa đăng nhập.
• Hệ thống sơ đồ thiết kế: Xây dựng biểu đồ ca sử dụng tổng quan và chi tiết; 7 sơ đồ hoạt động (Đăng ký, Đăng nhập, Xem sản phẩm, Đặt hàng ship COD, Đặt hàng PayPal, Xác nhận đơn hàng); sơ đồ tuần tự cho chức năng đăng ký; sơ đồ thành phần và sơ đồ triển khai hệ thống.

Chương 4: Xây dựng và cài đặt hệ thống

Chương 4 mô tả quá trình hiện thực hóa các chức năng trên giao diện phần mềm:

• Phân hệ Quản trị (Admin): Thiết kế giao diện và xử lý logic cho các chức năng quản lý danh mục sản phẩm (thêm, sửa, xóa, tìm kiếm), quản lý hồ sơ khách hàng, quản lý quy trình xét duyệt đơn đặt hàng, chức năng trích xuất đơn hàng ra tệp Excel và các biểu đồ thống kê doanh số theo năm, theo tháng, theo từng sản phẩm và thể loại sản phẩm.
• Phân hệ Bán hàng (Client): Triển khai giao diện trang chủ, trang hiển thị chi tiết sản phẩm, chức năng quản lý giỏ hàng, chức năng lưu sản phẩm vào danh mục ưa thích, giao diện đặt hàng tích hợp thanh toán nhận hàng (COD) và thanh toán trực tuyến qua cổng PayPal.
• Cài đặt hệ thống: Báo cáo việc thiết lập môi trường phát triển, biên dịch mã nguồn với Apache Maven và vận hành thử nghiệm trên máy chủ ảo VPS.

Chương 5: Kết luận và định hướng phát triển

Chương tổng kết đánh giá toàn diện các mục tiêu nghiên cứu đã đề ra, khẳng định việc hoàn thành xây dựng ứng dụng quản lý bán hàng trực tuyến với đầy đủ các phân hệ nghiệp vụ, đồng thời ghi nhận các tồn tại, hạn chế kỹ thuật phát sinh trong quá trình triển khai thực nghiệm để đề xuất các định hướng nâng cấp phần mềm.

Kết quả và đóng góp

Đồ án ghi nhận các kết quả cụ thể đã hiện thực hóa được trong văn bản:

• Xây dựng hoàn chỉnh phần mềm quản lý bán hàng nông sản trực tuyến (Greeny shop) trên nền tảng Spring, phân định rõ ràng cổng bán hàng cho người tiêu dùng và hệ thống quản trị nội bộ cho người quản lý.
• Tích hợp thành công cơ chế bảo mật kết hợp giữa Spring Security và JSON Web Token (JWT) theo chuẩn RFC 7519, thực hiện xác thực Stateless qua tiêu đề Authorization: Bearer <token>, bảo vệ mật khẩu bằng giải thuật BCrypt và xử lý tệp dữ liệu qua định dạng Base64.
• Triển khai thành công quy trình thanh toán đa phương thức, hỗ trợ đồng thời hình thức thanh toán khi nhận hàng (Ship COD) và tích hợp cổng thanh toán trực tuyến quốc tế PayPal.
• Cung cấp các tiện ích quản trị phụ trợ gồm: module gửi thư điện tử tự động tương tác với khách hàng, module kết xuất báo cáo danh sách đơn hàng sang định dạng Microsoft Excel, và hệ thống báo cáo thống kê theo các chiều thời gian (năm, tháng) và chủng loại sản phẩm.

Về mặt đóng góp giải pháp kỹ thuật, tác giả tự nêu việc ứng dụng khung phát triển Spring Boot giúp đơn giản hóa cấu hình hệ thống phần mềm doanh nghiệp, loại bỏ hoàn toàn các tệp cấu hình XML phức tạp truyền thống, đồng thời tích hợp máy chủ nhúng phục vụ quá trình triển khai nhanh (RAD). Đồ án cung cấp một tài liệu thiết kế hệ thống chi tiết từ khâu khảo sát thực tế (người dùng và sàn Lazada) đến việc chuẩn hóa quy trình nghiệp vụ bằng hệ thống sơ đồ UML (Use-case, Activity, Sequence, Component, Deployment) có tính ứng dụng thực tiễn trong ngành kỹ thuật phần mềm.

Hạn chế và hướng nghiên cứu tiếp

Về mặt hạn chế, văn bản ghi nhận các tồn tại nảy sinh trong quá trình nghiên cứu và cài đặt:

• Hệ thống cơ sở dữ liệu MySQL hoạt động trên mô hình máy chủ đơn lẻ; khi khối lượng bản ghi gia tăng đột biến, hiệu năng truy xuất dữ liệu sẽ gặp trở ngại nếu chưa được áp dụng các biện pháp tối ưu hóa chuyên sâu như phân vùng tải (sharding), đánh chỉ mục chuyên biệt hoặc tạo bộ đệm (Cache MySQL).
• Một số quy tắc nghiệp vụ còn chịu sự ràng buộc cố định trong cấu trúc cơ sở dữ liệu, gây khó khăn nhất định cho việc can thiệp linh hoạt của lập trình viên.
• Chức năng tương tác và hỗ trợ khách hàng chưa tích hợp kênh giao tiếp trò chuyện trực tiếp (live chat) như các sàn thương mại điện tử chuyên nghiệp mà đồ án đã khảo sát.

Hướng phát triển tiếp theo được tác giả định hướng dựa trên phạm vi nghiên cứu:

• Nghiên cứu áp dụng các giải pháp mở rộng quy mô cơ sở dữ liệu, thiết lập cơ chế cân bằng tải và bộ nhớ đệm để đáp ứng lưu lượng truy cập lớn.
• Bổ sung phân hệ trò chuyện trực tiếp (chat realtime) giữa người mua và bộ phận chăm sóc khách hàng.
• Nâng cấp giao diện người dùng và hoàn thiện các thuật toán gợi ý sản phẩm dựa trên lịch sử mua sắm của khách hàng.

Giá trị tham khảo

Đồ án là tài liệu tham khảo có giá trị học thuật và thực tiễn cho sinh viên chuyên ngành Công nghệ thông tin, Kỹ thuật phần mềm và Hệ thống thông tin quản lý khi thực hiện đồ án tốt nghiệp hoặc xây dựng các hệ thống thương mại điện tử trên nền tảng Java.

Các nội dung có giá trị tham khảo chuyên sâu bao gồm:

1. Quy trình phân tích thiết kế hệ thống: Phương pháp khảo sát người dùng thực tế kết hợp phân tích đối thủ cạnh tranh (Lazada.vn) để xác định danh mục chức năng; bộ tài liệu đặc tả ca sử dụng chi tiết (bao gồm cả các luồng sự kiện rẽ nhánh và kiểm tra lỗi).
2. Kiến trúc bảo mật hiện đại: Cách thức tích hợp Spring Security với chuẩn JSON Web Token (JWT) theo kiến trúc phi trạng thái (Stateless), phục vụ việc phân quyền truy cập thông qua các Role chuẩn (ROLE_ADMIN, ROLE_MEMBER).
3. Mô hình lập trình Web MVC với Spring Boot: Cấu trúc tổ chức mã nguồn chuẩn của một dự án Spring Boot phát triển bằng công cụ quản lý Maven, cách thức cấu hình và tích hợp các cổng thanh toán (PayPal) và thư viện phụ trợ (Apache POI, JavaMail).

Câu hỏi thường gặp

1. Khảo sát của Công ty Nielsen được đồ án trích dẫn ghi nhận những dữ liệu thực tế nào về thị trường mua sắm trực tuyến?
Khảo sát toàn cầu của Công ty Nielsen được trích dẫn ở Chương 1 chỉ ra rằng hơn 85% dân số trên thế giới đã sử dụng mạng Internet để mua hàng, ghi nhận mức tăng trưởng 40% so với hai năm trước đó; đồng thời có hơn một nửa số người dùng Internet duy trì việc mua sắm trực tuyến một cách thường xuyên.

2. Hệ thống Greeny shop phân chia các tác nhân người dùng như thế nào và mỗi tác nhân có quyền hạn gì?
Hệ thống phân chia thành 3 tác nhân chính:

• Guest (Khách thăm): Xem sản phẩm, tìm kiếm, đăng ký tài khoản, thêm hàng vào giỏ.
• User (Khách có tài khoản): Kế thừa toàn bộ quyền của Guest; được phép đăng nhập, đổi mật khẩu, đăng xuất, lưu sản phẩm ưa thích, xem giỏ hàng và thực hiện quy trình đặt hàng.
• Admin (Quản trị viên): Kế thừa toàn bộ quyền của User; phụ trách quản lý dữ liệu sản phẩm, thể loại, thông tin khách hàng, xử lý đơn đặt hàng và xem báo cáo thống kê doanh số.

3. Đồ án áp dụng những phương thức thanh toán và cơ chế bảo mật nào cho người dùng?
Hệ thống cung cấp hai phương thức thanh toán: thanh toán khi nhận hàng (Ship COD) và thanh toán trực tuyến qua cổng thanh toán quốc tế PayPal. Về bảo mật, đồ án sử dụng Spring Security kết hợp chuẩn JSON Web Token (JWT) để xác thực người dùng theo cơ chế phi trạng thái qua Bearer token, mã hóa mật khẩu tài khoản bằng thuật toán BCrypt và mã hóa tệp dữ liệu lưu trữ sang chuỗi Base64.

4. Cấu trúc của JSON Web Token (JWT) được đồ án giải thích bao gồm những thành phần cụ thể nào?
Theo chuẩn RFC 7519 được đồ án trình bày, chuỗi JWT gồm 3 phần được phân tách bằng dấu chấm (.):

• Header: Chứa loại token (typ: JWT) và thuật toán ký mã hóa (alg, ví dụ HS256 hoặc RSA).
• Payload: Chứa các biểu thức claims về thực thể, bao gồm Reserved claims (iss, iat, exp, sub, aud, jti), Public claims và Private claims.
• Signature: Chữ ký số tạo bởi công thức HMACSHA256(base64UrlEncode(header) + "." + base64UrlEncode(payload), secret) dùng để kiểm tra tính toàn vẹn của dữ liệu truyền tải.

5. Luồng điều phối một yêu cầu HTTP Request trong Spring MVC diễn ra qua các bước kỹ thuật nào?
Luồng xử lý diễn ra theo trình tự 4 bước: (1) DispatcherServlet tiếp nhận HTTP Request và chỉ định HandlerMapping xử lý; (2) HandlerMapping ánh xạ yêu cầu tới Controller thích hợp để gọi Service thực thi logic nghiệp vụ và trả về tên View; (3) DispatcherServlet thông qua ViewResolver để định vị chính xác View cần hiển thị; (4) DispatcherServlet chuyển Model dữ liệu tới View đó để kết xuất (render) nội dung trả về cho trình duyệt.

Kết luận

Đồ án tốt nghiệp "Nghiên cứu xây dựng ứng dụng quản lý bán hàng trên nền tảng Spring" của sinh viên Khoa Công nghệ thông tin và truyền thông, Trường Đại học Phương Đông đã giải quyết trọn vẹn bài toán xây dựng một ứng dụng thương mại điện tử chuyên ngành nông sản hoàn chỉnh. Tác giả đã hệ thống hóa đầy đủ cơ sở lý thuyết về công nghệ web, ngôn ngữ Java, hệ sinh thái Spring Boot, hệ quản trị MySQL và chuẩn bảo mật JWT. Toàn bộ quy trình phân tích thiết kế hệ thống được mô hình hóa chặt chẽ bằng chuẩn UML, kết hợp với việc cài đặt thực nghiệm các chức năng quản trị và bán hàng đa kênh trên môi trường máy chủ thực tế.

Trích đoạn nội dung tài liệu

Chương 1: Tổng quan về đề tài - Đưa ra các vấn đề, hiện trang và lý do chọn đề tài. - Phân tích được các hình thức mua hàng online mang lại những hiệu quả tốt cho người dùng. - Cấu trúc của báo cáo project.  Chương 2: Tìm hiểu công nghệ - Đưa ra các công nghệ chính được sử dụng trong project cũng như phân tích các ưu điểm, nhược điểm của công nghệ đó.

 Chương 3: Phân tích và thiết kế hệ thống - Nội dung của chương này tập chung vào việc phân tích, đánh giá để đưa ra luồng hoạt động của hệ thống thông qua chức năng của các biểu đồ use case, activity diagram, sequence diagram. - Thiết kế database sử dụng cho phát triển hệ thống.  Chương 4: Xây dựng và cài đặt hệ thống - Chương này nói về công cụ phát triển sản phẩm, các chức năng chính mà hệ thống đã xây dựng được và chạy thử nghiệm trên môi trường thực tế.  Chương 5: Kết luận - Phân tích các kết quả đạt được và chưa đạt được sau khi nghiên cứu và phát triển hệ thống, định hướng phát triển.

CHƯƠNG 2 CƠ SỞ LÝ THUYẾT ĐỀ TÀI 2.1 Tổng quan về website 2.1 Khái niệm về website “Website” là một tập hợp các trang thông tin có chứa nội dung dạng văn bản, chữ số, âm thanh, hình ảnh, video…được lưu trữ trên máy chủ web server và có thể truy cập được từ xa. Trang web (web page) là khái niệm dùng để chỉ một trang cụ thể nào đó của website, đây là một tài liệu được hiển thị trực tiếp trên trình duyệt như Firefox, Google Chrome. một website sẽ có nhiều trang web con.2 Lịch sử ra đời của website Website được chuyên gia phần mềm người Anh Tim Berners-Lee khởi chạy thành công vào ngày 21/12/1990 tại cơ sở của CERN nằm ở dãy núi Alps Thụy Sĩ.1 Hình ảnh cha đẻ của website Website đầu tiên được Tim Berners-Lee chạy với tên miền là: info.ch chạy trên một máy chủ NeXT của CERN, hiện nay website này vẫn đang còn tồn tại và hoạt động. Nội dung của trang web cung cấp các thông tin về world wide web, nền tảng cơ bản của Internet, nơi các văn bản và các trang tên Internet có thể truy cập được thông qua các URL (Uniform Resource Locator) và kết nối với nhau thông qua các siêu liên kết.

12 Đến năm 1993 khi trình duyệt Mosaic dành cho nền tảng Unix và Windows ra đời thì website mới trở nên phát triển mạnh mẽ và phổ biến hơn. Năm 1994 Berners-Lee thành lập tổ chức World Wide Web (W3C) tại học viện công nghệ MIT của Mỹ, W3C sẽ chịu trách nhiệm để tạo ra những tiêu chuẩn cho các trang web, đảm bảo rằng các trang web hoạt động theo cùng tiêu chuẩn đó.3 Cách thức hoạt động của website Một website gồm nhiều web page như chúng ta đã đề cập ở trên, đó là các tập tin html hoặc xhtml được lưu trữ tại máy chủ web server, thông tin trên đó có nhiều dạng như văn bản, âm thanh, hình ảnh, video… Các máy tính ở những nơi khác nhau sử dụng trình duyệt để gửi thông tin request lên cho máy chủ thông qua đường truyền Internet, máy chủ web server sẽ trả về thông tin cho máy khách phía người dùngvà hiển thị lên trình duyệt. Các thông tin máy chủ webserver trả về được hiển thị lại đúng với các yêu cầu request của người dùng gửi lên. Giao thức hoạt động chính của website là HTTP dùng để gửi và nhận gói tin giữa máy chủ webserver và máy khách client.

Để website hoạt động được trên môi trường Internet thì cần phải có các thành phần chính:  Source code (Mã nguồn): phần này thường do các lập trình viên thiết kế và triển khai, source code sẽ là nơi quy định cách thức hoạt động cũng như vận hành của website.  Web hosting (Lưu trữ web): nơi dùng để lưu trữ Source code, để website có thể chạy được trên môi trường thực tế.  Domain (Tên miền): địa chỉ của website để các máy tính ở các nơi khác truy cập vào. Là tên mà mọi người gõ trên trình duyệt, do tên miền đã được trỏ về địa chỉ webserver nên trình duyệt sẽ gửi yêu cầu lên webserver.

Nếu không có tên miền thì chúng ta phải nhớ chính xác địa chỉ của webserver thì mới truy cập được. Nói cách khác tên miền giống như địa chỉ ngôi nhà, dựa vào địa chỉ có thể tìm thấy được ngôi nhà của bạn. Để có thể truy cập vào một website thì chắc chắn phải cần đến đường truyền Internet, Internet giúp ta gửi và nhận thông tin giữa máy tính và webserver, là cầu nối để tìm kiếm thông tin và hoạt động trên môi trường Internet. Phân loại website: được chia thành 2 loại  Website tĩnh (Static web) 13  Website động (Dynamic web) Website tĩnh là website sử dụng ngôn ngữ đánh dấu siêu văn bản HTML cùng với CSS và JavaScript để hiển thị thông tin.

Sau khi tải các thông tin cần thiết từ webserver về, trình duyệt sẽ biên dịch mã và hiển thị nội dung trang web, người dung hầu như không thể tương tác được với trang web chỉ có thể hiển thị các thông tin cố định. Website tĩnh thường không có sự tương tác với người dung nên thường được sử dụng để làm website giới thiệu công ty, giới thiệu sản phẩm… Ưu điểm của website tĩnh  Tốc độ truy cập nhanh.  Giá thành sản phẩm rẻ hơn, chi phí đầu tư thấp,  Không cần người có kinh nghiệm quản trị, nội dung ít bị thay đổi Nhược điểm: Khó quản lí, nâng cấp, bảo trì. Website động là website ngoài sử dụng HTML, CSS, JavaScript thì còn sử dụng thêm một ngôn ngữ lập trình phía back-end như Java, PHP, ASP.

và hệ quản trị cơ sở dữ liệu như MySQL, SQL Server, MongoDB. Nội dung website có thể thay đổi dễ dàng, có tính tương tác với người dùng. Ưu điểm của website động:  Có tính tương tác với người dùng.  Có trang quản lí, dễ dàng thay đổi thông tin, quản trị nội dung.

 Có thể xây dựng được hệ thống website lớn.  Dễ dàng nâng cấp, bảo trì. Nhược điểm: Chi phí xây dựng website cao, cần những người có chuyên môn cao. Website động thích hợp làm cho các hệ thống quản lí bán hàng, quản lí dịch vụ, website học tập, tin tức.2 Tìm hiểu về HTML, CSS, JS 2.1 HTML (HyperText Markup Language) Là ngôn ngữ đánh dấu siêu văn bản được phát hành vào năm 1999, dùng để định dạng bố cục của trang web, các thuộc tính liên quan đến cách hiển thị của một đoạn text và được hiển thị trên browser, browser sẽ biên dịch HTML và hiển thị lên cho người dùng.

HTML là một định dạng đặc biệt của XML nên có cú pháp:<tagname> </tagname>. Bố cục của một website gồm rất nhiểu thẻ khác nhau, mỗi thẻ có một nhiệm vụ nhất định của nó. Các thẻ chính như: <p>, <h1>, <img>. HTML đóng vai trò rất quan trọng trong việc xây dựng website, xây dựng cấu trúc siêu văn bản trên một website, hoặc khai báo các tập tin kĩ thuật số, hình ảnh, video, âm thanh.

HTML là một tập tin siêu văn bản nên ta có thể dùng các chương trình soạn thảo văn bản như NotePad, trình editor Visual Studio Code, SublimeText. để lập trình và phát triển. Các phiên bản HTML: HTML5 được phát hành mới nhất vào năm 2014, so với HTML thì HTML5 hỗ trợ thêm các tính năng quan trọng như: khả năng hỗ trợ video và audio, lập trình viên có thể nhúng trực tiếp file video/audio vào trang web thông qua các cặp thẻ <audio> và <video>. HTML5 hỗ trợ thêm nhiều thẻ định dạng khác nhau như <section>, <article>.

các định dạng như: email, url, ngày/giờ. Ưu điểm của HTML:  Có nhiều tài nguyên hỗ trợ và cộng đồng lập trình lớn.  Có thể hoạt động trên tất cả các trình duyệt hiện nay.  Các markup sử dụng trong HTML thường ngắn gọn, có độ đồng nhất cao.

 Đây là mã nguồn mở, hoàn toàn miễn phí, là chuẩn web được quy định bởi W3C.  Dễ dàng tích hợp được với các loại ngôn ngữ back-end như Java, PHP, Node. Nhược điểm của HTML:  Khó kiểm soát cách đọc và hiển thị file của các trình duyệt cũ, không render được các tagname mới  Một vài trình duyệt chậm cập nhật hỗ trợ các tính năng mới của HTML5 15 2.2 CSS (Cascading Style Sheet Language) CSS dùng để định dạng lại phần tử của trang web được tạo ra bởi HTML. Phương thức hoạt động của CSS là nó sẽ tìm dựa vào các vùng chọn có thể là tên một thẻ HTML, tên một ID, class, sau đó sẽ áp dụng các thuộc tính cần thay đổi lên vùng chọn đó.

Cấu trúc cơ bản của một thành phần CSS Hình 2.2 Cấu trúc của một thành phần CSS Selector: là thành phần nhận biết thẻ HTML để định dạng Property: là các thuộc tính của thẻ HTML Value: là giá trị của thuộc tính, quyết định thay đổi định dạng thẻ như thế nào. Cách nhúng CSS vào website:  Inline Styles: Nhúng trực tiếp vào tài liệu HTML thông qua cặp thẻ <style></style>  External Styles: Tạo một tập tin .css riêng biệt và nhúng vào tài liệu HTML thông qua thẻ <link> Với việc áp dụng CSS trong thiết kế giao diện website giúp chúng ta có thể định dạng các phần tử giống theo ý muốn của mình từ đó tạo ra các trang web sinh động, phong phú hơn. CSS là một thành phần không thể thiếu được đối với mỗi website, làm cho trang web đẹp hơn, phù hợp với yêu cầu khách hàng.3 Bootstrap Là sản phẩm của Mark Otto và Jacob Thornton tại Twitter, được xuất bản như một mã nguồn mở vào ngày 19/8/2011 trên GitHub. 16 Bootstrap là một framework bao gồm các thẻ HTML, CSS và Javascript template dùng để phát triển website chuẩn responsive (phù hợp với nhiều kích thước màn hình).

Người dùng có thể dễ dàng thiết kế website theo một chuẩn nhất định đã được đề ra, tạo ra các website phù hợp với kích thước màn hình như máy tính, ipad, mobile. Bootstrap giúp cho quá trình thiết kế websiste nhanh chóng hơn dựa trên những thành phần sẵn có như button, table, navigation. nó chứa tập tin html, css, js đã được biên dịch và nén lại, tái sử dụng một cách dễ dàng. Những ưu điểm mà Bootstrap mang lại:  Rất dễ sử dụng: nó được xây dựng trên HTML, CSS và JS chỉ cần có kiến thức cơ bản về 3 thành phần này có thể sử dụng được framework này.

 Bootstrap xây dựng sẵn responsive css trên các thiết bị mobile, desktop. Tính năng này khiến cho người dùng tiết kiệm được rất nhiều thời gian trong việc tạo ra các website phù hợp với kích thước màn hình  Tương thích với các trình duyệt: nó tương thích với tất các các trình duyệt hiện nay như: Chrome, Firefox, Internet Explorer, Safari.