Báo cáo Đồ án môn học môn học phát triển phần mềm hướng dịch vụ

Rest thưởng sử dụng dụng phương thức HTTP don giản để có thể tạo ra giao tiếp giữa các máy.Bởi vì thế, thay vì phải sử dụng một URL cho việc xử lý một số thông tin của người dùng thì Res

BAO CAO ĐỒ ÁN MÔN HỌC

Môn học: Phát triển ph mền hướng dịch vụ

Giảng viên: Th§ Huỳnh Trung Trụ

NHÂN XÉT CỦA GIẢNG VIÊN

LOT CAM ON

ĐẦi tiên, chúng em xin gửi lời cảm ơn chân thành đến “Học viện Công nghệ Bưu chính viễn thông” đã đưa môn học Phát triển ph mền hướng dịch vụ vào chương trình giảng dạy Đặc biệt, chúng em xin gửi lởi cảm ơn sâu sắc đến giáo viên bộ môn - th% giáo Huỳnh Trung Trụ đã dạy dỗ, truy `êi đạt những kiến thức quý báu cho chúng em trong suốt thởi gian học tập vừa qua Trong thởi gian tham gia lớp học Phát triển phầ› mềền hướng dịch vụ, chúng em đã có thêm cho mình nhi âi kiến thức bổ ích, tỉnh thần học tập hiệu quả, nghiêm túc Đây chắc chấn sẽ là những kiến thức quý báu, là hành trang để chúng em có thể vững bước sau này

Bộ môn Phát triển phần m`ền hướng dịch vụ là môn học thú vị, vô cùng bổ ích và có tính thực tế cao Đảm bảo cung cấp đủ kiến thức, gắn liên với nhu c`âi thực tiễn của sinh viên Tuy nhiên, do vốn kiến thức còn nhi`âi hạn chế và khả năng tiếp thu thực tế còn nhi li bố ngỡ Mặc dù chúng em đã cố gắng hết sức nhưng chắc chắn bài báo cáo khó có thể tránh khỏi những thiếu sót và nhi `âi chỗ còn chưa chính xác, kính mong thẦ xem xét và góp ý để bài báo cáo của nhóm 10 chúng em được hoàn thiện hơn

Chúng em xin chân thành cảm ơn

PHAN CHIA CONG VIEC

- Chốt đơn cho khách, huỷ đơn

- Đăng nhập, đăng ký, đăng xuất

- Đặt hàng, giỏ hàng, thanh toán

- Đăng nhập, đăng ký, đăng xuất

Pe eee ak Chon

Tên bảng Mô tả

Bảng chứa danh sách nhân viên bao g “4m:

staffs max :

tên, giới tính, sdt, email

1 Bảng chứa danh sách phân quy ân bao g am:

Bảng chứa danh sách khách hàng bao g âm:

tên, sdt, địa chỉ

payments Bảng chứa danh sách phương thức thanh toán

- Bảng chứa danh sách đ '6än nhanh bao g âm:

loại, tên, hình ảnh, giá, mô tả, nguyên liệu

accounts Bảng chứa danh sách tài khoản dùng để đăng nhập

types Bảng chứa danh sách loại mà item thuộc v`ê

thức giúp kết nối với các thư viện và ứng dụng khác nhau Rest Api thưởng không được xem

là công nghệ, mà nó là giải pháp giúp tạo ra những ứng dụng web services chuyên dụng để thay thế cho nhi âi kiểu khác như: SOAP, WSDL,

API là từ viết tắt của cụm từ Application Prosramming Interface, đây là tập hợp những quy tắc và cơ chế mà theo đó thì: Một ứng dụng hoặc một thành ph nào đó sẽ trơng tác với một ứng dụng hoặc một số thành phn khác API có thể sẽ được trả vê dữ liệu mà người dùng cẦn cho chính ứng dụng của bạn với những kiểu dữ liệu được dùng phổ biến như JSON hoặc XML

Rest là từ viết tất của Representational State Transfer: Nó là một trong những dạng chuyển đổi cấu trúc, với kiểu kiến trúc thưởng được viết API Rest thưởng sử dụng dụng phương thức HTTP don giản để có thể tạo ra giao tiếp giữa các máy.Bởi vì thế, thay vì phải sử dụng một URL cho việc xử lý một số thông tin của người dùng thì Rest sẽ yêu cầi HTTP như: GET, POST, DELETE đến với bất kỳ một URL để được xử lý dữ liệu

Mô hình MVC là mô hình g 'ân 3 lớp: Model, View, Controller Cụ thể như sau:

Model: Lớp này chịu trách nhiệm quản lí dữ liệu: giao tiếp với cơ sở dữ liệu, chịu trách nhiệm lưu trữ hoặc truy vấn dữ liệu

