Đồ án HCMUTE: Phát triển website tìm kiếm cửa hàng sản phẩm sử dụng MERN Stack và Google Maps API

• Tác giả: Phạm Thế Hữu
• Người hướng dẫn: TS. Lê Văn Vinh
• Trường học: Trường Đạ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: Phát Triển Website Tìm Kiếm Cửa Hàng Sản Phẩm Với MERN Stack Và Google Maps API
• Loại tài liệu: Khóa Luận Tốt Nghiệp
• Năm xuất bản: 2019
• Địa điểm: Hồ Chí Minh

• LỜI CẢM ƠN
• 1. PHẦN 1: PHẦN MỞ ĐẦU
• 1.1. TÍNH CẤP THIẾT ĐỀ TÀI
• 1.2. MỤC TIÊU CỦA ĐỀ TÀI
• 1.3. CÁCH TIẾP CẬN VÀ PHƯƠNG PHÁP NGHIÊN CỨU
• 1.4. ĐỐI TƯỢNG NGHIÊN CỨU
• 1.5. PHẠM VI NGHIÊN CỨU
• 1.6. KẾT QUẢ DỰ KIẾN ĐẠT ĐƯỢC
• 2. PHẦN 2: PHẦN NỘI DUNG
• 2. CHƯƠNG 1: CƠ SỞ LÝ THUYẾT
• 2.1. TÌM HIỂU MERN STACK
• 2.1.1. Khái niệm Javascript
• 2.1.2. Tiêu chuẩn ECMAScript
• 2.2. TÌM HIỂU EXPRESS FRAMEWORK CỦA NODEJS
• 2.3. ỨNG DỤNG MERN STACK TRONG PHÁT TRIỂN WEBSITE
• 2.3.1. Khái niệm về công nghệ Stack
• 2.3.2. Khái niệm MERN Stack
• 2.3.3. Những điểm nổi bật trong MERN Stack
• 2.4. TÌM HIỂU GOOGLE MAPS API
• 2.4.1. Giới thiệu Google Maps API
• 2.4.2. Một số ứng dụng của Google Maps API
• 2.5. TÌM HIỂU MÔ HÌNH MVC TRONG XÂY DỰNG WEBSITE
• 2.5.1. Tìm hiểu mô hình MVC
• 2.5.2. Chi tiết từng lớp mô hình MVC
• 2.5.3. Ưu - Nhược điểm mô hình MVC
• 3. CHƯƠNG 2: KHẢO SÁT HIỆN TRẠNG VÀ XÁC ĐỊNH YÊU CẦU
• 3.1. KHẢO SÁT HIỆN TRẠNG
• 3.2. XÁC ĐỊNH YÊU CẦU
• 3.2.1. Yêu cầu chức năng
• 3.2.2. Yêu cầu phi chức năng
• 3.3. MÔ HÌNH HÓA YÊU CẦU
• 3.3.1. Lược đồ use case
• 3.3.2. Đặc tả use case
• 4. CHƯƠNG 3: THIẾT KẾ PHẦN MỀM
• 4.1. THIẾT KẾ HỆ THỐNG
• 4.1.1. Lược đồ tuần tự
• 4.2. THIẾT KẾ CƠ SỞ DỮ LIỆU
• 4.2.1. Cấu trúc dữ liệu
• 4.2.2. Các ràng buộc toàn vẹn
• 4.2.3. Lược đồ thực thể quan hệ
• 4.2.4. Mô tả chi tiết các bảng dữ liệu
• 4.3. THIẾT KẾ GIAO DIỆN
• 5. CHƯƠNG 4: CÀI ĐẶT VÀ KIỂM THỬ
• 5.1. THIẾT LẬP MÔI TRƯỜNG
• 5.2. XÂY DỰNG CẤU TRÚC PROJECT
• 6. PHẦN 3: PHẦN KẾT LUẬN
• 6.1. KẾT QUẢ ĐẠT ĐƯỢC
• 6.2. NHƯỢC ĐIỂM
• 6.3. HƯỚNG PHÁT TRIỂN TRONG TƯƠNG LAI
• TÀI LIỆU THAM KHẢO

I. Giới thiệu về đề tài

Đề tài 'Phát triển website tìm kiếm cửa hàng sản phẩm với MERN Stack và Google Maps API' nhằm giải quyết vấn đề tìm kiếm sản phẩm tại các cửa hàng nhỏ lẻ. Thị trường Việt Nam hiện có nhiều cửa hàng offline, nhưng người tiêu dùng gặp khó khăn trong việc tìm kiếm sản phẩm. Việc phát triển một website giúp người dùng dễ dàng tìm kiếm sản phẩm gần họ là rất cần thiết. Website này không chỉ giúp người tiêu dùng mà còn hỗ trợ các cửa hàng nhỏ lẻ trong việc quản lý sản phẩm và thương hiệu của họ.

