Đồ án tốt nghiệp: Xây dựng Website bán đồ công nghệ sử dụng MERN Stack - HCMUTE

Khám phá chi tiết đồ án xây dựng website bán đồ công nghệ sử dụng MERN stack tại HCMUTE. Tìm hiểu quy trình, công nghệ và kết quả thực tế.

• Tác giả: Nguyễn Văn Từ
• Người hướng dẫn: Thạc sĩ Lê Thị Minh Châu
• Trường học: Đại học Sư phạm Kỹ thuật thành phố Hồ Chí Minh
• Chuyên ngành: Công nghệ thông tin
• Đề tài: Xây dựng website bán đồ công nghệ sử dụng MERN STACK
• Loại tài liệu: Khóa luận tốt nghiệp
• Năm xuất bản: 2022
• Địa điểm: Hồ Chí Minh

Tóm tắt

I. Đồ án HCMUTE Xây dựng website bán đồ công nghệ sử dụng MERN Stack

Đồ án này tập trung vào việc xây dựng một website bán đồ công nghệ, một dự án đầy tiềm năng và thú vị. Chúng ta sẽ khám phá quá trình phát triển website này, từ việc lựa chọn công nghệ cho đến các tính năng nổi bật và kết quả đạt được. Hãy cùng tìm hiểu chi tiết hơn về dự án này nhé!

1.1. Giới thiệu về MERN Stack và lợi ích trong dự án

MERN Stack là một công nghệ phổ biến trong phát triển web, bao gồm MongoDB, Express.js, React.js và Node.js. Trong dự án này, nhóm nghiên cứu đã lựa chọn MERN Stack vì những lợi ích mà nó mang lại. MERN Stack cho phép phát triển nhanh chóng, linh hoạt và hiệu quả, đặc biệt phù hợp với dự án xây dựng website bán hàng. Nó cung cấp một giải pháp toàn diện, từ quản lý dữ liệu đến giao diện người dùng, giúp tối ưu hóa trải nghiệm người dùng và tăng khả năng mở rộng của website.

1.2. Các tính năng nổi bật của website bán đồ công nghệ

Website bán đồ công nghệ được xây dựng với nhiều tính năng nổi bật, đáp ứng nhu cầu của người dùng. Một số tính năng chính bao gồm: hệ thống tìm kiếm thông minh, cho phép người dùng dễ dàng tìm kiếm sản phẩm; hệ thống đánh giá và bình luận, giúp người dùng chia sẻ trải nghiệm; và tính năng quản lý đơn hàng, cho phép người dùng theo dõi và quản lý đơn hàng của mình. Ngoài ra, website còn tích hợp các phương thức thanh toán an toàn và tiện lợi, mang lại sự thuận tiện cho người dùng.

1.3. Quá trình phát triển và kết quả đạt được

Quá trình phát triển website bán đồ công nghệ được thực hiện theo các bước cụ thể và chuyên nghiệp. Đầu tiên, nhóm nghiên cứu đã phân tích và lên kế hoạch chi tiết, xác định mục tiêu và phạm vi của dự án. Sau đó, họ bắt tay vào thiết kế giao diện người dùng, đảm bảo trải nghiệm người dùng tốt nhất. Tiếp theo, họ tập trung vào phát triển backend, sử dụng MERN Stack để xây dựng cơ sở dữ liệu và các chức năng cần thiết. Cuối cùng, họ tiến hành thử nghiệm và triển khai website. Kết quả đạt được là một website bán đồ công nghệ hoạt động hiệu quả, mang lại trải nghiệm mua sắm trực tuyến tuyệt vời cho người dùng.

II. Giải pháp kỹ thuật và ứng dụng thực tiễn

Trong dự án này, nhóm nghiên cứu đã áp dụng các giải pháp kỹ thuật tiên tiến và hiệu quả. Họ sử dụng MERN Stack để xây dựng website, tận dụng sức mạnh của MongoDB, Express.js, React.js và Node.js. Với MERN Stack, họ có thể phát triển website nhanh chóng và dễ dàng mở rộng. Ngoài ra, họ còn tích hợp các công nghệ khác như ReactJS, giúp tạo ra giao diện người dùng hấp dẫn và tương tác. Kết quả là một website bán đồ công nghệ hiện đại, đáp ứng nhu cầu của người dùng và mang lại lợi ích thực tiễn cho doanh nghiệp.

