Xây Dựng Website Kinh Doanh Rau Quả Tươi - Đề Án Học Phản Học Phần

Đồ án kỹ thuật nghiên cứu học phần công nghệ phần mềm đề tài xây dựng website 4fruit shop, thiết kế chi tiết, tính toán kỹ thuật theo tiêu chuẩn, đánh giá tính khả thi dự án.

• Đề tài: Xây Dựng Website Kinh Doanh Rau Quả Tươi

Mục lục chi tiết

• LỜI MỞ ĐẦU
• LỜI CẢM ƠN
• LỜI CAM ĐOAN
• PHIẾU PHÂN CÔNG NHIỆM VỤ
• 1. PHẦN 1: TỔNG QUAN VỀ HTML
• 1.1. TỔNG QUAN VỀ CSS/SCSS/SASS
• 1.2. ƯU, NHƯỢC ĐIỂM JAVASCRIPT
• 1.3. CÁC MODULE PHỔ BIẾN CỦA JAVASCRIPT
• 1.4. ƯU, NHƯỢC ĐIỂM CỦA MONGODB
• 1.5. ƯU, NHƯỢC ĐIỂM CỦA NODEJS
• 2. PHẦN 2: TỔNG QUAN HỆ THỐNG, ĐỐI TƯỢNG VÀ MỤC TIÊU CỦA WEBSITE
• 3. KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN
• 4. KẾT QUẢ ĐẠT ĐƯỢC, HƯỚNG PHÁT TRIỂN, MỞ RỘNG ĐỀ TÀI
• TÀI LIỆU THAM KHẢO

Tóm tắt

I. Tổng quan xu hướng xây dựng website kinh doanh rau quả

Trong bối cảnh công nghệ số, việc xây dựng website kinh doanh rau quả tươi không còn là lựa chọn mà là một yêu cầu tất yếu. Sự phát triển của thương mại điện tử đã thay đổi hoàn toàn hành vi mua sắm của người tiêu dùng, kể cả đối với các mặt hàng thiết yếu như thực phẩm. Một website chuyên nghiệp không chỉ là kênh bán hàng mà còn là công cụ xây dựng thương hiệu, tiếp cận khách hàng tiềm năng và tối ưu hóa quy trình vận hành. Tài liệu nghiên cứu "XÂY DỰNG WEBSITE 4FRUIT SHOP" của Đại học Công nghệ Tp.HCM đã khẳng định vai trò của Internet như một nền tảng cốt lõi cho việc trao đổi thông tin và thúc đẩy thương mại, làm biến đổi văn hóa và nâng cao chất lượng cuộc sống. Việc phát triển một hệ thống bán hàng trực tuyến giúp doanh nghiệp quảng bá sản phẩm hiệu quả, mở rộng thị trường và tăng doanh thu. Do đó, việc đầu tư vào một giải pháp thương mại điện tử cho nông sản là bước đi chiến lược, mang lại lợi thế cạnh tranh bền vững trong thị trường hiện đại.

1.1. Tầm quan trọng của thương mại điện tử cho nông sản

Thương mại điện tử mở ra một kênh phân phối mới, giúp các nhà sản xuất và kinh doanh nông sản tiếp cận trực tiếp người tiêu dùng cuối cùng. Điều này giúp cắt giảm các khâu trung gian, tối ưu hóa lợi nhuận và cho phép kiểm soát tốt hơn chất lượng sản phẩm khi đến tay khách hàng. Việc làm web bán thực phẩm sạch tạo ra một không gian trưng bày sản phẩm không giới hạn, cung cấp đầy đủ thông tin về nguồn gốc, quy trình canh tác và chứng nhận chất lượng, từ đó xây dựng lòng tin vững chắc nơi khách hàng. Hơn nữa, một website cho phép doanh nghiệp thu thập dữ liệu khách hàng, phân tích hành vi mua sắm để đưa ra các chiến lược marketing và chăm sóc khách hàng cá nhân hóa, hiệu quả hơn so với phương thức kinh doanh truyền thống. Đây là công cụ không thể thiếu để nâng cao năng lực cạnh tranh và phát triển bền vững.

1.2. Phân tích đối tượng và mục tiêu của website bán hàng

Để xây dựng một website hiệu quả, việc xác định rõ đối tượng và mục tiêu là bước đầu tiên và quan trọng nhất. Theo tài liệu phân tích dự án 4Fruit Shop, hệ thống phục vụ hai đối tượng chính: Quản trị viên (Admin) và Khách hàng (Customer). Đối với Admin, website phải cung cấp các công cụ để quản lý sản phẩm, đơn hàng, và thông tin khách hàng một cách hiệu quả. Đối với Khách hàng, mục tiêu là tạo ra một trải nghiệm mua sắm đơn giản, thân thiện và tiện lợi, từ việc xem thông tin sản phẩm, tìm kiếm, đặt hàng cho đến thanh toán. Việc phân chia rõ ràng các nhóm người dùng (Guest, User) với các quyền hạn khác nhau (xem tin tức, đăng ký, đặt mua) giúp tạo website bán hàng rau củ có cấu trúc chặt chẽ và đáp ứng chính xác nhu cầu của từng nhóm, từ đó tối ưu hóa tỷ lệ chuyển đổi và giữ chân khách hàng.

II. Rào cản khi làm web bán thực phẩm sạch cần vượt qua

Việc xây dựng website kinh doanh rau quả tươi mang lại nhiều cơ hội nhưng cũng đi kèm với không ít thách thức đặc thù. Khác với các sản phẩm thông thường, rau quả tươi đòi hỏi quy trình bảo quản và vận chuyển nghiêm ngặt để đảm bảo chất lượng. Thách thức lớn nhất nằm ở việc đồng bộ hóa giữa hệ thống quản lý tồn kho trực tuyến và thực tế, cũng như xây dựng một giải pháp vận chuyển cho rau quả tươi nhanh chóng và hiệu quả. Ngoài ra, việc tạo dựng niềm tin cho người tiêu dùng về chất lượng và nguồn gốc sản phẩm trên không gian mạng cũng là một rào cản lớn. Tài liệu gốc cũng chỉ ra các nhược điểm của một hệ thống ban đầu, bao gồm giao diện chưa thống nhất, số lượng sản phẩm còn ít, và quy trình thanh toán chưa được xử lý hoàn chỉnh. Đây là những vấn đề cốt lõi cần được giải quyết triệt để để đảm bảo website vận hành trơn tru và mang lại trải nghiệm tốt nhất cho khách hàng.

2.1. Thách thức trong quản lý đơn hàng và vận chuyển

Quản lý đơn hàng và vận chuyển là hai trong số những thách thức phức tạp nhất đối với một cửa hàng rau hữu cơ trực tuyến. Sản phẩm rau quả có vòng đời ngắn, dễ hư hỏng, đòi hỏi quy trình xử lý đơn hàng phải cực kỳ nhanh chóng. Hệ thống cần có khả năng cập nhật tồn kho theo thời gian thực để tránh tình trạng khách đặt hàng nhưng hết hàng. Thêm vào đó, việc lựa chọn đối tác và giải pháp vận chuyển cho rau quả tươi phải đảm bảo thời gian giao hàng ngắn, có quy trình bảo quản lạnh phù hợp để sản phẩm luôn tươi ngon khi đến tay khách hàng. Chi phí làm website bán hàng không chỉ dừng lại ở khâu thiết kế mà còn phải tính đến chi phí vận hành cho các giải pháp logistics phức tạp này.

