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 (adsbygoogle = window.adsbygoogle || []).push({});
Đợ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 (adsbygoogle = window.adsbygoogle || []).push({});
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 (adsbygoogle = window.adsbygoogle || []).push({});
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.