View: Lớp này chính là giao diện của ứng dụng, chịu trách nhiệm biểu diễn đữ liệu của ứng dụng thành các dạng nhìn thấy được

Controller: Lớp này đóng vai trò quản lí và đi âi phối lu ông hoạt động của ứng dụng Tng này sẽ nhận request từ client, đi âi phối các Model và View để có thể cho ra output thích hợp và trả kết quả v'êcho người dùng

VI Cau tric MVVM trong Android/ iOS

ứng dụng để hiển thị dữ liệu và nhận tương tác của người dùng Một điểm khác biệt so với các ứng dụng truy ân thống là View trong mô hình này tích cực hơn Nó có khả năng thực hiện các hành vi và phản h'Ö lại người dùng thông qua tính năng binding, command

Model: Cũng tương tự như trong mô hình MVC Model là các đối tượng giúp truy xuất và thao tác trên dữ liệu thực sự

ViewModel: Lớp trung gian giữa View và Model ViewModel có thể được xem là thành ph thay thế cho Controller trong mô hình MVC Nó chứa các mã lệnh cân thiết để thực hiện dafta binding, command

ViewModel không h*biết gì v`êView, một ViewModel có thể được sử dụng cho nhi View (one-to-many) ViewModel str dung Observer design pattern dé lién lac voi View (thưởng được gọi là binding data, có thể là 1 chi ầi hoặc 2 chi 'âi tùy nhu câi ứng dụng) Chính đặc điểm này MVVM thưởng được phối hợp với các thư viện hỗ trợ Reactive Programming hay Event/Data Stream, day là triết lý lập trình hiện đại và hiệu quả phát triển rất mạnh trong những năm gân đây

CHUONG 2 MOITRUONG MAY CHU WEB SERVER

Expressjs là một framework được xây dựng trên n*n tảng của Nodejs Nó cung cấp các tính năng mạnh mẽ để phát triển web hoặc mobile Expressjs hỗ trợ các method HTTP và midleware tạo ra API vô cùng mạnh mẽ và dễ sử dụng

Nodejs 14 mét n‘& tảng sử dụng Javascript để xây dựng các ứng dụng I/O hướng sự kiện phía máy chủ

MySQL là hệ quản trị cơ sở dữ liệu tự do ngu ồn: mở phổ biến nhất thế giới và được các nhà phát triển rất ưa chuộng trong quá trình phát triển ứng dụng

dụng để tạo UI cho các ứng dụng và trang web dành cho thiết bị di động

React Native là một framework mã ngu ân mở được sáng tạo bởi Facebook Nó được sử dụng

để phát triển ứng dụng đi động Android, iOS, Web và UWP bằng cách cho phép các nhà phát triển sử dụng React cùng với môi trưởng ứng dụng gốc

CHUONG 3 CAC CLIENT, APPLICATION TRUY CAP API

Đây là giao diện đẦn tiên người dùng nhìn thấy khi truy cập trang web, bao ø âm các tính năng

cơ bản bao øg ôn: đăng nhập, đăng ký, lấy lại mật khẩu

- Giao diện đăng nhập

haGPT Việt Nam [ÖÑ Céng Théng Tin DS + YouTube fy Google Dich eS Google Drive ẬP Messenaerjfscbe Game Mobile Chuẩ ÑÑÖ T&chạcMP34

Xin hãy nhập username

a

ˆtwe+*+* «$4 aan * r Q ao

Đurger thịt xông khỏi Burger bd phé mai Burger 2 miếng bò

Burzer thịt xông khói Burger bd pho mai

* Hot trong thang

vee nem.) Céng Theeg Tin we ` ốc ee ened cae `

Poco Trang chủ Thanhtoán Giỏhing ®ơnhằng

ts

eee tong củ `" ôÔốỒốỒ

ee neene de ere Q

Burn Borger thịt xông khối Trio cofiee

' Hot trong thang

