Xây dựng chương trình ứng dụng
3.1.1. Giới thiệu chung về chương trình ứng dụng.
Hiện nay, nhu cầu quản lý và tìm hiểu cũng như liên lạc giữa các nhân viên trong một công ty được chú tâm rất nhiều. Mọi người làm việc trong cùng một văn phòng phải nên biết các thông tin cơ bản về nhau như: Họ và tên, quê quán, số điện thoại cá nhân, số điện thoại các phòng ban với nhau hay email liên lạc, xem ảnh nhận diện,…Vì vậy trong quá trình tìm hiểu và nghiên cứu, tôi nghĩ ra một ý tưởng xây dựng chương trình ứng dụng khá đơn giản đáp ứng được nhu cầu trên.
Ứng dụng được đặt tên là Employee Directory, có chức năng liệt kê và hiển thị các thông tin cơ bản của các nhân viên trong một công ty, cơ sở dữ liệu được nhập vào sử dụng Sqlite, ứng dụng cơ bản hỗ trợ các chức năng hiển thị thông tin, xem thông tin các manager của nhân viên đó, xem thông các nhân viên dưới quyền quản lý trực tiếp của nhân viên đó, hỗ trợ trực tiếp việc gửi mail, gọi điện thoại phòng ban hay gọi điện các nhân, thêm vị trí hay thêm một nhân viên vào sổ danh bạ, ngoài ra nó còn hỗ trợ chức năng thay đổi hình ảnh của một nhân viên, ứng dụng cũng hỗ trợ khá hoàn thiện các thao tác cuộn, chạm cảm ứng để có thể hoạt động tốt được trên cả smartphone và tablet.
Ứng dụng được phát triển dựa trên Phonegap framework phiên bản 1.1.0, ngoài ra còn sử dụng một số plugin cho Phonegap như SQLite Plugin, Iscroll plugin (là khả năng cuộn chương trình), Jquery, HTML5, CSS3 cũng như Javascript được sử dụng song song để hỗ trợ đắc lực cho ứng dụng được tối ưu nhất.
3.1.2.1. Biểu đồ phân rã chức năng
Hình 11: Biểu đồ phân rã chức năng của ứng dụng
3.1.2.1. Đặc tả chức năng của chương trình
Sau đây là bảng đặc tả các chức năng của chương trình ứng dụng: Employee Directory
Các chức năng APIs của Phonegap
Liên lạc nhanh Xem thông tin cơ
bản Thực Hiện Thao Tác Chạm Add to Contacts Change Picture Add Location Call personal cell Call office cell Send MSM Send Email Manager, Direct Reports Chức vụ, vị trí Họ tên, quê quán, hình ảnh Click để xem chi tiết Cuộn danh sách nhân viên Tìm kiếm nhân viên
Bảng 4: Bảng đặc tả các chức năng của chương trình
STT Tên chức năng Mô tả
1 Tìm kiếm nhân viên
Tại màn hình chính của ứng dụng, khi người dùng thao tác nhập một kí tự bất kì vào ô tìm kiếm, chương trình sẽ tìm kiếm liệt kê danh sách nhân viên có liên quan đến kí tự đó và hiển thị ra màn hình.
2 Thực hiện thao tác chạm
Tại màn hình chính của ứng dụng, hiển thị danh sách các nhân viên, có hình ảnh, họ tên và vị trí trong công ty, số lượng direct reports cũng được hiển thị bên cạnh nhân viên đó, người dùng có thể thực hiện thao tác chạm đối tượng để xem thông tin chi tiết của nhân viên đó, đồng thời có thể cuộn để xem danh sách các nhân viên bên dưới
3 Xem thông tin cơ bản
Sauk hi thực hiện thao tác chạm bên trên, người dùng chuyển sang trang thông tin cơ bản của nhân viên: họ và tên, nơi sống, chức vụ trong công ty, manager và direct reports (hiển thị số lượng direct report bên dưới). Các thông tin khác như email, office number, personal number cũng được hiển thị một cách trực quan.Người dùng có thể thực hiện thao tác chạm để thực hiện chức năng tương ứng.
4 Liên lạc nhanh
Người dùng có thể liên lạc nhanh với nhân viên trong màn hình hiển thị thông tin nhân viên bằng chỉ một thao tác chạm: gửi email, gọi điện thoại phòng ban, gọi điện thoại cá nhân hay gửi tin nhắn trực tiếp.
5 Add Location
Người dùng có thể thêm thông tin về vị trí của nhân viên bằng thao tác chạm vào chức năng Add Location. Hành động này sẽ trực tiếp đi tới google map và thêm thông tin vị trí của nhân viên đó, đây chính là một trong những hỗ trợ APIs hữu ích của Phonegap
6 Add to Contacts Người dùng có thể thêm nhân viên vào danh sách liên lạc của mình đơn giản bằng thao tác chạm vào chức năng Add to Contacts.
7 Change Picture
Người dùng có thể thay đổi hình ảnh của nhân viên bằng thao tác chạm vào chức năng Change Picture. Thao tác này sẽ kích hoạt ứng dụng Camera của thiết bị và rồi thay đổi hình ảnh của nhân viên bằng hình ảnh mà nó chụp được.
8 Return Homepage
Khi người dùng thao tác vào nút “Home” trên thanh bar thì chương trình sẽ quay trở lại trang chính đầu tiên để người dùng xem thông tin các nhân viên khác.
Tim kiem nhan vien
Nguoi dung
Xem thong tin Manager Xem thong tin Direct Reports
Send Email
Call Office Cell
Call Cell
Send SMS
Add Location
Add to Contacts Change Picture
Xem thong tin nhan vien
Hình 12: Biểu đồ Use Case tổng quát
Người dùng sau khi chạy chương trình, có thể thao tác chạm để tìm kiếm nhân viên, gõ một phìm bất kì vào ô search và danh sách nhân viên sẽ được hiển thị tại màn hình chính. Tại đây người dùng có thể thấy ảnh nhận diên, họ và tên cũng như vị trí làm việc trong công ty, và số nhân viên mà người đó trực tiếp quản lý.
Sau đó người dùng có thể cuộn lên xuống màn hình để xem tất cả danh sách nhân viên, và thao tác chạm vào nhân viên tương ứng để biết thông tin cụ thể của nhân viên này.
Khi màn hình chuyển sang Employee Details. Người dùng có thể biết thông tin chi tiết về nhân viên đó, và thực hiện các chức năng cụ thể:
- View Manager (nếu là nhân viên dưới quyền tổng giám đốc). - View Direct Reports (nếu không phải nhân viên cấp thấp nhất). - Send Email.
- Call Office Cell (gọi điện thoại phòng ban). - Call Cell (gọi điện thoại cá nhân).
- Send SMS (gửi tin nhắn).
- Add Location (thêm vị trí sinh sống của nhân viên). - Add to Contacts (thêm nhân viên vào danh bạ). - Change Picture.
Tại màn hình làm việc này, nếu người dụng muốn trở lại màn hình đầu tiên để tiếp tục tìm kiếm và xem thông tin của nhân viên khác, người dùng chỉ cần đơn giản thao tác chạm vào nút “Home” phía bên trái thanh bar trên cùng. Màn hình sẽ ngay lập tức chuyển về màn hình khởi động ban đầu của ứng dụng.
Ngay sau đây, ta sẽ phân tích chi tiết và mô tả các chức năng trên bằng các biểu đồ phân rã use case.
3.1.3.1. Biểu đồ phân rã use case thể hiện chức năng thực hiện thao tác chạm và tìm kiếm
Hình 13: Biểu đồ phân rã use case thể hiện chức năng thực hiện thao tác chạm và tìm kiếm nhân viên
3.1.3.2. Biểu đồ phân rã use case thể hiện chức năng xem thông tin cơ bản của nhân viên
Hình 14: Biểu đồ phân rã use case thể hiện chức năng xem thông tin cơ bản của nhân viên
Hình 15: Biểu đồ phân rã use case thể hiện chức năng liên lạc nhanh
Hình 16: Biểu đồ phân rã use case thể hiện các chức năng APIs của Phonegap
3.1.4. Thiết kế cơ sở dữ liệu của chương trình ứng dụng
Bảng cơ sở dữ liệu của một nhân viên. Tên bảng: employee
Bảng 5:Bảng thiết kế cơ sở dữ liệu của một nhân viên
Tên trường Kiểu dữ liệu Thuộc tính bổ sung Thuộc tính
khóa Ghi chú
Id INTEGER AUTOINCREMENT PRIMARY Mã nhân viên
firstName VARCHAR
lastName VARCHAR
title VARCHAR Vị trí của nhân
viên
department VARCHAR Tên phòng ban của nhân viên
managerID INTEGER Mã của người quản lý
city VARCHAR Tên thành phố
officePhone VARCHAR Số điện thoại phòng ban
cellphone VARCHAR Số điện thoại cá nhân
Email VARCHAR
picture VARCHAR ảnh nhận diện