1.1. Tính cấp thiết của đề tài

Sự phát triển của thương mại điện tử đã tạo ra nhiều cơ hội cho các cửa hàng nhỏ lẻ. Tuy nhiên, người tiêu dùng vẫn gặp khó khăn trong việc tìm kiếm sản phẩm gần họ. Việc phát triển một website tìm kiếm sản phẩm sẽ giúp kết nối người tiêu dùng với các cửa hàng, đồng thời giảm chi phí marketing cho các cửa hàng nhỏ lẻ. Điều này không chỉ mang lại lợi ích cho người tiêu dùng mà còn cho các cửa hàng trong việc tăng doanh thu và mở rộng thị trường.

II. Công nghệ MERN Stack

MERN Stack bao gồm bốn công nghệ chính: MongoDB, Express.js, React.js và Node.js. MongoDB là cơ sở dữ liệu NoSQL, cho phép lưu trữ dữ liệu linh hoạt. Express.js là framework cho Node.js, giúp xây dựng ứng dụng web một cách nhanh chóng và dễ dàng. React.js là thư viện JavaScript cho phép xây dựng giao diện người dùng tương tác. Node.js cho phép chạy JavaScript trên server, tạo ra một môi trường phát triển đồng nhất. Sự kết hợp của các công nghệ này giúp phát triển website một cách hiệu quả và nhanh chóng.

2.1. Lợi ích của MERN Stack

Sử dụng MERN Stack mang lại nhiều lợi ích cho việc phát triển website. Đầu tiên, nó cho phép phát triển ứng dụng một cách nhanh chóng nhờ vào tính linh hoạt của MongoDB và Express.js. Thứ hai, React.js giúp tạo ra giao diện người dùng mượt mà và tương tác tốt. Cuối cùng, Node.js cho phép xử lý nhiều yêu cầu đồng thời, nâng cao hiệu suất của ứng dụng. Nhờ vào những lợi ích này, MERN Stack trở thành lựa chọn phổ biến cho các dự án phát triển web hiện nay.

III. Google Maps API

Google Maps API cung cấp các công cụ mạnh mẽ để tích hợp bản đồ vào ứng dụng web. Với API này, người dùng có thể tìm kiếm vị trí cửa hàng, định vị vị trí hiện tại và hiển thị thông tin chi tiết về cửa hàng. Việc sử dụng Google Maps API trong website tìm kiếm cửa hàng sẽ giúp người tiêu dùng dễ dàng tìm thấy sản phẩm gần họ. Hệ thống cũng cho phép các cửa hàng hiển thị vị trí của mình trên bản đồ, tạo điều kiện thuận lợi cho việc tìm kiếm.

3.1. Ứng dụng của Google Maps API

Google Maps API không chỉ giúp hiển thị bản đồ mà còn cung cấp nhiều tính năng hữu ích khác như chỉ đường, tìm kiếm địa điểm và hiển thị thông tin chi tiết. Điều này rất quan trọng trong việc phát triển website tìm kiếm cửa hàng, vì người tiêu dùng có thể dễ dàng tìm thấy cửa hàng mà họ cần. Hơn nữa, việc tích hợp Google Maps API giúp nâng cao trải nghiệm người dùng, tạo ra sự thuận tiện và nhanh chóng trong việc tìm kiếm sản phẩm.

IV. Kết luận

Đề tài 'Phát triển website tìm kiếm cửa hàng sản phẩm với MERN Stack và Google Maps API' không chỉ mang lại giải pháp cho vấn đề tìm kiếm sản phẩm mà còn tạo ra cơ hội cho các cửa hàng nhỏ lẻ. Việc áp dụng công nghệ hiện đại như MERN Stack và Google Maps API giúp tối ưu hóa quy trình tìm kiếm và quản lý sản phẩm. Kết quả của đề tài này có thể được áp dụng rộng rãi trong thực tiễn, góp phần thúc đẩy sự phát triển của thương mại điện tử tại Việt Nam.

4.1. Hướng phát triển trong tương lai

Trong tương lai, có thể mở rộng các tính năng của website như tích hợp thanh toán trực tuyến, hệ thống đánh giá sản phẩm và cửa hàng, cũng như các chương trình khuyến mãi. Điều này sẽ giúp nâng cao trải nghiệm người dùng và thu hút nhiều khách hàng hơn. Hơn nữa, việc phát triển ứng dụng di động cũng là một hướng đi tiềm năng, giúp người tiêu dùng dễ dàng truy cập và tìm kiếm sản phẩm mọi lúc, mọi nơi.