2.2. Vấn đề bảo mật và trải nghiệm người dùng chưa tối ưu

An toàn thông tin và trải nghiệm người dùng (UI/UX) là yếu tố sống còn. Một website bán hàng thu thập nhiều dữ liệu nhạy cảm của khách hàng như địa chỉ, số điện thoại, thông tin thanh toán. Do đó, bảo mật là ưu tiên hàng đầu để tránh rò rỉ dữ liệu và tạo sự an tâm cho người mua. Về trải nghiệm, như được ghi nhận trong phần "Nhược điểm" của dự án 4Fruit Shop, một giao diện website bán thực phẩm chưa thống nhất, khó sử dụng sẽ làm giảm tỷ lệ chuyển đổi. Việc tối ưu hóa giao diện trên nhiều thiết bị, đặc biệt là di động, cùng với quy trình thanh toán đơn giản, minh bạch là điều bắt buộc. Tài khoản người dùng chưa được tối ưu, thiếu các tính năng tiện ích cũng là một điểm yếu cần khắc phục để nâng cao sự hài lòng của khách hàng.

III. Hướng dẫn các tính năng website bán rau củ quả cần có

Một trang web bán rau củ quả thành công phải được trang bị đầy đủ các tính năng cần thiết để phục vụ cả người quản trị và khách hàng. Đây không chỉ là một cửa hàng trực tuyến mà còn là một hệ thống vận hành hoàn chỉnh. Dựa trên phân tích từ dự án 4Fruit Shop, các module chức năng cốt lõi là nền tảng cho việc xây dựng website kinh doanh rau quả tươi hiệu quả. Các tính năng website bán rau củ phải bao gồm: quản lý sản phẩm chi tiết, giỏ hàng thông minh, hệ thống đăng ký và quản lý tài khoản thành viên, công cụ tìm kiếm mạnh mẽ, và quy trình thanh toán an toàn. Việc đầu tư vào các tính năng này ngay từ đầu sẽ giúp hệ thống dễ dàng mở rộng và đáp ứng được nhu cầu ngày càng tăng của thị trường, đồng thời mang lại một quy trình mua sắm liền mạch và chuyên nghiệp cho người dùng.

3.1. Xây dựng module sản phẩm và giỏ hàng thông minh

Module sản phẩm là trái tim của website, cần hiển thị đầy đủ thông tin như hình ảnh sắc nét, tên, giá, mô tả chi tiết và nguồn gốc. Việc phân loại sản phẩm khoa học theo danh mục (rau, củ, quả, hữu cơ) giúp khách hàng dễ dàng tìm kiếm. Chức năng giỏ hàng cần được thiết kế trực quan, cho phép người dùng dễ dàng thêm, bớt, thay đổi số lượng sản phẩm. Theo mô tả trong tài liệu gốc, giỏ hàng mô phỏng thực tế, hiển thị đầy đủ hình ảnh, số lượng, đơn giá và tổng tiền, tạo sự minh bạch cho khách hàng trước khi tiến đến bước thanh toán. Đây là một tính năng website bán rau củ không thể thiếu để tối ưu hóa trải nghiệm mua hàng.

3.2. Tích hợp thanh toán trực tuyến và quản lý tài khoản

Module đăng ký thành viên và đăng nhập là bắt buộc để quản lý thông tin khách hàng và thực hiện giao dịch. Hệ thống cần lưu trữ an toàn thông tin cá nhân và cho phép người dùng tự quản lý tài khoản, xem lại lịch sử mua hàng. Quan trọng hơn cả là việc tích hợp thanh toán trực tuyến. Sau khi chọn sản phẩm, trang thanh toán phải yêu cầu khách hàng nhập đầy đủ thông tin giao nhận và cung cấp nhiều phương thức thanh toán an toàn (thẻ tín dụng, ví điện tử, COD). Một quy trình thanh toán liền mạch và bảo mật sẽ làm tăng tỷ lệ hoàn tất đơn hàng, góp phần quan trọng vào thành công của việc thiết kế website bán nông sản.

IV. Cách chọn nền tảng bán rau quả online hiệu quả nhất

Lựa chọn công nghệ là quyết định mang tính nền tảng, ảnh hưởng trực tiếp đến hiệu suất, khả năng mở rộng và chi phí vận hành của website. Đồ án "XÂY DỰNG WEBSITE 4FRUIT SHOP" đã cung cấp một ví dụ điển hình về việc ứng dụng một bộ công nghệ hiện đại để xây dựng website kinh doanh rau quả tươi. Việc lựa chọn nền tảng bán rau quả online phù hợp phụ thuộc vào quy mô, ngân sách và yêu cầu kỹ thuật của dự án. Nền tảng được chọn phải đảm bảo tốc độ xử lý nhanh, khả năng xử lý nhiều yêu cầu đồng thời và linh hoạt trong việc phát triển các tính năng mới. Sự kết hợp giữa một backend mạnh mẽ và một frontend linh hoạt sẽ tạo ra một hệ thống thương mại điện tử toàn diện, sẵn sàng đáp ứng các thách thức của ngành hàng thực phẩm tươi sống.

4.1. Phân tích nền tảng NodeJS và cơ sở dữ liệu MongoDB

Tài liệu nghiên cứu đã lựa chọn NodeJS làm nền tảng backend, xây dựng trên V8 JavaScript Engine. Ưu điểm của NodeJS là cơ chế bất đồng bộ, hướng sự kiện, cho phép xử lý nhiều yêu cầu cùng lúc với hiệu suất cao, rất phù hợp cho các ứng dụng thời gian thực và website thương mại điện tử có lưu lượng truy cập lớn. Về cơ sở dữ liệu, MongoDB, một dạng NoSQL, được sử dụng để lưu trữ dữ liệu phi cấu trúc dưới dạng tài liệu JSON. Điều này mang lại tính linh hoạt cao, dễ dàng mở rộng và tốc độ truy vấn nhanh, đặc biệt phù hợp với việc quản lý thông tin sản phẩm và đơn hàng đa dạng của một website bán trái cây nhập khẩu hay rau củ quả.

4.2. Vai trò của HTML CSS JavaScript trong giao diện web

Phía client-side, bộ ba công nghệ nền tảng là HTML, CSS, và JavaScript đóng vai trò quyết định đến trải nghiệm người dùng. HTML (Ngôn ngữ đánh dấu siêu văn bản) được dùng để cấu trúc nội dung trang web. CSS (Cascading Style Sheets) chịu trách nhiệm định dạng, tạo kiểu, bố cục và đảm bảo giao diện website bán thực phẩm hấp dẫn, hài hòa. JavaScript, cùng với thư viện jQuery, tạo ra các tính năng động và tương tác, giúp trang web trở nên sống động và hấp dẫn hơn. Sự kết hợp nhuần nhuyễn của ba công nghệ này, như đã được áp dụng trong dự án 4Fruit Shop, là chìa khóa để tạo ra một giao diện thân thiện, dễ sử dụng và chuyên nghiệp, thu hút người dùng ngay từ lần truy cập đầu tiên.

V. Phân tích case study thiết kế website bán nông sản

