Đồ Án học phần công nghệ phần mềm Đề tài xây dựng website 4fruit shop

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

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:

2011143127 Vo Minh Long

20DTHC3

TP Hồ Chí Minh, ngày 28 tháng 10 năm 2022

Hinh 1-5 Hinh anh logo mongoDB

Hinh 1-6 Hinh anh logoo NodeJS

Hình 2-1 So dé thwe thé ERD

Hình 2-2 Sơ đồ ERD

Hình 2-3 Sơ đồ usecase tông quát

Hinh 2-4 So dé usecase Admin

Hình 2-5 So dé usecase Mua — Dét hang

Hinh 2-6 So dé usecase Quan lý tài khoản của User

Hình 2-7 Sơ đồ usecase Xem giỏ hàng User

Hinh 2-8 M6 hinh Sequence Diagram

Hinh 3-1 Giao dién trang chủ

Hình 3-2 Giao diện trang chủ - sản phẩm nỗi bật

Hình 3-3 Giao diện trang chủ - sản phẩm

Hình 3-4 Giao diện trang chủ - thông tin liên hệ

Hình 3-5 Giao diện đăng nhập

Hình 3-6 Giao diện đăng nhập Admin

Hình 3-7 Giao diện đăng kỹ

Hình 3-8 Giao diện chọn sản phẩm cần thanh toán

Hình 3-9 Giao diện thanh toán

Hình 3-10 Giao diện hoàn tất đơn

Hinh 3-11 Giao dién lich sw mua hang

Hình 3-12 Giao dién trang admin

Hình 3- 13 Giao diện thêm qdmin

Hình 3-14 Giao điện thêm sản phẩm

Hình 3-15 Giao điện sửa sản phẩm

Hình 3- 16 Giao điện xóa sản phẩm

Hình 3-17 Giao dién profile admin

Hinh 3-18 Giao dién profile user

Hinh 3-19 Giao dién Blog

Hinh 3-21 Database hoa don

Hinh 3-22 Database san phẩm

DANH MUC BANG

Bóng 1 Kết qu6 làm được

Bóng 2 Hướng phát triển

44 45

1.1 TONG QUAN VE HTML 5A _ˆ_ 5 11T 7/0 m 5

112 Uu điểm, nhược điểm HITÌMI, ch HH HH nu n1 nu kg ưu 5

1.2 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 NY/.70007 6

1.5.3 Ưu, nhược điềm của MongoDB các c2 HH1 222111 se 12

16.1, h/ 7AY, 7P Ẻh S- 13 1.6.2 Ưu, nhược điềm của Nod&/JŠ ác ST TH 1n 11 gan ru 13

1.6.3 NodeJS dùng để làm gÌ? cu n2 da 14

2.1 4P (e0 và4:8:i050š:70 c8: v: ch 16 2.2 DOI TUGNG VA MUC TIEU CUA WEBSITE 00000888 16

243 SƠ ĐỎ CHỨC NĂNG Q0 Q20 0200201121211111111 1111111 211111111112 111211011111 1111111 11 11 11 1111111111511 11111115 e2 20

27)):09 0/2: 27 tisetiistististesesteteesestsstiseiteiseessesseeees 44

No Ge RE 45 HƯỚNG PHÁT TRIỄN, MỞ RỘNG ĐỀ TÀI Q2 0012011231151 2111 11111111101 121112211211111111112 1112112112111 1151255 45

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

1 2011061543 Phân tích yéu cau, vé use case 35%

Rowe qe lass, erd, Sequence Diagram

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

cu Thiet kê giao diện trang blogs

Thiét ké footer

xNN: Tìm kiếm tài liệu

Võ Minh Lon, ° Phân tích vấn đề mm 8.5đ

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)

trang admin, trang login admin Thiết kế giao diện và xử lý của

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

1.1.2 Ưu điểm, nhược điểm HTML

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.js, )

1.1L2.2 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

1.2 Tổng quan về CSS/SCSS/SASS

Hinh 1-2 Hinh anh logo CSS

1.2.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 CSS mô tả cách các phần tử HTML hiển thị trên màn hình và các phương tiện khác

Sử dụng CSS, bạn có thể kiểm soát màu chữ, cỡ chữ, kiểu chữ,

khoảng cách giữa các đoạn văn bản, kích thước của các thành phần trên trang web, màu nền, thiết kế bố cục và cách trang web hiển thị trên những màn hình có kích thước khác nhau cũng nhờ hàng loạt hiệu ứng khác

