Priority High
Pre-Condition ● Tài khoản đã đăng nhập Post-Condition Khơng có
Basic Flow 1. Nhân viên đăng nhập vào ứng dụng
2. Hệ thống xác thực thông tin đăng nhập thành công và cho phép nhân viên truy cập ứng dụng
3. Nhân viên tiến hành lập chứng thư dự thảo 4. Nhân viên gửi yêu cầu duyệt lên cấp trên 5. Phê duyệt thành cơng thì có thể in chứng thư
6. Nhân viên có thể xóa chứng thư trước khi gửi yêu cầu duyệt hoặc duyệt thất bại
43 Alternative Flow Khơng có
Exception Flow ● Xóa chứng thư sau khi duyệt thành cơng
Non-Functional Requirement
Khơng có
Bảng 4-7 Usecase quản lý chứng thư
4.6.9. Usecase quản lý thu chi
Hình 4-24 Usecase quản lý thu chi
Mã Use case UC10
Tên Use Case Quản lí thu - chi
Mô tả Nhân viên tiến hành quản lí thu – chi bao gồm thêm, sửa và tổng kết thu – chi theo ngày, tháng
Actor Nhân viên
44
Pre-Condition ● Tài khoản đã đăng nhập Post-Condition Khơng có
Basic Flow 1. Nhân viên đăng nhập vào ứng dụng
2. Hệ thống xác thực thông tin đăng nhập thành công và cho phép nhân viên truy cập ứng dụng
3. Nhân viên tiến hành tạo bảng thu - chi 4. Nhân viên nhập những thông tin cần thiết
5. Hệ thống xác thực đã đầy đủ thông tin và tiến hành lưu 6. Nhân viên có thể sửa và tổng kết thu – chi theo ngày tháng Alternative Flow Khơng có
Exception Flow ● Nhân viên điền sai thông tin ● Nhân viên điền thiếu thông tin
Non-Functional Requirement
Khơng có
45
4.6.10. Usecase báo cáo thống kê
Hình 4-25 Usecase báo cáo thống kê
Mã Use case UC09
Tên Use Case Báo cáo – thống kê
Mô tả Nhân viên tiến hành lập báo cáo – thống kê theo từng loại hình đã chọn
Actor Nhân viên
Priority High
Pre-Condition ● Tài khoản đã đăng nhập Post-Condition Khơng có
46
Basic Flow 1. Nhân viên đăng nhập vào ứng dụng
2. Hệ thống xác thực thông tin đăng nhập thành công và cho phép nhân viên truy cập ứng dụng
3. Nhân viên tiến hành chọn loại muốn báo cáo – thống kê 4. Hệ thống xuất ra những thông tin theo thống kê đã chọn 5. Thống kê xong có thể in danh sách
Alternative Flow Khơng có Exception Flow Khơng có
Non-Functional Requirement
Khơng có
47
4.7. Sơ đồ hoạt động 4.7.1. Đăng nhập
48
4.7.2. Phân cơng giám định viên
Hình 4-27 Sơ đồ hoạt động phân công giám định viên
4.7.3. Chuyển giai đoạn giám định
49
4.7.4. Báo cáo thống kê
50
4.7.5. Lập hồ sơ sự vụ
Hình 4-30 Sơ đồ hoạt động lập hồ sơ sự vụ
4.8. Sơ đồ tuần tự 4.8.1. Đăng nhập
51
4.8.2. Lập hồ sơ sự vụ
52
4.8.3. Phân công giám định viên
Hình 4-33 Sơ đồ tuần tự phân cơng giám định viên
4.8.4. Chuyển giai đoạn giám định
53
4.8.5. Chấm cơng
54
55
4.9.1. Màn hình intro
56
Đây là màn hình intro giới thiệu các ứng dụng trước khi người dùng điều hướng tới các màn khác. Các thành phần chính gồm có: Logo của cơng ty, nút điều hướng vào màn hình đăng nhập, nút điều hướng vào màn hình chat dành cho khách hàng
57
4.9.2. Màn hình đăng nhập
58
• Đây là màn hình đăng nhập: cho phép người dùng với các tài khoản khác nhau đã được thiết lập sẳn truy cập vào các chức năng khác nhau của hệ thống.
• Màn hình gồm có các bộ phận chính như: trường nhập thơng tin tên đăng nhập, trường nhập thông tin mật khẩu, nút bấm đăng nhập.
• Khi người dùng nhập đúng tài khoản và mật khẩu đã có trong hệ thống, API sẽ trả về đúng thơng tin tài khoản và màn hình sẽ điều hướng vào màn hình chính với các tính năng tương ứng vai trị của tài khoản đó.
• Nếu đăng nhập sai API sẽ báo lỗi và người dùng cần nhập lại đúng tài khoản mật khẩu nếu muốn truy cập vào ứng dụng.
59
4.9.3. Màn hình dashboard
60
• Đây là màn hình Dashboard khi đã đăng nhập thành cơng. Màn hình này gồm những thành phần chính(từ trên xuống dưới): Thanh AppBar hiển thị tên màn hình hiện tại, thành chuyển xem các hạng mục giám định đang hoạt động, thẻ thông tin sơ lược về quy trình giám định hiện tại, thanh điều hướng các màn hình trong màn hình chính.
• Màn hình này cho phép người dùng xem các sự vụ giám định đã được giao hoặc đang trong quá trình thực hiện. Các chi tiết bao gồm: tình trạng sự vụ, mã sự vụ, tên sự vụ, loại hình sự vụ, tiến trình sự vụ, thời gian bắt đầu, thời gian kết thúc, thời gian còn lại trước khi đến giám định viên.
• Màn hình này sẽ cung cấp cái nhìn tổng quát cho nhân viên biết sơ lược về tình trạng các sự vụ giám định đã tới bước nào, đến bộ phần nào và còn bao lâu trước khi đến tiến trình của mình.
61
4.9.4. Màn hình chi tiết giám định
62
• Đây là màn hình chi tiết sự vụ: Cung cấp thơng tin chi tiết sự vụ giám định và lưu trữ các dữ liệu cho các tiến trình. Màn hình này bao gồm(từ trên xuống): Thanh điều hướng với tên màn hình và nút quay về, biểu đồ thể hiện tiến trình giám định, thơng tin chi tiết q trình thực hiện giám định mà các nhân viên đã làm, nút tick khi các nhân viên xác định đã xong giai đoạn, nút submit phase, trường nhập dữ liệu gồm: nút upload tài liệu, trường nhập dữ liệu chữ, nút gửi thơng tin.
• Màn hình này sẽ cung cấp thơng tin chi tiết tiến trình giám định và các nội dung cơng việc đã làm.
• Mỗi khi nhân viên thực hiện một công việc giám định:
1. Nhân viên sẽ nhập các thơng tin mình đã làm được và các tài liệu liên quan nếu có.
2. Các nhân viên khác sẽ thấy các thông tin này trên ứng dụng của họ. 3. Nhân viên sẽ trao đổi nội dung công việc và các điểm làm được trên đây 4. Nếu các cơng việc trong tiến trình đó đã xong thì nhân viên sẽ bấm nút “submit
phase” trên màn hình, nhằm yêu cầu các nhân viên khác làm chung trong tiến trình này xác nhận việc đã xong tiến trình hiện tại.
5. Trường hợp 1: Nếu các nhân viên khác đồng ý tick vào nút check comfirmed thì hệ thống sẽ cho phép nhân viên yêu cầu bấm nút “submit phase” thêm một lần nữa để hệ thống xác nhận tiến trình đã hồn thành với sự đồng ý của tất cả thành viên trong tiến trình đó.
6. Trường hợp 2: Nếu không đủ số lượng nhân viên đồng ý việc xác nhận hồn thành tiến trình giám định đó thì hệ thống sẽ gửi thơng báo tới các nhân viên có liên quan về tiến trình giám định này
7. Nếu trường hợp 1 là đúng thì hệ thống sẽ cập nhật lại và thơng báo hồn thành giai đoạn hiện tại và chuyển đến giai đoạn tiếp theo.
63
4.9.5. Màn hình quản lý chứng thư
64
• Đây là màn hình quản lý thơng tin chứng thư. Màn hình này bao gồm những thành phần chính (từ trên xuống): Thanh tìm kiếm chứng thư, danh sách các chứng thư đã có trong hệ thống, chi tiết chứng thư bao gồm: (mã chứng thư, loại hình giám định, tên cơng ty tham gia vào chứng thư và tên chứng thư, nút xóa chứng thư), nút thêm chứng thư mới từ thiết bị.
• Chức năng chính của màn hình này: là cung cấp các tác vụ liên quan tới quản lý chứng thư gồm:
1. Thêm chứng thư mới,
2. Tìm kiếm chứng thư dựa trên mã chứng thư hoặc tên chứng thư 3. Xóa chứng thư
Nội dung các tác vụ:
• Khi người dùng chọn nhấn vào nút tìm kiếm trên thanh tìm kiếm thì sẽ cho phép nhập nội dung chứng thư cần tìm. Khi nhập xong và nhấn nút tìm kiếm trên bàn phím ứng dụng sẽ cập nhật lại ơ danh sách chứng thư bên dưới để hiển thị danh sách chứng thư có liên quan đến tên chứng thư đã nhập.
• Khi người dùng muốn xóa chứng thư khỏi danh sách chứng thư: sẽ bấm nút xóa trên mỗi chứng thư có trong danh sách. Ứng dụng sẽ xóa chứng thư đó khỏi hệ thống và cập nhật lại giao diện người dùng.
• Khi người dùng muốn thêm chứng thư mới vào danh sách chứng thư có trong hệ thống. Người dùng nhấn vào nút thêm chứng thư mới. Giao diện sẽ hiện lên một cửa sổ mới cho phép người dùng chọn chứng thư cần thêm. Khi người dùng chọn nhân vào chứng thư cần thêm trong thiết bị thì ứng dụng sẽ cập nhật thêm chứng thư đó vào danh sách chứng thư của hệ thống và cập nhật lại giao diện hiển thị.
65
4.9.6. Màn hình quản lý tài liệu
66
• Đây là màn hình quản lý thơng tin tài liệu. Màn hình này bao gồm những thành phần chính (từ trên xuống): Thanh tìm kiếm tài liệu, danh sách các tài liệu đã có trong hệ thống, chi tiết tài liệu bao gồm: (mã tại liệu, tên cơng ty tham gia có liên quan và tên tài liệu, nút xóa tài liệu), nút thêm liệu từ thiết bị.
• Chức năng chính của màn hình này: là cung cấp các tác vụ liên quan tới quản lý tài liệu gồm:
1. Thêm tài liệu mới.
2. Tìm kiếm tài liệu dựa trên mã tài liệu hoặc tên tài liệu. 3. Xóa tài liệu.
Nội dung các tác vụ:
• Khi người dùng chọn nhấn vào nút tìm kiếm trên thanh tìm kiếm thì sẽ cho phép nhập nội dung tài liệu cần tìm. Khi nhập xong và nhấn nút tìm kiếm trên bàn phím ứng dụng sẽ cập nhật lại ơ danh sách tài liệu bên dưới để hiển thị danh sách tài liệu có liên quan đến tên tài liệu đã nhập.
• Khi người dùng muốn xóa tài liệu khỏi danh sách tài liệu: sẽ bấm nút xóa trên mỗi tài liệu có trong danh sách. Ứng dụng sẽ xóa tài liệu đó khỏi hệ thống và cập nhật lại giao diện người dùng.
• Khi người dùng muốn thêm tài liệu mới vào danh sách tài liệu có trong hệ thống. Người dùng nhấn vào nút thêm tài liệu mới. Giao diện sẽ hiện lên một cửa sổ mới cho phép người dùng chọn tài liệu cần thêm. Khi người dùng chọn nhân vào tài liệu cần thêm trong thiết bị thì ứng dụng sẽ cập nhật thêm tài liệu đó vào danh sách tài liệu của hệ thống và cập nhật lại giao diện hiển thị.
• Khi người dùng muốn xem chi tiết tài liệu. Nhấn vào tài liệu cần xem trong danh sách tài liệu, ứng dụng sẽ hiện thị chi tiết nội dung tài liệu đó. Người dùng có thể xem chi tiết tài liệu dưới định dạng PDF.
67
4.10. Biểu đồ cộng tác 4.10.1. Đăng nhập
68
4.10.3. Chuyển trạng thái giám định
69
4.10.5. Quản lý tài liệu giám định
Chương 5. KẾT LUẬN Cài đặt
Back-end
1. Clone source github: https://github.com/ToDiepThienAnh/assessment_mgnt 2. Cài đặt Intellij IDEA hoặc Eclipse
3. Cài đặt docker và pull image postgresql 4. Start project để phát triển API
Front-end
1. Cài đặt môi trường cho window
- Vào trang web https://docs.flutter.dev/get-started/install/windows - Tải Flutter SDK về và giải nén
- Lưu lại đường link dẫn đến thư mục Dart SDK
70
3. Mở command chạy lên “flutter doctor” để kiểm tra lại 4. Vào trang
https://developer.android.com/studio tải và cái đặt android studio 5. Mở Android Studio.
6. Chọn File → Settings → Plugins. 7. Chọn “Flutter plugin” và chọn Install.
Hình 5-1 Edit Environment
Hình 5-2 Edit Environment
Hình 5-3 Màn hình IntroHình 5-4 Edit Environment
71 8. Chọn “Yes” để cài đặt “Dart plugin” 9. Khởi động lại Android studio.
10. Vào https://github.com/NguyenTaiBoi/assessment_project tải project về 11. Giải nén
12. Mở Android studio vào chọn open 13. Chọn đường link của projects
14. Mở terminal trên Android Studio chạy lệnh “flutter pub get” 15. Chọn mở máy ảo
16. Nhấn nút start project
Kết quả đạt được
- Áp dụng được các công nghệ mới như Flutter và Spring boot để xây dựng ứng dụng.
- Được tiếp cận và học được các nghiệp vụ giám định tổn thất trong container. - Nâng cao kỹ năng làm việc nhóm và hồn thiện ứng dụng theo quy trình phần
mềm Scum, Agile.
- Sử dụng các lệnh Git cơ bản để quản lý mã nguồn.
- Deploy được mã nguồn lên Heroku theo bằng cách connect với github. - Nâng cao kiến thức về mơ hình hóa và phân tích nghiệp vụ.
- Học hỏi thêm về clean architect và cách sắp xếp bố cục, tổ chức source tối ưu để dễ bảo trì và nâng cấp.
- Hiểu biết thêm về quản lý state trong Flutter. - Có kiến thức làm việc với Rest API.
72
Hướng phát triển
- Do thời gian có hạn chế để tìm hiểu nghiệp vụ và cơng nghệ để áp dụng vào dự án nên giao diện chưa được ưng ý lắm. Sau này, nhóm sẽ cải thiện giao diện để người dùng có thể dễ dàng phát triển.
- Tích hợp với web để phát triển các tính năng để quản lý các thông tin như danh mục giám định, thơng tin nhân viên, tính lương, chấm cơng,…
- Nhóm có dự định phát triển thêm tính năng chat để dễ dàng trao đổi với khách hàng, giúp cho hệ thống đảm bảo tính bảo mật và dễ dàng theo dõi và đối chứng khi cần thiệt. Nhưng do thời gian còn hạn chế nên chưa thể triển khai tính năng này, nếu có thêm thời gian nhóm sẽ phát triển tính năng này. - Do tình hình dịch Covid diễn biến phức tạp nên không thể liên hệ xin tài liệu
trực tiếp từ phía cơng ty giám định. Nếu sau này tình hình cho phép thì nhóm có thể phát triển thêm tính năng tạo tài liệu khi nhập các trường cho trước. Nhóm tin chắc đây là tính năng sẽ giảm thiểu thời gian nhập liệu từ phía cơng ty.
- Với kết quả đạt được, nhóm hi vọng hệ thống Ez Accessment sẽ mang lại giá trị thiết thực trong việc chuyển đổi số cho công ty quản lý giám đinh. Giúp việc giải quyết nghiệp vụ trở nên dễ dàng và giảm thiểu sai sót cũng như nhanh chóng hơn so với quy trình cũ.
TÀI LIỆU THAM KHẢO
Tài liệu tham khảo
[1] Công ty Bảo Định, 2021. [Trực tuyén]. Available:
http://badinco.com.vn/giam-dinh-ton-that/-giam-dinh-ton-that-n28.html. [2] “Baeldung,” [Trực tuyén]. Available: https://www.baeldung.com/. [Đã
73
[3] Công ty bảo định, “Badinco giám định tổn thất,” 2021. [Trực tuyén]. Available: http://badinco.com.vn/giam-dinh-ton-that/-giam-dinh-ton- that-n28.html.
[4] ISOCERT, “Giám định tổn thất,” [Trực tuyén]. Available: https://isocert.org.vn/giam-dinh-ton-that-hang-
hoa?fbclid=IwAR0Koq7By4Ry4hbr4m1tKa1_EDEJVS082bJfnifPvXS6ZmW QrOdvcUdpfZs.
[5] DMV Inpsection, “Giám định tổn thất,” [Trực tuyén]. Available:
https://dmvcontrol.com/giam-dinh-dmv/giam-dinh-thuong-mai/giam- dinh-ton-
that/?fbclid=IwAR2BHTAowuBNnMtUkKPboF0a8qbBOR9KzzRRHDHAax hQwpydRpK-tX-beGU. [Đã truy ca ̣p 2021].
[6] HLC, “Quy trình giám định tổn thất hịa hóa,” [Trực tuyén]. Available: http://baoquanhanghoa.com/quy-trinh-giam-dinh-hang-hoa-ton-that- trong-container.html?fbclid=IwAR0KHIutfjLw2EcQgw-
nHZ61_mcyEwKYqPtCxPwhE74Lze8rEKj-u4yJWZw. [Đã truy ca ̣p 2021]. [7] VMware, Inc., “Spring data JPA,” [Trực tuyén]. Available:
https://spring.io/projects/spring-data-jpa. [Đã truy ca ̣p 2021]. [8] C. gym, “Cài đặt Swagger Spring boot,” [Trực tuyén]. Available:
https://codegym.vn/blog/2020/05/04/huong-dan-dung-swagger-trong- spring-boot/. [Đã truy ca ̣p 2021].
[9] HelpEx, “Docker Compose + Spring Boot + kết nối Postgres,” [Trực tuyén]. Available: https://helpex.vn/question/docker-compose-spring-boot-ket- noi-postgres-609eae2ba941cd7a68b822d5. [Đã truy ca ̣p 2021].
74 [1
0]
Section, “Understanding the Flutter GetX Ecosystem for State
Management,” [Trực tuyén]. Available:
https://www.section.io/engineering-education/flutter-getx-ecosystem- for-state-
management/?fbclid=IwAR0xOT5jZ2mhqpuqJVPAboUeFPYeeUglC2WROp