Nghiên cứu điển hình về dự án 4Fruit Shop cung cấp những bài học thực tiễn quý giá cho quá trình xây dựng website kinh doanh rau quả tươi. Việc phân tích một dự án cụ thể từ khâu lên ý tưởng, lựa chọn công nghệ, phát triển chức năng cho đến khi triển khai giúp nhận diện rõ những yếu tố thành công và các điểm cần cải thiện. Kết quả đạt được của dự án cho thấy một hệ thống cơ bản đã hoàn thiện với các chức năng cần thiết cho cả người dùng và quản trị viên. Tuy nhiên, việc thẳng thắn nhìn nhận các nhược điểm còn tồn tại cũng là một phần quan trọng của quá trình nghiên cứu. Từ đó, có thể rút ra kinh nghiệm để tối ưu hóa các dự án tương lai, đảm bảo việc thiết kế website bán nông sản không chỉ đáp ứng yêu cầu kỹ thuật mà còn thực sự hiệu quả trong kinh doanh.

5.1. Kết quả đạt được từ dự án website 4Fruit Shop

Dự án đã thành công trong việc xây dựng một website với đầy đủ các chức năng cốt lõi. Đối với người dùng, trang web có giao diện hài hòa, bắt mắt, hỗ trợ tìm kiếm và phân loại sản phẩm, cho phép quản lý tài khoản cá nhân và thực hiện quy trình thêm vào giỏ hàng, thanh toán một cách thuận tiện. Đối với quản trị viên, hệ thống cung cấp các công cụ để thêm, sửa, xóa sản phẩm và tạo thêm tài khoản admin. Những kết quả này, được liệt kê trong Bảng 1 của tài liệu, chứng tỏ tính khả thi của việc áp dụng bộ công nghệ đã chọn để tạo website bán hàng rau củ, giúp rút ngắn thời gian mua sắm và đơn giản hóa việc quản lý cửa hàng.

5.2. Bài học kinh nghiệm từ các nhược điểm của dự án

Phần đánh giá nhược điểm trong tài liệu gốc là nguồn thông tin vô giá. Các vấn đề như giao diện chưa thống nhất, số lượng sản phẩm ít, và thanh toán chưa qua xử lý chỉ ra rằng việc hoàn thiện một website thương mại điện tử là một quá trình liên tục. Bài học rút ra là cần phải có một kế hoạch chi tiết hơn cho việc thiết kế UI/UX đồng bộ, chiến lược nhập liệu sản phẩm phong phú ngay từ đầu, và đặc biệt là phải hợp tác với các công ty thiết kế web uy tín hoặc chuyên gia để triển khai các cổng thanh toán an toàn và đáng tin cậy. Việc nhận diện sớm các nhược điểm này giúp các dự án sau tránh được những sai lầm tương tự.

VI. Bí quyết tối ưu SEO website nông sản và hướng đi mới

Hoàn thành việc xây dựng website kinh doanh rau quả tươi chỉ là bước khởi đầu. Để thu hút khách hàng và cạnh tranh hiệu quả, tối ưu hóa công cụ tìm kiếm (SEO) và liên tục phát triển các tính năng mới là điều kiện tiên quyết. Phần "Hướng phát triển, mở rộng đề tài" trong tài liệu 4Fruit Shop đã phác thảo một lộ trình rõ ràng cho tương lai. Việc phát triển không chỉ dừng lại ở việc khắc phục các nhược điểm hiện tại mà còn phải hướng đến việc tích hợp các công nghệ tiên tiến, nâng cao trải nghiệm người dùng và tăng cường bảo mật. Một chiến lược phát triển dài hạn, kết hợp giữa cải tiến kỹ thuật và tối ưu SEO website nông sản, sẽ đảm bảo sự tăng trưởng bền vững cho doanh nghiệp trong thị trường số.

6.1. Đề xuất phát triển tính năng thống kê và quảng cáo

Hướng phát triển được đề xuất trong tài liệu gốc nhấn mạnh tầm quan trọng của dữ liệu. Việc xây dựng các chức năng thống kê cho trang Admin, chẳng hạn như số lượng sản phẩm đã bán, lượng hàng tồn kho, và số lượt khách truy cập, là cực kỳ cần thiết. Những dữ liệu này cung cấp cái nhìn sâu sắc về tình hình kinh doanh, giúp người quản trị đưa ra quyết định chính xác. Bên cạnh đó, việc tích hợp module quản lý quảng cáo (thêm, xóa, sửa) cho phép website tạo thêm nguồn thu và triển khai các chiến dịch marketing một cách linh hoạt. Đây là những bước đi quan trọng để biến website từ một công cụ bán hàng đơn thuần thành một nền tảng kinh doanh thông minh.

6.2. Tăng cường bảo mật và mở rộng tích hợp bên thứ ba

Tương lai của thương mại điện tử gắn liền với sự tiện lợi và an toàn. Đề xuất về việc "Bảo mật website" và "thêm chức năng đăng nhập bên thứ ba (Facebook, Google)" là hoàn toàn phù hợp với xu hướng hiện nay. Việc tăng cường các lớp bảo mật giúp bảo vệ cả doanh nghiệp và khách hàng khỏi các mối đe dọa an ninh mạng. Đồng thời, việc cho phép đăng nhập bằng tài khoản mạng xã hội giúp đơn giản hóa quá trình đăng ký, giảm rào cản cho người dùng mới và cải thiện tỷ lệ chuyển đổi. Những cải tiến này không chỉ nâng cao hiệu quả hoạt động mà còn khẳng định sự chuyên nghiệp và uy tín của công ty thiết kế web uy tín đứng sau dự án.

Nội dung chính

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

Đồ án học phần Công nghệ phần mềm với đề tài "Xây dựng website kinh doanh rau quả tươi" (hệ thống 4Fruit Shop) được thực hiện bởi nhóm sinh viên Đặng Tiến Đạt, Nguyễn Đức Hùng, Nguyễn Cửu Tính và Võ Minh Long (Lớp 20DTHC3, Khoa Công nghệ Thông tin, Trường Đại học Công nghệ TP. HCM - HUTECH), dưới sự hướng dẫn của ThS. Dương Thành Phết, hoàn thành vào ngày 28 tháng 10 năm 2022.

Bối cảnh thực tiễn

Trong bối cảnh công nghệ thông tin và mạng Internet phát triển mạnh mẽ, việc ứng dụng tin học hóa đóng vai trò then chốt trong hoạt động kinh doanh, giúp doanh nghiệp cắt giảm chi phí và nâng cao hiệu quả vận hành so với phương thức truyền thống. Thương mại điện tử đã trở thành phương tiện thiết yếu để mở rộng thị trường, quảng bá mặt hàng và tương tác trực tiếp với khách hàng.

Khảo sát hiện trạng tại đơn vị thực tế cho thấy cửa hàng 4Fruits Shop chuyên cung cấp các mặt hàng rau, củ, quả tươi tại khu vực TP. Hồ Chí Minh và các tỉnh phụ cận. Cơ cấu tổ chức của cửa hàng bao gồm 5 bộ phận chính: Ban quản lý, Bộ phận kế toán, Bộ phận bán hàng, Bộ phận sản xuất và Bộ phận giao nhận. Khách hàng của đơn vị được phân loại thành hai nhóm:

• Khách hàng thường xuyên: Các đại lý, cửa hàng, siêu thị có nhu cầu đặt hàng định kỳ số lượng lớn theo hợp đồng và được hưởng chính sách ưu đãi riêng.
• Khách hàng không thường xuyên: Khách mua lẻ trực tiếp hoặc đặt hàng theo nhu cầu cá nhân.