CSS rất hữu ích và tiện lợi Nó có thể kiểm soát tất cả các trang trên một website

1.2.2 Các công dụng của CSS

CSS được dùng để định nghĩa kiểu cách cho các trang trên website của bạn, gồm cả thiết kế, dàn trang và các cách hiển thị khác nhau trên nhiều thiết bị với kích thước màn hình khác nhau

CSS giúp giải quyết vấn đề lớn của HTML:

se HTML không có phần tử để để định dạng cho trang web HTML chỉ được dùng để tạo nội dung cho trang Khi các phần tử nh

<font> và thuộc tính màu sắc được thêm vào HTML 3.2, cơn

ác mộng của các nhà phát triển web bắt đầu Việc phát triển

8

một website lớn mà thêm thông tin font hay màu sắc vào từng trang đòi hỏi rất nhiều thời gian

se CSS được ra đời để giúp loại bỏ việc định dạng kiểu cách khỏi

trang HTML

e Cac định nghĩa liên quan đến kiểu cách được đưa vào tập tin

.CSS và nhờ vào tập tin stylesheet ngoài, bạn có thể thay đổi toàn bộ website chỉ bằng một tập tin duy nhất

Tiết kiệm thời gian: Ta có thể viết CSS một lần và sử dụng

lại chúng trên nhiều trang HTML Có thể định kiểu cho từng phần tử HTML và áp dụng kiểu đó cho bao nhiêu trang web tùy ý

Tải trang nhanh hơn: Với CSS, ta không cần khai báo thuộc

tính cho từng tag HTML mỗi lầndùng tag đó Nhờ đó, số lượng code cần viết sẽ ít đi, thời gian load trang sẽ nhanh hơn

Bảo trì dễ dàng: Để thực hiện thay đổi trên toàn bộ trang, chỉ cần đổi kiểu trong file CSS và tất cả các thành phần trên trang

web sẽ được cập nhật tự động

Có nhiều kiểu hơn HTML: CSS có một loạt thuộc tính, nhiều hơn so với HTML khá nhiều Nhờ đó bạn có thể làm cho trang web

hiển thị tốt hơn so với chỉ dùng HTML

Tiêu chuẩn web toàn cầu: Các thuộc tính HTML hiện không còn được sử dụng nữa, bạn được khuyên nên sử dụng CSS để có thể

tạo ra những trang web tương thích với mọi trình duyệt trong trương lai

Khả năng tương thích với nhiều thiết bị: CSS cho phép nội

dung được tối ưu hóa trên nhiều loại thiết bị Bằng cách sử dụng cùng một tài liệu HTML, nhưng nó có thể hiển thị tốt trên PC, điện thoại, các thiết bị cầm tay hay khi in

1.3 Tổng quan về JavaScript

nay

1.3.2 Vai trò JavaScript

Thông thường, các trang web sẽ được nhúng trực tiếp JavaScript vào, hoặc sẽ sử dụng file js để tham chiếu qua Đây là ngôn ngữ phía máy khách, nghĩa là thay vì xử lý tập lệnh trên server của trang web, nó sẽ được tải về máy của khách truy cập và xử lý trên chính chiếc máy đó

Cần chú ý, hiện nay có một số trình duyệt web phổ biến cho phép bạn bật/tắt JavaScript theo ý của bạn Vậy nên, bạn cần biết những trang web mà bạn muốn truy cập sẽ bị ảnh hưởng như thế nào nếu như không có JavaScript hoạt động, từ đó sẽ quyết định có

nham giảm bớt công việc kiểm tra thủ công JavaScript cũng khá linh hoạt, va nó có thê được sử dụng ở nhiều nền tảng, trình duyệt, và không cần những công cụ qua phức tạp bởi chúng có thê được biên dịch bởi HTML từ trình duyệt web

s - Đối với khách truy cập: Ta có thé truy cập và tương tác với website hiệu quả hơn Nhờ đặc tính gọn nhẹ mà chúng sẽ cho phép thực hiện các tác vụ trên trang web nhanh hơn

1.4 Tổng quan về jQuery

jQuery

write less, Co more

Hinh 1-4 Hinh anh logo jQuery

1.4.1 jQuery là gì?

JQuerylà một thư viện JavaScript đa nền tảng và giàu tính năng, được thiết kế nhằm đơn giản hoa client-side scripting cua HTML jQuery giúp chạy HTML document traversal va manipulation, animation, event handling va AJAX chỉ bằng một API rất dễ sử dụng, có thể hoạt động trên nhiều trình duyệt khác nhau Từ đó giúp cho việc sử dụng JavaScript trên trang web trở nên dễ dàng hơn, website sẽ có

