Báo cáo đồ án tốt nghiệp xây dựng website bán điện thoại FPT Polytechnic

Trọn bộ báo cáo đồ án tốt nghiệp website bán điện thoại FPT Polytechnic 2022. Tài liệu phân tích thiết kế hệ thống và mã nguồn chi tiết.

• Tác giả: Đoàn Văn Long
• Người hướng dẫn: Nguyễn Trần Nhật Kha
• Trường học: Cao đẳng FPT Polytechnic
• Chuyên ngành: Thiết kế website
• Đề tài: Xây dựng website bán hàng điện thoại
• Loại tài liệu: Báo cáo đồ án tốt nghiệp
• Năm xuất bản: 2022
• Địa điểm: Đà Nẵng

Tóm tắt

I. Tổng quan đồ án website bán điện thoại FPT Polytechnic 2022

Đồ án tốt nghiệp website bán điện thoại FPT Polytechnic 2022 mang tên Last Fire Mobile được thực hiện bởi nhóm sinh viên chuyên ngành Thiết kế Website. Đề tài tập trung giải quyết bài toán chuyển đổi số trong lĩnh vực bán lẻ thiết bị di động trực tuyến. Thị trường thương mại điện tử đòi hỏi các nền tảng bán hàng phải hoạt động liên tục 24/7. Hệ thống giúp doanh nghiệp tiếp cận khách hàng nhanh chóng, tiết kiệm chi phí vận hành và tối ưu hóa quy trình phân phối sản phẩm. Dự án xây dựng một giải pháp toàn diện bao gồm cổng mua sắm trực quan cho người tiêu dùng và trang quản trị mạnh mẽ cho ban quản lý. Người mua hàng dễ dàng tìm kiếm sản phẩm, xem thông số kỹ thuật chi tiết, thêm hàng vào giỏ và tiến hành thanh toán an toàn. Phía quản trị viên sở hữu công cụ đồng bộ dữ liệu kho hàng, kiểm soát đơn hàng tức thì và theo dõi doanh thu chuẩn xác. Công trình khẳng định năng lực ứng dụng công nghệ web vào mô hình kinh doanh thực tế, đáp ứng đầy đủ tiêu chuẩn đánh giá khắt khe của hội đồng tốt nghiệp FPT Polytechnic Đà Nẵng năm 2022.

1.1. Thông tin chung về đề tài và đội ngũ thực hiện Last Fire

Đề tài tốt nghiệp được phát triển tại trường Cao đẳng FPT Polytechnic cơ sở Đà Nẵng vào tháng 12 năm 2022. Giảng viên Nguyễn Trần Nhật Kha trực tiếp hướng dẫn nhóm Last Fire thuộc lớp WE16302. Nhóm gồm sáu thành viên: Đoàn Văn Long, Trần Văn Trung, Ngô Bảo Quân, Hoàng Văn Anh, Nguyễn Phú Tài và Phạm Tấn Thắng. Dự án xây dựng website Last Fire Mobile hoạt động trên tên miền lastfire.shop. Khẩu hiệu hoạt động của thương hiệu là Chất lượng vượt niềm tin. Từng thành viên đảm nhận các vai trò chuyên biệt từ nghiên cứu yêu cầu, thiết kế giao diện, lập trình logic hệ thống đến xây dựng kịch bản kiểm thử tự động. Sự phối hợp chặt chẽ đảm bảo tiến độ hoàn thiện đồ án đúng hạn.

1.2. Mục tiêu nghiên cứu và giá trị thực tiễn của website bán lẻ

Mục tiêu cốt lõi của đồ án là xây dựng kênh bán hàng trực tuyến hoàn chỉnh nhằm tự động hóa quy trình thương mại. Doanh nghiệp cắt giảm đáng kể ngân sách thuê nhân sự tiếp thị truyền thống và chi phí mặt bằng đắt đỏ. Khách hàng tiếp cận danh mục sản phẩm đa dạng mọi lúc mọi nơi thông qua giao diện thân thiện trên mọi thiết bị. Hệ thống hỗ trợ xử lý dữ liệu đơn hàng theo thời gian thực, giảm thiểu sai sót do thao tác thủ công. Bên cạnh đó, nền tảng tạo tiền đề vững chắc cho việc mở rộng quan hệ đối tác kinh doanh trong nước lẫn quốc tế. Dự án đóng góp mô hình mẫu chuẩn mực cho sinh viên ngành công nghệ thông tin tham khảo.

II. Phân tích hiện trạng website bán điện thoại FPT Polytechnic 2022

Giai đoạn phân tích đóng vai trò quyết định trong việc định hình kiến trúc phần mềm bán lẻ. Nhóm tác giả tiến hành khảo sát thực tế chuyên sâu về nhu cầu của khách hàng và yêu cầu quản trị doanh nghiệp. Khách hàng trực tuyến ngày nay đòi hỏi tốc độ tải trang nhanh, cơ chế tìm kiếm thông minh cùng quy trình thanh toán tinh gọn. Ngược lại, nhiều nền tảng bán hàng hiện hành vẫn gặp lỗi nghẽn dữ liệu, bảo mật yếu kém và giao diện phức tạp gây cản trở trải nghiệm mua sắm. Nghiên cứu đối thủ cạnh tranh giúp nhận diện rõ ưu điểm và nhược điểm của các hệ sinh thái lớn trên thị trường. Việc so sánh đối chiếu trực tiếp với các đơn vị như FPT Shop, Xuan Vu Audio và GearVN cung cấp góc nhìn thực tế về hành vi người dùng. Nhóm xác định những khoảng trống về tính năng để đưa ra phương án khắc phục triệt để. Quá trình phân tích hiện trạng là nền tảng vững chắc để xây dựng đặc tả yêu cầu chức năng, yêu cầu phi chức năng và thiết lập mô hình dữ liệu chính xác cho website Last Fire Mobile.

2.1. Đánh giá ưu nhược điểm các website thương mại điện tử lớn

Nhóm nghiên cứu khảo sát chi tiết các trang web thương mại điện tử nổi bật gồm Fptshop.vn, Xuanvu Audio, Gearvn và TNC Store. Website Fptshop sở hữu tông màu sang trọng cùng hình ảnh sản phẩm bắt mắt nhưng xuất hiện nhiều banner quảng cáo gây rối mắt. Nền tảng Xuan Vu Audio bố cục sạch sẽ nhưng thiếu điểm nhấn nhận diện thương hiệu. GearVN có giao diện trực quan song thời gian tải trang còn chậm và thao tác phức tạp đối với người dùng mới. Việc tổng hợp các ưu điểm về bố cục gọn gàng, màu sắc hài hòa và khắc phục triệt để lỗi hiển thị quảng cáo giúp nhóm hoàn thiện giao diện tối ưu cho Last Fire Mobile.