Vấn đề và mục tiêu nghiên cứu

Nhằm giải quyết nhu cầu mở rộng thị trường kinh doanh, nâng cao doanh thu, đồng thời hỗ trợ người tiêu dùng tiếp cận nguồn thực phẩm tươi sạch một cách nhanh chóng, đề tài tập trung vào các mục tiêu cụ thể:

1. Phân tích hiện trạng nghiệp vụ bán hàng và quản lý đơn hàng của cửa hàng rau quả tươi.
2. Xây dựng quy trình xử lý đơn hàng trực tuyến, tinh giản các bước mua sắm và quản lý thông tin.
3. Thiết kế và hiện thực hóa website thương mại điện tử hoàn chỉnh, hỗ trợ khách hàng tra cứu, chọn mua nông sản và hỗ trợ nhà quản trị quản lý danh mục sản phẩm, người dùng và đơn hàng.

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

• Đối tượng nghiên cứu: Quy trình phân tích, thiết kế và phát triển hệ thống phần mềm website bán lẻ nông sản tươi; các tương tác giữa khách hàng (khách vãng lai, người dùng đã đăng ký) và nhà quản trị hệ thống.
• Phạm vi hệ thống: Ứng dụng web thương mại điện tử với hai phân hệ chính (Frontend cho khách hàng và Dashboard cho Quản trị viên), thử nghiệm cơ sở dữ liệu trên môi trường máy chủ cục bộ với các dòng sản phẩm rau củ quả phổ biến.

---

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

Khung công nghệ và nền tảng phát triển

Đồ án lựa chọn ngăn xếp công nghệ JavaScript Fullstack kết hợp cơ sở dữ liệu NoSQL, bao gồm:

Thành phần	Công nghệ / Nền tảng	Đặc tính kỹ thuật theo văn bản
Giao diện cấu trúc	HTML	Ngôn ngữ đánh dấu siêu văn bản theo chuẩn W3C; đảm nhiệm phân chia bố cục, định dạng văn bản tĩnh, liên kết và tích hợp các tập lệnh.
Định dạng giao diện	CSS / SCSS / SASS	Xử lý kiểu dáng hiển thị, bố cục màu sắc, font chữ; tối ưu hóa khả năng hiển thị tương thích trên nhiều kích thước màn hình thiết bị khác nhau.
Xử lý tương tác Client	JavaScript / jQuery	Ngôn ngữ kịch bản phía máy khách (Client-side) kết hợp thư viện jQuery hỗ trợ các module: Ajax, Effect, DOM, Event, Form, Attributes, Selector.
Nền tảng Backend	NodeJS	Nền tảng thực thi mã JavaScript xây dựng trên V8 JavaScript Engine, cơ chế hướng sự kiện không đồng bộ (Asynchronous Event-driven), xử lý nhiều kết nối đồng thời.
Cơ sở dữ liệu	MongoDB	Hệ quản trị cơ sở dữ liệu NoSQL hướng tài liệu (Document-oriented), dữ liệu lưu trữ cấu trúc BSON/JSON; hỗ trợ Ad hoc query, Indexing, Replication, Aggregation.

                       [ Kiến trúc Web Application ]
  [ Phía Client ]                                         [ Phía Server ]
  • HTML / CSS / SCSS                                     • NodeJS Runtime
  • JavaScript & jQuery Modules                           • RESTful API Handling
  • Responsive UI Views                                   • Business Logic
                           [ Cơ sở dữ liệu NoSQL ]
                           • MongoDB (homev1)
                           • Collections: users, products, bills, admins

Phương pháp nghiên cứu và phát triển

Tác giả áp dụng quy trình công nghệ phần mềm tiêu chuẩn qua các bước:

1. Khảo sát và thu thập yêu cầu: Phân tích nhu cầu thực tế của cửa hàng 4Fruits Shop và phân loại người dùng (Guest, User, Admin).
2. Mô hình hóa hệ thống (UML): Xây dựng sơ đồ ca sử dụng (Use Case) tổng quát, phân rã các ca sử dụng chức năng (Admin, Mua - Đặt hàng, Quản lý tài khoản, Xem giỏ hàng) và mô hình tuần tự (Sequence Diagram).
3. Mô hình hóa dữ liệu: Thiết kế sơ đồ quan hệ thực thể (ERD) kết hợp xác định cấu trúc bảng dữ liệu logic và xây dựng các collections trên MongoDB.
4. Hiện thực hóa và kiểm thử giao diện: Lập trình các trang giao diện, xây dựng các API truyền nhận dữ liệu giữa máy khách và máy chủ.

---

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

Phân quyền và ca sử dụng hệ thống

Hệ thống phân định quyền hạn rõ ràng giữa các nhóm đối tượng tham gia:

• Khách vãng lai (Guest): Truy cập trang chủ, xem danh sách sản phẩm nổi bật/giảm giá, tìm kiếm sản phẩm theo danh mục, đọc bài viết chia sẻ trên Blog, đăng ký tài khoản mới.
• Thành viên (User): Đăng nhập/đăng xuất hệ thống, chỉnh sửa hồ sơ cá nhân (email, mật khẩu), chọn sản phẩm vào giỏ hàng, tùy chỉnh số lượng, thực hiện đặt hàng thanh toán và tra cứu lịch sử mua hàng (purchase orders).
• Quản trị viên (Admin): Đăng nhập trang quản trị riêng biệt, thêm tài khoản quản trị mới, thực hiện các thao tác thêm, sửa, xóa thông tin sản phẩm, theo dõi đơn đặt hàng, quản lý và xóa thông tin khách hàng vi phạm (không có quyền sửa đổi thông tin riêng tư của khách).

Thiết kế cơ sở dữ liệu quan hệ và Document NoSQL

Hệ thống được thiết kế theo cấu trúc bảng dữ liệu logic và ánh xạ sang các tập tài liệu MongoDB (homev1 database):

Bảng dữ liệu logic của hệ thống

Tên bảng	Tên trường	Kiểu dữ liệu	Khóa	Diễn giải chức năng
LoaiHang	MaLoai TenLoai	int nvarchar(100)	PK -	Mã định danh loại mặt hàng. Tên phân loại rau củ quả.
MatHang	MaHang TenHang DonGia HinhAnh Mota MaLoai	int nvarchar(100) int nvarchar(200) nvarchar(100) int	PK - - - - FK	Mã sản phẩm. Tên mặt hàng rau củ quả. Đơn giá bán. Đường dẫn hình ảnh minh họa. Mô tả chi tiết sản phẩm. Mã liên kết loại mặt hàng.
KhachHang	maKhach TenKhach DiaChi DienThoai Email	int nvarchar(50) nvarchar(50) int nvarchar(50)	PK - - - -	Mã định danh khách hàng. Họ và tên khách hàng. Địa chỉ nơi cư trú. Số điện thoại liên lạc. Hộp thư điện tử.
DonDatHang	MaDonHang maKhach NgayDat NgayGiao	int int datetime nvarchar(50)	PK FK - -	Mã định danh đơn hàng. Mã khách hàng thực hiện đặt. Thời điểm tạo đơn hàng. Thời gian/thời điểm giao hàng.
CTDonDatHang	MaDonHang MaHang SoLuong DiaChi	int int int nvarchar(50)	PFK PFK - -	Mã đơn đặt hàng liên kết. Mã mặt hàng liên kết. Số lượng sản phẩm đặt mua. Địa chỉ nhận hàng cụ thể.