2.1. Ứng dụng thực tiễn của website bán đồ công nghệ

Website bán đồ công nghệ được phát triển với mục tiêu mang lại lợi ích thực tiễn cho doanh nghiệp và người dùng. Đối với doanh nghiệp, website này là một kênh bán hàng trực tuyến hiệu quả, giúp tăng doanh thu và tiếp cận khách hàng rộng rãi hơn. Doanh nghiệp có thể dễ dàng quản lý và cập nhật sản phẩm, cũng như theo dõi đơn hàng và tương tác với khách hàng. Đối với người dùng, website này mang lại trải nghiệm mua sắm trực tuyến tiện lợi và thú vị. Họ có thể dễ dàng tìm kiếm, so sánh và mua sắm các sản phẩm công nghệ yêu thích.

2.2. Giải pháp kỹ thuật và kết quả đạt được

Nhóm nghiên cứu đã áp dụng các giải pháp kỹ thuật tiên tiến và hiệu quả trong dự án này. Họ sử dụng MERN Stack để xây dựng website, tận dụng sức mạnh của MongoDB, Express.js, React.js và Node.js. MERN Stack cho phép họ phát triển website nhanh chóng và dễ dàng mở rộng. Ngoài ra, họ còn tích hợp các công nghệ khác như ReactJS, giúp tạo ra giao diện người dùng hấp dẫn và tương tác. Kết quả là một website bán đồ công nghệ hiện đại, hoạt động ổn định và mang lại trải nghiệm người dùng tuyệt vời. Website này đã được triển khai thành công, nhận được phản hồi tích cực từ người dùng và doanh nghiệp.

III. Kết luận và tương lai của dự án

Dự án xây dựng website bán đồ công nghệ sử dụng MERN Stack đã đạt được những kết quả ấn tượng. Website này đã mang lại trải nghiệm mua sắm trực tuyến tuyệt vời cho người dùng, đồng thời giúp doanh nghiệp tăng doanh thu và mở rộng thị trường. Với các giải pháp kỹ thuật tiên tiến và hiệu quả, nhóm nghiên cứu đã tạo ra một website hiện đại, dễ sử dụng và hấp dẫn. Tuy nhiên, dự án này vẫn còn nhiều tiềm năng để phát triển hơn nữa. Trong tương lai, nhóm nghiên cứu có thể tiếp tục cải tiến và nâng cấp website, bổ sung thêm các tính năng mới, cũng như tối ưu hóa trải nghiệm người dùng. Họ cũng có thể mở rộng phạm vi của dự án, bao gồm thêm các sản phẩm và dịch vụ khác, tạo ra một nền tảng bán hàng toàn diện.

3.1. Kết quả đạt được và ý nghĩa của dự án

Dự án xây dựng website bán đồ công nghệ đã đạt được những kết quả đáng ghi nhận. Website này đã hoạt động hiệu quả, mang lại lợi ích thực tiễn cho doanh nghiệp và người dùng. Nó đã chứng minh được khả năng của MERN Stack trong việc phát triển website bán hàng trực tuyến. Với các tính năng nổi bật và trải nghiệm người dùng tuyệt vời, website này đã nhận được sự đón nhận tích cực từ thị trường. Dự án này cũng đã góp phần thúc đẩy sự phát triển của ngành công nghệ thông tin, đặc biệt là trong lĩnh vực thương mại điện tử.

3.2. Tương lai và triển vọng của dự án

Dự án này vẫn còn nhiều tiềm năng để phát triển và mở rộng. Trong tương lai, nhóm nghiên cứu có thể tiếp tục cải tiến website, bổ sung thêm các tính năng mới và nâng cao trải nghiệm người dùng. Họ có thể tích hợp các công nghệ mới, như trí tuệ nhân tạo và thực tế ảo, để tạo ra một website bán đồ công nghệ tiên tiến và hấp dẫn hơn. Ngoài ra, họ cũng có thể mở rộng phạm vi của dự án, bao gồm thêm các sản phẩm và dịch vụ khác, tạo ra một nền tảng đa dạng và toàn diện. Với sự phát triển không ngừng của công nghệ, dự án này có thể trở thành một nền tảng bán hàng trực tuyến hàng đầu, mang lại lợi ích cho cả doanh nghiệp và người dùng.

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