2.2. Khảo sát yêu cầu người dùng và các rủi ro bảo mật hệ thống

Hệ thống phân định rõ hai nhóm đối tượng sử dụng chính là khách hàng vãng lai và quản trị viên cấp cao. Khách hàng cần tính năng xem danh mục, lọc giá, tìm kiếm từ khóa, quản lý giỏ hàng và tra cứu trạng thái đơn hàng. Ban quản trị đòi hỏi phân quyền chặt chẽ để kiểm soát kho sản phẩm, danh mục tin tức và thống kê doanh thu. Về mặt phi chức năng, hệ thống phải đáp ứng độ trễ phản hồi dưới hai giây và khả năng chịu tải ổn định. Các yêu cầu bảo mật nghiêm ngặt bao gồm mã hóa mật khẩu, lọc đầu vào chống tấn công SQL Injection và phòng ngừa nguy cơ rò rỉ dữ liệu tài khoản người dùng.

III. Giải pháp xây dựng website bán điện thoại FPT Polytechnic 2022

Nhóm triển khai giải pháp kỹ thuật bài bản nhằm hiện thực hóa các yêu cầu đã phân tích. Đồ án áp dụng kiến trúc phân tầng kết hợp mô hình cơ sở dữ liệu quan hệ chặt chẽ. Hệ thống định nghĩa rõ ràng các sơ đồ Use Case tổng quát và chi tiết cho từng tác vụ của khách hàng cũng như người quản trị. Việc tổ chức mã lệnh tuân thủ nguyên tắc module hóa cao, tách biệt rõ ràng giữa giao diện người dùng, bộ điều khiển trung gian và tầng dữ liệu phía sau. Giao diện website Last Fire Mobile được thiết kế theo phong cách hiện đại, tương thích trên mọi kích thước màn hình từ điện thoại đến máy tính để bàn. Tầng quản trị trang bị đầy đủ biểu đồ trực quan, bảng điều khiển quản lý danh mục và cơ chế phân quyền bảo mật nhiều lớp. Toàn bộ mã nguồn được tối ưu hóa nhằm giảm thiểu dung lượng file, tăng tốc độ xử lý truy vấn dữ liệu và đảm bảo tính mở rộng cao khi lưu lượng truy cập gia tăng trong tương lai.

3.1. Thiết kế sơ đồ Use Case và mô hình cơ sở dữ liệu quan hệ

Mô hình Use Case tổng quát phân định ranh giới chức năng rõ ràng giữa các tác tử trong hệ thống. Tác tử người dùng thực hiện các ca sử dụng như đăng ký tài khoản, tìm kiếm hàng hóa, đặt hàng và gửi phản hồi. Tác tử quản trị viên điều hành các ca sử dụng quản lý người dùng, cập nhật kho hàng, đổi trạng thái vận chuyển và xuất báo cáo tài chính. Cơ sở dữ liệu quan hệ được chuẩn hóa ở dạng chuẩn 3NF nhằm loại bỏ dư thừa dữ liệu. Các bảng thực thể bao gồm Khách hàng, Sản phẩm, Danh mục, Đơn hàng và Chi tiết đơn hàng được liên kết chặt chẽ qua hệ thống khóa chính và khóa ngoại nghiêm ngặt.

3.2. Quy trình kiểm thử hệ thống và xác thực dữ liệu đầu vào

Quy trình kiểm thử được xây dựng công phu thông qua hệ thống bảng Test Case toàn diện cho từng chức năng đơn lẻ. Nhóm chú trọng kiểm thử biểu mẫu đăng nhập với nhiều kịch bản biên khác nhau. Các trường hợp thử nghiệm bao gồm: để trống trường email, bỏ trống mật khẩu, nhập sai định dạng email, tài khoản không tồn tại trong cơ sở dữ liệu và nhập sai mật khẩu. Hệ thống phản hồi chính xác bằng cách hiển thị thông báo lỗi tương ứng và tô viền đỏ nổi bật tại thẻ input bị lỗi. Quá trình kiểm thử nghiêm ngặt giúp loại bỏ các lỗi tiềm ẩn, tăng cường tính ổn định và nâng cao độ an toàn thông tin khi vận hành thực tế.

IV. Kết luận đề tài website bán điện thoại FPT Polytechnic 2022

Báo cáo đồ án tốt nghiệp website bán điện thoại FPT Polytechnic 2022 là một công trình học thuật và ứng dụng hoàn chỉnh. Nhóm tác giả đã hoàn thành xuất sắc toàn bộ mục tiêu đề ra từ khâu khảo sát, phân tích nghiệp vụ, thiết kế kiến trúc đến lập trình và kiểm thử phần mềm. Sản phẩm website Last Fire Mobile vận hành mượt mà, giao diện chuyên nghiệp và đáp ứng đầy đủ các yêu cầu kinh doanh trực tuyến hiện đại. Thành công của đề tài khẳng định tính đúng đắn của phương pháp đào tạo thực học thực nghiệp tại Cao đẳng FPT Polytechnic. Sinh viên không chỉ nắm vững lý thuyết công nghệ web mà còn tích lũy kỹ năng làm việc nhóm, giải quyết vấn đề kỹ thuật phức tạp và tư duy thiết kế trải nghiệm người dùng. Sản phẩm có khả năng ứng dụng thực tế cao cho các cửa hàng bán lẻ thiết bị di động vừa và nhỏ. Ngoài ra, mã nguồn và tài liệu báo cáo đóng vai trò tài liệu tham khảo giá trị cho các khóa sinh viên kế tiếp khi triển khai đồ án chuyên ngành.

4.1. Những kết quả nổi bật đạt được của dự án Last Fire Mobile

Đồ án mang lại nhiều kết quả thực tiễn ấn tượng về mặt kỹ thuật và thương mại. Nhóm xây dựng thành công cổng thông tin bán hàng trực tuyến với tốc độ tải nhanh và khả năng tương thích đa nền tảng. Trang quản trị admin cung cấp bảng điều khiển thông minh, giúp người quản lý cập nhật giá cả, số lượng tồn kho và thông tin khuyến mãi chỉ trong vài thao tác đơn giản. Hệ thống kiểm thử chặt chẽ đảm bảo tỷ lệ lỗi ở mức tối thiểu, mang lại trải nghiệm mua sắm liền mạch cho khách hàng. Dự án được hội đồng chấm thi đánh giá cao về tính khả thi và mức độ hoàn thiện sản phẩm.

4.2. Hướng mở rộng tính năng và phát triển sản phẩm trong tương lai