Cấu trúc Collections trên MongoDB

Hệ thống triển khai thực tế trên cơ sở dữ liệu homev1 gồm 4 collections:

• homev1.admins: Lưu trữ thông tin tài khoản, mật khẩu định danh của ban quản trị.
• homev1.users: Quản lý danh sách người dùng thành viên, thông tin đăng nhập và thông tin cá nhân.
• homev1.products: Chứa toàn bộ dữ liệu mặt hàng (tên, đơn giá, URL hình ảnh, phân loại danh mục, mô tả).
• homev1.bills: Lưu trữ chi tiết hóa đơn, các mặt hàng đã mua, thời gian đặt, địa chỉ giao nhận và tổng tiền thanh toán.

---

Nội dung chính theo từng phần của đồ án

Phần 1: Cơ sở lý thuyết

Nội dung phần 1 tập trung phân tích tổng quan các công nghệ được áp dụng trong dự án:

• HTML và CSS/SCSS/SASS: Phân tích vai trò cấu trúc và định kiểu trang web. Báo cáo làm rõ ưu điểm của CSS trong việc tách biệt nội dung khỏi định dạng, tiết kiệm thời gian viết mã, tối ưu tốc độ tải trang và đảm bảo tính tương thích đa thiết bị.
• JavaScript và jQuery: Khái quát tiến trình lịch sử (từ Mocha năm 1995, Mona, LiveScript đến JavaScript); phân tích vai trò thực thi kịch bản phía máy khách và các module chức năng của jQuery nhằm rút ngắn cú pháp lập trình tương tác.
• MongoDB: Phân tích kiến trúc cơ sở dữ liệu NoSQL hướng tài liệu dạng BSON/JSON, cơ chế ghi đệm trên RAM giúp nâng cao tốc độ truy vấn, hỗ trợ lập chỉ mục (Indexing), nhân bản dữ liệu (Replication) và tính toán tổng hợp (Aggregation).
• NodeJS: Trình bày nền tảng phát triển phía máy chủ dựa trên V8 Engine; làm rõ khả năng ứng dụng trong việc xây dựng Single-Page Applications (SPA), truyền phát dữ liệu (Data Streaming), xử lý ứng dụng thời gian thực và tích hợp hệ thống IoT nhờ khả năng xử lý bất đồng bộ.

Phần 2: Tổng quan hệ thống

Phần 2 trình bày toàn bộ kết quả khảo sát và phân tích thiết kế:

• Khảo sát nghiệp vụ: Làm rõ quy trình hoạt động, cơ cấu tổ chức và nhu cầu thực tế của cửa hàng nông sản 4Fruits Shop.
• Mô tả chức năng chi tiết: Định nghĩa 6 module trọng tâm: Module sản phẩm, Module giỏ hàng, Module đăng ký/đăng nhập, Module tìm kiếm sản phẩm, Module quản lý sản phẩm - đơn hàng (Admin), Module thanh toán đơn hàng.
• Đặc tả mô hình: Trình bày các sơ đồ thực thể kết hợp (ERD), sơ đồ Use Case tổng quát, các sơ đồ Use Case phân rã chi tiết cho từng tác nhân và sơ đồ tuần tự (Sequence Diagram) mô tả tương tác luồng dữ liệu.

Phần 3: Giao diện và cơ sở dữ liệu

Phần này minh chứng các kết quả hiện thực hóa phần mềm qua hệ thống giao diện:

• Giao diện Client: Trang chủ tích hợp video nền và banner động; khu vực hiển thị sản phẩm nổi bật, sản phẩm giảm giá; trang thông tin liên hệ và chân trang (Footer); trang bài viết Blog chia sẻ mẹo vặt nông sản; giao diện đăng ký tài khoản (bắt buộc xác nhận điều khoản dịch vụ) và đăng nhập người dùng.
• Quy trình mua hàng và thanh toán: Màn hình giỏ hàng cho phép điều chỉnh số lượng hoặc xóa mặt hàng; màn hình Checkout nhập thông tin người nhận (Billing details); màn hình thông báo hoàn tất đơn hàng (Thank You page); trang hồ sơ cá nhân (profile) và trang lịch sử hóa đơn mua hàng (purchase orders / bill details).
• Giao diện Quản trị Admin: Màn hình đăng nhập quản trị riêng biệt (Login Admin); bảng điều khiển quản lý danh mục sản phẩm; biểu mẫu thêm mới sản phẩm (Add New Product); biểu mẫu cập nhật/chỉnh sửa thông tin sản phẩm (Edit Product); chức năng xóa sản phẩm; trang tạo mới tài khoản quản trị viên và trang cá nhân quản trị.
• Cơ sở dữ liệu trực quan: Ảnh chụp trực tiếp cấu trúc các collection dữ liệu đang hoạt động trên hệ thống (homev1.admins, homev1.bills, homev1.products, homev1.users).

                              [ Sơ đồ chức năng hệ thống ]
  [ Phân hệ Khách hàng ]                                              [ Phân hệ Quản trị Admin ]

Phần 4: Kết luận và hướng phát triển

Phần 4 tổng hợp các kết quả thực tế đạt được, đánh giá ưu điểm, hạn chế của hệ thống và lập bảng kế hoạch mở rộng các tính năng cần phát triển trong tương lai.

---

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

Đánh giá mức độ hoàn thành nhiệm vụ của nhóm tác giả

Theo phiếu phân công nhiệm vụ trong đồ án, kết quả thực hiện của từng thành viên được ghi nhận cụ thể:

STT	Sinh viên thực hiện	MSSV	Nội dung công việc đảm nhiệm	Tỉ lệ đóng góp	Điểm đánh giá
1	Nguyễn Đức Hùng	2011061543	Phân tích yêu cầu; vẽ sơ đồ Use Case, Class, ERD, Sequence Diagram; chỉnh sửa báo cáo; xây dựng database MongoDB (users, products, bills, admins); thiết kế giao diện và chức năng trang Home, Profile; xử lý API load dữ liệu, tìm kiếm, giỏ hàng, purchase order.	35%	10 đ
2	Đặng Tiến Đạt	2011062503	Phân tích yêu cầu, vẽ mô hình Use Case, Sequence Diagram, Class Diagram; lập kế hoạch, theo dõi và giám sát tiến độ đồ án; thiết kế giao diện và xử lý trang Admin, Login Admin.	25%	10 đ
3	Nguyễn Cửu Tính	2011770453	Thiết kế giao diện và xử lý trang Login, Register; thiết kế giao diện trang Blogs; thiết kế chân trang (Footer).	20%	9.0 đ
4	Võ Minh Long	2011143127	Soạn thảo tài liệu báo cáo Word, tìm kiếm tài liệu tham khảo, phân tích vấn đề, lên kế hoạch báo cáo; thiết kế giao diện và xử lý logic trang Thanh toán, trang Cảm ơn (Thank You), trang Lịch sử mua hàng (Purchase orders).	20%	8.5 đ

Kết quả tính năng đạt được (Bảng 1 trong văn bản)