CHƯƠNG 1. GIỚI THIỆU CÔNG NGHỆ SỬ DỤNG VÀ Ý TƯỞNG VỀ CÁCH LẬP TRÌNH ĐỂ XÂY DỰNG WEBSITE BÁN HÀNG I. Giới thiệu Hình 1.js là một mã nguồn mở, một môi trường được thiết kế để viết các ứng dụng mạng có khả năng mở rộng, đặc biệt là máy chủ web.js được viết bằng ngôn ngữ JavaScript và có thể chạy trên các hệ điều hành như Mac OS X, Windows, Linux, FreeBSD và IBM i.js cung cấp một kiến trúc hướng sự kiện (event-driven architecture) và non-blocking I/O API, tối ưu hoá băng thông của một ứng dụng và có khả năng mở rộng.js sử dụng Google V8 JavaScript engine để thực thi code và có một tỷ lệ lớn module được viết bằng Javascript. Các module của Node.js đã giúp việc viết code đơn giản hơn, giảm đi độ phức tạp cho viết ứng dụng trên server.js chứa một thư viện built-in cho phép các ứng dụng hoạt động như một Webserver mà không cần phần mềm như Nginx, Apache HTTP Server hoặc IIS.

Mọi hàm trong Node.js là không đồng bộ (asynchronous). Do đó, các tác vụ đều được xử lý và thực thi ở chế độ nền (background processing). [2] Đặc biệt Node.js được chọn làm nền tảng phát triển ở Microsoft, Yahoo, Walmart, Groupon, SAP, LinkedIn, Rakuten, Paypal, Voxer và GoDaddy. Lịch sử hình thành và phát triển: Node.js ban đầu được viết bởi Ryan Dahl vào năm 2009, khoảng mười 16 h ba năm sau khi giới thiệu môi trường JavaScript phía máy chủ đầu tiên, Netscape's LiveWire Pro Web.

Bản phát hành ban đầu chỉ hỗ trợ Linux và Mac OS X. Việc phát triển và bảo trì của nó được dẫn dắt bởi Dahl và sau đó được Joyent tài trợ. [4] Dahl chỉ trích khả năng hạn chế của máy chủ web phổ biến nhất năm 2009, Apache HTTP Server , để xử lý nhiều kết nối đồng thời (lên đến 10.000 và hơn thế nữa) và cách phổ biến nhất để tạo mã (lập trình tuần tự), khi mã bị chặn toàn bộ quá trình hoặc ngụ ý nhiều ngăn xếp thực thi trong trường hợp kết nối đồng thời. [4] Dahl đã trình diễn dự án tại JSConf Châu Âu khai mạc vào ngày 8 tháng 11 năm 2009.js kết hợp công cụ JavaScript V8 của Google , một vòng lặp sự kiện và một API I / O cấp thấp.

[4] Vào tháng 1 năm 2010, một trình quản lý gói đã được giới thiệu cho môi trường Node.js được gọi là npm. Trình quản lý gói giúp các lập trình viên dễ dàng xuất bản và chia sẻ mã nguồn của các gói Node.js và được thiết kế để đơn giản hóa việc cài đặt, cập nhật và gỡ cài đặt các gói. [4] Vào tháng 6 năm 2011, Microsoft và Joyent đã triển khai phiên bản Windows gốc của Node. Bản dựng Node.js đầu tiên hỗ trợ Windows được phát hành vào tháng 7 năm 2011.

[4] Vào tháng 1 năm 2012, Dahl bỏ qua một bên, thúc đẩy đồng nghiệp và người sáng tạo npm Isaac Schlueter quản lý dự án. Vào tháng 1 năm 2014, Schlueter thông báo rằng Timothy J. Fontaine sẽ dẫn đầu dự án. [4] Vào tháng 12 năm 2014, Fedor Indutny bắt đầu io.js, một nhánh của Node.

Do mâu thuẫn nội bộ về quản trị của Joyent, io.js đã được tạo ra như một giải pháp thay thế quản trị mở với một ủy ban kỹ thuật riêng biệt. Không giống như Node.js, các tác giả đã lên kế hoạch cập nhật io.js với các bản phát hành mới nhất của Google V8 JavaScript engine. [4] Vào tháng 2 năm 2015, ý định thành lập Quỹ Node.js trung lập đã được công bố. Đến tháng 6 năm 2015, cộng đồng Node.js và io.js đã bỏ phiếu để làm việc cùng nhau dưới Node.

