3. Ionic Native FAQ
3.2 Yêu cầu phi chức năng
Loại Chức năng dựa vào yêu cầu phi chức năng
Hiệu năng Bảo trì Tương thích Mở rộng
CHƯƠNG 4: MÔ HÌNH USE-CASE 4.1 Sơ đồ Use-case tổng quát:
4.2 Danh sách các Actor
STT 1 4.3 Danh sách các Use-case STT Tên Use-case 1 Tìm kiếm liên hệ 2 Thêm liên hệ 3 Xem danh sách tất cả liên hệ
4 Xem danh sách liên hệ
ưa thích
5 Cập nhật liên hệ
6 Gọi điện thoại
7 Tìm địa chỉ liên hệ
8 Xóa liên hệ
9 Điều hướng đến mạng xã
hội
10 Thêm ưa thích
11 Xem chi tiết liên hệ
4.4 Đặc tả Use-case
4.4.1 Đặc tả Use-case “Tìm kiếm liên hệ”
Tên chức năng Tóm tắt
Dòng sự kiện chính
Dòng sự kiện khác
Các yêu cầu đặc biệt Trạng thái hệ thống trước khi thực thiện use case Trạng thái hệ thống sau khi thực hiện use case Điểm mở rộng
4.4.2 Đặc tả Use-case “Thêm liên hệ”
Tên chức năng Tóm tắt
Dòng sự kiện chính
Dòng sự kiện khác
Các yêu cầu đặc biệt Trạng thái hệ thống trước khi thực thiện use case Trạng thái hệ thống sau khi thực hiện use case Điểm mở rộng
4.4.3 Đặc tả Use-case “Xóa liên hệ”
Tên chức năng Tóm tắt
Dòng sự kiện chính
Dòng sự kiện khác Các yêu cầu đặc biệt Trạng thái hệ thống trước khi thực hiện use case Trạng thái hệ thống sau khi thực thiện use case Điểm mở rộng 4.4.4 Đặc tả Use-case “Cập nhật liên hệ” Tên chức năng Tóm tắt Dòng sự kiện chính download by : skknchat@gmail.com
Dòng sự kiện khác
Các yêu cầu đặc biệt Trạng thái hệ thống trước khi thực hiện use case Trạng thái hệ thống sau khi thực thiện use case Điểm mở rộng
4.4.5 Đặc tả Use-case “Gọi điện thoại”
Tên chức năng
Tóm tắt
Gọi điện thoại đến chủ liên hệ
Use-case được tạo ra cho phép người dùng gọi điện thoại đến số điện thoại của chủ thuê bao trong thông tin chi tiết
Dòng sự kiện chính
Dòng sự kiện khác Các yêu cầu đặc biệt Trạng thái hệ thống trước khi thực hiện use case Trạng thái hệ thống sau khi thực thiện use case Điểm mở rộng
4.4.6 Đặc tả Use-case “Thêm ưa thích”
Tên chức năng Thêm ưa thích
Tóm tắt
Dòng sự kiện chính
Dòng sự kiện khác
Các yêu cầu đặc biệt Trạng thái hệ thống trước khi thực hiện use case Trạng thái hệ thống sau khi thực thiện use case Điểm mở rộng
4.4.7 Đặc tả Use-case “Tìm địa chỉ liên hệ”
Tên chức năng Tóm tắt
Dòng sự kiện chính
Dòng sự kiện khác
Các yêu cầu đặc biệt Trạng thái hệ thống trước khi thực hiện use case Trạng thái hệ thống sau khi thực thiện use case Điểm mở rộng
CHƯƠNG 5: PHÂN TÍCH 5.1 Sơ đồ lớp
5.1.1 Sơ đồ lớp (mức phân tích)
5.1.2 Danh sách các lớp đối tượng và quan hệ STT Tên lớp/quan hệ 1 ContactService 2 PhotoService 3 MapService 4 CallService
5.1.3 Mô tả chi tiết từng lớp đối tượng
5.1.3.1 ContactService - Danh sách các phương thức: STT Tên phương thức 1 getContacts 2 getContactsFavorite 3 getArrAlpha 4 createContact download by : skknchat@gmail.com
5 updateContact 6 deleteContact 5.1.3.2 MapService - Danh sách các phương thức: STT Tên phương thức 1 goToMap() 5.1.3.3 CallService STT Tên phương thức 1 Call 5.1.3.4 PhotoService STT Tên phương thức 1 addNewToGallery 2 savePicture 3 deletePicture 5.2 Sơ đồ sequence 5.2.1 Cập nhật liên hệ download by : skknchat@gmail.com
5.2.2 Thêm mới liên hệ
5.2.3 Xóa thông tin liên hệ
CHƯƠNG 6: THIẾT KẾ DỮ LIỆU
6.1 Sơ đồ logic
6.2 Danh sách các bảng dữ liệu trong sơ đồ
STT Tên bảng dữ liệu
1 CONTACT
2 PHOTO
6.3 Mô tả chi tiết các kiểu dữ liệu trong sơ đồ logic6.3.1 Bảng CONTACT 6.3.1 Bảng CONTACT STT Thuộc tính 1 ID 2 NAME 3 FAX 4 MOBILE 5 ADDRESS 6 FACEBOOK 7 EMAIL 8 AVATAR 9 BACKGROUND 10 ISFAVORITE 11 ORGANIZATION download by : skknchat@gmail.com
6.3.2 Bảng PHOTO STT Thuộc tính STT Thuộc tính 1 KEY 2 FILEPATH 3 WEBVIEWPATH 4 IDCONTACT download by : skknchat@gmail.com
CHƯƠNG 7: THIẾT KẾ KIẾN TRÚC 7.1 Kiến trúc hệ thống
Sử dụng Mô hình MVVM
7.2 Mô tả chi tiết từng thành phần trong mô hình7.2.1 View 7.2.1 View
Tương tự như trong mô hình MVC, View là phần giao diện của ứ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ồi lại người dùng thông qua tính năng binding, command.
7.2.2 View Model
Lớp trung gian giữa View và Model. ViewModel có thể được xem là thành phần 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 data binding, command.
7.2.3 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ự.
CHƯƠNG 8: THIẾT KẾ GIAO DIỆN 8.1 Sơ đồ liên kết các màn hình 8.2 Danh sách các màn hình STT Màn hình Màn hình Contacts 1 Màn hình Favorite 2
3 Màn hình Quét mã QR code 4 Màn hình Thêm liên hệ 5 6 7 download by : skknchat@gmail.com
8.3 Mô tả chi tiết các màn hình
8.3.1. Màn hình Contacts và Favorite
8.3.2. Màn hình Thêm liên hệ
8.3.3. Màn hình Tìm kiếm liên hệ
8.3.4. Màn hình Chỉnh sửa liên hệ
8.3.5. Màn hình gọi thoại
8.3.6. Màn hình quét QR code
8.3.7. Màn hình QR code
8.3.8. Màn hình Chi tiết liên hệ
8.3.9. Màn hình địa chỉ google map
CHƯƠNG 9: NHẬN XÉT VÀ KẾT LUẬN 9.1 Môi trường phát triển và Môi trường triển khai
9.1.1 Môi trường phát triển ứng dụng
- Sử dụng Ionic Framework xây dựng giao diện người dùng, xử lí dữ liệu và tương tác
người dùng thông qua dạng ngôn ngữ TypeScript.
- Sử dụng Visual Studio Code làm trình soạn thảo thay cho các IDE.
- Sử dụng các phương thức dựng sẵn từ Storage API để lấy dữ liệu lưu trong Local Storage
- Sử dụng một số chức năng do Cordova cung cấp như Camera, Call Number.
9.1.2 Môi trường triển khai ứng dụng
- Ứng dụng chạy đa nền tảng trên môi trường windowsphone, android, ios.
- Client side được triển khai trên nền tảng Ionic framework.
- Sử dụng Local Storage để lưu dữ liệu
9.2 Kết quả đạt được
Sau thời gian thực hiện đề tài, chương trình đã hoàn thành và đạt được một số kết quả sau :
- Tìm hiểu cơ bản về Ionic framework
- Hiểu và nắm được hybrid app, cách xây dựng và triển khai đa nền tảng
- Xây dựng thành công Ứng dụng lưu trữ thông tin cá nhân đơn giản
- Giao diện chương trình thân thiện, dễ sử dụng.
- Hiểu và nắm được các kiến thức về MV pattern.
9.3 Nhận xét9.3.1 Ưu điểm 9.3.1 Ưu điểm
Độ tin cậy: Hệ thống có thể kiểm tra dữ liệu nhập vào và cho phép tự động thực hiện một
số kiểm tra tự động đối chiếu và tìm những bản ghi có sự chênh lệch về dữ liệu, thông báo nhập sai để khắc phục.
Tính bảo mật: Hệ thống ứng dụng tương tự ứng dụng Danh bạ, là hệ thống ofline cho nên dữ liệu không cần tính bảo mật cao, mức độ bảo mật phụ thuộc vào cá nhân sử dụng ứng dụng
Dễ sử dụng: Chương trình được thiết kế trên giao diện thân thiện, hộp thoại và hướng dẫn
sử dụng hợp lý.
9.3.2 Khuyết điểm
Chỉ mới triển khai test ứng dụng được trên hệ điều hành Android.
Sản phẩm chỉ mới chạy trên local.
Phần mềm chưa có khả năng backup dữ liệu
9.4 Hướng phát triển
Do hạn chế về thời gian nghiên cứu và kinh nghiệm, nhóm chỉ phát triển ở mức độ hoàn thành các yêu cầu đặt ra của đề tài, tốc độ xử lý chưa hoàn thiện. Nhóm sẽ cố gắng tìm hiểu sâu có phương pháp quản lý hệ thống cũng như xử lý khối dữ liệu lớn với hiệu quả cao, mở rộng phạm vi của dự án này. Dưới đây là các hướng phát triển để cải thiện chất lượng phần mềm.
Phát triển cho phần mềm có khả năng cài đặt tự backup, restore dữ liệu.
Thực hiện ghi lại nhật kí hoạt động của người dùng.
Phát triển phần mềm có khả năng đồng bộ với dữ liệu đám mây
Thêm chức năng lấy ảnh từ thiết bị
Thêm chức năng chia sẻ thông tin
STT MSSV
1
TÀI LIỆU THAM KHẢO
[1] Ionic document: https://ionicframework.com/docs
[2] Angular document: https://angular.io/
[3] TypeScript language document:
https://www.typescriptlang.org/docs/home.html
[4] Capacitor document: https://capacitorjs.com/docs/android
[5] Fix bug: https://stackoverflow.com
[6] Các bài học online trên youtube.
[7] https://www.npmjs.com/
[8] Cordova document https://cordova.ap1ache.org/