Đồ Án HCMUTE: Xây Dựng Website Bán Laptop và Phụ Kiện

Đồ án nghiên cứu hcmute xây dựng website bán laptop và phụ kiện, áp dụng công nghệ tiên tiến, tối ưu giải pháp kỹ thuật cho bài toán kỹ thuật.

Chuyên ngành

Công Nghệ Thông Tin

Người đăng

Ẩn danh

Thể loại

Đồ Án Tốt Nghiệp

2020

92
1
0

Phí lưu trữ

35 Point

Mục lục chi tiết

NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP

PHIẾU NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN

PHIẾU NHẬN XÉT CỦA GIÁO VIÊN PHẢN BIỆN

LỜI CẢM ƠN

DANH MỤC CÁC TỪ VIẾT TẮT

DANH MỤC CÁC BẢNG

DANH MỤC CÁC HÌNH

1. CHƯƠNG 1: TỔNG QUAN

1.1. Mục tiêu đề ra

1.2. Phạm vi đề tài

2. CHƯƠNG 2: CƠ SỞ LÝ THUYẾT VÀ KHẢO SÁT THỰC TRẠNG

2.1. Laravel là gì?

2.2. Tại sao nên dùng Laravel?

2.3. PHP là gì?

2.4. Tại sao nên dùng PHP

2.5. So sánh tổng quan giữa ASP và PHP

2.6. js là gì?

2.7. Tại sao nên dùng Vue.js?

2.8. PostgreSQL là gì?

2.9. Wampp là gì?

2.10. Ưu điểm khi sử dụng WAMP

2.11. Khảo sát thực tế

2.12. Trang web phongvu

2.13. Trang web gearvn

2.14. Trang web fptshop

3. CHƯƠNG 3: XÁC ĐỊNH YÊU CẦU

3.1. Yêu cầu chức năng

3.2. Chức năng ứng dụng

3.3. Yêu cầu hệ thống

3.4. Use case Diagram

3.5. Đặc tả Use Case

4. CHƯƠNG 4: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG

4.1. Giao diện người dùng

5. CHƯƠNG 5: GIỚI THIỆU VỀ HỆ THỐNG GỢI Ý SẢN PHẨM

5.1. Giới thiệu về hệ thống

5.2. Xây dựng hệ thống

5.3. Các thuật toán áp dụng

5.4. Tiến hành xây dựng hệ thống

6. CHƯƠNG 6: HOÀN THIỆN VÀ KIỂM THỬ

7. CHƯƠNG 7: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN

7.1. Mức độ hoàn thành

7.2. Các khó khăn gặp phải

7.3. Ưu, nhược điểm của website

7.4. Hướng phát triển

TÀI LIỆU THAM KHẢO

Tóm tắt

I. Phân tích tổng quan về website bán laptop và phụ kiện tại HCMUTE

Đồ án tốt nghiệp này tập trung vào việc xây dựng một website bán laptop và phụ kiện tại trường HCMUTE, sử dụng Laravel và Vue.js. Đồ án hướng đến mục tiêu tạo ra một nền tảng thương mại điện tử đầy đủ chức năng, đáp ứng nhu cầu của người dùng về việc tìm kiếm, so sánh và mua sản phẩm. Nội dung đồ án bao gồm các khía cạnh: nghiên cứu Laravel, Vue.js, PostgreSQL; thiết kế giao diện người dùng thân thiện; triển khai các chức năng chính như tìm kiếm, giỏ hàng, thanh toán; và tích hợp hệ thống gợi ý sản phẩm. Các Salient Keyword chính liên quan đến đồ án bao gồm: website bán laptop, phụ kiện laptop, HCMUTE. Salient LSI keyword có thể kể đến là website bán laptop HCMUTE, laptop chất lượng HCMUTE, mua laptop HCMUTE. Semantic Entity chính là website, laptop, phụ kiện. Salient Entity tập trung vào website bán laptop tại HCMUTE. Close Entity bao gồm các thương hiệu laptop, các loại phụ kiện, và trải nghiệm người dùng.

1.1 Nghiên cứu và lựa chọn công nghệ