[4] Vào tháng 9 năm 2015, Node.3 đã được hợp nhất lại 17 h với nhau thành Node v4. Sự hợp nhất này đã đưa các tính năng của V8 ES6 vào Node.js và chu kỳ phát hành hỗ trợ dài hạn. Tính đến năm 2016, trang web io.js khuyến nghị các nhà phát triển chuyển trở lại Node.js và không có kế hoạch phát hành thêm io.js do hợp nhất. Ưu và nhược điểm của Node.js: Ưu điểm: − Nhận và xử lý nhiều kết nối chỉ với một single-thread: Điều này giúp hệ thống tốn ít RAM nhất và chạy nhanh nhất khi không phải tạo thread mới cho mỗi truy vấn giống PHP.

Ngoài ra, tận dụng ưu điểm non- blocking I/O của Javascript mà Node.js tận dụng tối đa tài nguyên của server mà không tạo ra độ trễ như PHP. [5] − JSON APIs: Với cơ chế event-driven, non-blocking I/O và mô hình kết hợp với Javascript là sự lựa chọn tuyệt vời cho các dịch vụ Webs làm bằng JSON. [5] − Ứng dụng trên 1 trang: Node.js có khả năng xử lý nhiều Request/s đồng thời thời gian phản hồi nhanh. [5] − Shelling tools unix: Node.js sẽ tận dụng tối đa Unix để hoạt động.

Tức là Node.js có thể xử lý hàng nghìn Process và trả ra 1 luồng khiến cho hiệu xuất hoạt động đạt mức tối đa nhất và tuyệt vời nhất. Giả xử sẽ cần xử lý 1 luồng giữ liệu cực lớn, Node.js sẽ xây dựng các Proxy phân vùng các luồng dữ liệu để đảm bảo tối đa hoạt động cho các luồng dữ liệu khác. [5] − Ứng dụng web thời gian thực: Với sự ra đời của các ứng dụng di động & HTML 5 nên Node.js rất hiệu quả khi xây dựng những ứng dụng thời gian thực như ứng dụng chat, các dịch vụ mạng xã hội như Facebook, Twitter,… [5] Nhược điểm: − Ở thời điểm hiện tại, Node.js còn đang ở trong giai đoạn phát triển đầu tiên, chính vì lẽ đó, các đặc trưng ban đầu có thể bị thay đổi trong quá 18 h trình phát triển tiếp theo.js là môi trường xử lý đơn luồng và theo hướng sự kiện nên nó không thích hợp với những ứng dụng cần dùng nhiều CPU. Do đó không nên sử dụng Node.js để xây dựng và quản lý ứng dụng như xử lý video, hình ảnh bởi khi xử lý các tệp quá lớn Node.js rất có thể bị treo máy hoặc không phản hồi.js gây hao tốn tài nguyên và thời gian: Node.js được viết bằng C++ và JavaScript nên khi xử lý cần phải trải qua một quá trình biên dịch.

Nếu cần xử lý những ứng dụng tốn tài nguyên CPU thì không nên sử dụng Node.js so với các ngôn ngữ khác như PHP, Ruby và Python sẽ không có sự chênh lệch quá nhiều.js có thể sẽ phù hợp với việc phát triển ứng dụng mới. Tuy nhiên khi xây dựng và triển khai dự án quan trọng thì Node.js không phải là sự lựa chọn hoàn hảo nhất. Công dụng của Node.js trong đề tài: Lợi ích lớn với Node.js là có thể sử dụng cú pháp JavaScript để xây dựng toàn bộ hệ thống, cả giao diện người dùng và phía server, làm cho Node.js trở thành một công cụ tuyệt vời để phát triển và duy trì một trang web thương mại điện tử và phối hợp giữa các thành viên trong nhóm trên back-end cũng như front-end. Có cùng cấu trúc JavaScript ở cả hai mảng sẽ đẩy nhanh quá trình phát triển ứng dụng.