Phân hệ	Chức năng hoàn thiện	Nội dung triển khai cụ thể
Trang người dùng	Giao diện tổng thể	Bố cục hài hòa, bắt mắt, tích hợp hiệu ứng động trên đầu trang.
	Tin tức - Blog	Trang blog hiển thị bài viết hài hòa, thân thiện với người dùng.
	Tìm kiếm sản phẩm	Tra cứu sản phẩm theo tên chính xác và hỗ trợ phân loại theo danh mục.
	Quản lý tài khoản	Cho phép người dùng cập nhật thông tin cá nhân, đổi mật khẩu và xem lại hóa đơn.
	Trưng bày sản phẩm	Hình ảnh trực quan, hỗ trợ chế độ phóng to cận cảnh sản phẩm nông sản.
	Giỏ hàng	Hiển thị đầy đủ hình ảnh, đơn giá, phân loại, số lượng và tổng tiền.
	Thanh toán	Biểu mẫu thanh toán yêu cầu nhập thông tin người nhận kèm mã định danh khách hàng.
Trang Admin	Quản lý sản phẩm	Biểu mẫu thêm mới sản phẩm, cập nhật thông tin và xóa sản phẩm khỏi hệ thống.
	Quản lý quản trị viên	Cấp quyền và tạo thêm tài khoản quản trị (Admin) mới vào hệ thống.

Đóng góp thực tiễn của đồ án

• Xây dựng thành công một mô hình website bán hàng nông sản trực tuyến hoàn chỉnh từ khâu phân tích nghiệp vụ, mô hình hóa dữ liệu đến lập trình giao diện và kết nối CSDL NoSQL.
• Giúp người tiêu dùng tiết kiệm thời gian mua sắm nông sản tươi sạch, cung cấp đầy đủ thông tin về giá thành, chủng loại và nguồn gốc sản phẩm.
• Hỗ trợ cửa hàng 4Fruits Shop tối ưu hóa nhân sự quản lý; quy trình bán hàng và quản trị đơn hàng có thể vận hành tinh gọn chỉ với một người quản trị.

---

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

Hạn chế tồn tại

Nhóm tác giả đã thẳng thắn chỉ ra các điểm còn hạn chế của hệ thống trong báo cáo:

• Tính đồng nhất về mặt thiết kế giao diện giữa các trang thành phần chưa đạt mức tối ưu.
• Số lượng dữ liệu mặt hàng rau củ quả đưa vào thử nghiệm còn hạn chế, chưa bao quát toàn bộ danh mục kinh doanh thực tế.
• Khâu thanh toán đơn hàng mới dừng lại ở mức ghi nhận thông tin đơn hàng và địa chỉ giao nhận vào CSDL, chưa tích hợp cổng thanh toán trực tuyến xử lý tự động (như thẻ ngân hàng hay ví điện tử).
• Chức năng quản lý tài khoản người dùng chưa được tối ưu hóa toàn diện, còn thiếu các tính năng nâng cao.

Hướng phát triển và mở rộng đề tài (Bảng 2 trong văn bản)

Phân hệ	Yêu cầu chức năng phát triển	Nội dung mở rộng định hướng
Trang người dùng	Tích hợp bên thứ ba	Bổ sung chức năng xác thực và đăng nhập nhanh qua tài khoản mạng xã hội (Facebook, Google).
Trang Admin	Báo cáo - Thống kê	Xây dựng chức năng thống kê chi tiết số lượng sản phẩm đã bán và số lượng hàng tồn kho.
	Theo dõi truy cập	Bổ sung module đo lường và thống kê số lượt khách hàng truy cập website.
	Quản lý quảng cáo	Tích hợp hệ thống quản lý banner quảng cáo hợp tác kinh doanh (Thêm, Xóa, Sửa quảng cáo).
Toàn hệ thống	Bảo mật và hoàn thiện	Nâng cấp cơ chế an toàn, bảo mật dữ liệu website và khắc phục các lỗi vận hành phát sinh.

---

Giá trị tham khảo

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

1. Sinh viên ngành Công nghệ thông tin và Kỹ thuật phần mềm: Là tài liệu tham khảo trực tiếp cho các học phần như Công nghệ phần mềm, Phân tích thiết kế hệ thống thông tin, Phát triển ứng dụng Web hoặc đồ án tốt nghiệp chuyên ngành.
2. Lập trình viên Web cơ bản: Cung cấp tài liệu tổng quan và so sánh ưu, nhược điểm của các công nghệ nền tảng (HTML, CSS/SCSS, JavaScript, jQuery, MongoDB, NodeJS) và cách phối hợp các công nghệ này trong mô hình Fullstack JavaScript.
3. Người phát triển ứng dụng thương mại điện tử: Có thể tái sử dụng bộ tài liệu phân tích hệ thống gồm sơ đồ thực thể liên kết (ERD), từ điển dữ liệu 5 bảng quan hệ và quy trình phân rã Use Case chức năng cho các dự án bán hàng trực tuyến quy mô vừa và nhỏ.

---

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

1. Đồ án được thực hiện nhằm giải quyết bài toán kinh doanh cho đơn vị nào?

Đồ án giải quyết bài toán kinh doanh và chuyển đổi số cho cửa hàng 4Fruits Shop – một đơn vị sản xuất và phân phối rau củ quả tươi cho các đại lý, siêu thị và khách hàng mua lẻ tại khu vực TP. Hồ Chí Minh cùng các tỉnh phụ cận.

2. Ngăn xếp công nghệ chính được nhóm tác giả sử dụng trong dự án là gì?

Nhóm tác giả sử dụng ngăn xếp công nghệ bao gồm: HTML, CSS/SCSS/SASS, JavaScript thuần, thư viện jQuery cho phía máy khách (Frontend); nền tảng NodeJS (V8 Engine) cho phía máy chủ (Backend); và cơ sở dữ liệu NoSQL MongoDB (database homev1) để lưu trữ dữ liệu dưới dạng Document BSON/JSON.

3. Cơ sở dữ liệu logic của hệ thống được thiết kế gồm những bảng nào?

Mô hình dữ liệu quan hệ logic của hệ thống bao gồm 5 bảng chính:

• LoaiHang (Phân loại mặt hàng)
• MatHang (Thông tin chi tiết mặt hàng)
• KhachHang (Thông tin người mua)
• DonDatHang (Thông tin đơn đặt hàng tổng quát)
• CTDonDatHang (Chi tiết các mặt hàng và số lượng trong từng đơn)

4. Phân hệ Admin trên website cung cấp những chức năng quản trị nào?

Phân hệ Admin cung cấp các chức năng: đăng nhập trang quản trị riêng, thêm mới sản phẩm (Add New Product), cập nhật thông tin sản phẩm (Edit Product), xóa sản phẩm, tạo thêm tài khoản quản trị mới, theo dõi thông tin đơn đặt hàng và quản lý xóa dữ liệu khách hàng.

5. Những điểm hạn chế lớn nhất của hệ thống được nhóm tác giả ghi nhận là gì?

Các hạn chế chính bao gồm: giao diện giữa các trang chưa thực sự đồng bộ; số lượng sản phẩm nhập mẫu còn ít; quy trình thanh toán chưa tích hợp cổng thanh toán trực tuyến bên thứ ba; và module tài khoản người dùng chưa được tối ưu hóa toàn diện.

---

Kết luận

