DỰ án tốt NGHIỆP đề tài xây DỰNG hệ THỐNG WEBSITE và APP KINH DOANH cà PHÊ THÀNH đạt
Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (10.64 MB, 164 trang )
`
TRƯỜNG CAO ĐẲNG FPT POLYTECHNIC
----------
DỰ ÁN TỐT NGHIỆP
ĐỀ TÀI: XÂY DỰNG HỆ THỐNG WEBSITE
VÀ APP KINH DOANH CÀ PHÊ THÀNH ĐẠT
CHUN NGÀNH: LẬP TRÌNH MÁY TÍNH – THIẾT BỊ DI ĐỘNG
Giảng viên hướng dẫn : Đỗ Thị Bích Vân
Sinh viên thực hiện
:
Bùi Văn Hải
- PK01120
Phạm Minh Thắng
- PK01672
Mai Khoa Hoàng Thi - PK01566
Võ Đức Duy
Nguyễn Q Đơn
Hồng Hồng Sơn
- PK01537
- PK01545
- PK01228
Bn Ma Thuột, 12/2021
LẬP TRÌNH MÁY TÍNH-THIẾT BỊ DI ĐỘNG
1
XÂY DỰNG HỆ THỐNG WEBSITE VÀ APP
KINH DOANH CÀ PHÊ THÀNH ĐẠT
LỜI CẢM ƠN
--------
Lời đầu tiên nhóm chúng em xin chân thành cảm ơn quý thầy cô và nhà trường đã tạo
cơ hội để chúng em được học tập và thực hiện dự án này. Nhờ quý thầy cô đã giảng
dạy, truyền đạt kiến thức lý thuyết cũng như thực hành cho chúng em trong trong quá
trình học tập trên giảng đường giúp chúng em có thể áp dụng vào thực tế để xây dựng
dự án “Web-App Cà phê Thành Đạt”.
Đặc biệt chúng em xin gửi lời cảm ơn đến cơ Đỗ Thị Bích Vân đã đã tận tình giảng
dạy, truyền đạt tất cả những kiến thức trong quá trình học tập cũng như hướng dẫn
tận tâm để giúp chúng em tìm hiểu và thực hiện dự án một cách thuận lợi và hồn
thiện hơn.
Sau q trình tìm hiểu, khảo sát và phân tích về cửa hàng kinh doanh Cà phê Thành
Đạt chúng em quyết định xây dựng dự án “Web-App Cà phê Thành Đạt” để phù hợp
với yêu cầu doanh nghiệp và nhu cầu khách hàng, vì thời gian còn hạn chế, kiến thức
còn hạn hẹp nên bài báo cáo có thể cịn những thiếu sót, kính mong sự góp ý chia sẻ từ
doanh nghiệp, thầy cơ cũng như các bạn để chúng em có thể rút kinh nghiệm và cải
thiện tốt hơn.
Em xin chân thành cảm ơn!
NHẬN XÉT
(Của giảng viên hướng dẫn)
........................................................................................................................................................................
........................................................................................................................................................................
........................................................................................................................................................................
........................................................................................................................................................................
LẬP TRÌNH MÁY TÍNH-THIẾT BỊ DI ĐỘNG
2
XÂY DỰNG HỆ THỐNG WEBSITE VÀ APP
KINH DOANH CÀ PHÊ THÀNH ĐẠT
........................................................................................................................................................................
........................................................................................................................................................................
........................................................................................................................................................................
........................................................................................................................................................................
........................................................................................................................................................................
........................................................................................................................................................................
........................................................................................................................................................................
........................................................................................................................................................................
........................................................................................................................................................................
........................................................................................................................................................................
........................................................................................................................................................................
........................................................................................................................................................................
........................................................................................................................................................................
Buôn Ma Thuột, ngày..... tháng ..... năm 20...
Giảng viên hướng dẫn
NHẬN XÉT
(Của hội đồng phản biện 1)
........................................................................................................................................................................
........................................................................................................................................................................
........................................................................................................................................................................
........................................................................................................................................................................
........................................................................................................................................................................
LẬP TRÌNH MÁY TÍNH-THIẾT BỊ DI ĐỘNG
3
XÂY DỰNG HỆ THỐNG WEBSITE VÀ APP
KINH DOANH CÀ PHÊ THÀNH ĐẠT
........................................................................................................................................................................
........................................................................................................................................................................
........................................................................................................................................................................
........................................................................................................................................................................
........................................................................................................................................................................
........................................................................................................................................................................
........................................................................................................................................................................
........................................................................................................................................................................
........................................................................................................................................................................
........................................................................................................................................................................
........................................................................................................................................................................
........................................................................................................................................................................
Buôn Ma Thuột, ngày..... tháng ..... năm 20...
Hội đồng phản biện
NHẬN XÉT
(Của hội đồng phản biện 2)
........................................................................................................................................................................
........................................................................................................................................................................
........................................................................................................................................................................
........................................................................................................................................................................
........................................................................................................................................................................
........................................................................................................................................................................
LẬP TRÌNH MÁY TÍNH-THIẾT BỊ DI ĐỘNG
4
XÂY DỰNG HỆ THỐNG WEBSITE VÀ APP
KINH DOANH CÀ PHÊ THÀNH ĐẠT
........................................................................................................................................................................
........................................................................................................................................................................
........................................................................................................................................................................
........................................................................................................................................................................
........................................................................................................................................................................
........................................................................................................................................................................
........................................................................................................................................................................
........................................................................................................................................................................
........................................................................................................................................................................
........................................................................................................................................................................
........................................................................................................................................................................
Buôn Ma Thuột, ngày..... tháng ..... năm 20...
Hội đồng phản biện
Mục Lục
LẬP TRÌNH MÁY TÍNH-THIẾT BỊ DI ĐỘNG
5
XÂY DỰNG HỆ THỐNG WEBSITE VÀ APP
KINH DOANH CÀ PHÊ THÀNH ĐẠT
CHƯƠNG I: GIỚI THIỆU TỔNG QUAN
I. Giới Thiệu Doanh Nghiệp
1. Khái quát doanh nghiệp
- Tên doanh nghiệp : Cà phê Thành Đạt
- Tên chủ doanh nghiệp:
- Địa chỉ:
- Số điện thoại:
2. Sơ lược doanh nghiệp
- Cà phê Thành Đạt là doanh nghiệp cà phê tại Buôn Ma Thuột nơi cà phê vẫn ln được đánh giá
là có chất lượng cao nhất và có hương vị đặc trưng nhất được giới hâm mộ và các nhà rang xay cà
phê đánh giá cao. Từ đó cà phê Thành Đạt chúng tơi mang lại các loại cà phê chất lượng có đủ
các loài cà phê như: cà phê chè, cà phê vối, cà phê mít, cà phê vối, ... tham khảo qua : “Hệ thống
Website và App cà phê Thành Đạt”.
II. Lý Do Chọn Đề Tài
- Trước sự phát triển của thời đại công nghệ đi kèm với sự phát triển mạnh mẽ của các dịch vụ
mua bán trực tuyến qua mạng đang tỏ ra vô cùng hiệu quả và tiện lợi , qua đó các doanh nghiệp
cần áp dụng cơng nghệ vào quản lý sản phẩm, thanh toán trực tuyến một cách đơn giản và nhanh
chóng, tiện lợi và chính xác.
- Nắm bắt được nhu cầu thiết yếu này, sau một khoảng thời gian nghiên cứu và trao đổi với doanh
nghiệp nhóm em đã đưa ra quyết định đồ án tốt nghiệp là: “Hệ thống Website và App cà phê
Thành Đạt”.
III. Yêu Cầu Doanh Nghiệp
- Web - App sẽ giúp tiết kiệm thời gian để ghi chép lại thông tin bán hàng, có thể theo dõi và quản
lý hầu như mọi khía cạnh trong cơng việc kinh doanh của bạn, từ khâu tìm kiếm, quản lý kho, bài
viết, sản phẩm đến dữ liệu khách hàng, tất cả trên một hệ thống, đơn giản hóa cách quản lý kinh
doanh, làm cho các thơng tin dễ dàng hơn để tìm thấy, và giảm thiểu những sai sót.
Đảm bảo đầy đủ các chức năng cơ bản của một phần mềm quản lý cơ bản. Bao gồm các chức
năng sau:
LẬP TRÌNH MÁY TÍNH-THIẾT BỊ DI ĐỘNG
6
XÂY DỰNG HỆ THỐNG WEBSITE VÀ APP
KINH DOANH CÀ PHÊ THÀNH ĐẠT
1. Phân quyền người dùng hệ thống:
- Khách hàng:
+ Đăng nhập, đăng ký tài khoản.
+ Thông báo hoạt động khách hàng.
+ Xem và thay đổi thông tin về tài khoản (Tên, Ngày sinh, Địa chỉ, …)
+ Thêm, xóa và cập nhật sản phẩm trong giỏ hàng.
+ Tùy chọn hình thức thanh tốn
+ Hình thức thanh tốn (tại cửa hàng, giao hàng tận nơi và thanh toán khi nhận hàng), đặt hàng
phải dễ sử dụng và bảo mật.
+ Danh sách sản phẩm, bài viết.
+ Chi tiết sản phẩm, bài viết
+ Tìm kiếm sản phẩm, gợi ý sản phẩm bán chạy ở trang chủ để người dùng dễ dàng chọn loại sản
phẩm cần tìm.
+ Những chính sách, điều khoản cũng như thông tin liên hệ của doanh nghiệp
- Admin:
+ Tất cả quyền của khách hàng.
+ Quản lý bài viết, sản phẩm: Cập nhật thơng tin hàng hố trực tuyến thay đổi hình ảnh, thơng tin
chi tiết giá các sản phẩm, bài viết.
+ Quản lý khách hàng: Lưu trữ các thông tin, hoạt động khách hàng, …
+ Quản lý kho hàng : quản lý sản phẩm, bài viết,trạng thái đơn hàng người dùng,...
2. Các chức năng chính của hệ thống:
- Quản lý giỏ hàng:
+ Quản lý sản phẩm đã chọn trong giỏ hàng.
LẬP TRÌNH MÁY TÍNH-THIẾT BỊ DI ĐỘNG
7
XÂY DỰNG HỆ THỐNG WEBSITE VÀ APP
KINH DOANH CÀ PHÊ THÀNH ĐẠT
+ Có thể thêm, sửa xóa sản phẩm trong giỏ hàng.
+ Thông tin sản phẩm trong giỏ gồm tên, hình ảnh, giá, số lượng
+ Tổng tiền sản phẩm
+ Cách thức thanh toán
- Danh mục sản phẩm:
+ Danh sách sản phẩm.
+ Có thể tìm kiếm sản phẩm.
+ Thơng tin sản phẩm gồm tên, hình ảnh, giá,..
+ Phân trang sản phẩm.
- Danh mục bài viết:
+ Danh sách bài viết.
+ Thông tin bài viết gồm tiêu đề, hình ảnh, nội dung,..
+ Phân trang bài viết.
- Quản lý kho hàng:
+ Thêm, xoá và sửa sản phẩm trong kho lưu được những thông tin cần thiết của sản phẩm như
tên, loại, giá, số lượng.
+ Xem trong kho còn lại bao nhiêu sản phẩm để xem tình trạng cịn hàng hay hết hàng.
+ Xem lịch sử nhập xuất của sản phẩm trong kho.
- Quản lý thông tin khách hàng:
+ Hiển thị thông tin khách hàng.
+ Chỉnh sửa thông tin khách hàng (tên, ngày sinh,..)
+ Lịch sử giao dịch.
+ Thơng báo khách hàng
LẬP TRÌNH MÁY TÍNH-THIẾT BỊ DI ĐỘNG
8
XÂY DỰNG HỆ THỐNG WEBSITE VÀ APP
KINH DOANH CÀ PHÊ THÀNH ĐẠT
IV. Khảo Sát Phần Mềm Tương Tự
1 . Website Đặc sản Ban Mê
Trang chủ
Chức năng: Hiển thị các chức năng và thông tin cơ bản của website.
Ưu điểm: Đơn giản, dễ nhìn.
Nhược điểm: Bố cục chưa rõ ràng, cịn thiếu một số chức năng, hiển thị nhiều thứ không
cần thiết.
•
Trang sản phẩm :
LẬP TRÌNH MÁY TÍNH-THIẾT BỊ DI ĐỘNG
9
XÂY DỰNG HỆ THỐNG WEBSITE VÀ APP
KINH DOANH CÀ PHÊ THÀNH ĐẠT
Chức năng: Hiển thị danh sách sản phẩm.
Ưu điểm: Đơn giản, dễ nhìn.
Nhược điểm: khơng có những bộ lọc sản phẩm cần thiết
•
Trang bài viết :
Chức năng: Hiển thị danh sách bài viết.
LẬP TRÌNH MÁY TÍNH-THIẾT BỊ DI ĐỘNG
10
XÂY DỰNG HỆ THỐNG WEBSITE VÀ APP
KINH DOANH CÀ PHÊ THÀNH ĐẠT
Ưu điểm: Đơn giản, dễ nhìn, đầy đủ.
Nhược điểm: kích thước hình ảnh bài viết q lớn nên hiển thị ít bài viết cùng lúc.
•
Trang giỏ hàng :
Chức năng: Hiển thị danh sách sản phẩm của giỏ hàng.
Ưu điểm: Đơn giản, dễ nhìn.
Nhược điểm: có lúc khơng hiển thị được danh sách
•
Tổng kết
•
•
Giao diện cơ bản dễ nhìn
Có đủ chức năng cơ bản của 1 doanh nghiệp.
•
Tốc độ truy cập nhanh
2. Website quản lí bán hàng
•
Tổng quan :
LẬP TRÌNH MÁY TÍNH-THIẾT BỊ DI ĐỘNG
11
XÂY DỰNG HỆ THỐNG WEBSITE VÀ APP
KINH DOANH CÀ PHÊ THÀNH ĐẠT
Chức năng: Hiển thị các chức năng và danh sách thơng tin sản phẩm.
Ưu điểm: Đơn giản, dễ nhìn.
Nhược điểm: Còn thiếu thống kê
3.Rút ra nhận xét
Ưu điểm
- Giao diện cần tối ưu hóa người dùng
- Tốc độ truy cập nhanh
- Sắp xếp bố cục hợp lý ,thông tin đầy đủ chi tiết.
- Quản lý sản phẩm chính xác,thơng tin rõ ràng
• Nhược điểm
- Giao diện chưa bắt mắt, nhiều thành phần còn dư thừa, bố cục chưa hợp lí
- Chưa thống kê được các sản phẩm
- Sau khi khảo sát những phần mềm tương tự chúng em sẽ tiếp thu những ưu điểm và
cải thiện tốt hơn như
- Sắp xếp bố cục rõ ràng
- Bổ sung những thành phần cịn thiếu sót
- Thao tác nngười dùng nhanh chóng, dễ hiểu.
•
LẬP TRÌNH MÁY TÍNH-THIẾT BỊ DI ĐỘNG
12
XÂY DỰNG HỆ THỐNG WEBSITE VÀ APP
KINH DOANH CÀ PHÊ THÀNH ĐẠT
CHƯƠNG II: NỀN TẢNG CÔNG NGHỆ
I. React Native
React Native là một framework do công ty công nghệ nổi tiếng Facebook phát triển nhằm
mục đích giải quyết bài tốn hiệu năng của Hybrid và bài tốn chi phí khi mà phải viết
nhiều loại ngôn ngữ native cho từng nền tảng di động.
Chúng ta sẽ build được ứng dụng Native, và chúng ta cũng có thể build ứng dụng đó một
cách đa nền tảng (multi-platform) chứ không phải là một “mobile web app”, không phải là
“HTML5 app”, và cũng không phải là một “hybrid app” hay cũng không chỉ build trên iOS
hay Android mà chúng ta build và chạy được cả hai hệ sinh thái luôn, sợ chưa!!!
Ưu điểm:
+ Hiệu quả về mặt thời gian khi mà bạn muốn phát triển một ứng dụng nhanh chóng.
+ Hiệu năng tương đối ổn định.
+ Cộng đồng phát triển mạnh.
LẬP TRÌNH MÁY TÍNH-THIẾT BỊ DI ĐỘNG
13
XÂY DỰNG HỆ THỐNG WEBSITE VÀ APP
KINH DOANH CÀ PHÊ THÀNH ĐẠT
+ Tiết kiệm tiền.
+ Team phát triển nhỏ.
+ Ứng dụng tin cậy và ổn định.
+ Xây dựng cho nhiều hệ điều hành khác nhau với ít native code nhất.
+ Trải nghiệm người dùng tốt hơn là hybrid app.
+ Xem thêm: 6 ưu điểm nổi bật của React Native
Nhược điểm:
+ Vẫn đòi hỏi native code.
+ Hiệu năng sẽ thấp hơn với app thuần native code.
+ Bảo mật không cao do dựa trên JS.
+ Quản lý bộ nhớ.
+ Khả năng tùy biến cũng không thực sự tốt đối với một vài module.
II. React Js
ReactJS được hiểu nôm na là một thư viện trong đó có chứa nhiều JavaScript mã nguồn mở
và cha đẻ của ReactJS đó chính là một ơng lớn với cái tên ai cũng biết đó chính là
Facebook. Mục đích của việc tạo ra ReactJS là để tạo ra những ứng dụng website hấp dẫn
với tốc độ nhanh và hiệu quả cao với những mã hóa tối thiểu. Và mục đích chủ chốt của
ReactJS đó chính là mỗi website khi đã sử dụng ReactJS thì phải chạy thật mượt thật nhanh
và có khả năng mở rộng cao và đơn giản thực hiện.
Ưu điểm:
+ Reactjs cực kì hiệu quả: Reactjs tạo ra cho chính nó DOM ảo – nơi mà các component
thực sự tồn tại trên đó. Điều này sẽ giúp cải thiện hiệu suất rất nhiều. Reactjs cũng tính tốn
những thay đổi nào cần cập nhật len DOM và chỉ thực hiện chúng. Điều này giúp Reactjs
tránh những thao tác cần trên DOM mà nhiều chi phí.
+ Hiệu năng cao đối với các ứng dụng có dữ liệu thay đổi liên tục, dễ dàng cho bảo trì và
sửa lỗi.
Nhược điểm:
LẬP TRÌNH MÁY TÍNH-THIẾT BỊ DI ĐỘNG
14
XÂY DỰNG HỆ THỐNG WEBSITE VÀ APP
KINH DOANH CÀ PHÊ THÀNH ĐẠT
+ Reactjs chỉ phục vụ cho tầng View. React chỉ là View Library nó khơng phải là một MVC
framework như những framework khác. Đây chỉ là thư viện của Facebook giúp render ra
phần view. Vì thế React sẽ khơng có phần Model và Controller, mà phải kết hợp với các thư
viện khác. React cũng sẽ khơng có 2-way binding hay là Ajax.
+ Tích hợp Reactjs vào các framework MVC truyền thống u cầu cần phải cấu hình lại.
+ Khó tiếp cận cho người mới học Web.
III. Node Js
NodeJS là một nền tảng được xây dựng trên “V8 Javascript engine” được viết bằng c++ và
Javascript. Nền tảng này được phát triển bởi Ryan Lienhart Dahl vào năm 2009.
Node.js ra đời khi các developer đời đầu của JavaScript mở rộng nó từ một thứ bạn chỉ chạy
được trên trình duyệt thành một thứ bạn có thể chạy trên máy của mình dưới dạng ứng dụng
độc lập.
Ưu điểm:
+ Đặc điểm nổi bật của Node.js là nó 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.
+ JSON APIs Với cơ chế event-driven, non-blocking I/O(Input/Output) 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.
Nhược điểm:
+ Ứng dụng nặng tốn tài nguyên Nếu bạn cần xử lý các ứng dụng tốn tài nguyên CPU như
encoding video, convert file, decoding encryption… hoặc các ứng dụng tương tự như vậy thì
khơng nên dùng NodeJS (Lý do: NodeJS được viết bằng C++ & Javascript, nên phải thơng
qua thêm 1 trình biên dịch của NodeJS sẽ lâu hơn 1 chút ). Trường hợp này bạn hãy viết 1
Addon C++ để tích hợp với NodeJS để tăng hiệu suất tối đa !
IV. MongoDB
MongoDB là một hệ quản trị cơ sở dữ liệu mã nguồn mở, là CSDL 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 (document), các dữ liệu
được lưu trữ trong document kiểu JSON thay vì dạng bảng như CSDL quan hệ truy vấn sẽ
rất nhanh. Với CSDL quan hệ chúng ta có khái niệm bảng, các cơ sở dữ liệu quan hệ (như
LẬP TRÌNH MÁY TÍNH-THIẾT BỊ DI ĐỘNG
15
XÂY DỰNG HỆ THỐNG WEBSITE VÀ APP
KINH DOANH CÀ PHÊ THÀNH ĐẠT
MySQL hay SQL Server,…) sử dụng các bảng để lưu dữ liệu thì với MơngDB chúng ta sẽ
dùng khái niệm là collection thay vì bảng
Ưu điểm:
+ Dữ liệu lưu trữ phi cấu trúc, khơng có tính ràng buộc, tồ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 vấn vào ổ cứng nên tốc độ đọc và
ghi cao.
Nhược điểm:
+ Không ứng dụng được cho các mơ hình giao dịch nào có 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.
+ 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.
V. Github
GitHub là một dịch vụ nổi tiếng cung cấp kho lưu trữ mã nguồn Git cho các dự án phần
mềm. Github có đầy đủ những tính năng của Git, ngồi ra nó cịn bổ sung những tính năng
về social để các developer tương tác với nhau.
LẬP TRÌNH MÁY TÍNH-THIẾT BỊ DI ĐỘNG
16
XÂY DỰNG HỆ THỐNG WEBSITE VÀ APP
KINH DOANH CÀ PHÊ THÀNH ĐẠT
- Github cung cấp các tính năng social networking như feeds, followers, và network graph
để các developer học hỏi kinh nghiệm của nhau thông qua lịch sử commit.
- Quản lý source code dễ dàng: Khi bạn tạo một repo, tồn bộ source code của repo đó được
lưu trên GitHub. Tại đây, bạn có thể coi lại q trình mình đã làm việc thông qua các
comment sau mỗi lần commit. Và cái hay ở đây, là nhiều người có thể cùng làm một repo.
Lợi ích đầu tiên, chính là bạn biết được ai đã commit và commit cái gì. Tiếp theo, source
của bạn có thể phát triển theo nhiều nhánh. Nguyên tắc làm việc với các nhánh như thế này:
Bạn có thể rẽ nhiều nhánh để phát triển project. Nhưng cuối cùng, bạn phải merge lại vào
nhánh MASTER để ra được project hồn chỉnh
VI. Postman
Postman là một loại cơng cụ cho phép người dùng có thể thao tác với API, mà trong đó phổ
biến nhất là REST. Với thử nghiệm API thì Postman là một trong những cơng cụ phổ biến vì
được thực nghiệm nhiều nhất. Nhờ Postman lập trình viên có thể gọi Rest API mà khơng
cần phải viết bất kỳ dịng code nào. Postman có khả năng hỗ trợ mọi phương thức HTTP
bao gồm: POST, PUT, DELETE, PATCH, GET,... Ngồi ra, Postman cịn cho phép lập trình
viên lưu lại lịch sử của các lần request nên vô cùng tiện lợi cho nhu cầu sử dụng lại.
LẬP TRÌNH MÁY TÍNH-THIẾT BỊ DI ĐỘNG
17
XÂY DỰNG HỆ THỐNG WEBSITE VÀ APP
KINH DOANH CÀ PHÊ THÀNH ĐẠT
VII. Twilio
Twilio là một dịch vụ điện thoại và tin nhắn SMS cung cấp các giải pháp liên lạc cho các
doanh nghiệp thuộc mọi hình dạng và quy mơ. Nó cho phép các nhà phát triển phần mềm
thực hiện và nhận các cuộc gọi điện thoại cũng như gửi và nhận tin nhắn văn bản bằng cách
sử dụng các API dịch vụ web theo chương trình.
VIII. Visual Studio Code
Là một trình biên tập lập trình code miễn phí dành cho Windows, Linux và macOS, Visual
Studio Code được phát triển bởi Microsoft. Nó được xem là một sự kết hợp hồn hảo giữa
IDE và Code Editor.
LẬP TRÌNH MÁY TÍNH-THIẾT BỊ DI ĐỘNG
18
XÂY DỰNG HỆ THỐNG WEBSITE VÀ APP
KINH DOANH CÀ PHÊ THÀNH ĐẠT
Visual Studio Code hỗ trợ chức năng debug, đi kèm với Git, có syntax highlighting, tự hồn
thành mã thơng minh, snippets, và cải tiến mã nguồn. Nhờ tính năng tùy chỉnh, Visual
Studio Code cũng cho phép người dùng thay đổi theme, phím tắt, và các tùy chọn khác.
IX. Redux, Redux – Saga
Redux là một vùng chứa trạng thái có thể dự đốn được hay cịn biết đến là một thư viện
của JavaScript. Thư viện này được thiết kế để giúp bạn viết các ứng dụng JavaScript có thể
hoạt động nhất quán trong các môi trường máy khách, máy chủ và môi trường số, đồng thời
cho phép dễ dàng kiểm tra.
Redux-Saga là một thư viện redux middleware, giúp quản lý những side effect trong ứng
dụng redux trở nên đơn giản hơn. Bằng việc sử dụng tối đa tính năng Generators (function*)
của ES6, nó cho phép ta viết async code nhìn giống như là synchronos.
LẬP TRÌNH MÁY TÍNH-THIẾT BỊ DI ĐỘNG
19
XÂY DỰNG HỆ THỐNG WEBSITE VÀ APP
KINH DOANH CÀ PHÊ THÀNH ĐẠT
X. Expo
Expo là một bộ công cụ giúp dễ dàng viết các ứng dụng React Native. Trong bài này, tơi sẽ
hướng dẫn cho bạn cách bạn có thể nhanh chóng tạo ra các ứng dụng React Native bằng
Expo.
Nó giống như Laravel hay Symphony cho các nhà phát triển PHP, hoặc Ruby on Rails cho
các nhà phát triển Ruby. Expo cung cấp một lớp nằm trên cùng của React Native API để
giúp chúng dễ sử dụng và quản lý. Nó cịn cung cấp các cơng cụ giúp bạn dễ dàng khởi tạo
và kiểm thử các ứng dụng React Native. Sau cùng, nó cung cấp các thành phần UI và các
dịch vụ thường chỉ có sẵn khi bạn cài đặt một thành phần React Native của bên thứ ba. Tất
cả đều được cung cấp thơng qua Expo SDK.
LẬP TRÌNH MÁY TÍNH-THIẾT BỊ DI ĐỘNG
20
XÂY DỰNG HỆ THỐNG WEBSITE VÀ APP
KINH DOANH CÀ PHÊ THÀNH ĐẠT
CHƯƠNG III: PHÂN TÍCH THIẾT KẾ HỆ THỐNG
I. Phân Tích Thiết Kế Hệ Thống: Hệ Thống Bao Gồm Web Và App
1. Sơ đồ thiết kế hệ thống
Biểu đồ 1. Sơ đồ thiết kế hệ thống
2. Biểu đồ phân rã chức năng
LẬP TRÌNH MÁY TÍNH-THIẾT BỊ DI ĐỘNG
21
XÂY DỰNG HỆ THỐNG WEBSITE VÀ APP
KINH DOANH CÀ PHÊ THÀNH ĐẠT
2.1. Phân ra chức năng chính của admin trên web-app
LẬP TRÌNH MÁY TÍNH-THIẾT BỊ DI ĐỘNG
22
XÂY DỰNG HỆ THỐNG WEBSITE VÀ APP
KINH DOANH CÀ PHÊ THÀNH ĐẠT
2.2 Biểu đồ phân rã chức năng người dùng trên web-app
LẬP TRÌNH MÁY TÍNH-THIẾT BỊ DI ĐỘNG
23
XÂY DỰNG HỆ THỐNG WEBSITE VÀ APP
KINH DOANH CÀ PHÊ THÀNH ĐẠT
3 . Sơ đồ use case
3.1.UC001: Sơ đồ use case tổng quát trên web
3.2.UC002: Sơ đồ use case đăng nhập, đăng ký trên web và app
3.3.UC003: Sơ đồ use case quản lý sản phẩm, bài viết admin trên web và app
LẬP TRÌNH MÁY TÍNH-THIẾT BỊ DI ĐỘNG
24
XÂY DỰNG HỆ THỐNG WEBSITE VÀ APP
KINH DOANH CÀ PHÊ THÀNH ĐẠT
3.4.UC004: Sơ đồ use case quản lý tình trạng đơn hàng admin trên web và app
LẬP TRÌNH MÁY TÍNH-THIẾT BỊ DI ĐỘNG
25