Nhóm tác giả đề xuất nhiều định hướng nâng cấp giá trị để phát triển website thành hệ sinh thái bán lẻ đa kênh. Hệ thống dự kiến tích hợp các cổng thanh toán điện tử phổ biến như Momo, VNPay và ZaloPay nhằm đa dạng hóa phương thức thanh toán an toàn. Tính năng chatbot trí tuệ nhân tạo sẽ được bổ sung để tư vấn khách hàng tự động suốt ngày đêm. Bên cạnh đó, việc áp dụng thuật toán gợi ý sản phẩm dựa trên lịch sử xem hàng sẽ giúp gia tăng tỷ lệ chuyển đổi đơn hàng. Nhóm cũng hướng tới việc xây dựng ứng dụng di động đồng bộ trực tiếp với hệ thống cơ sở dữ liệu hiện có.

Nội dung chính

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

Trong bối cảnh cuộc Cách mạng Công nghiệp 4.0 và sự phát triển của công nghệ thông tin, công nghệ web trở thành phương tiện phổ biến hỗ trợ doanh nghiệp tối ưu hóa hoạt động thương mại. So với các mô hình kinh doanh truyền thống, thương mại điện tử mang lại nhiều ưu thế như tiết kiệm chi phí mặt bằng và nhân sự tiếp thị, mở rộng phạm vi tiếp cận khách hàng trên quy mô toàn cầu và duy trì thời gian vận hành liên tục 24/7. Đồng thời, việc tích hợp các dịch vụ chuyển phát và các cổng thanh toán ngân hàng trực tuyến tạo điều kiện thuận lợi cho người tiêu dùng mua sắm sản phẩm nhanh chóng.

Đề tài "Xây dựng website bán hàng điện thoại" được thực hiện bởi nhóm sinh viên Last Fire thuộc chuyên ngành Thiết kế Website, Trường Cao đẳng FPT Polytechnic Đà Nẵng nhằm giải quyết bài toán phân phối sản phẩm công nghệ trực tuyến.

Mục tiêu và nhiệm vụ nghiên cứu

Mục tiêu cốt lõi của đề tài là xây dựng hệ thống thương mại điện tử hoàn chỉnh phục vụ kinh doanh thiết bị di động, máy tính bảng, laptop và phụ kiện công nghệ dưới thương hiệu Last Fire Mobile. Để đạt được mục tiêu này, các nhiệm vụ kỹ thuật được xác định cụ thể:

1. Khảo sát và thu thập các yêu cầu thực tế của hệ thống, bao gồm các yêu cầu chức năng (dành cho người dùng và quản trị viên), các yêu cầu phi chức năng và yêu cầu bảo mật.
2. Phân tích hiện trạng thị trường thông qua việc khảo sát, so sánh ưu và nhược điểm của các website thương mại điện tử tương tự đang vận hành.
3. Thiết kế kiến trúc hệ thống bằng mô hình hóa hướng đối tượng, bao gồm sơ đồ Use Case tổng quát, đặc tả chi tiết từng Use Case, sơ đồ hoạt động, sơ đồ tuần tự và sơ đồ quan hệ thực thể (ERD).
4. Thiết kế cấu trúc điều hướng website (Site Map) và tổ chức cơ sở dữ liệu vật lý.
5. Triển khai các công nghệ lập trình hiện đại cho cả phía giao diện người dùng (Frontend) và máy chủ (Backend).
6. Thực hiện kiểm thử chức năng hệ thống thông qua các bộ kịch bản kiểm thử (Test Cases) nhằm đảm bảo tính ổn định và an toàn dữ liệu.

Đối tượng và phạm vi nghiên cứu

• Đối tượng nghiên cứu: Quy trình vận hành, giao dịch và quản lý thông tin của hệ thống website thương mại điện tử kinh doanh thiết bị di động và phụ kiện điện tử.
• Phạm vi triển khai: Đồ án tốt nghiệp chuyên ngành Thiết kế Website (Lớp WE16302 – Khóa K16.3), Trường Cao đẳng FPT Polytechnic Đà Nẵng, dưới sự hướng dẫn của giảng viên Nguyễn Trần Nhật Kha. Hệ thống được thiết kế hướng tới mô hình kinh doanh bán lẻ tại thành phố Đà Nẵng với tên miền thử nghiệm lastfire.shop, hoàn thành nghiệm thu vào ngày 12 tháng 12 năm 2022.

---

Cơ sở lý thuyết và phương pháp nghiên cứu

Khung công nghệ và nền tảng lý thuyết

Đồ án áp dụng các kiến trúc phát triển phần mềm web phổ biến:

• Kiến trúc Single Page Application (SPA) phía Frontend: Sử dụng thư viện JavaScript React.js do Facebook phát triển. React.js cho phép xây dựng các thành phần giao diện (components) có khả năng tái sử dụng, tương tác cao, kết hợp giữa mã lệnh JavaScript và HTML thông qua cú pháp JSX.
• Mô hình Model-View-Controller (MVC) phía Backend: Sử dụng ngôn ngữ lập trình kịch bản PHP và framework Laravel do Taylor Otwell phát triển. Laravel cung cấp hệ thống đóng gói module, công cụ Blade Template, Query Builder hỗ trợ tạo và thực thi truy vấn linh hoạt, cùng Eloquent ORM (Object-Relational Mapping) giúp ánh xạ và thao tác với các bảng cơ sở dữ liệu theo mô hình hướng đối tượng.
• Hệ quản trị cơ sở dữ liệu quan hệ MySQL: Sử dụng ngôn ngữ truy vấn SQL, kết hợp đồng bộ với Apache và PHP, hỗ trợ xử lý dữ liệu quy mô lớn (hỗ trợ bảng dữ liệu lên tới hàng chục triệu dòng) và đảm bảo tính ổn định cho ứng dụng web.
• Giải pháp bảo mật: Ứng dụng tường lửa ứng dụng web (WAF) để ngăn chặn mã độc, phòng chống tấn công DDoS, chứng chỉ SSL, mã hóa mật khẩu người dùng trong cơ sở dữ liệu và kiểm soát tính hợp lệ của dữ liệu đầu vào (input validation).

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

• Phương pháp khảo sát và phân tích yêu cầu: Thu thập các yêu cầu thực tế từ quy trình bán lẻ thiết bị công nghệ, phân loại thành yêu cầu chức năng, phi chức năng và yêu cầu an toàn hệ thống.
• Phương pháp phân tích so sánh đối chuẩn (Benchmarking): Khảo sát cấu trúc giao diện và trải nghiệm người dùng của 4 website thương mại điện tử thực tế trên thị trường Việt Nam để đúc kết điểm mạnh và khắc phục các điểm hạn chế.
• Phương pháp mô hình hóa UML: Xây dựng sơ đồ Use Case, biểu đồ tuần tự (Sequence Diagram), biểu đồ hoạt động (Activity Diagram) và mô hình hóa quan hệ thực thể để phân tích hành vi và cấu trúc dữ liệu.
• Phương pháp kiểm thử thủ công (Manual Testing): Thiết kế bảng kịch bản kiểm thử chi tiết theo từng điều kiện đầu vào, thao tác người dùng và kết quả kỳ vọng để đánh giá độ tin cậy của giao diện.

