TRƯỜNG ĐẠI HỌC CẦN THƠ KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG BỘ MÔN TIN HỌC ỨNG DỤNG LUẬN VĂN TỐT NGHIỆP ĐẠI HỌC XÂY DỰNG WEBSITE QUẢN LÝ VIỆC THU TIỀN ĐIỆN PHƯỜNG AN HÒA, TP CẦN THƠ SINH VIÊN THỰC HIỆN CÁN BỘ HƯỚNG DẪN Nguyễn Hải Đăng (MSSV: 1111517) Thạc sĩ Lê Minh Lý Lớp: Tin học ứng dụng MSCB: 2301 Khóa: 37 Cần Thơ, 2015 TRƯỜNG ĐẠI HỌC CẦN THƠ KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG BỘ MÔN TIN HỌC ỨNG DỤNG LUẬN VĂN TỐT NGHIỆP ĐẠI HỌC XÂY DỰNG WEBSITE QUẢN LÝ VIỆC THU TIỀN ĐIỆN PHƯỜNG AN HÒA, TP CẦN THƠ Sinh viên thực Cán hướng dẫn Nguyễn Hải Đăng (MSSV: 1111517) Lớp: Tin học ứng dụng Khóa: 37 Thạc sĩ Lê Minh Lý MSCB: 2301 Cán phản biện Thạc sĩ Vũ Duy Linh Thạc sĩ Lê Thị Diễm Luận văn bảo vệ tại: Hội đồng chấm luận văn tốt nghiệp Bộ môn Tin học Ứng dụng Khoa Công nghệ thông tin truyền thông, Trường Đại học Cần Thơ vào ngày 14 tháng năm 2015 Mã số đề tài: Có thể tìm hiểu luận văn tại: - Trung tâm Học liệu, Trường Đại học Cần Thơ - Website: http://www.lrc.ctu.edu.vn/ Cần Thơ, 2015 Đề tài: Xây dựng website quản lý việc thu tiền điện phường An Hòa, TP Cần Thơ LỜI CẢM ƠN Xin gửi lời cảm ơn chân thành đến cô Lê Minh Lý, cán hướng dẫn suốt trình thực hoàn thành đề tài, cảm ơn toàn thầy, cô Bộ môn Tin học ứng dụng khoa Công nghệ thông tin tuyền thông giảng dạy, chia sẻ nhiều kiến thức, kinh nghiệm quý báo trình chúng em học tập trường Xin gởi lòng biết ơn sâu sắc đến cha mẹ, gia đình tạo điều kiện vật chất, tinh thần, động viên, khích lệ hỗ trợ suốt thời gian qua Xin gởi lời cám ơn đến anh chị, bạn bè tận tình giúp đỡ suốt trình học thời gian thực đề tài Mặc dù cố gắng trình thực tránh khỏi sai sót, mong thầy (cô) hướng dẫn thêm Xin chân thành cảm ơn! Sinh viên thực đề tài Nguyễn Hải Đăng SV: Nguyễn Hải Đăng GVHD: Th.S Lê Minh Lý MSCB: 2301 Trang i MSSV: 1111517 Đề tài: Xây dựng website quản lý việc thu tiền điện phường An Hòa, TP Cần Thơ MỤC LỤC LỜI CẢM ƠN i MỤC LỤC .ii DANH MỤC HÌNH ẢNH iv DANH MỤC BẢNG vi TÓM TẮT vii ABSTRACT viii CHƯƠNG TỔNG QUAN 1.1 ĐẶT VẤN ĐỀ 1.2 LỊCH SỬ GIẢI QUYẾT VẤN ĐỀ 1.3 PHẠM VI ĐỀ TÀI 1.4 PHƯƠNG PHÁP NGHIÊN CỨU VÀ HƯỚNG GIẢI QUYẾT CHƯƠNG CƠ SỞ LÝ THUYẾT 2.1 NODE.JS 2.2 EXPRESS FRAMEWORK 2.3 EJS TEMPLATE(EMBEDDED JAVASCRIPT TEMPLATE) 10 2.4 AJAX – JQUERY 13 2.5 MYSQL VÀ PHPMYADMIN 14 CHƯƠNG 16 NỘI DUNG VÀ KẾT QUẢ NGUYÊN CỨU 16 3.1 TỔNG QUAN HỆ THỐNG 16 3.1.1 Mô tả toán 16 3.1.2 Phân tích thiết kế mô hình 17 3.1.2.1 Sơ đồ nghiệp vụ chức BFD .17 3.1.2.2 Sơ đồ Use case 19 3.1.2.3 Sơ đồ kịch bản(scenario) 21 SV: Nguyễn Hải Đăng GVHD: Th.S Lê Minh Lý MSCB: 2301 Trang ii MSSV: 1111517 Đề tài: Xây dựng website quản lý việc thu tiền điện phường An Hòa, TP Cần Thơ 3.1.2.4 Sơ đồ lớp 23 3.1.2.5 Mô tả ràng buộc toàn vẹn sở liệu .36 3.1.2.6 Sơ đồ .38 3.1.2.7 Sơ đồ ER 43 3.1.2.8 Sơ đồ sở liệu quan hệ .44 3.2 GIAO DIỆN – CÀI ĐẶT 50 3.2.1 Giao diện khách hàng 50 3.2.1.1 Trang chủ 50 3.2.1.2 Trang nội dung tin tức 50 3.2.1.3 Trang thông tin giá điện .52 3.2.1.4 Trang thông tin khách hàng 52 3.2.1.5 Trang xem thông tin công tơ điện 53 3.2.1.6 Trang nhập số điện tiêu thụ 54 3.2.1.7 Trang xem hóa đơn .54 3.2.1.8 Bản in hóa đơn 56 3.2.2 Giao diện nhân viên 57 3.2.2.1 Trang quản lý nhân viên .57 3.2.2.2 Trang quản lý khách hàng 57 3.2.2.3 Trang quản lý công tơ điện 58 3.2.2.4 Trang nhập số liệu điện tiêu thụ 59 3.2.2.5 Trang xem thông tin hóa đơn .59 3.2.2.6 Trang lập báo cáo thống kê 60 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 61 KẾT QUẢ ĐẠT ĐƯỢC 61 HẠN CHẾ 61 HƯỚNG PHÁT TRIỂN 62 TÀI LIỆU THAM KHẢO 63 PHỤ LỤC 64 SV: Nguyễn Hải Đăng GVHD: Th.S Lê Minh Lý MSCB: 2301 Trang iii MSSV: 1111517 Đề tài: Xây dựng website quản lý việc thu tiền điện phường An Hòa, TP Cần Thơ DANH MỤC HÌNH ẢNH Hình 2.1 - Cửa sổ cài đặt mô-đun Windows Hình 2.2 - Ứng dụng Hello World Hình 2.3 - Ứng dụng Hello World với express framework Hình 2.4 - Ứng dụng hello World với Embedded Javascript Template 12 Hình 3.1 Sơ đồ nghiệp vụ chức BFD 17 Hình 3.2 Sơ đồ nghiệp vụ chức BFD(tiếp theo) 18 Hình 3.3 - Sơ đồ use case – Khách hàng 19 Hình 3.4 - Sơ đồ use case – Nhân viên quản lý 20 Hình 3.5 - Sơ đồ use case – Nhân viên quản lý(tiếp theo) 20 Hình 3.6 - Lớp nhân viên 23 Hình 3.7 - Lớp phòng ban 24 Hình 3.8 - Lớp khách hàng 25 Hình 3.9 - Lớp mục đích sử dụng 26 Hình 3.10 - Lớp công tơ điện 27 Hình 3.11 - Lớp hóa đơn 28 Hình 3.12 - Lớp trạm biến áp 29 Hình 3.13 - Quan hệ nhân viên – phòng ban 30 Hình 3.14 - Quan hệ nhân viên – hóa đơn 30 Hình 3.15 - Quan hệ hóa đơn – công tơ điện 31 Hình 3.16 - Quan hệ công tơ điện – khách hàng 31 Hình 3.17 - Quan hệ công tơ điện –trạm biến áp 32 Hình 3.18 - Quan hệ công tơ điện – mục đích sử dụng 32 Hình 3.19 - Quan hệ mục đích sử dụng – nhóm mục đích sử dụng 32 Hình 3.20 - Quan hệ mục đích sử dụng – giá điện bậc thang 33 Hình 3.21 - Quan hệ hóa đơn – giá điện 33 Hình 3.22 - Quan hệ khách hàng – ý kiến phản hồi 34 Hình 3.23 - Quan hệ nhân viên – tin tức 34 SV: Nguyễn Hải Đăng GVHD: Th.S Lê Minh Lý MSCB: 2301 Trang iv MSSV: 1111517 Đề tài: Xây dựng website quản lý việc thu tiền điện phường An Hòa, TP Cần Thơ Hình 3.24 - Sơ đồ lớp 35 Hình 3.25 - Sơ đồ - Đăng nhập khách hàng 38 Hình 3.26 - Sơ đồ - Thêm công tơ điện 39 Hình 3.27 Sơ đồ - Khách hàng nhập số tiêu thụ điện 40 Hình 3.28 - Sơ đồ khách hàng toán hóa đơn 41 Hình 3.29 - Sơ đồ khách hàng tìm kiếm hóa đơn 42 Hình 3.30 – Sơ đồ ER 43 Hình 3.31 - Mô hình sở liệu quan hệ 44 Hình 3.32 - Trang chủ phần khách hàng 50 Hình 3.33 - Trang nội dung tin tức 51 Hình 3.34 - Trang hiển thị kết tìm kiếm 51 Hình 3.35 - Trang thông tin giá điện 52 Hình 3.36 - Trang thông tin khách hàng 52 Hình 3.37 - Trang xem thông tin công tơ điện 53 Hình 3.38 - Trang nhập số điện tiêu thụ 54 Hình 3.39 - Trang xem hóa đơn 55 Hình 3.40 - Bản in hóa đơn 56 Hình 3.41 - Trang quản lý nhân viên 57 Hình 3.42 - Trang quản lý khách hàng 57 Hình 3.43 - Trang quản lý công tơ điện 58 Hình 3.44 - Trang nhập số điện tiêu thụ 59 Hình 3.44 - Trang xem thông tin hóa đơn 59 Hình 3.46 - Trang lập báo cáo thống kê 60 SV: Nguyễn Hải Đăng GVHD: Th.S Lê Minh Lý MSCB: 2301 Trang v MSSV: 1111517 Đề tài: Xây dựng website quản lý việc thu tiền điện phường An Hòa, TP Cần Thơ DANH MỤC BẢNG Bảng 3.1 - Scenario cho use case đăng nhập nhân viên 21 Bảng 3.2 - Scenario cho use case thêm công tơ điện 22 Bảng 3.3 - Thuộc tính lớp nhân viên 23 Bảng 3.4 - Phương thức lớp nhân viên 23 Bảng 3.5 - Thuộc tính lớp phòng ban 24 Bảng 3.6 - Phương thức lớp phòng ban 24 Bảng 3.7 - Thuộc tính lớp khách hàng 25 Bảng 3.8 - Phương thức lớp khách hàng 25 Bảng 3.9 - Thuộc tính lớp mục đích sử dụng 26 Bảng 3.10 - Phương thức lớp mục đích sử dụng 26 Bảng 3.11 - Thuộc tính lớp công tơ điện 27 Bảng 3.12 - Phương thức lớp công tơ điện 27 Bảng 3.13 - Thuộc tính lớp hóa đơn 28 Bảng 3.14 - Thuộc tính lớp trạm biến áp 29 Bảng 3.15 - Phương thức lớp trạm biến áp 29 Bảng 3.16 - Các ràng buộc toàn vẹn 36 Bảng 3.17 - Tầm ảnh hưởng với bối cảnh nhân viên 36 Bảng 3.18 - Tầm ảnh hưởng với bối cảnh khách hàng 37 Bảng 3.19 - Tầm ảnh hưởng với bối cảnh hóa đơn 37 Bảng 3.20 - Cơ sở liệu bảng nhân viên 45 Bảng 3.21 - Cơ sở liệu bảng nhóm mục đích sử dụng 45 Bảng 3.22 - Cơ sở liệu bảng khách hàng 46 Bảng 3.23 - Cơ sở liệu bảng mục đích sử dụng 46 Bảng 3.24 - Cơ sở liệu bảng công tơ điện 47 Bảng 3.25 - Cơ sở liệu bảng hóa đơn 48 Bảng 3.26 - Cơ sở liệu bảng phân mức giá 49 Bảng 3.27 - Cơ sở liệu bảng hóa đơn chi tiết 49 SV: Nguyễn Hải Đăng GVHD: Th.S Lê Minh Lý MSCB: 2301 Trang vi MSSV: 1111517 Đề tài: Xây dựng website quản lý việc thu tiền điện phường An Hòa, TP Cần Thơ TÓM TẮT Ngày nay, với phát triển rộng rãi công nghệ thông tin internet việc quản lý, trao đổi xử lý thông tin trở nên dễ dàng hơn, việc quản lý tiền điện, tính tiền điện tự động hóa nhiều đảm bảo công việc xử lý nhanh chóng, khách hàng cung cấp số tiêu điện thụ toán hóa đơn trực tuyến thông qua internet giúp rút ngắn thời gian, đơn giản hóa công việc, đạt hiểu cao công tác quản lý Từ đó, đề tài “Xây dựng website quản lý việc thu tiền điện địa bàn Phường An Hòa, Thành Phố Cần Thơ” thực để đáp ứng nhu cầu qua tìm hiểu áp dụng kiến thức, công nghệ tạo nên hệ thống hoàn chỉnh, hoạt động tốt, ổn định nhanh chóng, đảm bảo hoạt động chức sau:     Quản lý thông tin nhân viên, thông tin khách hàng Quản lý thông tin công tơ điện khách hàng sử dụng Cập nhật thông tin giá điện, tăng, giảm giá điện, thuế Cho phép khách hàng nhập số liệu điện tiêu thụ trực tiếp hệ thống, xem, toán in hóa đơn Khách hàng đăng ký sử dụng điện có nhu cầu sử dụng  Lập báo cáo, thống kê lượng điện tiêu thụ doanh thu hàng tháng Nội dung báo cáo cấu trúc sau: Chương 1: Tổng quan trình bày vấn đề trạng, vấn đề cần giải hướng để giải yêu cầu toán Chương 2: Cơ sở lý thuyết tìm hiểu tổng quát Node.js, môi trường phát triển ứng dụng internet thành phần liên quan như: express.js – framework hỗ trợ phát triển ứng dụng web, EJS (Embed Javascript) template engine, ajax jquery… hệ quản trị sở liệu MySQL Chương 3: Cơ sở liệu bao gồm hai phần: trình bày tổng quan hệ thống thực cài đặt hệ thống Chương 4: Kết luận hướng phát triển trình bày tổng kết phần thực phần chưa thực Đưa định hướng phát triển hệ thống chỉnh sửa phần chưa thực Từ khóa: Node.js, Express.js, Javascript Server Side, EJS Template … SV: Nguyễn Hải Đăng GVHD: Th.S Lê Minh Lý MSCB: 2301 Trang vii MSSV: 1111517 Đề tài: Xây dựng website quản lý việc thu tiền điện phường An Hòa, TP Cần Thơ ABSTRACT Nowadays, thanks to the wide development of information technology and internet, the information management, exchange, and processing become more and more convenient The electricity management and charges are also automatized, so it ensures that the work will be processed faster The electric indexes consumption supply and online bill payment through the internet helping us to save time, simplify tasks, achieve high efficiency in management The topic “Designing website for managing electric charges collection on An Hoa Ward, Can Tho city” is carried out to meet current needs Therefore, learning and applying new knowledge, technology create complete, run-well, stable and fast system, which make sure to operate functions follow:     Manage employee information, customer information Manage the customer's electricity meter information are using Update electricity price increase, reduced electricity prices, taxes Allow customers to enter data directly power consumption on the system, view, payments and print invoice Customers can register to use electricity when demand  Make reports, statistics power consumption and monthly revenue The contents of the report is structured as follows: Chapter 1: General presenting the issues of status, issues solved and directions in order to solve the requirements of problems Chapter 2: Theoretical Foundations learn the general of Node.js being a developing environment for Internet applications and related components such as express.js - framework supporting to develop web application, EJS (JavaScript Embed) template engine, ajax and jquery and management system MySQL database Chapter 3: Database having two parts: General presentation of the system and performance of the system installation Chapter 4: Conclusion and developing direction presenting the conclusion of the parts having been done and unrealized Giving the orientation of system development and correcting the parts unrealized Keyword: Node.js, Express.js, Server Side JavaScript, EJS templates SV: Nguyễn Hải Đăng GVHD: Th.S Lê Minh Lý MSCB: 2301 Trang viii MSSV: 1111517 Đề tài: Xây dựng website quản lý việc thu tiền điện phường An Hòa, TP Cần Thơ 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ỹ lập trình, kiểm tra lỗi:  http://www.sinhvienit.net  http://stackoverflow.com  http://expressjs.com SV: Nguyễn Hải Đăng GVHD: Th.S Lê Minh Lý MSCB: 2301 Trang 63 MSSV: 1111517 Đề tài: Xây dựng website quản lý việc thu tiền điện phường An Hòa, TP Cần Thơ PHỤ LỤC A Cấu hình Zend Studio để tạo dự án Node.js Cấu hình Zend Studio(đối với Zend Studio 10.5) Hình – 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 Hình – Cửa sổ cài đặt plugin bổ trợ SV: Nguyễn Hải Đăng GVHD: Th.S Lê Minh Lý MSCB: 2301 Trang 64 MSSV: 1111517 Đề tài: Xây dựng website quản lý việc thu tiền điện phường An Hòa, TP Cần Thơ 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 liệt kê danh sách 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 – Cửa sổ cài đặt plugin bổ trợ Đợi hệ thống kiểm tra xem Zend Studio cài đặt hay chưa, chưa việc cài đặt tiến hành SV: Nguyễn Hải Đăng GVHD: Th.S Lê Minh Lý MSCB: 2301 Trang 65 MSSV: 1111517 Đề tài: Xây dựng website quản lý việc thu tiền điện phường An Hòa, TP Cần Thơ Hình – Cửa sổ cài đặt plugin bổ trợ Bước cuối chấp nhận điều khoản sử dụng nhấn Finsh đợi việc cài đặt kết thúc Hình – Cửa sổ cài đặt plugin bổ trợ SV: Nguyễn Hải Đăng GVHD: Th.S Lê Minh Lý MSCB: 2301 Trang 66 MSSV: 1111517 Đề tài: Xây dựng website quản lý việc thu tiền điện phường An Hòa, TP Cần Thơ Tạo dự án Node.js Zend Studio Sau cài đặt 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 – Cửa sổ tạo dự án Chọn loại dự án Node.js Project Node.js Express Project thư mục Nodeclipse Nếu chọn Node.js Express Project dự án hỗ trợ thêm framework Express vào SV: Nguyễn Hải Đăng GVHD: Th.S Lê Minh Lý MSCB: 2301 Trang 67 MSSV: 1111517 Đề tài: Xây dựng website quản lý việc thu tiền điện phường An Hòa, TP Cần Thơ Hình – Cửa sổ tạo dự án Nhấn Next để tiếp tục qua bước SV: Nguyễn Hải Đăng GVHD: Th.S Lê Minh Lý MSCB: 2301 Trang 68 MSSV: 1111517 Đề tài: Xây dựng website quản lý việc thu tiền điện phường An Hòa, TP Cần Thơ Hình – Cửa sổ tạo dự án Ở bước này, đặt tên dự án vào textbox Project name Ở phần Template Engine chọn ejs(mặc định chọn Jade) Ở Stylesheet Engine chọn CSS Nhấn Finsh để kết thúc việc tạo dự án Sau tạo thành công dự án, thư mục tập tin cần thiết tạo chung dự án SV: Nguyễn Hải Đăng GVHD: Th.S Lê Minh Lý MSCB: 2301 Trang 69 MSSV: 1111517 Đề tài: Xây dựng website quản lý việc thu tiền điện phường An Hòa, TP Cần Thơ Hình – Kết tạo dự án Zend Studio 10.5 Tập tin app.js để cấu hình dự án, xác định địa ip, cổng server include 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 SV: Nguyễn Hải Đăng GVHD: Th.S Lê Minh Lý MSCB: 2301 Trang 70 MSSV: 1111517 Đề tài: Xây dựng website quản lý việc thu tiền điện phường An Hòa, TP Cần Thơ Hình 10 – Chạy dự án Node.js Hình 11 – Cửa sổ Console ghi nhật ký SV: Nguyễn Hải Đăng GVHD: Th.S Lê Minh Lý MSCB: 2301 Trang 71 MSSV: 1111517 Đề tài: Xây dựng website quản lý việc thu tiền điện phường An Hòa, TP Cần Thơ Cửa sổ Console ghi lại tất nhật ký hoạt động server, 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 chạy dự án trình duyệt Kết tạo thành công dự án SV: Nguyễn Hải Đăng GVHD: Th.S Lê Minh Lý MSCB: 2301 Trang 72 MSSV: 1111517 Đề tài: Xây dựng website quản lý việc thu tiền điện phường An Hòa, TP Cần Thơ B Giao diện bổ sung 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 trạm biến áp Trang xem thông tin trạm biến áp thị trạm biến áp mà quan quản lý 1.2 Trang gửi ý kiến phản hồi Hình 14 - Trang gửi ý kiến phản hồi SV: Nguyễn Hải Đăng GVHD: Th.S Lê Minh Lý MSCB: 2301 Trang 73 MSSV: 1111517 Đề tài: Xây dựng website quản lý việc thu tiền điện phường An Hòa, TP Cần Thơ Khác hàng gửi ý kiến phản hồi mình, hay thắc mắc có liên quan đến nhân viên, quan, đến việc thu tiền điện thông qua trang gửi ý kiến phản hồi Sau đăng nhập, khách hàng vào chức hỏi đáp, viết ý kiến sau gửi lên hệ thống đợi phản hồi từ nhân viên quan 1.3 Trang hỏi đáp Hình 15 - Trang hỏi đáp Trang hỏi đáp liệt kê tất câu hỏi tất khách hàng phản hồi nhân viên để khách hàng tham khảo SV: Nguyễn Hải Đăng GVHD: Th.S Lê Minh Lý MSCB: 2301 Trang 74 MSSV: 1111517 Đề tài: Xây dựng website quản lý việc thu tiền điện phường An Hòa, TP Cần Thơ 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 thêm công tơ điện cho khách hàng, phần khách hàng có xác định khách hàng hay khách hàng cũ Nếu khách hàng cũ nhập mã khách hàng, kiểm tra thông tin thêm công tơ điện cho khách hàng cũ đăng tồn hệ thống Ngược lại khách hàng 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 mật mã khách hàng, khách hàng thay đổi mật đăng nhập vào website SV: Nguyễn Hải Đăng GVHD: Th.S Lê Minh Lý MSCB: 2301 Trang 75 MSSV: 1111517 Đề tài: Xây dựng website quản lý việc thu tiền điện phường An Hòa, TP Cần Thơ 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 tính theo hay nhiều mức, tối thiểu tối đa sáu mức 2.3 Trang quản lý nhóm mục đích sử dụng Hình 18 - Trang quản lý nhóm mục đích sử dụng SV: Nguyễn Hải Đăng GVHD: Th.S Lê Minh Lý MSCB: 2301 Trang 76 MSSV: 1111517 Đề tài: 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 quản lý nhóm mục đích sử dụng có chức thêm nhóm, sửa thông tin xóa nhóm 2.4 Trang thêm đăng Hình 19 Trang thêm đăng Trang có chức thêm đăng, tin tức để phổ biến thông tin đến khách hàng SV: Nguyễn Hải Đăng GVHD: Th.S Lê Minh Lý MSCB: 2301 Trang 77 MSSV: 1111517 [...]... 1111517 Đề tài: Xây dựng website quản lý việc thu tiền điện phường An Hòa, TP Cần Thơ quản lý thu tiền điện trên nền Windows Application khác với các chức năng quản lý công tơ điện, quản lý khách hàng, tính tiền điện, xuất hóa đơn Với đề tài Xây dựng chương trình quản lý việc thu tiền điện trên địa bàn phường An Hòa, Thành Phố Cần Thơ được mở rộng thêm một số chức năng cần thiết khác như quản lý nhân viên,... Minh Lý MSCB: 2301 Trang 19 MSSV: 1111517 Đề tài: Xây dựng website quản lý việc thu tiền điện phường An Hòa, TP Cần Thơ Hình 3.4 - Sơ đồ use case – Nhân viên quản lý Sơ đồ use case nhân viên quản lý( tiếp theo) Hình 3.5 - Sơ đồ use case – Nhân viên quản lý (tiếp theo) SV: Nguyễn Hải Đăng GVHD: Th.S Lê Minh Lý MSCB: 2301 Trang 20 MSSV: 1111517 Đề tài: Xây dựng website quản lý việc thu tiền điện phường An. .. tài: Xây dựng website quản lý việc thu tiền điện phường An Hòa, TP Cần Thơ Lớp phòng ban Hình 3.7 - Lớp phòng ban Diễn giải các thu c tính và phương thức của lớp phòng ban Thu c tính Diễn giải maphongban Mã phòng ban tenphongban Tên phòng ban ghichu Ghi chú ngaythanhlap Ngày thanh lập phòng ban Bảng 3.5 - Thu c tính của lớp phòng ban Phương thức Diễn giải themphongban Thêm phòng ban mới xoaphongban Xóa... Hải Đăng GVHD: Th.S Lê Minh Lý MSCB: 2301 Trang 16 MSSV: 1111517 Đề tài: Xây dựng website quản lý việc thu tiền điện phường An Hòa, TP Cần Thơ Hằng tháng, yêu cầu khách hàng phải nhập số liệu điện năng tiêu thụ của những công tơ điện mà khách hàng đang sử dụng, lưu lại số liệu để xuất trình hóa đơn báo tiền điện, hóa đơn thanh toán tiền điện và để tính cho tháng tiếp theo Việc nhâp số liệu được thực... xoaphongban Xóa phòng ban get_ngaythanhlap Lấy thông tin ngày thành lập Bảng 3.6 - Phương thức của lớp phòng ban SV: Nguyễn Hải Đăng GVHD: Th.S Lê Minh Lý MSCB: 2301 Trang 24 MSSV: 1111517 Đề tài: Xây dựng website quản lý việc thu tiền điện phường An Hòa, TP Cần Thơ Lớp khách hàng Hình 3.8 - Lớp khách hàng Diễn giải các thu c tính và phương thức của lớp khách hàng Thu c tính Diễn giải makhachhang Mã khách hàng... use case đăng nhập nhân viên SV: Nguyễn Hải Đăng GVHD: Th.S Lê Minh Lý MSCB: 2301 Trang 21 MSSV: 1111517 Đề tài: Xây dựng website quản lý việc thu tiền điện phường An Hòa, TP Cần Thơ Sơ đồ kịch bản cho use case thêm công tơ điện Tên use case Thêm công tơ điện Tác nhân chính Nhân viên Mức 3 Người chịu trách nhiệm Nhân viên quản lý Tiền điều kiện Nhân viên đã đăng nhập vào hệ thống Đảm bảo tối thiểu...Đề tài: Xây dựng website quản lý việc thu tiền điện phường An Hòa, TP Cần Thơ CHƯƠNG 1 TỔNG QUAN 1.1 ĐẶT VẤN ĐỀ Công nghệ thông tin trong giai đoạn hiện nay có nhiều bước phát triển mạnh mẽ trong mọi lĩnh vực Việc ứng dụng các phần mềm hệ thống quản lý vào các cơ quan, tổ chức kinh tế, xã hội rất phổ biến để tối ưu hóa các công việc, nâng cao hiệu quả sản xuất, tiết kiệm được nhiều thời gian chi phí... Lê Minh Lý MSCB: 2301 Trang 7 MSSV: 1111517 Đề tài: Xây dựng website quản lý việc thu tiền điện phường An Hòa, TP Cần Thơ http.createServer(function(request, response){ response.writeHead(200,{ 'Content-Type': 'text/plain' }); response.end('Hello World!'); }).listen(8080); Lệnh require("http") để include mô-đun htttp createServer là hàm tạo http server với tham số đầu vào là hàm sẽ được gọi xử lý mỗi... GVHD: Th.S Lê Minh Lý MSCB: 2301 Trang 12 MSSV: 1111517 Đề tài: Xây dựng website quản lý việc thu tiền điện phường An Hòa, TP Cần Thơ 2.4 AJAX – JQUERY AJAX AJAX, viết tắt từ Asynchronous JavaScript and XML (JavaScript và XML không đồng bộ) là một công nghệ cho phép làm tăng tốc độ ứng dụng web bằng kỹ thu t cắt nhỏ dữ liệu, chỉ hiển thị những gì cần thiết thay vì tải đi tải lại trang web AJAX được... thêm công tơ điện SV: Nguyễn Hải Đăng GVHD: Th.S Lê Minh Lý MSCB: 2301 Trang 22 MSSV: 1111517 Đề tài: Xây dựng website quản lý việc thu tiền điện phường An Hòa, TP Cần Thơ 3.1.2.4 Sơ đồ lớp Sau khi phân tích thông tin, các chức năng của hệ thống ta được các lớp sau đây: Lớp nhân viên Hình 3.6 - Lớp nhân viên Diễn giải các thu c tính và phương thức của lớp nhân viên Thu c tính Diễn giải manv Mã số nhân ... Lý MSCB: 2301 Trang MSSV: 1111517 Đề tài: Xây dựng website quản lý việc thu tiền điện phường An Hòa, TP Cần Thơ quản lý thu tiền điện Windows Application khác với chức quản lý công tơ điện, quản. .. Minh Lý MSCB: 2301 Trang 29 MSSV: 1111517 Đề tài: Xây dựng website quản lý việc thu tiền điện phường An Hòa, TP Cần Thơ Phân tích mối quan hệ lớp Quan hệ nhanvien - phongban Hình 3.13 - Quan hệ... Minh Lý MSCB: 2301 Trang 19 MSSV: 1111517 Đề tài: Xây dựng website quản lý việc thu tiền điện phường An Hòa, TP Cần Thơ Hình 3.4 - Sơ đồ use case – Nhân viên quản lý Sơ đồ use case nhân viên quản