Đồ án lựa chọn sử dụng Laravel Framework, một framework PHP mã nguồn mở phổ biến, được biết đến với khả năng xây dựng ứng dụng web mạnh mẽ và hiệu quả. Việc sử dụng Laravel giúp tối ưu hóa quá trình phát triển, đảm bảo tính bảo mật và khả năng mở rộng của website. Bên cạnh đó, Vue.js, một JavaScript framework hiện đại, được sử dụng để tạo ra giao diện người dùng động và thân thiện. Sự kết hợp giữa LaravelVue.js mang lại hiệu năng cao và trải nghiệm người dùng tốt. PostgreSQL, một hệ quản trị cơ sở dữ liệu quan hệ mạnh mẽ, được lựa chọn để lưu trữ dữ liệu của website. PostgreSQL đáp ứng các yêu cầu về độ tin cậy, hiệu suất và khả năng mở rộng. Các Semantic LSI keyword liên quan đến phần này bao gồm: Laravel, Vue.js, PostgreSQL, xây dựng website. Salient LSI keyword là sự lựa chọn cụ thể các công nghệ này trong ngữ cảnh đồ án. Những công nghệ này tạo nên Semantic Entitycông nghệ phát triển web. Salient Entity ở đây là sự lựa chọn và lý giải việc sử dụng bộ công cụ này. Close Entity bao gồm các framework khác như React, Angular, các hệ quản trị cơ sở dữ liệu khác như MySQL, MongoDB.

1.2 Thiết kế và triển khai chức năng

Thiết kế giao diện người dùng tập trung vào trải nghiệm người dùng, đơn giản và dễ sử dụng. Các chức năng chính bao gồm: tìm kiếm sản phẩm (theo tên, thuộc tính, giá cả…), xem chi tiết sản phẩm, thêm vào giỏ hàng, quản lý giỏ hàng, thanh toán, quản lý tài khoản người dùng. Website bán laptop HCMUTE cần đảm bảo tính năng tìm kiếm hiệu quả, giao diện trực quan, dễ dàng điều hướng. Laptop chất lượng HCMUTE, phụ kiện laptop HCMUTE, và giá laptop HCMUTE là những Semantic LSI keyword quan trọng. Salient LSI keyword là sự thể hiện cụ thể các tính năng này trong website. Semantic Entity liên quan là thương mại điện tử, giao diện người dùng, chức năng website. Salient Entity là thiết kế và triển khai các chức năng của website. Close Entity bao gồm các khía cạnh như bảo mật, tối ưu hóa website, hỗ trợ khách hàng.

1.3 Tích hợp hệ thống gợi ý sản phẩm

Hệ thống gợi ý sản phẩm được tích hợp nhằm tăng trải nghiệm người dùng và doanh số bán hàng. Hệ thống sử dụng thuật toán phù hợp để đề xuất các sản phẩm tương tự hoặc liên quan đến sản phẩm người dùng đang xem. Điều này giúp người dùng khám phá thêm các sản phẩm khác và tăng khả năng mua hàng. Semantic LSI keyword liên quan đến phần này có gợi ý sản phẩm, khuyến mãi laptop HCMUTE. Salient LSI keyword là tập trung vào việc tích hợp và hoạt động của hệ thống gợi ý. Semantic Entitythuật toán gợi ý, trải nghiệm người dùng. Salient Entity là hiệu quả của hệ thống gợi ý. Close Entity bao gồm các thuật toán khác nhau, đánh giá hiệu quả của hệ thống, và phản hồi của người dùng.

01/02/2025

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

Chương 1 TỔNG QUAN 1. Giới thiệu Hiện nay xã hội ngày một phát triển một cách nhanh chống kèm theo đó là các lĩnh vực như công nghệ, truyền thông, giải trí,… cũng phát triển rất mạnh. Không những thế cả về việc giáo dục cũng đang phát triển theo, không còn quá ràng buộc kiến thức chỉ ở sách vở, ngay cả việc giảng dạy cũng thế. Tất cả mọi thứ đều được đưa lên Internet và để tiếp cận một cách dễ dàng thì phải cần một chiếc laptop, nó là một thiết bị kết nối Internet thông qua mạng Wifi, không quá nặng và to như máy tính bàn, dễ dàng cho việc mang theo đến bất kì đâu.

Một thiết bị rất hữu dụng cho công việc, học tập và giải trí. Và để sở hữu một chiếc laptop mà không cần phải đi đâu, thì bạn chỉ cần tham khảo và đặt mua trên website thương mại về bán laptop hoặc đồ công nghệ. Và đây cũng là một phần đề tài mà nhóm thực hiện: Xây dựng một website bán laptop và phụ kiện. Website sẽ đáp ứng các nhu cầu chính như tìm kiếm, xem, so sánh và tiến hành đặt mua sản phẩm mà bạn muốn.

