HƯỚNG PHÁT TRIỂN

Một phần của tài liệu xây dựng website quản lý việc thu tiền điện phường an hòa, tp cần thơ (Trang 72 - 87)

Hoàn thiện thêm các chức năng hoạt động chưa được tốt và mở rộng thêm các chức năng khác như gửi hóa đơn, xác nhận thanh toán qua email, để đáp ứng tất cả nhu cầu của người sử dụng qua đó có thể triển khai sử dụng hệ thống trên các điểm quản lý thu tiền điện.

Hướng phát triển:

 Khắc phục các nhược điểm, các chức năng chưa thực hiện được, hoàn thiện chương trình tốt hơn.

 Sử dụng các công nghệ về web mới, thời gian xử lý nhanh chóng.

 Xây dựng giao diện đẹp, thân thiện hơn để thu hút khách hàng truy cập vào hệ thống.

GVHD: Th.S Lê Minh Lý SV: Nguyễn Hải Đăng

MSCB: 2301 Trang 63 MSSV: 1111517

TÀI LIỆU THAM KHẢO

Tiếng Việt

[1] Jesse Cravens and Thomas Q Brady. Building Web Apps with Ember.js. Published by O’Reilly Media, Inc, 1005 Gravenstein Highway North, Sebastopol, CA 95472 July 2014.

[2] Phạm Thị Xuân Lộc. Phân tích hệ thốn hướng đối tượng, 2009.

[3] Shelley Powers. Learning Node. Published by O’Reilly Media, Inc., 1005

Gravenstein Highway North, Sebastopol, CA 95472 September 2012.

[4]Trần Đình Quế - Nguyễn Mạnh Sơn. Phân tích, thiết kế hệ thống thông tin, 2007.

[5] Một số Website hướng dẫn, kỹ năng lập trình, kiểm tra lỗi:

http://www.sinhvienit.net

http://stackoverflow.com

GVHD: Th.S Lê Minh Lý SV: Nguyễn Hải Đăng

MSCB: 2301 Trang 64 MSSV: 1111517

PHỤ LỤC

A. Cấu hình Zend Studio để tạo dự án Node.js

1. Cấu hình Zend Studio(đối với Zend Studio 10.5)

Hình 1 – Giao diện Zend Studio 10.5

Cài đặt thêm plugin mở rộng để phát triển dự án Node.js

Khởi động Zend Studio 10.5, vào Help > Install New Software

GVHD: Th.S Lê Minh Lý SV: Nguyễn Hải Đăng

MSCB: 2301 Trang 65 MSSV: 1111517

Bước kế tiếp:

Dán liên kết http://www.nodeclipse.org/updates/ vào textbox Work with sau đó Zend Studio tự động tìm và liệt kê ra danh sách các plugin có sẵn, chọn phần bổ trợ, liên quan cho việc phát triển Node.js

Nhấn Next để tiếp tục.

Hình 3 – Cửa sổ cài đặt plugin bổ trợ 2

Đợi hệ thống kiểm tra xem Zend Studio đã cài đặt hay chưa, nếu chưa thì việc cài đặt mới được tiến hành.

GVHD: Th.S Lê Minh Lý SV: Nguyễn Hải Đăng

MSCB: 2301 Trang 66 MSSV: 1111517

Hình 4 – Cửa sổ cài đặt plugin bổ trợ 3

Bước cuối cùng chấp nhận các điều khoản sử dụng nhấn Finsh và đợi việc cài đặt kết thúc.

GVHD: Th.S Lê Minh Lý SV: Nguyễn Hải Đăng

MSCB: 2301 Trang 67 MSSV: 1111517

2. Tạo dự án Node.js trên Zend Studio

Sau khi cài đặt các plugin hỗ trợ thành công, để tạo dự án Node.js, khởi động Zend Studio 10.5, vào File > New > Other

Hình 6 – Cửa sổ tạo dự án 1

Chọn loại dự án là Node.js Project hoặc Node.js Express Project ở thư mục

Nodeclipse. Nếu chọn Node.js Express Project dự án sẽ hỗ trợ thêm framework

GVHD: Th.S Lê Minh Lý SV: Nguyễn Hải Đăng

MSCB: 2301 Trang 68 MSSV: 1111517

Hình 7 – Cửa sổ tạo dự án 2

GVHD: Th.S Lê Minh Lý SV: Nguyễn Hải Đăng

MSCB: 2301 Trang 69 MSSV: 1111517

Hình 8 – Cửa sổ tạo dự án 3

Ở bước này, đặt tên dự án vào textbox Project name. Ở phần Template Engine chọn ejs(mặc định sẽ chọn Jade). Ở Stylesheet Engine sẽ chọn CSS.

Nhấn Finsh để kết thúc việc tạo dự án.

Sau khi tạo thành công dự án, các thư mục và tập tin cần thiết cũng được tạo chung trong dự án.