Điều quan trọng cần đề cập là Node.js làm cho việc sửa lỗi trở nên dễ dàng hơn. Có rất nhiều công ty thành công khi sử dụng Node.js cho các ứng dụng của họ vì nó mang lại nhiều cơ hội hơn cho các nhà phát triển trong việc cập nhật các xu hướng đang thay đổi.js có thể tạo ra trải nghiệm tuyệt vời cho khách hàng truy cập trang web thương mại điện tử.js là một nền tảng phức tạp hơn, nó cho phép các nhà phát triển xây dựng những thứ phức tạp hơn dễ dàng hơn so với PHP. Nó cũng hỗ trợ đa nhiệm tạo ra kết quả tốt hơn với chi phí thấp hơn. Trên một trang web thương mại điện tử, hành trình của người mua bao gồm nhiều hành động và thao tác.

Ví dụ: thay đổi các tính năng của sản phẩm 19 h và thêm những thứ vào giỏ hoặc chọn hình thức thanh toán. Đó là lý do tại sao điều quan trọng là phải chọn một cơ sở mã có thể xử lý các tác vụ này cùng một lúc. Từ quan điểm về khả năng mở rộng, các cửa hàng thương mại điện tử có thể phát triển đáng kể trong một khoảng thời gian ngắn.js có một cơ chế tích hợp để xử lý khả năng mở rộng nên nó trở thành một lựa chọn tuyệt vời cho một trang web thương mại điện tử. Cài đặt Tải Node.js tại địa chỉ: https://Node.org/en/download/ Thực hiện các bước cài đặt.

Kiểm tra đã cài Node.js trên máy tính hay chưa bằng cách mở cmd, gõ lệnh node -v và npm -v Hình 2. Cài đặt Node.js thành công II. Giới thiệu NoSQL: NoSQL được phát triển trên Javascript Framework với kiểu dữ liệu là JSON và dạng dữ liệu theo kiểu key và value. NoSQL ra đời như là 1 mảnh vá cho những khuyết điểm và thiếu xót cũng như hạn chế của mô hình dữ liệu quan hệ RDBMS về tốc độ, tính năng, khả năng mở rộng,.

[7] Với NoSQL người quản trị cơ sở dữ liệu có thể mở rộng dữ liệu mà không lo tới những việc như tạo khóa ngoại, khóa chính, kiểm tra ràng buộc 20 h. NoSQL bỏ qua tính toàn vẹn của dữ liệu và transaction để đổi lấy hiệu suất nhanh và khả năng mở rộng. [8] NoSQL được sử dụng ở rất nhiều công ty, tập đoàn lớn, ví dụ như FaceBook sử dụng Cassandra do FaceBook phát triển, Google phát triển và sử dụng BigTable,. MongoDB MongoDB là một hệ quản trị cơ sở dữ liệu mã nguồn mở, là cơ sở dữ liệu thuộc NoSql và được hàng triệu người sử dụng.

MongoDB là một database hướng tài liệu, các dữ liệu được lưu trữ trong document kiểu JSON thay vì dạng bảng như cơ sở dữ liệu quan hệ nên truy vấn sẽ rất nhanh. [10] Với cơ sở dữ liệu quan hệ thì có khái niệm bảng, các cơ sở dữ liệu quan hệ (như MySQL hay SQL Server.) sử dụng các bảng để lưu dữ liệu thì với MongoDB thì sẽ dùng khái niệm là collection thay vì bảng. So với RDBMS thì trong MongoDB collection ứng với table, còn document sẽ ứng với row , MongoDB sẽ dùng các document thay cho row trong RDBMS. [10] Các collection trong MongoDB được cấu trúc rất linh hoạt, cho phép các dữ liệu lưu trữ không cần tuân theo một cấu trúc nhất định.

[10] Thông tin liên quan được lưu trữ cùng nhau để truy cập truy vấn nhanh thông qua ngôn ngữ truy vấn MongoDB. [10] Các khái niệm chính của MongoDB: − Database: Database là một container vật lý cho các collection. Mỗi database được thiết lập cho riêng nó một danh sách các files hệ thống files. Một máy chủ MongoDB đơn thường có nhiều database.

[10] − Collection: Collection là một nhóm các documents của MongoDB. Nó tương đương với một table trong RDBMS. Một Collection tồn tại trong 21 h một cơ sở dữ liệu duy nhất.