Website sẽ chuyên về bán laptop và những phụ kiện kèm theo như là bàn phím, chuột, tai nghe,…Website còn cũng cấp những sản phẩm gợi ý tương tự như sản phẩm mà bạn đã chọn xem. Ngoài ra sẽ còn nhiều tính năng khác khi bạn đăng nhập tài khoản. Mục tiêu đề ra Xây dựng một website bán laptop và phụ kiện, cung cấp cho người dùng những thông tin về laptop và phụ kiện một cách chi tiết, đưa ra lựa chọn về sản phẩm muốn mua một cách nhanh chóng. Ngoài ra website còn hướng đến trải nghiệm người dùng, giao diện đơn giản và dễ dàng sử dụng.

Phạm vi đề tài Xây dựng website theo hướng thương mại điện tử, cung cấp các chức năng cơ bản như xem danh sách sản phẩm, chi tiết từng sản phẩm, tìm kiếm sản phẩm, giỏ hàng và đặt hàng. Thiết kế website theo hướng đơn trang(Single Page Application) thay vì Multiple- page applications phải load lại toàn bộ trang web mỗi khi chuyển trang nhằm nâng cao trải nghiệm người dùng. 1 do an Chương 2 CƠ SỞ LÝ THUYẾT VÀ KHẢO SÁT THỰC TRẠNG 2. Laravel là gì? Là một framework PHP có mã nguồn mở miễn phí, giúp xây dựng các ứng dụng theo mô hình MVC (Model - View – Controller) một cách nhanh chóng, được tạo ra bởi một lập trình viên kỳ cựu từng làm .NET đó là Taylor Otwell.

Được phát hành lần đầu vào ngày 9 tháng 6 năm 2011 [1].1 Lịch sử các phiên bản phát hành Laravel [1] Trước đây Laravel có tên là Bootplant sau đó thì đổi thành là Laravel, nguồn gốc tên bắt nguồn từ tên một tòa lâu đài ở Narnia, một vùng đất không có thật, mà nó ở trong một thế giới được tưởng tượng ra bởi nhà văn Clive Staples Lewis, và viết thành cuốn tiểu thuyết “Biên niên sử Narnia” [4] rất nổi tiếng được dựng thành phim. Tòa lâu đài có tên là Paravel đọc lái đi sẽ thành Laravel, mục đích của Taylor Otwell là mong muốn đứa con tinh thần Laravel phát triển một cách mạnh mẽ và vững trải 2 do an như tòa lâu đài. Và rồi đến tận bây giờ thì Laravel vẫn luôn là một trong những framework tốt nhất của PHP 2. Tại sao nên dùng Laravel? Laravel có thể xây dựng hệ thống các ứng dụng web phức tạp với hiệu năng cao.

Cho dù laravel rất đơn giản và dễ dàng cho người mới tiếp cận với framework PHP nhưng vẫn đảm bảo hệ thống có kiến trúc thống nhất và khoa học [2]. Cộng đồng Laravel rất lớn trên Laracast, bạn có thể tìm câu trả lời cho những vấn đề, tình huống mà bạn thắc mắc hay là không biết trong Laravel. Không những thế các tài nguyên liên quan đến Laravel cũng rất đa dạng, dễ sử dụng. Tác giả của framework này -Taylor Otwell cũng đã biên soạn ra tài liệu để cho các lập trình viên khám phá và trải nghiệm [2].

Có tích hợp công cụ dòng lệnh là Artisan, hỗ trợ rất nhiều trong việc phát triển ứng dụng: tối ưu hóa ứng dụng, migrate dữ liệu, tạo các template, controller, … Trong Laravel có một bộ máy template rất hay, đó là blade template, giúp thực hiện làm việc tương tác giữa PHP và HTML đơn giản hơn, tách biệt hơn giữa mã hiển thị và mã logic nghiệp, cái mà trước đó chỉ có thể biết đến ở .NET hoặc Java. Blade template còn có thể kế thừa một template khác và có thể còn script js, jquery… Laravel sử dụng gói thư viện Webpack kết hợp với npm, yarn. nhằm giúp bạn tự động hóa thay vì build thủ công các ứng dụng và triển khai sản phẩm. Từ đó có thể thấy được Laravel hỗ trợ việc các đặt các gói thư viện và sử dụng nhằm tạo ra các tính năng tuyệt vời [2].