---

Thiết kế và triển khai hệ thống

Kiến trúc công nghệ và phân tầng xử lý

Hệ thống được tổ chức phân tách rõ ràng giữa tầng giao diện người dùng và tầng logic nghiệp vụ máy chủ:

Thành phần	Công nghệ / Nền tảng	Chức năng chính
Frontend	React.js, JSX, HTML, CSS, JavaScript	Xây dựng giao diện Single Page Application, xử lý component tương tác người dùng, hiển thị danh mục, giỏ hàng, form thanh toán.
Backend	PHP, Laravel Framework	Xử lý logic nghiệp vụ theo mô hình MVC, quản lý phiên làm việc (Session), phân quyền truy cập, cung cấp API xử lý dữ liệu.
Database	MySQL	Lưu trữ dữ liệu quan hệ: người dùng, vai trò, sản phẩm, thuộc tính, bài viết, đơn hàng và các chương trình khuyến mãi.
Quản lý mã nguồn	Git, GitHub	Quản lý phiên bản mã nguồn phân tán, điều phối công việc và tích hợp mã lệnh giữa 6 thành viên trong nhóm.

Thiết kế chức năng hệ thống theo phân quyền

Hệ thống phân chia quyền hạn người dùng thành hai nhóm chính:

1. Chức năng dành cho khách hàng (Guest và User)

• Trang chính (Homepage): Trình diễn slider/banner quảng cáo, hiển thị danh sách sản phẩm nổi bật, sản phẩm bán chạy và các sản phẩm đang có chương trình khuyến mãi.
• Trang danh mục & Chi tiết sản phẩm: Cho phép lọc sản phẩm linh hoạt theo khoảng giá, dung lượng, hiệu năng; hiển thị thông số kỹ thuật, biến thể sản phẩm, danh sách sản phẩm cùng loại; hiển thị và cho phép gửi đánh giá, bình luận (chỉ áp dụng đối với khách hàng đã đăng nhập và đã mua hàng).
• Quản lý giỏ hàng và thanh toán: Thêm/sửa/xóa sản phẩm, cập nhật số lượng, tính toán tổng giá trị đơn hàng; hỗ trợ hai phương thức thanh toán là nhận hàng trả tiền (COD) và thanh toán trực tuyến qua cổng VNPAY.
• Quản lý tài khoản cá nhân: Đăng ký tài khoản, đăng nhập hệ thống, đăng xuất, cập nhật thông tin cá nhân (họ tên, email, ngày sinh, giới tính, số điện thoại, ảnh đại diện), đổi mật khẩu và quy trình khôi phục mật khẩu thông qua xác thực email.

2. Chức năng dành cho quản trị viên (Administrator)

• Quản trị nội dung và sản phẩm: Thực hiện các thao tác thêm, sửa, xóa, tìm kiếm, phân trang đối với banner/slider, danh mục sản phẩm, biến thể, sản phẩm, danh mục bài viết, bài viết và thông tin nhà cung cấp.
• Quản trị người dùng và nhân viên: Quản lý danh sách thành viên, quản lý nhân viên và thiết lập phân quyền (hệ thống cài đặt ràng buộc nhân viên quản trị không được phép tự xóa tài khoản của chính mình).
• Quản trị đơn hàng và vận chuyển: Xem thông tin chi tiết đơn hàng, phân loại đơn hàng (chưa xử lý, đã xử lý), cập nhật trạng thái đơn hàng (Orders tracking), trạng thái giao dịch và hành trình vận chuyển; lập biên bản hủy đơn hàng khi nhận được yêu cầu từ khách hàng.
• Quản trị đánh giá và thống kê: Kiểm duyệt, tổng hợp và xóa bình luận vi phạm; theo dõi báo cáo doanh thu và các chỉ số bán hàng.

Cấu trúc cơ sở dữ liệu quan hệ

Hệ thống xây dựng mô hình cơ sở dữ liệu bao gồm các thực thể chính:

• Users và Roles: Quản lý định danh người dùng, mật khẩu mã hóa, thông tin liên hệ và quyền hạn (Quản trị viên / Khách hàng).
• Categories và Products: Lưu trữ danh mục sản phẩm, thông số sản phẩm, đơn giá, mức giảm giá (%) và số lượng tồn kho.
• Shipping Info: Quản lý thông tin người nhận, địa chỉ giao hàng và số điện thoại liên hệ.
• Orders, Orders detail và Orders tracking: Lưu trữ thông tin hóa đơn, chi tiết số lượng/giá bán từng mặt hàng và lịch sử cập nhật trạng thái đơn hàng.
• Comments: Lưu trữ đánh giá, bình luận của khách hàng gắn với mã sản phẩm cụ thể.
• Categories Post và Post: Quản lý các bài viết tin tức và nội dung giới thiệu.
• Attributes, Suppliers, Promotions và Promotion details: Quản lý các biến thể thuộc tính kỹ thuật, đối tác cung cấp và chi tiết chương trình khuyến mãi.

---

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

Lời mở đầu và Lời cảm ơn

Trình bày tổng quan về tầm quan trọng của công nghệ web trong thời đại chuyển đổi số, lý do nhóm Last Fire lựa chọn đề tài xây dựng website bán điện thoại di động và gửi lời tri ân đến Ban giám hiệu, các giảng viên bộ môn Công nghệ Thông tin Trường Cao đẳng FPT Polytechnic Đà Nẵng, cùng giảng viên hướng dẫn trực tiếp Nguyễn Trần Nhật Kha sau khóa học 2 năm 4 tháng.

Chương I: Giới thiệu đề tài

Tác giả nêu rõ lý do lựa chọn đề tài xuất phát từ nhu cầu thực tế của thị trường bán lẻ thiết bị di động. Khách hàng ngày nay có xu hướng tìm kiếm và mua sắm trực tuyến nhằm tiết kiệm thời gian, trong khi doanh nghiệp cần một nền tảng bán hàng 24/7 để tối ưu hóa chi phí quảng cáo và mở rộng thị trường kinh doanh.

Chương II: Khảo sát yêu cầu thực tế

Chương này phân loại chi tiết các yêu cầu của hệ thống:

• Yêu cầu cụ thể: Liệt kê toàn bộ luồng chức năng phía khách hàng (trang chủ, danh mục, chi tiết sản phẩm, giỏ hàng, thanh toán COD/VNPAY, quản lý tài khoản) và phía quản trị viên (quản lý sản phẩm, đơn hàng, khách hàng, nhân viên, phân quyền, doanh thu).
• Yêu cầu phi chức năng: Đảm bảo giao diện thân thiện trực quan, tốc độ xử lý nhanh chóng, chính xác và tính bảo mật hệ thống cao.
• Yêu cầu công nghệ: Phân tích lý do lựa chọn React.js cho Frontend, PHP Laravel cho Backend và hệ quản trị cơ sở dữ liệu MySQL.
• Yêu cầu bảo mật: Thiết lập quy tắc kiểm tra tính hợp lệ dữ liệu đầu vào trên tất cả các form; ràng buộc chỉ cho phép người dùng đã mua hàng gửi đánh giá; mã hóa mật khẩu; triển khai tường lửa ứng dụng web (WAF) và xây dựng giải pháp xử lý nguy cơ tấn công DDoS.

Chương III: Phân tích hiện trạng

• Hiện trạng nhóm và dự án: Nhóm gồm 6 thành viên, phân công công việc đồng đều, sử dụng GitHub để quản lý mã nguồn và làm việc trực tuyến. Website dự án mang thương hiệu Last Fire Mobile (lastfire.shop), địa điểm kinh doanh tại TP Đà Nẵng với khẩu hiệu "Chất lượng vượt niềm tin".
• Khảo sát website tương tự: Đánh giá ưu và nhược điểm của 4 website trên thị trường:

Website khảo sát	Điểm mạnh ghi nhận	Điểm yếu ghi nhận
fptshop.vn	Bố cục tông màu đẹp, sang trọng; sản phẩm đa dạng mẫu mã; ảnh thumbnail bắt mắt.	Nhiều quảng cáo rối mắt, làm giảm tính thẩm mỹ.
tainghe.vn (Xuan Vu Audio)	Bố cục trực quan, sạch sẽ, phối màu ưa nhìn; ảnh đại diện sản phẩm rõ nét.	Giao diện quá cơ bản, thiếu điểm nhấn nổi bật.
gearvn.com	Giao diện trực quan, sạch sẽ, màu sắc đẹp mắt; hình ảnh thu hút.	Khó làm quen đối với người dùng mới; tốc độ tải trang còn chậm.
tncstore.vn	Giao diện hiển thị nhiều thông tin cần thiết; ảnh thumbnail chất lượng.	Phần header chiếm quá nhiều diện tích; hiển thị ít sản phẩm nổi bật ra màn hình chính.

Chương IV: Thiết kế hệ thống

Tập trung mô hình hóa hệ thống thông qua các sơ đồ:

• Sơ đồ Use Case tổng quát: Bao quát toàn bộ mối quan hệ giữa các tác nhân (Khách vãng lai, Thành viên, Quản trị viên) với hệ thống.
• Đặc tả Use Case chi tiết: Cung cấp mô tả ngắn, tác nhân, luồng sự kiện chính, luồng sự kiện khác, điều kiện tiên quyết và hậu điều kiện cho 9 Use Case trọng tâm:
  1. Thêm sản phẩm vào giỏ: Khởi tạo giỏ hàng hoặc cập nhật session khi người dùng chọn sản phẩm.
  2. Đặt hàng: Kiểm tra tồn kho, thu thập thông tin giao hàng, chọn phương thức thanh toán, lưu đơn vào cơ sở dữ liệu và làm trống giỏ hàng.
  3. Hủy đơn đặt hàng: Tiếp nhận yêu cầu hủy, kiểm tra trạng thái (từ chối nếu đơn hàng đang trong quá trình vận chuyển), xóa thông tin đơn hàng và thông báo cho khách hàng.
  4. Đăng nhập vào hệ thống: Kiểm tra email và mật khẩu; khóa thao tác nếu người dùng đăng nhập sai quá 3 lần liên tiếp nhằm ngăn chặn tấn công dò mật khẩu.
  5. Đăng ký tài khoản hệ thống: Kiểm tra tính trùng lặp dữ liệu trước khi thêm tài khoản mới vào cơ sở dữ liệu.
  6. Đăng xuất khỏi hệ thống: Xóa phiên làm việc hiện tại, trả về trạng thái khách vãng lai.
  7. Quản lý thông tin cá nhân: Cho phép thành viên chỉnh sửa thông tin cá nhân và thay đổi mật khẩu.
  8. Khởi tạo lại mật khẩu: Cung cấp luồng đặt lại mật khẩu và gửi thông tin về email đăng ký.
  9. Chức năng quản trị: Đặc tả các luồng quản lý danh mục, sản phẩm, phân quyền, người dùng và theo dõi đơn hàng.
• Đặc tả các thực thể và sơ đồ quan hệ ERD: Chi tiết hóa các trường dữ liệu và cấu trúc liên kết giữa các bảng trong cơ sở dữ liệu.

Chương V: Site Map (Sơ đồ cấu trúc trang)

Xây dựng sơ đồ cây điều hướng website bao gồm các nhánh: Trang chủ, Sản phẩm (Sản phẩm theo danh mục, Chi tiết sản phẩm), Tin tức (Tin tức theo danh mục, Chi tiết tin tức), Giới thiệu, Liên hệ (Form liên hệ), Chính sách (Chính sách chi tiết).

Chương VI: Tổ chức mã lệnh

Trình bày cấu trúc vật lý của cơ sở dữ liệu, hiển thị sơ đồ liên kết khóa ngoại giữa các bảng dữ liệu chính (Danh mục, Sản phẩm, Đơn hàng, Người dùng) và cấu hình kết nối CSDL trong tập tin cấu hình hệ thống.

Chương VII: Kiểm thử hệ thống

Trình bày các bảng kịch bản kiểm thử giao diện Frontend. Báo cáo minh họa chi tiết module chức năng Đăng nhập với 8 trường hợp kiểm thử:

STT	Tên kịch bản (Test Case)	Quy trình thực hiện	Kết quả kỳ vọng	Kết quả kiểm thử
1	Test đăng nhập thành công	Nhập tài khoản hợp lệ tồn tại trong CSDL -> Nhấn button Đăng nhập	Đăng nhập thành công vào hệ thống	Pass
2	Test đăng nhập với email trống	Bỏ trống trường email, nhập đầy đủ mật khẩu -> Nhấn Đăng nhập	Hiển thị thông báo "email không được trống", focus ô nhập và viền đỏ	Fail (bắt lỗi)
3	Test đăng nhập với mật khẩu trống	Nhập email, bỏ trống mật khẩu -> Nhấn Đăng nhập	Hiển thị thông báo "mật khẩu không được trống", focus ô nhập và viền đỏ	Fail (bắt lỗi)
4	Test đăng nhập trống tất cả	Bỏ trống cả email và mật khẩu -> Nhấn Đăng nhập	Hiển thị thông báo "email và mật khẩu không được trống", hiển thị viền đỏ	Fail (bắt lỗi)
5	Test đăng nhập email sai định dạng	Nhập email không đúng cấu trúc chuẩn -> Nhấn Đăng nhập	Hiển thị thông báo "email không đúng định dạng", focus ô nhập và viền đỏ	Fail (bắt lỗi)
6	Test đăng nhập email không tồn tại	Nhập email chưa đăng ký trong CSDL -> Nhấn Đăng nhập	Hiển thị thông báo "Tài khoản không tồn tại", focus ô nhập và viền đỏ	Fail (bắt lỗi)
7	Test đăng nhập mật khẩu không đúng	Nhập đúng email, nhập sai mật khẩu -> Nhấn Đăng nhập	Hiển thị thông báo "mật khẩu không đúng", focus ô nhập và viền đỏ	Fail (bắt lỗi)
8	Test đăng nhập sai mật khẩu quá 3 lần	Nhập sai mật khẩu liên tiếp 3 lần	Tự động kết thúc phiên và hiển thị cảnh báo an toàn	Fail (bắt lỗi)