tính tương tác và hấp dẫn hơn Ngoài ra, jQuery cũng được sử đụng đề bố sung vào các hiệu ứng

1.4.2 Các module phổ biến của Jquery

Ajax (xu ly Ajax)

EffEect (xử lý hiệu ứng)

DOM (xử lý Data ObJect Model)

Event (xử lý sự kiện)

Form (xử lý sự kiện liên quan đến form)

Attributes (xử lý thuộc tính của các đối tượng HTML)

Selector (xtr ly luỗng lách giữa các đối tượng HTML)

14.3 — Ưu, nhược điểm cua jQuery

1.43.1Ưu điểm

e Đơn giản, dễ sử dụng: Với cú pháp đơn giản, người dùng chỉ phải viết ít dòng lệnh để tạo ra các chức năng tương tự, giúp tiết kiệm thời gian hơn cho lập trình viên

se Là một thư viện lớn của javaScript: Có khả năng thực thi nhiều chức năng hơn so với các thư viện javaScript khác

se Cộng đồng mã nguồn mở mạnh mẽ (một số plugin jquery có sẵn): JQuery có một cộng đồng người dùng lớn giúp phát triển các

plugin Nhờ đó mà hàng trăm plugin được viết sẵn để có thể tải về

ngay lập tức, giúp đẩy nhanh quá trình viết code của lập trình viên Đồng thời, các script này đều được đảm bảo an toàn và hiệu quả

jQuery nhiéu sé lam cham Client, đặc biệt là những Client yếu Do

đó, lập trình viên sẽ cần phải dùng thêm cache

° Có thể không có một số chức năng: jQuery vốn sở hữu rất nhiều chức năng, tùy thuộc vào yêu cầu trên trang web Tuy nhiên, do nhiều chức năng vẫn chưa được phát triển nên người dùng

sẽ vẫn cần đến javascript thuần để xây dựng chức năng này

có một schema rất linh hoạt gọi là BSON MonsoDB sử dụng lưu trữ

dữ liệu dưới dạng Document JSON nên mỗi một collection sẽ các các kích cỡ và các document khác nhau Các dữ liệu được lưu trữ trong

document kiểu JSON nên truy vấn sẽ rất nhanh

1.52 Cac feature cua MongoDB

° Các ad hoc query: hỗ trợ search bằng field, các phép search thông thường, regular expression searches, và range

queries

° Indexing: bat kì field nào trong BSON document cũng có thể được index

° Replication: có ý nghĩa là “nhân bản”, là có một phiên bản giống hệt phiên bản đang tồn tại, đang sử dụng Với cơ sở dữ liệu, nhu cầu lưu trữ lớn, đòi hỏi cơ sở dữ liệu toàn vẹn, không bị mất mát trước những sự cố ngoài dự đoán là rất cao Vì vậy, người

ta nghĩ ra khái niệm “nhân bản”, tạo một phiên bản cơ sở dữ liệu

giống hệt cơ sở dữ liệu đang tồn tại, và lưu trữ ở một nơi khác, đề

phòng có sự cố

° Aggregation: Các Aggregation operation xử lý các bản

ghi dữ liệu và trả về kết quả đã được tính toán Các phép toán tập

hợp nhóm các giá trị từ nhiều Documernt lại với nhau, và có thể thực hiện nhiều phép toán đa dạng trên dữ liệu đã được nhóm đó để trả

về một kết quả duy nhất Trong SQL và GROUP BY là tương đương với Aggregation trong MongoDB

° Lưu trữ file: MongoDB được dùng như một hệ thống file tận dụng những function trên và hoạt động như một cách phân phối qua sharding

1.5.3 Ưu, nhược điểm của MongoDB

1.5.3.1 Ưu điểm

° Dữ liệu lưu trữ phi cấu trúc, không có tính ràng buộc, toàn vẹn nên tính sẵn sàng cao, hiệu suất lớn và dễ dàng mở rộng lưu trữ

° Dữ liệu được caching (ghi đệm) lên RAM, hạn chế truy cập vào ổ cứng nên tốc độ đọc và ghi cao

1.5.3.2 Nhược điểm

° Không ứng dụng được cho các mô hình giao dịch nào có yêu cầu độ chính xác cao do không có ràng buộc

