XÂY DỰNG ỨNG DỤNG bán TRỨNG

VIETNAM NATIONAL UNIVERSITY HO CHI MINH CITY INFORMATION TECHNOLOGY UNIVERSITY SOFTWARE ENGINEERING FACULTY XÂY DỰNG ỨNG DỤNG BÁN TRỨNG BÁO CÁO ĐỒ ÁN Môn: Đồ án SE122.M11.PMCL Giảng viên: Đỗ Thị Thanh Tuyền Người thực hiện: Nguyễn Thành Đạt 18520578 Mục lục Introduction 1.1 Purpose 1.2 Scope 1.3 Definitions,Acronyms, and Abbreviations 1.4 Overview Architectural Representation 2.1 Scenarios 2.2 Logical view 2.3 Process view 2.4 Development view 2.5 Physical view Architectural Goals and Constraints 3.1 Server side 3.2 Client side 3.3 Security 3.4 Persistence 3.5 Reliability/ Availability 3.6 Performance 3.7 Portability and reuse 3.8 Development tools 3.9 Kế hoạch Use case view 12 4.1 Use case diagrams 12 4.2 Use-Case Realizations 13 4.2.1.Đăng nhập 13 4.2.2 Đăng xuất 14 4.2.3 Báo cáo 14 4.2.4 Xem hồ sơ 15 4.2.5 Chỉnh sửa hồ sơ 16 4.2.6 Xem hàng 16 4.2.7 Tìm kiếm hàng 17 4.2.8 Mua hàng 17 4.2.9 Crud phân loại 18 4.2.10 Xem giỏ hàng 19 4.2.11 Thanh toán đơn hàng 19 4.2.12 Hủy đơn hàng 21 4.2.13 Duyệt đơn hàng 21 4.2.14 Chat 22 4.2.15 Crud Hàng 23 Logical view 5.1 Overview 24 24 5.1.1 Subsystems 24 5.1.2 Layering 25 5.2 Architecturally Significant Design Packages 27 5.2.1 Class Diagrams 27 5.2.2 ER Diagrams 28 Process View 6.1 Sequence Diagrams 28 28 6.1.1 Đăng nhập 28 6.1.2 Quên mật 29 6.1.3 Báo cáo 30 6.1.4 Chỉnh sửa hồ sơ 30 6.1.5 Xem giỏ hàng 31 6.1.6 Xem hóa đơn 31 6.1.7 Mua hàng 32 6.1.8 Thanh toán 32 6.1.9 Duyệt đơn hàng 33 6.1.10 Hủy đơn hàng 34 6.2 Activity Diagrams 35 6.2.1 Đăng nhập 35 6.2.2 Quên mật 36 6.2.3 Báo cáo 37 6.2.4 Chỉnh sửa hồ sơ 38 6.2.5 Xem giỏ hàng 39 6.2.6 Xem hóa đơn 40 6.2.7 Mua hàng 41 6.2.8 Thanh toán đơn hàng 42 6.2.9 Duyệt đơn hàng 43 6.2.10 Hủy đơn hàng 44 Deployment View 44 Implementation View 45 Data View 46 9.1 ER Diagrams 46 9.2 MongoDB 46 10 Kích thước hiệu 47 11 Chất lượng sản phẩm 47 Introduction “ Ứng dụng bán trứng “ ứng dụng dùng để bán trứng theo hình thức trực tuyến, giúp thực quản lý giao dịch, kinh doanh bán trứng.Ứng dụng gồm nhiều chức giúp người bán người mua sử dụng cách thuận tiện nhất,giúp người bán thuận tiện bày bán, chỉnh sửa sản phẩm dễ dàng, kiểm sốt số lượng hàng hóa, quản lý đơn hàng có hệ thống,thống kê báo cáo chi tiết tình trạng bn bán, cịn giúp người mua dễ dàng mua hàng, thuận tiện vài lần chạm,bảo mật thơng tin người dùng an tồn, hỗ trợ trị chuyện trực tuyến với người bán giúp người mua gặp khó khăn Tài liệu mơ tả chi tiết kiến trúc phần mềm “ Ứng dụng bán trứng “.Bố cục tài liệu viết theo hình thức + view Kiến trúc hệ thống trừu tượng hóa thành nhiều khung nhìn, thành nhiều thành phần tất giải thích chi tiết 1.1 Purpose Tài liệu cung cấp nhìn tổng qt, tồn diện kiến trúc hệ thống, sử dụng số quan điểm kiến trúc khác để mô tả khía cạnh ứng dụng Mục đích tài liệu nắm bắt truyền đạt định kiến trúc quan trọng thực ứng dụng Tài liệu trình bày chi tiết kiến trúc ứng dụng theo “ cách nhìn “ khác ( mơ hình + view) Tất hoạt động tĩnh động ứng dụng mô tả tài liệu Tất sơ đồ bắt buộc mơ tả chúng có sẵn tài liệu Tài liệu sử dụng mô hình + view giúp mơ tả phần mềm cách xác Nó cho phép bên liên quan tìm thấy họ yêu cầu.Giúp cho người thực thuận tiện cho việc phát triển, theo dõi, sửa chữa 1.2 Scope Tài liệu kiến trúc phần mềm áp dụng cho khía cạnh tĩnh động ứng dụng.Vì mơ hình khung nhìn + sử dụng làm mơ hình tham chiếu, kết hợp nhiều khung nhìn ứng dụng, làm cho tài liệu đầy đủ quán 1.3 Definitions,Acronyms, and Abbreviations OOP : Object Oriented Programming - Lập trình hướng đối tượng 1.4 Overview Tài liệu trình bày chi tiết kiến trúc “ Ứng dụng bán trứng “, bao gồm kiến thức kiến trúc phần mềm, mục đích kiến trúc, ràng buộc use case Tài liệu cho ta thấy góc nhìn khác dự án bao gồm logic lý luận, trình, triển khai cài đặt Ta hiểu cách ứng dụng hoạt động,xử lý liệu hiệu góc nhìn lập trình viên Architectural Representation Trình bày chi tiết góc nhìn 2.1 Scenarios Audience: ● Tất bên liên quan kể người dừng cuối người quản lý bán hàng khách hàng Area: ● Miêu tả tổng quát trường hợp tiêu biểu, đặc trưng chức có ứng dụng Miêu tả người dùng use case, luồng làm việc tài liêu cịn đề cập đến vấn đề ngoại vi, kết không mong muốn 2.2 Logical view Audience: ● Nhà thiết kế (Designers) , Lập trình viên (Programmers), Nhân viên kiểm thử (Testing staff ) Area: ● Hiển thị trừu tượng hệ thống dạng đối tượng lớp đối tượng Có thể liên hệ yêu cầu hệ thống với thực thể theo quan điểm logic ● Yêu cầu chức năng, phân cấp đối tượng (object hierarchy), lớp hệ thống (system layers) ● Mơ tả thiết kế mơ hình đối tượng Đồng thời mô tả hệ thống hệ thống mối quan hệ chúng 2.3 Process view Audience: ● Người tích hợp (Integrators), Lập trình viên (Programmers) Area: ● Hiển thị cách thức, thời điểm chạy, hệ thống bao gồm quy trình tương tác Chế độ xem hữu ích để đưa đánh giá đặc điểm hệ thống phi chức hiệu suất ● Xây dựng hành vi thời gian hệ thống, trọng vào thời gian thực thi chương trình 2.4 Development view Audience: ● Lập trình viên (Programmers), Kiểm thử (Testers) Area: ● Miêu tả module cách phân chia thư viện có ứng dụng ● Cho biết cách phần mềm phân tách để phát triển, nghĩa là, cho thấy việc phân chia phần mềm thành thành phần được bới nhà phát triển nhóm phát triển 2.5 Physical view Audience: ● Quản trị viên sở liệu (Database administrators), Kỹ sư hệ thống (System engineers), Người quản lý triển khai (Deployment managers) Area: ● Hiển thị phần cứng hệ thống cách thành phần phần mềm phân phối ● Tính liên tục: Cho thấy tính tồn diện liên tục mẫu thiết kế Miêu tả ánh xạ từ phần mềm tới phần cứng, tính phân tán hệ thống Architectural Goals and Constraints 3.1 Server side ● “Ứng dụng bán trứng” hosted Heroku server AWS S3 Là ứng dụng sử dụng tảng mobile, hệ điều hành tương tích Android IOS ● MongoDB Cloud tảng sở liệu Bất kì giao tiếp với server phải thơng qua protocols tiêu chuẩn HTTP, TCP/IP Client Server Database HTTP Request Retrieve Data HTTP Response Client Render Data Server Database 3.2 Client side Người quản lý hệ thống (lập trình viên), người dùng ( Người quản lý bán , khách hàng ) phải sử dụng điện thoại thông minh có kết nối internet vào sử dụng ứng dụng 3.3 Security Thông tin người dùng bảo mật đảm bảo người quản lý ứng dụng.Những người có tồn chức hệ thống sở liệu Toàn tài mật người bán/khách hàng mã hóa để đảm bảo tính bảo mật hệ thống.Việc thay đổi người dùng thấy người quản lý ứng dụng 3.4 Persistence Tất liệu lưu sở liệu server Đây sở liệu hợp lý triển khai ứng dụng bình thường (MongoDB) Để trì ACID ( Tính ngun tử - Atomicity, Tính bảo mật - Confidential, Tính tồn vẹn Integrity, Độ bền - Durability), số biện pháp thực mã hóa mật khẩu, sử dụng giao dịch cho tất cam kết sở liệu, 3.5 Reliability/ Availability Ứng dụng phải trải qua số hoạt động kiểm thử (Kiểm thử đơn vị - Unit Testing, Kiểm thử tích hợp – Integration Testing, Kiểm thử hệ thống – System Testing) trước triển khai để đảm bảo hệ thống đáng tin cậy Máy chủ sở liệu MongoDB đáp ứng với số lượng lớn máy khách hiệu suất định mà khơng làm tính qn tính tồn vẹn liệu 3.6 Performance Ứng dụng đáp ứng yêu cầu theo sở liệu tiêu chuẩn thời gian chờ cho phép 30s, hiệu suất ứng dụng phụ thuộc vào khả phần cứng, đường truyền mạng, Đặc biệt chức phức tạp yêu cầu nhiều nguồn tài nguyên tốn thời gian tương đối cao chức thông thường khác Do đó, hiệu suất thực tế xác định sau hệ thống triển khai kiểm thử 3.7 Portability and reuse Mặc dù “Ứng dụng bán trứng “ thiết kế ứng dụng độc lập, mở rộng sản phẩm để tích hợp thêm số sản phẩm khác trứng Để trì khả tái sử dụng, tất chức cấu trúc phân lớp tốt.Các thơng lệ tốt “Quy trình thác nước chữ V” tuân thủ suốt dự án dự án tuân thủ nghiêm ngặt tiêu chuẩn OOP 3.8 Development tools Dự án kết hợp nhiều công cụ phát triển : ● ● ● ● ● Programming: Visual Studio Code Database: MongoDB, AWS S3 Diagrams : diagrameditor.com Database connection : Cloud mongoDB,AWS S3 Schedule : Microsoft Project 3.9 Schedule Dự án thiết kế theo quy trình công việc thác nước kết hợp với chữ V Tất cơng việc giao thời hạn có liên quan xem xét thỏa mãn quy trình Sơ đồ sau cho thấy biểu đồ gantt “Ứng dụng bán trứng” Sau nhấn Thay đổi hình ảnh sản phẩm(Avatar nút Máy ảnh), thông báo yêu cầu cấp quyền truy cập thư viện Trường hợp: Admin chưa cấp quyền truy cập thư viện Màn hình chọn ảnh sản phẩm sau nhấn chọn Avatar nút Máy ảnh (đã cấp quyền truy cập thư viện) Màn hình sau chọn hình ảnh sản phẩm từ thư viện Màn hình thơng báo trường sản phẩm chưa thỏa mãn sau nhấn chọn “Xác nhận” Màn hình sau điền đầy đủ thỏa mãn trường sản phẩm Màn hình sau nhấn ‘Xác nhận” thành cơng, chuyển đến Tab “Quản lý sản phẩm” 10.11.2 Flow Người dùng điền đầy đủ thông tin chọn vào icon camera để thêm ảnh.Ứng dụng thông báo yêu cầu cho phép quyền truy cập máy ảnh thư viện Nhấn nút “ Xác nhận “ để tiến hành thêm sản phẩm.Nếu nhập thiếu trường thông tin thông báo lỗi.Nếu thêm thành công thông báo thêm thành công chuyển đến hình “Quản lý sản phẩm” 10.12 Thêm xóa phân loại 10.12.1 Giải thích Điều kiện: Admin đăng nhập thành công, vào Tab “Quản lý sản phẩm” chọn “+ Phân loại” STT Chú thích Kiểu Sự kiện sau nhấn Textbox tên phân Textbox loại Focus vào textbox tên phân loại Nút xác nhận thêm phân loại Trường hợp 1: Textbox tên phân loại trống báo lỗi chưa nhập tên phân loại Button Trường hợp 2: Textbox tên phân loại điền, thông báo thêm phân loại thành công, phân loại thêm vào danh sách phân loại Nút xóa phân loại Button Hiện thơng báo Xác nhận/Hủy thao tác xóa phân loại Màn hình sau nhấn “Xác nhận” với textbox tên phân loại cịn trống, thơng báo vui lịng điền tên phân loại Màn hình sau nhấn “Xác nhận” với textbox tên phân loại điền, thông báo thêm phân loại thành công phân loại danh sách phân loại Màn hình sau nhấn nút “Thùng rác bỏ” bên cạnh phân loại “them test”, thông báo Xác nhận/ Hủy thao tác xóa phân loại Màn hình sau nhấn chọn “Xác nhận” thao tác xóa phân loại, thơng báo xóa phân loại “them test” thành cơng 10.12.2 Flow Người dùng điền tên phân loại muốn thêm nhấn xác nhận Nếu khơng điền thơng báo lỗi Nếu thêm thành công ứng dụng thông báo thành công cập nhật lại danh sách Người dùng chọn vào icon thùng rác để xóa phân loại, ứng dụng hiển thị form xác nhận.Nếu nhấn xác nhận phân loại xóa thơng báo kết quả, sau cập nhật lại danh sách 11 Size and Performance ● Là ứng dụng mobile, “Ứng dụng bán trứng” sử dụng tương thích với hệ điều hành IOS Android Và ứng dụng trực tuyến nên sở sở liệu MongoDB triển khai Heroku.com ● Người dùng phải cài đặt ứng dụng App Store ChPlay để sử dụng ứng dụng ● Dung lượng ứng dụng chưa tính tốn , nằm khoảng 50-70mb ● Người sử dụng cần có điện thoại thông minh để sử dụng.Đa số chức sử lý phần back-end, ngoại trừ việc lưu trữ thứ cần thiết tài khoản để đăng nhập sử dụng lần sau, hay sản phẩm chọn bỏ vào giỏ hàng chưa định có mua hay khơng,…và xử lý khơng cần q nhiều sức mạnh tài ngun, q trình khơng u cầu điện thoại mạnh ● Các đặc tính hiệu suất đề cập phần 3.6 12 Quality Các mục tiêu kiến trúc , chức năng, yêu cầu hạn chế để đáp ứng sản phẩm có sản phẩm chất lượng cao đưa cho người sử dụng, phía nhà thiết kế cố gắng để sản phẩm tốt mặt 13 References https://www.google.com.vn/?hl=vi https://stackoverflow.com/ http://reactnative.dev/ https://reactnavigation.org/ https://www.youtube.com/ … ... Introduction “ Ứng dụng bán trứng “ ứng dụng dùng để bán trứng theo hình thức trực tuyến, giúp thực quản lý giao dịch, kinh doanh bán trứng. Ứng dụng gồm nhiều chức giúp người bán người mua sử dụng cách... 3.7 Portability and reuse Mặc dù ? ?Ứng dụng bán trứng “ thiết kế ứng dụng độc lập, mở rộng sản phẩm để tích hợp thêm số sản phẩm khác trứng Để trì khả tái sử dụng, tất chức cấu trúc phân lớp tốt.Các... Ứng dụng xóa thơng tin tài khoản lưu sau đăng xuất khỏi ứng dụng Ứng dụng hiển thị hình đăng nhập ứng dụng Khơng có Khơng có 4.2.3 Báo cáo Tên Use-case Actor Tóm tắt Báo cáo Người bán Người bán