---

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

Kết quả kỹ thuật đạt được

1. Hoàn thiện hệ thống website thương mại điện tử đa chức năng: Xây dựng đầy đủ giao diện người dùng và hệ thống quản trị nội bộ cho thương hiệu Last Fire Mobile, đáp ứng các tiêu chuẩn hiển thị của website kinh doanh công nghệ.
2. Hiện thực hóa kiến trúc Full-stack: Tích hợp giao diện Single Page Application (React.js) với máy chủ xử lý PHP Laravel và cơ sở dữ liệu MySQL, đảm bảo khả năng xử lý dữ liệu ổn định và phân tách rõ ràng giữa các tầng logic.
3. Triển khai cơ chế bảo mật và nghiệp vụ chặt chẽ: Tích hợp quy tắc bảo mật form, giới hạn 3 lần đăng nhập sai, phân quyền nghiêm ngặt giữa khách hàng và quản trị viên, ràng buộc đánh giá sản phẩm gắn liền với lịch sử mua hàng thực tế và hỗ trợ thanh toán đa kênh (COD, VNPAY).

Đóng góp thực tiễn

• Cung cấp giải pháp số hóa quy trình kinh doanh cho các cửa hàng bán lẻ thiết bị di động tại khu vực Đà Nẵng, giúp mở rộng kênh tiếp cận khách hàng trên internet.
• Đóng góp một tài liệu kỹ thuật hoàn chỉnh về quy trình phân tích, thiết kế UML và xây dựng cơ sở dữ liệu cho một dự án web thương mại điện tử cấp độ đồ án chuyên ngành.

---

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

Dựa trên các nội dung tự đánh giá trong báo cáo đồ án, nhóm tác giả chỉ ra một số hạn chế và hướng phát triển:

• Hạn chế trong quá trình thực hiện: Do thời gian thực hiện đồ án diễn ra chủ yếu qua hình thức làm việc nhóm online, quá trình phối hợp đôi lúc gặp trở ngại; ý tưởng thiết kế giao diện tham khảo từ các hệ thống lớn như FPT Shop nên có thể trùng lặp một số thành phần bố cục với các đồ án cùng loại.
• Hướng phát triển: Cần tiếp tục hoàn thiện, mở rộng các kịch bản kiểm thử toàn diện cho các phân hệ quản trị phức tạp (quản lý doanh thu, khuyến mãi đa tầng, tích hợp thêm nhiều cổng thanh toán điện tử khác) và tối ưu hóa hiệu năng tải trang trên môi trường mạng thực tế.

---

Giá trị tham khảo

Tài liệu đồ án này mang lại giá trị tham khảo thiết thực cho:

• Sinh viên chuyên ngành Thiết kế Website và Công nghệ Thông tin: Có thể tham khảo phương pháp tiếp cận dự án từ khâu khảo sát yêu cầu, xây dựng tài liệu đặc tả Use Case, thiết kế biểu đồ tuần tự/hoạt động đến quy trình tổ chức cơ sở dữ liệu quan hệ cho website thương mại điện tử.
• Người học và lập trình viên Full-stack cơ bản: Cung cấp cấu trúc tham khảo về việc kết hợp thư viện React.js ở phía Frontend với Laravel Framework ở phía Backend, kèm theo biểu mẫu xây dựng kịch bản kiểm thử giao diện (UI Test Cases).

---

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

1. Đề tài "Xây dựng website bán hàng điện thoại" được thực hiện bởi đơn vị và tác giả nào?

Đề tài là báo cáo đồ án tốt nghiệp chuyên ngành Thiết kế Website (Lớp WE16302 – Khóa K16.3) tại Trường Cao đẳng FPT Polytechnic Đà Nẵng, được hoàn thành vào ngày 12 tháng 12 năm 2022. Đồ án do nhóm Last Fire thực hiện (gồm 6 sinh viên: Đoàn Văn Long, Trần Văn Trung, Ngô Bảo Quân, Hoàng Văn Anh, Nguyễn Phú Tài, Phạm Tấn Thắng) dưới sự hướng dẫn của giảng viên Nguyễn Trần Nhật Kha.

2. Website của dự án có tên thương hiệu, tên miền và địa điểm kinh doanh như thế nào?

Theo thông tin công bố trong báo cáo, website mang tên Last Fire Mobile, sử dụng tên miền thử nghiệm lastfire.shop, đặt địa điểm kinh doanh tại TP Đà Nẵng, số điện thoại liên hệ 01234.99 và slogan hoạt động là "Chất lượng vượt niềm tin".

3. Những công nghệ cốt lõi nào được sử dụng để phát triển hệ thống?

Hệ thống sử dụng bộ công nghệ Full-stack bao gồm: React.js (sử dụng JSX và kiến trúc SPA) cho phần Frontend; ngôn ngữ PHP cùng framework Laravel (mô hình MVC, Blade Template, Query Builder, Eloquent ORM) cho phần Backend; và hệ quản trị cơ sở dữ liệu quan hệ MySQL cho việc lưu trữ dữ liệu.

4. Hệ thống đặt ra các quy định bảo mật cụ thể nào trong nghiệp vụ?

Hệ thống quy định kiểm soát hợp lệ toàn bộ dữ liệu đầu vào trên các form; bắt buộc khách hàng phải đăng nhập và đã từng mua sản phẩm mới có quyền gửi bình luận/đánh giá; mã hóa mật khẩu tài khoản; thiết lập cơ chế giới hạn tối đa 3 lần đăng nhập sai để tránh tấn công dò mật khẩu; áp dụng tường lửa ứng dụng web (WAF) và ngăn chặn các cuộc tấn công DDoS; đồng thời ngăn cấm nhân viên quản trị tự xóa tài khoản của chính mình.

5. Website hỗ trợ những phương thức thanh toán nào cho khách hàng?

Hệ thống tích hợp hai hình thức thanh toán chính: phương thức thanh toán trực tiếp khi nhận hàng (COD - Cash On Delivery) và phương thức thanh toán trực tuyến thông qua cổng thanh toán VNPAY.

