- Áp dụng rộng rãi chức năng của các framework để tạo nên trang web và cơ sở dữ liệu dạng non-relational NOSQL với mã nguồn mở được sử dụng rộng rãi mongodb Cơ sở dữ liệu được đưa lên cl
GIỚI THIỆU BÀI TOÁN
TỔNG QUAN 12 1 Tên đề tài: 12 2 Bối cảnh thực hiện: 12 3 Vấn đề cần giải quyết: 12 4 Nội dung chính: 12 5 Phương pháp nghiên cứu 12 5.1 Phương pháp 1
Xây dựng “TRANG WEB BÁN ĐỒ ĂN TRỰC TUYẾN.”
- Tháng 10 năm 2022 đề xuất thực hiện đề án xây dựng TRANG WEB BÁN ĐỒ ĂN TRỰC TUYẾN
- Đơn vị khảo sát: Nhà hàng “Los pollos Hermanos” – Chuyên phục vụ các loại thức ăn nhanh.
- Hình thức kinh doanh: Đặt hàng, mua về nhà.
1.1.3 Vấn đề cần giải quyết:
- Chưa quảng bá được thương hiệu của cửa hàng đến những vùng xa trong nội thành, ngoại tỉnh
- Chưa triển khai dược hình thức giao hàng tận nhà vì khách hàng lần đầu biết đến quán không biết được menu có gì để đặt.
- Tìm hiểu nguyên lý, cách tạo nên một trang web động, tạo REST- API với môi trường node js.
- Thiết kế đặc tả hệ thống.
- Xây dựng các module cần thiết cho hệ thống.
Thiết kế giao diện không chỉ đơn thuần là tạo hình ảnh bắt mắt, mà còn cần hiểu và đánh giá tâm lý khách hàng để cải thiện tính năng của trang web, từ đó mang lại sự tiện lợi tối đa cho người sử dụng.
- Website nhanh và hiệu quả hơn trong việc bán món ăn.
Utilizing the extensive features of frameworks, we can create websites and non-relational databases using the widely adopted open-source MongoDB This database can be deployed in the cloud for collaborative work, or it can be set up locally for individual use.
- Tên phương pháp: Nghiên cứu thực tế.
- Cách thực hiện: Khảo sát tại các quán, nhà hàng bán thức ăn nhanh.
- Tên phương pháp: Nghiên cứu qua sách báo.
- Cách thực hiện: Mượn từ thư viện về nghiên cứu.
- Tên phương pháp: Nghiên cứu qua internet.
- Cách thực hiện: thực hiện đọc thông tin, xem mã nguồn bằng trình duyệt.
Hình 1 So sánh các phương pháp nghiên cứu
- Kết hợp thực hiện cả 3 phương pháp nghiên cứu nhưng ưu tiên sử dụng phương pháp 3 nhiều hơn.
1.1.6 Lý do chọn đề tài:
Trong bối cảnh hội nhập toàn cầu và sự phát triển mạnh mẽ của công nghệ thông tin, lập trình và thiết kế website đã trở thành ngành nghề thu hút sự chú ý Để đáp ứng nhu cầu ngày càng cao của khách hàng, công ty chúng tôi đã quyết định xây dựng "TRANG WEB BÁN ĐỒ ĂN TRỰC TUYẾN" Với sự gia tăng sử dụng Internet và sự đa dạng trong hình thức kinh doanh trực tuyến, trang web này sẽ mang lại sự tiện lợi cho khách hàng, giúp họ dễ dàng mua sắm sản phẩm mà không cần phải đến cửa hàng như trước đây.
- Giúp doanh nghiệp hoặc công ty đưa sản phẩm đến nhiều người mua hơn.
- Giúp giảm thiểu khả năng đi lại trong mùa covid-19
- Giúp người dùng chỉ cần tốn vài phút để mua sản phẩm.
- Mang lại sự tiện dụng trong việc mua sắm của người dùng.
- Đem lại được kiến thức thực tiễn cho chúng em, đáng để học hỏi cũng như trau dồi kiến thức.
- Cải thiện kỹ năng lập trình của nhóm bọn em với React JS
- Cung cấp cho nhóm em kiến thức về cách vận hành của một nhà hàng bán thức ăn nhanh.
Áp dụng kiến thức lập trình web cơ bản để phát triển các trang web thương mại điện tử thực tế, giúp tối ưu hóa trải nghiệm người dùng và nâng cao hiệu quả kinh doanh.
Ứng dụng và phát triển tất cả các chức năng của framework React JS, kết hợp với công nghệ Node JS và công nghệ Single Page Application (SPA) trong React JS, giúp cải thiện tốc độ trang web Đồng thời, công nghệ thiết kế web bằng ReactJS cũng được phát triển và ứng dụng hiệu quả.
Với quy mô trang web vừa và nhỏ, đề tài “TRANG WEB BÁN ĐỒ ĂN TRỰC TUYẾN” hiện tại chưa hoàn thiện với đầy đủ chức năng của một trang web tìm việc Trong quá trình phát triển, chúng tôi gặp nhiều sai sót do kiến thức hạn chế, dẫn đến việc hiển thị và tối ưu thuật toán chưa đạt yêu cầu Giao diện trang web chưa thân thiện với người dùng và một số lỗi vẫn xảy ra trong quá trình chạy chương trình Chúng tôi cam kết sẽ nỗ lực khắc phục những vấn đề này trong tương lai.
1.2 GIỚI THIỆU CÁC PHẦN CỦA WEBSITE VÀ CHỨC NĂNG CỦA TỪNG PHẦN
- Website được chia làm 3 trang chính:
- Hiển thị món nổi bật, món mới ra mắt, …
- Cung cấp thông tin người dùng cần biết về trang web
-Thanh toán bằng tiền mặt
CHƯƠNG 2 GIỚI THIỆU CÔNG NGHỆ
React.JS là thư viện Javascript nổi bật để xây dựng giao diện người dùng, không phải là một framework Nó cho phép tạo ra các thành phần UI tương tác, có trạng thái và tái sử dụng React được xây dựng dựa trên các component, hoạt động cả trên phía client và server, đồng thời hỗ trợ kết nối giữa chúng Với khả năng xây dựng giao diện nhanh chóng, giảm thiểu lỗi lập trình và cải thiện hiệu suất website, ReactJS có nhiều tính năng đặc biệt hấp dẫn mà bạn nên khám phá ngay hôm nay.
ReactJS phù hợp với nhiều loại website, giúp việc khởi tạo trở nên đơn giản hơn Bạn không cần viết nhiều mã như khi sử dụng JavaScript và HTML thuần, vì ReactJS cung cấp nhiều công cụ hữu ích cho nhiều tình huống khác nhau.
Để tối ưu hóa SEO cho website của bạn, việc sử dụng ReactJS là rất quan trọng, vì nó là một thư viện JavaScript giúp cải thiện khả năng hiển thị trên Google Mặc dù Google hiện đã có khả năng crawl và index mã JavaScript, bạn vẫn cần tích hợp thêm một số thư viện hỗ trợ để nâng cao hiệu quả SEO.
MongoDB là một cơ sở dữ liệu NoSQL hướng tài liệu, sử dụng cấu trúc linh hoạt để lưu trữ dữ liệu dưới dạng Document JSON với schema BSON Điều này giúp MongoDB tránh các cấu trúc table-based của cơ sở dữ liệu quan hệ, cho phép lưu trữ các document có kích thước và định dạng khác nhau trong mỗi collection Nhờ vào việc sử dụng document kiểu JSON, MongoDB cung cấp khả năng truy vấn nhanh chóng và hiệu quả.
+ Quản lý và truyền tải content
+ Hỗ trợ Cấu trúc Mobile và Social
+ Quản lý data khách hàng
HTML, viết tắt của HyperText Markup Language, là ngôn ngữ đánh dấu chủ yếu được sử dụng để xây dựng các trang web trên Internet Để nâng cao chức năng và kiểu dáng của trang web, HTML thường được kết hợp với các công nghệ như CSS và ngôn ngữ lập trình như JavaScript.
Một website bao gồm nhiều trang con, mỗi trang con có một tập tin HTML riêng Cần lưu ý rằng HTML không phải là ngôn ngữ lập trình và không thể thực hiện các chức năng “động” Nó chỉ có tác dụng trong việc bố cục và định dạng trang web, tương tự như phần mềm Microsoft Word Khi kết hợp với CSS và JavaScript, HTML tạo thành nền tảng vững chắc cho thế giới mạng.
HTML, do Tim Berners-Lee phát triển tại CERN, đã trở thành một tiêu chuẩn Internet do W3C quản lý Phiên bản đầu tiên ra mắt năm 1991 với 18 thẻ HTML, và phiên bản HTML 4.01 được phát hành vào năm 1999 Năm 2000, XHTML thay thế HTML, và đến năm 2014, HTML5 ra đời với nhiều thẻ mới như , , để xác định rõ nội dung.
CSS, viết tắt của Cascading Style Sheets, là ngôn ngữ dùng để tìm kiếm và định dạng các phần tử do ngôn ngữ đánh dấu HTML tạo ra Nói một cách đơn giản, CSS là công cụ tạo phong cách cho trang web Trong khi HTML chịu trách nhiệm định dạng các phần tử như đoạn văn, tiêu đề và bảng, CSS cho phép người dùng thêm các yếu tố phong cách như bố cục, màu sắc trang, màu chữ, font chữ và cấu trúc.
CSS được phát triển bởi W3C (World Wide Web Consortium) vào năm 1996, vì HTML không được thiết kế để gắn tag để giúp định dạng trang web.
CSS hoạt động bằng cách tìm kiếm các vùng chọn, bao gồm tên thẻ HTML, ID, class và nhiều kiểu khác Sau khi xác định vùng chọn, CSS sẽ áp dụng các thuộc tính cần thiết để thay đổi diện mạo của chúng.
Kết Luận 73 1 Ưu điểm 73 1 Nhược điểm 73 5.2.HƯỚNG PHÁT TRIỂN 73 References
- Có được giao diện đẹp mắt, dễ nhìn, dễ sử dụng.
- Có thể chạy trên nhiều giao diện (PC, mobile), chạy trên nhiều hệ điều hành khác nhau.
- Nhiều ứng dụng phù hợp với nhiều đối tượng người dùng.
- Các thành viên làm việc tích cực, hoàn thành tốt nhiệm vụ được giao.
- Website còn nhỏ, mang tính chất mô phỏng.
- Chưa có nhiều tính năng nổi trội, sáng tạo.
- Chưa tối ưu hóa thời gian load dữ liệu
- Đưa thêm vào nhiều chức năng.
- Cải thiện tốc độ xử lý.
- Mở rộng thêm, đưa vào nhiều ứng dụng hơn