vee nem.) Céng Theeg Tin we ` ốc ee ened cae Ti

Poco Trang chủ Thanhtoán Giỏhing ®ơnhằng

Trngchủ Thựcđơn Thanhtoán Giỏhàng (s)(4x)(®® (#Œ)

Banh gid cla ban”

Nhân xét của ban ”

+

viết ham [ỒN Cổng mne»g Tinbe ` “` số

Poco! lranghù Thựcđơn Thanhtoán Giồhằng

Địa chỉ nhận: Xã Quang Trung, Huyện Thống Nhất, \g Nai Burger thitxéng khối

cu : eee eae et or a ies

Thong bao Ban có chắc chân muốn hủy đơn hàng #7

ort YouTube fig Guagle Dish Googe Drive Gf) Messenger | Foxcbo

Trangdhủ Thựcđến Thanhtoán Giỏhằng tĐơnhàng

Burger thịt xông khói

wm aoe

- Giao dién dang nhap

Viết Men, KG ĐI

Phạm Minh Mạnh 17/01/2023 11:30 | Không bỏ đồ chua nhé! Thanh toán khi nhận hàng | 270008 | ciua xác c;ận

Phạm Minh Mạnh | 14/05/2023 00:14 Lấy thêm nước chấm! Thanh toán khi nhận hàng | 175000 Đã xác nhận

Nguyễn Thành Trung | 23/01/2023 06:30 | Không sổ đồ chua nhéi Thanh toán khi nhận hàng | 492008 | Đã xác nhận

Phạm Minh Mạnh Không bỏ đồ chua nhé! Thanh toán khi nhân hàng | 264000 Đã xác nhận

Phạm Minh Mạnh 16/01/2023 09:30 Đông gửi kĩ giúp emi Thẻ ghỉ nợ 110003 Đã xác nhận

Nguyễn Thành Trung 15/01/2023 21:30 Không cần lấy tương đt nhé shop! Vi dién tu 140009 Đã xác nhận

Phạm Minh Mạnh 01/01/2023 68:30 | Lấy thêm nước chấm giúp em ạ! — | Thẻ ghí nợ 315009 [Đã xác nhận

- Giao diện chi tiết đơn hàng

Chi tiết đơn đặt hàng

Thông tin thức ăn

trà chach Đến giá 30000 Số lượng 5 Tổng tiền ; 150000

Kem tế Đơn giá 15000 Số lượng 4 Tổng tiền : 60009 Pizza chay Den gi& 15000 Số lượng 4 Tổng tiền : 60000

Thông tin thanh toán

Thời gian đặt hàng: 17/01/2023 11:30

Téng gia tr don hang: 270000

Pl ng thức thanh toán ; Than

Trạng thải đơn hàng:

Chi tiết đơn đặt hàng

Thông tin thức ăn

Bưrger thịt xông khói Đơn giá 35000 Số lượng 5 Tổng tiền : 175000

Thông tin thanh toán

Thời gian đặt hang: 14/05/2023 00:14

- Giao diện thêm mới thức ăn

obile Chuẩn eed eer

Thêm mới thức ăn

Tên thức ân"

Số lượng”

Nguyễn lêu”

TIT Ung dung mobile

- Giao điện bất đầi

+ Đây là màn hình hiển thị chào khách hàng Bấm vào nút “Bắt đâi” để bước vào màn hình trang chủ

Bat dau

- Giao diện trang chủ

+ Đăng nhập: người dùng bấm vào nút “Đăng nhập” để đi đến màn hình dang nhập

+ Thanh tìm kiếm: Người dùng có thể tìm kiếm sản phẩm trên thanh này + ActionBar: Ngươi dùng ấn chọn | tab trên actionBar Hệ thống sẽ hiện thị sản phẩm theo tab người dùng đã chọn Layout thiết kế dạng slider

+ Banner quảng cáo

+ Người dùng có thể thêm sản phẩm vào giỏ hàng thông qua biểu tượng giỏ hàng của sản phẩm

+ Bấm vào sản phẩm ta sẽ được chuyển tới trang chỉ tiết sản phẩm

+ Danh sách sản pham sé load dang Lazy va Infinite Scroll (khi lướt đến cuối màn hình sản phẩm sẽ hiển thị thêm

Đăng nhập Hãy chọn món ăn bạn muốn

Q

Dat hang ngay

Giao hàng nội thành trong vòng tối đa 1 giờ 2

+ Màn hình cho người dùng đăng nhập vào hệ thống với tài khoản va mật khẩu + Người dùng có thể chọn “Quên mật khẩu” để đi đến trang quên mật khẩu + Người dùng có thé chon “Toi đăng ký” để đi đến trang đăng ký

11:39 £: C8 A @

Pocol

Đăng nhập Quên mật khẩu Tới đăng ký

- Giao diện đăng ký

+ Người dùng có thể đăng ký tài khoản ở màn hình này

+ Tất cả các trưởng là bất buộc Sau khi nhập đầy đủ thông tin bấm nút “Xác nhận đăng ký” để đăng ký tài khoản

+ Người dùng nhập tên tài khoản muốn lấy lại mật khẩu

+ Sau khi nhập tài khoản bấm nút “Tiếp theo” Hệ thống sẽ gửi mã xác nhận thông qua email đăng ký của tài khoản đó

+ Có thể chọn nút thoát để quay lại màn hình đăng nhập

11:40 Z4 C) 8 A @ || iCEĐ:Z

Poco!)

Quên mật khẩu

Hãy cung cấp thông tin của bạn theo từng bước

ước 7: Cung cấp tên tài khoản

“9

+ Màn hình thể hiện chỉ tiết những thông tin v`Êmón ăn