---

Kết luận

Báo cáo đồ án tốt nghiệp "Xây dựng website bán hàng điện thoại" của nhóm sinh viên Last Fire tại Trường Cao đẳng FPT Polytechnic Đà Nẵng đã hoàn thành mục tiêu thiết kế và xây dựng một hệ thống thương mại điện tử chuyên nghiệp cho ngành hàng thiết bị công nghệ. Tài liệu thể hiện quy trình phân tích và triển khai kỹ thuật bài bản từ việc khảo sát yêu cầu, mô hình hóa UML, thiết kế cơ sở dữ liệu quan hệ đến việc lập trình ứng dụng trên nền tảng React.js và Laravel. Đây là một tài liệu học thuật có tính ứng dụng thực tiễn cao, phản ánh đầy đủ năng lực thực hành của sinh viên ngành Thiết kế Website.

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

LỜI MỞ ĐẦU Ngày nay, với sự phát triển mạnh mẽ của khoa học công nghệ, Công nghệ Thông tin là một trong những ngành có vị thế dẫn đầu và có vai trò rất lớn trong sự phát triển chung đó. Các ứng dụng của công nghệ thông tin được áp dụng trong mọi lĩnh vực nghiên cứu khoa học cũng như trong mọi lĩnh vực của đời sống. Là một phần của Công nghệ Thông tin, Công nghệ web đang có được sự phát triển mạnh mẽ và phổ biến rất nhanh bởi những lợi ích mà nó mang lại cho cộng đồng là rất lớn. Bằng việc lựa chọn và thực hiện đề tài “Xây dựng website bán hàng điện thoại”, chúng em muốn tìm hiểu và đưa ra một giải pháp tốt nhằm giải quyết công việc bán hàng trực tuyến cho công ty.

Website mang lại cho công ty rất nhiều lợi ich như: khả năng quảng cáo, phổ biến tên tuổi công ty rất nhanh trên môi trường mạng toàn cầu, việc kinh doanh sẽ mở 24/24, giảm thiểu chi phí nhân viên cho tiếp thị, quảng cáo, dễ dàng nhận phải hồi từ phía khách hàng, cơ hôi mở rộng liên kết và hợp tác ở phạm vi quốc tế. Website bán hàng giúp cho công ty cung cấp cho khách hàng những lựa chọn linh hoạt và tiện lợi trong việc tìm mua sản phẩm thông qua chức năng tìm kiếm và giỏ hàng. Các thông tin về sản phẩm được hiển thị chi tiết với từng sản phẩm, từ đó khách hàng dễ dàng nhận biết và lựa chọn được thứ mình cần. Về phía Công ty, hệ thống mang lại sự tiện dụng trong việc cập nhập và quản lý các thông tin cho website, tạo khả năng liên lạc nhanh và dễ dạng với khách hàng.

LAST FIRE 3 ĐỒ ÁN TỐT NGHIỆP LỜI CẢM ƠN Trước tiên chúng em xin gửi lời cảm ơn chân thành sâu sắc tới các thầy cô giáo trong trường Cao đẳng FPT POLYTECHNIC Đà Nẵng nói chung và các thầy cô giáo trong khoa Công nghệ thông tin nói riêng đã tận tình giảng dạy, truyền đạt cho chúng em những kiến thức, kinh nghiệm quý báu trong suốt thời gian 2 năm 4 tháng học vừa qua. Đặc biệt chúng em xin gửi lời cảm ơn đến thầy Nguyễn Trần Nhật Kha đã tận tình giúp đỡ, trực tiếp chỉ bảo, hướng dẫn chúng em trong suốt quá trình thực hiện học phần Dự án. Trong thời gian làm việc, chúng em không ngừng tiếp thu thêm nhiều kiến thức bổ ích mà còn học tập được tinh thần làm việc, thái độ nghiên cứu khoa học nghiêm túc, hiệu quả, đây là những điều rất cần thiết cho chúng em trong quá trình học tập và công tác sau này. Sau cùng xin gửi lời cảm ơn chân thành tới gia đình, bạn bè đã động viên, đóng góp ý kiến và giúp đỡ chúng em trong quá trình học tập, nghiên cứu và hoàn thành khoá luận tốt nghiệp.

Một lần nữa, chúng em xin chân thành cảm ơn.! LAST FIRE 4 ĐỒ ÁN TỐT NGHIỆP I. GIỚI THIỆU ĐỀ TÀI Lý do chọn đề tài Trong thị trường hiện nay thì việc cạnh tranh về kinh doanh ngày càng trở nên quyết liệt và hầu hết những nhà kinh doanh, những công ty lớn đều rất chú tâm đến việc làm thoả mãn khách hàng một cách tốt nhất. So với kinh doanh truyền thống thì TMĐT chi phí thấp hơn, hiệu quả đạt cao hơn. Hơn thế nữa, với lợi thế của công nghệ Internet nên việc truyền tải thông tin về sản phẩm nhanh chóng, thuận tiện.

Kết hợp với bộ phận giao hàng tận nơi, là thông qua bưu điện và ngân hàng để thanh toán tiền, càng tăng thêm thuận lợi để loại hình này phát triển. Cùng với sự phát triển mạnh mẽ về cuộc cách mạng công nghệ 4.0, đã và đang phát triển, người bán hàng nắm bắt được thị trường, mở rộng thị trường bằng cách tạo những website để tiếp cận khách hàng với quy mô rộng lớn. nhằm tăng chỉ số bán hàng, tạo thu nhập cao hơn. Hiện nay mọi đa số đã tiếp cận được với internet và điều đó giúp khách hàng mua sản phẩm nhanh gọn hơn bằng 1 cú click chuột.

Vì vậy chúng em chọn đề tài “Xây dựng website bán điện thoại” để khách hàng dễ dàng mua sắm online LAST FIRE 5 ĐỒ ÁN TỐT NGHIỆP II. KHẢO SÁT YÊU CẦU THỰC TẾ Một website bán các thiết bị thoại di động , máy tính bảng, laptop, phụ kiện điện tử trực tuyến, với chức năng chính của website đó là bán và giới thiệu những loại loại sản phẩm của nhiều hãng khác nhau để tiếp cận đến những khách hàng có nhu cầu tìm hiểu và mua sản phẩm của cửa hàng, website cung cấp cho khách hàng hình ảnh, chi tiết cấu hình, giá, bình luận và đánh giá từng sản phẩm, loại sản phẩm. Mặt khác, website còn cho phép quảng cáo thông qua banner, hình ảnh đem lại hiệu quả marketing cho cửa hàng trong việc tiếp cận đến nhiều khách hàng tiềm năng dễ dàng hơn, chăm sóc khách hàng, và tiết kiệm được rất nhiều chi phí dành cho cửa hàng. Từ đó mang lại lợi nhuận cao cho cửa hàng.1 Các yêu cầu cụ thể của hệ thống 2.1 Về phía khách hàng: o Trang chính của website Hiển thị danh sách các sản phẩm nổi bật, sản phẩm bán chạy, sản phẩm được khuyến mãi của 1 số loại sản phẩm, thương hiệu, hình ảnh banner quảng cáo cho cửa hàng (dùng slider show, banner).