° Không có cơ chế transaction (giao dịch) để phục vụ các ứng dụng ngân hàng

° Dữ liệu lấy RAM làm trọng tâm hoạt động vì vậy khi hoạt động yêu cầu một bộ nhớ RAM lớn

° Mọi thay đổi về dữ liệu mặc định đều chưa được ghi xuống ổ cứng ngay lập tức vì vậy khả năng bị mất dữ liệu từ nguyên nhân mất điện đột xuất là rất cao

NodeJS có thể chạy trên nhiều nền tảng hệ điều hành khác

nhau từ Window cho tới Linux, OS X nên đó cũng là một lợi thế NodeJS cung cấp các thư viện phong phú ở dạng Javascript Module khác nhau giúp đơn giản hóa việc lập trình và giảm thời gian ở mức thấp nhất

1.6.2 Ưu, nhược điểm của NodeJS

1.6.2.1 Vu diém

e 10 hướng sự kiện không đồng bộ, cho phép xử lý nhiều yêu cầu đồng thời

®© - Sử dụng JavaScript - một ngôn ngữ lập trình dé học

® - Chia sẻ cùng code ở cả phía client và server

® NPM (Node Package Manager) và module Node đang ngày cảng phát triển mạnh mẽ

© Cong đồng hỗ trợ tích cực

¢ Cho phép stream các file có kích thước lớn

1.6.2.2 Nhược điểm

e« _ Không có khả năng mở rộng, vì vậy không thể tận dụng lợi thế

mô hình đa lõi trong các phần cứng cấp server hiện nay

e _ Khó thao tác với cơ sử dữ liệu quan hệ

e M6i callback sẽ đi kèm với rất nhiều callback lồng nhau khác

se Cần có kiến thức tốt về JavaScript

se Không phù hợp với các tác vụ đòi hỏi nhiều CPU

1.6.3 NodeJS dùng để làm gì?

Backend for Social Media Networking

Nhiều tên tuổi nổi tiếng như LinkedIn và Medium khác được xây dựng bởi Node.js Có một sự kết hợp thiết yếu của các nút để tạo phần phụ trợ cho một trang mạng truyền thông xã hội Node.js cung cấp khả năng định tuyến cực nhanh với động cơ V8 cùng với xác thực an toàn Khả năng mở rộng là một trong những yếu tố quan trọng nhất làm phong phú thêm mạng truyền thông xã hội Single-page Application (SPA) Development

Cũng giống như các trang web đơn lẻ, Node.js có thể xây dựng một ứng dụng một trang, nơi giao diện tương tự như một ứng dụng

dành cho máy tính để bàn Do các tùy chọn linh hoạt của nó, Node.js rất phù hợp để xây dựng nền tảng mạng xã hội, trang web động và giải pháp gửi thư Hơn nữa, chất lượng luồng dữ liệu không đồng bộ trên phần phụ trợ trong Node.js khiến nó trở thành lựa chọn

tốt nhất để phát triển SPA

Chatbots

Node.js cung cấp các chức năng nâng cao độc quyền cho chatbots và ứng dụng trò chuyện thời gian thực Các tính năng chính như ứng dụng nhiều người dùng, dữ liệu chuyên sâu, lưu lượng truy cập lớn, trên tất cả các thiết bị đều rất phổ biến trong

chatbots Node.js đã đạt được điểm tốt, vì nó chạy trên các thiết bị

khác nhau và bao gồm tất cả các mô hình trong ứng dụng trò chuyện và chatbot Node.js giúp việc thực thi các thông báo đẩy và vòng lặp sự kiện phía máy chủ trở nên cực kỳ dễ dàng được sử dụng phổ biến trong IMs và ứng dụng real-time

Data Streaming

Những gã khổng lồ như Netflix đã chào đón Node.js để phục vụ

190 quốc gia và hơn 100 triệu giờ phát trực tuyến trên 120 triệu người dùng và còn tiếp tục tăng Node.js có một lợi thế rõ ràng về

điều này là các tệp xử lý ở tốc độ siêu nhanh, đồng thời mã hóa và

tải lên nhẹ nhàng Điều này đã được nhiều cửa hàng điện tử thời trang trực tuyến và các ứng dụng có video truyền tải dữ liệu khổng

lồ áp dụng

loT Application Development

loT đã trở nên phổ biến mạnh mẽ trong thập kỷ gần đây và kể

