Giới thiệu chung về chương trình ứng dụng.

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áchliê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).

- 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