GVHD: Th.S Lê Minh Lý SV: Nguyễn Hải Đăng

MSCB: 2301 Trang 70 MSSV: 1111517

Hình 9 – Kết quả tạo dự án trên Zend Studio 10.5

Tập tin app.js để cấu hình dự án, xác định địa chỉ ip, cổng của server và include các mô-đun cần thiết cho việc phát triển dự án.

Chạy dự án để kiểm tra, nhấn phải vào tập tin app.js chọn Run As > Node Application.

GVHD: Th.S Lê Minh Lý SV: Nguyễn Hải Đăng

MSCB: 2301 Trang 71 MSSV: 1111517

Hình 10 – Chạy dự án Node.js

GVHD: Th.S Lê Minh Lý SV: Nguyễn Hải Đăng

MSCB: 2301 Trang 72 MSSV: 1111517

Cửa sổ Console sẽ ghi lại tất cả nhật ký hoạt động của server, nếu bắt gặp lệnh

console.log(). Hiện tại, server đã lắng nghe(chờ) kết nối từ client đến server ở cổng 3000.

Vào trình duyệt để kiểm tra.

Hình 12 - Kết quả chạy dự án trên trình duyệt

GVHD: Th.S Lê Minh Lý SV: Nguyễn Hải Đăng

MSCB: 2301 Trang 73 MSSV: 1111517

B. Giao diện bổ sung

1. Giao diện khách hàng

1.1 Xem thông tin trạm biếp áp

Hình 13 - Trang xem thông tin các trạm biến áp

Trang xem thông tin trạm biến áp hiện thị các trạm biến áp mà cơ quan đang quản lý.

1.2 Trang gửi ý kiến phản hồi

GVHD: Th.S Lê Minh Lý SV: Nguyễn Hải Đăng

MSCB: 2301 Trang 74 MSSV: 1111517

Khác hàng có thể gửi ý kiến phản hồi của mình, hay mọi thắc mắc có liên quan đến nhân viên, cơ quan, đến việc thu tiền điện thông qua trang gửi ý kiến phản hồi.

Sau khi đăng nhập, khách hàng vào chức năng hỏi và đáp, viết ý kiến của mình sau đó gửi lên hệ thống và đợi phản hồi từ nhân viên của cơ quan.

1.3 Trang hỏi và đáp

Hình 15 - Trang hỏi và đáp

Trang hỏi và đáp còn liệt kê tất cả các câu hỏi của tất cả khách hàng và phản hồi của nhân viên để khách hàng có thể tham khảo.

GVHD: Th.S Lê Minh Lý SV: Nguyễn Hải Đăng

MSCB: 2301 Trang 75 MSSV: 1111517

2. Giao diện nhân viên quản lý

2.1 Trang thêm công tơ điện

Hình 16 - Trang thêm công tơ điện

Trang thêm công tơ điện có chức năng thêm công tơ điện mới cho khách hàng, phần khách hàng có xác định khách hàng mới hay khách hàng cũ. Nếu là khách hàng cũ thì nhập mã khách hàng, kiểm tra thông tin nếu đúng thì thêm công tơ điện cho khách hàng cũ đăng tồn tại trong hệ thống. Ngược lại nếu là khách hàng mới thì hệ thống thêm thông tin khách hàng mới, sau đó thêm công tơ điện cho khách hàng. Bên cạnh đó, hệ thống tạo thêm tài khoản cho khách hàng truy cập vào website với tên đăng nhập và mật khẩu là mã khách hàng, khách hàng có thể thay đổi mật khẩu khi đăng nhập vào website.

GVHD: Th.S Lê Minh Lý SV: Nguyễn Hải Đăng

MSCB: 2301 Trang 76 MSSV: 1111517

2.2 Trang thêm mục đích sử dụng

Hình 17 – Trang thêm mục đích sử dụng

Việc thêm mục đích sử dụng phải xác định mục đích sử dụng đó thuộc nhóm nào, điện sản xuất, kinh doanh hay sinh hoạt bình thường. Giá điện được tính theo một hay nhiều mức, tối thiểu là một và tối đa là sáu mức.

2.3 Trang quản lý nhóm mục đích sử dụng

GVHD: Th.S Lê Minh Lý SV: Nguyễn Hải Đăng

MSCB: 2301 Trang 77 MSSV: 1111517

Trang quản lý nhóm mục đích sử dụng có chức năng thêm nhóm, sửa thông tin và xóa nhóm.

2.4 Trang thêm bài đăng

Hình 19 Trang thêm bài đăng

Trang này có chức năng thêm bài đăng, tin tức mới để phổ biến thông tin đến khách hàng.

Một phần của tài liệu xây dựng website quản lý việc thu tiền điện phường an hòa, tp cần thơ (Trang 72 - 87)

Tải bản đầy đủ (PDF)

(87 trang)