Đồ án "Xây dựng website kinh doanh rau quả tươi" của nhóm sinh viên Trường Đại học Công nghệ TP. HCM (HUTECH) đã hoàn thành tốt các mục tiêu đặt ra cho học phần Công nghệ phần mềm. Nhóm tác giả đã khảo sát thực tế nghiệp vụ của cửa hàng 4Fruits Shop, thực hiện đầy đủ các bước phân tích thiết kế hệ thống bằng UML và xây dựng thành công ứng dụng web thương mại điện tử với nền tảng NodeJS và MongoDB. Mặc dù còn một số hạn chế về khâu thanh toán trực tuyến và tính đồng bộ giao diện, hệ thống đã đáp ứng đầy đủ các luồng nghiệp vụ cơ bản từ trưng bày, tìm kiếm, đặt hàng đến quản trị danh mục sản phẩm, mở ra hướng phát triển rõ ràng để hoàn thiện thành giải pháp kinh doanh thương mại điện tử thực tế.

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

H UTECH BO GIAO DUC VA DAO TAO Đại học Công nghệ Tp.HCM — TRƯỜNG ĐẠI HỌC CÔNG NGHỆ TP. HCM ĐỎ ÁN HỌC PHẢN HOC PHAN: CONG NGHE PHAN MEM XAY DUNG WEBSITE 4FRUIT SHOP Khoa: Công Nghệ Thông Tin Giảng viên hướng dẫn: Ths. Dương Thành Phết Sinh viên thục hiện: 2011062503 Đặng Tiến Đạt 20DTHC3 2011061543 Nguyễn Đức Hùng 20DTHC3 2011770453 Nguyễn Cửu Tính 20DTHC3 2011143127 Vo Minh Long 20DTHC3 TP. Hồ Chí Minh, ngày 28 tháng 10 năm 2022 DANH MỤC HÌNH Hình 1-1 Hình anh logo HTML mH ON Hình 1-2 Hìmh anh logo CSS.

Hình 1-3 Hình ảnh logo JavaScript. Hình 1-4 Hìmh ảnh logo jQuery eC Hinh 1-5 Hinh anh logo mongoDB. Hinh 1-6 Hinh anh logoo NodeJS. 13 Hình 2-1 So dé thwe thé ERD 20 Hình 2-2 Sơ đồ ERD 21 Hình 2-3 Sơ đồ usecase tông quát 22 Hinh 2-4 So dé usecase Admin 23 Hình 2-5 So dé usecase Mua — Dét hang 24 Hinh 2-6 So dé usecase Quan lý tài khoản của User.

25 Hình 2-7 Sơ đồ usecase Xem giỏ hàng User. 26 Hinh 2-8 M6 hinh Sequence Diagram 27 Hinh 3-1 Giao dién trang chủ 30 Hình 3-2 Giao diện trang chủ - sản phẩm nỗi bật. 30 Hình 3-3 Giao diện trang chủ - sản phẩm 31 Hình 3-4 Giao diện trang chủ - thông tin liên hệ. 31 Hình 3-5 Giao diện đăng nhập 32 Hình 3-6 Giao diện đăng nhập Admin 32 Hình 3-7 Giao diện đăng kỹ.

33 Hình 3-8 Giao diện chọn sản phẩm cần thanh toán 33 Hình 3-9 Giao diện thanh toán 34 Hình 3-10 Giao diện hoàn tất đơn 34 Hinh 3-11 Giao dién lich sw mua hang. 35 Hình 3-12 Giao dién trang admin 35 Hình 3- 13 Giao diện thêm qdmin 36 Hình 3-14 Giao điện thêm sản phẩm 36 Hình 3-15 Giao điện sửa sản phẩm 37 Hình 3- 16 Giao điện xóa sản phẩm 38 Hình 3-17 Giao dién profile admin 39 Hinh 3-18 Giao dién profile user. 40 Hinh 3-19 Giao dién Blog. 40 Hinh 3-20 Database admin 41 Hinh 3-21 Database hoa don 42 Hinh 3-22 Database san phẩm 42 Hình 3-23 Dafabase người dùng 43 Hình 3-24 Tìm kiểm sản phẩm 43 DANH MUC BANG Bóng 1 Kết qu6 làm được 44 Bóng 2 Hướng phát triển 45 MUC LUC LOINOI DAU 1 LỜI CẢM ƠN.

2 LỜI CAM ĐOAN 3 PHIẾU PHÂN CÔNG NHIỆM VỤ 4 PHAN1. TONG QUAN VE HTML. Uu điểm, nhược điểm HITÌMI,. ch HH HH nu n1 nu kg ưu 5 1.

TONG QUAN VE CSS/SCSS/SASS.ooooooc cece cee ee eee ce ee ee ee te ee ce tetee ee eeeeeeecesieeeceeeeeeeeeee 6 121 GSXYA 0A. Ưu, nhược điềm JavaScript. 9 141 JOUCPY LG BI?. Các module phô biỂn CÚA .2 0808800N nh nẽn an.1 MongoDB le Bi? 000 nh h.

Ưu, nhược điềm của MongoDB. Ưu, nhược điềm của Nod&/JŠ. ác ST TH 1n 11 gan ru 13 1. NodeJS dùng để làm gÌ?.

cu n2 da 14 PHAN2. TONG QUAN HE THONG. DOI TUGNG VA MUC TIEU CUA WEBSITE. So dé thuc thé két TT.