o Trang trưng bày sản phẩm theo danh mục Hiển thị khi người dùng chọn danh mục sản phẩm. Với các chức năng lọc sản phẩm theo khoảng giá,dung lượng ,hiệu năng… o Trang chi tiết sản phẩm • Hiển thị thông tin chi tiết của sản phẩm đang chọn. Ví dụ: hình ảnh, tên, đơn giá gốc, giá khuyến mãi, số phần trăm hoặc số tiền giảm giá, các biến thể (nếu có), thông số kỹ thuật(nếu có), thông tin chi tiết • Danh sách các sản phẩm cùng danh mục( cùng loại). LAST FIRE 6 ĐỒ ÁN TỐT NGHIỆP • Hiển thị các bình luận, đánh giá của khách hàng đã mua.

Cũng như phép đánh giá, bình luận khi khách đã mua sản phẩm. o Trang quản lý tài khoản người dùng • Đăng ký tài khoản. • Quên mật khẩu. • Đổi mật khẩu.

• Cập nhật thông tin tài khoản. o Trang giỏ hàng • Hiển thị các sản phẩm đã được thêm vào giỏ hàng, cập nhật số lượng, xóa sản phẩm khỏi giỏ, tổng tiền, … o Trang thanh toán • Hiển thị form nhập thông tin giao hàng, chọn phương thức thanh toán. • Phương thức thanh toán trực tiếp: COD (thanh toán tiền khi nhận hàng). • Phương thức thanh toán trực tuyến: VNPAY, .2 Về phía quản trị viên (Administrator): o Các trang quản lý cơ bản Các trang này cần có các chức năng xem, thêm, sửa, xóa, tìm kiếm, phân trang một cách hợp lý,… • Quản lý slider, banner.

• Quản lý danh mục. • Quản lý biến thể. LAST FIRE 7 ĐỒ ÁN TỐT NGHIỆP • Quản lý sản phẩm. • Quản lý người dùng.

• Quản lý nhân viên. • Quản lý về đánh giá, bình luận. • Quản lý bài viết. • Quản lý nhà cung cấp o Quản lý đơn hàng • Xem chi tiết đơn hàng.

• Cập nhật trạng thái đơn hàng, phương thức thanh toán, quá trình giao hàng. o Quản lý doanh thu, thống kê o Quản lý phân quyền , quản lý nhân viên 2.2 Các yêu cầu phi chức năng: STT Tên yêu cầu Mô tả yêu cầu Giao diện hệ thống phải dễ sử dụng, trực quan, 1 Giao diện thân thiện với người dùng. 2 Tốc độ xử lý Hệ thống phải xử lý nhanh chóng và chính xác. 3 Bảo mật Tính bảo mật và độ an toàn cao.1 Các yêu cầu về công nghệ: 2.1 Phần Frontend: ReactJs là một thư viện Javascript đang nổi lên trong những năm gần đây với xu hướng Single Page Application.

Trong khi những framework khác cố gắng hướng đến một mô hình MVC hoàn thiện thì React nổi bật với sự đơn giản và dễ dàng phối hợp với thư viện Javascript khác. LAST FIRE 8 ĐỒ ÁN TỐT NGHIỆP Nếu như Angular Js là một framework cho phép nhúng code javascript trong code HTML thông qua các attribute như ng-model ,ng-repeat. thì React là thư viện cho phép nhúng code html trong code javascript nhờ vào JSX ,bạn có thể dễ dàng lồng các đoạn HTML vào trong Js. Tích hợp giữa Javascript và HTML vào trong JSX làm cho các component dễ hiểu hơn.

React là một thư viện UI phát triển facebook để hỗ trợ việc xây dựng những thành phần (components) UI có tính tương tác cao ,có trạng thái và có thể sử dụng lại được.2 Phần Backend: PHP (Hypertext Preprocessor) là một ngôn ngữ lập trình kịch bản hay một loại mã lệnh chủ yếu được dùng để phát triển các ứng dụng viết cho máy chủ, mã nguồn mở, dùng cho mục đích tổng quát. Nó rất thích hợp với web và có thể dễ dàng nhúng vào trang HTML. Do được tối ưu hóa cho các ứng dụng web, tốc độ nhanh, nhỏ gọn, cú pháp giống ngôn ngữ lập trình C và ngôn ngữ lập trình Java, dễ học và thời gian xây dựng sản phẩm tương đối ngắn hơn so với các ngôn ngữ khác nên PHP đã nhanh chóng trở thành một ngôn ngữ lập trình web phổ biến nhất thế giới. Một tập tin PHP có phần mở rộng *.php, nó có thể chứa các văn bản, mã nguồn HTML, CSS, Javascript, Jquery.

và đương nhiên có thể chứa mã nguồn PHP. Đối với các trang PHP khi có yêu cầu xem trang web thì Server sẽ tiến hành phát sinh trang web đó từ mã nguồn PHP sang mã nguồn HTML, sau đó mới chuyển mã nguồn đó về trình duyệt web để người dùng xem. Vì các trình duyệt web không thể đọc được các mã nguồn PHP mà chỉ đọc được các mã nguồn HTML. LAST FIRE 9 ĐỒ ÁN TỐT NGHIỆP Laravel là một PHP framework mã nguồn mở và miễn phí, được phát triển bởi Taylor Otwell và nhắm vào mục tiêu hỗ trợ phát triển các ứng dụng web theo kiếm trúc model-view-controller (MVC).

Những tính năng nổi bật của Laravel bao gồm cú pháp dễ hiểu – rõ ràng , một hệ thống đóng gói modular và quản lý gói phụ thuộc, nhiều cách khác nhau để truy cập vào các cơ sở dữ liệu quan hệ, nhiều tiện ích khác nhau hỗ trợ việc triển khai vào bảo trì ứng dụng. Vào khoảng Tháng 3 năm 2015, các lập trình viên đã có một cuộc bình chọn PHP framework phổ biến nhất, Laravel đã giành vị trí quán quân cho PHP framework phổ biến nhất năm 2015, theo sau lần lượt là Symfony2, Nette, CodeIgniter, Yii2 vào một số khác. Trước đó, Tháng 8 2014, Laravel đã trở thành project PHP phổ biến nhất và được theo dõi nhiều nhất trên Github. Laravel được phát hành theo giấy phép MIT, với source code được lưu trữ tại Github.