từ đó Node.js là một trong những giải pháp được ưa thích nhất cho các tổ chức muốn xây dựng các hệ thống giải pháp IoT công cộng

17

và riêng tư Lợi thế cốt lõi của Node.js là khả năng xử lý các yêu cầu đồng thời liền mạch với hàng nghìn sự kiện được phát hành bởi hàng tỷ thiết bị trên mạng của nó Các mạng loT Hơn nữa, Node.js

hoạt động trên các kênh và luồng có thể ghi và đọc được, đó là lý do

tại sao nó là nền tảng phù hợp nhất để phát triển ứng dụng IoT

PHAN 2 TONG QUAN HE THONG

2.1 Khao sat vé hién trang hé théng

4Fruits Shop là một cửa hàng chuyên bán các loại rau củ quả tuoi, g14 ca hop

lý Hiện tại cửa hàng là đơn vị sản xuất và phân phối chính cho các cửa hàng, đại lí, các siêu thị trên địa bàn Hồ Chí Minh và các tỉnh phụ cận Cơ cấu công ty gồm: Ban quản lí, bộ phận kế toán, bộ phận bán hàng, bộ phận sản xuất, bộ phận giao nhận

Khách hàng của công ty có 2 loại: khách hàng thường xuyên (những cửa hàng, đại lí, siêu thị đặt hàng định kì), khách hàng không thường xuyên (khách mua lẻ) Khách mua lẻ có thể mua trực tiếp hoặc đặt số lượng theo yêu cầu tại các cửa hàng giới thiệu sản phẩm của shop Đối với khách hàng thường xuyên, khách hàng lớn, cửa hàng sẽ sản xuất và số lượng hàng theo đơn đặt hàng và có những chính sách, chế độ

ưu đãi riêng

Với phương châm “Vừa lòng khách đến, vui lòng khách đi”, cửa hàng không ngừng nỗ lực nhằm mang lại sản phâm cũng như sự phục vụ tốt nhất cho khách hàng

Nhu cầu mở rộng thị trường cũng như quảng bá sản phẩm và nâng cao chất lượng, tăng doanh thu là vẫn đề đáng quan tâm của cửa hàng Vì vậy ban quản lí của cửa hàng có mong muốn xây đựng 1 website giới thiệu sản phâm và bán rau củ quả trực tuyến, cũng như hỗ trợ khách hàng các thông tin cần thiết

2.2 Đối tượng và mục tiêu của website

« Tra loi ý kiến, góp ý và phản hỗi của khách hàng hoặc xoá các thông tin do

* Guest: Khach ghé thăm

* Xem théng tin sản phâm cũng như các tin tức khác

2.2.2 Mục tiêu:

2.2.2.1 Yêu cầu thiết kế Website

« - Giao diện hài hoà, thân thiện, siúp người dùng dé dang su dung

« - Trang chủ sẽ hiến thị danh sách các sản phâm mới nhất và bán chạy nhất giúp cho người dùng có thể đễ dàng hơn trong việc tìm kiếm

- - Khách hàng có thế đễ dàng tìm thấy thông tin chỉ tiết các loại rau củ quả mà

họ quan tâm

¢ Khach hang cd thê chọn mua các loại rau củ quả mà họ cần dựa trên khả năng tài chính và chức năng cần thiết băng cách thêm vào giỏ hàng

« - Có chức năng đăng ký, đăng nhập

« - Có các trang: blog, thanh toán và trang quan ly admin

Khách hàng có thê gửi ý kiến phản hồi, góp ý đến Website để góp phần làm Website thêm phong phú và phát triền

miễn phí nếu không hài lòng nội dung blog giới thiệu shop

e Trang thong tin cá nhân

Tại trang ngày khách hàng có thể thay đổi email, tên tài khoản

và mật khẩu khách hàng Sau khi đồng ý thay đổi thông tin các dữ

liệu của khách hàng được đưa vào cơ sở dữ liệu và xác thực tài khoản, mật khẩu cho những lần khách hàng đăng nhập lần sau

¢ Trang tin tire:

Cập nhật cho khách hàng về ngày giảm giá và các sự kiện hạ giá của cửa hàng

» - Trang giới thiệu:

Giới thiệu các thông tin về cửa hàng, các tips về cách chế biến món ăn ngon

¢ Trang liên hệ:

Khách hàng có thê liên hệ với nhân viên bán hàng về các thắc mắc, ý kiến của mình vào số hotline hoặc trên các trang mạng xã hội của shop như: Facebook, Youtube, Instareram,