+ Có thể tăng giảm số lượng sản phẩm muốn thêm vào giỏ hàng bằng nút “+” hay + Có thể xem những đánh giá của món ăn qua nút có biểu tượng tin nhấn + Có thể thêm vào danh sách yêu thích bằng nút có biểu tượng trái tim

>

+ Bấm nút “Thêm vào giỏ” để đưa sản phẩm vào giỏ hàng

+ Những ngôi sao đỏ tượng trưng cho rating của sản phẩm

11:40 Z: ©Ô 8A @

° G kkkk

Burger thịt xông khói

SL còn:42 Trang thai: San sang

VND

Mô tả:

Hương vị đến từ thịt heo được chế biến theo đặc

trưng riêng của cửa hàng

Nguyên liệu:

Bánh mì burger, thịt heo, cà chua, salat,

Loai mon: Burgers Nang lugng: 12.5 Kea!

Thém vao gio

- Giao diện đánh giá của món an

+ Liét ké toan bé binh luan ctia san phaim (bao g ‘Gm rating, comment, thoi gian binh luận)

+ Đối với những bình luận có kèm hình ảnh, hình ảnh sẽ được hiển thị bên dưới

kkk kk

"Món ăn rất tuyệt vơi”

- Giao diện giỏ hàng

+ Ta có thể tuỳ chỉnh số lượng sản phẩm, xoá khỏi giỏ hàng, tổng giá sẽ được tính toán lại

+ Bấm button “Thanh toán” để đi đến trang chọn phương thức thanh toán

+ Có thể thêm ghi chú cho nhân viên ở trưởng “Ghi chú cho chúng tôi

11:44 Z Cì 8 A @ Hi 6S

@ Thanh toán

€ Chọn phương thức thanh toán

[es Ví điện tử

=“' Thẻ ghi nợ

=: Thanh toán khi nhận hàng

EB Ghi chú cho chúng tôi

@ Gio hang của bạn

+ Lịch sử đơn hàng của ngươi dùng có những thông tin: tổng số lượng hoá đơn, tổng chi(tổng tì â hoá đơn đã hoàn thành)

+ Danh sách hoá đơn của ngươi dùng bao g âm: mã hoá đơn, tình trạng, thời gian đặt

+ Bấm vào một hoá đơn bất kỳ để xem chỉ tiết hoá đơn

- Giao diện chi tiết hoá đơn/ đơn hàng

+ Màn hình dùng để xem chỉ tiết của một hoá đơn

+ Bấm vào nút có biểu tượng màu xanh lá để đánh giá + Chỉ được bình luận những món ăn mà đơn hàng đã hoàn tất + Các đơn hàng dang cho xác nhận có thể Hủy

Địa chỉ: Xã Quang Trung, Huyện Thống Nhất, Tỉnh Đồng

- Giao diện đánh giá món ăn

+ Màn hình dùng để xem chỉ tiết của một hoá đơn

+ Nhập bình luận, điểm vote, có thể kèm hình ảnh chọn từ thiết bị + Bấm nút xác nhận để đánh giá

- Giao diện danh sách yêu thích

+ Màn hình danh sách những sản phẩm yêu thích của ngươi dùng + Nút trái tỉm nếu bấm vào sẽ xoá sản phẩm khỏi danh sách yêu thích

+ Từ khoá tìm kiếm sẽ là tên của món ăn

Burger cá hồi 16,000 VND

Burger chay 16,000 VND

Burger ức gà rán 16,000 VND

Burger 2 phô mai 23,000 VND

Burger gà 25,000 VND

- Giao diện thông tin cá nhân

+ Màn hình dùng để xem thông tin của ngươi dùng

+ Bấm nút đổi mật khẩu để đến màn hình đổi mật khẩu cho người dùng + Bấm nút đăng xuất để đăng xuất khỏi app

+ Man hinh ding dé doi mat khau

+ Phải nhập đúng mật khẩu cũ mới được phép đổi mật khẩu + Mật khẩu mới và Mật khẩu mới(nhập lại) phải giống nhau + Bấm nút xác nhận để đổi mật khẩu khi đã di& d‘@ đủ thông tin

11:45 Z4: © 8 A @ al =|@4

li Poco!

Xác nhận

+ Màn hình dùng để cập nhật ảnh đại diện cho người dùng + Chọn ảnh từ thiết bị

17:48 Z: © @ @ @ - all =|

Chọn ảnh từ thiết bị