SH TT T HH TH HT HH HH HT TH TH HT H11 11T 11 110111101 6. M6 hinh Sequence ÌDÏQBTHH. ch HH HH HH HH HH HH HH HH HH dc 27 2. W:J\) ccr (oi cù co ẽẽ.

TRANG THANH TOÁN. cece cece cede cee ce te ee ce eteesceee cesses teseieseieseieseieseseseeseeesesneseees 40 3. ee ce tee teste cece cete cee ecceseeesceesseeeseesseeteieseieseteseteseseseeeseesessesteesteeseeees 41 3. KET LUAN VA HUONG PHAT TRIEN 44 4.

KET QUA DAT DUGC. No Ge RE. HƯỚNG PHÁT TRIỄN, MỞ RỘNG ĐỀ TÀI. Q2 0012011231151 2111 11111111101 121112211211111111112 1112112112111 1151255 45 TAI LIEU THAM KHAO.

46 LOI NOI DAU Ngày nay, ứng dụng công nghệ thông tin va việc tin học hóa được xem là một trong những yếu tố mang tính quyết định trong hoạt động của các chính phủ, tô chức cũng như của các công ty, nó đóng vài trò hết sức quan trọng, có thể tạo ra những bước đột phá mạnh mẽ. Cùng với sự phát triển không ngừng về kỹ thuật máy tính và mạng điện tử, công nghệ thông tin cũng đạt được những thành tựu ở đăng cấp cao và lần lượt chính phục hết đỉnh cao này đến đỉnh cao khác. Mạng Internet là một trong những sản phẩm có giá trị hết sức lớn lao và ngày cảng trở thành công cụ không thê thiếu. Là nền tảng chính cho sự truyền tải, trao đôi thông tin trên toàn cầu.

Giờ đây, mọi việc liên quan đến thông tin trở nên thật dễ đàng cho người sử dụng: chỉ cần có một chiếc máy tính kết nối với internet và nội dung cần tìm kiếm thì gân như cả thế giới này đang trong tay bạn. Bằng internet, chúng ta đã thực hiện được nhiều công việc với tốc độ nhanh hơn và chi phí thấp hơn nhiều so với cách thức truyền thống. Chính điều này, đã thúc đây sự khai sinh và phát triển của thương mai điện tử trên khắp thế giới, làm biến đổi đáng kê về văn hóa, nâng cao chất lượng cuộc sống con người. Trong hoạt động sản xuất, kinh doanh, thương mại điện tử giờ đây đã khắng định được vai trò xúc tiễn và thúc đây sự phát triển của doanh nghiệp.

Đối với một cửa hàng, việc quảng bá và giới thiệu đến khách hàng các sản phẩm mới đáp ứng được nhu cầu của khách hàng sẽ là cần thiết. Vị vậy, nhóm em thực hiện dé an “ Xây Dựng Website Kinh Doanh Rau Qua Tươi”, với đề tài và môn học này, nhóm xin chân thành cảm ơn sự giúp đỡ tận tình của Thầy Dương Thành Phết. Do còn nhiều hạn chế đề tài nhóm xây dựng không tránh khỏi những thiếu sót. Rất mong được thầy cô và các bạn đóng góp ý kiến để chương trình ngày cảng hoàn thiện và được đưa vào sử dụng.

LOI CAM ON Với lòng biết ơn sâu sắc nhất, chúng em xin gửi đến ơn thầy Dương Thành Phết người đã trực tiếp giúp đỡ, quan tâm, hướng dân chúng em hoàn thành tốt bài báo cáo này trong thời gian qua. Nhờ có những lời hướng dân, dạy bảo của các thầy nên đề tài học phần của chúng em mới có thể hoàn thiện tốt đẹp. Bài báo cáo thực hiện trong khoảng thời gian không nhiều bước đầu đi vào thực tế của chúng em còn hạn chế và còn nhiều bỡ ngỡ nên không tránh khỏi những thiếu sót. Chúng em rất mong nhận được những ý kiến đóng góp quý báu của thầy để kiến thức của chúng em trong lĩnh vực này được hoàn thiện hơn đồng thời có điều kiện bổ sung, nâng cao kiến thức của mình.

Chúng em xin chân thành cảm ơn! Sinh viên thực hiện Đặng Tiến Đạt Nguyễn Đức Hùng Nguyễn Cửu Tính Võ Minh Long LOI CAM DOAN Nhóm xin cam đoan đây là công trình nghiên cứu của nhóm, không sao chép bất cứ kết quả nghiên cứu nào của các tác giả khác. Các số liệu sử dụng phân tích trong đồ án có nguồn gốc rõ ràng, đã được công bố theo đúng quy định. Các kết quả nghiên cứu trong đồ án do nhóm tự tìm hiểu, phân tích một cách trung thực, khách quan và phù hợp với thực tiễn của Việt Nam. Các kết quả này chưa từng được công bố trong bất kỳ nghiên cứu nào khác.

Nội dung đồ án có tham khảo và sử dụng một số thông tin, tài liệu từ các nguồn sách, giáo trình được liệt kê trong danh mục tài liệu tham khảo. PHIEU PHAN CONG NHIEM VU Stt MSSV/Ho tén Nội dung công việc thực hiện Đánh giá tỉ lệ/Điêm 1 2011061543 Phân tích yéu cau, vé use case 35% Rowe N Đức H qe cras , lass, CTerd, Sequence Diagram 10d suyen tu nè chỉnh sửa báo cáo Xây dựng database users, products, bills, admins voi MongoDB Thiét két giao diện, chức nang trang home, trang Profile Xu ly API: Load user, san pham hién thi trén trang Home, tim kiém san pham, thêm, xóa, sửa sản phâm trong giỏ hàng user Trang profile chỉnh sửa thông tin user Load sản phâm đã mua trên trang purchase order 2 2011770453 Thiết kế giao diện và xử lý trang: 20% RA ne login va register Nguyên Cửu Tính ma : 9đ cu Thiet kê giao diện trang blogs Thiét ké footer 3 2011143127 Lam word bao cao 20% xNN: Tìm kiếm tài liệu Võ Minh Lon, m 8.5đ ° Phân tích vấn đề Lên kê hoạch bảo cáo Góp ý tưởng Thiết kê giao diện và xử lý trang thanh toán Thiết kê giao diện và xử lý trang cảm ơn Thiết kê giao diện và xử lý trang lịch sử mua hang(trang purchase orders) 4 2011062503 Phân tích yêu cầu, vẽ mô hình use 25% Đặng Tiến Đạt case, Sequence Diagram, Class 10d Diagram Lên kê hoạch, theo dõi và giám sát quá trình làm đô an (web, bao cao). Thiết kế giao diện và xử lý của trang admin, trang login admin. CO SO LY THUYET 1.

Tổng quan về HTML HTML Hình 1-1 Hình ảnh logo HTML L. HTML la gi? Tạm dịch là ngôn ngữ đánh dấu siêu văn bản. Người ta thường sử dụng HTML trong việc phân chia các đoạn văn, heading, links, blockquotes,.Một Website thường chứa nhiều trang con và mỗi trang con này lại có một tập tin HTML riêng. Lưu ý, HTML không phải là ngôn ngữ lập trình.

Điều này có nghĩa là nó không thể thực hiện các chức năng “động”. Hiểu một cách đơn giản hơn, cũng tương tự nhờ phần mềm Microsoft Word, HTML chỉ có tác dụng bố cục và định dạng trang web. HTML khi kết hợp với CSS và JavaScript sẽ trở thành một nền tảng vững chắc cho thế giới mạng. HTML document có đuôi file dạng .html hoặc htm.

Bạn có thể xem chúng bằng các trình duyệt web hiện hành nhơ_ Google Chrome, Firefox, Safari,. Nhiệm vụ của trình duyệt là đọc những file HTML này và “biến đổi” chúng thành một dạng nội dung visual trên Internet sao cho người dùng có thể xem và hiểu được chúng. Ưu điểm, nhược điểm HTML 1.LUƯUu điểm: se. Có nhiều tài nguyên hỗ trợ với cộng đồng người dùng vô cùng lớn se Có thể hoạt động mưyợt mà trên hầu hết mọi trình duyệt hiện nay e Học HTML khá đơn giản se Các markeup sử dụng trong HTML thường ngắn gọn, có độ đồng nhất cao e Sử dụng mã nguồn mở, hoàn toàn miễn phí e HTML la chuan web dugc vận hành bởi W3C se Dễ dàng để tích hợp với các loai ngén ngir backend (vi dy nhq: PHP, Node.

Nhược điểm: se. Chỉ được áp dung chủ yếu cho web tĩnh. Nếu muốn tạo các tính năng động, lập trình viên phải dùng thêm JavaScript hoặc ngôn ngữ backend của bên thứ 3. e MOéi trang HTML cần được tạo riêng biệt, ngay có khi có nhiều yếu tố trùng lặp như header, footer e Khó để kiểm soát cách đọc và hiển thị file HTML của trình duyệt se.

Một vài trình duyệt còn chậm cập nhật để hỗ trợ tính năng mới của HTML. Tổng quan về CSS/SCSS/SASS Hinh 1-2 Hinh anh logo CSS 1.1, CSS/SCSS/SASS la gi? SCSS,SASS hay còn được gọi chung là CSSLà viết tắt của Cascading Style Sheets, một ngôn ngữ thiết kế đơn giản, xử lý một phần giao diện của trang web.