Laravel luôn thay đổi, cập nhật trong các phiên bản, luôn tìm kiếm những tính năng hay, những gói thư viện tốt và hữu ích để tích hợp vào. PHP là gì? PHP khởi đầu như là một dự án mã nguồn mở nhỏ, nhưng theo đà phát triển, ngày càng nhiều người thấy rằng nó càng ngày càng hữu ích. PHP được phát triển từ một sản phẩm có tên là PHP/FI. PHP/FI do Rasmus Lerdorf tạo ra năm 1994, ban đầu được xem như là một tập con đơn giản của các mã kịch bản Perl để theo dõi tình hình truy cập đến bản sơ yếu lý lịch của ông trên mạng.

Ông đã đặt tên cho bộ mã kịch bản này là "Personal Home Page Tools". Khi cần đến các chức năng rộng hơn, Rasmus đã viết ra một bộ thực thi bằng C lớn hơn để có thể truy vấn tới Database và giúp cho người sử dụng phát triển các ứng dụng web đơn giản. Rasmus đã quyết 3 do an định công bố mã nguồn của PHP/FI cho mọi người xem, sử dụng cũng như sửa các lỗi có trong nó, đồng thời cải tiến mã nguồn [6]. PHP viết hồi qui của "PHP: Hypertext Preprocessor".

PHP là ngôn ngữ lập trình kịch bản viết cho máy chủ mà được nhúng trong HTML. Nó được sử dụng để quản lý nội dụng động, Database, Session tracking, … Nó được tích hợp với một số Database thông dụng như MySQL, PostgreSQL, Oracle, Sybase, Informix, và Microsoft SQL Server. PHP thực thi rất tuyệt vời, đặc biệt khi được biên dịch như là một Apache Module trên Unix side. MySQL Server, khi được khởi động, thực thi các truy vấn phức tạp với các tập hợp kết quả khổng lồ trong thời gian Record-setting.

PHP hỗ trợ một số lượng rộng rãi các giao thức lớn như POP3, IMAP, và LDAP. PHP4 bổ sung sự hỗ trợ cho Java và các cấu trúc đối tượng phân phối (COM và CORBA).2 Top 10 ngôn ngữ lập trình phổ biến 2004 - 2020 2. Tại sao nên dùng PHP Hiện nay, có hàng ngàn ngôn ngữ lập trình có sẵn nhưng chỉ có vài ngôn ngữ phổ biến và được nhiều người tin dùng. 1 trong các ngôn ngữ lập trình phổ biến nhất đó là PHP.

Đây là 1 ngôn ngữ được thiết kế để phục vụ cho việc phát triển web và được cài đặt trên 20 triệu website, 1 triệu máy chủ web [6]. Ngôn ngữ ASP cũng là 1 ngôn ngữ lập trình được xem là 1 trong những đối thủ cạnh tranh của PHP, 2 ngôn ngữ này đều được dùng cho việc tạo website, linh động 4 do an hơn so với web tĩnh dùng ngôn ngữ HTML, cho phép người dùng tương tác và trao đổi thông tin. Hiện nay, có hàng ngàn ngôn ngữ lập trình có sẵn nhưng chỉ có vài ngôn ngữ phổ biến và được nhiều người tin dùng. 1 trong các ngôn ngữ lập trình phổ biến nhất đó là PHP.

Đây là 1 ngôn ngữ được thiết kế để phục vụ cho việc phát triển web và được cài đặt trên 20 triệu website, 1 triệu máy chủ web.3 So sánh tổng quan giữa ASP và PHP Ngôn ngữ ASP cũng là 1 ngôn ngữ lập trình được xem là 1 trong những đối thủ cạnh tranh của PHP, 2 ngôn ngữ này đều được dùng cho việc tạo website, linh động hơn so với web tĩnh dùng ngôn ngữ HTML, cho phép người dùng tương tác và trao đổi thông tin.js là gì? Là một framework linh động và còn là javascript framework dùng để xây dựng giao diện người dùng theo hướng ứng dụng đơn trang (SPA - Single-Page Applications). Giao diện website phân chia thành các component và có thể tái sử dụng, một component hay còn gọi là một đối tượng Vue. 5 do an Hình 2.4 Vòng đời của Vuejs 6 do an 2. Tại sao nên dùng Vue.js? Vue cung cấp hệ thống cho phép chúng ta render dữ liệu lên DOM theo hướng khai báo thay vì theo hướng mệnh lệnh.

Có các directive (chỉ thị) hỗ trợ cho transition (hiệu ứng chuyển đổi) khi mà một phần tử web nào đó được tạo ra, cập nhật hoặc bị xóa đi khỏi DOM. Ví dụ: v-bind, v-if, v-for, … Đi kèm với các event listener (phần tử lắng nghe sự kiện) và gọi các method (phương thức) trên đối tượng Vue là directive v-on, điều này giúp người dùng tương tác với ứng dụng một cách dễ dàng. Một component có thể được tái sử dụng ở các teample khác nhau. Vue đơn giản và dễ dàng tiếp cận, được tích hợp trong Laravel Framework.

PostgreSQL là gì? PostgreSQL là một hệ thống cơ sở dữ liệu quan hệ đối tượng mã nguồn mở mạnh mẽ với hơn 30 năm phát triển tích cực đã mang lại cho nó một danh tiếng mạnh mẽ về độ tin cậy, tính mạnh mẽ và hiệu suất. Đặc điểm của PostgreSQL  Là mã nguồn mở. [6]  Tuân thủ các chuẩn của SQL, chuẩn ACID.  Hoạt động được trên nhiều hệ điều hành như: Linux, UNIX, Mac OS X, Solaris và Windows.

 Hỗ trợ các ngôn ngữ như C/C++, Java, .Net, Perl, Python, Ruby thông qua interface JDBC, ODBC, PERL/DBI.  Là CSDL quan hệ hướng đối tượng.  Kiểu dữ liệu UUID, liệt kê (emumerated), nhị phân (binary), địa chỉ mạng (network address), tìm kiếm văn bản (Text Search), XML, mảng (Arrays), hình học (Geometric)…  Hỗ trợ MVCC, đánh chỉ mục (index), quản lý dung lượng bảng (tablespaces). Wampp là gì? WAMP là từ viết tắt của Windows, Apache, MySQL, và PHP [7].

Nó là một bộ phần mềm để cài đặt Apache, MySQL, PHP… Trên hệ điều hành Windows. Dĩ nhiên, có thể cài riêng rẻ từng phần mềm, nhưng thường mọi người sẽ cài cả bộ để sử dụng. WAMP được phát triển từ LAMP (chữ L là viết tắt của Linux). Sự khác biệt chính giữa 2 cái là WAMP thì dùng cho Windows, còn LAMP là dùng cho hệ điều hành nền Linux.

Chúng có công dụng tương đương nhau. Các ký tự của WAMP là gì:  “W” đại diện cho Windows, nếu dùng hệ Linux thì sẽ gọi là LAMP và dùng Mac thì gọi là MAMP.

Nội dung được bảo vệ bản quyền — Tải xuống đầy đủ

Bài viết "Website Bán Laptop và Phụ Kiện Chất Lượng Tại HCMUTE" cung cấp cái nhìn tổng quan về việc xây dựng một trang web thương mại điện tử chuyên bán laptop và phụ kiện tại HCMUTE. Nội dung bài viết nhấn mạnh tầm quan trọng của việc tối ưu hóa trải nghiệm người dùng, từ giao diện thân thiện đến quy trình thanh toán nhanh chóng. Bên cạnh đó, bài viết cũng đề cập đến các chiến lược marketing hiệu quả để thu hút khách hàng, giúp tăng doanh thu cho cửa hàng.

Nếu bạn muốn tìm hiểu thêm về các dự án xây dựng website trong các lĩnh vực khác, hãy tham khảo bài viết Đồ án hcmute tìm hiểu và xây dựng website bán khóa học với vuejs và laravel, nơi bạn có thể khám phá cách xây dựng một nền tảng học trực tuyến. Ngoài ra, bài viết Báo cáo đồ án chuyên nghành đề tài xây dựng website bán quần áo nam fmstyle sẽ cung cấp cho bạn những kiến thức về việc phát triển một trang web thương mại điện tử trong lĩnh vực thời trang. Cuối cùng, bạn cũng có thể tìm hiểu về Đồ án chuyên ngành xây dựng website kinh doanh phụ kiện thể thao cho cửa hàng ronaldo sports, giúp bạn có cái nhìn sâu sắc hơn về việc kinh doanh phụ kiện thể thao trực tuyến. Những liên kết này sẽ mở ra cho bạn nhiều cơ hội để mở rộng kiến thức và áp dụng vào dự án của mình.